.oyn button,.stage button{font:inherit;cursor:pointer;color:inherit;box-sizing:border-box}.oyn *,.stage *{box-sizing:border-box}.oyn h2,.oyn h3,.stage h2,.stage h3{font-family:var(--head);letter-spacing:-.02em;margin:0;font-weight:700}.owrap{max-width:880px;margin:0 auto;padding:0 16px}.ogrid{grid-template-columns:repeat(3,1fr);gap:20px;padding:8px 0 72px;display:grid}@media (width<=980px){.ogrid{grid-template-columns:1fr 1fr}}@media (width<=560px){.ogrid{grid-template-columns:1fr}}.gcard{text-align:left;color:#fff;border:0;border-radius:22px;flex-direction:column;gap:8px;min-height:230px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.gcard:hover{transform:translateY(-4px)rotate(-.4deg);box-shadow:0 18px 40px -16px #1e2a3a73}.gcard .ic{filter:drop-shadow(0 6px 10px #0000002e);font-size:44px;line-height:1}.gcard h3{margin-top:auto;font-size:24px}.gcard p{opacity:.92;margin:0;font-size:14.5px;line-height:1.45}.gcard .tag{background:#ffffff38;border-radius:99px;align-self:flex-start;padding:5px 11px;font-size:12px;font-weight:800}.gcard .play{color:#1b1b1b;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;padding-left:3px;font-size:16px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 6px 14px #0000002e}.gcard{color:var(--ink);background:var(--pb);border:1.5px solid var(--pl);box-shadow:none}.gcard:hover{box-shadow:0 18px 36px -18px var(--pa);transform:translateY(-4px)}.gcard .ic{filter:none;width:64px;height:64px;box-shadow:0 6px 16px -8px var(--pa);background:#fff;border-radius:20px;place-items:center;font-size:36px;display:grid}.gcard .tag{color:var(--pa);background:#fff}.gcard .play{background:var(--pa);color:#fff}.gcard p{color:#4a4f57;opacity:1}.gcard>:not(.play){z-index:1;position:relative}.gcard .play{z-index:1}.gcard:after{z-index:0}.gcard.p-red{--pb:linear-gradient(140deg,#ffa585 0%,#ffd3c2 100%);--pl:transparent;--pa:#e5482a}.gcard.p-blue{--pb:linear-gradient(140deg,#7cc8fa 0%,#c9e9fe 100%);--pl:transparent;--pa:#0a7fd0}.gcard.p-yellow{--pb:linear-gradient(140deg,#ffd24d 0%,#ffeba8 100%);--pl:transparent;--pa:#b97f00}.gcard.p-green{--pb:linear-gradient(140deg,#a9d85a 0%,#ddf1b6 100%);--pl:transparent;--pa:#4c8a00}.gcard{box-shadow:0 10px 24px -14px var(--pa)}.gcard p{color:#2c3038}.gcard .ic{transition:transform .25s;transform:rotate(-6deg)}.gcard:hover .ic{transform:rotate(4deg)scale(1.06)}.gcard:before{content:"";z-index:0;background:#ffffff59;border-radius:12px;width:46px;height:46px;position:absolute;top:38%;left:58%;transform:rotate(18deg)}.gcard:after{content:"";background:#ffffff8c;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:-40px}.stage{z-index:50;color:#fff;flex-direction:column;display:none;position:fixed;inset:0;overflow:hidden}.stage.on{display:flex}.stage .sky{z-index:-1;transition:background .6s;position:absolute;inset:0}.stage .blob{filter:blur(50px);opacity:.25;border-radius:50%;animation:12s ease-in-out infinite float;position:absolute}@keyframes float{50%{transform:translate(30px,-25px)scale(1.08)}}.bar{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));align-items:center;gap:10px;display:flex}.bar .x,.bar .snd{color:#fff;backdrop-filter:blur(6px);background:#ffffff2e;border:0;border-radius:50%;width:42px;height:42px;font-size:18px}.bar .ttl{letter-spacing:.02em;text-align:center;flex:1;font-size:15px;font-weight:800}.hud{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:640px;margin:0 auto;padding:0 16px;display:flex}.pill{backdrop-filter:blur(6px);background:#ffffff2e;border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-size:15px;font-weight:800;display:flex}.pill.fire{background:linear-gradient(90deg,#ff8a3d,#ff4e6a);animation:1.2s infinite pulse;box-shadow:0 0 #ff6e5099}@keyframes pulse{70%{box-shadow:0 0 0 12px #ff6e5000}}.path{gap:6px;width:100%;max-width:640px;margin:14px auto 0;padding:0 16px;display:flex}.path i{background:#ffffff38;border-radius:99px;flex:1;height:10px;transition:background .3s;position:relative}.path i.now{background:#fff;animation:1s infinite blink}@keyframes blink{50%{opacity:.5}}.path i.ms:after{content:attr(data-ms);font-size:15px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.body{flex-direction:column;flex:1;justify-content:flex-start;width:100%;max-width:640px;margin:0 auto;padding:40px 16px 24px;display:flex;overflow-y:auto}.qcard{color:var(--ink);background:#fff;border-radius:26px;padding:22px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;position:relative;box-shadow:0 24px 60px -20px #14143c8c}@keyframes pop{0%{opacity:0;transform:scale(.9)translateY(20px)}}.qcard.shake{animation:.45s shake}@keyframes shake{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.lvl{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.lvl b{background:var(--line);border-radius:50%;width:9px;height:9px;display:block}.lvl b.on{background:var(--mustard)}.timer{width:58px;height:58px;position:absolute;top:-26px;right:18px}.timer svg{transform:rotate(-90deg)}.timer span{color:var(--ink);place-items:center;font-size:18px;font-weight:900;display:grid;position:absolute;inset:0}.q{font-family:var(--head);margin:12px 0 18px;font-size:clamp(20px,4.6vw,26px);line-height:1.25}.opts{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=460px){.opts{grid-template-columns:1fr}}.opts.one{grid-template-columns:1fr}.opts.one .opt{min-height:56px;padding:12px 14px;font-size:15.5px}.opt{text-align:left;color:#fff;text-shadow:0 1px 2px #0000002e;border:0;border-radius:18px;align-items:center;gap:12px;min-height:68px;padding:16px 14px;font-size:17px;font-weight:900;transition:transform .12s,opacity .25s,filter .25s;display:flex}.opt.c0{background:#f25022;box-shadow:0 5px #b83a15}.opt.c1{background:#00a4ef;box-shadow:0 5px #0078b4}.opt.c2{color:#1b1b1b;text-shadow:none;background:#ffb900;box-shadow:0 5px #c48e00}.opt.c3{background:#7fba00;box-shadow:0 5px #5e8a00}.opt:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px)}.opt:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.opt .sh{background:#ffffff38;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.opt.dim{opacity:.28;filter:grayscale(.6)}.opt.ok{outline-offset:-4px;outline:4px solid #fff;transform:scale(1.03)}.opt.ok .sh:after{content:"✓";position:absolute}.opt.ok .sh{color:#0000;background:#fff;position:relative}.opt.ok .sh:after{color:#20a464;font-size:24px}.opt.bad{opacity:1;filter:none;outline-offset:-4px;outline:4px dashed #ffffffd9}.opt.bad .sh{color:#0000;background:#fff;position:relative}.opt.bad .sh:after{content:"✕";color:#e5484d;font-size:22px;position:absolute}.opt.gone{opacity:.15;filter:grayscale()}.opt:disabled{cursor:default}.fact{background:var(--mustard-soft);border-radius:16px;margin-top:14px;padding:14px 16px;font-size:15px;line-height:1.5;animation:.3s pop;display:none}.fact.on{display:block}.tools{align-items:center;gap:8px;margin-top:14px;display:flex}.joker{background:var(--violet-soft);color:var(--violet);border:0;border-radius:99px;padding:10px 14px;font-size:14px;font-weight:800}.joker:disabled{opacity:.35}.next{color:#fff;background:linear-gradient(90deg,#6c7cf0,#f25c6e);border:0;border-radius:99px;margin-left:auto;padding:13px 22px;font-size:15px;font-weight:900;display:none;box-shadow:0 8px 20px -8px #7a5cc4cc}.float{pointer-events:none;z-index:60;text-shadow:0 3px 10px #00000040;font-size:28px;font-weight:900;animation:1s forwards up;position:fixed}@keyframes up{to{opacity:0;transform:translateY(-80px)}}.intro{text-align:center;animation:.4s pop}.intro .big{filter:drop-shadow(0 10px 20px #00000040);font-size:84px;line-height:1}.intro h2{margin:10px 0 8px;font-size:clamp(30px,7vw,44px)}.intro p{opacity:.9;max-width:440px;margin:0 auto;font-size:16px;line-height:1.5}.goals{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.goals div{backdrop-filter:blur(6px);background:#ffffff29;border-radius:16px;padding:12px 6px;font-size:13px;font-weight:700}.goals b{margin-bottom:4px;font-size:26px;display:block}.cta{color:var(--ink);background:#fff;border:0;border-radius:99px;padding:17px 36px;font-size:18px;font-weight:900;animation:2s ease-in-out infinite breathe;box-shadow:0 12px 30px -10px #00000073}@keyframes breathe{50%{transform:scale(1.05)}}.rules{opacity:.85;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;font-size:13px;font-weight:700;display:flex}.res{animation:.4s pop}.res h2{text-align:center;font-size:clamp(26px,6vw,36px)}.res .sub{text-align:center;opacity:.9;margin:6px 0 16px}.res canvas{border-radius:10px;width:100%;max-width:440px;margin:0 auto;display:block;transform:rotate(-1.2deg);box-shadow:0 30px 60px -24px #0000008c}.namebox{gap:8px;max-width:440px;margin:16px auto 0;display:flex}.namebox input{font:inherit;color:var(--ink);border:0;border-radius:14px;flex:1;padding:13px 14px;font-size:15px;font-weight:700}.namebox button{background:var(--ink);color:#fff;border:0;border-radius:14px;padding:0 16px;font-weight:800}.share{max-width:440px;margin:14px auto 0}.share .main{width:100%;color:var(--ink);background:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:16px;font-weight:900;display:flex;box-shadow:0 10px 24px -12px #00000073}.share .icons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.share .icons a,.share .icons button{color:#fff;border:0;border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .15s;display:grid;box-shadow:0 6px 14px -6px #00000073}.share .icons a:hover,.share .icons button:hover{transform:translateY(-3px)}.share .icons svg{fill:currentColor;width:24px;height:24px}.share .lbl{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.share .lbl span{text-align:center;opacity:.85;width:52px;font-size:11px;font-weight:700}.again{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.again button,.again a{color:#fff;backdrop-filter:blur(6px);background:#fff3;border:0;border-radius:99px;padding:12px 18px;font-size:14px;font-weight:800;text-decoration:none}.body>:first-child{margin-top:auto}.body>:last-child{margin-bottom:auto}.body.wide{max-width:1040px}#confetti{pointer-events:none;z-index:70;position:fixed;inset:0}.cheer{z-index:65;pointer-events:none;font-family:var(--head);color:#fff;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#22b573,#14a0c8);border:4px solid #fff;border-radius:24px;padding:14px 30px;font-size:clamp(30px,6vw,46px);font-weight:900;animation:1.3s cubic-bezier(.2,1.4,.4,1) forwards cheer;position:fixed;top:44%;left:50%;box-shadow:0 20px 40px -12px #00000073}.cheer small{font-family:var(--sans);letter-spacing:.04em;opacity:.95;margin-top:4px;font-size:16px;font-weight:800;display:block}@keyframes cheer{0%{opacity:0;transform:translate(-50%,20px)scale(.5)}18%{opacity:1;transform:translate(-50%)scale(1.08)}30%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-30px)scale(1)}}.fact.good{background:#e3f7ec;border-left:5px solid #22b573}.fact.bad{background:#fff1ee;border-left:5px solid #e5484d}.fact .fh{margin-bottom:4px;font-weight:900;display:block}.lvlup{text-align:center;animation:.4s pop}.lvlup .badge{background:#fff;border-radius:32px;place-items:center;width:120px;height:120px;margin:0 auto 16px;font-size:64px;animation:2s ease-in-out infinite breathe;display:grid;box-shadow:0 20px 40px -16px #00000073}.lvlup h2{font-size:clamp(28px,6vw,40px)}.lvlup p{opacity:.92;max-width:420px;margin:10px auto 22px;line-height:1.5}.lvlup .stat{background:#ffffff2e;border-radius:16px;gap:14px;margin-bottom:22px;padding:10px 18px;font-weight:800;display:inline-flex}.res .cols{display:block}@media (width>=900px){.res .cols{grid-template-columns:minmax(0,440px) minmax(0,400px);justify-content:center;align-items:start;gap:44px;display:grid}.res .cols .cv{position:sticky;top:0}.res .cols canvas{width:auto;max-width:100%;max-height:calc(100vh - 150px)}.res .cols .side,.res .cols .side h2,.res .cols .side .sub{text-align:left}.res .cols .namebox,.res .cols .share,.res .cols .ek{margin-left:0;margin-right:0}.res .cols .share .icons,.res .cols .share .lbl,.res .cols .again{justify-content:flex-start}}.res .ek{max-width:440px;margin:18px auto 0;display:block}.meters.m8{grid-template-columns:repeat(8,1fr)}.meters.m8 i{height:34px}.goals.g2{grid-template-columns:1fr 1fr;max-width:420px;margin-left:auto;margin-right:auto}.goals small{opacity:.85;font-weight:600}.spin{animation:1.2s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.reveal{color:var(--ink);text-align:center;border-top:8px solid var(--rc);background:#fff;border-radius:26px;padding:24px 22px;animation:.5s cubic-bezier(.2,1.4,.4,1) pop;box-shadow:0 24px 60px -20px #14143c8c}.reveal .rk{letter-spacing:.18em;text-transform:uppercase;color:var(--rc);font-size:12px;font-weight:800}.reveal .re{margin:8px 0 2px;font-size:72px;line-height:1.1}.reveal h2{font-family:var(--head);margin:0;font-size:clamp(30px,7vw,42px)}.reveal .ry{color:#6a655d;margin:4px 0 12px;font-size:15px}.reveal .ry b{color:var(--rc)}.reveal p{max-width:460px;margin:0 auto 14px;font-size:16px;line-height:1.55}.chips2{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.chips2 span{background:#f3f1ec;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:800}.reveal .rf{border-left:4px solid var(--rc);text-align:left;background:#f7f5f0;border-radius:12px;padding:12px 14px;font-size:14.5px;line-height:1.5}.reveal .r2{color:#6a655d;margin-top:12px;font-size:14px}.next2{text-align:center;margin-top:18px}.next2 .lock{background:#fff3;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.next2 p{opacity:.95;max-width:460px;margin:10px auto 16px;line-height:1.5}.hspan{text-align:center}.digit{font-family:var(--head);height:160px;color:var(--ink);opacity:.3;font-size:120px;font-weight:800;line-height:160px;transition:all .15s;transform:scale(.6)}.digit.on{opacity:1;transform:scale(1)}.dots{justify-content:center;gap:6px;margin-top:8px;display:flex}.dots i{background:#e6e6ee;border-radius:50%;width:12px;height:12px}.dots i.on{background:#2e9be0}.entry{flex-wrap:wrap;justify-content:center;gap:6px;margin:14px 0 18px;display:flex}.entry i{border:2px dashed #cfcfe0;border-radius:10px;place-items:center;width:38px;height:48px;font-size:24px;font-style:normal;font-weight:900;display:grid}.entry i.f{background:#eef6fd;border:2px solid #2e9be0}.pad{grid-template-columns:repeat(3,1fr);gap:8px;max-width:300px;margin:0 auto;display:grid}.pad button{color:var(--ink);background:#f1f2f7;border:0;border-radius:14px;padding:14px 0;font-size:24px;font-weight:900}.pad button:active{transform:scale(.95)}.pad button.ok{color:#fff;background:#22b573}.mgrid{gap:10px;width:100%;max-width:520px;margin:0 auto;display:grid}.mc{aspect-ratio:1;perspective:600px;background:0 0;border:0;border-radius:16px;padding:0;position:relative}.mc span{backface-visibility:hidden;border-radius:16px;place-items:center;font-size:clamp(26px,7vw,40px);transition:transform .35s;display:grid;position:absolute;inset:0}.mc .b{color:#6c7cf0;background:#ffffffeb;font-weight:900;box-shadow:0 8px 18px -8px #00000059}.mc .f{background:#fff;transform:rotateY(180deg)}.mc.up .b{transform:rotateY(180deg)}.mc.up .f{transform:rotateY(0)}.mc.done .f{background:#dff7ea;box-shadow:inset 0 0 0 3px #5be3a0}.minfo{text-align:center;margin-top:14px;font-weight:800}.hlist{text-align:center}.big2{font-family:var(--head);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:190px;font-size:40px;font-weight:800;animation:.3s pop;display:flex}.big2 span{font-size:84px;line-height:1.1}.big2 small{color:#8a8aa0;font-size:20px}.scene{min-height:230px}.scene .pair{justify-content:center;align-items:center;gap:18px;margin:6px 0 10px;display:flex}.scene .pair span{flex-direction:column;align-items:center;font-size:64px;display:flex}.scene .pair small{color:#6a6a80;font-size:14px;font-weight:800}.scene em{color:#aaa;font-size:30px;font-style:normal}.scene p{max-width:440px;margin:0 auto;font-size:18px;font-weight:600;line-height:1.45}.peg{vertical-align:middle;font-size:30px}.tp{color:#4a4a5a;font-size:15px;line-height:1.5}.pegs{grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0;display:grid}.pegs div{text-align:center;background:#f4f6fb;border-radius:14px;flex-direction:column;align-items:center;padding:8px 4px;font-size:13px;font-weight:800;display:flex}.pegs b{color:#2e9be0;font-size:18px}.pegs span{font-size:30px}.pegs small{color:#7a7a8a;margin-top:2px;font-size:10.5px;font-weight:600;line-height:1.25}@media (width<=520px){.pegs{grid-template-columns:repeat(2,1fr)}}.cmp{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cmp div{backdrop-filter:blur(6px);background:#ffffff29;border-radius:14px;padding:10px 12px}.cmp small{opacity:.85;font-weight:700;display:block}.cmp b{font-size:22px}.cmp i{background:#ffffff40;border-radius:9px;height:8px;margin-top:6px;display:block;overflow:hidden}.cmp u{background:#fff;border-radius:9px;height:100%;display:block}.clues{gap:8px;margin:-4px 0 16px;display:grid}.clue{color:#9a9aae;background:#f4f4f8;border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.45}.clue b{letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px;font-size:11px;display:block}.clue.on{color:var(--ink);background:#fff7e0;animation:.3s pop;box-shadow:inset 4px 0 #f7b733}.lvpick{grid-template-columns:repeat(3,1fr);gap:10px;max-width:440px;margin:22px auto 6px;display:grid}.lvpick button{color:var(--ink);background:#fff;border:0;border-radius:18px;padding:16px 8px;font-size:16px;font-weight:900;box-shadow:0 12px 30px -12px #00000073}.lvpick b{margin-bottom:4px;font-size:34px;display:block}.recbook{backdrop-filter:blur(6px);background:#ffffff29;border-radius:16px;padding:14px 16px}.recbook small{opacity:.85;font-weight:800;display:block}.recbook b{font-family:var(--head);margin-top:4px;font-size:22px;display:block}.recbook span{opacity:.85;font-weight:700}.recbook p{margin:8px 0 0;font-size:14px;line-height:1.45}.meters{grid-template-columns:repeat(6,1fr);gap:6px;width:100%;max-width:640px;margin:12px auto 0;padding:0 16px;display:grid}.meters div{text-align:center;font-size:18px}.meters i{background:#ffffff2e;border-radius:10px;height:46px;margin-top:4px;display:block;position:relative;overflow:hidden}.meters i b{border-radius:10px;height:0;transition:height .45s cubic-bezier(.2,1.3,.4,1);position:absolute;bottom:0;left:0;right:0}.deck{height:330px;margin:10px 0 18px;position:relative}.scard{color:var(--ink);text-align:center;touch-action:none;user-select:none;cursor:grab;background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;padding:26px;transition:transform .35s,opacity .35s;display:flex;position:absolute;inset:0;box-shadow:0 24px 50px -20px #14143c99}.scard .e{margin-bottom:12px;font-size:64px}.scard .t{font-family:var(--head);font-size:clamp(21px,5vw,26px);line-height:1.3}.scard .n{color:var(--muted);font-size:13px;font-weight:800;position:absolute;top:16px;left:20px}.scard .stamp{letter-spacing:.06em;opacity:0;border:3px solid;border-radius:10px;padding:4px 12px;font-size:17px;font-weight:900;position:absolute;top:22px;transform:rotate(-12deg)}.scard .stamp.y{color:var(--ok);right:20px}.scard .stamp.n2{color:var(--bad);left:20px;transform:rotate(12deg)}.scard.back{opacity:.7;transform:scale(.94)translateY(16px)}.likert5{backdrop-filter:blur(8px);background:#ffffff24;border-radius:22px;padding:14px 12px 10px}.likert5 .row5{grid-template-columns:repeat(5,1fr);align-items:end;gap:8px;display:grid}.likert5 button{color:#fff;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;font-size:12.5px;font-weight:700;line-height:1.25;display:flex}.likert5 button i{background:#fff;border-radius:50%;transition:transform .15s;display:block;box-shadow:0 6px 14px -6px #00000073}.likert5 button:hover i{transform:scale(1.12)}.likert5 button[data-v="0"] i,.likert5 button[data-v="4"] i{width:46px;height:46px}.likert5 button[data-v="1"] i,.likert5 button[data-v="3"] i{width:38px;height:38px}.likert5 button[data-v="2"] i{width:30px;height:30px}.likert5 button[data-v="0"] i{border:4px solid #ff8a8a}.likert5 button[data-v="1"] i{border:4px solid #ffc2c2}.likert5 button[data-v="3"] i{border:4px solid #a7f0c9}.likert5 button[data-v="4"] i{border:4px solid #5be3a0}.likert5 .ends{letter-spacing:.06em;text-transform:uppercase;opacity:.75;justify-content:space-between;margin-top:10px;padding:0 4px;font-size:11.5px;font-weight:800;display:flex}.swb{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.swb button{color:var(--ink);background:#fff;border:0;border-radius:99px;padding:15px 10px;font-size:15px;font-weight:900;box-shadow:0 8px 20px -10px #00000073}.swb .mid{color:#fff;background:#ffffff38;border-radius:50%;width:58px;height:58px;padding:0;font-size:22px}.hint{text-align:center;opacity:.8;margin-top:10px;font-size:13px}.screen{padding:28px 0 56px;display:none}.screen.on{display:block}.crumb{color:var(--muted);margin-left:auto;font-size:14px}.crumb button{color:var(--teal);background:0 0;border:0;padding:0;font-weight:800}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}.field{margin-bottom:18px}.field label{margin-bottom:8px;font-weight:800;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:9px 14px;font-size:14px;font-weight:700}.chips button.on{background:var(--coral);border-color:var(--coral);color:#fff}input[type=range]{width:100%;accent-color:var(--coral)}.oyn .btn{background:var(--teal);color:#fff;border:0;border-radius:99px;padding:13px 22px;font-size:15px;font-weight:800}.oyn .btn.coral{background:var(--coral)}.bigt{font-family:var(--head);font-size:36px;font-weight:700}.gauge{background:var(--line);border-radius:99px;height:16px;margin:10px 0 6px;position:relative;overflow:hidden}.gauge i{border-radius:99px;transition:width .6s,background .3s;position:absolute;inset:0 auto 0 0}.gauge b{background:var(--ink);border-radius:2px;width:3px;position:absolute;top:-3px;bottom:-3px}.tips{margin:14px 0 0;padding-left:20px;line-height:1.6}.note{color:var(--muted);margin-top:10px;font-size:13px}.light .share .main{background:var(--ink);color:#fff}.light .res h2,.light .res .sub{color:var(--ink)}.mm-bar{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.mm-bar button{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:9px 14px;font-size:14px;font-weight:700}#mm{border:1px solid var(--line);border-radius:var(--r);touch-action:none;background:#fff;width:100%;height:520px;display:block}#mm text{font-family:var(--sans);user-select:none;pointer-events:none;font-weight:700}#mm .node{cursor:grab}#mm .node.sel rect{stroke:var(--ink);stroke-width:2.5px}@media (width<=520px){#mm{height:440px}}.oyn,.stage,.cheer,.float{--card:#fff;--ms-red:#f25022;--ms-green:#7fba00;--ms-blue:#00a4ef;--ms-yellow:#ffb900;--teal-soft:#e3f2f0;--coral-soft:#fdece9;--mustard:#e4ae34;--mustard-soft:#fbf1da;--navy:#22406b;--violet:#7a5cc4;--violet-soft:#eee9fa;--ok:#22b573;--bad:#e5484d}.o-hero{padding:48px 0 28px}.o-hero h1{letter-spacing:-.045em;margin:14px 0 18px;font-size:clamp(40px,6vw,84px);line-height:.98}.o-hero .s{color:var(--teal)}.o-hero .lead{color:var(--ink2);max-width:60ch;margin:0;font-size:18px}.o-hero .eyebrow.line{color:var(--coral);align-items:center;gap:12px;display:inline-flex}.o-hero .eyebrow.line:before{content:"";background:currentColor;width:34px;height:2px}.oyn .gcard{color:#fff;background:linear-gradient(160deg,var(--a),var(--b));min-height:270px;transition:transform .4s var(--ease),box-shadow .4s;border:0;border-radius:26px;padding:24px;box-shadow:0 24px 50px -30px #0009}.oyn .gcard:hover{transform:translateY(-6px);box-shadow:0 34px 60px -30px #0009}.oyn .gcard:before{background:#ffffff2e}.oyn .gcard:after{background:#ffffff24}.oyn .gcard .ic{color:#fff;box-shadow:none;background:#fff3;border-radius:22px;width:70px;height:70px;font-size:40px}.oyn .gcard .tag{color:#fff;background:#ffffff38;font-weight:700}.oyn .gcard .play{color:#0e1412;background:#fff}.oyn .gcard h3{letter-spacing:-.03em;font-size:27px;line-height:1.05}.oyn .gcard p{color:#ffffffe6;font-size:14.5px}.gcard[data-go=bilim]{--a:#3a86ff;--b:#1b4fd8}.gcard[data-go=bolum]{--a:#2ec4b6;--b:#0f7f74}.gcard[data-go=ekran]{--a:#ff9f1c;--b:#d8640a}.gcard[data-go=hafiza]{--a:#845ec2;--b:#5b2ea8}.gcard[data-go=film]{--a:#ff6b6b;--b:#d92e4a}.gcard[data-go=kitap]{--a:#ffd166;--b:#e0a317}.gcard[data-go=harita]{--a:#2b3a42;--b:#0e1412}.gcard[data-go=kitap]{color:#1b1b1b}.gcard[data-go=kitap] p{color:#000000b8}.gcard[data-go=kitap] .tag,.gcard[data-go=kitap] .ic{color:#1b1b1b;background:#ffffff73}.oyn .crumb{color:var(--muted);padding:8px 0 0;font-size:14px}.oyn .crumb button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.o-not{grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px;display:grid}.o-not div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px 20px 18px 34px;position:relative}.o-not div:before{content:"";background:var(--teal);border-radius:50%;width:9px;height:9px;position:absolute;top:24px;left:16px}.o-not div:nth-child(2):before{background:var(--coral)}.o-not div:nth-child(3):before{background:#ffd166}.o-not b{font-family:var(--head);margin-bottom:4px;font-size:18px;display:block}.o-not span{color:var(--muted);font-size:14px}@media (width<=760px){.o-not{grid-template-columns:1fr}.o-hero{padding:28px 0 20px}}.stage{background:var(--g);color:var(--ink);--g:#0f6e66;--ga:#0f6e66;--gt:#fff}.stage .sky{opacity:1;display:block}.stage .blob{display:none}.bar{padding:14px 18px}.bar .x,.bar .snd{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:#fff}.bar .ttl{letter-spacing:.16em;text-transform:uppercase;color:var(--gt);font-size:12px;font-weight:600}.pill{box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-size:13px;font-weight:600}.pill.fire{color:#fff;box-shadow:none}.path{gap:5px}.path i{background:#ffffff52;height:6px}.path i.now{background:#fff;animation:none;box-shadow:0 0 0 2px #ffffff73}.path i.ok{background:#fff}.path i.bad{background:#0000006b}.stage .cta{background:var(--g);color:var(--gt);box-shadow:none;padding:16px 32px;font-size:16px;font-weight:700;animation:none}.stage .cta:hover{background:var(--g);filter:brightness(.9)}.intro h2{font-family:var(--head);letter-spacing:-.03em}.intro p{color:var(--ink2);opacity:1}.goals div,.lvlup .stat,.next2 .lock,.cmp div,.recbook,.likert5{box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:none;background:#fff}.cmp i,.meters i{background:#00000014}.cmp u{background:var(--g)}.again button,.again a{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);backdrop-filter:none;background:#fff}.likert5 button{color:var(--ink)}.swb .mid{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:#fff}.cheer{display:none}.intro .big{filter:none}.qcard{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:20px;animation:none}.qcard .q,.qcard h3{color:var(--ink)}.opts{counter-reset:opt}.opt,.opt.c0,.opt.c1,.opt.c2,.opt.c3{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);text-shadow:none;background:#fff;border-radius:16px;min-height:64px;font-size:16.5px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,opacity .25s}.opt:hover{box-shadow:inset 0 0 0 2px var(--g);transform:none}.opt .sh{width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--line);color:#0000;background:#f5f6f4;border-radius:10px;font-size:0;position:relative}.opt .sh:after{counter-increment:opt;content:counter(opt,upper-alpha);color:var(--ink);font:600 13px var(--sans);letter-spacing:.04em;place-items:center;display:grid;position:absolute;inset:0}.opt.ok,.opt.ok.c0,.opt.ok.c1,.opt.ok.c2,.opt.ok.c3{box-shadow:inset 0 0 0 2px var(--teal);background:#eaf6f1;outline:0;transform:none}.opt.ok .sh{background:var(--teal);box-shadow:none}.opt.ok .sh:after{content:"✓";color:#fff;font-size:15px}.opt.bad,.opt.bad.c0,.opt.bad.c1,.opt.bad.c2,.opt.bad.c3{opacity:1;filter:none;background:#fdeef0;outline:0;box-shadow:inset 0 0 0 2px #e0304b}.opt.bad .sh{box-shadow:none;background:#e0304b}.opt.bad .sh:after{content:"✕";color:#fff;font-size:14px}.lvpick{gap:12px;max-width:560px}.lvpick button{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);text-align:left;background:#fff;border-radius:16px;gap:4px;padding:16px 16px 14px;font-size:15.5px;font-weight:700;transition:box-shadow .2s,transform .2s;display:grid;position:relative}.lvpick button b{margin-bottom:4px;font-size:22px}.lvpick button:before{content:"";background:linear-gradient(90deg,var(--g) 0 33%,#0e14121f 33%);border-radius:2px;width:46px;height:3px;margin-bottom:10px;display:block}.lvpick button:nth-child(2):before{background:linear-gradient(90deg,var(--g) 0 66%,#0e14121f 66%)}.lvpick button:nth-child(3):before{background:var(--g)}.lvpick button:hover{box-shadow:inset 0 0 0 2px var(--g);transform:none}.res canvas{box-shadow:none;border:1px solid var(--line)}.gcard[data-go]{cursor:pointer;text-decoration:none}.stage .body{background:#f7f7f5;border-radius:22px;width:calc(100% - 24px);max-width:680px;margin:14px auto 12px;padding:32px 20px 28px}@media (width<=560px){.stage .body{border-radius:18px;width:calc(100% - 16px);margin-bottom:8px;padding:24px 14px 22px}}.clue,.fact,.lvlup,.goals div,.recbook,.hspan,.qcard .q-box{box-shadow:none;background-image:none}.clue{border:1px solid var(--line);background:#f7f7f5}.clue.on{border-color:var(--g);background:#fff}.fact{border:1px solid var(--line);background:#f7f7f5}.fact.bad{background:#fdf2f3;border-color:#e0304b}.hud .pill,.goals div,.lvlup .stat,.again button,.again a,.ozet,.lvpick button{box-shadow:inset 0 0 0 1px var(--line)}.timer.off{display:none}.adim{text-align:left;align-items:center;gap:10px;max-width:560px;margin:22px auto 10px;font-size:15px;font-weight:700;display:flex}.adim i{background:var(--g);width:26px;height:26px;color:var(--gt);border-radius:50%;place-items:center;font-size:13px;font-style:normal;font-weight:700;display:grid}.lvpick.zp,.lvpick.sv{margin:0 auto}.lvpick.zp button:before{display:none}.lvpick.zp button b{margin:0;font-size:16px}.lvpick.zp button small{color:var(--ink2);font-size:12.5px;font-weight:500;line-height:1.3}.zp .bars{gap:4px;margin-bottom:10px;display:flex}.zp .bars b{background:#0e14121f;border-radius:2px;width:22px;height:3px;margin:0}.zp .bars b.on{background:var(--g)}.lvpick.zp button.on,.lvpick.sv button.on{background:var(--g);color:var(--gt);box-shadow:none}.lvpick.zp button.on small{color:inherit;opacity:.75}.zp button.on .bars b{opacity:.3;background:currentColor}.zp button.on .bars b.on{opacity:1}.lvpick.sv button{text-align:center;justify-items:center}.lvpick.sv button:before{display:none}.lvpick.sv button b{margin:0 0 2px;font-size:26px}.ozet{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;align-items:stretch;max-width:560px;margin:18px auto 0;display:flex;overflow:hidden}.ozet>div{flex:1;min-width:0;padding:14px 18px}.ozet>div:first-child{flex:1.5}.ozet small{font:500 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink2);display:block}.ozet b{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin-top:3px;font-size:19px;font-weight:500;display:block;overflow:hidden}.stage .ozet .cta{border-radius:0;flex:none;margin:0;padding:0 26px;font-size:15.5px}@media (width<=560px){.ozet{flex-wrap:wrap}.ozet>div{flex:30%;padding:12px 10px}.ozet>div:first-child{flex:34%}.ozet b{font-size:17px}.stage .ozet .cta{width:100%;padding:16px}.lvpick.zp{grid-template-columns:1fr}}