:root{--gold: #e5af3c;--gold-light: #edc778;--gold-dark: #9d7115;--silvan: #9fab74;--silvan-light: #bdc59f;--silvan-dark: #656f43;--brown: #8a774d;--brown-light: #bbaa85;--brown-dark: #72623f;--neutral: #bebabd;--neutral-light: #c6c2c5;--neutral-dark: #80797e;--blackout: #242224;--danger: #b3392a;--danger-dark: #8c2c20;--ink: #241f18;--paper: #f6f1e7;--panel: #efe6d2;--line: #ddd4c2;--room-code: #007aff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif}#root{min-height:100vh}.display{font-family:Big Shoulders Display,system-ui,sans-serif;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.app-shell{max-width:1040px;margin:0 auto;padding:clamp(14px,4vw,24px);min-height:100vh}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none;color:#fff}.row{display:flex;align-items:center;gap:10px}.header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.btn{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:13.5px;border-radius:8px;height:38px;padding:0 15px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:opacity .12s}.btn:hover{opacity:.85}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-outline{background:transparent;border:1.5px solid var(--brown-dark);color:var(--brown-dark)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-danger{background:transparent;border:1.5px solid var(--danger);color:var(--danger-dark)}.icon{width:16px;height:16px;flex:none}.section-label{font-size:12px;color:#8a8072;text-transform:uppercase;letter-spacing:.06em}.caption{font-size:13px;color:#6b6255;line-height:1.5}.profile-block{display:flex;flex-direction:column;gap:16px}.field-label{font-size:14.5px;font-weight:500;color:var(--ink)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0;border:none;background:transparent;font:inherit;text-align:left;cursor:pointer}.toggle-text{display:flex;flex-direction:column}.toggle-text .caption{line-height:1.25}.switch-track{position:relative;flex:none;width:44px;height:26px;border-radius:13px;border:1.5px solid var(--brown-dark);background:var(--paper);transition:background .15s,border-color .15s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:var(--brown-dark);transition:transform .15s,background .15s}.toggle-row[aria-checked=true] .switch-track{background:var(--ink);border-color:var(--ink)}.toggle-row[aria-checked=true] .switch-track:after{transform:translate(18px);background:var(--paper)}.toggle-row:focus-visible .switch-track{outline:2px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion: reduce){.switch-track,.switch-track:after{transition:none}}.field{border:1.5px solid var(--brown-dark);border-radius:8px;padding:9px 13px;font-size:14px;background:var(--paper);color:var(--ink);font-family:inherit}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#241f1880;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.dialog{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;width:min(300px,calc(100vw - 32px));box-shadow:0 12px 28px #241f1847}.pair-row{display:flex;gap:20px;align-items:flex-start}.team-pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:7px;font-size:15px}.team-head{display:flex;flex-direction:column;gap:6px;width:102px}.persona-pick{display:flex;align-items:center;gap:12px;height:auto;padding:8px 10px;justify-content:flex-start;font-size:14px}.member-list{display:flex;flex-direction:column;gap:10px}.player-ava{position:relative;flex:none;display:inline-flex}.player-name{font-size:13px;min-width:0;overflow-wrap:anywhere}.ava-badge,.seat-x{width:12px;height:12px;border-radius:50%;background:var(--panel);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0}.ava-badge{position:absolute;right:-4px}.ava-badge-top{top:-3px}.ava-badge-bottom{bottom:-3px}.ava-badge svg{width:8px;height:8px;display:block}.seat-x{position:relative;cursor:pointer;margin-left:-5px}.seat-x svg{width:6px;height:6px;display:block}.seat-x:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.seat-x:hover{background:var(--paper)}.player-offline .avatar{filter:grayscale(1);opacity:.45}.player-offline .player-name{color:#8a8072}.select-field{border:1.5px solid var(--brown-dark);border-radius:8px;padding:8px 10px;font-size:13.5px;background:var(--paper);color:var(--ink);font-family:inherit}.turnbar{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.turnbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.turn-status{min-width:0;font-size:17px;font-weight:600;line-height:1.25;color:var(--ink);overflow-wrap:anywhere}.turn-status.wait{font-size:13px;font-weight:400;color:#6b6255}.turn-status.offline{font-size:14px;color:var(--danger)}.blurred{filter:blur(4px);-webkit-user-select:none;user-select:none}.turnbar.announcing>.turnbar-row{visibility:hidden}.turn-banner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 14px;font-weight:700;font-size:18px;line-height:1.2;color:var(--ink)}.turn-banner.blink{animation:turnBannerBlink 433ms ease-in-out 3}@keyframes turnBannerBlink{0%,to{opacity:1}50%{opacity:.12}}@media (prefers-reduced-motion: reduce){.turn-banner.blink{animation:none}}.mode-chip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:12px;border:1px solid var(--line);background:var(--panel);font-size:11.5px;font-weight:600;color:var(--ink);white-space:nowrap}button.mode-chip{font-family:inherit;cursor:pointer}button.mode-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}button.mode-chip[aria-expanded=true]{border-color:var(--brown-dark)}.chip-wrap{position:relative}.chip-menu{position:absolute;top:30px;left:0;z-index:20;min-width:150px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 20px #241f182e;padding:4px;display:flex;flex-direction:column}.chip-menu.right{left:auto;right:0}.chip-opt{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 6px;border:0;border-radius:7px;background:transparent;font:500 13.5px IBM Plex Sans,sans-serif;color:var(--ink);text-align:left;cursor:pointer;white-space:nowrap}.chip-opt:hover{background:var(--panel)}.chip-opt:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.chip-opt .tick{width:16px;flex:none;text-align:center;font-size:12px}.chip-opt[aria-checked=true]{font-weight:700}.room-card{display:flex;flex-direction:column;gap:4px;cursor:pointer}.room-main{background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0}.access-list{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel)}.pick-row{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 8px;border:0;border-radius:8px;background:transparent;font:400 13.5px IBM Plex Sans,sans-serif;color:var(--ink);text-align:left;cursor:pointer}.pick-row:hover{background:var(--panel)}.pick-row:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.pick-role{margin-left:auto;font-size:12px;color:var(--muted)}.turn-clock{display:inline-flex;align-items:baseline;margin-left:auto;white-space:nowrap;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600;font-size:20px;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);transition:color .2s ease}.turn-clock-slot{display:inline-flex;align-items:baseline;justify-content:center;width:1ch}.turn-clock-minus{font-size:.8em}.turn-clock-pause{display:inline-flex;gap:.14em;height:.62em}.turn-clock-pause i{width:.14em;background:currentColor;border-radius:1px}.turn-clock.red{color:var(--danger)}.turn-clock.paused{color:#6b6255}.turn-clock.paused.red{color:color-mix(in srgb,var(--danger) 55%,var(--paper))}@keyframes turnClockFlicker{0%,to{opacity:1}50%{opacity:.55}}.turn-clock.red:not(.paused){animation:turnClockFlicker 1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.turn-clock.red:not(.paused){animation:none}}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:var(--paper);border:1px solid var(--line);font-size:11.5px;font-weight:600;transition:background .24s ease,border-color .24s ease,color .24s ease}.board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tile{position:relative;height:clamp(42px,12vw,64px);border-radius:9px;padding:0;background:none;text-align:center;cursor:pointer;border:none;font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;perspective:600px}.tile-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;transform-style:preserve-3d}.tile-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tile.flipping .tile-face.front{transform:rotateY(180deg)}.tile-face.back{background:linear-gradient(135deg,var(--brown-light) 0%,var(--brown) 55%,var(--brown-dark) 100%);border:1px solid var(--brown-dark);color:#3a2d18}.tile-face.pass{background:var(--brown-dark);border:1px solid var(--brown-dark);color:var(--paper)}.tile-face.golden{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 55%,var(--gold-dark) 100%);border:1px solid var(--gold-dark);color:#3f2d08}.tile-face.silvan{background:linear-gradient(135deg,var(--silvan-light) 0%,var(--silvan) 55%,var(--silvan-dark) 100%);border:1px solid var(--silvan-dark);color:#282c1a}.tile-face.neutral{background:linear-gradient(135deg,var(--neutral-light) 0%,var(--neutral) 55%,var(--neutral-dark) 100%);border:1px solid var(--neutral-dark);color:#3a3538}.tile-face.blackout{background:linear-gradient(135deg,#47444a 0%,var(--blackout) 55%,#121112 100%);border:1px solid #100f10;color:#e8c877}.tile.opened{cursor:default}.tile.opened .tile-face{opacity:.4}.tile.marked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--ink);border-radius:9px;pointer-events:none}.tile:disabled{cursor:default}.tile .word{font-family:Big Shoulders Display,system-ui,sans-serif;font-weight:800;letter-spacing:.01em;text-transform:uppercase;font-size:clamp(9px,2.7vw,13px);min-width:0;max-width:100%;overflow-wrap:anywhere}.card-symbol{position:absolute;left:50%;top:-.5px;transform:translate(-50%);width:18px;height:18px;opacity:.88;pointer-events:none}.marks-row{position:absolute;bottom:4px;right:4px;display:flex;flex-direction:row-reverse}.marks-row .avatar{width:16px;height:16px;font-size:8px;margin-left:-6px;border:1.5px solid var(--paper);pointer-events:none;-webkit-touch-callout:none}.hold-clip{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;overflow:hidden;pointer-events:none}.hold-bar{position:absolute;left:0;top:0;height:7px;width:0%;background:var(--ink);opacity:.6}.tile.holding .hold-bar{animation:holdfill 2s linear forwards}@keyframes holdfill{0%{width:0%}to{width:100%}}.tile.flipping,.tile.lifting{z-index:5}.tile.flipping .tile-inner{animation:cardflip 1.3s linear both}.tile.lifting .tile-inner{animation:cardlift 1.3s linear both}@keyframes cardflip{0%{transform:translateY(0) scale(1) rotateY(0);box-shadow:0 0 0 transparent;animation-timing-function:cubic-bezier(.37,0,.63,1)}26.92%{transform:translateY(-7px) scale(1.14) rotateY(0);box-shadow:0 14px 22px #241f1847;animation-timing-function:cubic-bezier(.45,.05,.35,1)}73.08%{transform:translateY(-7px) scale(1.14) rotateY(180deg);box-shadow:0 14px 22px #241f1847;animation-timing-function:cubic-bezier(.37,0,.63,1)}to{transform:translateY(0) scale(1) rotateY(180deg);box-shadow:0 0 0 transparent}}@keyframes cardlift{0%{transform:translateY(0) scale(1);box-shadow:0 0 0 transparent;animation-timing-function:cubic-bezier(.37,0,.63,1)}26.92%,73.08%{transform:translateY(-7px) scale(1.14);box-shadow:0 14px 22px #241f1847;animation-timing-function:cubic-bezier(.37,0,.63,1)}to{transform:translateY(0) scale(1);box-shadow:0 0 0 transparent}}@media (prefers-reduced-motion: reduce){.tile.flipping .tile-inner,.tile.lifting .tile-inner{animation:none}.tile.flipping .tile-inner{transform:rotateY(180deg)}}.tile.shaking{animation:tileshake .4s linear}@keyframes tileshake{0%,25%,50%,75%,to{transform:translate(0)}12.5%,62.5%{transform:translate(-2px)}37.5%,87.5%{transform:translate(2px)}}.own-frame{--t-light: var(--neutral-light);--t-mid: var(--neutral);--t-dark: var(--neutral-dark);--t-ink: #3a3538;position:relative;margin-top:12px;padding:23px 10px 10px;border:2px solid var(--t-dark);border-radius:14px}.own-frame.golden{--t-light: var(--gold-light);--t-mid: var(--gold);--t-dark: var(--gold-dark);--t-ink: #3f2d08}.own-frame.silvan{--t-light: var(--silvan-light);--t-mid: var(--silvan);--t-dark: var(--silvan-dark);--t-ink: #1c2013}.own-label{position:absolute;top:-13px;left:14px;max-width:calc(100% - 28px);height:26px;padding:0 12px;border-radius:8px;background:linear-gradient(135deg,var(--t-light),var(--t-mid) 60%,var(--t-dark));border:2px solid var(--t-dark);color:var(--t-ink);font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:22px}.tile.golden{--flash-ring: #fff3c9;--flash-glow: rgba(229, 175, 60, .95)}.tile.silvan{--flash-ring: #f0f6da;--flash-glow: rgba(143, 158, 92, .95)}.tile.own-flash{animation:ownflash 1.3s ease-in-out}@keyframes ownflash{0%,to{transform:none;box-shadow:0 0 0 0 transparent;filter:none;z-index:0}19%,58%{transform:scale(1.07);box-shadow:0 0 0 2px var(--flash-ring),0 0 18px 5px var(--flash-glow);filter:brightness(1.12) saturate(1.15);z-index:3}}@media (prefers-reduced-motion: reduce){.tile.own-flash{animation:none}}.clue-cols{display:flex;gap:24px;align-items:flex-start}.clue-chip{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#8a8072}.clue-chip.current{color:var(--ink)}.clue-chip .word{opacity:.6;font-size:12.5px}.clue-chip.current .word{opacity:1}.opt-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:0;border-radius:8px;border:1.5px solid var(--brown-dark);color:var(--brown-dark);font-family:Big Shoulders Display,system-ui,sans-serif;font-weight:800;font-size:16px;height:40px;cursor:pointer;background:transparent}.opt-btn.sel{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (max-width: 640px){.panel{padding:12px}.tile-face{padding:6px 2px}.tile .word{font-size:9.6px}.card-symbol{width:14px;height:14px}.own-frame{padding:19px 7px 7px;border-radius:11px}.own-label{top:-12px;left:10px;max-width:calc(100% - 20px);height:24px;line-height:20px;font-size:11.5px}.pair-row,.clue-cols{gap:10px}}.btn-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}