:root{color:#16201c;background:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0f766e1c,#0000 35%),linear-gradient(315deg,#f9731624,#0000 35%),#f6f1e8;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#16201c;cursor:pointer;background:#fffaf0;border:1px solid #1f2a24;border-radius:8px;min-height:44px;padding:0 16px;transition:transform .14s,box-shadow .14s;box-shadow:3px 3px #1f2a24}button:hover:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px #1f2a24}button:disabled{cursor:not-allowed;opacity:.55}input{color:#16201c;background:#fffaf0;border:1px solid #1f2a24;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.shell{width:min(1120px,100vw - 32px);margin:0 auto;padding:36px 0 56px}.hero{align-content:end;gap:18px;min-height:210px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:0;color:#0f766e;margin:0 0 8px;font-size:13px;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(42px,9vw,96px);line-height:.94}.hero-copy{color:#49534e;max-width:620px;margin:22px 0 0;font-size:18px;line-height:1.7}.action-panel{background:#fffaf0d1;border:1px solid #1f2a24;border-radius:8px;box-shadow:5px 5px #1f2a24}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-heading p{margin:0;font-size:18px;font-weight:900}.section-heading span,small{color:#68716c}.lobby-heading{align-items:flex-start}.mode-filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mode-filter{background:#fffaf0;border-radius:999px;min-height:34px;padding:0 12px;font-size:13px;font-weight:900;box-shadow:2px 2px #1f2a24}.mode-filter.active{color:#fffaf0;background:#1f2a24;box-shadow:2px 2px #f97316}.game-list{gap:12px;display:grid}.lobby-list{margin-top:24px}.game-card{--accent:#0f766e;text-align:left;background:#fffaf0;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:86px;display:grid}.game-mark{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:58px;height:58px;font-weight:900;display:grid}.game-card strong,.game-card small{display:block}.game-card>span:nth-child(2){min-width:0}.game-card small{margin-top:4px;line-height:1.4}.game-mode-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.pill{background:color-mix(in srgb, var(--accent,#fff) 16%, #fffaf0);white-space:nowrap;border:1px solid #1f2a24;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.action-panel{padding:20px}.setup-shell{width:min(760px,100vw - 32px)}.back-button{margin-bottom:18px}.game-hero{--accent:#0f766e;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:18px;display:grid}.game-hero .game-mark{width:76px;height:76px}.game-hero h1{font-size:64px}.game-hero p{color:#49534e;margin:8px 0 0}label{gap:8px;font-weight:800;display:grid}.button-row,.join-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.primary{color:#fffaf0;background:#f97316}.secondary{color:#fffaf0;background:#0f766e}.error{color:#b91c1c;margin:14px 0 0;font-weight:800}.room-shell{gap:16px;width:min(980px,100vw - 32px);display:grid}.room-header{background:#fffaf0db;border:1px solid #1f2a24;border-radius:8px;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid;box-shadow:5px 5px #1f2a24}.room-code-card{text-align:center;background:#fffaf0;border:1px solid #1f2a24;border-radius:8px;gap:4px;padding:12px;display:grid}.room-code-card span{color:#68716c;font-size:13px;font-weight:800}.room-code-card strong{letter-spacing:0;font-size:44px;line-height:1}.room-header h1{font-size:36px;line-height:1.05}.room-title{min-width:0}.room-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.room-actions button{min-height:40px;padding:0 12px;box-shadow:2px 2px #1f2a24}.loading-shell{align-content:center;width:min(620px,100vw - 32px);min-height:72vh}.loading-card{background:#fffaf0e6;border:1px solid #1f2a24;border-radius:8px;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid;box-shadow:5px 5px #1f2a24}.loading-copy h1{font-size:clamp(42px,9vw,70px)}.loading-copy p:last-child{color:#49534e;margin:12px 0 0;font-weight:800}.connect-steps{grid-column:1/-1;grid-template-columns:18px 1fr 18px 1fr 18px;align-items:center;gap:8px;display:grid}.step-dot,.step-line{background:#1f2a242e}.step-dot{aspect-ratio:1;border:1px solid #1f2a24;border-radius:50%;width:18px}.step-line{border-radius:999px;height:3px}.step-dot.active,.step-line.active{background:#f97316}.loading-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.connection-badge{background:#fffaf0;border:1px solid #1f2a24;border-radius:999px;width:fit-content;margin-top:10px;padding:5px 10px;font-size:12px;font-weight:900;display:inline-grid}.connection-badge.connected{color:#166534;background:#dcfce7}.connection-badge.joining,.connection-badge.connecting,.connection-badge.reconnecting{color:#9a3412;background:#ffedd5}.connection-badge.closed{color:#991b1b;background:#fee2e2}.room-lobby-grid{grid-template-columns:minmax(0,.9fr) minmax(300px,1fr);align-items:start;gap:14px;display:grid}.lobby-panel,.game-top,.result-panel{background:#fffaf0db;border:1px solid #1f2a24;border-radius:8px;padding:16px;box-shadow:5px 5px #1f2a24}.player-panel,.rule-panel{grid-column:1/-1}.rule-panel summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:900;list-style:none;display:flex}.rule-panel summary::-webkit-details-marker{display:none}.rule-panel summary small{font-weight:800}.rule-list{gap:10px;margin:12px 0 0;padding:0;line-height:1.6;list-style:none;display:grid}.rule-list li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;display:grid}.rule-list li:before{content:"";background:#f97316;border:1px solid #1f2a24;border-radius:50%;width:18px;height:18px;margin-top:4px;box-shadow:2px 2px #1f2a24}.lobby-panel .name-form,.player-panel .player-list,.game-side .player-list{background:0 0;border:0;padding:0}.ready-panel{border-top:1px solid #1f2a2429;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:grid}.ready-panel strong,.ready-panel small{display:block}.game-shell{width:min(1080px,100vw - 32px)}.game-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.game-top h1{font-size:clamp(34px,7vw,72px)}.turn-badge{background:#fffaf0;border:1px solid #1f2a24;border-radius:50%;place-items:center;min-width:88px;min-height:88px;font-weight:900;display:grid;box-shadow:4px 4px #1f2a24}.turn-badge.active{color:#fffaf0;background:#f97316}.turn-badge.finished{color:#fffaf0;background:#0f766e}.game-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.game-side{gap:12px;display:grid}.result-panel{box-shadow:none;background:#fef3c7;gap:12px;display:grid}.result-panel strong{font-size:22px}.game-actions{grid-template-columns:1fr;gap:8px;display:grid}.solo-game{width:min(1120px,100vw - 28px);margin:0 auto;padding:28px 0 52px}.solo-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.solo-top h1{font-size:clamp(42px,8vw,86px)}.solo-actions,.solo-button-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.score-chip{background:#fffaf0;border:1px solid #1f2a24;border-radius:999px;place-items:center;min-height:44px;padding:0 14px;font-weight:950;display:grid;box-shadow:3px 3px #1f2a24}.score-chip.complete{background:#bbf7d0}.circle-game{color:#172033}.circle-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:16px;display:grid}.circle-board{background:#dbeafe;border:2px solid #172033;border-radius:8px;padding:12px;box-shadow:6px 6px #172033}.circle-board canvas{aspect-ratio:1;touch-action:none;cursor:crosshair;border:1px solid #1720333d;border-radius:8px;width:100%;display:block}.circle-panel,.password-console,.password-rules{background:#fffaf0e6;border:1px solid #1f2a24;border-radius:8px;padding:16px;box-shadow:5px 5px #1f2a24}.circle-score{grid-template-columns:auto 1fr;align-items:end;gap:8px;margin-bottom:18px;display:grid}.circle-score span{font-size:84px;font-weight:950;line-height:.9}.circle-score small{padding-bottom:8px;font-weight:900}.metric-list{gap:12px;margin-bottom:18px;display:grid}.circle-metric{gap:6px;display:grid}.circle-metric div{justify-content:space-between;align-items:center;gap:10px;display:flex}.circle-metric meter{width:100%;height:14px}.password-game{color:#161629;width:min(980px,100vw - 28px)}.password-layout{grid-template-columns:minmax(0,.95fr) minmax(280px,1.05fr);align-items:start;gap:16px;display:grid}.password-console{background:#f5f3ff;gap:16px;display:grid}.password-console label{font-size:15px}.password-input{letter-spacing:0;background:#fff;border-width:2px;min-height:64px;font-size:24px;font-weight:900}.password-output{background:#fff;border:1px solid #1f2a2433;border-radius:8px;gap:6px;padding:14px;display:grid}.password-output strong{font-size:28px}.password-rules{gap:10px;display:grid}.password-rule{background:#fff;border:1px solid #1f2a242e;border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.password-rule span{aspect-ratio:1;background:#ede9fe;border:1px solid #1f2a24;border-radius:50%;place-items:center;width:36px;font-weight:950;display:grid}.password-rule.passed{background:#ecfdf5}.password-rule.passed span{background:#bbf7d0}.craft-game{color:#17201b}.craft-layout{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:16px;display:grid}.craft-workbench,.craft-grid,.star-panel,.auction-panel{background:#fffaf0eb;border:1px solid #1f2a24;border-radius:8px;padding:16px;box-shadow:5px 5px #1f2a24}.craft-workbench{background:#ecfeff;gap:14px;display:grid}.craft-slots{grid-template-columns:1fr 1fr;gap:12px;display:grid}.craft-slot{color:#68716c;background:#ffffff85;border:2px dashed #1f2a2452;border-radius:8px;place-items:center;min-height:128px;font-weight:900;display:grid}.craft-message{background:#fff;border:1px solid #1f2a242e;border-radius:8px;gap:10px;padding:12px;display:grid}.craft-message meter{width:100%;height:14px}.craft-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.craft-token-button{background:#fff;min-height:104px;padding:8px}.craft-token-button.selected{background:#fef3c7}.craft-token{--craft-tone:#0f766e;color:#16201c;place-items:center;gap:6px;display:grid}.craft-token>span{aspect-ratio:1;background:color-mix(in srgb, var(--craft-tone) 26%, #fffaf0);border:1px solid #1f2a24;border-radius:50%;place-items:center;width:44px;font-weight:950;display:grid;box-shadow:2px 2px #1f2a24}.craft-token.active>span{width:54px}.craft-token strong{font-size:15px}.star-game{color:#0f172a;width:min(1040px,100vw - 28px)}.star-game .eyebrow{color:#0d9488}.star-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.star-sky{background:radial-gradient(circle at 20% 20%,#0d948861,#0000 24%),linear-gradient(145deg,#101827,#172554 55%,#042f2e);border:1px solid #e6fffb59;border-radius:8px;padding:10px;box-shadow:6px 6px #1f2a24}.star-sky svg{aspect-ratio:1;background:#0206176b;border-radius:8px;width:100%;display:block}.star-sky line{stroke:#fef08a;stroke-width:.45px;stroke-linecap:round}.star-sky circle{fill:#f8fafc;stroke:#facc15ad;stroke-width:.28px;cursor:pointer}.star-sky circle.selected{fill:#facc15;stroke:#fff7ed;stroke-width:.55px}.star-panel{color:#16201c;gap:14px;display:grid}.star-card{background:#f0fdfa;border:1px solid #1f2a2433;border-radius:8px;gap:6px;padding:14px;display:grid}.star-card strong{font-size:24px}.auction-game{color:#22170a;width:min(980px,100vw - 28px)}.auction-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.auction-lot{background:linear-gradient(#ffffff57,#ffffff14),#fef3c7;border:2px solid #1f2a24;border-radius:8px;min-height:390px;padding:clamp(22px,6vw,64px);box-shadow:6px 6px #1f2a24}.auction-lot span{background:#fffaf0;border:1px solid #1f2a24;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:900;display:inline-grid}.auction-lot h2{max-width:680px;margin:26px 0 16px;font-size:clamp(38px,8vw,82px);line-height:.95}.auction-lot p{color:#5f4c2d;max-width:560px;margin:0;font-size:18px;font-weight:800;line-height:1.7}.auction-panel{background:#fffaf0;gap:14px;display:grid}.auction-panel input{min-height:58px;font-size:24px;font-weight:950}.auction-result{background:#fef3c7;border:1px solid #1f2a2433;border-radius:8px;gap:6px;padding:14px;display:grid}.auction-result strong{font-size:42px;line-height:1}.auction-result.muted{background:#f3f4f6}.card-shell{width:min(1180px,100vw - 24px)}.card-room-top{background:#fffaf0e6;border:1px solid #1f2a24;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:12px;padding:10px 14px;display:grid;box-shadow:5px 5px #1f2a24}.card-room-top h1{font-size:clamp(30px,4.5vw,48px)}.card-room-actions{align-items:center;gap:10px;display:flex}.card-room-actions button{min-height:40px;box-shadow:2px 2px #1f2a24}.card-room-top .turn-badge{min-width:72px;min-height:72px}.doudizhu-table{background:radial-gradient(circle at 50% 46%,#ffffff24,#0000 34%),linear-gradient(135deg,#0f766e,#14532d);border:2px solid #1f2a24;border-radius:8px;padding:14px;box-shadow:6px 6px #1f2a24}.table-felt{background-color:#0000;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;grid-template-rows:auto minmax(190px,1fr) auto;gap:12px;min-height:640px;display:grid;position:relative}.opponent-row{justify-content:center;gap:14px;padding:4px 8px 0;display:flex}.opponents-1{justify-content:center}.opponents-2{justify-content:space-between}.opponents-3{justify-content:space-around}.seat-card{background:#fffaf0eb;border:1px solid #fffaf06b;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-width:156px;padding:8px;display:grid;box-shadow:3px 3px #1f2a24cc}.seat-card.turn{background:#ffedd5;border-color:#fbbf24;box-shadow:3px 3px #1f2a24,0 0 0 3px #fbbf245c}.seat-card strong,.seat-card small{display:block}.table-center{align-self:center;place-items:center;gap:12px;display:grid}.table-meta{color:#fffaf0;background:#16201c85;border:1px solid #fffaf061;border-radius:8px;grid-template-columns:auto minmax(180px,auto) auto;align-items:center;gap:12px;padding:10px 12px;display:grid;box-shadow:3px 3px #1f2a24b3}.table-meta>div>span{color:#fffaf0c7;font-size:12px;font-weight:900}.last-play-panel .section-heading span{color:#68716c;font-size:12px;font-weight:900}.table-meta strong{margin-top:4px;font-size:18px;display:block}.played-card-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:58px;display:flex}.played-card-row.compact{justify-content:start;min-height:42px}.last-play-panel{text-align:center;background:#fffaf0eb;border:1px solid #fffaf061;border-radius:8px;width:min(520px,100%);min-height:132px;padding:12px;box-shadow:4px 4px #1f2a24bf}.last-play-panel .section-heading{margin-bottom:8px}.last-play-panel strong{margin-bottom:8px;display:block}.last-play-panel.bidding{background:#fef3c7}.last-play-panel.bidding .hint{font-size:18px;line-height:1.6}.my-seat{background:linear-gradient(#16201c00,#16201c70);border-radius:8px;grid-template-columns:190px minmax(180px,320px) minmax(0,1fr);grid-template-areas:"identity actions.""hand hand hand";align-self:end;align-items:end;gap:10px;width:100%;padding:10px 14px 4px;display:grid}.my-seat-card{grid-area:identity;align-self:center}.card-actions{grid-area:actions;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-self:center;gap:10px;display:grid}.card-actions button{box-shadow:2px 2px #1f2a24}.card-hand{--card-step:36px;scrollbar-width:thin;grid-area:hand;justify-content:center;align-items:flex-end;width:100%;min-height:134px;padding:24px 12px 12px;display:flex;overflow:visible}.playing-card{background:linear-gradient(145deg,#fffdf6,#f8eddc);border:1px solid #1f2a24;border-radius:8px;width:74px;min-width:74px;height:106px;min-height:0;padding:6px;font-weight:950;line-height:1;transition:transform .14s,box-shadow .14s;display:grid;position:relative;overflow:hidden;box-shadow:2px 3px #1f2a24}.card-hand .playing-card+.playing-card{margin-left:calc(-1 * var(--card-step))}.playing-card:hover:not(:disabled),.playing-card.selected{z-index:3;transform:translateY(-18px);box-shadow:2px 10px #1f2a24}.playing-card:disabled{opacity:1;cursor:default}.playing-card.red{color:#b91c1c}.playing-card.black{color:#111827}.card-corner{text-align:center;align-content:start;justify-items:center;gap:2px;width:24px;display:grid}.card-corner strong{font-size:18px;line-height:1}.card-corner small{color:currentColor;font-size:16px;line-height:1}.card-center{pointer-events:none;place-items:center;font-size:30px;font-weight:950;display:grid;position:absolute;inset:0}.playing-card .card-corner,.playing-card .card-center,.played-card-row .playing-card .card-corner,.played-card-row .playing-card .card-center,.played-card-row .playing-card .card-corner small{color:inherit}.card-hand .card-center{display:none}.card-back{background:linear-gradient(135deg,#ffffff2e,#0000 38%),repeating-linear-gradient(45deg,#b91c1c 0 5px,#7f1d1d 5px 10px);border:1px solid #1f2a24;border-radius:7px;width:44px;height:62px;display:inline-block;box-shadow:1px 2px #1f2a24}.playing-card.view-only{cursor:default;flex:none;display:inline-grid}.playing-card.view-only:hover{transform:none;box-shadow:2px 3px #1f2a24}.playing-card.small{border-radius:7px;width:44px;min-width:44px;height:62px;padding:4px;box-shadow:1px 2px #1f2a24}.playing-card.small .card-corner{width:18px}.playing-card.small .card-corner strong{font-size:12px}.playing-card.small .card-corner small{font-size:11px}.playing-card.small .card-center{font-size:18px}.party-shell,.draw-shell{width:min(1120px,100vw - 24px)}.party-top{background:#fffaf0e6;border:1px solid #1f2a24;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:14px;padding:14px;display:grid;box-shadow:5px 5px #1f2a24}.party-top h1{font-size:clamp(34px,6vw,64px)}.party-actions,.host-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.party-actions button,.host-actions button{box-shadow:2px 2px #1f2a24}.party-panel,.secret-word-card,.soup-card,.draw-board-panel{background:#fffaf0e6;border:1px solid #1f2a24;border-radius:8px;padding:16px;box-shadow:5px 5px #1f2a24}.undercover-grid,.turtle-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:start;gap:14px;display:grid}.secret-word-card{background:#f5f3ff;align-content:center;gap:8px;min-height:220px;display:grid}.secret-word-card span,.soup-card span,.word-panel span{color:#68716c;font-size:13px;font-weight:900}.secret-word-card strong{font-size:clamp(54px,13vw,120px);line-height:.95}.undercover-player-grid{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px;display:grid}.undercover-player{background:#fff;border:1px solid #1f2a2438;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.undercover-player.me{background:#fef3c7}.undercover-player.out{opacity:.58;background:#f3f4f6}.undercover-player strong,.undercover-player small{display:block}.party-copy-block{gap:12px;display:grid}.party-copy-block strong{font-size:22px}.vote-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.party-note,.answer-text{color:#49534e;margin:0;font-weight:800;line-height:1.6}.crazy-shell{color:#1f1717}.crazy-table{background:radial-gradient(circle at 50% 35%,#fef2f233,#0000 32%),linear-gradient(135deg,#7f1d1d,#166534);border:2px solid #1f2a24;border-radius:8px;gap:12px;min-height:660px;padding:14px;display:grid;box-shadow:6px 6px #1f2a24}.crazy-opponents{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.crazy-center{grid-template-columns:minmax(160px,auto) minmax(0,1fr);justify-content:center;justify-self:center;align-items:center;gap:12px;width:min(620px,100%);display:grid}.crazy-pile,.crazy-log{background:#fffaf0f0;border:1px solid #fffaf06b;border-radius:8px;gap:8px;padding:12px;display:grid;box-shadow:3px 3px #1f2a24c7}.crazy-pile{text-align:center;justify-items:center}.crazy-pile span{color:#68716c;font-size:12px;font-weight:900}.crazy-pile strong{font-size:28px}.crazy-log strong{font-size:20px}.crazy-hand-panel{background:linear-gradient(#16201c00,#16201c6b);border-radius:8px;align-self:end;gap:10px;padding:10px 12px 2px;display:grid}.crazy-controls{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:10px;display:grid}.crazy-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.crazy-actions button,.suit-picker button{box-shadow:2px 2px #1f2a24}.suit-picker{flex-wrap:wrap;gap:6px;display:flex}.suit-picker button{place-items:center;width:42px;min-width:42px;padding:0;font-size:22px;display:grid}.suit-picker button.active{background:#fef3c7}.crazy-hand{min-height:126px}.draw-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px;display:grid}.draw-board-panel{background:#dbeafe;gap:10px;display:grid}.draw-canvas{aspect-ratio:900/620;touch-action:none;cursor:crosshair;background:#fffaf0;border:2px solid #1f2a24;border-radius:8px;width:100%;display:block}.draw-toolbar{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.color-picker{flex-wrap:wrap;gap:8px;display:flex}.color-picker button{--swatch:#1f2937;background:var(--swatch);width:42px;min-width:42px;padding:0;box-shadow:2px 2px #1f2a24}.color-picker button.active{outline-offset:2px;outline:3px solid #f97316}.draw-side{gap:10px;display:grid}.word-panel{background:#f5f3ff;gap:6px;display:grid}.word-panel strong{font-size:40px;line-height:1}.guess-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.guess-list,.question-list,.score-list{gap:8px;display:grid}.guess-item,.question-item,.score-list div{background:#ffffff9e;border:1px solid #1f2a242e;border-radius:8px;padding:9px}.guess-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.guess-item.correct{background:#dcfce7}.score-list div{justify-content:space-between;align-items:center;gap:8px;font-weight:900;display:flex}.score-list div.me{background:#fef3c7}.soup-card{background:#fff1f2;align-content:center;gap:12px;min-height:300px;display:grid}.soup-card strong{font-size:clamp(30px,5vw,56px);line-height:1.08}.host-panel,.question-panel{gap:12px;display:grid}.question-panel{grid-column:1/-1}.question-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.question-item strong,.question-item span{display:block}.question-item strong{color:#68716c;font-size:13px}.answer-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.answer-buttons button{min-height:34px;padding:0 10px;box-shadow:2px 2px #1f2a24}.answer-buttons button.active,.answer-pill{background:#fef3c7}.answer-pill{white-space:nowrap;border:1px solid #1f2a24;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.answer-pill.yes{background:#dcfce7}.answer-pill.no{background:#fee2e2}.answer-pill.close{background:#dbeafe}.room-side{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:start;gap:12px;display:grid}.name-form,.player-list{background:#fffaf0d1;border:1px solid #1f2a24;border-radius:8px;padding:12px}.name-form label div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.player-list{flex-wrap:wrap;gap:8px;display:flex}.player-list.compact{grid-template-columns:1fr;display:grid}.player-card{background:#ffffff73;border:1px solid #1f2a2442;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-width:150px;padding:8px;display:grid}.player-card.me{background:#fef3c7}.player-card.turn{background:#ffedd5;border-color:#f97316;box-shadow:2px 2px #1f2a24}.player-card.offline{opacity:.7;background:#f3f4f6;border-style:dashed}.player-card strong,.player-card small{display:block}.avatar{--avatar:#0f766e;background:var(--avatar);color:#fff;border-radius:999px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.hint{color:#0f766e;margin:0;font-weight:800}.board-wrap{place-items:center;display:grid}.board{aspect-ratio:1;background:#1f2a24;border:2px solid #1f2a24;grid-auto-rows:minmax(0,1fr);gap:2px;width:min(88vw,680px);display:grid;box-shadow:6px 6px #1f2a24}.tic-tac-toe .board{width:min(88vw,420px)}.cell{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;background:#fffaf0;border:0;border-radius:0;place-items:center;padding:0;display:grid;overflow:hidden}.cell:disabled{opacity:1}.cell:hover:not(:disabled){box-shadow:none;background:#fef3c7;transform:none}.cell.win{background:#bbf7d0}.xo{font-size:clamp(42px,16vw,112px);font-weight:950;line-height:1}.stone{aspect-ratio:1;border-radius:999px;width:72%;display:block;box-shadow:inset -5px -5px 12px #0003}.stone.black{background:#1f2937}.stone.white{background:#fff;border:1px solid #cbd5e1}.gomoku .board{background:#7c4a19;gap:1px;width:min(92vw,760px)}.gomoku .cell{background:#d9a85f}.loading{font-size:18px;font-weight:800}@media (width<=760px){.shell{width:min(560px,100vw - 28px);padding:18px 0 32px}.hero,.game-hero,.room-header,.loading-card{grid-template-columns:1fr}h1{font-size:52px}.game-card{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px 12px;min-height:0;padding:12px;box-shadow:3px 3px #1f2a24}.game-card .pill{width:auto;padding:4px 8px}.game-card .game-mode-tags{grid-column:2;justify-content:flex-start}.game-card .game-mark{grid-row:1/span 2;align-self:center}.game-mark{width:52px;height:52px;font-size:16px}.button-row,.join-row,.room-side,.room-lobby-grid,.game-layout,.name-form label div{grid-template-columns:1fr}.room-shell{gap:12px;width:min(100vw - 16px,560px)}.lobby-heading{align-items:center}.mode-filters{justify-content:flex-start;width:100%}.solo-game{width:min(560px,100vw - 20px);padding:18px 0 34px}.solo-top{grid-template-columns:1fr;gap:12px;display:grid}.solo-top h1{font-size:48px}.solo-actions,.solo-button-row{justify-content:flex-start}.circle-layout,.password-layout,.craft-layout,.star-layout,.auction-layout{grid-template-columns:1fr}.circle-board,.star-sky,.auction-lot{padding:8px;box-shadow:4px 4px #172033}.circle-panel,.password-console,.password-rules,.craft-workbench,.craft-grid,.star-panel,.auction-panel{padding:12px;box-shadow:3px 3px #1f2a24}.circle-score span{font-size:64px}.password-input{min-height:56px;font-size:20px}.craft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-slot{min-height:104px}.auction-lot{min-height:300px}.auction-lot h2{margin-top:20px}.room-lobby{gap:8px}.room-header{gap:12px;padding:12px}.room-lobby-header{grid-template-columns:100px minmax(0,1fr);gap:8px;padding:9px}.room-code-card{text-align:left}.room-lobby-header .room-code-card{padding:8px}.room-lobby-header .room-code-card span{font-size:11px}.room-code-card strong{font-size:56px}.room-lobby-header .room-code-card strong{font-size:34px}.loading-card .room-code-card strong{font-size:46px}.room-actions{grid-template-columns:1fr 1fr;display:grid}.room-actions button{padding:0 8px}.room-lobby-header .room-actions{grid-column:1/-1;gap:6px}.room-lobby-header .room-actions button{min-height:34px}.room-header h1{font-size:30px}.room-lobby-header h1{font-size:24px}.room-lobby-header .eyebrow{margin-bottom:3px;font-size:12px}.room-lobby-header .connection-badge{margin-top:5px;padding:3px 8px;font-size:11px}.room-lobby-grid{gap:8px}.room-lobby .lobby-panel{padding:10px;box-shadow:3px 3px #1f2a24}.room-lobby .name-form label{grid-template-columns:68px minmax(0,1fr);align-items:center;gap:8px;font-size:14px}.room-lobby .name-form label div{grid-template-columns:minmax(0,1fr) 56px;gap:6px}.room-lobby .name-form input,.room-lobby .name-form button{min-height:38px}.room-lobby .name-form button,.room-lobby .ready-panel button{padding:0 8px;box-shadow:2px 2px #1f2a24}.ready-panel{grid-template-columns:minmax(0,1fr) 92px;gap:8px;margin-top:10px;padding-top:10px}.ready-panel button{min-height:40px}.ready-panel strong{font-size:15px}.ready-panel small{font-size:12px}.player-panel .section-heading{margin-bottom:8px}.player-panel .section-heading p{font-size:16px}.player-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.player-list.compact{grid-template-columns:1fr}.player-card{grid-template-columns:32px minmax(0,1fr);gap:6px;min-width:0;padding:6px}.player-card strong{font-size:14px}.player-card small{font-size:12px}.avatar{width:32px;height:32px;font-size:12px}.rule-panel summary{min-height:28px}.rule-list{gap:6px;margin-top:8px;font-size:14px;line-height:1.35}.rule-list li{grid-template-columns:18px minmax(0,1fr);gap:8px}.rule-list li:before{width:12px;height:12px;margin-top:4px;box-shadow:1px 1px #1f2a24}.game-hero h1{font-size:52px}.game-top{grid-template-columns:1fr;display:grid}.game-top h1{font-size:44px}.turn-badge{width:72px;min-width:72px;min-height:72px}.card-shell{width:min(100vw - 14px,560px)}.card-room-top{grid-template-columns:1fr;gap:10px;padding:12px}.card-room-top h1{font-size:34px}.card-room-actions{justify-content:space-between}.doudizhu-table{padding:8px}.table-felt{grid-template-rows:auto minmax(220px,1fr) auto;gap:8px;min-height:660px}.opponent-row{grid-template-columns:1fr 1fr;gap:6px;padding:0;display:grid}.opponents-1{grid-template-columns:minmax(0,1fr)}.seat-card{grid-template-columns:32px minmax(0,1fr);min-width:0;padding:7px}.table-center{gap:8px}.table-meta{grid-template-columns:1fr;gap:8px;width:100%;padding:9px}.played-card-row{justify-content:flex-start;min-height:46px}.last-play-panel{text-align:left;width:100%;min-height:118px;padding:10px}.my-seat{grid-template-columns:1fr;grid-template-areas:"identity""actions""hand";gap:8px;padding:8px 8px 0}.my-seat-card{width:100%}.card-actions{gap:8px}.card-hand{--card-step:26px;justify-content:flex-start;min-height:104px;padding:20px 6px 10px;overflow-x:auto}.playing-card{border-radius:7px;width:54px;min-width:54px;height:78px;padding:5px}.card-corner{width:19px}.card-corner strong{font-size:14px}.card-corner small{font-size:12px}.card-center{font-size:22px}.playing-card.small{width:34px;min-width:34px;height:48px;font-size:12px}.playing-card.small .card-center{font-size:15px}.board{width:min(96vw,520px)}.tic-tac-toe .board{width:min(92vw,380px)}.gomoku .board{width:min(96vw,520px)}.party-shell,.draw-shell{width:min(100vw - 14px,560px)}.party-top{grid-template-columns:1fr;gap:10px;padding:12px;box-shadow:3px 3px #1f2a24}.party-top h1{font-size:38px}.party-actions{justify-content:flex-start}.undercover-grid,.turtle-layout,.draw-layout{grid-template-columns:1fr;gap:10px}.party-panel,.secret-word-card,.soup-card,.draw-board-panel{padding:12px;box-shadow:3px 3px #1f2a24}.secret-word-card{min-height:150px}.secret-word-card strong{font-size:64px}.undercover-player-grid{grid-template-columns:1fr 1fr;gap:6px}.undercover-player{grid-template-columns:32px minmax(0,1fr);padding:7px}.vote-list{grid-template-columns:1fr 1fr;gap:8px}.crazy-table{min-height:610px;padding:8px}.crazy-opponents{grid-template-columns:1fr 1fr;gap:6px}.crazy-center{grid-template-columns:1fr;width:100%}.crazy-controls{grid-template-columns:1fr}.crazy-actions{justify-content:flex-start}.suit-picker button{width:38px;min-width:38px;min-height:38px}.draw-side{grid-row:1}.draw-canvas{aspect-ratio:1}.draw-toolbar{justify-content:flex-start}.word-panel strong{font-size:34px}.guess-form{grid-template-columns:1fr}.soup-card{min-height:220px}.question-item{grid-template-columns:1fr}.answer-buttons{justify-content:flex-start}}