:root{--deep: rgb(13, 42, 39);--forest: rgb(33, 75, 60);--green: rgb(38, 101, 77);--cream: rgb(250, 239, 211);--card: rgb(247, 240, 220);--ink: rgb(43, 45, 39);--muted: rgb(122, 118, 105);--gold: rgb(235, 171, 57);--red: rgb(215, 64, 53);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--deep);color:var(--cream);font:16px/1.45 system-ui,-apple-system,Noto Sans SC,PingFang SC,sans-serif;overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%}#app{height:100%}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:12px 18px;background:var(--green);color:var(--cream);transition:filter .12s ease,transform .12s ease;min-height:44px}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--gold);color:var(--ink);font-weight:700}button.ghost{background:#faefd31a}button.danger{background:#d74035d9}input{font:inherit;border-radius:10px;border:2px solid rgba(250,239,211,.25);background:#00000040;color:var(--cream);padding:12px 14px;min-height:44px}input:focus{outline:2px solid var(--gold);border-color:transparent}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));gap:22px}.screen h1{margin:0;font-size:clamp(26px,6vw,40px);letter-spacing:.5px}.screen .sub{margin:0;color:#faefd3ad;text-align:center}.panel{width:100%;max-width:460px;background:#ffffff0d;border:1px solid rgba(250,239,211,.12);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px}.panel h2{margin:0;font-size:17px;text-transform:uppercase;letter-spacing:1.2px;color:var(--gold)}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.game-grid button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.game-grid button.selected{background:var(--gold);color:var(--ink);font-weight:700}.game-grid small{opacity:.75;font-size:12px}.code-input{display:flex;gap:8px;justify-content:center}.code-input input{width:100%;text-align:center;font-size:clamp(22px,7vw,30px);letter-spacing:8px;text-transform:uppercase;font-variant-numeric:tabular-nums}.passcode-display{font-size:clamp(30px,9vw,46px);letter-spacing:10px;font-weight:700;color:var(--gold);text-align:center;-webkit-user-select:all;user-select:all}.error{color:#ffa89e;margin:0}.hint{color:#faefd38c;font-size:13px;margin:0}.row{display:flex;gap:10px;flex-wrap:wrap}.row.tight{gap:6px}.grow{flex:1}.table{height:100%;display:grid;grid-template-rows:auto 1fr auto}.topbar{display:flex;align-items:center;gap:12px;padding:calc(10px + var(--safe-top)) 14px 10px;background:#00000047}.topbar .title{font-weight:700}.topbar .code{margin-left:auto;font-family:ui-monospace,monospace;letter-spacing:3px;color:var(--gold)}.topbar .icon{padding:6px 9px;font-size:16px;line-height:1;min-width:38px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.status-dot.ok{background:#6ed68d}.status-dot.warn{background:var(--gold)}.status-dot.bad{background:var(--red)}.play-area{display:grid;min-height:0}@media (min-width: 900px) and (min-aspect-ratio: 1/1){.play-area{grid-template-columns:1fr 300px}.side{border-left:1px solid rgba(250,239,211,.12)}}@media not all and (min-width: 900px) and (min-aspect-ratio: 1/1){.play-area{grid-template-rows:1fr auto}.side{border-top:1px solid rgba(250,239,211,.12);max-height:34vh;overflow-y:auto}.seat-strip{display:flex;overflow-x:auto;gap:8px}.seat-strip .seat{min-width:46%}}.board-wrap{position:relative;min-height:0;min-width:0;padding:10px}canvas.board{width:100%;height:100%;display:block;touch-action:none}.side{padding:12px;display:flex;flex-direction:column;gap:12px}.seat{border-radius:12px;padding:10px 12px;background:#ffffff0f;border:2px solid transparent;display:flex;align-items:center;gap:10px}.seat.turn{border-color:var(--gold)}.seat.speaking{box-shadow:0 0 0 3px #6ed68d8c}.seat .who{display:flex;flex-direction:column;min-width:0}.seat .who strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat .who small{color:#faefd399}.seat .level{margin-left:auto;display:flex;align-items:flex-end;gap:2px;height:18px}.seat .level i{width:3px;background:#6ed68d;border-radius:2px;height:3px}.chip{font-size:12px;padding:2px 8px;border-radius:999px;background:#0000004d}.chip.you{background:var(--gold);color:var(--ink);font-weight:700}.voice-block{display:flex;flex-direction:column;gap:8px}.ptt{background:var(--forest);border:2px solid rgba(250,239,211,.2);font-weight:700}.ptt.live{background:var(--red);border-color:#ffbeb6}.mode-toggle{display:flex;gap:6px}.mode-toggle button{flex:1;padding:8px;font-size:13px}.mode-toggle button.on{background:var(--gold);color:var(--ink);font-weight:700}.bottombar{display:flex;gap:8px;padding:10px 14px calc(10px + var(--safe-bottom));background:#00000047;align-items:center}.bottombar .status{margin-right:auto;font-size:14px;color:#faefd3cc}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#061412d1;display:grid;place-items:center;padding:20px;z-index:10}.overlay .card{background:var(--forest);border:1px solid rgba(250,239,211,.18);border-radius:18px;padding:26px;max-width:400px;width:100%;text-align:center;display:flex;flex-direction:column;gap:14px}.overlay h2{margin:0;font-size:26px}.overlay .result{color:var(--gold);font-size:20px;font-weight:700}.mode-toggle.lang{justify-content:flex-end;margin:-4px 0 12px}.mode-toggle.lang button{flex:0 0 auto;padding:6px 14px;font-size:13px}