:root{--bg-deep:#0d0306;--bg-base:#150408;--bg-red:#2a070e;--surface:rgba(255,255,255,.06);--surface-hi:rgba(255,255,255,.1);--glass-red:rgba(225,29,72,.13);--border:rgba(255,255,255,.12);--border-hi:rgba(255,120,150,.32);--fg:#F7EDEF;--muted:#CFAEB6;--accent:#E11D48;--accent-2:#FB7185;--accent-glow:rgba(225,29,72,.45);--gold:#F4C542;--good:#34D399;--bad:#F43F5E;--radius:18px;--ease:cubic-bezier(.16,1,.3,1);--blur:blur(18px) saturate(160%);--font-d:"Bebas Neue",sans-serif;--font-h:"Inter",system-ui,sans-serif;--font-b:"Inter",system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-b);color:var(--fg);min-height:100vh;background:linear-gradient(160deg,var(--bg-red) 0%,var(--bg-base) 45%,var(--bg-deep) 100%);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.blob{position:fixed;border-radius:50%;filter:blur(90px);opacity:.4;pointer-events:none;z-index:0}.blob1{width:480px;height:480px;background:#6e1020;top:-140px;left:-110px;animation:drift 26s var(--ease) infinite alternate}.blob2{width:400px;height:400px;background:#3a0d4a;bottom:-120px;right:-90px;animation:drift 32s var(--ease) infinite alternate-reverse}@keyframes drift{0%{transform:translate(0)}to{transform:translate(70px,50px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@supports not (backdrop-filter: blur(1px)){.mode-card,.ans,.endcard,.pill,.toast{background:#1a080eeb!important}}.wrap{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:24px 16px 48px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.logo{font-family:var(--font-d);font-weight:400;font-size:26px;letter-spacing:2.5px;display:flex;align-items:center;gap:10px}.logo img{height:44px;width:auto;display:block;filter:drop-shadow(0 0 14px var(--accent-glow))}.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:13px;color:var(--muted);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.pill b{color:var(--fg)}.icn{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.2em;flex:0 0 auto}.pill .icn{width:1.25em;height:1.25em}.mode-ico .icn{width:22px;height:22px}.btn .icn{width:1em;height:1em}.icn-gold{color:var(--gold)}.icn-good{color:var(--good)}.icn-red{color:#f43f5e}.icn-accent{color:var(--accent-2)}.screen{display:none}.screen.active{display:block;animation:enter .35s var(--ease)}@keyframes enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.logo{background:none;border:0;padding:0;cursor:pointer;color:inherit;font-family:var(--font-d)}.logo:hover img,.logo:focus-visible img{filter:drop-shadow(0 0 20px var(--accent-glow))}.logo:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px;border-radius:8px}@media(min-width:769px)and (max-height:800px){.wrap{padding-top:16px;padding-bottom:24px}header{margin-bottom:14px}}.hall{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none;background:radial-gradient(98% 78% at 50% 30%,#3a0d16,#160308 58%,#080103);opacity:0;visibility:hidden}:root{--world-w:max(100vw, calc(100vh * 5504 / 3072));--world-h:max(100vh, calc(100vw * 3072 / 5504));--logo-w:min(calc(var(--world-w) * .3), 76vw);--screen-y:calc((100vh - var(--world-h)) / 2 + var(--world-h) * .32)}.hall-world{position:absolute;top:50%;left:50%;width:var(--world-w);height:var(--world-h);transform:translate(-50%,-50%);transform-origin:50% 32%}.hall-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;transform-origin:50% 51.33%;backface-visibility:hidden}body.onboarding .hall-world{will-change:transform}body.onboarding.hall-loading img.hall-layer:not([data-depth="10.183"]){opacity:0!important}.hall-flare{position:absolute;left:32.5%;top:14.5%;width:35%;height:35%;opacity:0;background:radial-gradient(86% 96% at 50% 48%,#ffd6b642,#ff968017 58%,#ff968000 82%)}.hall-projection{position:absolute;left:50%;top:calc(32% - var(--logo-w) / 7);width:var(--logo-w);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--logo-w) * .052)}.hall-projection img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 34px rgba(26,2,8,.85));transition:opacity .5s ease,filter .5s ease}.hall-tagline{color:var(--fg);font-size:clamp(12px,calc(var(--logo-w) * .045),23px);line-height:1.35;letter-spacing:.055em;text-align:center;text-wrap:balance;max-width:calc(var(--logo-w) * 1.04);text-shadow:0 2px 16px rgba(0,0,0,.85)}.hall-beam{display:block;width:18px;height:30px;margin-top:calc(var(--logo-w) * .012);color:#ffece0ad}.hall-beam svg{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 5px rgba(0,0,0,.7))}.hall-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,transparent 52%,rgba(8,2,4,.62) 74%,rgba(8,2,4,.82) 100%)}.hall-scrim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(112% 78% at 50% 18%,transparent 30%,rgba(8,2,4,.1) 57%,rgba(8,2,4,.64) 100%),linear-gradient(to bottom,transparent 40%,rgba(8,2,4,.18) 63%,rgba(8,2,4,.58) 100%);transition:opacity .36s cubic-bezier(.16,1,.3,1)}body.onboarding.hall-principle-focus .hall-scrim:after{opacity:1}@media(max-width:768px){:root{--logo-w:min(calc(var(--world-w) * .3), 82vw)}.hall-scrim{background:linear-gradient(to bottom,transparent 48%,rgba(8,2,4,.6) 70%,rgba(8,2,4,.84) 100%)}}@media(prefers-reduced-motion:reduce){.hall-projection img{transition:opacity .2s linear}.hall-scrim:after{transition:none}.hall-beam{display:none}}.hero{text-align:center;padding:36px 12px 8px}.hero h1{font-family:var(--font-d);font-weight:400;font-size:clamp(42px,8vw,72px);letter-spacing:2px;line-height:1;margin-bottom:12px}.hero h1 span{background:linear-gradient(90deg,#fb7185,#e11d48);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:52ch;margin:0 auto 30px;font-size:16px;line-height:1.5}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:8px}.mode-card{position:relative;display:flex;flex-direction:column;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;cursor:pointer;color:var(--fg);font-family:var(--font-b);transition:transform .2s var(--ease),border-color .2s,box-shadow .2s;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);min-height:44px;box-shadow:inset 0 1px #ffffff14}.mode-card:hover,.mode-card:focus-visible{transform:translateY(-3px);border-color:var(--border-hi);box-shadow:inset 0 1px #ffffff1f,0 12px 40px #e11d4840}.mode-card:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.mode-title{display:block;font-family:var(--font-h);font-weight:600;font-size:19px;margin:14px 0 6px}.mode-desc{display:block;color:var(--muted);font-size:14px;line-height:1.5}.mode-ico{flex:0 0 auto;align-self:flex-start;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#e11d4859,#fb718526);border:1px solid var(--border)}.badge-new{position:absolute;top:16px;right:16px;font-size:11px;font-weight:700;letter-spacing:.8px;padding:4px 10px;border-radius:999px;background:#f4c54224;color:var(--gold);border:1px solid rgba(244,197,66,.35)}.stats-row{display:flex;gap:10px;justify-content:center;margin-top:26px;flex-wrap:wrap}@media(min-width:769px)and (max-height:800px){.hero{padding:8px 12px 2px}.hero h1{font-size:clamp(42px,6vw,52px);margin-bottom:4px}.hero p{font-size:13px;line-height:1.35;margin-bottom:8px}.modes{gap:12px;margin-top:0}.mode-card{padding:12px 16px}.mode-ico{width:40px;height:40px}.mode-title{margin:6px 0 3px}.mode-desc{line-height:1.4}.stats-row{margin-top:10px}}.programme{margin:30px 0 0;padding-top:22px;border-top:1px solid var(--border)}.programme-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:15px}.programme-head h2{font-family:var(--font-d);font-weight:400;font-size:28px;letter-spacing:1.6px;line-height:1}.programme-head p{color:var(--muted);font-size:13px;line-height:1.4}.seances{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;list-style:none;margin:0;padding:0}.seance{display:flex;flex-direction:column;width:100%;padding:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--fg);font-family:var(--font-b);text-align:left;cursor:pointer;transition:transform .18s var(--ease),border-color .18s ease,box-shadow .18s ease}.seance:hover,.seance:focus-visible{transform:translateY(-3px);border-color:var(--border-hi);box-shadow:0 12px 34px #e11d4838}.seance:active{transform:translateY(-1px) scale(.985)}.seance:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.seance-marquee{position:relative;display:grid;place-items:center;aspect-ratio:16/7;overflow:hidden;background:#0a0205}.seance-palettes{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.seance-palettes img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5;transition:opacity .22s ease,transform .28s var(--ease)}.seance-marquee:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a0205d1,#0a020594 55%,#0a020561)}.seance:hover .seance-palettes img,.seance:focus-visible .seance-palettes img{opacity:.72;transform:scale(1.05)}.seance-logo{position:relative;z-index:1;width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.7))}.seance-logo-a24{height:36px}.seance-logo-marvel{height:30px}.seance-logo-star-wars{height:42px}.seance-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 13px 12px}.seance-count{font-size:13px;font-weight:600}.seance-best{font-size:12px;color:var(--muted)}.seance-best b{color:var(--gold);font-weight:700}.collection-pill{color:var(--gold);border-color:#f4c54257;background:#f4c5421a;font-weight:700}@media(min-width:769px)and (max-height:800px){.programme{margin-top:14px;padding-top:10px}.programme-head{margin-bottom:8px}.seance-marquee{aspect-ratio:16/5}.seance-meta{padding:7px 11px}.seance-count{font-size:12px}.seance-best{font-size:11px}}@media(prefers-reduced-motion:reduce){.seance,.seance-palettes img{transition:border-color .18s ease,opacity .18s ease}.seance:hover,.seance:focus-visible,.seance:active{transform:none}.seance:hover .seance-palettes img,.seance:focus-visible .seance-palettes img{transform:none}}.settings-btn{cursor:pointer;color:var(--muted);transition:color .15s,border-color .15s}.settings-btn:hover,.settings-btn:focus-visible{color:var(--fg);border-color:var(--border-hi)}.settings-btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.settings-btn .icn{width:1.15em;height:1.15em}.settings{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(420px,calc(100vw - 32px));padding:0;border:1px solid var(--border-hi);border-radius:var(--radius);background:var(--bg-red);color:var(--fg);box-shadow:0 28px 80px #0000008c;opacity:0;transform:scale(.97);transition:opacity .18s var(--ease),transform .18s var(--ease),overlay .18s allow-discrete,display .18s allow-discrete}.settings[open]{opacity:1;transform:scale(1)}@starting-style{.settings[open]{opacity:0;transform:scale(.97)}}.settings::backdrop{background:#060204a8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.settings-form{display:flex;flex-direction:column;gap:22px;padding:20px 22px 24px}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-head h2{font-family:var(--font-d);font-weight:400;font-size:26px;letter-spacing:1.4px;line-height:1}.settings-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.settings-close:hover,.settings-close:focus-visible{color:var(--fg);border-color:var(--border-hi)}.settings-close:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.settings-close .icn{width:15px;height:15px}.settings-group{border:0;padding:0;margin:0;min-width:0}.settings-group legend{padding:0;font-family:var(--font-h);font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--muted)}.settings-note{margin:5px 0 11px;font-size:12px;color:var(--muted);line-height:1.4}.settings-levels{display:grid;gap:7px}.settings-level{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;min-height:44px;transition:border-color .15s,background .15s}.settings-level input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings-level .sl-name{font-family:var(--font-h);font-weight:600;font-size:15px}.settings-level .sl-sub{grid-column:1/-1;font-size:11.5px;color:var(--muted);line-height:1.3}.settings-level .sl-mark{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border-hi);display:grid;place-items:center}.settings-level .sl-mark:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-2);transform:scale(0);transition:transform .15s var(--ease)}.settings-level:hover{border-color:var(--border-hi);background:var(--glass-red)}.settings-level:has(input:checked){border-color:var(--accent-2);background:var(--glass-red)}.settings-level:has(input:checked) .sl-mark:after{transform:scale(1)}.settings-level:has(input:focus-visible){outline:2px solid var(--accent-2);outline-offset:2px}.settings-switch{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 14px;padding:11px 13px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;min-height:44px;transition:border-color .15s,background .15s}.settings-switch b{grid-area:1/1}.settings-switch small{grid-area:2/1}.settings-switch .ss-track{grid-area:1/2/3/3;justify-self:end}.settings-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings-switch b{font-family:var(--font-h);font-weight:600;font-size:15px}.settings-switch small{font-size:11.5px;color:var(--muted);line-height:1.3}.settings-switch .ss-track{width:40px;height:23px;border-radius:999px;background:#ffffff1a;border:1px solid var(--border);display:flex;align-items:center;padding:2px;transition:background .18s ease,border-color .18s ease}.settings-switch .ss-track i{width:17px;height:17px;border-radius:50%;background:var(--muted);transition:transform .18s var(--ease),background .18s ease}.settings-switch:hover{border-color:var(--border-hi)}.settings-switch:has(input:checked){border-color:var(--accent-2);background:var(--glass-red)}.settings-switch:has(input:checked) .ss-track{background:var(--accent);border-color:var(--accent)}.settings-switch:has(input:checked) .ss-track i{transform:translate(17px);background:#fff}.settings-switch:has(input:focus-visible){outline:2px solid var(--accent-2);outline-offset:2px}.end-replay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.end-replay-label{font-size:12px;color:var(--muted)}.end-levels{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.end-level,.end-relaxed{padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:600 12px var(--font-h);cursor:pointer;min-height:34px;transition:color .15s,border-color .15s,background .15s}.end-level:hover,.end-relaxed:hover,.end-level:focus-visible,.end-relaxed:focus-visible{color:var(--fg);border-color:var(--border-hi)}.end-level[aria-pressed=true]{color:var(--fg);border-color:var(--accent-2);background:var(--glass-red)}.end-relaxed[aria-pressed=true]{color:var(--gold);border-color:#f4c54257}.end-level:focus-visible,.end-relaxed:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@media(prefers-reduced-motion:reduce){.settings{transition:opacity .12s linear,overlay .12s allow-discrete,display .12s allow-discrete;transform:none}.settings[open]{transform:none}@starting-style{.settings[open]{transform:none}}.settings-level .sl-mark:after,.settings-switch .ss-track i{transition:none}}.ob-track{width:100%;pointer-events:none}.ob-copy{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.ob-skip{position:fixed;right:clamp(20px,4vw,48px);bottom:clamp(20px,4vw,40px);z-index:3;color:var(--muted);font-size:13px;text-decoration:none;text-underline-offset:4px;pointer-events:auto;opacity:.78;transition:opacity .15s var(--ease),color .15s var(--ease)}.ob-skip:hover,.ob-skip:focus-visible{color:var(--fg);opacity:1}.ob-skip:focus-visible{outline:2px solid var(--accent-2);outline-offset:5px;border-radius:4px}.ob-block{position:absolute;left:50%;top:calc(var(--screen-y) + clamp(18px,3vh,32px));width:min(620px,64vw);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:22px;pointer-events:auto;will-change:opacity}.ob-text{display:flex;flex-direction:column;align-items:center;gap:14px}.ob-block h2{font-family:var(--font-d);font-weight:400;font-size:clamp(28px,3vw,46px);letter-spacing:3px;text-shadow:0 2px 20px rgba(0,0,0,.9)}.ob-block p{color:var(--muted);font-size:clamp(14px,1.15vw,18px);line-height:1.6;max-width:44ch;text-align:center;text-wrap:balance;text-shadow:0 1px 14px rgba(0,0,0,.9)}.ob-block p b{color:var(--fg);font-weight:600}.strip-demo{position:relative;width:100%;height:clamp(112px,13vw,190px);border-radius:22px;overflow:hidden;box-shadow:0 26px 70px #0000008c}.strip-demo img{width:100%;height:100%;object-fit:fill;display:block}.ob-static .ob-track{height:100vh}.ob-static .ob-copy{position:absolute;top:0;right:0;bottom:0;left:0;height:100vh}body.onboarding header,body.onboarding #scr-home{opacity:var(--onboard-menu,0);transform:translateY(var(--onboard-menu-shift,18px));will-change:opacity,transform}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:768px){.ob-block{top:calc(var(--screen-y) + clamp(14px,3vh,24px));width:86vw;gap:18px}.ob-block h2{font-size:30px;letter-spacing:2px}.strip-demo{height:108px;border-radius:16px}.ob-block p{font-size:14px;line-height:1.55}.ob-skip{right:20px;bottom:calc(18px + env(safe-area-inset-bottom));font-size:12px}}.hud{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}.hud-left,.hud-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.lives{display:flex;gap:4px;font-size:15px}.life{transition:opacity .3s,transform .3s var(--ease)}.life.lost{opacity:.18;transform:scale(.8)}.streak-pill{background:#f4c5421f;border-color:#f4c5424d}.streak-pill b{color:var(--gold)}.timerbar{height:8px;border-radius:99px;background:#ffffff17;overflow:visible;margin-bottom:20px;box-shadow:inset 0 1px 1px #0000004d}.timerbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f4c542,#e8a33d);transform-origin:left;transition:transform .1s linear,background .18s,box-shadow .18s}.timerbar.danger{background:#e11d482e;animation:timerAlarm .62s ease-in-out infinite alternate}.timerbar.danger i{background:linear-gradient(90deg,#fb7185,#e11d48);box-shadow:0 0 14px #fb7185e6}@keyframes timerAlarm{0%{box-shadow:inset 0 1px 1px #0000004d,0 0 #fb718500}to{box-shadow:inset 0 1px 1px #0000004d,0 0 0 4px #fb71851f,0 0 22px #e11d48b8}}.board{display:grid;grid-template-columns:1fr;gap:22px;align-items:stretch}.strip-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-hi);box-shadow:0 18px 60px #e11d4847;background:var(--surface);height:230px;isolation:isolate}.strip-card img{width:100%;height:100%;object-fit:fill;display:block;transition:filter .18s ease}.strip-card:before,.strip-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0}.strip-card:before{transform:translate(-120%);clip-path:inset(0 round var(--radius))}.strip-card.answer-correct{border-color:#6ee7b7eb;box-shadow:0 18px 60px #10b98147,0 0 0 1px #6ee7b773;animation:stripConfirm .7s var(--ease)}.strip-card.answer-correct img{filter:saturate(1.18) brightness(1.1)}.strip-card.answer-correct:before{background:linear-gradient(105deg,transparent 0 34%,rgba(235,255,246,.94) 45%,rgba(110,231,183,.86) 50%,transparent 61%);animation:paletteExposure .72s var(--ease)}.strip-card.answer-correct:after{background:linear-gradient(90deg,rgba(16,185,129,.26),transparent 55%);animation:resultWash .9s var(--ease)}.strip-card.answer-wrong{border-color:#fb7185e6;box-shadow:0 18px 60px #e11d4857,0 0 0 1px #fb71855c;animation:stripReject .52s var(--ease)}.strip-card.answer-wrong img{filter:saturate(.48) brightness(.78)}.strip-card.answer-wrong:before{background:linear-gradient(105deg,transparent 0 37%,rgba(255,226,230,.86) 46%,rgba(244,63,94,.9) 51%,transparent 62%);animation:paletteExposure .58s var(--ease)}.strip-card.answer-wrong:after{background:linear-gradient(90deg,rgba(225,29,72,.42),transparent 62%);animation:resultWash .82s var(--ease)}.strip-card .strip-ghost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;filter:saturate(1) brightness(1) blur(10px);transform:scale(1.08);transition:opacity .34s cubic-bezier(.4,0,.2,1),filter .34s cubic-bezier(.4,0,.2,1),transform .34s cubic-bezier(.4,0,.2,1)}.strip-card .strip-ghost.hold{opacity:1;filter:saturate(1) brightness(1) blur(0);transform:scale(1);transition:none}.strip-card .strip-ghost.hold.tint-correct{filter:saturate(1.18) brightness(1.1) blur(0)}.strip-card .strip-ghost.hold.tint-wrong{filter:saturate(.48) brightness(.78) blur(0)}.strip-card.swapping #stripImg{transition:filter .46s cubic-bezier(.22,.61,.36,1),transform .46s cubic-bezier(.22,.61,.36,1)}.strip-card.swap-start #stripImg{filter:blur(12px);transform:scale(1.08);transition:none}@keyframes paletteExposure{0%{opacity:0;transform:translate(-120%)}20%{opacity:1}72%{opacity:.92}to{opacity:0;transform:translate(120%)}}@keyframes resultWash{0%{opacity:0}22%{opacity:1}to{opacity:.28}}@keyframes stripConfirm{0%{transform:scale(1)}38%{transform:scale(1.012)}to{transform:scale(1)}}@keyframes stripReject{0%,to{transform:translate(0)}28%{transform:translate(-9px)}55%{transform:translate(7px)}78%{transform:translate(-3px)}}.timeline-lbl{position:absolute;z-index:3;bottom:8px;font-size:11px;letter-spacing:.6px;color:#ffffffc7;background:#0d030680;padding:3px 9px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.timeline-lbl.start{left:10px}.timeline-lbl.end{right:10px}.qside{display:flex;flex-direction:column;justify-content:center;gap:12px}.qtitle{font-family:var(--font-h);font-weight:600;font-size:clamp(19px,3vw,24px);margin-bottom:6px}.qtitle small{display:block;font-family:var(--font-b);font-weight:400;color:var(--muted);font-size:14px;margin-top:4px}.answers{display:flex;flex-direction:column;gap:10px}.ans{position:relative;text-align:left;padding:15px 18px;min-height:52px;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--fg);font-family:var(--font-b);font-size:16px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s var(--ease);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.ans:hover:not(:disabled),.ans:focus-visible{border-color:var(--accent-2);background:var(--glass-red);transform:translate(4px)}.ans:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.ans:disabled{cursor:default}.ans .key{display:inline-flex;width:24px;height:24px;border-radius:7px;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e11d4840;border:1px solid var(--border);margin-right:10px;color:var(--accent-2)}.ans.correct{background:#34d39938;border-color:#6ee7b7d1;box-shadow:0 8px 24px #10b98129;animation:answerConfirm .42s var(--ease)}.ans.correct .key{background:#34d3994d;color:#6ee7b7}.ans.wrong{background:#f43f5e33;border-color:#fb7185cc;animation:answerReject .38s var(--ease)}@keyframes answerConfirm{0%{transform:scale(1)}45%{transform:scale(1.018)}to{transform:scale(1)}}@keyframes answerReject{0%,to{transform:translate(0)}32%{transform:translate(-7px)}68%{transform:translate(5px)}}.ans.dim{opacity:.4}.reveal{margin-top:6px;padding:16px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--border);display:none}.reveal.show{display:block;animation:enter .3s var(--ease)}.reveal .verdict{font-family:var(--font-h);font-weight:600;font-size:17px;margin-bottom:4px}.reveal .verdict.ok{color:var(--good)}.reveal .verdict.ko{color:#fb7185}.reveal p{color:var(--muted);font-size:14px;line-height:1.5}.reveal .pts{color:var(--gold);font-weight:700}.score-pill{position:relative;overflow:visible}.score-pill.score-hit{animation:scorePillFlash .68s var(--ease)}.score-pop{display:inline-block;animation:scorePop .68s var(--ease)}.score-delta{position:absolute;right:7px;top:-7px;color:#ffe29a;font-weight:800;font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;text-shadow:0 2px 12px rgba(244,197,66,.75)}.score-delta.show{animation:scoreGain .78s var(--ease)}@keyframes scorePop{0%{transform:scale(1)}32%{transform:scale(1.42);color:#ffe29a;text-shadow:0 0 16px rgba(244,197,66,.7)}to{transform:scale(1)}}@keyframes scorePillFlash{0%,to{background:var(--surface);border-color:var(--border)}35%{background:#f4c5423d;border-color:#f4c542b3;box-shadow:0 0 22px #f4c5422e}}@keyframes scoreGain{0%{opacity:0;transform:translateY(7px) scale(.85)}24%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-30px) scale(1)}}.level-pill{text-transform:uppercase;letter-spacing:.6px;font-size:11.5px;font-weight:700;color:var(--accent-2);border-color:var(--border-hi)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 26px;border-radius:999px;border:none;cursor:pointer;font-family:var(--font-h);font-weight:600;font-size:16px;color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 0 28px var(--accent-glow),inset 0 1px #ffffff40;transition:transform .15s var(--ease),box-shadow .15s}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:0 0 38px var(--accent-glow),inset 0 1px #ffffff40}.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.btn.ghost{background:var(--surface);border:1px solid var(--border);box-shadow:none;color:var(--fg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.btn-row{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}.endcard{max-width:520px;margin:40px auto;text-align:center;background:var(--glass-red);border:1px solid var(--border-hi);border-radius:24px;padding:40px 28px;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:inset 0 1px #ffffff1f,0 20px 60px #00000080}.endcard h2{font-family:var(--font-d);font-weight:400;font-size:32px;letter-spacing:1.5px;margin-bottom:6px}.bigscore{font-family:var(--font-d);font-size:72px;font-weight:400;letter-spacing:2px;background:linear-gradient(90deg,#fb7185,#e11d48);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.05;margin:12px 0}.endstats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0 6px}.sharebox{margin-top:14px;font-size:14px;color:var(--muted);white-space:pre-line;background:#0d030659;border-radius:12px;padding:12px;border:1px solid var(--border)}.endsub{color:var(--muted);font-size:13px;margin-top:-4px}.end-rank{max-width:34ch;margin:14px auto 0;color:var(--fg);font-size:14px;line-height:1.45}.sharebox{display:grid;gap:4px;text-align:left;background:linear-gradient(135deg,#f4c54229,#e11d481f);border-color:#f4c54252;padding:16px 18px}.sharebox .share-kicker{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.12em}.sharebox strong{font-family:var(--font-h);font-size:20px}.sharebox .share-score{color:var(--fg);font-size:14px}.sharebox .share-meta{color:var(--muted);font-size:12px;margin-top:5px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(80px);background:#1e0a10e0;border:1px solid var(--border-hi);color:var(--fg);padding:12px 22px;border-radius:999px;font-size:14px;transition:transform .3s var(--ease);z-index:50;box-shadow:0 10px 30px #00000080;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.toast.show{transform:translate(-50%) translateY(0)}footer{text-align:center;color:var(--muted);font-size:12px;margin-top:44px;line-height:1.6}footer a{color:var(--accent-2)}footer .lang{margin-top:10px}footer .lang a{display:inline-block;min-height:44px;line-height:44px;padding:0 12px;color:var(--muted);text-decoration:none;border-radius:8px}footer .lang a:hover{color:var(--fg)}footer .lang a.active{color:var(--fg);font-weight:600;text-decoration:underline;text-underline-offset:3px}footer .madein{margin-top:4px;opacity:.85}.header-right{display:flex;gap:8px;align-items:center}.home-btn{display:none;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s}body.in-game .home-btn{display:inline-flex}.home-btn:hover,.home-btn:focus-visible{border-color:var(--border-hi);background:var(--surface-hi);color:var(--fg)}@media(min-width:769px)and (max-height:800px){footer{margin-top:8px;font-size:11px;line-height:1.3}footer .lang{margin-top:0}footer .lang a{min-height:28px;line-height:28px;padding:0 10px}footer .madein{margin-top:0}}@media(max-width:768px){html,body{min-height:100%;overflow-x:hidden}body{min-height:100dvh;height:auto;background-attachment:scroll}.wrap{min-height:100dvh;height:auto;max-width:100%;padding:calc(8px + env(safe-area-inset-top)) 12px calc(8px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:visible}header{margin-bottom:16px;flex:0 0 auto}.logo{font-size:19px;letter-spacing:1.5px}.logo img{height:30px}.pill{padding:6px 11px;font-size:12px}footer{margin-top:6px;padding-top:4px;flex:0 0 auto;font-size:11px}footer .lang{margin-top:2px}footer .lang a{min-height:32px;line-height:32px}.screen{flex:1 1 auto;min-height:0}.screen.active{display:flex;flex-direction:column;min-height:0;overflow:visible}#scr-home.active{justify-content:center}.hero{padding:4px 2px}.hero h1{font-size:clamp(30px,8.5vw,46px);margin-bottom:8px}.hero p{font-size:13px;line-height:1.4;margin-bottom:16px}.modes{gap:10px;margin-top:0}.mode-card{padding:14px 16px}.mode-title{font-size:16px;margin:6px 0 3px}.mode-desc{font-size:12px;line-height:1.35}.mode-ico{width:36px;height:36px;font-size:17px}.badge-new{top:12px;right:12px}.stats-row{margin-top:12px;gap:6px}.settings-form{gap:18px;padding:17px 18px 20px}.programme{margin-top:18px;padding-top:16px}.programme-head{margin-bottom:11px;gap:2px 14px}.programme-head h2{font-size:22px}.programme-head p{font-size:12px}.seances{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:64%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:9px;margin:0 -12px;padding:2px 12px 8px;scrollbar-width:none}.seances::-webkit-scrollbar{display:none}.seances>li{scroll-snap-align:start}.seance-logo-a24{height:31px}.seance-logo-marvel{height:25px}.seance-logo-star-wars{height:36px}.seance-meta{padding:9px 11px 10px}.seance-count{font-size:12px}.seance-best{font-size:11px}body.in-game footer{display:none}body.in-game,body.in-game .wrap{height:100dvh;overflow:hidden}#scr-game.active{overflow:hidden}.hud{margin-bottom:12px;gap:6px;flex-wrap:nowrap}.hud .pill{padding:5px 9px;font-size:11.5px;white-space:nowrap}.lives{font-size:13px}.timerbar{margin-bottom:16px}.board{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}.strip-card{flex:1 1 0px;height:auto;min-height:90px;max-height:32dvh}.strip-card .strip-ghost{filter:saturate(1) brightness(1) blur(6px)}.strip-card.swap-start #stripImg{filter:blur(7px)}.qside{flex:0 1 auto;min-height:0;justify-content:flex-start;gap:8px;overflow-y:auto}.qtitle{font-size:clamp(16px,4.2vw,20px);margin-bottom:2px}.qtitle small{font-size:12px;margin-top:2px}.answers{gap:8px}.ans{padding:11px 14px;min-height:46px;font-size:15px}.reveal{padding:12px 14px}.reveal .verdict{font-size:15px}.reveal p{font-size:13px}.btn{min-height:44px;padding:11px 22px;font-size:15px}.btn-row{margin-top:12px}#scr-end.active{justify-content:center}.endcard{margin:0 auto;padding:24px 20px;max-width:100%}.endcard h2{font-size:26px}.bigscore{font-size:54px;margin:8px 0}.endstats{margin:12px 0 4px}}@media(max-width:768px)and (max-height:900px){.wrap{padding-top:6px;padding-bottom:6px}header{margin-bottom:8px}#scr-home.active{justify-content:flex-start}.hero{padding:0 2px}.hero h1{font-size:30px;margin-bottom:4px}.hero p{font-size:12px;line-height:1.3;margin-bottom:8px}.modes{gap:7px}.mode-card{padding:10px 14px}.mode-ico{width:32px;height:32px}.mode-title{margin:4px 0 2px}.mode-desc{line-height:1.28}.programme{margin-top:12px;padding-top:10px}.programme-head{margin-bottom:8px}.seance-meta{padding:7px 10px 8px}.stats-row{margin-top:8px}footer{margin-top:3px;padding-bottom:3px}}@media(max-width:640px)and (max-height:720px){.hero h1{font-size:26px;letter-spacing:1px}.hero p{font-size:11px;line-height:1.25;margin-bottom:6px}.modes{gap:5px}.mode-card{padding:7px 12px}.mode-ico{width:28px;height:28px;font-size:15px}.mode-title{font-size:15px;margin:3px 0 1px}.mode-desc{font-size:11px;line-height:1.22}.programme{margin-top:8px;padding-top:7px}.programme-head{margin-bottom:6px;gap:1px 10px}.programme-head h2{font-size:19px}.programme-head p{font-size:11px}.seances{grid-auto-columns:56%;padding-bottom:4px}.seance-marquee{aspect-ratio:16/5}.seance-meta{padding:5px 8px 6px}.seance-count{font-size:11px}.seance-best{font-size:10px}.stats-row{margin-top:6px;gap:4px;flex-wrap:nowrap}.stats-row .pill{padding:4px 6px;font-size:10px;white-space:nowrap}footer{font-size:10px;line-height:1.2}footer .lang{margin-top:0}footer .lang a{min-height:24px;line-height:24px;padding:0 8px}}@media(max-width:640px){.modes{grid-template-columns:1fr}}@media(max-width:560px){.end-replay{gap:7px}}