*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--bg:#f2efe5;--bg-deep:#e8e2d2;--surface:rgba(255,253,246,0.88);--surface-solid:#fffdf7;--surface-raised:#ffffff;--text:#112c2e;--muted:#607271;--line:rgba(20,67,68,0.16);--line-strong:rgba(20,67,68,0.28);--primary:#0b6e61;--primary-strong:#07584e;--primary-soft:#d9f2e7;--mint:#63d6ac;--accent:#d48a22;--accent-soft:#fff0d3;--danger:#bb483d;--danger-soft:#fde5df;--shadow:0 18px 60px rgba(28,58,55,0.12);--shadow-small:0 7px 24px rgba(28,58,55,0.1);--radius-lg:26px;--radius-md:18px;--radius-sm:12px}[data-theme=dark]{--bg:#07181a;--bg-deep:#041214;--surface:rgba(14,39,42,0.91);--surface-solid:#0e282b;--surface-raised:#143235;--text:#eefaf4;--muted:#a7bfbb;--line:rgba(175,231,213,0.16);--line-strong:rgba(175,231,213,0.3);--primary:#70ddb5;--primary-strong:#91edcb;--primary-soft:#143f3b;--mint:#70ddb5;--accent:#f0b557;--accent-soft:#47371f;--danger:#ff8a78;--danger-soft:#482823;--shadow:0 22px 70px rgba(0,0,0,0.32);--shadow-small:0 8px 30px rgba(0,0,0,0.22)}*{box-sizing:border-box}html{background:var(--bg);color-scheme:light}[data-theme=dark]{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 5% 0,color-mix(in srgb,var(--primary) 10%,transparent),transparent 30rem),radial-gradient(circle at 100% 45%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 32rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit}button{color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:3px}.app-shell{min-height:100vh;position:relative;isolation:isolate;padding:0 14px 48px}.ambient{position:fixed;z-index:-1;border:1px solid var(--line);border-radius:999px;opacity:.32;pointer-events:none}.ambient--one{width:380px;height:380px;top:-250px;left:-160px}.ambient--two{width:500px;height:500px;right:-340px;top:36%}.topbar{width:min(100%,1100px);min-height:76px;margin:0 auto;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center;gap:10px}.brand{color:var(--text);text-decoration:none;min-width:0}.brand>span:last-child{display:grid;line-height:1.08}.brand strong{font-size:20px;letter-spacing:-.04em}.brand small{display:none;margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:.03em}.brand-lock{width:38px;height:38px;flex:0 0 38px;position:relative;display:grid;place-items:center;border-radius:13px;background:var(--primary);color:var(--bg-deep);box-shadow:var(--shadow-small)}.brand-lock:before{content:"";width:13px;height:11px;position:absolute;top:7px;border:3px solid;border-bottom:0;border-radius:9px 9px 0 0}.brand-lock i{width:16px;height:13px;position:absolute;bottom:7px;background:currentColor;border-radius:4px}.topbar-actions{display:flex;align-items:center;gap:4px}.help-button,.icon-button,.modal-close{min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;font-weight:800}.help-button:hover,.icon-button:hover,.modal-close:hover{background:var(--surface);color:var(--text)}.connection-dot{width:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted)}.connection-dot>span{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 12%,transparent)}.connection-dot.is-online>span{background:var(--mint);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 14%,transparent)}.connection-dot b{display:none;font-size:12px}.card{position:relative;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-small);backdrop-filter:blur(18px)}.btn{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:14px;background:var(--primary);color:var(--bg-deep);font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;box-shadow:0 7px 20px color-mix(in srgb,var(--primary) 18%,transparent)}.btn:hover:not(:disabled){transform:translateY(-1px);background:var(--primary-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.btn--full{width:100%}.btn--secondary{border-color:var(--line-strong);background:var(--surface-raised);color:var(--text);box-shadow:none}.btn--secondary:hover:not(:disabled){background:var(--primary-soft)}.btn--ghost{border-color:transparent;background:transparent;color:var(--muted);box-shadow:none}.btn--ghost:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.btn--danger{background:var(--danger);color:#1d0907;box-shadow:0 7px 20px color-mix(in srgb,var(--danger) 17%,transparent)}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 88%,white)}.page-enter{animation:page-in .42s cubic-bezier(.2,.75,.25,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.eyebrow>span{width:18px;height:2px;background:currentColor}.card-kicker{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.text-button{min-height:44px;padding:0 8px;border:0;background:transparent;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.muted-note{color:var(--muted);font-size:13px}.home-layout{width:min(100%,1030px);margin:34px auto 0;display:grid;gap:28px}.hero-copy h1,.result-card h1,.screen-heading h1{margin:17px 0 14px;font-size:clamp(40px,11vw,72px);line-height:.98;letter-spacing:-.065em}.hero-copy h1 em{color:var(--primary);font-style:normal}.hero-copy>p{max-width:540px;margin:0;color:var(--muted);font-size:17px}.hero-dial{width:min(78vw,330px);aspect-ratio:1;margin:30px auto 20px;padding:26px;border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--surface-raised) 55%,transparent)}.dial-ring{width:100%;height:100%;position:relative;display:grid;place-items:center;border:9px dotted color-mix(in srgb,var(--primary) 55%,transparent);border-radius:50%;transform:rotate(-8deg)}.dial-ring:after{content:"";width:66%;height:66%;position:absolute;border:1px solid var(--line-strong);border-radius:50%}.dial-core{width:45%;height:45%;z-index:1;display:grid;place-items:center;align-content:center;border-radius:50%;background:var(--primary);color:var(--bg-deep);transform:rotate(8deg);box-shadow:0 12px 34px color-mix(in srgb,var(--primary) 23%,transparent)}.dial-core span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:46px;font-weight:900;line-height:1}.dial-core small{margin-top:3px;font-size:9px;font-weight:800;text-transform:uppercase}.dial-number{position:absolute;z-index:2;padding:4px;background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:900;transform:rotate(8deg)}.dial-number--one{top:-15px}.dial-number--two{right:-10px}.dial-number--three{bottom:-15px}.dial-number--four{left:-10px}.dial-number--five{top:12%;right:4%}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.hero-facts span{padding:12px 6px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;text-align:center}.hero-facts b{display:block;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:21px}.entry-card{align-self:center;padding:18px}.mode-switch{padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:15px;background:color-mix(in srgb,var(--bg-deep) 70%,transparent)}.mode-switch button{min-height:44px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.mode-switch button.is-active{background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-small)}.entry-card form{margin-top:20px}.choice-field legend,.field-label{display:block;margin:15px 0 7px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.03em}.text-input{width:100%;height:52px;padding:0 15px;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface-raised);color:var(--text);font-size:16px}.text-input::-moz-placeholder{color:color-mix(in srgb,var(--muted) 62%,transparent)}.text-input::placeholder{color:color-mix(in srgb,var(--muted) 62%,transparent)}.room-code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;font-weight:900;letter-spacing:.18em;text-align:center;text-transform:uppercase}.choice-field{min-width:0;margin:0 0 15px;padding:0;border:0}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choice-row--four{grid-template-columns:repeat(4,1fr)}.choice-row button{min-width:0;min-height:44px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;cursor:pointer}.choice-row button.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong)}.entry-note{display:flex;gap:7px;margin:15px 2px 0;color:var(--muted);font-size:11px}.toast{width:calc(100% - 28px);max-width:520px;position:fixed;z-index:80;top:84px;left:50%;transform:translateX(-50%);padding:11px 12px;display:grid;grid-template-columns:30px 1fr 36px;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:15px;background:var(--surface-solid);box-shadow:var(--shadow)}.toast>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--danger-soft);color:var(--danger);font-weight:900}.toast p{margin:0;font-size:13px}.toast button{width:36px;height:36px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:22px}.game-layout,.lobby-layout,.result-layout{width:min(100%,1100px);margin:26px auto 0}.screen-heading{margin-bottom:20px;display:flex;align-items:end;justify-content:space-between;gap:16px}.screen-heading h1{margin:8px 0 0;font-size:clamp(36px,9vw,58px)}.lobby-grid{display:grid;gap:12px}.invite-card,.players-card,.settings-card{padding:20px}.big-code{margin:8px 0 2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(37px,12vw,58px);font-weight:900;letter-spacing:.12em}.invite-card>p{margin:0 0 18px;color:var(--muted);font-size:13px}.share-row{display:flex;flex-wrap:wrap;gap:8px}.section-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.my-numbers-card h2,.section-title-row h2{margin:4px 0 0;font-size:18px;letter-spacing:-.025em}.new-number-badge,.privacy-mark,.waiting-pulse{padding:5px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-size:10px;font-weight:800;white-space:nowrap}.waiting-pulse:before{content:"";width:6px;height:6px;margin-right:6px;display:inline-block;border-radius:50%;background:var(--primary);animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.35}}.player-list{margin-top:14px;display:grid;gap:8px}.player-row{min-height:62px;padding:8px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--surface-raised) 56%,transparent)}.player-row--empty{opacity:.54;border-style:dashed}.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--bg-deep);color:var(--muted);font-weight:900}.avatar--1{background:var(--primary-soft);color:var(--primary-strong)}.avatar--2{background:var(--accent-soft);color:var(--accent)}.avatar--3{background:#e2e5ff;color:#5558a7}[data-theme=dark] .avatar--3{background:#2b305c;color:#b9bcff}.avatar--4{background:var(--danger-soft);color:var(--danger)}.player-meta{min-width:0;display:grid}.player-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.player-meta small{color:var(--muted);font-size:11px}.ready-badge{padding:4px 7px;color:var(--muted);font-size:10px;font-weight:800}.ready-badge.is-ready{border-radius:999px;background:var(--primary-soft);color:var(--primary-strong)}.settings-card .choice-field{margin-top:12px}.lobby-actions{position:sticky;z-index:10;bottom:12px;margin:14px auto 0;padding:9px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,var(--surface-solid) 92%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.lobby-actions .btn{flex:1 1 190px}.turn-banner{min-height:72px;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-small)}.turn-banner.is-mine{border-color:color-mix(in srgb,var(--primary) 50%,transparent);background:linear-gradient(115deg,var(--primary-soft),var(--surface))}.turn-indicator{min-width:0;display:flex;align-items:center;gap:10px}.turn-indicator>span{width:11px;height:11px;flex:0 0 auto;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 15%,transparent)}.turn-banner.is-mine .turn-indicator>span{background:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 15%,transparent)}.timer,.turn-indicator div{display:grid}.timer small,.turn-indicator small{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.turn-indicator strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.timer{min-width:54px;padding:5px 8px;border-left:1px solid var(--line);text-align:right}.timer strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.timer.is-urgent strong{color:var(--danger)}.game-columns{margin-top:12px;display:grid;gap:12px}.board-column,.notes-column{min-width:0;display:grid;align-content:start;gap:12px}.clues-card,.my-numbers-card,.notebook-card,.opponents-card,.public-card{padding:16px;border-radius:20px}.opponent-list{margin-top:13px;display:grid;gap:8px}.opponent-row{padding:9px;display:grid;gap:10px;border:1px solid var(--line);border-radius:15px}.opponent-row.is-active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--accent-soft)}.opponent-row.is-eliminated{opacity:.58}.opponent-name{min-width:0;display:flex;align-items:center;gap:9px}.opponent-name>span{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--muted);opacity:.45}.opponent-name>span.is-online{background:var(--mint);opacity:1}.opponent-name div{min-width:0;display:grid}.opponent-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.opponent-name small{color:var(--muted);font-size:10px}.number-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.secret-number{min-width:0;min-height:48px;position:relative;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface-raised);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.secret-number span{font-size:18px}.secret-number small{position:absolute;right:5px;bottom:2px;color:var(--muted);font:8px ui-sans-serif,system-ui,sans-serif}.number-row--mine .secret-number{min-height:63px;border-style:dashed;background:var(--bg-deep);color:var(--primary)}.number-row--mine .secret-number span{font-size:26px}.my-numbers-card{display:grid;gap:14px;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--primary-soft) 55%,var(--surface)))}.rail-help{margin:-4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.number-rail{width:100%;padding:10px 8px 13px;overflow-x:auto;border-radius:16px;background:color-mix(in srgb,var(--bg-deep) 88%,transparent);scrollbar-width:thin}.rail-track{width:-moz-max-content;width:max-content;min-width:100%;position:relative;padding:13px 7px 10px;display:flex;align-items:end;justify-content:center;gap:5px}.rail-track:before{content:"";height:16px;position:absolute;right:0;bottom:2px;left:0;border:2px solid var(--line-strong);border-top:0;border-radius:0 0 10px 10px}.rail-tile{width:48px;min-width:48px;height:66px;z-index:1;position:relative;display:grid;place-items:center;align-content:center;border:1px solid var(--line-strong);border-radius:11px 11px 7px 7px;background:var(--surface-raised);box-shadow:0 4px 10px rgba(0,0,0,.12);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.rail-tile span{font-size:20px}.rail-tile small{margin-top:4px;color:var(--muted);font:8px ui-sans-serif,system-ui,sans-serif;text-transform:uppercase}.rail-secret{border-style:dashed;color:var(--primary);background:color-mix(in srgb,var(--primary-soft) 32%,var(--bg-deep))}.rail-secret span{font-size:27px}.rail-placed{height:54px;border-color:color-mix(in srgb,var(--accent) 62%,transparent);background:var(--accent-soft);color:var(--accent)}.rail-placed.is-latest{animation:rail-arrive .7s ease both;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}@keyframes rail-arrive{0%{opacity:0;transform:translateY(-24px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.last-draw{min-height:54px;padding:8px 10px;display:grid;grid-template-columns:auto 48px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px}.last-draw>span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.last-draw strong{height:38px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font:900 18px ui-monospace,monospace}.last-draw p{margin:0;color:var(--muted);font-size:11px}.public-numbers{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.number-tile{min-width:0;min-height:44px;padding:0;position:relative;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface-raised);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:900;cursor:pointer}.number-tile:hover:not(:disabled){border-color:var(--primary)}.number-tile:disabled{cursor:default}.number-tile.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.number-tile.is-crossed{color:var(--muted);background:transparent;-webkit-text-decoration:line-through 2px var(--danger);text-decoration:line-through 2px var(--danger)}.number-tile.is-locked{border-style:dashed;opacity:.38;background:var(--bg-deep);-webkit-text-decoration:line-through 2px currentColor;text-decoration:line-through 2px currentColor}.number-tile.is-highlighted:not(.is-locked){border-color:var(--accent);background:var(--accent-soft)}.public-numbers .number-tile{min-height:52px;font-size:18px}.clue-answer{margin-top:14px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;border-radius:14px;background:var(--primary-soft)}.clue-answer>div{min-width:74px;display:grid;place-items:center}.clue-answer span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.clue-answer strong{color:var(--primary-strong);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;line-height:1}.clue-answer p{margin:0;color:var(--muted);font-size:12px}.clue-answer b{color:var(--text)}.legend{margin:11px 0;display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:14px;height:10px;display:inline-block;border:1px dashed var(--line-strong);border-radius:3px}.legend-auto{opacity:.45;background:var(--bg-deep)}.legend-manual{position:relative}.legend-manual:after{content:"";width:13px;height:2px;position:absolute;top:3px;left:0;background:var(--danger);transform:rotate(-16deg)}.number-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.number-grid .number-tile{min-height:42px}.empty-clues{margin:15px 0 2px;color:var(--muted);font-size:12px}.clue-list{margin-top:12px;display:grid;gap:6px}.clue-list button{min-height:46px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--muted);cursor:pointer}.clue-list button.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.clue-list button span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.clue-list button strong{color:var(--primary-strong);font-size:12px}.placement-list{margin-top:12px;display:grid;gap:6px}.placement-list>div{min-height:46px;padding:6px 9px;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px}.placement-list strong{height:34px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font:900 15px ui-monospace,monospace}.placement-list span{color:var(--muted);font-size:11px}.action-dock{position:sticky;z-index:20;bottom:10px;width:min(100%,760px);min-height:76px;margin:13px auto 0;padding:9px;border:1px solid var(--line-strong);border-radius:21px;background:color-mix(in srgb,var(--surface-solid) 94%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.primary-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.bounds-action,.discard-action,.spectator-actions,.waiting-action{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px}.bounds-action>div:first-child,.discard-action>div:first-child,.spectator-actions>div:first-child,.waiting-action>div{min-width:0;display:grid}.bounds-action strong,.discard-action strong,.spectator-actions strong,.waiting-action strong{font-size:13px}.bounds-action small,.discard-action small,.spectator-actions small,.waiting-action small{color:var(--muted);font-size:10px}.discard-action{align-items:stretch;flex-direction:column}.discard-action>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:6px}.discard-action .btn{min-height:44px;padding:0 10px;font-size:11px}.spectator-actions>div:last-child{display:flex;gap:2px}.spectator-actions button{width:44px;height:44px;border:0;border-radius:12px;background:var(--bg-deep);cursor:pointer;font-size:20px}.mini-spinner{width:24px;height:24px;flex:0 0 auto;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-backdrop{position:fixed;z-index:100;inset:0;padding:14px;display:grid;place-items:center;background:rgba(3,13,14,.72);backdrop-filter:blur(9px);overflow-y:auto}.solve-modal,.tutorial-modal{width:min(100%,520px);padding:24px 18px 18px;background:var(--surface-solid);box-shadow:0 30px 100px rgba(0,0,0,.48)}.modal-close{position:absolute;top:10px;right:10px;font-size:24px}.solve-modal h2,.tutorial-modal h2{margin:7px 0;font-size:28px;letter-spacing:-.04em}.solve-modal>p,.tutorial-modal>p{margin:0;color:var(--muted);font-size:13px}.solve-inputs{margin:20px 0;display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.solve-inputs input{width:100%;min-width:0;height:64px;padding:0;border:1px solid var(--line-strong);border-radius:13px;background:var(--bg-deep);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:25px;font-weight:900;text-align:center}.danger-confirm{padding:14px;border:1px solid color-mix(in srgb,var(--danger) 36%,transparent);border-radius:15px;background:var(--danger-soft)}.danger-confirm strong{color:var(--danger)}.danger-confirm p{margin:5px 0 12px;color:var(--muted);font-size:12px}.danger-confirm>div{display:grid;grid-template-columns:1fr 1.2fr;gap:7px}.danger-confirm .btn{min-height:44px;padding:0 10px;font-size:12px}.tutorial-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tutorial-visual{min-height:150px;margin:18px 0;display:grid;place-items:center;border-radius:19px;background:var(--bg-deep);overflow:hidden}.tutorial-numbers{display:grid;grid-template-columns:repeat(5,44px);gap:5px}.tutorial-numbers span{height:64px;display:grid;place-items:center;border:1px dashed var(--primary);border-radius:13px;color:var(--primary);font:900 28px ui-monospace,monospace}.tutorial-interval{display:flex;align-items:center;gap:12px}.tutorial-interval b{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:900 18px ui-monospace,monospace}.tutorial-interval span{padding:8px 12px;border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);color:var(--primary-strong);font-size:11px;font-weight:900}.tutorial-choice{display:grid;gap:8px;text-align:center}.tutorial-choice span:first-child{padding:12px 20px;border-radius:12px;background:var(--danger);color:#1d0907;font-weight:900}.tutorial-choice span:last-child{color:var(--muted);font-size:11px;font-weight:800}.tutorial-dots{margin:18px 0;display:flex;justify-content:center;gap:6px}.tutorial-dots span{width:7px;height:7px;border-radius:50%;background:var(--line-strong)}.tutorial-dots span.is-active{width:22px;border-radius:999px;background:var(--primary)}.tutorial-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.reaction-pop{position:fixed;z-index:90;top:95px;left:50%;transform:translateX(-50%);padding:9px 14px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-solid);box-shadow:var(--shadow);animation:reaction-in 2.4s ease both}.reaction-pop span{font-size:24px}.reaction-pop strong{font-size:12px}@keyframes reaction-in{0%{opacity:0;transform:translate(-50%,20px) scale(.8)}14%,80%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-30px) scale(.9)}}.result-layout{min-height:calc(100vh - 120px);display:grid;place-items:center}.result-card{width:min(100%,680px);padding:26px 18px;text-align:center}.result-emblem{width:74px;height:74px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:38px;box-shadow:0 0 0 9px color-mix(in srgb,var(--primary-soft) 55%,transparent)}.result-card h1{margin:10px 0 8px;font-size:clamp(42px,10vw,64px)}.result-card>p{max-width:480px;margin:0 auto;color:var(--muted)}.final-rows{margin:24px 0;display:grid;gap:8px;text-align:left}.final-player{padding:10px;display:grid;gap:10px;border:1px solid var(--line);border-radius:15px}.final-player.is-winner{border-color:var(--primary);background:var(--primary-soft)}.final-player>div:first-child{display:grid}.final-player small{color:var(--muted);font-size:10px}.result-actions{display:grid;gap:7px}@media (min-width:390px){.app-shell{padding-inline:18px}.brand small{display:block}.public-numbers{grid-template-columns:repeat(7,1fr)}.number-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.opponent-row{grid-template-columns:minmax(104px,1fr) 1.55fr;align-items:center}}@media (max-width:350px){.connection-dot{display:none}.topbar{gap:4px}.topbar-actions{gap:0}}@media (min-width:720px){.app-shell{padding-inline:28px}.topbar{min-height:84px}.connection-dot{width:auto;padding:0 8px}.connection-dot b{display:inline}.home-layout{min-height:calc(100vh - 140px);margin-top:24px;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:center;gap:52px}.hero-dial{margin-left:50px}.entry-card{padding:24px}.lobby-grid{grid-template-columns:.9fr 1.1fr}.settings-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:18px}.settings-card>.card-kicker{align-self:start}.game-columns{grid-template-columns:1.08fr .92fr}.turn-banner{padding-inline:18px}.number-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.action-dock{bottom:16px}.final-player{grid-template-columns:minmax(150px,1fr) 1.4fr;align-items:center}.result-actions{grid-template-columns:1.4fr 1fr}}@media (min-width:980px){.lobby-grid{grid-template-columns:.8fr 1.2fr .9fr}.settings-card{grid-column:auto;display:block}.game-columns{grid-template-columns:1.16fr .84fr}.clues-card,.my-numbers-card,.notebook-card,.opponents-card,.public-card{padding:20px}.number-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}