.grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;mix-blend-mode:overlay;opacity:.18}.hud{position:sticky;top:0;z-index:10;background:var(--c-bg-base);border-bottom:1px solid var(--c-line)}.hud__row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px}.hud__brand{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:900;letter-spacing:.16em;font-size:14px;color:var(--c-text)}.hud__brand-mark{color:var(--c-amber);font-size:10px}.hud__meta{display:flex;align-items:center;gap:12px}.hud__id{font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--c-text-faint)}.hud__notebook{font-family:var(--f-display);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-dim);padding:6px 10px;border:1px solid var(--c-line-strong);background:transparent}.hud__notebook:hover{color:var(--c-cyan);border-color:var(--c-cyan)}.hud__ticker{position:relative;overflow:hidden;border-top:1px solid var(--c-line);background:var(--c-bg-deep)}.hud__ticker-track{display:flex;gap:32px;padding:6px 0;width:max-content;animation:ticker 28s linear infinite}.hud__ticker-item{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-ghost);white-space:nowrap}.hud__ticker-item:before{content:"◢";color:var(--c-amber-dim);margin-right:10px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.toast{position:fixed;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);width:calc(100% - 24px);max-width:440px;display:flex;align-items:center;gap:10px;background:var(--c-bg-elev);border:1px solid var(--c-blood-dim);color:var(--c-text);padding:10px 12px;z-index:100;animation:fade-up var(--t-base) var(--ease) both;font-family:var(--f-mono);font-size:13px}.toast__bullet{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;color:var(--c-blood);border:1px solid var(--c-blood);font-family:var(--f-display);font-size:14px;font-weight:700;flex-shrink:0}.toast__text{flex:1;min-width:0}.toast__close{color:var(--c-text-dim);font-size:22px;line-height:1;padding:0 4px}.toast__close:hover{color:var(--c-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;font-family:var(--f-display);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;background:transparent;border:1px solid var(--c-line-strong);color:var(--c-text);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform 80ms var(--ease);-webkit-tap-highlight-color:transparent;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--full{width:100%}.btn__bracket{font-family:var(--f-mono);color:var(--c-text-faint);font-weight:400;font-size:16px;letter-spacing:0;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.btn:hover:not(:disabled) .btn__bracket{color:currentColor}.btn:hover:not(:disabled) .btn__bracket--l{transform:translate(-2px)}.btn:hover:not(:disabled) .btn__bracket--r{transform:translate(2px)}.btn--primary:hover:not(:disabled){border-color:var(--c-cyan);color:var(--c-cyan)}.btn--amber{color:var(--c-amber);border-color:var(--c-amber-dim)}.btn--amber:hover:not(:disabled){border-color:var(--c-amber);background:#f5a6230f}.btn--blood{color:var(--c-blood);border-color:var(--c-blood-dim)}.btn--blood:hover:not(:disabled){border-color:var(--c-blood);background:#d83a3a0f}.btn--ghost{color:var(--c-text-dim);border-color:var(--c-line);min-height:40px;font-size:12px}.btn--ghost:hover:not(:disabled){color:var(--c-text);border-color:var(--c-line-strong)}.panel{position:relative;background:var(--c-bg-surface);border:1px solid var(--c-line);margin-bottom:16px}.panel--amber{border-color:var(--c-amber-dim)}.panel__head{display:flex;align-items:baseline;gap:14px;padding:10px 14px 8px;border-bottom:1px dashed var(--c-line)}.panel--amber .panel__head{border-bottom-color:var(--c-amber-dim)}.panel__stamp{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-faint);border:1px solid var(--c-line-strong);padding:2px 6px}.panel--amber .panel__stamp{color:var(--c-amber);border-color:var(--c-amber-dim)}.panel__title{font-family:var(--f-display);font-size:14px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text)}.panel--amber .panel__title{color:var(--c-amber)}.panel__body{padding:16px 14px}.lobby{padding:32px 16px calc(48px + var(--safe-bottom))}.lobby__mast{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;padding:12px 0 24px;border-bottom:1px solid var(--c-line);margin-bottom:24px}.lobby__sigil{color:var(--c-amber);opacity:.65;animation:sigil-rotate 60s linear infinite}@keyframes sigil-rotate{to{transform:rotate(360deg)}}.lobby__brand .label{margin-bottom:6px}.lobby__title{font-family:var(--f-display);font-weight:900;font-size:38px;line-height:.92;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text);margin-bottom:10px}.lobby__sub{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--c-text-dim);line-height:1.5}.lobby__seats{display:flex;flex-direction:column;gap:6px}.lobby__seat{display:grid;grid-template-columns:38px 44px 1fr 36px;align-items:center;background:var(--c-bg-elev);border:1px solid var(--c-line);height:44px;transition:border-color var(--t-fast) var(--ease)}.lobby__seat--bot{border-color:var(--c-line-strong);background:#7dd3fc06}.lobby__kind{font-family:var(--f-display);font-weight:700;font-size:10px;letter-spacing:.18em;color:var(--c-text);border-right:1px solid var(--c-line);height:100%;text-align:center;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.lobby__seat--bot .lobby__kind{color:var(--c-cyan);background:#7dd3fc0f}.lobby__kind:hover{background:#ffffff08}.lobby__seat-tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--c-text-faint);text-align:center;border-right:1px solid var(--c-line);line-height:42px}.lobby__input{width:100%;height:100%;padding:0 12px;font-family:var(--f-mono);font-size:15px;letter-spacing:.02em;color:var(--c-text);background:transparent}.lobby__remove{font-family:var(--f-mono);font-size:20px;color:var(--c-text-faint);border-left:1px solid var(--c-line);height:100%}.lobby__remove:hover:not(:disabled){color:var(--c-blood)}.lobby__remove:disabled{opacity:.3;cursor:not-allowed}.lobby__add{margin-top:4px;padding:12px;font-family:var(--f-display);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-dim);border:1px dashed var(--c-line-strong);background:transparent}.lobby__add:hover{color:var(--c-cyan);border-color:var(--c-cyan)}.lobby__rooms{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.lobby__room{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:baseline;font-family:var(--f-mono);font-size:12px;color:var(--c-text-dim);padding:4px 0;border-bottom:1px dashed var(--c-line)}.lobby__room-id{color:var(--c-text-faint);font-size:10px;letter-spacing:.16em}.lobby__cta{margin-top:28px;display:flex;flex-direction:column;gap:12px}.lobby__warn{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;line-height:1.5;text-align:center;text-transform:lowercase}.hold{position:relative;width:100%;min-height:96px;background:var(--c-bg-elev);border:1px solid var(--c-line-strong);color:var(--c-text);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color var(--t-fast) var(--ease)}.hold--active{border-color:var(--c-cyan)}.hold__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#7dd3fc00,#7dd3fc2e);transform:scaleY(0);transform-origin:bottom;pointer-events:none;transition:transform 60ms linear}.hold__content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:22px 16px}.hold__label{font-family:var(--f-display);font-size:15px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text)}.hold--active .hold__label{color:var(--c-cyan)}.hold__hint{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-faint)}.hold__corners{position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none}.hold__corners>span{position:absolute;width:10px;height:10px;border-color:var(--c-line-strong);border-style:solid;border-width:0;transition:border-color var(--t-fast) var(--ease)}.hold--active .hold__corners>span{border-color:var(--c-cyan)}.hold__corners>span:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}.hold__corners>span:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}.hold__corners>span:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.hold__corners>span:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.lock{position:relative;min-height:100vh;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));background:radial-gradient(ellipse at center 20%,rgba(245,166,35,.04) 0%,transparent 60%),var(--c-bg-deep);display:flex;flex-direction:column;animation:fade-up var(--t-slow) var(--ease) both}.lock__bars{position:absolute;inset:12px 12px auto 12px;display:flex;gap:8px;opacity:.6}.lock__bars>span{flex:1;height:2px;background:var(--c-amber-dim)}.lock__bars>span:first-child{background:var(--c-amber);box-shadow:0 0 8px var(--c-amber)}.lock__head{margin-top:28px;border:1px solid var(--c-line-strong);padding:12px 14px;background:var(--c-bg-surface)}.lock__head-row{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-mono);font-size:11px;letter-spacing:.18em;color:var(--c-text-faint)}.lock__head-row+.lock__head-row{margin-top:6px}.lock__sealed{color:var(--c-amber);border:1px solid var(--c-amber-dim);padding:2px 6px;letter-spacing:.22em}.lock__temp{display:inline-flex;align-items:baseline;gap:4px;color:var(--c-frost);font-family:var(--f-display);font-weight:700}.lock__temp-val{font-size:26px;letter-spacing:.04em}.lock__temp-unit{font-size:13px;color:var(--c-text-dim)}.lock__sigil{color:var(--c-amber);font-size:10px;animation:blink 1.2s steps(2,end) infinite}@keyframes blink{50%{opacity:.2}}.lock__center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 0;gap:14px}.lock__center .label{font-size:11px;letter-spacing:.32em}.lock__name{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,11vw,60px);line-height:1;letter-spacing:.05em;text-transform:uppercase;color:var(--c-text);padding:12px 0;border-top:1px solid var(--c-line-strong);border-bottom:1px solid var(--c-line-strong);width:100%;position:relative}.lock__name:before,.lock__name:after{content:"·";position:absolute;color:var(--c-amber);font-size:24px;top:50%;transform:translateY(-50%)}.lock__name:before{left:6px}.lock__name:after{right:6px}.lock__sub{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;max-width:32ch;line-height:1.5}.lock__status{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.lock__status-line{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-ghost);animation:fade-up var(--t-slow) var(--ease) both}.lock__status-dot{color:var(--c-amber-dim);margin-right:8px}.lock__dots{display:inline-flex;gap:4px;margin-left:6px;vertical-align:baseline}.lock__dots>span{display:inline-block;width:4px;height:4px;background:var(--c-cyan);border-radius:1px;animation:lock-dots 1.2s ease-in-out infinite}.lock__dots>span:nth-child(2){animation-delay:.15s}.lock__dots>span:nth-child(3){animation-delay:.3s}@keyframes lock-dots{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.lock__bot-bar{position:relative;width:100%;height:64px;background:var(--c-bg-elev);border:1px solid var(--c-cyan-dim);overflow:hidden;display:flex;align-items:center;justify-content:center}.lock__bot-progress{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(125,211,252,.18),transparent);animation:bot-progress 1.4s ease-in-out infinite}@keyframes bot-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.lock__bot-text{position:relative;font-family:var(--f-display);font-size:12px;letter-spacing:.26em;color:var(--c-cyan)}.picker{list-style:none;display:flex;flex-direction:column;gap:2px}.picker__item{display:grid;grid-template-columns:44px 1fr 28px;align-items:center;width:100%;padding:12px 10px;background:var(--c-bg-elev);border:1px solid var(--c-line);text-align:left;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.picker__item:hover{border-color:var(--c-line-strong)}.picker__item.is-selected{background:#7dd3fc0d;border-color:var(--c-cyan);color:var(--c-cyan)}.picker__item.is-dim{opacity:.45}.picker__index{font-family:var(--f-mono);font-size:11px;letter-spacing:.16em;color:var(--c-text-faint);border-right:1px solid var(--c-line);padding-right:10px;margin-right:12px}.picker__item.is-selected .picker__index{color:var(--c-cyan);border-color:var(--c-cyan-dim)}.picker__body{display:flex;flex-direction:column;gap:2px;min-width:0}.picker__label{font-family:var(--f-mono);font-weight:500;font-size:15px;letter-spacing:.02em;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__hint{font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;color:var(--c-text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker__item.is-selected .picker__hint{color:var(--c-cyan);opacity:.7}.picker__mark{font-family:var(--f-mono);font-size:14px;color:var(--c-text-ghost);text-align:center}.picker__item.is-selected .picker__mark{color:var(--c-cyan)}.map{width:100%;background:var(--c-bg-deep);border:1px solid var(--c-line);padding:8px}.map--inline .map__svg{width:100%;max-width:320px;height:auto;display:block;margin:0 auto}.map--full .map__svg{width:100%;height:auto}.map__edge{stroke:var(--c-line-strong);stroke-width:1}.map__passage{stroke:var(--c-amber-dim);stroke-width:1;stroke-dasharray:3 4}.map__node{cursor:default}.map__node-rect{fill:var(--c-bg-elev);stroke:var(--c-line-strong);stroke-width:1;transition:stroke var(--t-fast) var(--ease),fill var(--t-fast) var(--ease)}.map__node-label{font-family:var(--f-display);font-weight:700;font-size:9px;letter-spacing:.12em;fill:var(--c-text-dim);-webkit-user-select:none;user-select:none}.map__node-name{font-family:var(--f-mono);font-size:7px;letter-spacing:.06em;fill:var(--c-text-faint);-webkit-user-select:none;user-select:none}.map__halo{fill:#7dd3fc0f;stroke:#7dd3fc33;stroke-width:.5;animation:map-pulse 1.6s ease-in-out infinite}.is-passage .map__halo{fill:#f5a6230f;stroke:#f5a62340}@keyframes map-pulse{0%,to{opacity:.4}50%{opacity:1}}.is-reachable .map__node-rect{stroke:var(--c-cyan);fill:#7dd3fc0a}.is-passage .map__node-rect{stroke:var(--c-amber)}.is-reachable .map__node-label,.is-passage .map__node-label{fill:var(--c-text)}.is-self .map__node-rect{stroke:var(--c-text);stroke-width:1.5}.is-clickable{cursor:pointer}.is-clickable:hover .map__node-rect{fill:#7dd3fc1a}.map__pawn{stroke:var(--c-bg-deep);stroke-width:.5}.map__pawn--0{fill:#f5a623}.map__pawn--1{fill:#7dd3fc}.map__pawn--2{fill:#a78bfa}.map__pawn--3{fill:#34d399}.map__pawn--4{fill:#f87171}.map__pawn--5{fill:#fbbf24}.map__pawn.is-elim{opacity:.3;stroke:var(--c-blood-dim)}.map__pawn.is-self-pawn{stroke:var(--c-text);stroke-width:1}.map__weapon-dot{fill:var(--c-bg-deep);stroke:var(--c-amber-dim);stroke-width:.7}.map__weapon-count{font-family:var(--f-mono);font-size:6.5px;font-weight:700;fill:var(--c-amber)}.map__legend{margin-top:6px;display:flex;flex-wrap:wrap;gap:12px;padding:0 4px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.1em;color:var(--c-text-faint);text-transform:uppercase}.map__legend-item{display:inline-flex;align-items:center;gap:4px}.map__legend-line{display:inline-block;width:16px;height:1px;background:var(--c-line-strong)}.map__legend-line--passage{background:var(--c-amber-dim);background-image:repeating-linear-gradient(90deg,var(--c-amber-dim) 0 3px,transparent 3px 6px)}.map__legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid var(--c-amber-dim)}.map__legend-dot--weapon{background:var(--c-bg-deep)}.turn{padding:16px 16px calc(48px + var(--safe-bottom))}.turn__head{display:grid;grid-template-columns:1fr 1fr;gap:16px}.turn__name{font-family:var(--f-display);font-weight:900;font-size:22px;letter-spacing:.04em;color:var(--c-text);margin-top:4px;margin-bottom:4px}.turn__char{font-family:var(--f-mono);font-size:11px;color:var(--c-text-faint)}.turn__room{text-align:right}.turn__room-name{font-family:var(--f-display);font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--c-cyan);margin-top:6px}.turn__cta{margin-top:16px;display:flex;flex-direction:column;gap:8px}.sug{padding:16px 16px calc(64px + var(--safe-bottom))}.sug__scene{font-family:var(--f-mono);font-size:14px;letter-spacing:.04em}.sug__scene .amber{font-family:var(--f-display);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sug__hint{margin-top:10px;font-family:var(--f-mono);font-size:11.5px;line-height:1.5}.sug__cta{margin-top:16px;display:flex;flex-direction:column;gap:8px}.resp{padding:16px 16px calc(64px + var(--safe-bottom))}.resp__triple{display:flex;flex-direction:column;gap:6px}.resp__triple-row{display:grid;grid-template-columns:80px 1fr;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--c-line)}.resp__triple-row:last-child{border-bottom:0}.resp__triple-cat{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;color:var(--c-text-faint)}.resp__triple-name{font-family:var(--f-display);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--c-amber)}.resp__hand{display:flex;flex-direction:column;gap:4px}.resp__card{display:grid;grid-template-columns:80px 1fr 28px;align-items:center;padding:10px;text-align:left;background:var(--c-bg-elev);border:1px solid var(--c-line)}.resp__card.is-other{opacity:.4;cursor:not-allowed}.resp__card.is-match{border-color:var(--c-cyan-dim)}.resp__card.is-match:hover{border-color:var(--c-cyan)}.resp__card.is-selected{border-color:var(--c-cyan);background:#7dd3fc0f}.resp__card-cat{font-family:var(--f-mono);font-size:10px;letter-spacing:.18em;color:var(--c-text-faint);border-right:1px solid var(--c-line);padding-right:10px;margin-right:10px}.resp__card-name{font-family:var(--f-mono);font-size:14px;color:var(--c-text)}.resp__card.is-selected .resp__card-name{color:var(--c-cyan)}.resp__card-mark{font-family:var(--f-mono);font-size:14px;text-align:center;color:var(--c-cyan-dim)}.resp__card.is-selected .resp__card-mark{color:var(--c-cyan)}.resp__rule{margin-top:10px;font-family:var(--f-mono);font-size:11px;line-height:1.5}.resp__cta{margin-top:16px}.rr{padding:16px 16px calc(48px + var(--safe-bottom))}.rr__line{font-family:var(--f-mono);font-size:13px;line-height:1.55;color:var(--c-text);margin-bottom:8px}.rr__line.faint{font-size:11.5px}.rr__card{padding:20px;background:var(--c-bg-deep);border:1px solid var(--c-cyan);text-align:center;margin-bottom:10px;position:relative}.rr__card:before,.rr__card:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--c-cyan)}.rr__card:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.rr__card:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.rr__card-cat{font-family:var(--f-mono);font-size:11px;letter-spacing:.24em;color:var(--c-text-faint);margin-bottom:12px}.rr__card-name{font-family:var(--f-display);font-weight:900;font-size:28px;letter-spacing:.04em;text-transform:uppercase;color:var(--c-cyan);line-height:1.1}.rr__sub{font-family:var(--f-mono);font-size:11px;line-height:1.55;margin-bottom:4px}.end{padding:16px 16px calc(48px + var(--safe-bottom))}.end__head{margin-bottom:12px}.end__name{font-family:var(--f-display);font-weight:900;font-size:24px;letter-spacing:.04em;color:var(--c-text);margin-top:4px}.end__hint{font-family:var(--f-mono);font-size:11.5px;line-height:1.5}.end__cta{margin-top:16px;display:flex;flex-direction:column;gap:8px}.acc{padding:16px 16px calc(64px + var(--safe-bottom))}.acc__hint{font-family:var(--f-mono);font-size:12px;line-height:1.5}.acc__cta{margin-top:16px;display:flex;flex-direction:column;gap:8px}.acc--confirm{padding-top:32px}.acc__warn{margin:0 0 16px;padding:12px;border:1px dashed var(--c-amber-dim);background:#f5a6230a}.acc__warn-txt{font-family:var(--f-mono);font-size:12px;line-height:1.55;color:var(--c-text);margin-top:4px}.acc__triplet{display:flex;flex-direction:column;gap:12px}.acc__triplet-row{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px dashed var(--c-amber-dim)}.acc__triplet-row:last-child{border-bottom:0}.acc__triplet-cat{font-family:var(--f-mono);font-size:10px;letter-spacing:.24em;color:var(--c-amber)}.acc__triplet-name{font-family:var(--f-display);font-weight:900;font-size:22px;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text)}.sheet{padding:16px 16px calc(48px + var(--safe-bottom))}.sheet__head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--c-line)}.sheet__title{font-family:var(--f-display);font-weight:900;font-size:22px;letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.sheet__list{list-style:none;display:flex;flex-direction:column}.sheet__row{display:grid;grid-template-columns:28px 1fr auto;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px dotted var(--c-line);font-family:var(--f-mono);font-size:14px}.sheet__row:last-child{border-bottom:0}.sheet__glyph{font-family:var(--f-mono);font-size:16px;text-align:center}.sheet__glyph--mine{color:var(--c-amber)}.sheet__glyph--shown{color:var(--c-cyan)}.sheet__glyph--excl{color:var(--c-text-ghost)}.sheet__glyph--unk{color:var(--c-text-faint)}.sheet__row--mine .sheet__name{color:var(--c-amber)}.sheet__row--shown .sheet__name{color:var(--c-cyan)}.sheet__row--excl .sheet__name{color:var(--c-text-faint);text-decoration:line-through}.sheet__row--unk .sheet__name{color:var(--c-text)}.sheet__note{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-faint)}.sheet__legend{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-family:var(--f-mono);font-size:11px;color:var(--c-text-dim)}.sheet__legend>span{display:inline-flex;gap:6px;align-items:center}.sheet__legend b{font-weight:400;font-size:14px}.over{padding:32px 16px calc(48px + var(--safe-bottom))}.over__hero{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--c-line)}.over__winner{font-family:var(--f-display);font-weight:900;font-size:44px;letter-spacing:.05em;text-transform:uppercase;color:var(--c-amber);margin:12px 0 6px;line-height:1}.over__caption{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}.over__envelope{list-style:none;display:flex;flex-direction:column}.over__envelope li{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px dashed var(--c-amber-dim);font-family:var(--f-mono);font-size:13px}.over__envelope li:last-child{border-bottom:0}.over__envelope li>span{font-size:10px;letter-spacing:.22em;color:var(--c-amber)}.over__envelope li>b{font-family:var(--f-display);font-weight:900;font-size:16px;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text)}.over__crew{list-style:none;display:flex;flex-direction:column}.over__crew li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dotted var(--c-line);font-family:var(--f-mono);font-size:13px;color:var(--c-text)}.over__crew li:last-child{border-bottom:0}.over__crew li.is-elim{color:var(--c-text-faint);text-decoration:line-through}.over__crew li>span:last-child{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-faint)}.bot{min-height:calc(100vh - 80px);padding:40px 16px calc(48px + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.bot__head .label{letter-spacing:.32em;font-size:11px}.bot__name{font-family:var(--f-display);font-weight:900;font-size:clamp(36px,10vw,54px);letter-spacing:.05em;text-transform:uppercase;color:var(--c-cyan);line-height:1;padding:18px 0;border-top:1px solid var(--c-cyan-dim);border-bottom:1px solid var(--c-cyan-dim);width:100%;position:relative}.bot__name:before,.bot__name:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--c-cyan)}.bot__name:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.bot__name:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.bot__caption{font-family:var(--f-mono);font-size:13px;letter-spacing:.04em;color:var(--c-text);line-height:1.5}.bot__bars{display:flex;gap:4px;width:100%;max-width:220px;margin:8px 0}.bot__bars>span{flex:1;height:4px;background:var(--c-line);animation:bot-bar 1.2s ease-in-out infinite}.bot__bars>span:nth-child(1){animation-delay:0s}.bot__bars>span:nth-child(2){animation-delay:.1s}.bot__bars>span:nth-child(3){animation-delay:.2s}.bot__bars>span:nth-child(4){animation-delay:.3s}.bot__bars>span:nth-child(5){animation-delay:.4s}@keyframes bot-bar{0%,80%,to{background:var(--c-line)}40%{background:var(--c-cyan)}}.bot__meta{display:flex;justify-content:space-between;width:100%;font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;color:var(--c-text-ghost);text-transform:uppercase;margin-top:8px}.bot__meta b{color:var(--c-text-dim);font-weight:500}.omenu{padding:32px 16px calc(48px + var(--safe-bottom))}.omenu__head{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--c-line)}.omenu__title{font-family:var(--f-display);font-weight:900;font-size:36px;letter-spacing:.06em;text-transform:uppercase;margin:4px 0}.omenu__status{font-family:var(--f-mono);font-size:10px;letter-spacing:.22em;color:var(--c-text-faint)}.omenu__status--open{color:var(--c-cyan)}.omenu__status--open:before{content:"●";margin-right:4px}.omenu__status--reconnecting,.omenu__status--connecting{color:var(--c-amber)}.omenu__status--closed{color:var(--c-blood)}.omenu__input,.omenu__code{width:100%;height:44px;padding:0 12px;font-family:var(--f-mono);font-size:16px;letter-spacing:.04em;color:var(--c-text);background:var(--c-bg-elev);border:1px solid var(--c-line)}.omenu__code{font-family:var(--f-display);font-weight:700;font-size:28px;letter-spacing:.4em;text-align:center;text-transform:uppercase}.omenu__err{margin-top:16px;padding:10px 12px;border:1px solid var(--c-blood-dim);background:#d83a3a0d;color:var(--c-text);font-family:var(--f-mono);font-size:12px;cursor:pointer}.omenu__err b{color:var(--c-blood);margin-right:6px}.olobby{padding:24px 16px calc(48px + var(--safe-bottom))}.olobby__head{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--c-line)}.olobby__code{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,12vw,56px);letter-spacing:.4em;text-align:center;text-transform:uppercase;color:var(--c-amber);margin:8px 0;text-shadow:0 0 16px rgba(245,166,35,.25)}.olobby__copy{font-family:var(--f-mono);font-size:11px}.olobby__list{list-style:none;display:flex;flex-direction:column;gap:6px}.olobby__seat{display:grid;grid-template-columns:38px 44px 1fr auto;align-items:center;height:44px;background:var(--c-bg-elev);border:1px solid var(--c-line);font-family:var(--f-mono)}.olobby__seat.is-bot{background:#7dd3fc06}.olobby__seat.is-offline{opacity:.5}.olobby__seat-tag{font-size:11px;letter-spacing:.18em;color:var(--c-text-faint);text-align:center;border-right:1px solid var(--c-line);line-height:42px}.olobby__seat-kind{font-family:var(--f-display);font-weight:700;font-size:10px;letter-spacing:.18em;text-align:center;color:var(--c-text);border-right:1px solid var(--c-line);line-height:42px}.olobby__seat.is-bot .olobby__seat-kind{color:var(--c-cyan)}.olobby__seat-name{padding:0 12px;font-size:14px;color:var(--c-text)}.olobby__adm{color:var(--c-amber);font-size:11px;letter-spacing:.18em}.olobby__me{color:var(--c-cyan);font-size:11px;letter-spacing:.18em}.olobby__off{color:var(--c-blood);font-size:11px}.olobby__kick{padding:0 14px;font-size:20px;color:var(--c-text-faint);border-left:1px solid var(--c-line);height:100%}.olobby__kick:hover{color:var(--c-blood)}.olobby__bot-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.olobby__bot-name{height:40px;padding:0 12px;font-family:var(--f-mono);font-size:14px;background:var(--c-bg-elev);border:1px solid var(--c-line)}.olobby__cta{margin-top:16px}.olobby__waiting{text-align:center;font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:16px 0}.olobby__waiting b{font-family:var(--f-display);font-weight:700}.olobby__warn{margin-top:12px;font-family:var(--f-mono);font-size:11px;text-align:center}.olobby__err{margin-top:16px;padding:10px 12px;border:1px solid var(--c-blood-dim);background:#d83a3a0d;font-family:var(--f-mono);font-size:12px;cursor:pointer}.olobby__err b{color:var(--c-blood);margin-right:6px}.og{padding:16px 16px calc(48px + var(--safe-bottom))}.og__fab{position:fixed;top:calc(8px + var(--safe-top));left:8px;z-index:50;font-family:var(--f-display);font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-dim);padding:6px 10px;border:1px solid var(--c-line-strong);background:#07090db3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.og__fab:hover{color:var(--c-cyan);border-color:var(--c-cyan)}.og__phase{font-family:var(--f-mono);font-size:13px;letter-spacing:.06em;color:var(--c-text)}.og__pending{display:flex;flex-direction:column;gap:4px;margin-top:10px}.og__pending-row{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--f-mono);font-size:13px;padding:4px 0;border-bottom:1px dashed var(--c-line)}.og__pending-row:last-child{border-bottom:0}.og__pending-row b{font-family:var(--f-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.og__pos{display:flex;justify-content:space-between;align-items:baseline}.og__pos-room{font-family:var(--f-display);font-weight:700;font-size:16px;letter-spacing:.05em;text-transform:uppercase;margin-top:4px}.og__hint{font-family:var(--f-mono);font-size:11.5px;line-height:1.5}.og__hand{list-style:none;display:flex;flex-direction:column;gap:4px}.og__handcard{display:grid;grid-template-columns:90px 1fr 24px;align-items:center;padding:10px;background:var(--c-bg-elev);border:1px solid var(--c-line);font-family:var(--f-mono);font-size:13px}.og__handcard.is-other{opacity:.4;cursor:not-allowed}.og__handcard.is-match{border-color:var(--c-cyan-dim);cursor:pointer}.og__handcard.is-match:hover{border-color:var(--c-cyan)}.og__handcard.is-sel{border-color:var(--c-cyan);background:#7dd3fc0f;color:var(--c-cyan)}.og__handcard-cat{font-size:10px;letter-spacing:.18em;color:var(--c-text-faint)}.og__handcard-mark{text-align:right;font-size:14px;color:var(--c-cyan-dim)}.og__handcard.is-sel .og__handcard-mark{color:var(--c-cyan)}.og__rule{margin-top:8px;font-family:var(--f-mono);font-size:11px;line-height:1.5}.og__reveal{text-align:center}.og__reveal-cat{font-family:var(--f-mono);font-size:11px;letter-spacing:.2em;color:var(--c-text-faint)}.og__reveal-name{font-family:var(--f-display);font-weight:900;font-size:24px;letter-spacing:.05em;text-transform:uppercase;margin:8px 0 14px}.og__finale{text-align:center;padding:40px 16px 28px;border-bottom:1px solid var(--c-line);margin-bottom:20px}.og__winner{font-family:var(--f-display);font-weight:900;font-size:40px;letter-spacing:.05em;text-transform:uppercase;color:var(--c-amber);margin:12px 0 8px}.og__crew{list-style:none;display:flex;flex-direction:column}.og__crew li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dotted var(--c-line);font-family:var(--f-mono);font-size:13px}.og__crew li:last-child{border-bottom:0}.og__crew li.is-elim{color:var(--c-text-faint);text-decoration:line-through}.og__crew li>span:last-child{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-faint)}:root{--c-bg-deep: #07090d;--c-bg-base: #0a0e14;--c-bg-surface: #11161f;--c-bg-elev: #161c27;--c-line: #1f2733;--c-line-strong: #2a3445;--c-text: #e8ecf1;--c-text-dim: #9ba6b3;--c-text-faint: #5b6573;--c-text-ghost: #3a4250;--c-amber: #f5a623;--c-amber-dim: #6b4912;--c-cyan: #7dd3fc;--c-cyan-dim: #1a3a4d;--c-blood: #d83a3a;--c-blood-dim: #4a1414;--c-frost: #d8ecff;--f-display: "Tektur", "Inconsolata", monospace;--f-mono: "Inconsolata", "SFMono-Regular", Menlo, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--b-hair: 1px solid var(--c-line);--b-strong: 1px solid var(--c-line-strong);--b-amber: 1px solid var(--c-amber);--b-cyan: 1px solid var(--c-cyan);--ease: cubic-bezier(.2, 0, 0, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--t-fast: .12s;--t-base: .28s;--t-slow: .7s;--mobile-max: 480px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--c-bg-base);color:var(--c-text);font-family:var(--f-mono);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}body{background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.015) 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(255,255,255,.015) 31px 32px)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit;color:inherit;background:transparent;border:0;outline:0}input::placeholder{color:var(--c-text-ghost)}::selection{background:var(--c-amber);color:var(--c-bg-base)}.display{font-family:var(--f-display);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mono{font-family:var(--f-mono)}.label{font-family:var(--f-display);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-dim)}.dim{color:var(--c-text-dim)}.faint{color:var(--c-text-faint)}.amber{color:var(--c-amber)}.cyan{color:var(--c-cyan)}.blood{color:var(--c-blood)}.hr{position:relative;height:1px;background:var(--c-line);margin:var(--s-4) 0}.hr:before,.hr:after{content:"+";position:absolute;top:50%;transform:translateY(-50%);color:var(--c-line-strong);font-family:var(--f-mono);background:var(--c-bg-base);padding:0 6px;font-size:10px}.hr:before{left:-6px}.hr:after{right:-6px}.viewport{position:relative;width:100%;max-width:var(--mobile-max);margin:0 auto;min-height:100vh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:var(--c-bg-base);overflow-x:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-up var(--t-base) var(--ease) both}