/* Original Soconu identity. Black, white, blue, and floating numbers. */
:root{color-scheme:dark;--bg:#000;--panel:#090909;--line:#303030;--text:#fff;--muted:#a5a5a5;--blue:#60a5fa;--red:#f87171;--green:#4ade80;--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:var(--sans);--run-accent:#3b82f6}html{background:#000}body{min-height:100svh;background:#000;color:#fff;font-family:var(--sans);font-size:14px;--streak-energy:0}[hidden]{display:none!important}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #93c5fd;outline-offset:5px}::selection{background:#2563eb;color:#fff}.number-field{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;contain:strict}.number-field>span{position:absolute;left:var(--x);top:var(--y);font:400 var(--size)/1 var(--sans);color:#fff;opacity:var(--alpha);animation:number-drift var(--duration) linear var(--delay) infinite alternate;will-change:transform}.number-field:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,#0008,transparent 65%);transition:background 1s}body[data-view="game"] .number-field>span{opacity:calc(var(--alpha) * .45)}body[data-world="dawn"]{--run-accent:#60a5fa}body[data-world="lagoon"]{--run-accent:#38bdf8}body[data-world="rose"]{--run-accent:#f87171}body[data-world="summit"]{--run-accent:#fbbf24}body[data-world="starlight"]{--run-accent:#c4b5fd}body:not([data-world="courtyard"]) .number-field>span:nth-child(3n){color:var(--run-accent);text-shadow:0 0 calc(18px * var(--streak-energy)) var(--run-accent)}.landing{min-height:100svh;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:60px 22px 90px;text-align:center}.landing-content{transform:translateY(-4px)}.landing h1{font-size:64px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0 0 18px;color:white}.landing-links{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:22px}.landing-links>button{border:0;background:#0008;font-size:14px;font-weight:650;color:#fff;padding:8px 0;min-height:40px}.landing-links>button:hover{color:#93c5fd}.landing-play{background:#3b82f6;color:#fff;border:0;border-radius:4px;font:700 34px/1.15 var(--sans);padding:13px 22px;min-width:110px;min-height:66px;box-shadow:0 0 0 9px #0007;transition:background .2s,transform .2s}.landing-play:hover{background:#2563eb;transform:translateY(-2px)}.landing-tagline{font-size:12px;color:#b5b5b5;line-height:1.6;margin:25px 0 0}.landing-footer{position:absolute;bottom:24px;font-size:10px;color:#858585;letter-spacing:.3px}.landing-record{display:flex;gap:30px;justify-content:center;margin-top:30px}.landing-record>span{font-size:8px;letter-spacing:1.2px;color:#a3a3a3}.landing-record strong{display:block;color:#fff;font-size:22px;letter-spacing:0;margin-bottom:6px}
.app-shell{max-width:540px;position:relative;z-index:1;margin:0 auto;padding:0 24px}.header{height:76px;width:100%;border-bottom:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;margin:auto}.brand{background:none;border:0;font:700 25px/1.2 var(--sans);color:#fff;letter-spacing:-.5px;padding:8px 0}.header-actions{display:flex;align-items:center;gap:4px}.header .icon-button,.header .text-button{min-width:44px;min-height:44px;color:#ccc}.header .icon-button:hover,.header .text-button:hover{background:#ffffff12;color:#fff}.stats-trigger svg{width:18px}.stats-trigger span,.nav-divider{display:none}.help-button{border:1px solid #444;border-radius:50%;min-width:30px!important;min-height:30px!important;margin-left:8px;background:#000;font-size:15px}.journey-shell{width:100%;margin:auto}.streak-ribbon{padding:24px 4px 20px}.streak-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.streak-identity{display:flex;gap:9px;align-items:center}.streak-gem{font-size:24px;color:var(--run-accent);transition:color .8s}.streak-total{font-size:30px;font-weight:650;color:#fff;line-height:1;min-width:19px;font-variant-numeric:tabular-nums}.streak-word{font-size:8px;letter-spacing:1px;line-height:1.6;color:#aaa}.world-label{display:flex;flex-direction:column;gap:5px;align-items:flex-end;font-size:11px;color:#ddd}.world-label small{font-size:9px;color:#aaa}.world-label strong{color:#fff;font-weight:600;margin-left:4px}.journey-track-row{display:flex;gap:16px;align-items:center;margin-top:14px}.streak-trail{position:relative;display:flex;align-items:center;justify-content:space-between;flex:1;max-width:200px;height:8px}.trail-rail{height:1px;background:#383838;position:absolute;left:2px;right:2px;top:3px}.trail-rail i{height:1px;display:block;background:var(--run-accent);transition:width .4s}.trail-gem{height:6px;width:6px;border:1px solid #666;background:#000;position:relative;border-radius:50%}.trail-gem.lit{background:var(--run-accent);border-color:var(--run-accent);box-shadow:0 0 8px #ffffff25}.next-world{font-size:9px;color:#aaa}.game-card{position:relative;padding:20px 24px 24px;background:#000e;border:1px solid #343434;border-radius:12px;margin:0;box-shadow:0 18px 50px #000a;--board-size:258px}.card-top{display:flex;align-items:center;justify-content:space-between;min-height:28px;color:#aaa}.history-trigger{background:none;border:0;color:#ccc;font-size:9px;letter-spacing:1px;padding:8px 0;min-height:36px}.history-trigger>span{font-size:15px;margin-right:5px}.history-trigger:hover{color:#fff}.attempt-label{font-size:10px;letter-spacing:.2px;color:#ddd}.attempt-dot{width:5px;height:5px;background:#3b82f6;border-radius:50%;box-shadow:none}.attempt-dot.spent{background:#404040}.attempt-dot.won{background:#22c55e}.attempt-dot.lost{background:#ef4444}.round-heading{text-align:center;margin:13px 0 22px}.round-heading h2{font:650 23px/1.25 var(--sans);letter-spacing:-.3px;color:#fff;margin:0 0 7px}.round-heading p{font-size:11px;color:#aaa;line-height:1.5;margin:0}.board{width:var(--board-size);max-width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;border-radius:8px;background:#c6c6c6;border:0;overflow:hidden;box-shadow:none}.cell{aspect-ratio:1;background:#000;border:0;border-radius:0;box-shadow:none;position:relative;color:#fff;font:650 34px/1 var(--sans);display:flex;align-items:center;justify-content:center;transition:background .18s,color .18s}.cell.empty{background:#000;color:#999}.cell.correct{background:#000;color:#22c55e;box-shadow:none}.cell.higher{background:#000;color:#60a5fa;box-shadow:none}.cell.lower{background:#000;color:#f87171;box-shadow:none}.cell.next{outline:2px solid #3b82f6;outline-offset:-3px;background:#071020;box-shadow:none}.cell.next:after{display:none}.cell .given-mark{font-size:6px;letter-spacing:1px;position:absolute;top:8px;color:#aaa}.cell .cell-clue{font-size:10px;position:absolute;right:7px;bottom:7px;opacity:.85}.cell-history{position:absolute;display:flex;gap:5px;bottom:8px;font-size:10px;line-height:1}.cell-history .higher{color:#60a5fa}.cell-history .lower{color:#f87171}.mobile-legend{display:flex;justify-content:center;gap:22px;font-size:10px;margin:17px 0 20px}.mobile-legend .higher{color:#60a5fa}.mobile-legend .lower{color:#f87171}.mobile-legend .correct{color:#4ade80}.input-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.keypad{width:var(--board-size);max-width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 auto}.number-key{height:46px;min-height:44px;background:#3b82f6;color:#fff;border:1px solid #3b82f6;border-radius:4px;box-shadow:none;font:650 18px var(--sans)}@media(hover:hover) and (pointer:fine){.number-key:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:none}}.number-key:disabled{background:#17233b;color:#7888a5;border-color:#17233b;opacity:.65;cursor:default}.number-key.locked:disabled{color:#4ade80;border-color:#1d4932;background:#0d2418;opacity:1}#game-actions{width:var(--board-size);max-width:100%;margin:16px auto 0}.primary-button{background:#3b82f6;color:#fff;border:1px solid #3b82f6;border-radius:4px;min-height:46px;font:650 13px var(--sans);box-shadow:none}.primary-button:hover:not(:disabled){background:#2563eb;box-shadow:none}.primary-button:disabled{background:#333;color:#a3a3a3;border-color:#333;opacity:1}.keyboard-hint{display:none!important}.journey-footer{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;font-size:9px;color:#aaa;line-height:1.5;padding:18px 0 24px}.save-status{font-size:8px;color:#888}.save-status i{background:#22c55e;width:4px;height:4px;box-shadow:none}.result-summary{max-width:var(--board-size);margin:18px auto 0}.result-reward{font-size:11px;background:#111;border:1px solid #333;border-radius:5px;color:#fff;padding:12px 8px;gap:9px;margin-bottom:16px}.result-reward strong{color:#4ade80}.result-reward.loss-reward strong{color:#ddd}.result-reward>span:last-child{font-size:10px;color:#bbb}.between-game-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:8px}.between-game-actions .result-secondary{width:auto;font-size:11px;margin:0;padding:10px 0;min-height:44px;color:#bbb}.between-game-actions .result-secondary:hover{color:#fff}.answer-disclosure{margin:12px 0;color:#bbb}.answer-disclosure summary{font-size:11px;padding:8px}.rest-panel{text-align:center;background:#000d;padding:26px 24px;border:1px solid #343434;border-radius:12px}.rest-run{font:700 90px/1 var(--sans);letter-spacing:-4px;color:#fff;margin:15px 0 30px;text-shadow:0 0 50px #3b82f655}.rest-run>span{display:block;font-size:9px;letter-spacing:3px;color:var(--run-accent);margin-top:15px}.rest-eyebrow{font-size:9px;letter-spacing:2px;color:#aaa}.rest-panel h2{font:650 26px/1.2 var(--sans);letter-spacing:-.4px;color:#fff;margin:15px 0}.rest-panel p{font-size:12px;line-height:1.9;color:#bbb;margin:0 0 26px}.rest-panel .primary-button{max-width:270px;margin:auto}.rest-panel>small{display:block;font-size:10px;color:#888;margin-top:20px}
dialog{background:#101010;border:1px solid #444;border-radius:12px;color:#fff;box-shadow:0 30px 100px #000b;max-width:460px;width:calc(100% - 32px);padding:27px;max-height:calc(100svh - 40px)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{color:#fff;font:650 29px/1.15 var(--sans);letter-spacing:-.5px}.dialog-intro{color:#bbb;font-size:12px;line-height:1.8}.eyebrow,.rail-label{color:#aaa}.help-note{background:#151515;border:1px solid #333;color:#bbb}.help-note>span{color:#60a5fa}.example-cell{background:#050505;border:1px solid #555;box-shadow:none}.example-cell.higher,.clue-symbol.higher{color:#60a5fa}.example-cell.lower,.clue-symbol.lower{color:#f87171}.example-cell.correct,.clue-symbol.correct{color:#4ade80}.help-steps p{border-color:#333}.help-steps b{color:#60a5fa}.help-steps span{color:#bbb}.help-steps strong{color:#fff}.stat-tile{background:#171717;border-color:#333}.stat-tile strong{color:#fff}.stat-tile span{color:#aaa}.level-summary{background:#171717;border-color:#333}.level-line{color:#ccc}.xp-track,.distribution-track{background:#292929}.xp-track>span,.distribution-fill{background:#3b82f6;color:#fff}.recent-row{border-color:#333;color:#aaa}.recent-row>strong{color:#4ade80}.recent-row>strong.loss{color:#f87171}.level-description,.stats-empty,.dialog-heading,.stats-subtitle{color:#aaa}.icon-button{color:#bbb}.icon-button:hover{background:#ffffff12;color:#fff}.mini-cell{background:#050505;border:1px solid #555;border-radius:2px;box-shadow:none;color:#fff}.mini-cell.higher{color:#60a5fa;background:#071221}.mini-cell.lower{color:#f87171;background:#210909}.mini-cell.correct{color:#4ade80;background:#061b10}.mini-cell.empty{background:#141414;color:#888}#history-dialog #history{display:flex;gap:12px;justify-content:space-between;margin-top:22px}#history-dialog .history-item{display:flex;flex-direction:column;gap:12px;border:0;padding:0;text-align:center;flex:1}#history-dialog .mini-board{width:90px;max-width:100%}#history-dialog .history-item h3{font-size:11px;color:#eee}#history-dialog .history-item p{font-size:9px;color:#aaa}.share-text{background:#111;color:#fff;border-color:#444}#toast{background:#171717;border:1px solid #555;color:#fff}.just-won .streak-total{animation:streak-pop .7s ease-out}.just-won .number-field{animation:field-flash 1.2s ease-out}
@keyframes number-drift{from{transform:translate3d(0,-25px,0)}to{transform:translate3d(12px,35px,0)}}@keyframes streak-pop{0%{transform:scale(.8)}40%{transform:scale(1.25);color:#4ade80}100%{transform:scale(1)}}@keyframes field-flash{50%{filter:brightness(2)}}
@media(min-width:701px) and (min-height:850px){.app-shell{padding-top:12px}.header{height:80px}.game-card{--board-size:270px}.streak-ribbon{padding-top:25px;padding-bottom:24px}}
@media(max-width:700px){.app-shell{max-width:430px;padding:0 18px}.header{height:60px}.brand{font-size:23px}.streak-ribbon{padding:18px 3px 16px}.game-card{--board-size:clamp(210px,34svh,258px);padding:14px 18px 18px}.round-heading{margin:8px 0 17px}.round-heading h2{font-size:21px}.round-heading p{font-size:10px}.cell{font-size:31px}.keypad{gap:8px}.number-key{height:44px}.mobile-legend{margin:15px 0 17px;font-size:10px}.journey-footer{padding-bottom:calc(18px + env(safe-area-inset-bottom));font-size:8px}.landing h1{font-size:56px}.landing-play{font-size:32px}.landing-links{gap:20px}.next-world{font-size:8px}.world-label{font-size:10px}.rest-run{font-size:80px}}
@media(max-height:740px) and (max-width:700px){.header{height:52px}.streak-ribbon{padding-top:12px;padding-bottom:12px}.game-card{--board-size:clamp(186px,31svh,225px);padding-top:9px;padding-bottom:14px}.round-heading{margin:4px 0 12px}.round-heading h2{font-size:19px}.round-heading p{font-size:9px}.mobile-legend{margin:12px 0 13px}.keypad{gap:7px}#game-actions{margin-top:12px}.journey-footer{padding-top:12px}.streak-total{font-size:26px}.streak-word{font-size:7px}.journey-track-row{margin-top:10px}}
@media(max-width:360px){.app-shell{padding:0 12px}.game-card{padding-left:14px;padding-right:14px}.next-world{font-size:7px}.streak-trail{max-width:130px}.attempt-label{font-size:9px}.landing h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.number-field>span{will-change:auto}}
/* Rankings lead the experience; practice and ranked play are explicitly separate. */
.global-nav{position:absolute;top:20px;right:28px;left:28px;z-index:3;display:flex;justify-content:flex-end;gap:24px;align-items:center}.global-nav>button{font:600 12px var(--sans);color:#ccc;background:#000a;border:0;min-height:44px;padding:7px 3px}.global-nav>button:hover{color:white}.global-nav .account-trigger{border:1px solid #484848;border-radius:4px;padding:9px 18px}.landing{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1060px;margin:auto;padding:110px 35px 80px;align-content:center}.landing-content{padding-bottom:0}.landing-board{text-align:left;padding:26px;background:#000d;border:1px solid #383838;border-radius:10px}.board-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;color:#aaa;gap:10px}.ranked-label{font-size:7px;color:#79aaff;border:1px solid #3b82f64d;padding:5px 6px;border-radius:3px;letter-spacing:.6px}.landing-board h2{font:650 33px/1.1 var(--sans);letter-spacing:-.8px;margin:24px 0;color:#fff}.board-tabs{display:flex;gap:3px;border-bottom:1px solid #333;margin:20px 0 8px}.board-tabs>button{font-size:10px;padding:12px 9px;background:none;color:#999;border:0;border-bottom:2px solid transparent;flex:1;white-space:nowrap;min-height:42px}.board-tabs>button.active{color:#fff;border-bottom-color:#3b82f6}.leader-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #ffffff14;min-height:57px}.leader-rank{font-size:12px;font-weight:500;color:#888;font-variant-numeric:tabular-nums;width:22px}.leader-row:first-child .leader-rank{color:#e9bd55}.leader-name{font-size:13px;overflow-wrap:anywhere;flex:1;min-width:0}.leader-name>small{display:block;font-size:9px;color:#888;margin-top:4px}.leader-row>strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.leader-row.is-you{background:#3b82f612}.leader-row.is-you .leader-name{color:#93c5fd}.board-empty{font-size:12px;line-height:1.8;color:#aaa;padding:20px 0;max-width:280px}.board-full{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 0 0;background:none;border:0;color:#aaa;font-size:11px;min-height:44px}.board-full:hover{color:white}.practice-note{color:#7c7c7c;font-size:10px;margin-top:19px}.landing-footer{left:0;right:0;bottom:20px}.header .icon-button{min-width:36px}.header-actions{gap:0}.header .stats-trigger{min-width:36px}.header .help-button{min-width:28px!important;min-height:28px!important;margin-left:5px}.header .brand{font-size:23px}body[data-view="game"] .global-nav{position:relative;top:auto;right:auto;left:auto;max-width:492px;margin:auto;padding:0 24px;height:34px;justify-content:flex-end;gap:16px}body[data-view="game"] .global-nav>button{font-size:9px;min-height:28px;padding:3px 0}body[data-view="game"] .global-nav .account-trigger{border:0}.syncing .number-key,.syncing #submit-guess,.syncing #play-again,.syncing #resume-journey{pointer-events:none;opacity:.6}#sync-state{font-size:9px;color:#9cbcf0;max-width:320px;overflow-wrap:anywhere}#reload-cloud{color:#93c5fd;border:1px solid #3b82f6;background:#0c172a;padding:10px 15px;border-radius:4px;min-height:40px;font-size:11px}#account-form{display:grid;gap:16px;margin-top:24px}#account-form label{display:grid;gap:7px;font-size:11px;color:#bbb}#account-form input{width:100%;background:#060606;border:1px solid #444;color:#fff;border-radius:4px;padding:12px;font:400 16px var(--sans);min-height:44px}#account-form input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.form-message{font-size:12px;line-height:1.6;color:#fca5a5;min-height:0;margin:0}#account-links{display:flex;flex-direction:column;gap:5px;margin-top:14px}#account-links button{background:none;border:0;color:#aaa;font-size:11px;padding:10px;min-height:38px}#account-links button:hover{color:#fff}#recovery-output{display:block;font:500 15px/1.7 monospace;overflow-wrap:anywhere;padding:20px;background:#080808;border:1px solid #444;color:#93c5fd;margin:20px 0;user-select:all}#signed-in-email{font-size:12px;color:#aaa;overflow-wrap:anywhere;margin:20px 0}#personal-rank{font-size:11px;line-height:1.7;background:#3b82f615;border:1px solid #3b82f650;color:#b8d4ff;padding:14px;margin:18px 0}#leaderboard-dialog{max-width:540px}#badges-dialog{max-width:600px}#badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.badge-card{padding:18px 14px;background:#151515;border:1px solid #333;border-radius:6px;display:flex;gap:12px;align-items:flex-start;color:#999}.badge-card.earned{border-color:#3b82f666;background:#111d31;color:#fff}.badge-icon{font-size:23px;color:#555;line-height:1.3;min-width:23px;text-align:center}.earned .badge-icon{color:#f6cd6b}.badge-card h3{font-size:12px;font-weight:600;margin:0 0 7px}.badge-card p{font-size:10px;color:#aaa;line-height:1.6;margin:0}.badge-card small{font-size:8px;letter-spacing:.8px;color:#aaa;display:block;margin-top:7px}.earned small{color:#9dc3ff}.badge-progress{height:2px;background:#333;margin-top:12px;overflow:hidden}.badge-progress i{display:block;height:2px;background:#3b82f6}
@media(max-width:800px){.landing{gap:35px;padding-left:24px;padding-right:24px}.landing h1{font-size:51px}.landing-board{padding:20px}.landing-board h2{font-size:29px}.board-heading{font-size:8px}.ranked-label{font-size:6px}}
@media(max-width:650px){.global-nav{left:18px;right:18px;top:10px;gap:18px}.global-nav>button{font-size:11px}.landing{grid-template-columns:1fr;max-width:430px;gap:37px;padding:105px 22px 65px;align-content:start}.landing-content{transform:none}.landing h1{font-size:55px;margin-bottom:13px}.landing-links{margin-bottom:15px}.landing-play{font-size:29px;min-height:58px;padding:12px 20px}.landing-tagline{margin-top:22px;font-size:11px}.practice-note{margin-top:12px}.landing-board{padding:20px}.landing-board h2{font-size:27px;margin:18px 0}.landing-board h2 br{display:none}.board-tabs{margin-top:15px}.leader-row{padding:12px 0;min-height:54px}.landing-record{margin-top:20px}.landing-footer{position:static;grid-column:1;font-size:9px;margin:0}#badges-grid{grid-template-columns:1fr}.badge-card{padding:16px}.badge-card p{font-size:11px}.badge-card h3{font-size:13px}body[data-view="game"] .global-nav{padding:0 18px;height:30px}.app-shell{padding-top:0}.header{height:52px}#leaderboard-dialog{padding:24px}.leader-name{font-size:12px}.board-tabs>button{font-size:10px;padding-left:7px;padding-right:7px}}
.badge-card.exclusive{border-color:#8d753d;grid-column:1/-1;background:linear-gradient(120deg,#201b10,#121212)}.badge-card.exclusive .badge-icon{color:#8e7b4e}.badge-card.exclusive.earned{border-color:#d9b762;background:linear-gradient(120deg,#302513,#18150e)}.badge-card.exclusive.earned .badge-icon{color:#f6cd6b;text-shadow:0 0 18px #d9b76255}.badge-card.exclusive .badge-progress{display:none}.badge-card.exclusive small{color:#cbb477;font-size:7px;letter-spacing:.7px}
.leader-name>small.founder-label{color:#d9b762}
.auth-tabs{display:flex;border-bottom:1px solid #333;margin:24px 0 16px;gap:4px}.auth-tabs>button{flex:1;background:none;border:0;border-bottom:2px solid transparent;min-height:44px;padding:12px;color:#999;font:600 13px var(--sans)}.auth-tabs>button[aria-pressed="true"]{border-bottom-color:#3b82f6;color:#fff}.auth-tabs>button:disabled{opacity:.5;cursor:wait}#account-form label small,.auth-help{color:#999;font-size:10px;line-height:1.6}#account-form .password-input{position:relative;display:block}#account-form .password-input input{padding-right:65px}.password-input>button{position:absolute;right:5px;top:3px;bottom:3px;border:0;background:none;color:#aaa;font-size:11px;min-width:52px}.password-input>button:hover{color:#fff}.auth-notice{padding:12px 14px;background:#131f34;border:1px solid #3b82f666;color:#c2dbff;font-size:12px;line-height:1.7;border-radius:5px;margin:18px 0}.auth-success{color:#86efac;font-size:13px;line-height:1.7;margin-top:22px}.recovery-method{display:flex;justify-content:space-between;align-items:center;width:100%;background:#15213a;border:1px solid #355382;color:#dbeafe;border-radius:4px;min-height:44px;padding:12px 15px;font-size:12px;margin:14px 0}.recovery-method:hover{background:#1c3156}.recovery-code-actions{display:flex;gap:10px}.recovery-code-actions>button{flex:1;border:1px solid #444;background:#171717;color:#ddd;padding:10px;min-height:44px;border-radius:4px;font-size:12px}.recovery-ack{display:flex;align-items:center;gap:10px;font-size:12px;color:#ddd;line-height:1.5;margin:18px 0}.recovery-ack input{width:18px;height:18px;accent-color:#3b82f6}#recovery-copy-message{min-height:16px;color:#9dc3ff;font-size:11px;line-height:1.5;margin:10px 0}#account-form[aria-busy="true"]{opacity:.8}#retry-account-sync{margin:20px 0 12px}#account-form .form-message{outline:none}#account-form .form-message:empty{display:none}#account-links #recover-account{color:#93c5fd;text-decoration:underline;text-underline-offset:4px}#forgot-options .dialog-intro{margin-bottom:12px}
/* One-screen play: fixed viewport shell, real controls first, board fits the rest. */
body[data-view="game"]{height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}body[data-view="game"] .global-nav{display:none}body[data-view="game"] .app-shell{height:100dvh;width:min(100%,480px);max-width:480px;margin:auto;padding:env(safe-area-inset-top,0px) max(14px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(14px,env(safe-area-inset-left,0px));display:grid;grid-template-rows:48px minmax(0,1fr);gap:0}body[data-view="game"] .header{height:48px;min-width:0;padding:0 2px}.header-actions .icon-button{min-width:44px;min-height:44px;font-size:20px}body[data-view="game"] .journey-shell{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:44px minmax(0,1fr) 24px;gap:6px;padding:0 0 4px}body[data-view="game"] .streak-ribbon{padding:3px 4px 2px;min-height:0}.streak-ribbon .streak-top{gap:12px}.streak-ribbon .streak-total{font-size:25px}.streak-ribbon .streak-gem{font-size:20px}.streak-ribbon .streak-word{font-size:7px;line-height:1.3}.streak-ribbon .world-label{gap:2px;font-size:10px}.streak-ribbon .world-label small{font-size:8px}.streak-ribbon .journey-track-row{margin-top:4px;gap:12px}.streak-ribbon .next-world{font-size:8px}.streak-ribbon .streak-trail{max-width:180px}body[data-view="game"] .game-card{--fit-board:180px;--board-size:var(--fit-board);height:100%;min-height:0;width:100%;padding:10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:12px;box-shadow:0 10px 35px #0007}body[data-view="game"] .card-top{flex:none;width:100%;height:24px;min-height:24px;align-items:center}body[data-view="game"] .history-trigger{min-height:24px;height:24px;padding:0;font-size:9px}.history-trigger:before{content:'';position:absolute;inset:-8px 0;pointer-events:none}body[data-view="game"] .attempt-label{font-size:10px}body[data-view="game"] .round-heading{flex:none;margin:0;height:26px;display:flex;align-items:center;justify-content:center}body[data-view="game"] .round-heading h2{font-size:18px;margin:0;line-height:1.2}body[data-view="game"] .round-heading p{display:none}body[data-view="game"] .board{flex:none;width:var(--fit-board);height:var(--fit-board);max-height:none;aspect-ratio:1;margin:0 auto;padding:1px;gap:1px;border-radius:7px}body[data-view="game"] .cell{min-width:0;min-height:0;aspect-ratio:auto;font-size:clamp(21px,calc(var(--fit-board)/9),36px)}body[data-view="game"] .cell .given-mark{font-size:5px;top:5px}body[data-view="game"] .cell .cell-clue{right:5px;bottom:5px;font-size:9px}.play-inputs{flex:none;width:min(100%,300px)}body[data-view="game"] .mobile-legend{margin:0 0 8px;height:16px;line-height:16px;gap:20px;font-size:10px}body[data-view="game"] .keypad{width:100%;max-width:none;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}body[data-view="game"] .number-key{height:44px;min-height:44px;font-size:19px;border-radius:5px}body[data-view="game"] #game-actions{width:100%;max-width:none;margin:8px 0 0}body[data-view="game"] .primary-button{min-height:44px;height:44px;font-size:13px}body[data-view="game"] .journey-footer{position:relative;padding:0;margin:0;height:24px;min-height:0;gap:0;justify-content:center;line-height:1.2}body[data-view="game"] #journey-footer-text,body[data-view="game"] #save-status{display:none}body[data-view="game"] #sync-state{font-size:9px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%;text-align:center}body[data-view="game"] #reload-cloud{position:absolute;bottom:28px;right:8px;left:8px;width:calc(100% - 16px);z-index:8;background:#13294d;box-shadow:0 5px 24px #000b}#menu-dialog{max-width:370px}.game-menu-actions{display:grid;gap:8px;margin:22px 0}.game-menu-actions>button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid #333;border-radius:6px;background:#171717;color:#eee;font-size:14px}.game-menu-actions #sound-toggle svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}.game-menu-actions #sound-toggle:after{content:'Sound off';font-size:14px}.game-menu-actions #sound-toggle[aria-pressed="true"]:after{content:'Sound on'}body[data-phase="result"] .play-inputs{display:none}body[data-phase="result"] #result-panel{flex:none;width:min(100%,300px)}body[data-phase="result"] .result-summary{margin:0;max-width:none;width:100%}body[data-phase="result"] .result-reward{margin:0 0 8px;padding:8px;font-size:10px}body[data-phase="result"] .between-game-actions{margin-top:3px}body[data-phase="result"] .between-game-actions .result-secondary{padding-top:6px;padding-bottom:6px;min-height:36px}body[data-phase="result"] .answer-disclosure{margin:0 0 6px}body[data-phase="result"] .answer-disclosure[open]{max-height:115px;overflow:auto}body[data-phase="resting"] .rest-panel{align-self:center;padding:20px}.cell-history{font-size:9px;bottom:5px}dialog{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}
@media(max-height:740px){body[data-view="game"] .keypad{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.keypad .number-key{grid-column:span 2}.keypad .number-key:nth-child(6){grid-column:2/span 2}.keypad .number-key:nth-child(7){grid-column:4/span 2}.keypad .number-key:nth-child(8){grid-column:6/span 2}.keypad .number-key:nth-child(9){grid-column:8/span 2}body[data-view="game"] .game-card{gap:6px;padding-top:8px;padding-bottom:8px}body[data-view="game"] .round-heading{height:22px}body[data-view="game"] .round-heading h2{font-size:16px}body[data-view="game"] .mobile-legend{font-size:9px;margin-bottom:6px}}
@media(min-height:741px){body[data-view="game"] .keypad .number-key{grid-column:auto}}
@media(max-height:500px) and (min-width:500px){body[data-view="game"] .app-shell{width:min(100%,800px);max-width:800px;grid-template-rows:44px minmax(0,1fr)}body[data-view="game"] .header{height:44px}body[data-view="game"] .journey-shell{grid-template-rows:26px minmax(0,1fr);gap:4px}body[data-view="game"] .journey-footer{display:none}body[data-view="game"] .streak-ribbon{padding:0 4px}body[data-view="game"] .streak-top{height:26px}body[data-view="game"] .journey-track-row{display:none}body[data-view="game"] .world-label{flex-direction:row;align-items:center;gap:12px}body[data-view="game"] .game-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:24px minmax(0,1fr);column-gap:20px;row-gap:6px;align-items:center;padding:8px 16px}body[data-view="game"] .card-top{grid-column:1/-1;grid-row:1}body[data-view="game"] .round-heading{display:none}body[data-view="game"] .board{grid-row:2;grid-column:1;align-self:center}body[data-view="game"] .play-inputs{grid-row:2;grid-column:2;justify-self:center}body[data-view="game"] #result-panel{grid-row:2;grid-column:2;justify-self:center}.play-inputs .mobile-legend{font-size:9px}}
.number-field canvas{position:absolute;inset:0;display:block}.cell.pending-number{color:#fff;background:#0c1930}.cell.pending-number>span:first-of-type{animation:ink-in .1s ease-out}.syncing .number-key{opacity:1}body[data-view="game"] .game-card{contain:layout style}.number-key{transition:background-color .1s ease,transform .1s ease}.number-key:active:not(:disabled){transform:scale(.96)!important}@keyframes ink-in{from{transform:scale(.92);opacity:.7}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.cell.pending-number>span{animation:none}}

/* Used, locked, and pending keys are explicit states, independent of focus/hover. */
.number-key{transform:none}.number-key:disabled:not(.used){background:#3b82f6;border-color:#3b82f6;color:#fff;opacity:1}.number-key.pending:disabled{background:#1d4ed8;border-color:#fff;box-shadow:inset 0 0 0 1px #fff;color:#fff}.number-key.used:disabled{background:#17233b;border-color:#17233b;color:#7888a5;opacity:.65}.number-key.locked.used:disabled{background:#0d2418;border-color:#1d4932;color:#4ade80;opacity:1}.number-key:focus:not(:focus-visible){outline:none}.cell.pending-number .cell-number{animation:ink-in .1s ease-out}.syncing .number-key{pointer-events:auto;opacity:1}@media(hover:none){.number-key:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;transform:none;box-shadow:none}}body[data-view="home"] .number-field:after{background:none}
/* Three modes, one Soconu identity. */
.mode-picker{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;border:1px solid #303030;border-radius:7px;width:max-content;margin:0 auto 18px;background:#080808}.mode-picker button{border:0;border-radius:4px;background:transparent;color:#999;padding:9px 14px;min-height:38px;font-size:12px;font-weight:650}.mode-picker button[aria-pressed="true"]{background:#3b82f6;color:#fff}.game-menu-actions .mode-picker{width:100%;margin:4px 0}.game-menu-actions .mode-picker button{flex:1}.header-actions [data-open="challenges"]{position:relative;font-size:21px}[data-challenge-count]:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font:700 9px/1 var(--sans);border-radius:9px;background:#3b82f6;color:white}.header-actions [data-challenge-count]:not([hidden]){position:absolute;top:2px;right:0}#challenge-home-note{display:block;border:1px solid #28426c;background:#091322;color:#93c5fd;border-radius:5px;padding:9px 12px;font-size:11px;margin:18px auto 0;max-width:300px}.board{grid-template-columns:repeat(var(--grid-size,3),minmax(0,1fr))}.cell{min-width:0;font-size:clamp(10px,calc(var(--fit-board,320px)/var(--grid-size,3)*.36),36px)!important}.board[data-large="true"] .given-mark{display:none}.board[data-large="true"] .cell-history{font-size:6px;gap:1px;bottom:2px}.board[data-large="true"] .cell-clue{font-size:7px;right:2px;bottom:2px}.number-entry-wrap{display:flex;gap:6px;width:100%;margin-bottom:6px}.number-entry-wrap input{width:0;flex:1;min-width:0;border:1px solid #3b3b3b;background:#101010;color:white;border-radius:5px;padding:0 10px;font-size:14px;height:44px}.number-entry-wrap button{background:#3b82f6;border:0;border-radius:5px;padding:0 13px;min-height:44px;font-weight:650;font-size:12px}.number-entry-wrap input:focus{outline:1px solid #3b82f6}.number-entry-wrap input::-webkit-inner-spin-button{display:none}body[data-mode="super"] .keypad{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:44px;max-height:144px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}body[data-mode="super"] .keypad .number-key:nth-child(n){grid-column:auto}body[data-mode="super"] .number-key{height:44px;font-size:16px}.arcade-result-note{font-size:10px;color:#999;line-height:1.6;text-align:center;margin:8px 0 0}#speed-clock{font-size:21px;font-weight:700;line-height:1;color:#fff;font-variant-numeric:tabular-nums;margin-right:8px}#speed-clock.urgent{color:#f87171}body[data-mode="speed"] .attempt-label{display:none}body[data-mode="super"] .round-heading h2,body[data-mode="speed"] .round-heading h2{font-size:19px}.challenge-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.challenge-summary>div{padding:16px 6px;text-align:center;border:1px solid #303030;border-radius:6px;background:#0b0b0b}.challenge-summary strong{display:block;font-size:30px;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums}.challenge-summary span{display:block;color:#888;font-size:9px;letter-spacing:1px;margin-top:6px}.challenge-setting{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:#ddd}.challenge-setting input{accent-color:#3b82f6;width:18px;height:18px}.challenge-explainer,.challenge-empty{font-size:11px;color:#999;line-height:1.7}.challenge-section{margin:24px 0}.challenge-section>h3{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#bbb;margin:0 0 12px}.challenge-card{border:1px solid #303030;border-radius:8px;padding:16px;background:#0b0b0b;margin:0 0 10px}.challenge-card.active{border-color:#3b82f6}.challenge-card-top{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}.challenge-mode{color:#93c5fd;font-size:10px;font-weight:650}.challenge-status{font-size:8px;letter-spacing:1px;color:#888}.challenge-card h3{font-size:17px;margin:0 0 8px;color:#fff;overflow-wrap:anywhere}.challenge-card p{font-size:12px;color:#aaa;line-height:1.6;margin:6px 0}.challenge-card .challenge-footnote{font-size:10px;color:#777}.challenge-card time{font-size:9px;color:#777}.challenge-accept,.challenge-continue,.challenge-more{width:100%;min-height:44px;background:#3b82f6;border:0;border-radius:5px;color:white;font-weight:650;margin-top:10px}.challenge-continue{background:#152a4a}.challenge-outcome{display:block;font-size:24px;margin:12px 0 8px;letter-spacing:1px}.challenge-outcome.win{color:#4ade80}.challenge-outcome.loss{color:#f87171}.challenge-outcome.tie{color:#93c5fd}#challenges-dialog{max-width:520px}body[data-view="game"] .header-actions{gap:0}body[data-view="game"] .header .icon-button{width:44px;min-width:44px}@media(max-height:740px){body[data-mode="super"] .keypad{max-height:94px}}@media(max-width:420px){.global-nav{gap:9px}.global-nav>button{font-size:10px}.mode-picker button{padding:8px 12px}}@media(max-height:500px) and (min-width:500px){body[data-mode="super"] .keypad{max-height:94px}.number-entry-wrap{margin-bottom:6px}body[data-mode="super"] .play-inputs{max-width:300px}}

.next-world{min-width:0;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-mode="super"] .cell-history{max-width:95%;overflow:hidden}body[data-mode="super"] .streak-word,body[data-mode="speed"] .streak-word{font-size:7px}

.challenge-record-tabs{display:flex;gap:4px;background:#101010;border:1px solid #2b2b2b;padding:4px;border-radius:6px;margin-top:20px}.challenge-record-tabs button{flex:1;border:0;border-radius:4px;background:transparent;min-height:38px;font-size:11px;color:#999}.challenge-record-tabs button[aria-pressed="true"]{background:#3b82f6;color:#fff}