:root{--sun-1: #ffd54a;--sun-2: #ffb300;--sun-3: #ff8a00;--sun-edge: #c96a00;--grass-1: #9fdb5c;--grass-2: #7dc242;--grass-3: #4e9e2f;--grass-edge: #38761d;--sky-1: #aee4ff;--sky-2: #5fb6f0;--ink: #5b3a1e;--ink-soft: rgba(91, 58, 30, .66);--cream: #fff6e0;--cream-2: #ffeec6;--wood-1: #d99a4e;--wood-2: #b9772f;--wood-3: #8c5318;--red: #ff5a45;--r-s: 10px;--r-m: 16px;--r-l: 24px;--pop: cubic-bezier(.34, 1.56, .64, 1);--asset-bg-lobby: url(/assets/images/themes/cartoon/bg_lobby.jpg);--asset-ribbon: url(/assets/images/themes/cartoon/ribbon_title.png);--asset-btn-orange: url(/assets/images/themes/cartoon/btn_pill_orange.png);--asset-btn-green: url(/assets/images/themes/cartoon/btn_pill_green.png);--asset-btn-blue: url(/assets/images/themes/cartoon/btn_pill_blue.png);--asset-btn-wood: url(/assets/images/themes/cartoon/btn_pill_wood.png);--asset-btn-ai: url(/assets/images/themes/cartoon/btn_pill_ai.png);--asset-ai-bubble-cloud: url(/assets/images/themes/cartoon/ai_bubble_cloud.svg);--asset-ai-bubble-tail: url(/assets/images/themes/cartoon/ai_bubble_tail.svg);color:#f5f1e6;background:#101915;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}:root[data-theme=pixel]{--sun-1: #ffd95e;--sun-2: #f5a623;--sun-3: #e07b00;--sun-edge: #8a4a00;--grass-1: #8fd45a;--grass-2: #63ab3f;--grass-3: #3f7d2c;--grass-edge: #2a5a1c;--sky-1: #9adcf0;--sky-2: #4aa3d4;--ink: #3a2a18;--ink-soft: rgba(58, 42, 24, .72);--cream: #f8efd4;--cream-2: #efe2b8;--wood-1: #c08b4a;--wood-2: #91612a;--wood-3: #5e3d14;--red: #d9442e;--r-s: 2px;--r-m: 3px;--r-l: 4px;--pop: steps(3, end);--asset-bg-lobby: url(/assets/images/themes/pixel/bg_lobby.jpg);--asset-ribbon: url(/assets/images/themes/pixel/ribbon_title.png);--asset-btn-orange: url(/assets/images/themes/pixel/btn_pill_orange.png);--asset-btn-green: url(/assets/images/themes/pixel/btn_pill_green.png);--asset-btn-blue: url(/assets/images/themes/pixel/btn_pill_blue.png);--asset-btn-wood: url(/assets/images/themes/pixel/btn_pill_wood.png);--asset-btn-ai: url(/assets/images/themes/pixel/btn_pill_ai.png);--asset-ai-bubble-cloud: url(/assets/images/themes/pixel/ai_bubble_cloud.svg);--asset-ai-bubble-tail: url(/assets/images/themes/pixel/ai_bubble_tail.svg)}:root[data-theme=pixel] img{image-rendering:pixelated}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;border-radius:6px;padding:10px 16px;background:#f4c542;color:#17130a;font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:9px 10px;color:#f5f1e6;background:#0f1814}.btn-img{display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:66px;padding:0 24px 6px;color:#fff;font-size:22px;font-weight:900;letter-spacing:3px;text-indent:3px;text-shadow:0 2px 0 var(--ink);background:var(--btn-face) center / 100% 100% no-repeat;border:0;cursor:pointer;transition:transform .11s var(--pop),filter .11s ease}.btn-img-sm{min-width:76px;height:42px;padding:0 16px 4px;font-size:15px;letter-spacing:1px;text-indent:1px}.btn-img-lg{min-width:210px;height:76px;padding:0 36px 6px;font-size:24px;letter-spacing:4px}.btn-img:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-img:active{transform:translateY(3px);filter:brightness(.94)}.btn-img-orange{--btn-face: var(--asset-btn-orange)}.btn-img-green{--btn-face: var(--asset-btn-green)}.btn-img-blue{--btn-face: var(--asset-btn-blue)}.btn-img-wood{--btn-face: var(--asset-btn-wood)}.btn-img-ai{--btn-face: var(--asset-btn-ai)}.btn-ai{border-radius:20%/36%;animation:ai-glow 3.2s linear infinite}@keyframes ai-glow{0%,to{box-shadow:0 0 16px 1px #38bdf899,0 0 32px 7px #38bdf84d}33%{box-shadow:0 0 18px 2px #818cf89e,0 0 36px 9px #818cf857}66%{box-shadow:0 0 18px 2px #d96ef994,0 0 36px 9px #d96ef952}}@media(prefers-reduced-motion:reduce){.btn-ai{animation:none;box-shadow:0 0 16px 1px #818cf88c,0 0 30px 7px #818cf84d}}:root[data-theme=pixel] .btn-img{image-rendering:pixelated;letter-spacing:2px;text-indent:2px;text-shadow:2px 2px 0 var(--ink)}.auth-screen{position:relative;display:grid;min-height:100vh;min-height:100svh;padding:28px;place-items:center;overflow:hidden;background:var(--asset-bg-lobby) center / cover no-repeat,linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 52%,var(--grass-2) 52%,var(--grass-3) 100%)}.auth-mascot{position:absolute;bottom:-12px;z-index:1;width:min(26vw,280px);filter:drop-shadow(0 18px 20px rgba(50,28,4,.35))}.auth-mascot.mascot-left{left:clamp(-20px,4vw,80px)}.auth-mascot.mascot-right{right:clamp(-20px,4vw,80px)}.auth-card{position:relative;z-index:2;display:grid;width:min(420px,100%);gap:8px;padding:64px 36px 30px;background:linear-gradient(180deg,var(--cream),var(--cream-2));border:5px solid var(--wood-2);border-radius:var(--r-l);box-shadow:0 8px 0 var(--wood-3),0 26px 48px #321c0466,inset 0 2px #fffc}.auth-logo{position:absolute;top:-58px;left:50%;width:min(250px,70%);transform:translate(-50%);filter:drop-shadow(0 8px 12px rgba(50,28,4,.35));animation:gentle-float 3.6s ease-in-out infinite}.auth-screen .auth-form label{color:var(--ink);font-weight:800}.auth-screen input{padding:12px 14px;color:var(--ink);background:#fff;border:2px solid var(--wood-1);border-radius:var(--r-m);font-size:15px;font-weight:700}.auth-screen input:focus{outline:3px solid rgba(255,179,0,.45);outline-offset:0}.auth-actions{display:grid;gap:12px;margin-top:10px;justify-items:stretch}.form-status{min-height:18px;margin:0;color:var(--ink-soft);font-size:13px;font-weight:700;text-align:center}.form-status-loading{color:var(--wood-3)}.form-status-success{color:var(--grass-edge)}.form-status-error{color:#b3261e}.lobby-screen{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:100vh;min-height:100svh;padding:14px clamp(12px,2vw,26px) 18px;gap:14px;overflow:hidden;background:var(--asset-bg-lobby) center / cover no-repeat,linear-gradient(180deg,var(--sky-1) 0%,var(--sky-2) 52%,var(--grass-2) 52%,var(--grass-3) 100%)}.lobby-hud{position:relative;display:flex;grid-column:1 / -1;align-items:center;gap:12px}.player-plate{display:flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;background:linear-gradient(180deg,var(--cream),var(--cream-2));border:3px solid var(--wood-2);border-radius:999px;box-shadow:0 4px 0 var(--wood-3),0 10px 18px #321c0440}.player-plate img{width:48px;height:48px;border:3px solid var(--sun-2);border-radius:50%;object-fit:cover;background:#fff}.player-plate div{display:grid;min-width:0;gap:1px}.player-plate strong{overflow:hidden;max-width:140px;color:var(--ink);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.player-plate span{color:var(--ink-soft);font-size:12px;font-weight:700}.coin-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:4px 18px 4px 10px;color:#8a4b0d;font-size:16px;font-weight:900;background:linear-gradient(180deg,#fff3c2,#ffd968);border:3px solid var(--sun-2);border-radius:999px;box-shadow:0 4px #c98a12,0 8px 14px #321c0438}.coin-chip img{width:26px;height:auto}.hud-spacer{flex:1}.lobby-stage{position:relative;display:grid;min-height:0;place-items:safe center;overflow:hidden}.stage-mascot{position:absolute;bottom:0;z-index:1;width:min(24vw,270px);filter:drop-shadow(0 18px 20px rgba(50,28,4,.35));pointer-events:none}.stage-mascot.mascot-left{left:0}.stage-mascot.mascot-right{right:0}.stage-center{position:relative;z-index:2;display:grid;gap:18px;justify-items:center;padding-bottom:40px}.stage-logo{width:min(380px,56vw);margin-bottom:14px;filter:drop-shadow(0 10px 14px rgba(50,28,4,.4));animation:stage-float 3.6s ease-in-out infinite}.stage-status{min-height:20px;margin:0;padding:6px 16px;color:#fff;font-size:13px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.3);background:#46260661;border-radius:999px}.stage-status:empty{visibility:hidden}.stage-status-button{border:1px solid rgba(255,232,158,.55);cursor:pointer;box-shadow:0 3px #4626063d,inset 0 1px #ffffff47;transition:transform .11s var(--pop),background .14s ease,border-color .14s ease}.stage-status-button:hover{background:#5830088a;border-color:#ffecaed9;transform:translateY(-1px)}.stage-status-button:active{transform:translateY(1px)}.feature-bar{position:absolute;left:12px;bottom:10px;z-index:3;display:flex;gap:14px}.feature-bar button{display:grid;gap:4px;justify-items:center;padding:0;background:transparent;color:#fff;font-size:13px;font-weight:900;text-shadow:0 2px 0 rgba(70,38,6,.55),0 0 6px rgba(70,38,6,.35);transition:transform .11s var(--pop)}.feature-bar button:hover{transform:scale(1.08)}.feature-bar button:active{transform:scale(.96)}.feature-icon{display:grid;width:58px;height:58px;place-items:center;font-size:27px;background:linear-gradient(180deg,var(--cream),var(--cream-2));border:3px solid var(--sun-2);border-radius:50%;box-shadow:0 4px #c98a12,0 8px 14px #321c0447,inset 0 2px #fffc}.feature-icon img{width:70%;height:70%;object-fit:contain}.feature-icon-emoji{font-size:34px}.lobby-screen .room-list{align-content:start;overflow:auto;padding-right:2px}.lobby-screen .room-row{grid-template-columns:40px minmax(0,1fr) auto;min-height:62px;padding:9px 12px;background:linear-gradient(180deg,#fffdf6,var(--cream-2));border:2px solid var(--wood-1);border-radius:var(--r-m);box-shadow:0 3px #8c53186b,inset 0 2px #ffffffbf;transition:transform .11s var(--pop),box-shadow .11s ease}.lobby-screen .room-row:hover{border-color:var(--sun-2);box-shadow:0 5px #c98a128c;transform:translateY(-2px)}.room-copy{display:grid;min-width:0;gap:3px}.lobby-screen .room-row strong{color:var(--ink);font-size:17px}.lobby-screen .room-copy span{color:var(--ink-soft);font-size:12px;font-weight:700}.room-medal{display:grid;width:36px;height:36px;place-items:center;color:#fff;background:radial-gradient(circle at 50% 32%,#ff8566,var(--red) 72%);border:2px solid var(--sun-1);border-radius:50%;font-size:15px;font-weight:900;text-shadow:0 1px 1px rgba(120,20,10,.55);box-shadow:0 2px #9623128c,inset 0 2px 3px #ffffff73}.room-enter{padding:7px 16px;color:#fff;font-size:13px;font-weight:900;text-shadow:0 1px 0 rgba(0,0,0,.22);background:linear-gradient(180deg,var(--grass-1),var(--grass-3));border-radius:999px;box-shadow:0 3px 0 var(--grass-edge)}.room-list .empty-state{display:grid;place-items:center;gap:10px;padding:30px 16px;color:var(--ink-soft);font-weight:800;text-align:center;background:#ffffff1f;border:2px dashed rgba(140,83,24,.32);border-radius:var(--r-m)}.room-list .empty-state:before{content:"🀄";font-size:44px;line-height:1;opacity:.55;filter:drop-shadow(0 3px 4px rgba(50,28,4,.25))}.modal-overlay{position:fixed;inset:0;z-index:40;display:grid;padding:24px;place-items:center;background:#2b18088c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-in .16s ease}.modal-card{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(560px,100%);max-height:min(640px,86vh);padding:34px 22px 22px;background:linear-gradient(180deg,var(--cream),var(--cream-2));border:5px solid var(--wood-2);border-radius:var(--r-l);box-shadow:0 8px 0 var(--wood-3),0 30px 60px #140a0280,inset 0 2px #fffc;animation:modal-pop .24s var(--pop)}.modal-ribbon{position:absolute;top:-34px;left:50%;display:grid;width:252px;height:64px;padding-bottom:8px;place-items:center;color:#fff;font-size:19px;font-weight:900;letter-spacing:4px;text-shadow:0 2px 0 rgba(80,40,0,.45);white-space:nowrap;background:var(--asset-ribbon) center / 100% 100% no-repeat;filter:drop-shadow(0 5px 10px rgba(50,28,4,.35));transform:translate(-50%)}.modal-close{position:absolute;top:-14px;right:-14px;display:grid;width:42px;height:42px;padding:0;place-items:center;color:#fff;font-size:24px;font-weight:900;line-height:1;background:linear-gradient(180deg,#ff8a76,var(--red));border:3px solid #ffd2c9;border-radius:50%;box-shadow:0 4px #c33823,0 8px 14px #321c044d;transition:transform .11s var(--pop)}.modal-close:hover{transform:scale(1.1) rotate(90deg)}.modal-body{display:grid;align-content:start;gap:12px;min-height:120px;overflow:auto;padding:4px 4px 0}.modal-hint{color:var(--ink-soft);font-size:13px;font-weight:700}@keyframes gentle-float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-9px)}}@keyframes stage-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.table-screen{position:relative;width:100vw;height:100vh;height:100svh;overflow:hidden;background:var(--grass-3)}.table-screen .game-host{position:absolute;inset:0}.table-hud{position:absolute;top:12px;left:14px;right:14px;z-index:10;display:flex;align-items:center;gap:10px;pointer-events:none}.table-hud button{pointer-events:auto}.seat-clock-layer{position:absolute;inset:0;z-index:8;pointer-events:none}.seat-clock{position:absolute}.seat-clock--left{top:43%;left:30%;transform:translate(-50%,-50%)}.seat-clock--right{top:43%;right:29%;transform:translate(50%,-50%)}.bot-think-layer{position:absolute;inset:0;z-index:12;pointer-events:none}.bot-think{position:absolute;top:24%;pointer-events:none}.bot-think--left{left:10%}.bot-think--right{right:6%}.bot-think.is-dragged{right:auto}.bot-think-preview{position:relative;isolation:isolate;display:grid;grid-template-columns:28px auto minmax(0,1fr) auto;align-items:center;gap:9px;width:min(420px,42vw);min-height:58px;padding:12px 18px 10px 12px;color:var(--ink);font-size:13px;font-weight:800;background:linear-gradient(90deg,#7fe9ff00,#7fe9ff47,#7fe9ff00) 0 0 / 180% 100%,var(--asset-ai-bubble-cloud) center / 100% 100% no-repeat;border:0;border-radius:34px;box-shadow:0 12px 24px #140a0257;cursor:pointer;pointer-events:auto;transition:box-shadow .14s var(--pop),transform .11s var(--pop)}.bot-think-preview:after{position:absolute;bottom:-40px;z-index:-1;width:74px;height:60px;content:"";background:var(--asset-ai-bubble-tail) center / contain no-repeat;pointer-events:none}.bot-think-preview>*{position:relative;z-index:1}.bot-think--left .bot-think-preview:after{left:82px}.bot-think--right .bot-think-preview:after{right:82px;transform:scaleX(-1)}.bot-think-preview:hover{transform:translateY(-1px) scale(1.04)}.bot-think-preview.is-active{animation:bot-think-pulse 1.5s ease-in-out infinite,bot-think-scan 2.2s linear infinite}.bot-think-ai-mark{display:grid;place-items:center;width:28px;height:28px;color:#083342;font-size:11px;font-weight:900;background:linear-gradient(180deg,#9ef5ff,#4fc5dc);border:1px solid rgba(4,70,89,.45);border-radius:8px;box-shadow:inset 0 2px #ffffffad,0 2px #063c4e6b}.bot-think-preview-name{max-width:82px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bot-think-preview-text{min-width:0;overflow:hidden;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.bot-think-ai-signal{position:relative;display:inline-flex;align-items:center;flex:none;gap:8px}.bot-think-ai-spark{position:absolute;width:10px;height:10px;pointer-events:none;background:linear-gradient(180deg,#fff7ba,#f8d35f);clip-path:polygon(50% 0,60% 37%,100% 50%,60% 63%,50% 100%,40% 63%,0 50%,40% 37%);filter:drop-shadow(0 0 5px rgba(248,211,95,.82));transform:scale(.75);animation:bot-think-sparkle 1.7s ease-in-out infinite}.bot-think-ai-spark:after{position:absolute;inset:3px;content:"";background:#fffdf2;border-radius:999px}.bot-think-ai-signal-rail{position:relative;flex:none;width:72px;height:5px;overflow:hidden;background:#04465924;border:1px solid rgba(4,70,89,.2);border-radius:999px}.bot-think-ai-signal-rail:after{position:absolute;inset:-1px auto -1px 0;width:28px;content:"";background:linear-gradient(90deg,#4fc5dc00,#4fc5dcf2,#4fc5dc00);transform:translate(-100%);animation:bot-think-rail-scan 1.15s ease-in-out infinite}.bot-think-ai-signal-dots{display:inline-flex;align-items:center;flex:none;gap:4px}.bot-think-ai-signal-dots>span{width:5px;height:5px;background:#0c6b80;border-radius:999px;box-shadow:0 0 0 2px #4fc5dc33;animation:bot-think-dot-wave .9s ease-in-out infinite}.bot-think-ai-signal-dots>span:nth-child(2){animation-delay:.12s}.bot-think-ai-signal-dots>span:nth-child(3){animation-delay:.24s}.bot-think-ai-signal--preview{justify-self:end;gap:0}.bot-think-ai-signal--preview .bot-think-ai-spark--one{right:-4px;top:-9px}.bot-think-ai-signal--preview .bot-think-ai-spark--two,.bot-think-ai-signal--preview .bot-think-ai-signal-rail{display:none}.bot-think-ai-signal--panel{display:flex;margin-top:10px;padding-top:9px;border-top:1px solid rgba(92,55,26,.2)}.bot-think-ai-signal--panel .bot-think-ai-spark--one{left:23px;top:3px}.bot-think-ai-signal--panel .bot-think-ai-spark--two{left:82px;top:9px;width:7px;height:7px;animation-delay:.45s}.bot-think-card{position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(520px,50vw);background:linear-gradient(180deg,#fffdf2,var(--cream-2));border:3px solid rgba(127,233,255,.86);border-radius:var(--r-m);box-shadow:0 5px #40627099,0 0 0 2px #fff8d8b3,0 18px 36px #140a026b;pointer-events:auto;transform-origin:top center;animation:bot-think-drop .18s var(--pop)}.bot-think-card>*{position:relative;z-index:1}.bot-think-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:2px solid rgba(92,55,26,.22);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.bot-think-head:active{cursor:grabbing}.bot-think-title{overflow:hidden;color:var(--ink);font-size:13px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}.bot-think-toggle{flex:none;width:24px;height:24px;padding:0;color:var(--ink);font-size:18px;font-weight:900;line-height:1;background:transparent;border:2px solid rgba(92,55,26,.45);border-radius:8px;cursor:pointer}.bot-think-body{max-height:360px;overflow:auto;overscroll-behavior:contain;padding:10px 12px;color:var(--ink);font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.bot-think-section+.bot-think-section{margin-top:10px;padding-top:10px;border-top:1px solid rgba(92,55,26,.28)}.bot-think-label{margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:900}@keyframes bot-think-pulse{0%,to{box-shadow:0 3px #4062708c,0 0 0 2px #fff8d8a6,0 12px 24px #140a0257}50%{box-shadow:0 3px #4062708c,0 0 0 4px #7fe9ff6b,0 14px 28px #140a0261}}@keyframes bot-think-scan{0%{background-position:180% 0,center}to{background-position:-180% 0,center}}@keyframes bot-think-rail-scan{0%{transform:translate(-100%)}to{transform:translate(270%)}}@keyframes bot-think-dot-wave{0%,to{opacity:.45;transform:translateY(0) scale(.86)}50%{opacity:1;transform:translateY(-2px) scale(1.08)}}@keyframes bot-think-sparkle{0%,to{opacity:0;transform:scale(.45)}34%{opacity:1;transform:scale(1)}58%{opacity:.42;transform:scale(.7)}}@keyframes bot-think-drop{0%{opacity:0;transform:scaleY(.72) translateY(-6px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.bot-think-preview.is-active,.bot-think-ai-signal-rail:after,.bot-think-ai-signal-dots>span,.bot-think-ai-spark,.bot-think-card{animation:none}}.table-chip{display:inline-flex;align-items:center;min-height:36px;padding:6px 16px;color:var(--ink);font-size:13px;font-weight:900;background:linear-gradient(180deg,var(--cream),var(--cream-2));border:2px solid var(--wood-2);border-radius:999px;box-shadow:0 3px 0 var(--wood-3)}.table-chip:empty{display:none}.audio-settings{display:grid;gap:12px}.bot-settings{display:grid;gap:8px;margin-top:12px}.bot-model-row{display:grid;grid-template-columns:24px auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#fffdf6,var(--cream-2));border:2px solid var(--wood-1);border-radius:var(--r-m);box-shadow:inset 0 2px #ffffffb3}.bot-model-icon{font-size:18px;line-height:1;text-align:center}.bot-model-name{color:var(--ink);font-weight:800;white-space:nowrap}.bot-model-select{width:100%;padding:6px 10px;color:var(--ink);font:inherit;font-weight:700;background:var(--cream);border:2px solid var(--wood-1);border-radius:var(--r-s);cursor:pointer}.bot-settings-hint{margin:0;padding:0 4px;color:var(--wood-3);font-size:13px;line-height:1.5}.volume-row{display:grid;grid-template-columns:24px auto minmax(0,1fr) 40px;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#fffdf6,var(--cream-2));border:2px solid var(--wood-1);border-radius:var(--r-m);box-shadow:inset 0 2px #ffffffb3;cursor:pointer}.volume-icon{font-size:18px;line-height:1;text-align:center}.volume-name{color:var(--ink);font-weight:800;white-space:nowrap}.volume-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;cursor:pointer;background:transparent}.volume-row input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(to right,var(--wood-3) 0 var(--fill, 0%),rgba(140,83,24,.18) var(--fill, 0%) 100%)}.volume-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-4px;border-radius:50%;background:var(--cream);border:2px solid var(--wood-3);box-shadow:0 1px 2px #321c0459}.volume-row input[type=range]::-moz-range-track{height:10px;border-radius:999px;background:#8c53182e}.volume-row input[type=range]::-moz-range-progress{height:10px;border-radius:999px;background:var(--wood-3)}.volume-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--cream);border:2px solid var(--wood-3);box-shadow:0 1px 2px #321c0459}.volume-row input[type=range]:focus-visible{outline:2px solid var(--sun-2);outline-offset:3px}.volume-value{color:var(--ink);font-weight:900;font-variant-numeric:tabular-nums;text-align:right}.volume-value.is-muted{color:var(--ink-soft)}.table-control-row{position:absolute;left:50%;bottom:clamp(190px,30vh,300px);z-index:10;display:flex;align-items:center;gap:18px;transform:translate(-50%)}.turn-clock{position:relative;display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px}.turn-clock img{width:100%;height:100%}.turn-clock-num{position:absolute;top:54%;left:50%;min-width:30px;padding:1px 6px 2px;transform:translate(-50%,-50%);border-radius:999px;background:#fff6e0d1;color:var(--ink);font-size:21px;font-weight:900;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.6)}.turn-clock.is-low .turn-clock-num{color:#d23b2e}.turn-clock.is-wobble{animation:clock-wobble .22s ease-in-out infinite}@keyframes clock-wobble{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.table-settled-dock{position:absolute;left:50%;bottom:clamp(118px,17vh,150px);z-index:10;display:flex;align-items:center;gap:18px;transform:translate(-50%)}.table-replay-dock{position:absolute;left:50%;bottom:14px;z-index:10;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#4626068c;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:translate(-50%)}.table-replay-dock .table-chip{min-height:32px;padding:4px 12px}h1,h2{margin:0}h2{font-size:16px}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:#f5f1e6ad;font-size:12px}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.section-heading button{padding:8px 12px}.room-list{display:grid;gap:8px}.room-row{display:grid;align-items:center;gap:10px;width:100%;text-align:left}.room-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.round-history,.replay-list,.ledger-list{display:grid;gap:8px}.history-row,.replay-row,.ledger-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:2px solid var(--wood-1);border-radius:var(--r-m)}.history-row{width:100%;color:var(--ink);text-align:left}.history-row:hover,.replay-row:hover{border-color:var(--sun-2)}.history-row[data-selected=true],.replay-row[data-selected=true]{border-color:var(--sun-2);box-shadow:0 0 0 3px #ffb3004d}.history-row div,.ledger-row div{display:grid;min-width:0;gap:3px}.history-row strong,.replay-row strong,.ledger-row strong{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px}.history-row span,.replay-row span,.ledger-row span{overflow:hidden;color:var(--ink-soft);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.history-row em,.ledger-row em{color:#d8820c;font-size:13px;font-style:normal;font-weight:800}.replay-row{width:100%;grid-template-columns:52px minmax(0,1fr);color:var(--ink);text-align:left}.replay-row em{grid-column:2;color:var(--ink-soft);font-size:11px;font-style:normal;font-weight:500}.replay-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.replay-controls button{color:#fff;font-weight:900;text-shadow:0 1px 0 rgba(0,0,0,.2);background:linear-gradient(180deg,var(--grass-1),var(--grass-3));border-radius:999px;box-shadow:0 3px 0 var(--grass-edge)}.replay-controls button:disabled{filter:grayscale(.6)}.step-counter{color:var(--ink-soft);font-size:12px;font-weight:800}.empty-state{margin:0;color:var(--ink-soft);font-size:13px;font-weight:700}.game-host{min-width:0;min-height:0;background:#0e1713}.loading-host{display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800}@media(max-width:1080px){.lobby-screen{grid-template-rows:auto minmax(420px,1fr);overflow:auto}.lobby-stage{min-height:420px}.stage-mascot{width:min(30vw,200px)}}@media(max-width:720px){.auth-screen,.lobby-screen{padding:14px}.auth-mascot{display:none}.stage-mascot{width:34vw;opacity:.92}.stage-logo{width:min(300px,72vw)}.player-plate strong{max-width:90px}.feature-bar{position:static;justify-content:center;margin-top:6px}.table-control-row{gap:12px}.bot-think{top:30%}.bot-think--left{left:4%}.bot-think--right{right:4%}.bot-think-preview{grid-template-columns:26px minmax(0,1fr) auto;width:min(320px,44vw);min-height:54px;padding:10px 10px 9px}.bot-think--left .bot-think-preview:after{left:54px}.bot-think--right .bot-think-preview:after{right:54px}.bot-think-ai-mark{width:26px;height:26px;font-size:10px}.bot-think-preview-name{display:none}.bot-think-card{width:min(460px,92vw)}.lobby-hud{flex-wrap:wrap}}:root[data-theme=pixel] .player-plate,:root[data-theme=pixel] .coin-chip,:root[data-theme=pixel] .table-chip,:root[data-theme=pixel] .room-medal,:root[data-theme=pixel] .room-enter,:root[data-theme=pixel] .modal-close,:root[data-theme=pixel] .player-plate img{border-radius:4px}:root[data-theme=pixel] .feature-icon{border-radius:4px;background:var(--cream);box-shadow:0 4px 0 var(--wood-3),inset 0 3px #ffffff80,inset -3px -3px #0000001f}:root[data-theme=pixel] .table-chip{background:var(--cream)}.match-bar{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:5px 8px 5px 18px;color:#fff;font-weight:900;white-space:nowrap;background:linear-gradient(180deg,var(--sun-1),var(--sun-3));border:2px solid #fff3c2;border-radius:999px;box-shadow:0 3px 0 var(--sun-edge),0 8px 16px #4626064d}.match-bar-text{font-size:16px;letter-spacing:2px;text-shadow:0 2px 0 rgba(0,0,0,.22)}.match-bar-meta{font-size:12px;font-weight:700;letter-spacing:1px;opacity:.92}:root[data-theme=pixel] .match-bar{border-radius:4px;background:var(--sun-2);box-shadow:0 4px 0 var(--sun-edge),inset 0 3px #fff3}@media(max-width:720px){.match-bar{position:static;transform:none;order:9;flex-basis:100%;justify-content:center}}.match-dots{display:inline-block;width:1.2em;overflow:hidden;text-align:left;vertical-align:bottom}.match-dots:after{content:"…";display:inline-block;animation:match-dots 1.2s steps(4,end) infinite;overflow:hidden;vertical-align:bottom}@keyframes match-dots{0%{width:0}to{width:1.2em}}