@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";.simple-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:12px 0 30px}.simple-intro h1{font-size:30px;margin-bottom:8px}.simple-intro p,.party-strip p{font-size:12px;color:var(--muted)}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.lobby-games{min-width:0}.lobby-layout .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-layout>.party-panel{position:sticky;top:20px}.lobby-layout .card-visual{height:125px}.lobby-layout .card-info{padding:16px}.lobby-layout .card-info>p{display:none}.lobby-layout .filter-note{display:none}.lobby-layout .section-heading{flex-wrap:wrap;gap:12px}.lobby-layout .section-heading h2{font-size:22px}.lobby-layout .search{width:100%}.recommendations{margin:18px 0;padding:14px;border-radius:12px;background:#f4effc;border:1px solid #dfd2f4}.recommendations h4{margin:0 0 10px;font-size:12px}.recommendations>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.recommendations b,.recommendations small{display:block;font-size:12px}.recommendations small{font-size:10px;color:var(--muted);margin-top:4px}.recommendations .button{padding:8px 12px;font-size:11px}.recommend-sent{font-size:10px;color:var(--purple)}.party-chat{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.party-chat summary{cursor:pointer;font-size:12px;color:var(--muted)}.quick-game-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.quick-game-list button{padding:12px;background:#f5effb;border-radius:9px;text-align:left;display:flex;flex-direction:column;gap:5px}.quick-game-list b{font-size:13px}.quick-game-list span{font-size:10px;color:var(--muted)}[data-theme=dark] .recommendations,[data-theme=dark] .quick-game-list button{background:#332640;border-color:#51405f}.lobby-layout .ready-hint{line-height:1.6}.party-strip{justify-content:space-between}.lobby-layout .party-panel{padding:22px}.lobby-layout .room-code{margin-bottom:12px}.lobby-layout .player{padding:10px 0}@media(max-width:1100px){.lobby-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.lobby-layout .game-grid{gap:12px}.lobby-layout .card-meta{gap:7px}.lobby-layout .card-meta>b{display:none}}@media(max-width:850px){.lobby-layout{display:flex;flex-direction:column}.lobby-layout>.party-panel{order:-1;position:static;width:100%}.lobby-games{width:100%}.lobby-layout .player-list{display:flex;flex-wrap:wrap;gap:8px 16px}.lobby-layout .player{border:0;min-width:120px;flex:1}.lobby-layout .room-code,.lobby-layout .selected-game{margin:12px 0}.simple-intro{flex-direction:column;align-items:flex-start;gap:18px}.simple-intro h1{font-size:25px}.party-strip{flex-wrap:wrap;gap:12px}.quick-game-list button{padding:10px}.lobby-layout .card-visual{height:105px}.lobby-layout .card-title h3{font-size:15px}.lobby-layout .card-info{padding:12px}.lobby-layout .card-title>span{display:none}}.renju-status{display:flex;flex-direction:column;gap:7px;padding:14px 18px;margin-bottom:18px;border:1px solid #d6c6eb;border-radius:12px;background:#f5effc;font-size:12px;color:#77539b}.renju-status b{font-size:14px}.renju-status small{font-size:11px;opacity:.85}.board.gomoku button.forbidden-point{opacity:1;background:#d74d6820}.forbidden-symbol{position:relative;z-index:2;color:#bd3852;font-size:clamp(12px,2vw,23px);font-weight:700;line-height:1}.renju-notice{min-height:34px;text-align:center;font-size:12px;line-height:1.7;color:#ab4865;margin:18px 0 8px}.renju-help{font-size:11px;color:#8b719f;line-height:1.8;padding:12px;background:#f8f4fc;border-radius:10px}.renju-help summary{cursor:pointer;font-weight:600}.renju-help p{margin:10px 0}.renju-help a{color:inherit;text-decoration:underline}[data-theme=dark] .renju-status,[data-theme=dark] .renju-help{background:#30243e;border-color:#59416f;color:#d4bce8}[data-theme=dark] .renju-notice{color:#f0a0b6}[data-theme=dark] .forbidden-symbol{color:#f683a1}.board.gomoku .forbidden-symbol{display:grid;place-items:center;width:85%;height:85%;background:#ffe1e6;color:#a41937;border:1px solid #c74462;border-radius:4px}.extra-area{padding:28px}.extra-caption{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:#9784ac;margin-bottom:18px}.side-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.side-dot.red{background:#d99990}.side-dot.blue{background:#8ca6ca}.classic-grid{display:grid;grid-template-columns:repeat(8,1fr);max-width:510px;margin:auto;border:7px solid #b7a2bb;border-radius:12px;overflow:hidden}.classic-grid button{aspect-ratio:1;position:relative;display:grid;place-items:center;padding:0;opacity:1}.light-cell{background:#f3e6dd}.dark-cell{background:#ae91a8}.checker-piece{width:77%;height:77%;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffff35,0 3px 1px #543d5b44;display:grid;place-items:center;font-size:30px;color:#fff8ee}.team-0{background:#d98e83}.team-1{background:#809ec6}.chosen-cell{box-shadow:inset 0 0 0 3px #f1d498}.target-cell:after{content:"";width:28%;height:28%;background:#f8e3afbd;position:absolute;border-radius:50%}.sea-boards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sea-boards h3{font-size:13px;margin-bottom:14px;color:#8b7f9c;display:flex;justify-content:space-between;gap:5px}.sea-boards h3 small{font-size:9px;font-weight:400}.sea-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;background:#dfe9f6;border-radius:12px}.sea-grid>button,.sea-grid>span{aspect-ratio:1;display:grid;place-items:center;border-radius:5px;background:#f2f7fc;font-size:9px;color:#8cabc6;opacity:1}.sea-grid>button:not(:disabled):hover{background:#c6dced}.sea-grid .hit{background:#eab7a6;color:#b8685c;font-size:22px}.sea-grid .miss{background:#c8dbee;font-size:25px}.sea-grid .ship:not(.hit){background:#a0b6d0;color:#f7fbff}.mancala-board{display:flex;gap:10px;align-items:stretch;background:#e7d2b4;border:6px solid #d0b38d;border-radius:30px;padding:18px 12px}.seed-store{width:62px;flex-shrink:0;background:#cbb08b;border-radius:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff6e8;gap:15px}.seed-store b{font-size:27px}.seed-store small{font-size:9px;max-width:55px;overflow:hidden}.seed-rows{flex:1;min-width:0}.seed-row{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.seed-row+.seed-row{margin-top:16px}.seed-row button{aspect-ratio:.75;border-radius:50%;background:#c9ac84;color:#fff7eb;padding:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;opacity:1}.seed-row button:not(:disabled){box-shadow:0 0 0 2px #f6e2c2}.seed-row b{font-size:17px}.seed-dots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.seed-dots i{width:6px;height:6px;border-radius:50%;background:#729b9f;box-shadow:0 1px #527a7f}.dots-board{width:100%;max-width:430px;aspect-ratio:1;display:grid;grid-template-columns:10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px;grid-template-rows:10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px;margin:15px auto 25px;gap:0}.board-dot{border-radius:50%;background:#8b739e;z-index:1}.dot-line{background:#e9e1f0;border-radius:5px;padding:0;opacity:1!important}.dot-line:not(:disabled):hover{background:#b89ccf}.owned-box{margin:6px;border-radius:10px;display:grid;place-items:center;font-size:22px;color:#fff}.team-bg-0{background:#c997b1!important}.team-bg-1{background:#8aa6cb!important}.team-bg-2{background:#90b6a4!important}.team-bg-3{background:#d5b17d!important}.extra-score-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.extra-score-row>span{border-radius:8px;color:#fff;padding:7px 12px;font-size:11px}.extra-title{text-align:center;font-size:23px}.extra-area>.eyebrow{text-align:center}.nim-piles{display:grid;gap:13px;margin:30px auto;max-width:500px}.nim-pile{padding:18px;background:#f7f2fb;border:1px solid #e4d8ee;border-radius:13px;text-align:left;opacity:1!important}.nim-pile.selected-pile{border-color:#a287bd;box-shadow:0 0 0 2px #b799d320}.nim-pile small{display:block;color:#a38cb7;margin-bottom:12px;font-size:10px}.nim-pile>span{display:flex;gap:10px}.nim-pile i{display:block;width:31px;height:31px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#c7b2e0,#9579b6);box-shadow:0 3px #82679f}.extra-controls{display:flex;align-items:end;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.extra-controls label{font-size:10px;color:#a38ab5}.extra-controls select{display:block;background:#faf6ff;border:1px solid #ddcde9;border-radius:8px;padding:10px 15px;color:#9d7fb3;margin-top:7px;min-width:90px}.round-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.round-header .eyebrow{margin:0}.round-header>b{font-size:12px;color:#a58bb8}.blackjack-hand{margin-bottom:22px}.blackjack-hand header{display:flex;justify-content:space-between;font-size:11px;color:#a48db7;margin-bottom:12px}.playing-cards{display:flex;gap:8px;flex-wrap:wrap}.playing-card{width:55px;height:77px;display:grid;place-items:center;border-radius:8px;background:#fffaf1;border:1px solid #d9cddd;box-shadow:0 3px #e1d6e7;font-size:21px;color:#544b61}.playing-card.red-suit{color:#c58084}.playing-card.back{background:repeating-linear-gradient(45deg,#a98ebf 0 6px,#b8a0cc 6px 12px);color:#e7d9f0;border:4px solid #d5bfe3;font-size:30px}.round-confirm{text-align:center;background:#f4eff9;padding:20px;border-radius:12px}.round-confirm p{font-size:12px;color:#a085b3;margin-bottom:16px}.guess-area{text-align:center}.guess-area h2{font-size:45px;color:#a083bf;letter-spacing:5px;margin:25px 0}.guess-area>p{color:#9e88ae;font-size:12px}.guess-form{display:flex;justify-content:center;gap:10px;margin:28px 0}.guess-form input{width:150px;border:1px solid #dcccE9;border-radius:10px;background:#fcf8ff;padding:12px;font-size:23px;text-align:center;letter-spacing:6px;color:#9374ae}.guess-log{max-height:290px;overflow:auto;max-width:430px;margin:25px auto 0}.guess-log>div{display:flex;align-items:center;gap:15px;background:#f7f3fb;padding:12px 16px;border-radius:8px;margin-bottom:7px;color:#a58db8}.guess-log small{font-size:10px;width:90px;text-align:left;overflow:hidden}.guess-log b{font-size:20px;letter-spacing:3px}.guess-log span{margin-left:auto;font-size:12px}.sliding-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;background:#eee5f5;padding:13px;border-radius:16px;max-width:350px;margin:auto}.sliding-board button{aspect-ratio:1;border-radius:12px;background:#b49acb;color:#fffafc;font-size:38px;box-shadow:0 4px #967caf;opacity:1}.sliding-board button.blank{background:transparent;box-shadow:none}.sliding-board button:not(:disabled):hover{background:#9e7fbb}.puzzle-rivals{display:flex;gap:20px;justify-content:center;margin:25px 0;flex-wrap:wrap}.puzzle-rivals>div>b{font-size:10px;color:#a38cb6}.puzzle-rivals>div>div{display:grid;grid-template-columns:repeat(3,22px);gap:3px;margin-top:10px}.puzzle-rivals span{height:22px;font-size:10px;background:#eee7f4;border-radius:4px;display:grid;place-items:center;color:#b39ac4}.puzzle-rivals span.correct{background:#d9e9dc;color:#8aa68e}.poker-area{text-align:center}.poker-dice{display:flex;justify-content:center;gap:10px;margin:35px 0 20px}.poker-dice button{width:76px;border:1px solid #e0d1eb;border-radius:12px;background:#fcf8ff;color:#ab8cc6;padding:6px;opacity:1}.poker-dice button.held{background:#e8dbf5;box-shadow:0 0 0 2px #c4a5dd}.poker-dice button>span{font-size:60px;line-height:1.2}.poker-dice small{display:block;height:16px;font-size:9px}.poker-current{font-size:18px;color:#a184b8}.poker-last{margin-top:20px;font-size:11px;color:#b29bc2}[data-theme=dark] :is(.nim-pile,.round-confirm,.guess-log>div,.sliding-board){background:#30243e;border-color:#51405f}[data-theme=dark] :is(.extra-controls select,.guess-form input,.poker-dice button){background:#34253f;border-color:#59426a;color:#dac3ec}[data-theme=dark] .poker-dice button.held{background:#56396a}[data-theme=dark] .sea-grid{background:#26384a}[data-theme=dark] .sea-grid>button:not(.hit):not(.miss),[data-theme=dark] .sea-grid>span:not(.ship):not(.hit):not(.miss){background:#354c62;color:#a8bed3}[data-theme=dark] .dot-line:not(.drawn){background:#4b395b}[data-theme=dark] .round-header>b,[data-theme=dark] .blackjack-hand header,[data-theme=dark] .extra-caption,[data-theme=dark] .sea-boards h3{color:#c5b0d8}@media(max-width:700px){.extra-area{padding:17px}.sea-boards{gap:14px}.sea-boards h3{font-size:10px;flex-wrap:wrap}.sea-grid{gap:3px;padding:5px}.sea-grid>button{font-size:8px}.mancala-board{padding:12px 5px;border-width:4px;gap:5px;border-radius:20px}.seed-store{width:31px}.seed-store b{font-size:20px}.seed-store small{font-size:7px;max-width:27px}.seed-row{gap:4px}.seed-row button{padding:4px 1px;aspect-ratio:.55}.seed-dots i{width:4px;height:4px}.seed-row b{font-size:12px}.dots-board{max-width:310px;grid-template-columns:8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px;grid-template-rows:8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px}.nim-pile{padding:15px}.nim-pile>span{gap:8px}.nim-pile i{width:26px;height:26px}.playing-card{width:44px;height:65px;font-size:18px}.poker-dice{gap:6px}.poker-dice button{width:52px;padding:4px}.poker-dice button>span{font-size:42px}.round-header>b{font-size:10px}.guess-area h2{font-size:35px}.extra-title{font-size:21px}.checker-piece{font-size:23px}}.chess-area{padding:22px}.chess-status{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#8a769e;margin-bottom:15px}.chess-status.in-check{color:#c35f70;font-weight:700}.chess-status .text-btn{margin:0;font-size:10px;white-space:nowrap}.chess-player-label{font-size:10px;color:#a08bb3;margin:10px auto;max-width:520px}.chess-board-frame{position:relative;max-width:520px;margin:auto}.chess-board{display:grid;grid-template-columns:repeat(8,1fr);border:5px solid #92809f;border-radius:8px;overflow:hidden;box-shadow:0 6px 20px #38234b12}.chess-square{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;opacity:1!important;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:0}.chess-square.light-square{background:#ede6f3}.chess-square.dark-square{background:#9981b1}.chess-piece,.chess-drag-piece{font-family:Segoe UI Symbol,DejaVu Sans,serif;font-size:clamp(28px,3.7vw,52px);line-height:1;z-index:1;pointer-events:none}.chess-piece.white-piece,.chess-drag-piece.white-piece{color:#fffdf5;text-shadow:0 1px 0 #393242,1px 0 0 #393242,-1px 0 0 #393242,0 -1px 0 #393242,0 2px 3px #30233b88}.chess-piece.black-piece,.chess-drag-piece.black-piece{color:#302938;text-shadow:0 1px 0 #cfbddc,0 2px 2px #30233b33}.chess-square.selected-square{box-shadow:inset 0 0 0 4px #b9e2bb;background:#91b596}.chess-square.last-square:not(.selected-square){background:#c3bc9e}.chess-square.checked-square{background:#d48c98!important}.chess-square.legal-square:after{content:"";position:absolute;width:22%;height:22%;border-radius:50%;background:#38204744;z-index:2;pointer-events:none}.chess-square.legal-square:has(.chess-piece):after{width:85%;height:85%;background:transparent;border:4px solid #38204766}.rank-label,.file-label{position:absolute;font-size:9px;color:#59426d;pointer-events:none;z-index:3}.rank-label{left:3px;top:2px}.file-label{bottom:2px;right:4px}.chess-history{display:flex;flex-wrap:wrap;gap:8px;max-height:105px;overflow:auto;border-top:1px solid var(--line);margin-top:18px;padding:15px 0 0;font-size:11px;color:#9a83af}.chess-history b{color:#b9a8c8;margin-right:4px}.chess-drag-piece{position:fixed;transform:translate(-50%,-50%);z-index:100;pointer-events:none}.drag-origin{opacity:.25}.promotion-panel{position:absolute;inset:20% 5%;background:#fff9f5f5;box-shadow:0 12px 60px #30233b55;border:1px solid #b9a6cc;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5;color:#6c507e}.promotion-panel strong{font-size:13px}.promotion-panel>div{display:flex;gap:10px;margin-top:15px}.promotion-panel>div>button{padding:7px;border:1px solid #d5c8de;border-radius:8px;font-size:10px}.promotion-panel span{display:block;font-family:Segoe UI Symbol,serif;font-size:40px;line-height:1.3}[data-theme=dark] .chess-board{border-color:#5b456d}[data-theme=dark] .chess-status,[data-theme=dark] .chess-player-label{color:#c7b0dc}[data-theme=dark] .chess-status.in-check{color:#f5a5b2}[data-theme=dark] .promotion-panel{background:#30243ef5;color:#e1cbee;border-color:#795e91}[data-theme=dark] .promotion-panel>div>button{border-color:#715287;color:#e2c9f3}@media(max-width:700px){.chess-area{padding:13px}.chess-piece,.chess-drag-piece{font-size:35px}.chess-status{font-size:10px}.rank-label,.file-label{font-size:7px}.chess-board{border-width:4px}.promotion-panel{inset:13% 3%;padding:12px}.promotion-panel>div{gap:7px}.promotion-panel span{font-size:33px}.promotion-panel strong{font-size:12px}}:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#302e3d;background:#f8f9fc;font-synthesis:none;font-weight:400;--purple:#7956df;--muted:#91909f;--line:#ececf2}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ab91ee;outline-offset:3px}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}p{line-height:1.75}input{min-width:0}svg{flex-shrink:0}.app-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#fff;border-right:1px solid var(--line);padding:35px 22px 23px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 6px}.brand-icon{height:40px;width:40px;border-radius:13px;background:var(--purple);color:#fff;display:grid;place-items:center;box-shadow:0 5px 12px #7956df22}.brand>span:last-child{font-size:21px;letter-spacing:-1px;font-weight:800}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a29aae;margin-top:2px;font-weight:600}.side-label{font-size:10px;color:#b0adbb;letter-spacing:.5px;margin:49px 15px 15px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:15px 17px;border-radius:11px;font-size:13px;font-weight:600;color:#8e899e;margin-bottom:6px;transition:.2s}.nav-item.active{color:#7954d1;background:#f0ebfc}.nav-item:hover{background:#f7f4fd}.nav-item>span:last-child{margin-left:auto;font-size:10px;background:#e6ddf9;padding:3px 7px;border-radius:6px}.nav-item .online-dot{margin-left:auto}.sidebar-bottom{margin-top:auto}.little-card{padding:21px 13px 14px;background:#faf9fd;border:1px solid #f0edf8;border-radius:13px;text-align:center}.tiny-art{font-size:22px;color:#ad93e9;letter-spacing:9px;margin:5px 0 15px}.tiny-art span{display:inline-grid;place-items:center;background:#e8def9;border-radius:15px;width:44px;height:44px;letter-spacing:0;transform:rotate(-10deg);font-size:28px;color:#8562c2}.little-card strong{font-size:11px}.little-card p{font-size:10px;color:#a29baa;margin:8px 0 12px}.little-card button{font-size:10px;display:flex;gap:14px;align-items:center;justify-content:center;width:100%;padding:10px;background:#fff;border:1px solid #ebe6f4;border-radius:7px;color:#8f72c7}.help-btn{display:flex;gap:12px;align-items:center;font-size:12px;color:#8e8a9b;margin:24px 12px}.side-footer{font-size:9px;color:#b6b1bf;border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:7px;margin:0 5px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82b99d;box-shadow:0 0 0 3px #82b99d0d}.main{margin-left:230px}.topbar{height:85px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#aba5b5;display:flex;gap:15px;align-items:center}.breadcrumb b{font-weight:500;color:#6a6478}.top-actions{display:flex;align-items:center;gap:20px}.live-label{font-size:10px;color:#9893a4;display:flex;gap:7px;align-items:center}.icon-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#9b94a6}.icon-btn:hover{background:#f4effa;color:var(--purple)}.avatar{background:#eee7fa;color:#8e70b9;display:inline-flex;width:36px;height:36px;flex-shrink:0;align-items:center;justify-content:center;border-radius:12px;font-size:13px;font-weight:700;border:2px solid #fff}.avatar.small{width:32px;height:32px;border-radius:50%;font-size:11px}.avatar.c1{background:#f8e7dd;color:#b58e73}.avatar.c2{background:#e1efea;color:#73a08e}.avatar.c3{background:#e3ebfc;color:#7b91bb}.avatar.offline{filter:grayscale(1);opacity:.5}.content{max-width:1450px;margin:auto;padding:32px 42px 0}.hero{position:relative;min-height:320px;border:1px solid #e7e0f2;border-radius:20px;background:#eee8f8;overflow:hidden;display:flex;margin-bottom:36px}.hero-copy{position:relative;padding:36px 35px;z-index:2;flex:1}.hero-kicker{display:flex;align-items:center;gap:6px;color:#9981bb;font-size:10px;font-weight:600;margin-bottom:14px;letter-spacing:.25px}.hero-kicker>span{display:inline-block;width:5px;height:5px;background:#b294d9;border-radius:50%}.hero h1{font-size:34px;letter-spacing:-1.7px;font-weight:800;line-height:1.45}.hero h1 em{font-style:normal;color:#8563c8}.hero-copy>p{font-size:11px;color:#a497b4;margin:14px 0 22px}.hero-actions{display:flex;gap:9px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:600;padding:12px 17px;border-radius:9px;transition:background .18s,box-shadow .18s,transform .18s;white-space:nowrap;min-height:42px}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{background:var(--purple);color:#fff;box-shadow:0 4px 8px #7956df15}.button.primary:hover:not(:disabled){background:#6c46d1;box-shadow:0 6px 15px #7956df25}.button.white{background:#ffffffd9;color:#82718f;border:1px solid #e7def2}.button.secondary{background:#fff;border:1px solid #e5dfed;color:#8b769e}.wide{width:100%}.hero-note{display:flex;align-items:center;gap:9px;margin-top:24px;color:#aa9fba;font-size:9px}.mini-avatars{display:flex;padding-left:4px}.mini-avatars i{display:grid;place-items:center;font-size:12px;font-style:normal;width:23px;height:23px;border-radius:50%;background:#f9d8b5;border:2px solid #f2ecf9;margin-left:-4px;color:#ad835d}.mini-avatars i:nth-child(2){background:#d5e5d4;color:#789d76}.mini-avatars i:nth-child(3){background:#d5d9ed;color:#8b86b0}.note-dot{opacity:.4}.hero-visual{position:absolute;right:0;width:44%;top:0;bottom:0;background:radial-gradient(ellipse,#dfd3f0 0,transparent 70%)}.orbit{position:absolute;border:1px solid #d9caeb;border-radius:50%;width:340px;height:180px;transform:rotate(-27deg);left:5%;top:70px}.orbit-two{transform:rotate(40deg);width:290px;height:210px;left:10%;top:44px;opacity:.5}.hero-tiles{position:absolute;width:340px;left:-20px;top:75px;transform:rotate(-15deg)}.hero-dice{position:absolute;width:190px;right:-15px;top:5px;transform:rotate(16deg)}.hero-stone{position:absolute;left:30px;top:30px;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5d5d6b,#343442 65%);box-shadow:6px 14px 14px #3c2b521c;transform:rotate(-15deg)}.hero-stone span{position:absolute;width:17px;height:7px;top:11px;left:10px;background:#ffffff20;border-radius:50%;transform:rotate(-30deg)}.hero-spark{position:absolute;color:#c4acd9}.s1{font-size:35px;right:56px;bottom:45px}.s2{font-size:27px;top:44px;left:120px}.hero-bubble{position:absolute;bottom:37px;left:31px;background:#fff;padding:10px 16px;border-radius:9px;font-size:9px;font-weight:800;letter-spacing:1px;transform:rotate(-7deg);color:#a78ac5;box-shadow:0 4px 8px #8b71b00a}.hero-bubble span{margin-left:10px}.hero-cursor{position:absolute;font-size:25px;color:#a48bc5;right:70px;bottom:87px;transform:rotate(-20deg)}.hero-cursor span{display:block;transform:rotate(20deg);font-size:10px;background:#b99bd7;color:#fff;padding:6px 12px;border-radius:5px;margin-left:22px;margin-top:-4px;white-space:nowrap}.mobile-only{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 20px;gap:15px}.section-heading h2{font-size:21px;letter-spacing:-.8px;font-weight:800}.section-heading h1{font-size:28px;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.section-heading p{font-size:11px;color:#a29cab;margin-top:7px}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline>span{display:inline-flex;gap:5px;align-items:center;font-size:12px;color:#93859c}.inline.center{justify-content:center}.count{background:#ece6f8;border-radius:6px;font-size:10px!important;color:#9a7abe!important;padding:3px 7px}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e9e6ef;border-radius:9px;padding:10px 13px;color:#b6afc0;width:220px}.search input{border:0;outline:0;background:none;width:100%;font-size:10px;color:#6c607a}.search input::placeholder{color:#b4adbf}.search button{padding:0;height:15px;display:flex}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{padding:8px 14px;font-size:10px;color:#a39aaa;border-radius:7px;display:flex;align-items:center;gap:5px}.filters button.selected{color:#fff;background:#85818e}.filters button:not(.selected):hover{background:#eeebf3}.filter-note{font-size:9px;color:#b3acbc}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{display:block;text-align:left;background:#fff;border:1px solid #eae8ef;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 3px 5px #30263d02}.card-visual{height:170px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.lilac{background:#eae4f4}.peach{background:#f7e9df}.mint{background:#e4eeea}.sand{background:#f0ece2}.blue{background:#e7edf7}.pink{background:#f3e5ed}.game-art{width:100%;height:100%;max-width:320px;display:block;transition:transform .5s}.game-card:hover .game-art{transform:rotate(-3deg) scale(1.08)}.art-badge{position:absolute;top:12px;left:12px;background:#ffffffab;color:#a08ca7;font-size:8px;padding:5px 8px;border-radius:5px;z-index:1}.card-arrow{position:absolute;right:12px;bottom:12px;background:#ffffffa0;color:#8c7a9d;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;opacity:0;transition:.2s}.game-card:hover .card-arrow{opacity:1}.card-info{padding:17px 18px 13px}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title h3{font-size:16px;font-weight:700;letter-spacing:-.6px}.card-title>span{font-size:8px;color:#a89cb6;background:#f7f5fa;padding:4px 7px;border-radius:5px}.card-info>p{font-size:10px;color:#a49cab;margin-top:6px;margin-bottom:16px}.card-meta{display:flex;align-items:center;gap:13px;padding-top:12px;border-top:1px solid #f4f1f6;color:#aaa1b3;font-size:9px}.card-meta>span,.card-meta>b{display:inline-flex;align-items:center;gap:5px}.card-meta>b{font-size:9px;font-weight:500;color:#b0a2c3;margin-left:auto}.bottom-banner{margin-top:30px;border:1px solid #ebe6f1;border-radius:12px;padding:22px 25px;display:flex;align-items:center;gap:18px;background:#f3f0f8}.banner-icon{width:46px;height:46px;border-radius:12px;background:#e8e0f4;display:grid;place-items:center;color:#a68cc4}.bottom-banner b{font-size:12px;color:#897698}.bottom-banner p{font-size:10px;color:#b3a8bd;margin-top:4px}.bottom-banner>button{margin-left:auto;font-size:10px;display:flex;align-items:center;gap:20px;color:#9d82b8}footer{padding:28px 0;display:flex;justify-content:space-between;font-size:9px;color:#b8b2c1}footer b{font-weight:600;margin-right:10px;color:#a49bab}.empty-state{padding:70px;text-align:center;color:#a99ab9;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state h3{font-size:16px}.empty-state p{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#29203355;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;width:470px;max-width:100%;max-height:90dvh;overflow:auto;background:#fff;border-radius:22px;padding:32px;box-shadow:0 25px 100px #25103d33}.modal-close{position:absolute;right:15px;top:15px;z-index:3;background:#ffffffc0}.modal-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:#eee7fa;color:var(--purple);margin-bottom:22px}.eyebrow{display:block;font-size:9px;letter-spacing:1.6px;color:#ad96c7;font-weight:700;margin-bottom:10px}.modal h2{font-size:23px;letter-spacing:-1px;margin-bottom:10px}.modal>p{font-size:12px;color:#9d91a8;margin-bottom:20px}.field{display:block;font-size:11px;color:#8f809b;margin:22px 0}.field input{width:100%;display:block;margin-top:9px;border:1px solid #e8e0ef;border-radius:10px;padding:14px;color:#50415e;background:#fcfaff;font-size:13px}.field input::placeholder{color:#b8aebf}.text-btn{display:block;margin:17px auto 0;font-size:11px;color:#9c84b4}.detail-art{height:155px;border-radius:13px;margin-bottom:24px;display:flex;justify-content:center}.rules-inline{padding:18px;border:1px solid #eee8f5;background:#fbf9fe;border-radius:12px;font-size:12px;line-height:1.9;color:#8d7e9b;margin:22px 0}.guide-step{display:flex;gap:18px;margin:25px 0}.guide-step>b{font-size:22px;color:#c9b5e5}.guide-step strong{font-size:13px}.guide-step p{font-size:11px;color:#a497b0;margin-top:5px}.muted{font-size:11px!important;color:#aa9bb7!important;line-height:1.8}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%)!important;z-index:100;background:#44354f;color:#fff;padding:15px 24px;border-radius:13px;box-shadow:0 8px 30px #34223a33;font-size:12px;max-width:90%;display:flex;align-items:center;gap:12px}.toast>span{color:#cdb5f6;font-size:18px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{font-size:10px;font-weight:500;padding:4px 8px;border-radius:6px;background:#f2eef7;color:#a08bb7}.badge.purple{color:#9773c4;background:#eee6fa}.party-strip{display:flex;align-items:center;gap:15px;padding:19px 22px;background:#fff;border:1px solid #e9e2f2;border-radius:13px;margin-bottom:28px}.party-strip-title{display:flex;gap:12px;align-items:center}.party-icon{width:40px;height:40px;background:#f0eafb;color:#a88bcf;border-radius:12px;display:grid;place-items:center}.party-strip-title b{font-size:12px}.party-strip-title small{display:block;font-size:10px;color:#b1a3be;margin-top:5px;letter-spacing:.6px}.party-faces{display:flex;margin-left:auto}.party-faces .avatar{margin-left:-7px}.party-lobby,.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.selection-panel,.game-panel{background:#fff;border:1px solid #ebe4f2;border-radius:17px;overflow:hidden}.selection-panel{padding:35px;text-align:center}.selection-panel>.game-art{height:200px;margin:auto}.selection-panel h2{font-size:29px;letter-spacing:-1px}.selection-panel>p{font-size:12px;color:#a093ab;margin:12px 0}.selection-panel .rules-inline{text-align:left}.party-panel{background:#fff;border:1px solid #ebe5f2;border-radius:15px;padding:20px;overflow:hidden}.panel-title{display:flex;gap:9px;align-items:center}.panel-title h3{font-size:15px;letter-spacing:-.5px}.panel-title>span{font-size:10px;color:#b2a5bf}.panel-title .icon-btn{margin-left:auto}.room-code{display:flex;align-items:center;gap:8px;border:1px dashed #e9deef;padding:12px 10px;border-radius:8px;margin:15px 0;color:#ab95bd;cursor:pointer}.room-code>span{font-size:9px;margin-right:auto}.room-code>b{font-size:11px;letter-spacing:1.2px}.player-list{display:grid;gap:15px;margin:21px 0}.player{display:flex;align-items:center;gap:10px}.player>div>b{display:block;font-size:11px}.player>div>b>small{font-size:9px;color:#b39fc6}.player>div>span{display:block;color:#b4a9bd;font-size:9px;margin-top:5px}.crown{color:#d6b46c;margin-left:auto}.ready-check{color:#7dac99;margin-left:auto}.score{color:#9878c1;margin-left:auto;font-size:12px}.selected-game{background:#f7f4fc;border-radius:8px;display:flex;align-items:center;padding:6px;margin:18px 0 13px}.selected-game .game-art{width:70px;height:55px}.selected-game small{font-size:9px;color:#b6a5c6;display:block;margin-bottom:5px}.selected-game b{font-size:12px}.ready-hint{display:block;text-align:center;font-size:9px;color:#b2a2be;margin:9px 0}.chat-title{display:flex;justify-content:space-between;font-size:10px;font-weight:700;padding-top:19px;margin-top:20px;border-top:1px solid #f0eaf5}.chat-title>span{font-weight:400;font-size:9px;color:#b9aec3}.chat-messages{height:180px;overflow:auto;padding:15px 0;font-size:10px;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin;overflow-wrap:anywhere}.chat-messages b{font-size:9px;color:#b197c7}.chat-messages p{font-size:11px;color:#8f7f9c;margin-top:2px}.chat-empty{margin:auto;font-size:10px!important;color:#bbaec6!important;text-align:center}.chat-input{display:flex;border:1px solid #eae2f0;border-radius:8px;padding:9px;gap:5px}.chat-input input{flex:1;width:100%;border:0;outline:0;font-size:10px}.chat-input input::placeholder{color:#b8abc2}.chat-input button{color:#b199c9;display:flex;align-items:center}.leave-btn{display:flex;align-items:center;justify-content:center;gap:6px;color:#b5a7bf;font-size:10px;width:100%;padding:17px 0 0}.turn-bar{display:flex;align-items:center;gap:8px;font-size:12px;color:#9983ad;background:#faf7ff;border-bottom:1px solid #eee7f6;padding:18px 24px}.turn-bar>span:last-child{margin-left:auto;font-size:9px;letter-spacing:1px;color:#b7a5c9}.status-orb{height:7px;width:7px;background:#c5b5d8;border-radius:50%}.status-orb.your-turn{background:#94bd9b;box-shadow:0 0 0 4px #94bd9b18}.board-wrap{padding:24px}.board-legend{display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:20px;font-size:11px;color:#9989a6}.board-legend>span{display:flex;align-items:center;gap:8px}.black-stone,.white-stone{display:inline-block;width:15px;height:15px;border-radius:50%;background:#44404e;box-shadow:0 1px 2px #0002}.white-stone{background:#fffdf7;border:1px solid #e0d8cb}.board{width:100%;max-width:540px;margin:auto;display:grid;grid-template-columns:repeat(var(--n),1fr);padding:14px;background:#e7d1ae;border:7px solid #d6bd95;border-radius:10px;box-shadow:0 6px 20px #5541210c}.board button{position:relative;aspect-ratio:1;padding:0;display:grid;place-items:center;opacity:1}.board button:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent calc(50% - .5px),#baa17f calc(50% - .5px),#baa17f calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#baa17f calc(50% - .5px),#baa17f calc(50% + .5px),transparent calc(50% + .5px))}.board button:not(:disabled):hover{background:#fff3}.piece{position:relative;width:85%;height:85%;border-radius:50%;background:radial-gradient(circle at 32% 24%,#63606c,#302d38 80%);box-shadow:1px 2px 3px #0003;z-index:1}.piece.p2{background:radial-gradient(circle at 30% 25%,#fff,#f2ede1 80%)}.last-move .piece:after{content:"";position:absolute;width:20%;height:20%;top:40%;left:40%;background:#a58ad3;border-radius:50%}.board.reversi{background:#81ac96;border-color:#69927b;padding:8px}.board.reversi button{border:1px solid #69977d}.board.reversi button:before{display:none}.valid-move:after{content:"";width:15%;height:15%;border-radius:50%;background:#d9ecda8a}.board.connect{border-color:#7f9bc8;background:#91acda;gap:8px}.board.connect button{background:#e6edf9;border-radius:50%;box-shadow:inset 0 2px 5px #4669a955}.board.connect button:before{display:none}.board.connect .piece{width:100%;height:100%;background:#e2a0a0}.board.connect .piece.p2{background:#f0d38d}.board.tictac{max-width:370px;padding:0;gap:8px;border:0;background:#e8dcf4}.board.tictac button{background:#fff}.board.tictac button:before{display:none}.board.tictac .piece{background:none;box-shadow:none;display:grid;place-items:center;font-size:70px;color:#b39acb;font-weight:400;line-height:1}.board.tictac .piece.p2{color:#cba796}.board.tictac .last-move .piece:after{display:none}.game-hint{text-align:center;font-size:11px;color:#b3a2bd;margin:22px 0 5px}.game-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;flex-wrap:wrap}.game-controls>span{font-size:10px;color:#a997b7;margin-right:auto}.result{text-align:center;padding:30px;background:#f4effb;border-top:1px solid #e9dff4}.result>div{font-size:35px;color:#b398d8}.result h2{font-size:24px;margin:10px}.result p{font-size:12px;color:#b19ac4;margin:10px 0 20px}.memory-area{padding:25px;text-align:center}.memory-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}.memory-card{aspect-ratio:.8;border-radius:10px;border:1px solid #d9c9ed;background:#a990cd;font-size:30px;display:grid;place-items:center;opacity:1!important;box-shadow:0 3px #9580b5}.memory-card.back{color:#d6c7eb}.memory-card.front{background:#fffafc;border-color:#efe2f2;box-shadow:0 3px #e7dcea}.memory-card.matched{background:#f1f7f1;box-shadow:none;border-color:#d8e6d7}.memory-card span{display:block}.casual-area{text-align:center;padding:45px 25px}.casual-area h2{font-size:22px;letter-spacing:-.7px}.casual-area p{font-size:12px;color:#a48fb6;margin:16px 0 25px}.big-die{font-size:140px;line-height:1.3;color:#a68acb;text-shadow:4px 8px 0 #efe6fa}.casual-area h2 em{font-style:normal;color:#a98cd0}.rps-options{display:flex;gap:15px;justify-content:center;margin:30px 0}.rps-options button{border:1px solid #e5d9f0;background:#faf6ff;border-radius:16px;padding:20px;font-size:12px;color:#a48bbd}.rps-options button>span{display:block;font-size:53px;margin-bottom:15px}.round-result{padding:20px;background:#f9f6fc;border-radius:10px;font-size:12px;color:#ad94bf}.round-result p{margin:10px 0 0}.waiting{color:#8ba58e!important}.fruit-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:22px 0}.fruit-cards>div>span{font-size:10px;color:#b1a0bc;display:block;margin-bottom:8px}.fruit-card{width:90px;height:125px;border:1px solid #eaddea;background:#fff9f1;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:24px;padding:10px;gap:3px;box-shadow:0 3px #e6d7d4}.fruit-card.card-back{background:#ceb5d3;color:#e9daed;font-size:40px;border:6px solid #dfcce0}.bell-button{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;background:#fce9bd;border-radius:50%;width:110px;height:110px;font-size:45px;box-shadow:0 6px #e5c788;margin-top:20px}.bell-button>span{font-size:12px;color:#b39454}.halli-log{font-size:11px!important}.code-area{padding:28px}.hand-row{margin-bottom:25px}.hand-row>b{font-size:11px;color:#a089b3}.code-tiles{display:flex;gap:10px;margin-top:12px}.code-tile{width:56px;height:75px;border-radius:9px;font-size:30px;position:relative;border:1px solid #e4dbe9;box-shadow:0 4px #e1d7e6;opacity:1!important}.code-tile.color0{background:#4b4254;color:#fff;border-color:#4b4254;box-shadow:0 4px #322c39}.code-tile.color1{background:#fffaf6;color:#a98cbd}.code-tile.exposed{opacity:.45!important}.code-tile.chosen{outline:3px solid #c094e7;outline-offset:3px;transform:translateY(-5px)}.code-tile small{font-size:8px;display:block;position:absolute;bottom:5px;width:100%;left:0}.guess-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.guess-controls p{width:100%;font-size:11px;color:#b3a0c0;margin-bottom:5px}.guess-controls input{width:75px;border:1px solid #dfd0e9;border-radius:8px;padding:11px;background:#fcf8ff;color:#a28ab8}.rummy-area{padding:24px}.rummy-table{min-height:240px;background:#f3f0f8;border:1px solid #eae2f4;border-radius:12px;padding:16px;display:flex;align-content:flex-start;gap:12px;flex-wrap:wrap}.table-empty{margin:auto;text-align:center;color:#b7a1ca;font-size:35px}.table-empty p{font-size:12px;margin-top:8px}.table-empty small{font-size:9px}.meld{display:flex;flex-wrap:wrap;gap:3px;padding:5px;border-radius:7px;background:#e8e1f0;opacity:1!important}.number-tile{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:34px;height:48px;border-radius:5px;background:#fffef9;box-shadow:0 2px #d7d0de;font-size:23px;font-weight:700}.number-tile>i{width:3px;height:3px;background:currentColor;border-radius:50%;margin-top:3px}.tile-color0{color:#d27f73}.tile-color1{color:#7698c6}.tile-color2{color:#e0b464}.tile-color3{color:#5c536d}.hand-label{display:flex;justify-content:space-between;font-size:10px;color:#ab93bd;margin:24px 0 13px}.hand-label>b{color:#9d83b0}.tile-rack{display:flex;gap:6px;flex-wrap:wrap;background:#e9e2ee;padding:12px;border-radius:10px}.tile-rack button{padding:0;opacity:1!important;transition:transform .2s}.tile-rack button.chosen{transform:translateY(-9px);outline:2px solid #ba96db;border-radius:5px}.flick-area{padding:25px}.flick-board{background:#e8d4b4;border:7px solid #d9c19c;border-radius:12px;max-width:500px;margin:auto;overflow:hidden}.flick-board svg{width:100%;display:block}.flick-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:23px 0 10px}.flick-controls label{font-size:11px;color:#a48bb7;flex:1;min-width:100px}.flick-controls input{display:block;width:100%;accent-color:#b08bce;margin-top:10px}@media(min-width:1500px){.hero{min-height:350px}.hero-copy{padding:42px}.hero h1{font-size:40px}.hero-visual{right:40px}.hero-tiles{width:390px;top:85px}.hero-dice{width:230px}.card-visual{height:195px}.game-grid{gap:24px}.card-info{padding:21px}.card-info>p{font-size:12px}.card-title h3{font-size:18px}}@media(max-width:1200px){.sidebar{width:200px;padding:30px 15px}.main{margin-left:200px}.content{padding:25px 28px 0}.topbar{padding:0 28px}.hero-copy{padding:30px 25px}.hero h1{font-size:30px}.hero-visual{width:38%;opacity:.8}.hero-tiles{width:260px;left:-35px;top:100px}.hero-dice{width:155px;right:-20px}.hero-stone{width:45px;height:45px;left:0}.hero-cursor{right:15px;bottom:65px}.hero-bubble{left:-5px;bottom:35px}.game-grid{gap:16px}.card-visual{height:145px}.card-info{padding:14px}.card-info>p{font-size:9px}.card-meta{gap:8px;font-size:8px}.card-meta>b{display:none}.play-layout,.party-lobby{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.party-panel{padding:16px}.game-controls{gap:6px}.game-controls .button{font-size:10px;padding:10px}.rps-options{gap:8px}.rps-options button{padding:15px}.rps-options button>span{font-size:40px}.memory-grid{gap:6px}.memory-card{font-size:22px}}@media(max-width:950px){.sidebar{width:77px;padding:25px 12px}.brand{padding:0;justify-content:center}.brand>span:last-child,.side-label,.sidebar-bottom,.nav-item>span{display:none}.nav-item{font-size:0;justify-content:center;padding:15px;margin-top:20px;gap:0}.nav-item svg{width:22px;height:22px}.nav-item .online-dot{display:none}.main{margin-left:77px}.content{padding:25px}.hero-visual{right:0;width:38%}.hero-copy>p{font-size:10px}.filter-note{display:none}.party-strip{gap:10px;padding:15px}.party-faces{display:none}.party-strip .button.secondary{margin-left:auto}.play-layout,.party-lobby{grid-template-columns:minmax(0,1fr) 240px}.board-wrap{padding:18px}.rummy-area{padding:15px}.rps-options{flex-wrap:wrap}.number-tile{width:29px;height:42px;font-size:20px}.memory-grid{grid-template-columns:repeat(4,1fr)}.bottom-banner{padding:18px}.bottom-banner>button{font-size:9px;gap:5px}}@media(max-width:700px){.sidebar{position:static;width:100%;height:68px;border-right:0;border-bottom:1px solid var(--line);padding:14px 20px;display:flex;flex-direction:row;align-items:center;gap:12px}.brand{margin-right:auto;gap:9px}.brand-icon{height:33px;width:33px;border-radius:11px}.brand>span:last-child{display:block;font-size:18px}.brand small{font-size:6px;letter-spacing:1.5px}.nav-item{width:auto;margin:0;padding:10px;border-radius:10px}.main{margin:0}.topbar{height:52px;padding:0 20px}.breadcrumb{font-size:9px;gap:9px}.top-actions{gap:8px}.live-label{font-size:0;gap:0}.content{padding:20px 18px 0}.hero{min-height:355px;border-radius:16px;margin-bottom:28px}.hero-copy{padding:26px 22px}.hero-kicker{font-size:9px;margin-bottom:16px}.hero h1{font-size:29px;letter-spacing:-1.3px;line-height:1.4}.hero-copy>p{font-size:10px;max-width:220px;margin:14px 0 22px}.mobile-only{display:block}.hero-actions{position:relative;z-index:3;gap:7px}.hero-actions .button{padding:11px 13px;font-size:10px;gap:6px;min-height:40px}.hero-actions .button svg{width:14px}.hero-note{font-size:8px;gap:6px;margin-top:20px}.hero-visual{width:160px;right:-25px;bottom:auto;top:25px;height:215px;opacity:.65}.hero-tiles{width:170px;left:0;top:89px}.hero-stone{width:35px;height:35px;left:45px;top:32px}.hero-dice{width:115px;right:-20px;top:0}.hero-bubble,.hero-cursor,.orbit,.s1{display:none}.s2{left:65px;top:5px;font-size:18px}.section-heading{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:25px;margin-bottom:16px}.section-heading h2{font-size:20px}.section-heading p{font-size:10px}.search{width:100%;padding:10px 12px}.search input{font-size:11px}.filter-bar{margin-bottom:18px;overflow:auto}.filters{gap:2px;flex-wrap:nowrap}.filters button{font-size:10px;padding:8px 11px;white-space:nowrap}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-visual{height:128px}.card-info{padding:13px 12px 10px}.card-title h3{font-size:14px}.card-title>span{font-size:7px;padding:3px 4px}.card-info>p{font-size:9px;line-height:1.6;min-height:29px;margin:7px 0 10px}.card-meta{padding-top:10px;gap:10px;font-size:8px}.card-meta svg{width:11px;height:11px}.art-badge{font-size:7px;top:9px;left:9px;padding:4px 6px}.game-card{border-radius:11px}.bottom-banner{margin-top:24px;padding:18px;gap:12px;flex-wrap:wrap}.banner-icon{width:36px;height:36px;border-radius:10px}.banner-icon svg{width:23px}.bottom-banner b{font-size:10px}.bottom-banner p{font-size:8px}.bottom-banner>button{margin-left:48px;font-size:9px}footer{font-size:8px;gap:10px;padding:25px 0}footer>span:last-child{display:none}.modal{padding:26px;border-radius:18px}.modal h2{font-size:21px}.modal-backdrop{padding:16px}.party-strip{flex-wrap:wrap;padding:15px}.party-strip-title{width:100%}.party-strip .button{flex:1;font-size:10px}.party-strip .button.secondary{margin-left:0}.play-layout,.party-lobby{grid-template-columns:1fr}.party-panel{padding:20px}.selection-panel{padding:25px}.party-panel .chat-messages{height:145px}.section-heading h1{font-size:25px}.section-heading>.inline .button{padding:9px 12px;min-height:36px;font-size:10px}.board-wrap{padding:18px}.board{padding:7px;border-width:5px}.board-legend{font-size:10px}.board.tictac .piece{font-size:60px}.game-controls>span{width:100%;text-align:center;margin-bottom:6px}.game-controls .button{font-size:11px}.memory-grid{grid-template-columns:repeat(6,1fr);gap:7px}.memory-card{border-radius:6px;font-size:22px}.memory-area{padding:18px}.rps-options{gap:10px}.rps-options button{padding:20px 16px}.rps-options button>span{font-size:45px}.fruit-card{width:75px;height:105px;font-size:22px}.fruit-cards{gap:11px}.code-area{padding:20px}.code-tile{width:51px;height:69px}.code-tiles{gap:9px}.rummy-area{padding:16px}.number-tile{width:30px;height:43px}.rummy-table{min-height:200px;padding:12px}.table-empty p{font-size:11px}.flick-area{padding:18px}.casual-area{padding:30px 20px}.toast{font-size:11px;padding:13px 18px;bottom:20px}}.hero-copy>p{color:#887499}.card-info>p{color:#877b94;font-size:11px}.section-heading p{color:#8d8199}.card-meta{color:#8e7e9f}.filter-note{color:#94869f}.filters button:not(.selected){color:#85778f}.game-hint{color:#8f799f}.rules-inline{color:#796487}.player>div>span{color:#95829f}.chat-messages p{color:#786485}@media(max-width:700px){.card-info>p{font-size:10px}.hero-copy>p{font-size:11px}.card-meta{font-size:9px}.filters button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{scrollbar-gutter:stable}.solo-entry{display:flex;align-items:center;gap:7px;margin-top:14px;color:#81619e;font-size:11px;padding:0}.solo-start{margin-bottom:10px}.solo-panel>p{font-size:12px;color:#9583a7;margin:15px 0 22px}.solo-panel .player{margin:18px 0;font-size:12px}.solo-panel>.button{margin-top:20px}.theme-toggle{color:#8e75b0}:root[data-theme=dark]{color-scheme:dark;background:#15141c;color:#ece7f2;--line:#302b3c;--purple:#9471ed;--muted:#aaa0b8}[data-theme=dark] body{background:#15141c}[data-theme=dark] :is(.sidebar,.topbar,.game-card,.party-panel,.selection-panel,.game-panel,.party-strip,.modal){background:#201d29;border-color:#383044;color:#eee7f4}[data-theme=dark] :is(.brand small,.breadcrumb,.section-heading p,.card-info>p,.card-meta,.hero-note,.live-label,.side-footer,.filter-note,footer,.muted,.game-hint,.player>div>span,.ready-hint,.chat-messages p,.chat-empty,.modal>p,.solo-panel>p){color:#b0a2be!important}[data-theme=dark] :is(.breadcrumb b,.section-heading h1,.section-heading h2,.card-title h3,.panel-title h3){color:#f0eaf6}[data-theme=dark] .hero{background:#30243f;border-color:#473453}[data-theme=dark] .hero h1{color:#f4edf9}[data-theme=dark] .hero h1 em{color:#c3a3f3}[data-theme=dark] .hero-copy>p{color:#c0acce}[data-theme=dark] .hero-kicker{color:#bca0d4}[data-theme=dark] .hero-visual{background:radial-gradient(ellipse,#49305c,transparent 70%)}[data-theme=dark] .orbit{border-color:#6a4c80}[data-theme=dark] :is(.little-card,.rules-inline,.turn-bar,.selected-game,.result,.round-result,.rummy-table,.bottom-banner){background:#2b2437;border-color:#43334f;color:#c6b2d9}[data-theme=dark] :is(.little-card button,.button.secondary,.button.white,.search,.field input,.chat-input,.guess-controls input){background:#292332;border-color:#4b3b59;color:#d4c1e3}[data-theme=dark] :is(.search input,.chat-input input){color:#e3d5ef;background:transparent}[data-theme=dark] :is(.nav-item.active,.nav-item:hover,.icon-btn:hover,.badge,.count,.modal-icon,.banner-icon,.party-icon){background:#39294c;color:#c9a9ef}[data-theme=dark] :is(.nav-item,.help-btn,.filters button:not(.selected),.text-btn,.leave-btn,.solo-entry,.theme-toggle){color:#b9a2d0}[data-theme=dark] .filters button.selected{background:#7855aa;color:#fff}[data-theme=dark] .filters button:not(.selected):hover{background:#33263f}[data-theme=dark] :is(.lilac){background:#3e3051}[data-theme=dark] .peach{background:#49372f}[data-theme=dark] .mint{background:#2a413a}[data-theme=dark] .sand{background:#403b2f}[data-theme=dark] .blue{background:#2d3a50}[data-theme=dark] .pink{background:#48303f}[data-theme=dark] .art-badge{background:#241d2ba6;color:#d2bddf}[data-theme=dark] .card-title>span{background:#342a41;color:#c7b1da}[data-theme=dark] .avatar{background:#49345d;color:#e0c4f5;border-color:#29212f}[data-theme=dark] :is(.card-meta,.chat-title){border-color:#393041}[data-theme=dark] :is(.room-code,.chat-input){border-color:#4a385a}[data-theme=dark] :is(.player>div>b,.hand-row>b,.hand-label>b){color:#d2b8e7}[data-theme=dark] .modal-close{background:#30263f;color:#cebae0}[data-theme=dark] .board.tictac{background:#594369}[data-theme=dark] .board.tictac button{background:#251e30}[data-theme=dark] .rps-options button{background:#33253f;border-color:#5c416d;color:#dcc4ec}[data-theme=dark] .tile-rack{background:#493952}[data-theme=dark] .meld{background:#594963}[data-theme=dark] .toast{background:#e4d4f3;color:#30203e}@media(max-width:700px){.hero{min-height:390px}.solo-entry{font-size:10px}.top-actions{gap:5px}}