:root{--navy: #14213d;--navy-2: #1f3266;--panel: #1c2c50;--tile: #2a3f73;--tile-edge: #2a3d69;--orange: #ff7a1a;--mint: #3ddc97;--coral: #ff5a5f;--text: #f7f7f2;--muted: #aeb7cc;--ink: #111418;--bone: #edebe4;--display: "Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body: "Nunito Sans", system-ui, -apple-system, sans-serif;--radius: 16px;--shadow: 0 5px 0 var(--ink);--gutter: 16px;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--navy)}body{margin:0;min-height:100dvh;background:radial-gradient(120% 60% at 50% -10%,var(--navy-2),transparent 70%),var(--navy);color:var(--text);font-family:var(--body);font-weight:600;font-size:17px;line-height:1.4;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.01em;margin:0}a{color:inherit}button{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app{width:100%;max-width:480px;margin:0 auto;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));display:flex;flex-direction:column}.draft-banner{background:var(--coral);color:var(--ink);font-weight:900;font-size:13px;letter-spacing:.08em;text-align:center;padding:6px var(--gutter);padding-top:max(6px,env(safe-area-inset-top))}.notice{margin:auto 0;text-align:center;color:var(--muted);display:grid;gap:16px}.muted{color:var(--muted)}.small{font-size:14px}.kicker{margin:0;font-weight:900;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}.btn{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 24px;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);font-family:var(--display);font-size:22px;text-decoration:none;cursor:pointer;transition:transform .08s ease-out,box-shadow .08s ease-out}.btn:active:not(:disabled),.option:active:not(:disabled),.daily-card:active,.video-card:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--orange);color:var(--ink)}.btn-ghost{background:var(--panel);color:var(--text);font-family:var(--body);font-weight:800;font-size:17px}:focus-visible{outline:3px solid var(--bone);outline-offset:3px}.home{display:flex;flex-direction:column;gap:24px}.brand img{display:block;width:min(78%,300px);height:auto;margin:8px auto 0}.daily-card{position:relative;display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:14px;padding:16px;background:var(--panel);border:3px solid var(--ink);border-radius:22px;box-shadow:0 6px 0 var(--ink);text-decoration:none;overflow:hidden;transition:transform .08s ease-out,box-shadow .08s ease-out}.daily-dent{width:88px;height:auto;align-self:end;margin-bottom:-16px;grid-row:span 2}.daily-text{display:grid;gap:2px}.daily-title{font-family:var(--display);font-weight:400;font-size:28px;line-height:1.1}.daily-sub{color:var(--muted)}.daily-go{grid-column:2}.videos h2{font-size:24px;margin-bottom:12px}.videos ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}.video-card{display:grid;gap:0;background:var(--tile);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;overflow:hidden;transition:transform .08s ease-out,box-shadow .08s ease-out}.video-card img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block;border-bottom:3px solid var(--ink)}.video-text{display:grid;gap:4px;padding:14px 16px}.video-text strong{font-weight:900;line-height:1.25}.foot{margin-top:auto;padding-top:8px;text-align:center;font-size:14px;color:var(--muted)}.player{display:flex;flex-direction:column;flex:1;gap:16px}.player-top{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:44px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--panel);border:3px solid var(--ink)}.icon-btn svg{width:22px;height:22px}.count{font-weight:900;color:var(--muted);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}.dots{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:8px}.dots li{width:14px;height:14px;border-radius:50%;background:var(--tile);border:2px solid var(--ink)}.dots li.is-current{background:var(--bone)}.dots li.is-right{background:var(--mint)}.dots li.is-wrong{background:var(--coral)}.bar{height:12px;border-radius:99px;background:var(--tile);border:2px solid var(--ink);overflow:hidden}.bar span{display:block;height:100%;background:var(--orange);transition:width .3s ease-out}.question,.level-card{display:flex;flex-direction:column;gap:14px;animation:slide-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes slide-in{0%{opacity:0;transform:translate(28px)}}@media(prefers-reduced-motion:reduce){.question,.level-card,.results,.verdict{animation:none!important}.btn,.option,.bar span{transition:none}}.prompt{font-size:28px;line-height:1.15;text-wrap:balance}.order-label{margin:-6px 0 0;color:var(--orange);font-weight:800}.outline-stage{height:min(34dvh,260px);display:flex;align-items:center;justify-content:center;padding:8px}.outline-stage svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 0 var(--ink))}.outline-stage path{fill:var(--bone);stroke:var(--ink);stroke-width:4px;stroke-linejoin:round}.outline-wait{color:var(--muted)}.options{display:grid;gap:12px}.options-pair{grid-template-columns:1fr 1fr}.option{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;width:100%;padding:12px 16px;text-align:left;background:var(--tile);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);font-weight:900;font-size:19px;line-height:1.2;cursor:pointer;transition:transform .08s ease-out,box-shadow .08s ease-out,background-color .15s,opacity .15s}.option:disabled{cursor:default}.option.is-right{background:var(--mint);color:var(--ink)}.option.is-wrong{background:var(--coral);color:var(--ink)}.option.is-dim{opacity:.45}.mark{width:26px;height:26px;flex:none}.ranked-option{justify-content:flex-start}.ranked-option.is-picked{background:var(--panel);border-color:var(--orange)}.rank-num{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:3px dashed var(--muted);font-family:var(--display);font-size:19px}.is-picked .rank-num{border:3px solid var(--ink);background:var(--orange);color:var(--ink)}.lock-in{margin-top:4px}.ranked-reveal{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ranked-reveal li{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 16px;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);font-weight:900}.ranked-reveal li.is-right{background:var(--mint)}.ranked-reveal li.is-wrong{background:var(--coral)}.ranked-reveal .rank-num{border:3px solid var(--ink);background:var(--bone)}.rank-label{flex:1;display:grid}.rank-label small{font-weight:700;font-size:14px}.verdict{position:sticky;bottom:max(12px,env(safe-area-inset-bottom));display:grid;gap:10px;padding:14px;margin-top:4px;background:var(--panel);border:3px solid var(--ink);border-radius:20px;box-shadow:0 6px 0 var(--ink);animation:pop .22s cubic-bezier(.2,.9,.3,1.3)}.verdict strong{font-family:var(--display);font-weight:400;font-size:24px;text-align:center}.verdict.is-right strong{color:var(--mint)}.verdict.is-wrong strong{color:var(--coral)}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.97)}}.level-card{margin:auto 0;align-items:center;text-align:center;padding:32px 20px;background:var(--panel);border:3px solid var(--ink);border-radius:22px;box-shadow:0 6px 0 var(--ink)}.level-card h2{font-size:40px;line-height:1.05}.level-card .btn{align-self:stretch;margin-top:8px}.results{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:12px;padding-top:12px;animation:pop .3s ease-out}.dent{width:180px;height:auto;margin:0 auto -8px}.score{font-family:var(--display);font-weight:400;font-size:84px;line-height:.9;margin:0;color:var(--orange);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink)}.score span{font-size:44px;color:var(--text)}.tagline{margin:0;font-weight:800;font-size:19px}.emoji-row{margin:0 0 4px;font-size:30px;letter-spacing:4px}.video-title{font-size:26px;line-height:1.15;text-wrap:balance}.level-scores{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:8px;text-align:left}.level-scores li{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--panel);border:3px solid var(--ink);border-radius:14px}.level-scores strong{font-variant-numeric:tabular-nums;font-weight:900}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 20px;background:var(--bone);color:var(--ink);border:3px solid var(--ink);border-radius:99px;box-shadow:0 4px 0 var(--ink);font-weight:900;transition:opacity .2s,transform .2s}.toast.is-on{opacity:1;transform:translate(-50%)}