:root{--bg: #0f1117;--surface: #191c24;--surface-2: #232733;--text: #eef0f5;--text-dim: #98a0ae;--primary: #6d5efc;--primary-press: #5a4be0;--accent: #e6b23a;--danger: #ff5d73;--ok: #37c98f;--border: rgba(255, 255, 255, .09);--shadow: 0 6px 20px rgba(0, 0, 0, .28);--radius: 16px;--radius-sm: 12px;--tap: 52px;color-scheme:dark}:root[data-theme=light]{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f1f4;--text: #14161f;--text-dim: #5c6270;--primary: #6d5efc;--primary-press: #5a4be0;--accent: #c98600;--danger: #e0405a;--ok: #12a074;--border: rgba(20, 22, 32, .1);--shadow: 0 4px 16px rgba(30, 35, 60, .08);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}input,textarea{user-select:text;-webkit-user-select:text}#app{min-height:100%}.screen{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.screen-body{flex:1;padding:16px 18px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(var(--tap),auto) 1fr minmax(var(--tap),auto);align-items:center;gap:6px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--border)}.topbar-actions{gap:2px}.icon-btn.danger-ink{color:var(--danger)}.topbar-title{font-size:18px;margin:0;text-align:center;font-weight:650;letter-spacing:-.2px}.topbar-actions{display:flex;justify-content:flex-end}.btn{min-height:var(--tap);padding:0 20px;border:0;border-radius:999px;font-size:16px;font-weight:650;cursor:pointer;color:#fff;background:var(--primary);letter-spacing:.1px;transition:transform .06s ease,filter .15s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 26%,transparent)}.btn-primary:active{background:var(--primary-press)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-full{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.icon-btn{min-width:var(--tap);height:var(--tap);border:0;background:transparent;color:var(--text);font-size:26px;line-height:1;border-radius:14px;cursor:pointer;transition:background .15s ease}.icon-btn{display:grid;place-items:center}.icon-btn.ghost{visibility:hidden}.icon-btn .icon{width:24px;height:24px;display:block}.icon-btn:active{background:var(--surface-2)}.link-btn{align-self:flex-start;background:none;border:0;color:var(--primary);font-size:15px;font-weight:650;padding:8px 0;cursor:pointer}:root:not([data-theme=light]) .link-btn{color:#b9b0ff}.round-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:22px;cursor:pointer;display:grid;place-items:center}.round-btn:active{background:var(--primary);color:#fff}:root{--num-ghost: rgba(238, 240, 245, .13);--pan: .6s;--pan-ease: cubic-bezier(.4, 0, .18, 1)}:root[data-theme=light]{--num-ghost: rgba(20, 22, 31, .13)}.hub{position:relative;height:100vh}.hub-header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 18px 6px}.wordmark{font-weight:800;letter-spacing:4px;font-size:17px}.arc-stage{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.arc-stage:active{cursor:grabbing}.arc-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.arc-line{fill:none;stroke:color-mix(in srgb,var(--text) 16%,transparent);stroke-width:1.5}.arc-host .arc-stage{flex:1}.arc-stage.right .arc-info{left:auto;right:calc(100% + 18px);text-align:right}.arc-stage.right .arc-desc{left:auto;right:0}.game-home-title{font-size:15px}.arc-item{position:absolute;transform:translate(-50%,-50%);background:none;border:0;padding:0;margin:0;cursor:pointer;will-change:left,top,opacity,transform}.arc-stage:not(.dragging) .arc-item{transition:left var(--pan) var(--pan-ease),top var(--pan) var(--pan-ease),opacity var(--pan) ease,transform var(--pan) var(--pan-ease)}.arc-num{font-size:clamp(56px,17vw,88px);font-weight:800;letter-spacing:-3px;line-height:1;color:var(--num-ghost);transition:color .3s ease}.arc-item.on .arc-num{color:var(--text)}.arc-lead{display:grid;place-items:center}.arc-badge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1.5px solid color-mix(in srgb,var(--text) 22%,transparent);color:var(--text-dim);transition:color .3s ease,border-color .3s ease}.arc-badge .icon{width:26px;height:26px}.arc-item.on .arc-badge{color:var(--text);border-color:color-mix(in srgb,var(--text) 60%,transparent)}.arc-info{position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(calc(-50% - var(--desc-h, 0px) / 2 * var(--near, 0)));text-align:left;width:max-content;max-width:46vw}.arc-name{font-size:20px;font-weight:750;letter-spacing:-.3px;color:var(--text);white-space:nowrap}.arc-desc{position:absolute;top:calc(100% + 5px);left:0;right:auto;width:46vw;font-size:14px;color:var(--text-dim);line-height:1.35;opacity:var(--near, 0);transform:translateY(calc(3px * (1 - var(--near, 0))));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.arc-stage:not(.dragging) .arc-info,.arc-stage:not(.dragging) .arc-desc{transition:transform var(--pan) var(--pan-ease),opacity var(--pan) ease}.steps{margin:14px auto 0;padding:0;list-style:none;counter-reset:step;width:max-content;max-width:100%;text-align:left}.steps li{counter-increment:step;margin:0 0 9px;padding-left:1.6em;text-indent:-1.6em;line-height:1.45}.steps li:last-child{margin-bottom:0}.steps li:before{content:counter(step) ".";display:inline-block;width:1.6em;text-indent:0;color:var(--text-dim);font-weight:650}.update-bar{position:absolute;z-index:5;left:50%;bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);font-size:14px;font-weight:600;white-space:nowrap;opacity:0;transform:translate(-50%,28px);visibility:hidden;pointer-events:none;transition:opacity .26s ease,transform .34s cubic-bezier(.22,.61,.36,1),visibility 0s linear .34s}.update-bar.on{opacity:1;transform:translate(-50%);visibility:visible;pointer-events:auto;transition:opacity .26s ease,transform .34s cubic-bezier(.22,.61,.36,1),visibility 0s}.update-bar .btn{padding:7px 16px;font-size:13px}.canvas.docked .update-bar{bottom:calc(var(--dock) + 12px)}.canvas:has(.sheet-scrim.on) .update-bar.on{opacity:0;transform:translate(-50%,28px);visibility:hidden;pointer-events:none;transition:opacity .26s ease,transform .34s cubic-bezier(.22,.61,.36,1),visibility 0s linear .34s}.card-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin:0;font-weight:700}.row{display:flex;gap:10px;align-items:center}.row.space-between{justify-content:space-between}.row.stack{flex-direction:column}.center{text-align:center}.lead{font-size:17px}.small{font-size:13px}.muted{color:var(--text-dim)}.dim{opacity:.7}.error-text{color:var(--danger);font-size:14px;min-height:1em;margin:0;text-align:center}.text-input,.text-area{flex:1;width:100%;min-height:var(--tap);padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:16px;font-family:inherit}.text-input::placeholder,.text-area::placeholder{color:color-mix(in srgb,var(--text-dim) 85%,transparent)}.text-area{resize:vertical;line-height:1.45;min-height:120px}.text-input:focus,.text-area:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:15px;color:var(--text)}.chip.selectable{cursor:pointer;transition:transform .08s ease,background .15s ease}.chip.selectable:active{transform:scale(.96)}.chip.selectable.on{background:var(--primary);color:#fff;border-color:transparent}.chip-x{border:0;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.stepper-ctrl{display:flex;align-items:center;gap:12px}.stepper-val{min-width:26px;text-align:center;font-size:20px;font-weight:750}.switch{width:58px;height:33px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);position:relative;cursor:pointer;transition:background .2s ease}.switch.on{background:var(--primary);border-color:transparent}.switch-knob{position:absolute;top:3px;left:3px;width:27px;height:27px;border-radius:50%;background:#fff;transition:transform .2s cubic-bezier(.3,1.4,.5,1);box-shadow:0 2px 6px #00000059}.switch.on .switch-knob{transform:translate(25px)}.pack-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pack-name{font-weight:650}.pack-count{color:var(--text-dim);font-size:13px}.modal-actions{flex-wrap:wrap}.result-hero{text-align:center;padding:10px 0}.result-headline{font-size:27px;margin:0 0 4px;font-weight:800;letter-spacing:-.3px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000009e;display:flex;align-items:flex-end;justify-content:center;animation:fade .22s ease}:root[data-theme=light] .modal-overlay{background:#0e101c73}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.modal{width:100%;max-width:560px;max-height:88%;background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -12px 34px #0000004d;padding:4px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;overflow-y:auto;scrollbar-width:none;animation:sheet-up .34s var(--pan-ease)}.modal::-webkit-scrollbar{display:none}.modal-grip{flex:0 0 auto;align-self:center;position:relative;width:72px;height:22px;margin:0 0 2px;padding:0;border:0;background:none;cursor:pointer;touch-action:none}.modal-grip:before{content:"";position:absolute;left:18px;right:18px;top:9px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 24%,transparent)}.modal-title{margin:0;font-size:20px;font-weight:750;text-align:center}.pack-head{display:flex;align-items:center;gap:10px}.pack-head .text-input{flex:1}.pack-icon{flex:none;width:48px;height:48px;border-radius:14px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;display:grid;place-items:center;padding:0}.pack-icon .icon{width:24px;height:24px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px}.icon-cell{aspect-ratio:1;border-radius:50%;padding:0;cursor:pointer;color:var(--text);border:1.5px solid var(--border);background:var(--surface-2);display:grid;place-items:center}.icon-cell .icon{width:24px;height:24px}.icon-cell.on{border-color:transparent;background:var(--primary);color:#fff}.pack-editor .modal{max-height:88%}.pack-editor .modal-content{flex:1 1 auto;min-height:0}.pack-table{display:flex;flex-direction:column;gap:8px}.pack-row{display:flex;align-items:center;gap:8px}.pack-row .cell{flex:1;min-width:0}.pack-row.head{gap:8px;padding:0 2px}.pack-row.head .cell-label{flex:1;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.pack-row.head .cell-label:last-child{flex:0 0 36px}.pack-row.half .cell{border-color:var(--accent)}.row-drop{transition:background .2s ease,color .2s ease,border-color .2s ease}.row-drop .drop-mark{width:20px;height:20px;overflow:visible}.row-drop .bar{transform-origin:12px 12px;transition:transform .34s cubic-bezier(.22,.9,.3,1.35)}.row-drop.sure{background:var(--danger);border-color:transparent;color:#fff}.row-drop.sure .bar.a{transform:rotate(45deg) scale(.86)}.row-drop.sure .bar.b{transform:rotate(-45deg) scale(.86)}.pack-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-foot .muted{margin:0}.pack-foot .warn{color:var(--accent)}.modal-content{min-height:0}.player-card .modal{max-height:88%}.player-card .modal-content{flex:1 1 auto;min-height:0}.card-head{display:flex;align-items:center;gap:12px}.card-name{flex:1;font-size:22px;font-weight:800;letter-spacing:-.3px}.card-tools{display:flex;gap:4px}.modal-content{display:flex;flex-direction:column;gap:12px}.modal-content>p{text-align:center}.modal-actions{display:flex;gap:10px}.modal-actions>.btn{flex:1}@media (prefers-reduced-motion: reduce){.modal{animation:none}}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:12px 20px;border-radius:999px;font-size:15px;box-shadow:var(--shadow);opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:60;max-width:90%}.toast.show{opacity:1;transform:translate(-50%)}.game-root{min-height:100vh}.canvas{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.world{position:absolute;top:var(--hub-top, 0px);left:0;height:calc(100% - var(--hub-top, 0px));transition:transform var(--pan) var(--pan-ease);will-change:transform}.world-circles{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}.arc-host{position:absolute;top:0;bottom:0;display:flex;opacity:0;pointer-events:none;transition:opacity var(--pan) var(--pan-ease)}.arc-host.here{opacity:1;pointer-events:auto}.game-root{animation:game-in .4s cubic-bezier(.22,.61,.36,1) both}@keyframes game-in{0%{opacity:0;transform:translate(12%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.world{transition:none}.game-root{animation:none}}.ready-block{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;padding:20px 0}.ready-emoji{font-size:64px}.ready-steps{text-align:left;font-size:17px;line-height:1.5;padding-left:22px;display:flex;flex-direction:column;gap:10px;margin:0}.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg);display:flex;flex-direction:column}.center-col{align-items:center;justify-content:center}.countdown-num{font-size:22vw;font-weight:850;color:var(--primary)}.play-area{padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .12s ease;background:var(--surface);color:var(--text)}.play-area.flash-ok{background:var(--ok);color:#fff}.play-area.flash-pass{background:var(--accent);color:#fff}.play-top{position:absolute;top:calc(12px + env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;gap:14px}.timer-bar{flex:1;height:12px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--text) 14%,transparent);border:1px solid var(--border)}.timer-fill{height:100%;background:var(--primary);transition:width 1s linear}.play-score{font-size:22px;font-weight:850;min-width:40px;text-align:right}.play-word{font-size:clamp(40px,12vw,96px);font-weight:850;text-align:center;line-height:1.05;letter-spacing:-1px;padding:0 10px}.play-hint{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));font-size:15px;color:var(--text-dim);letter-spacing:1px}.result-chip.ok{background:color-mix(in srgb,var(--ok) 26%,transparent);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.result-chip.pass{background:color-mix(in srgb,var(--accent) 24%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}@media (orientation: landscape){.play-word{font-size:clamp(48px,14vh,120px)}}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:17px;color:#fff;flex:0 0 auto;box-shadow:inset 0 0 0 1px #8080804d}.hub-header-actions{display:flex;align-items:center;gap:2px}.game-hero{text-align:center;padding:18px 0 6px}.game-hero-icon{font-size:54px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}.game-hero-title{font-size:30px;font-weight:800;margin:10px 0 4px;letter-spacing:-.5px}.game-hero-tag{color:var(--text-dim);margin:0}.game-menu{display:flex;flex-direction:column;gap:12px;margin-top:10px}.game-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);cursor:pointer;transition:transform .1s ease}.game-menu-item:active{transform:scale(.99)}.game-menu-item.primary{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 30%,transparent)}.game-menu-text{display:flex;flex-direction:column;gap:2px}.game-menu-title{font-size:19px;font-weight:750}.game-menu-sub{font-size:13px;color:var(--text-dim)}.game-menu-item.primary .game-menu-sub{color:#ffffffd1}.game-menu-arrow{font-size:26px;color:var(--text-dim);line-height:1}.game-menu-item.primary .game-menu-arrow{color:#ffffffe6}.profile-list{display:flex;flex-direction:column;gap:10px}.profile-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.profile-name{flex:1;font-weight:650}.profile-actions{display:flex;gap:4px}.profile-actions .chip-x{font-size:16px}.profile-edit-head{display:flex;justify-content:center;padding:2px 0 6px}.profile-edit-head .avatar{width:56px;height:56px;font-size:30px}.field-label{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);font-weight:700}.swatch-row{display:grid;grid-template-columns:repeat(7,36px);justify-content:space-between;row-gap:12px}.swatch{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #80808059}.swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--surface) inset}.emoji-grid{display:grid;grid-template-columns:repeat(8,34px);justify-content:space-between;row-gap:10px}.emoji-cell{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;text-align:center}.emoji-cell.on{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 18%,transparent)}.rule{display:flex;flex-direction:column;gap:2px}.rule-title{font-weight:700}.rule-desc{font-size:14px}.stats-table{display:flex;flex-direction:column}.stats-head,.stats-row{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center;padding:11px 4px}.stats-head{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-bottom:1px solid var(--border)}.stats-head>span:not(:first-child),.stats-row>span:not(.stats-player){text-align:right;min-width:48px}.stats-row{border-bottom:1px solid var(--border)}.stats-row:last-child{border-bottom:0}.stats-player{display:flex;align-items:center;gap:10px;font-weight:650}.avatar-photo{background-size:cover;background-position:center;color:transparent}.btn-danger{background:var(--danger);color:#fff}.profile-row{cursor:pointer;text-align:left;transition:transform .1s ease}.profile-row:active{transform:scale(.99)}.profile-arrow{font-size:24px;color:var(--text-dim);line-height:1}.stack-gap{display:flex;flex-direction:column;gap:8px;transition:opacity .2s ease}.player-hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0 4px}.player-hero-name{font-size:26px;font-weight:800;margin:0;letter-spacing:-.4px}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 8px;text-align:center}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.5px}.stat-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.pergame-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.pergame-row:last-child{border-bottom:0}.pergame-icon{font-size:22px}.pergame-name{flex:1;font-weight:650}.feed-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.feed-row:last-child{border-bottom:0}.feed-icon{font-size:22px;flex:0 0 auto}.feed-main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.feed-title{font-weight:650}.feed-badge{font-size:12px;font-weight:750;padding:3px 10px;border-radius:999px;flex:0 0 auto}.feed-badge.win{background:color-mix(in srgb,var(--ok) 26%,transparent);color:var(--ok)}.feed-badge.lose{background:color-mix(in srgb,var(--danger) 22%,transparent);color:var(--danger)}.feed-time{flex:0 0 auto;min-width:42px;text-align:right}.edit-head{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2px 0 6px}.edit-avatar .avatar{box-shadow:inset 0 0 0 1px #ffffff2e,var(--shadow)}.edit-remove{align-self:center}.canvas.tabling .arc-host.here{opacity:0;pointer-events:none;transition-duration:var(--tabling-out, .22s)!important}.game-root.on-table{min-height:0;animation:none}.table-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.table-view{position:absolute;top:0;right:0;bottom:0;left:0}.table-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.table-pad{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;touch-action:none}.table-view.spinnable .table-pad{pointer-events:auto;cursor:grab}.table-view.spinning .table-pad{cursor:grabbing}.table-ticks{fill:none;stroke:color-mix(in srgb,var(--text) 40%,transparent);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.seat{position:absolute;left:0;top:0;width:56px;height:56px;margin:0;padding:0;border:0;background:none;border-radius:50%;display:grid;place-items:center;pointer-events:auto;touch-action:none;cursor:pointer;opacity:0;will-change:transform,opacity}.table-view.movable .seat{cursor:grab}.seat>*{transition:transform .3s var(--pan-ease),box-shadow .3s ease,opacity .3s ease,filter .3s ease}.seat .avatar{box-shadow:inset 0 0 0 1px #8080804d,0 0 0 3px var(--bg)}.avatar-empty{background:var(--bg);border:1.5px dashed color-mix(in srgb,var(--text) 40%,transparent)}.seat.on>*{transform:scale(1.1);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--text)}.seat.target>*{box-shadow:0 0 0 3px var(--bg),0 0 0 5px color-mix(in srgb,var(--text) 45%,transparent)}.seat.swap>*{transform:scale(.86);box-shadow:0 0 0 3px var(--bg),0 0 0 5px var(--text)}.seat-label.swap .seat-name,.seat-label.target .seat-name{font-weight:800}.drawer-hint span{display:block}.round-btn:disabled{opacity:.3;pointer-events:none}.opt-link{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 0 0 12px;background:none;border:0;color:var(--text);font:inherit;font-size:15px;font-weight:650;cursor:pointer}.opt-link .icon{width:18px;height:18px;color:var(--text-dim)}.pack-pick-list{display:flex;flex-direction:column}.pack-pick{display:flex;align-items:center;gap:12px;padding:10px 2px;background:none;border:0;border-top:1px solid var(--border);color:var(--text);font:inherit;text-align:left;cursor:pointer}.pack-pick:first-child{border-top:0}.pack-pick-check{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--text) 30%,transparent);color:#fff}.pack-pick-check .icon{width:16px;height:16px;opacity:0}.pack-pick.on .pack-pick-check{background:var(--primary);border-color:transparent}.pack-pick.on .pack-pick-check .icon{opacity:1}.seat-label.dea .seat-note{color:var(--accent)}.table-icon .icon{width:44px;height:44px;color:var(--accent)}.drawer-hint.dea-news{color:var(--accent)}.drawer-hint.meme-news{color:var(--primary)}.role-section{margin:14px 0 0;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim)}.seat.lifted{z-index:3;cursor:grabbing}.seat.lifted>*{transform:scale(1.16);box-shadow:0 0 0 3px var(--bg),0 12px 26px #00000059}.seat.dim>*{opacity:.4}.seat.out>*{opacity:.25;filter:grayscale(1)}.seat-label{position:absolute;left:0;top:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px;max-width:84px;text-align:center;opacity:0}.seat-label>*{transition:opacity .3s ease}.seat-name{max-width:100%;font-size:max(10px,calc(13px * var(--seat-k, 1)));font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-note{max-width:62px;font-size:max(9px,calc(11px * var(--seat-k, 1)));line-height:1.15;color:var(--text-dim);letter-spacing:.3px}.seat-label.free .seat-name{color:var(--text-dim);font-weight:500;font-style:italic}.seat-label.on .seat-name{font-weight:800}.seat-label.dim>*,.seat-label.out .seat-name{opacity:.4}.seat-label.role-civile .seat-note{color:var(--ok)}.seat-label.role-undercover .seat-note{color:var(--accent)}.seat-label.role-mrwhite .seat-note{color:var(--danger)}.table-center{position:absolute;left:0;top:0;pointer-events:none}.table-count{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-dim)}.table-count b{font-size:26px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.table-count span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.drawer{position:absolute;left:0;right:0;bottom:0;z-index:4;max-width:560px;max-height:66%;margin:0 auto;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-bottom:0;border-radius:26px 26px 0 0;box-shadow:0 -12px 34px #00000038;padding:4px 18px calc(16px + env(safe-area-inset-bottom));overflow:hidden;transform:translateY(104%);transition:transform .55s var(--pan-ease),height .38s var(--pan-ease)}:root[data-theme=light] .drawer{box-shadow:0 -6px 24px #1e233c14}.drawer.open{transform:none}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:none}.sheet-scrim.on{display:block}.drawer.sheet{z-index:7;max-height:88%}.drawer.sheet.open{transition:transform .38s var(--pan-ease),height .38s var(--pan-ease)}.drawer.sheet .drawer-page{flex:1}.drawer.sheet .drawer-page>*:last-child{margin-top:auto}.table-layer.blocked .seat,.table-layer.blocked .table-pad{pointer-events:none}.drawer.instant{transition:none}.drawer-handle{flex:0 0 auto;align-self:center;position:relative;width:72px;height:22px;margin:0;padding:0;border:0;background:none;cursor:pointer;touch-action:none}.drawer-handle:before{content:"";position:absolute;left:18px;right:18px;top:9px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--text) 24%,transparent)}.drawer-handle[hidden]{display:none}.drawer-handle[hidden]+.drawer-body{padding-top:16px}.drawer-body{min-height:0;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;scrollbar-width:none}.drawer-body::-webkit-scrollbar{display:none}.drawer-body>.drawer-page{flex:1 1 auto;min-height:0}.drawer-page{display:flex;flex-direction:column;gap:12px}.list-scroll{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.list-scroll.wall-top{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 100%)}.list-scroll.wall-bottom{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 28px),transparent 100%)}.list-scroll.wall-top.wall-bottom{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 28px),transparent 100%)}.list-scroll::-webkit-scrollbar{display:none}.drawer-page>*:not(.list-scroll){flex:0 0 auto}.drawer-page.steady{min-height:190px;justify-content:center}.drawer{--fold: 0}.drawer.min{--fold: 1}.drawer:not(.sheet) .drawer-more{--wall: calc(52px*min(1, var(--fold) * 8)) ;height:calc(var(--h, 200px) * (1 - var(--fold)));overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--wall)),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--wall)),transparent 100%);transition:height .34s var(--pan-ease)}.drawer:not(.sheet).min .drawer-more{pointer-events:none}.drawer-page>*:last-child{position:relative;z-index:1}.drawer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(16px + env(safe-area-inset-bottom));background:var(--surface);pointer-events:none}.drawer.folding .drawer-more,.drawer.folding{transition:none}.drawer.min .role-desc{display:none}.drawer-row{display:flex;gap:10px}.drawer-row>*{flex:1}.drawer-title{font-size:21px;font-weight:800;letter-spacing:-.3px;text-align:center}.drawer-kicker{margin:0;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);text-align:center}.drawer-name{font-size:30px;font-weight:800;letter-spacing:-.5px;text-align:center;line-height:1.1}.drawer-word{font-size:clamp(32px,10vw,44px);font-weight:850;letter-spacing:-.6px;text-align:center;line-height:1.1;padding:4px 0 8px}.drawer-word.mrwhite{color:var(--accent);font-size:30px}.drawer-hint{margin:0;font-size:13px;line-height:1.45;color:var(--text-dim);text-align:center}.drawer-words{display:flex;justify-content:center;gap:28px}.drawer-words>div{display:flex;flex-direction:column;align-items:center;gap:2px}.drawer-words span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.drawer-words b{font-size:18px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;font-size:15px;font-weight:650;cursor:pointer;transition:transform .08s ease}.pill:active{transform:scale(.97)}.pill .icon{width:18px;height:18px}.opt-list{display:flex;flex-direction:column}.opt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;border-top:1px solid var(--border)}.opt-label{flex:0 0 auto}.opt-row:first-child{border-top:0}.opt-label{font-size:16px}.opt-door-value{min-width:0}.opt-value{font-size:14px;color:var(--text-dim)}.opt-door{width:100%;background:none;border:0;border-top:1px solid var(--border);color:inherit;font:inherit;text-align:left;cursor:pointer}.opt-door:first-child{border-top:0}.opt-door-value{display:flex;align-items:center;gap:8px;min-width:0}.opt-door-value .opt-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-door-value .icon{width:18px;height:18px;color:var(--text-dim)}.role-list{display:flex;flex-direction:column}.role-row{border-top:1px solid var(--border)}.role-row:first-child{border-top:0}.role-head{display:flex;align-items:center;gap:10px;min-height:52px}.role-name{flex:1;font-size:16px}.role-rest{font-size:18px;font-weight:750;min-width:22px;text-align:center;color:var(--text-dim)}.role-info{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid var(--border);background:none;color:var(--text-dim);display:grid;place-items:center;cursor:pointer;padding:0}.role-info .icon{width:15px;height:15px}.role-info[aria-expanded=true]{background:var(--primary);border-color:transparent;color:#fff}.role-desc{margin:-2px 0 12px;padding-left:36px;font-size:13px;line-height:1.45;color:var(--text-dim)}.opt-row .stepper-ctrl{gap:10px}.opt-row .stepper-val{font-size:18px;min-width:22px}.round-btn.sm{width:36px;height:36px;font-size:19px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));align-items:start;gap:14px 6px;padding:2px 0}.pick-cell{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:2px 0;margin:0;cursor:pointer;color:inherit;font:inherit;transition:transform .1s ease}.pick-cell:active{transform:scale(.94)}.pick-plus{display:grid;place-items:center;font-size:22px;color:var(--text-dim)}.pick-name{max-width:100%;font-size:12px;line-height:1.25;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}:root{--team-0: #6d5efc;--team-1: #e6b23a;--team-2: #37c98f;--team-3: #ff5d73}:root[data-theme=light]{--team-0: #5a4be0;--team-1: #c98600;--team-2: #12a074;--team-3: #e0405a}.team-0{--team: var(--team-0)}.team-1{--team: var(--team-1)}.team-2{--team: var(--team-2)}.team-3{--team: var(--team-3)}.seat[class*=team-] .avatar{box-shadow:inset 0 0 0 1px #8080804d,0 0 0 3px var(--bg),0 0 0 5px var(--team)}.seat.on[class*=team-] .avatar{box-shadow:inset 0 0 0 1px #8080804d,0 0 0 3px var(--bg),0 0 0 5px var(--text)}.seat-label[class*=team-] .seat-note,.drawer-title[class*=team-]{color:var(--team)}.play-team{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:var(--team)}.team-dot{width:12px;height:12px;border-radius:50%;background:var(--team);flex:0 0 auto}.pack-pick.team-pick{border-color:color-mix(in srgb,var(--team) 45%,transparent)}.score-list{display:flex;flex-direction:column;gap:8px;margin:10px 0 14px}.score-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;column-gap:10px;row-gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.score-row .team-dot{grid-column:1;grid-row:1}.score-name{grid-column:2;grid-row:1;font-weight:700;color:var(--team)}.score-sub{grid-column:2;grid-row:2;font-size:12px}.score-value{grid-column:3;grid-row:1 / span 2;font-size:24px}.write-area{padding:calc(16px + env(safe-area-inset-top)) 18px calc(16px + env(safe-area-inset-bottom));gap:14px}.write-head{display:flex;flex-direction:column;gap:10px;padding-top:4px}.write-prompt{font-size:clamp(21px,6.2vw,32px);font-weight:800;letter-spacing:-.5px;line-height:1.15;text-align:center;overflow-wrap:anywhere}.write-box{display:flex;flex-direction:column;gap:6px}.write-field{min-height:88px;font-size:18px;resize:none}.write-left{align-self:flex-end;font-size:12px;color:var(--text-dim)}.write-main{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:16px}.drawer-prompt{font-size:clamp(20px,5.6vw,28px);font-weight:800;letter-spacing:-.4px;line-height:1.2;text-align:center;padding:2px 0;overflow-wrap:anywhere}.answer-list{display:flex;flex-direction:column;gap:8px}.answer-row{display:grid;grid-template-columns:12px 1fr auto;align-items:center;column-gap:10px;row-gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.answer-row .team-dot{grid-column:1;grid-row:1}.answer-text{grid-column:2;grid-row:1;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.answer-by{grid-column:2;grid-row:2;display:flex;align-items:baseline;gap:8px;font-size:12px;font-weight:700;color:var(--team)}.answer-sweep{font-size:11px;letter-spacing:1.2px;color:var(--primary)}.answer-votes{grid-column:3;grid-row:1 / span 2;font-size:20px}.answer-row.won{border-color:color-mix(in srgb,var(--team) 55%,transparent)}.rank-list{display:flex;flex-direction:column;gap:8px;margin:2px 0 4px}.rank-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;column-gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.rank-num{font-size:13px;font-weight:800;color:var(--text-dim);text-align:center}.rank-name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{font-size:20px}.rank-row.lead{border-color:color-mix(in srgb,var(--primary) 55%,transparent)}.rank-row.lead .rank-name{color:var(--primary)}.room-code{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0 2px}.room-code-label{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.room-code b{font-size:clamp(36px,12vw,56px);font-weight:850;letter-spacing:8px;line-height:1.05;padding-left:8px}.room-code-tag{font-weight:800;letter-spacing:3px;font-size:14px;color:var(--text-dim)}.room-code-tag.off{opacity:.45}.drawer-hint.room-off{color:var(--accent)}.guest{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.guest .hub-header{position:static}.guest-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:14px;padding:6px 18px calc(18px + env(safe-area-inset-bottom));overflow:hidden}.guest-head{display:flex;flex-direction:column;gap:6px}.guest-title{font-size:26px;font-weight:800;letter-spacing:-.4px;text-align:center;line-height:1.15}.guest-prompt{font-size:clamp(20px,5.6vw,28px);font-weight:800;line-height:1.2;text-align:center;overflow-wrap:anywhere}.guest-people{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 10px}.guest-person{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px}.guest-wait{margin-top:auto;text-align:center;color:var(--text-dim);font-size:14px;letter-spacing:1px}.guest-body>.btn{margin-top:auto}.guest-answers{flex:1;min-height:0;justify-content:center}.guest-answers .answer-row{padding:16px 14px}.guest-answers .answer-text{font-size:17px}.answer-row.pickable{cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;transition:transform .08s ease,border-color .15s ease}.answer-row.pickable:active{transform:scale(.985);border-color:color-mix(in srgb,var(--team) 70%,transparent)}.code-field{position:relative;align-self:center;padding:4px}.code-boxes{display:flex}.code-box{width:52px;height:62px;display:grid;place-items:center;font-size:28px;font-weight:800;letter-spacing:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-left-width:0}.code-box:first-child{border-left-width:1px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.code-box:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.code-box.on{position:relative;z-index:1;box-shadow:inset 0 0 0 2px var(--primary)}.code-box.on:empty:after{content:"";width:2px;height:28px;border-radius:1px;background:var(--primary);animation:caret 1.1s steps(1) infinite}@keyframes caret{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.code-box.on:empty:after{animation:none}}.code-entry{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;background:none;outline:none;font:inherit;font-size:16px;text-align:center;color:transparent;caret-color:transparent;text-transform:uppercase}.pick-cell.on .avatar{box-shadow:inset 0 0 0 1px #8080804d,0 0 0 3px var(--bg),0 0 0 5px var(--primary)}.pick-cell.on .pick-name{font-weight:800}