:root{color-scheme:dark;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #171838;--muted: #676984;--surface: #fbfbff;--surface-soft: #f0f1ff;--night: #0d102c;--night-light: #171b47;--violet: #6557e8;--violet-dark: #493bbf;--aqua: #23b5a5;--amber: #f6b84a;--amber-dark: #b7651c;--danger: #c43d5b;--radius-xl: 28px;--radius-lg: 20px;--shadow: 0 24px 70px rgb(3 5 27 / 32%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--night);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;overflow-x:hidden;color:#fff;background:radial-gradient(circle at 16% 5%,rgb(101 87 232 / 32%),transparent 32rem),radial-gradient(circle at 95% 38%,rgb(35 181 165 / 18%),transparent 28rem),linear-gradient(155deg,#0c0f2a,#13163a 48%,#0a0d25)}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #67e8d6;outline-offset:3px}.site-shell{min-height:100svh;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.site-header,main,footer{width:min(100%,760px);margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:14px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#fff;font-size:.93rem;font-weight:850;letter-spacing:.15em;text-decoration:none}.brand-mark{display:flex;align-items:end;gap:3px;width:26px;height:26px;padding:5px;border:1px solid rgb(255 255 255 / 28%);border-radius:8px;background:#ffffff17}.brand-mark i{display:block;width:4px;border-radius:4px;background:var(--amber)}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:15px;background:#6fe5d7}.brand-mark i:nth-child(3){height:12px;background:#a99fff}.header-note{color:#b7b9d3;font-size:.78rem}.game-card,.status-card{position:relative;overflow:hidden;color:var(--ink);background:linear-gradient(135deg,#fffffff5,#f4f5fffa);border:1px solid rgb(255 255 255 / 58%);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.game-card:before{position:absolute;top:-55px;right:-55px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgb(101 87 232 / 14%),transparent 68%);content:"";pointer-events:none}.game-card{min-height:500px;padding:18px 16px 20px}.game-card__topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.step-label,.section-kicker{color:var(--violet-dark);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.box-count{color:#c8c9df;font-size:.55rem;letter-spacing:.35em}.game-heading{display:flex;align-items:center;gap:11px;margin-bottom:18px}.title-key{display:grid;flex:0 0 auto;width:48px;height:48px;place-items:center;border-radius:16px;background:#fff2cf;box-shadow:inset 0 0 0 1px #b7651c1c;font-size:1.65rem;transform:rotate(-8deg)}h1,p{margin-top:0}.game-heading h1{margin:0 0 2px;font-size:clamp(1.72rem,8vw,2.35rem);line-height:1.04;letter-spacing:-.045em}.game-heading p{margin:0;color:var(--muted);font-size:.91rem;line-height:1.45}.boxes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,2.5vw,15px);align-items:start;margin:0 -2px 10px}.box-slot{position:relative;min-width:0;min-height:172px;text-align:center}.box-card{position:relative;display:block;width:100%;min-width:0;height:132px;padding:13px 4px 0;border:0;color:var(--ink);background:transparent;cursor:pointer;transition:transform .16s ease}.box-card:not(:disabled):active{transform:scale(.96)}.box-card:disabled{cursor:default;opacity:1}.box-lid,.box-body{display:block;margin-inline:auto;border:1px solid rgb(128 68 15 / 30%);background:linear-gradient(155deg,#ffd875,var(--amber));box-shadow:0 10px 23px #7e48132e}.box-lid{position:relative;z-index:2;width:94%;height:23px;border-radius:7px 7px 4px 4px;box-shadow:0 5px 8px #7e48132e;transform-origin:right center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.box-lid:after{position:absolute;left:50%;width:22%;height:100%;background:#fff6cc7f;content:"";transform:translate(-50%)}.box-body{position:relative;display:grid;width:82%;height:88px;margin-top:3px;place-items:center;overflow:hidden;border-radius:3px 3px 12px 12px}.box-body:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 43%,rgb(255 247 205 / 50%) 44% 56%,transparent 57%);content:""}.box-content{position:relative;z-index:1;display:grid;width:62%;aspect-ratio:1;place-items:center;border-radius:50%;background:#82460e1f}.question-mark{color:#7c4216;font-size:clamp(1.65rem,8vw,2.2rem);font-weight:900;line-height:1}.box-number{display:block;margin-top:3px;color:#5c5e78;font-size:.79rem;font-weight:750}.box-badge{display:inline-flex;align-items:center;min-height:23px;margin-top:5px;padding:3px 7px;border-radius:999px;color:#fff;background:var(--violet);font-size:.66rem;font-weight:800;white-space:nowrap;animation:badge-in .18s ease-out both}.box-badge--final{background:var(--aqua)}.box-slot--selected .box-card{transform:translateY(-5px)}.box-slot--selected .box-body,.box-slot--selected .box-lid{border-color:var(--violet);box-shadow:0 0 0 3px #6557e833,0 13px 24px #6557e830}.box-slot--disabled .box-card{opacity:.72}.box-slot--open-empty .box-lid,.box-slot--open-key .box-lid{transform:translate(-7px,-11px) rotate(-11deg)}.box-slot--open-empty .box-body,.box-slot--open-key .box-body{border-color:#8b8da5;background:linear-gradient(155deg,#dadcec,#b8bbd0);box-shadow:inset 0 14px 22px #36385233}.box-slot--open-empty .box-body:after,.box-slot--open-key .box-body:after{display:none}.box-slot--open-empty .box-content,.box-slot--open-key .box-content{background:#3e405b29;animation:content-reveal .3s .11s ease-out both}.box-slot--open-key .box-body{border-color:#d38b23;background:linear-gradient(155deg,#fff0ae,#ecc867);box-shadow:inset 0 14px 22px #9f5f0e29,0 0 27px #f6b84a66}.box-slot--open-key .box-content{background:#ffffff94}.box-slot--final .box-card:after{position:absolute;top:3px;right:0;bottom:-2px;left:0;border:3px solid var(--aqua);border-radius:17px;content:"";pointer-events:none;animation:final-ring .28s ease-out both}.key-symbol{font-size:clamp(1.65rem,7vw,2.15rem);filter:drop-shadow(0 5px 5px rgb(120 67 9 / 20%));transform:rotate(-12deg);animation:key-in .4s .15s cubic-bezier(.2,1.5,.45,1) both}.empty-label{color:#55576e;font-size:clamp(.68rem,3vw,.82rem);font-weight:850;letter-spacing:.04em;text-transform:uppercase}.game-response{min-height:82px}.game-prompt{margin:12px 0 0;color:var(--muted);font-size:.9rem;line-height:1.45;text-align:center}.decision-panel{padding-top:5px;animation:panel-in .26s .14s ease-out both}.decision-copy{margin:0 2px 14px;color:#4e5069;font-size:.92rem;line-height:1.48;text-align:center}.decision-copy strong{color:var(--ink)}.decision-actions{display:grid;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 18px;border:0;border-radius:15px;font-weight:820;line-height:1.2;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.button:not(:disabled):active{transform:translateY(1px) scale(.99)}.button:disabled{cursor:wait;opacity:.63}.button--primary{color:#fff;background:linear-gradient(135deg,#6f61ef,#5041c9);box-shadow:0 10px 23px #5041c945}.button--secondary{color:#3e4060;background:#e8e9f5;box-shadow:inset 0 0 0 1px #d5d6e5}.button--new{width:100%;margin-top:15px;color:#fff;background:var(--ink);box-shadow:0 10px 23px #17183838}.result-panel{padding-top:4px;text-align:center;animation:panel-in .28s ease-out both}.result-panel>p{margin-bottom:4px;color:#555770;font-size:.91rem;line-height:1.45}.result-panel .result-kicker{margin-bottom:8px;color:var(--ink);font-size:1.5rem;font-weight:900;letter-spacing:-.025em}.result-panel--lost .result-kicker{color:#4e5067}.fairness{margin-top:14px;padding:11px 12px;border-radius:13px;background:#e7f7f3;text-align:left}.fairness--mismatch{color:#8c1732;background:#ffebef}.fairness-status{display:flex;align-items:center;gap:7px;margin:0;color:#17695f;font-size:.84rem;font-weight:800}.fairness--mismatch .fairness-status{color:#8c1732}.fairness details{margin-top:7px}.fairness summary,.explanation summary{min-height:44px;color:#42445d;font-size:.8rem;font-weight:750;line-height:44px;cursor:pointer}.fairness details p{margin:0 0 4px;color:#555770;font-size:.78rem;line-height:1.5}.fairness code{overflow-wrap:anywhere;color:#353752;font-size:.75rem}.inline-error{margin-top:12px;padding:11px 13px;border:1px solid #f1b2c0;border-radius:13px;color:#8a1832;background:#fff0f3;font-size:.84rem;text-align:center}.inline-error p{margin-bottom:3px}.text-button{min-height:44px;padding:7px 9px;border:0;color:var(--violet-dark);background:transparent;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.competition-invite{display:grid;gap:14px;margin-top:16px;padding:18px;border:1px solid rgb(142 223 214 / 24%);border-radius:20px;background:linear-gradient(135deg,#6557e82e,#23b5a51f)}.competition-invite h2,.leaderboard h2,.profile-card h1{margin:3px 0 5px}.competition-invite p{margin:0;color:#c7c9dc;line-height:1.45}.competition-layout{display:grid;gap:16px}.competition-card{color:var(--ink);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffffff5,#f4f5fffa);box-shadow:var(--shadow)}.profile-card{padding:22px 18px}.profile-card>p,.profile-card li,.timezone-note,.quota-note{color:var(--muted);line-height:1.45}.profile-card h1 small{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;letter-spacing:.05em}.profile-card form{display:grid;gap:9px;margin:18px 0 12px}.profile-card label{font-size:.84rem;font-weight:800}.profile-card input{width:100%;min-height:50px;padding:12px 14px;border:1px solid #c8cae0;border-radius:14px;color:var(--ink);background:#fff;font:inherit;font-size:16px}.profile-card input:focus-visible{outline:3px solid #67e8d6;outline-offset:2px}.profile-warning{margin:0;font-size:.76rem}.competition-rules{margin:15px 0;padding-left:22px;font-size:.82rem}.run-finish{margin:14px 0;padding:14px;border-radius:14px;background:#ececff}.run-finish p{margin:5px 0 0;color:var(--muted)}.competition-status,.record-row,.competition-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.competition-status{margin-bottom:8px;color:#5d5f79;font-size:.78rem;font-weight:750}.competition-status a{color:var(--violet-dark);min-height:44px;line-height:44px}.streak-line{margin-bottom:8px;font-size:1.2rem}.new-record{color:var(--violet-dark)!important;font-weight:900;animation:badge-in .18s ease-out both}.record-row{margin-bottom:14px;color:#656781;font-size:.78rem}.competition-heading,.competition-actions{margin-top:10px}.text-button--danger{color:#9d2943}.share-output{display:block;margin:10px 0;padding:10px;overflow-wrap:anywhere;border-radius:10px;background:#e7f7f3;color:#17695f;-webkit-user-select:all;user-select:all}.leaderboard{padding:18px 14px;border:1px solid rgb(255 255 255 / 13%);border-radius:22px;background:#ffffff12}.leaderboard__heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.leaderboard h2{color:#fff}.leaderboard__updated{color:#aeb1c8;font-size:.7rem}.period-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:13px 0}.period-tabs button{min-height:46px;border:1px solid rgb(255 255 255 / 12%);border-radius:12px;color:#d4d6e7;background:#ffffff0f;cursor:pointer}.period-tabs button[aria-selected=true]{color:#fff;background:var(--violet)}.leaderboard__list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.leaderboard__list li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:54px;padding:8px 10px;border-radius:12px;color:#fff;background:#ffffff12}.leaderboard__rank{color:#8edfd6;font-weight:900;text-align:center}.leaderboard__person{display:grid;min-width:0}.leaderboard__person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__person small{color:#9da0b9;font-size:.67rem}.leaderboard__score{white-space:nowrap}.leaderboard__more{width:100%;margin-top:10px}.leaderboard__state,.leaderboard__tie-note,.leaderboard__meta{color:#b8bbcf;font-size:.76rem;line-height:1.45}.leaderboard__me{display:flex;justify-content:space-between;gap:10px;margin-top:12px;padding:11px;border:1px solid rgb(142 223 214 / 20%);border-radius:12px;color:#e8e9f4;background:#8edfd612;font-size:.8rem}@media(min-width:1100px){.site-header,.main--competition,footer{width:min(100%,1160px)}.competition-layout{grid-template-columns:minmax(0,720px) minmax(320px,1fr);align-items:start}.leaderboard{position:sticky;top:18px}}@media(min-width:560px){.competition-invite{grid-template-columns:1fr auto;align-items:center}}.status-card{display:grid;min-height:430px;padding:32px 23px;place-items:center;align-content:center;text-align:center}.status-card h1{max-width:430px;margin:18px 0 8px;font-size:clamp(1.6rem,7vw,2.2rem);line-height:1.1}.status-card p{max-width:430px;margin-bottom:20px;color:var(--muted);line-height:1.5}.loader{width:48px;height:48px;border:5px solid #dddff0;border-top-color:var(--violet);border-radius:50%;animation:spin .7s linear infinite}.stats-section{margin-top:18px;border:1px solid rgb(255 255 255 / 13%);border-radius:22px;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.stats-section>details>summary{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:12px 17px;list-style:none;cursor:pointer}.stats-section>details>summary::-webkit-details-marker{display:none}.stats-section>details>summary>span:first-child{display:grid;gap:3px}.stats-section .section-kicker{color:#8edfd6}.stats-section>details>summary strong{color:#fff;font-size:1.05rem}.summary-arrow{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#d8d9ed;background:#ffffff17;font-size:1.1rem;transition:transform .18s ease}.stats-section details[open]>summary .summary-arrow{transform:rotate(180deg)}.stats-content{padding:3px 12px 15px}.stats-method{margin:0 5px 8px;color:#e1e2ee;font-size:.82rem;line-height:1.4}.total-games{margin:0 5px 13px;color:#c6c8dd;font-size:.88rem}.total-games strong{color:#fff}.stats-grid{display:grid;gap:10px}.stats-card{padding:15px;border:1px solid rgb(255 255 255 / 10%);border-radius:17px;background:#ffffff14}.stats-card__label{margin:0 0 4px;color:#d5d6e8;font-size:.74rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.stats-card__rate{display:flex;align-items:baseline;gap:7px;margin:6px 0 3px;color:#d9daea;font-size:.82rem;font-weight:750}.stats-card__rate strong{color:#fff;font-size:1.95rem;font-weight:900;letter-spacing:-.04em}.stats-card__summary{margin:0 0 12px;color:#f0f1f8;font-size:.9rem;font-weight:750;line-height:1.35}.stats-card__empty{margin:14px 0 17px;color:#f0f1f8;font-size:1.05rem;font-weight:800}.rate-visual{margin-bottom:2px}.rate-bar{display:block;width:100%;height:8px;border:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:99px;color:#6e61ed;background:#ffffff1a}.rate-bar::-webkit-progress-bar{border-radius:99px;background:#ffffff1a}.rate-bar::-webkit-progress-value{border-radius:99px;background:linear-gradient(90deg,#6e61ed,#8b80ff)}.rate-bar::-moz-progress-bar{border-radius:99px;background:linear-gradient(90deg,#6e61ed,#8b80ff)}.stats-card--stay .rate-bar{color:#1ba494}.stats-card--stay .rate-bar::-webkit-progress-value{background:linear-gradient(90deg,#1ba494,#4cd4c4)}.stats-card--stay .rate-bar::-moz-progress-bar{background:linear-gradient(90deg,#1ba494,#4cd4c4)}.rate-scale{display:flex;justify-content:space-between;margin-top:4px;color:#8589a8;font-size:.61rem;font-variant-numeric:tabular-nums}.stats-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:13px 0 0}.stats-list div{min-width:0}.stats-list dt{color:#9699b5;font-size:.65rem}.stats-list dd{margin:2px 0 0;overflow:hidden;color:#f6f6fd;font-size:.8rem;font-weight:750;text-overflow:ellipsis}.theory-line{margin:12px 0 0;padding-top:10px;border-top:1px solid rgb(255 255 255 / 9%);color:#9da0ba;font-size:.75rem}.theory-line strong{color:#dadbec}.stats-note{margin:12px 4px 0;color:#9295b0;font-size:.74rem;line-height:1.45}.stats-insight{display:flex;gap:8px;margin:12px 4px 0;padding:10px 11px;border:1px solid rgb(142 223 214 / 16%);border-radius:12px;color:#c8cadc;background:#8edfd60f;font-size:.78rem;line-height:1.45}.stats-insight>span:first-child{flex:0 0 auto;color:#8edfd6}.stats-insight--sample{margin-top:7px;border-color:#b2a9ff2e;background:#6e61ed12}.stats-insight--sample>span:first-child{color:#b2a9ff}.stats-state{margin:0;padding:15px 5px;color:#c5c7dc;text-align:center}.stats-state p{margin-bottom:3px}.stats-state .text-button{color:#8fe7dc}.explanation{margin-top:10px;border-top:1px solid rgb(255 255 255 / 10%)}.explanation summary{color:#e2e3ef;font-size:.84rem;line-height:48px}.explanation div{padding-bottom:4px}.explanation p{margin-bottom:9px;color:#aeb0c7;font-size:.82rem;line-height:1.55}.explanation .explanation__current{padding:9px 10px;border-radius:10px;color:#cfd1e2;background:#ffffff0d}.explanation__current strong{color:#f2f3f9}footer{padding:22px 0 5px;color:#747792;font-size:.72rem;text-align:center}footer p{margin:0}@media(min-width:480px){.game-card{padding:23px 24px 25px}.box-card{height:148px}.box-body{height:101px}.box-slot{min-height:187px}}@media(min-width:640px){.site-shell{padding-top:max(24px,env(safe-area-inset-top))}.site-header{margin-bottom:20px}.game-card{padding:28px 34px 30px}.game-heading{margin-bottom:22px}.box-card{height:167px}.box-body{height:119px}.box-slot{min-height:205px}.decision-actions{grid-template-columns:1.2fr 1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-content{padding:4px 17px 18px}.button--new{width:auto;min-width:235px}}@media(min-width:1024px){.site-shell{padding-top:max(34px,env(safe-area-inset-top))}.site-header,main,footer{width:min(100%,820px)}.game-card{padding-inline:52px}}@media(max-width:359px){.site-shell{padding-inline:max(9px,env(safe-area-inset-left))}.header-note{display:none}.game-card{padding-inline:11px}.boxes-grid{gap:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:1100px){.site-header,.main--competition,footer{width:min(100%,1160px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-in{0%{opacity:0;transform:scale(.84)}to{opacity:1;transform:scale(1)}}@keyframes content-reveal{0%{opacity:0;transform:scale(.78)}to{opacity:1;transform:scale(1)}}@keyframes key-in{0%{opacity:0;transform:rotate(-12deg) scale(.4)}to{opacity:1;transform:rotate(-12deg) scale(1)}}@keyframes final-ring{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}