:root{--ink: #10221b;--muted: #5f7169;--paper: #dcefd8;--panel: #fbfff8;--surface: #f4fbef;--surface-strong: #ecf7e6;--line: #b9cfb1;--accent: #176f5c;--accent-dark: #0d4e41;--danger: #a73535;--good: #1f7a4d;--identity: #17181c;--innocent: #cbe8c7;--innocent-line: #6ca565;--clear: #cfebf1;--clear-line: #6fa8b5;--dead: #d79a9a;--dead-line: #9f5555;--suspect: #ead889;--suspect-line: #a98b16;--action-ring: #c88700;--action-aura: rgba(220, 145, 0, .72);--choice-aura: rgba(41, 139, 84, .55);--shadow: 0 18px 50px rgba(20, 48, 34, .16)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.shell{min-height:100vh;padding:24px}.lobby-shell{display:grid;place-items:center}.lobby-panel,.side-panel,.challenge-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.lobby-panel{display:grid;gap:18px;width:min(520px,calc(100vw - 32px));padding:28px}.deck-lobby-panel{display:grid;gap:14px;width:min(1180px,calc(100vw - 32px));max-height:calc(100vh - 48px)}.deck-picker-window{display:grid;grid-template-rows:auto auto auto 1fr;gap:14px;min-height:0;max-height:calc(100vh - 150px);padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.deck-picker-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.deck-header-actions{display:flex;align-items:center;gap:10px}.deck-counter{min-width:72px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--accent);font-size:1.15rem;font-weight:900}.deck-picker-actions{display:flex;gap:10px;flex-wrap:wrap}.deck-tile-scroll{min-height:0;overflow:auto;padding:4px 6px 4px 0}.deck-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,148px);align-content:start;gap:8px}.deck-tile{width:148px;min-height:34px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer;font-size:.88rem;font-weight:800;text-align:left}.deck-tile span{display:block;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-tile:hover:not(:disabled),.deck-tile.selected{border-color:var(--accent);background:#e3f3ef}.deck-tile.selected{box-shadow:inset 0 0 0 2px var(--accent)}.deck-tile:disabled{cursor:not-allowed;opacity:.58}.deck-tile.selected:disabled{opacity:1}.lobby-status-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.lobby-status-player{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 8px 24px #1430221a}.lobby-status-player span{color:var(--muted);font-size:.88rem;font-weight:800}.lobby-status-player.ready{border-color:#a8d5bf;background:#e3f4df}.wide-panel{width:min(760px,calc(100vw - 32px))}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.08}h2{margin-bottom:0;font-size:1.3rem}.muted{color:var(--muted)}label{display:grid;gap:6px;color:var(--muted);font-size:.88rem;font-weight:700}.login-form{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong)}.identity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#e3f4df}.identity-row span{display:block;color:var(--muted);font-size:.8rem;font-weight:800}.identity-row strong{display:block;margin-top:2px}.switch-control{display:inline-flex;grid-template-columns:none;align-items:center;gap:10px;cursor:pointer}.switch-control input{width:18px;min-height:18px;accent-color:var(--accent)}input,select{min-height:44px;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 12px}.button-row,.join-row,.player-row,.board-toolbar{display:flex;gap:10px}.join-row input{text-transform:uppercase}.primary-button,.secondary-button,.plain-button{min-height:44px;border-radius:6px;border:1px solid var(--line);padding:0 16px;cursor:pointer;font-weight:800}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.secondary-button,.plain-button{background:var(--surface);color:var(--ink)}.primary-button:disabled,.secondary-button:disabled,.action-button:disabled{cursor:not-allowed;opacity:.55}.error{color:var(--danger);font-weight:700}.player-list,.case-log,.action-list,.hand-panel{display:grid;gap:8px}.player-row{justify-content:space-between;border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:var(--surface)}.secret-card,.mini-secret{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:center}.secret-card strong{font-size:1.5rem}.secret-card span,.mini-secret span{color:var(--muted);font-weight:700}.game-shell{display:grid;grid-template-columns:320px 1fr;gap:24px}.side-panel{min-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:20px;padding:22px}.meter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.meter-grid div{border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--surface)}.meter-grid span{display:block;color:var(--muted);font-size:.78rem}.meter-grid strong{display:block;margin-top:4px;font-size:1.2rem}.action-button{display:grid;align-items:center;min-height:48px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;padding:0 14px}.action-button.selected{border-color:var(--accent);background:#dff1ea}.action-item{display:grid;gap:8px}.action-confirm{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.action-confirm p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.35}.action-confirm .action-warning{color:var(--bad);background:#fbe7e5;border:1px solid #e7aaa5;border-radius:6px;padding:8px}.confirm-row,.game-over-actions{display:flex;gap:8px;flex-wrap:wrap}.confirm-row .primary-button,.confirm-row .secondary-button{min-height:36px;padding:0 12px}.disabled-tooltip{display:inline-flex}.wide{width:100%}.case-log{margin-top:auto}.case-log p{margin:0;padding:10px;border-radius:6px;background:var(--surface-strong);color:var(--muted);font-size:.9rem;line-height:1.35}.case-log .good{color:var(--good);background:#e3f4df}.case-log .bad{color:var(--danger);background:#f9e6e4}.board-area{min-width:0}.board-toolbar{align-items:flex-start;justify-content:space-between;margin-bottom:16px}.turn-pill{min-height:36px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);padding:0 12px;font-size:.86rem;font-weight:800}.word-board-wrap{position:relative}.word-board{display:grid;grid-template-columns:repeat(5,minmax(104px,1fr));gap:10px}.word-board-wrap.is-shifting{pointer-events:none}.word-board-animation-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.word-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:118px;padding:18px 10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);box-shadow:0 6px 18px #14302217;cursor:default;overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.word-card.is-moving{z-index:2;transition:transform .3s cubic-bezier(.22,.8,.22,1),border-color .16s ease,box-shadow .16s ease}.word-card.is-animation-hidden{visibility:hidden}.word-card.word-card-overlay{position:absolute;margin:0;pointer-events:none}.word-card.is-wrap-card{z-index:4}.shift-phase-wrap .word-card.is-wrap-card{transition-duration:.46s,.16s,.16s}.word-board-wrap.is-shifting .word-card{cursor:default}.word-card:disabled{opacity:1}.word-card.is-clickable{cursor:pointer}.word-board-wrap:not(.is-shifting) .word-card.is-clickable:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px #14302226}.word-card strong{overflow-wrap:anywhere;font-size:1.15rem;line-height:1.15;text-align:center}.word-card em{margin-top:8px;color:var(--muted);font-size:.82rem;font-style:normal;text-align:center}.word-status,.board-index{position:absolute;top:8px;font-size:.68rem;font-weight:800}.word-status{left:8px;padding:3px 6px;border-radius:4px;background:#fbfff8d6;color:var(--muted);text-transform:uppercase}.board-index{right:8px;color:#9a9285}.word-card.dead{background:var(--dead);border-color:var(--dead-line);color:#2a1717}.word-card.innocent{background:var(--innocent);border-color:var(--innocent-line)}.word-card.clear{background:var(--clear);border-color:var(--clear-line)}.word-card.suspect{background:var(--suspect);border-color:var(--suspect-line)}.word-card.is-secret-card{background:var(--identity);border-color:var(--identity);color:#f6f3ea}.word-card.is-secret-card em,.word-card.is-secret-card .board-index{color:#c8c3b8}.word-card.is-secret-card .word-status{background:#f6f3ea;color:var(--identity)}.word-card.is-inspector-hand{border-color:#111318;box-shadow:inset 0 0 0 2px #111318,0 6px 18px #14302217}.word-card.has-action-aura{box-shadow:inset 0 0 0 3px var(--action-ring),0 0 5px 1px var(--action-aura),0 6px 18px #14302217}.word-card.is-inspector-hand.has-action-aura{box-shadow:inset 0 0 0 2px #111318,inset 0 0 0 5px var(--action-ring),0 0 5px 1px var(--action-aura),0 6px 18px #14302217}.word-card.is-first-choice{box-shadow:0 0 0 4px #599a5f57,0 0 24px 8px var(--choice-aura),0 6px 18px #14302217}.word-card.is-shift-source{z-index:3;border-color:#111318;box-shadow:inset 0 0 0 3px var(--action-ring),0 0 5px 1px var(--action-aura),0 6px 18px #14302217}.shift-pad{position:absolute;top:30px;right:16px;bottom:16px;left:16px;display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);place-content:center;gap:3px;border-radius:8px;background:#fffdfad1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shift-arrow{display:grid;place-items:center;border:1px solid #111318;border-radius:999px;background:var(--panel);color:#111318;cursor:pointer;font-size:1rem;font-weight:900;line-height:1}.shift-arrow:hover{background:var(--suspect)}.shift-up{grid-column:2;grid-row:1}.shift-left{grid-column:1;grid-row:2}.shift-right{grid-column:3;grid-row:2}.shift-down{grid-column:2;grid-row:3}.hand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hand-card{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer;text-align:center}.hand-card strong{overflow-wrap:anywhere;font-size:1.35rem}.hand-card span{color:var(--muted);font-weight:700}.challenge-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1113188c;z-index:20}.challenge-panel{width:min(480px,100%);padding:24px}.challenge-panel h2{font-size:2.1rem;overflow-wrap:anywhere}.translation-options{display:grid;gap:10px;margin:18px 0}.translation-options button{min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer;font-weight:800}.plain-button{width:100%}@media (max-width: 900px){.game-shell{grid-template-columns:1fr}.side-panel{min-height:0}.word-board{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width: 560px){.shell{padding:12px}.word-board,.hand-grid,.meter-grid{grid-template-columns:1fr}}