.btn-start{display:inline-flex;align-items:center;gap:.5rem;font:700 1.15rem var(--font-body);color:var(--paper);background:var(--ink);border:2.5px solid var(--ink);border-radius:225px 14px 255px 12px/12px 255px 14px 225px;padding:.8rem 2rem;cursor:var(--cur-arrow),pointer;box-shadow:4px 4px rgba(var(--shadow-rgb),.25);transition:transform .15s ease,box-shadow .15s ease}.btn-start:hover{transform:translate(-2px,-2px);box-shadow:6px 6px rgba(var(--shadow-rgb),.25)}.btn-start:active{transform:translate(2px,2px);box-shadow:1px 1px rgba(var(--shadow-rgb),.25)}.btn-ghost{font:700 1.05rem var(--font-body);color:var(--ink);background:var(--paper-2);border:2.5px solid var(--ink);border-radius:14px 225px 12px 255px/255px 12px 225px 14px;padding:.75rem 1.6rem;cursor:var(--cur-arrow),pointer;box-shadow:4px 4px rgba(var(--shadow-rgb),.18);transition:transform .15s ease,box-shadow .15s ease}.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:6px 6px rgba(var(--shadow-rgb),.18)}.btn-ghost:active{transform:translate(2px,2px);box-shadow:1px 1px rgba(var(--shadow-rgb),.18)}.btn-link{font:700 .92rem var(--font-body);color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);border-radius:12px 6px 14px 5px/5px 14px 6px 12px;padding:.32rem .95rem;cursor:var(--cur-arrow),pointer;box-shadow:3px 3px rgba(var(--shadow-rgb),.14);transition:transform .13s ease,box-shadow .13s ease}.btn-link:hover{transform:translate(-1px,-1px);box-shadow:4px 4px rgba(var(--shadow-rgb),.14)}.btn-link:active{transform:translate(2px,2px);box-shadow:1px 1px rgba(var(--shadow-rgb),.14)}.home{--bg: #f7f6f3;--ink: #17150f;--muted: #6c6a61;--line: #e5e2d9;--accent: #ff4d2e;--accent-ink: #d83b1d;color:var(--ink);font-family:"Space Grotesk",var(--font-body)}:root[data-theme=dark] .home{--bg: #16130f;--ink: #ece7db;--muted: #a49c8d;--line: #332e26;--accent: #8271f0;--accent-ink: #a596ff}.home-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(70% 55% at 100% 0%,var(--accent-glow, rgba(255, 77, 46, .06)),transparent 60%),var(--bg)}:root[data-theme=dark] .home{--accent-glow: rgba(130, 113, 240, .1)}.home-hero{animation:home-rise .7s cubic-bezier(.16,1,.3,1) both}.home-h1{font-family:"Space Grotesk",var(--font-body);font-weight:600;font-size:clamp(2.7rem,9vw,4.1rem);line-height:1.02;letter-spacing:-.035em;margin:0;color:var(--ink);position:relative}.home-lead{margin:1.1rem 0 0;max-width:44ch;color:var(--muted);font-size:1.08rem;line-height:1.6}.home-fun{color:var(--muted);animation:fun-ink 1.15s cubic-bezier(.4,0,.2,1) .6s both}@keyframes fun-ink{0%{color:var(--muted)}to{color:var(--ink)}}@media(prefers-reduced-motion:reduce){.home-fun{color:var(--ink);animation:none}}.home-games{margin-top:3rem;padding-bottom:96px;animation:home-rise .7s cubic-bezier(.16,1,.3,1) .12s both}.game-list{list-style:none;margin:.9rem 0 0;padding:0;border-top:1px solid var(--line)}.game-list li{border-bottom:1px solid var(--line)}.game-row{display:flex;align-items:center;gap:1.1rem;width:100%;text-align:left;background:transparent;border:0;padding:1.25rem .5rem;cursor:var(--cur-arrow),pointer;border-radius:0;transition:background .25s ease}.game-row:not(.soon):hover{background:rgba(var(--dot-rgb),.03)}.game-row-ic{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;color:var(--ink);transition:color .25s ease,border-color .25s ease}.game-row-ic svg{width:20px;height:20px}.game-row:not(.soon):hover .game-row-ic{color:var(--accent);border-color:var(--accent)}.game-row-main{flex:1;min-width:0;display:grid;gap:.12rem}.game-row-title{font-family:"Space Grotesk",var(--font-body);font-weight:600;font-size:1.3rem;line-height:1.15;letter-spacing:-.01em;color:var(--ink);transition:color .25s ease}.game-row:not(.soon):hover .game-row-title{color:var(--accent-ink)}.game-row-desc{font:400 .92rem var(--font-body);color:var(--muted);line-height:1.4}.game-row-arrow{flex-shrink:0;display:grid;place-items:center;color:var(--muted);transition:transform .25s ease,color .25s ease}.game-row-arrow svg{width:20px;height:20px}.game-row:not(.soon):hover .game-row-arrow{transform:translate(4px);color:var(--accent)}.game-row.soon{cursor:var(--cur-arrow),default;opacity:.5}.home-games .game-list{border-top:0}.home-games .game-list li{border-bottom:0}.home-games .game-row{transition:background .25s ease,border-radius .25s ease}.home-games .game-row:not(.soon):hover{border-radius:20px 15px 18px 22px/22px 16px 20px 15px}.pop-pick .game-row{transition:background .25s ease,border-radius .25s ease}.pop-pick li:first-child .game-row:not(.soon):hover{border-radius:22px 16px 4px 5px/26px 13px 5px 4px}.pop-pick li:last-child .game-row:not(.soon):hover{border-radius:5px 4px 16px 22px/4px 5px 22px 15px}.pop-pick li:only-child .game-row:not(.soon):hover{border-radius:22px 16px 16px 22px/26px 13px 22px 15px}@keyframes home-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.landing .hero{text-align:center;padding:2.6rem 2rem 2.4rem;position:relative}.landing-back{display:inline-flex;margin-bottom:1.4rem}.hero-emoji{font-size:3.6rem;line-height:1}.nf-code{font-family:var(--font-body);font-weight:800;font-size:clamp(4.5rem,22vw,9rem);line-height:.95;letter-spacing:-.04em;margin-bottom:.4rem;color:var(--ink);-webkit-user-select:none;user-select:none}.notfound .btn-start{display:inline-flex;align-items:center;gap:.5rem}.hero-title{font-family:var(--font-body);font-weight:700;font-size:clamp(2.4rem,9vw,3.7rem);letter-spacing:-.03em;margin:.3rem 0 .6rem;line-height:1.05}.hero-tag{color:var(--ink-soft);font-size:1.05rem;max-width:440px;margin:0 auto 1.7rem;line-height:1.6}.hero-how{list-style:none;margin:0 auto 2rem;padding:0;max-width:330px;text-align:left;display:grid;gap:.7rem}.hero-how li{display:flex;align-items:center;gap:.7rem;background:var(--box);border:2px solid var(--ink);border-radius:18px 6px 20px 7px/7px 20px 6px 18px;padding:.6rem .9rem;font-size:.98rem}.hero-how li:nth-child(2){border-radius:6px 20px 7px 18px/18px 7px 20px 6px}.hero-how li:nth-child(3){border-radius:20px 7px 18px 6px/6px 18px 7px 20px}.hero-how li span{font-size:1.2rem}.quiz-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin-bottom:.9rem}.quiz-top .btn-link{justify-self:start}.quiz-top .quiz-counter{justify-self:end}.quiz-top .credit-inline{justify-self:center}.quiz-counter{font:700 1.2rem var(--font-head);color:var(--ink);background:var(--box);border:2px solid var(--ink);border-radius:6px 14px 5px 12px/14px 5px 12px 6px;padding:.2rem .95rem;box-shadow:3px 3px rgba(var(--shadow-rgb),.12)}.quiz-score{color:var(--ink);font-weight:700}.progress{height:16px;background:var(--box);border:2.5px solid var(--ink);border-radius:14px 6px 16px 5px/6px 14px 5px 16px;overflow:hidden;margin-bottom:1.3rem;padding:2px;box-shadow:3px 3px rgba(var(--shadow-rgb),.12)}.progress-bar{height:100%;background-color:var(--ink);background-image:repeating-linear-gradient(45deg,var(--stripe) 0,var(--stripe) 4px,transparent 4px,transparent 9px);border-radius:12px 5px 13px 4px/5px 12px 4px 13px;transition:width .4s cubic-bezier(.22,1,.36,1)}.quiz-card{padding:1.8rem 1.5rem;background:var(--box);border:2.5px solid var(--ink);border-radius:var(--sketch-radius);box-shadow:5px 6px rgba(var(--shadow-rgb),.12);animation:pop .35s cubic-bezier(.22,1,.36,1) both}@keyframes pop{0%{opacity:0;transform:translateY(12px) rotate(-.6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.quiz-q{text-align:center;font-family:var(--font-head);font-weight:700;font-size:1.9rem;margin:0 0 .9rem}.moment{margin:0 0 1.4rem;padding:1.1rem 1.2rem;background:var(--paper);border:2px dashed var(--ink);border-radius:20px 8px 18px 7px/7px 18px 8px 20px;font-size:1.12rem;line-height:1.5;text-align:center;color:var(--ink)}.moment-img{margin:0 0 1.4rem;padding:6px;background:var(--paper);border:2.5px solid var(--ink);border-radius:20px 8px 18px 7px/7px 18px 8px 20px;box-shadow:4px 4px rgba(var(--shadow-rgb),.12)}.moment-img img{display:block;width:100%;max-height:250px;object-fit:cover;border-radius:16px 6px 14px 5px/5px 14px 6px 16px}.options{display:grid;gap:.7rem}.option{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;font:600 1.02rem var(--font-body);color:var(--ink);background:var(--paper-2);border:2.5px solid var(--ink);border-radius:18px 7px 20px 6px/6px 20px 7px 18px;padding:.8rem 1rem;cursor:var(--cur-arrow),pointer;box-shadow:3px 3px rgba(var(--shadow-rgb),.12);transition:transform .13s ease,box-shadow .13s ease,background .15s ease}.option:nth-child(2n){border-radius:7px 18px 6px 20px/20px 6px 18px 7px}.option:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:5px 5px rgba(var(--shadow-rgb),.14)}.option:disabled{cursor:default;box-shadow:none}.option-letter{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;border:2px solid var(--ink);background:var(--paper);font-family:var(--font-head);font-weight:700;font-size:1.1rem;line-height:1;padding-right:4px}.option.selected{border-color:var(--ink);background:var(--pick-bg);transform:translate(-2px,-2px);box-shadow:5px 5px rgba(var(--shadow-rgb),.16)}.option.selected .option-letter{background:var(--ink);border-color:var(--ink);color:var(--paper)}.quiz-actions{display:flex;justify-content:flex-end;margin-top:1.4rem}.btn-start:disabled{opacity:.4;cursor:var(--cur-arrow),default;transform:none;box-shadow:4px 4px rgba(var(--shadow-rgb),.15)}.result{text-align:center;padding:2.6rem 2rem;background:var(--box);border:2.5px solid var(--ink);border-radius:var(--sketch-radius);box-shadow:5px 6px rgba(var(--shadow-rgb),.12)}.result-emoji{font-size:3.4rem}.pop-img,.zoom-big,.moment-img img,.review-thumb{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.result-title{font-family:var(--font-head);font-weight:700;font-size:2rem;margin:.3rem 0 .4rem;color:var(--ink-soft)}.result-score{font-family:var(--font-head);font-weight:700;font-size:4rem;line-height:1}.result-verdict{color:var(--ink);font-size:1.1rem;margin:.6rem 0 1.8rem}.result-plays{color:var(--ink-soft);font-size:.85rem;opacity:.75;margin:-1.4rem 0 1.8rem}.result-skel{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin:.9rem 0 1.9rem}.result-skel-bar{border-radius:7px 4px 8px 3px/3px 8px 4px 7px;background:linear-gradient(100deg,rgba(var(--shadow-rgb),.07) 30%,rgba(var(--shadow-rgb),.15),rgba(var(--shadow-rgb),.07) 70%);background-size:220% 100%;animation:skel-shimmer 1.25s ease-in-out infinite}.result-skel-bar.wide{width:260px;max-width:78vw;height:1.15rem}.result-skel-bar.narrow{width:150px;max-width:52vw;height:.8rem;opacity:.7}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.result-skel-bar{animation:none}}.result-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.review{margin-top:1.8rem;display:grid;gap:.7rem;padding-bottom:84px}.review-head{font-family:var(--font-head);font-weight:700;font-size:1.7rem;text-align:center;margin:0 0 .3rem}.review-item{display:flex;align-items:center;gap:.9rem;padding:.6rem .8rem;background:var(--box);border:2.5px solid var(--ink);border-radius:18px 7px 20px 6px/6px 20px 7px 18px;box-shadow:3px 3px rgba(var(--shadow-rgb),.1)}.review-item:nth-child(2n){border-radius:7px 18px 6px 20px/20px 6px 18px 7px}.review-item.ok{background:var(--correct-bg);border-color:var(--correct)}.review-item.no{background:var(--wrong-bg);border-color:var(--wrong)}.review-thumb{width:64px;height:64px;flex-shrink:0;object-fit:cover;border:2px solid var(--ink);border-radius:12px 4px/4px 12px}.review-info{flex:1;min-width:0}.review-num{font-size:.8rem;color:var(--ink-soft);font-weight:600}.review-correct{font-size:.98rem}.review-correct b{font-weight:700}.review-your{font-size:.88rem;color:var(--wrong)}.review-mark{flex-shrink:0;font-size:1.5rem;font-weight:800}.review-item.ok .review-mark{color:var(--correct)}.review-item.no .review-mark{color:var(--wrong)}.pop-head{text-align:center;margin-bottom:1.4rem}.pop-title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.4rem,9vw,3.4rem);line-height:1;margin:0 0 .3rem}.pop-sub{color:var(--ink-soft);font-size:1rem;margin:0}.pop-sub b{color:var(--ink)}.pop-arena{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-items:stretch;animation:pop .35s cubic-bezier(.22,1,.36,1) both}.pop-card{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;text-align:center;padding:.7rem .7rem .9rem;background:var(--box);border:2.5px solid var(--ink);border-radius:20px 8px 22px 7px/7px 22px 8px 20px;box-shadow:4px 5px rgba(var(--shadow-rgb),.12);cursor:var(--cur-arrow),pointer;transition:transform .13s ease,box-shadow .13s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.pop-card:nth-child(2){border-radius:8px 20px 7px 22px/22px 7px 20px 8px}.pop-card:not(:disabled):hover{transform:translate(-2px,-3px);box-shadow:6px 7px rgba(var(--shadow-rgb),.16)}.pop-card:disabled{cursor:default}.pop-card.selected{border-color:var(--ink);background:var(--pick-bg);transform:translate(-2px,-3px);box-shadow:6px 7px rgba(var(--shadow-rgb),.16)}.pop-img-wrap{position:relative;border:2px solid var(--ink);border-radius:14px 6px/6px 14px;overflow:hidden}.pop-img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover}.pop-badge{position:absolute;top:6px;right:6px;width:34px;height:34px;display:grid;place-items:center;font-size:1.2rem;font-weight:800;color:var(--paper);border:2px solid var(--ink);border-radius:50%;box-shadow:2px 2px rgba(var(--shadow-rgb),.25)}.pop-card.win .pop-badge{background:var(--correct)}.pop-card.lose .pop-badge{background:var(--wrong)}.pop-name{font-family:"Space Grotesk",var(--font-body);font-weight:600;font-size:1rem;line-height:1.15;letter-spacing:-.01em;color:var(--ink)}.pop-meter{height:12px;background:var(--paper);border:2px solid var(--ink);border-radius:8px 4px 9px 3px/4px 8px 3px 9px;overflow:hidden;padding:1.5px}.pop-meter-fill{display:block;height:100%;background-color:var(--ink);background-image:repeating-linear-gradient(45deg,var(--stripe) 0,var(--stripe) 3px,transparent 3px,transparent 7px);border-radius:6px 3px 7px 2px/3px 6px 2px 7px;transition:width .7s cubic-bezier(.22,1,.36,1)}.pop-card.win .pop-meter-fill{background-color:var(--correct)}.pop-card.lose .pop-meter-fill{background-color:var(--wrong)}.pop-value{font:600 .82rem var(--font-body);color:var(--ink-soft)}.pop-card.win{border-color:var(--correct);background:var(--correct-bg)}.pop-card.lose{border-color:var(--wrong);background:var(--wrong-bg);opacity:.85}.pop-card.win .pop-name{color:var(--correct)}.pop-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:2;display:grid;place-items:center;width:46px;height:46px;font-family:var(--font-head);font-weight:700;font-size:1.4rem;color:var(--ink);background:var(--paper-2);border:2.5px solid var(--ink);border-radius:50%;box-shadow:3px 3px rgba(var(--shadow-rgb),.2);pointer-events:none}.pop-foot{margin-top:1.5rem;padding-bottom:84px;display:flex;flex-direction:column;align-items:center;gap:1rem}.pop-prep{position:relative;display:grid;place-items:center;min-height:56px;width:100%}.pop-prep>*{grid-area:1 / 1}.pop-hint{color:var(--ink-soft);margin:0;transition:opacity .3s ease,transform .3s ease}.pop-hint.is-gone{opacity:0;transform:translateY(-6px);pointer-events:none}.pop-next{opacity:0;pointer-events:none;clip-path:inset(0 100% -10px 0)}.pop-next.is-drawn{pointer-events:auto;animation:pop-draw .5s cubic-bezier(.16,1,.3,1) .16s forwards}.pop-next.is-erasing{pointer-events:none;animation:pop-erase .3s ease forwards}@keyframes pop-draw{0%{opacity:0;clip-path:inset(0 100% -10px 0);transform:translate(0) rotate(-1.5deg) scale(.95)}55%{opacity:1}to{opacity:1;clip-path:inset(0 -10px -10px 0);transform:translate(0) rotate(0) scale(1)}}@keyframes pop-erase{0%{opacity:1;clip-path:inset(0 -10px -10px 0)}to{opacity:0;clip-path:inset(0 -10px -10px 100%)}}.pop-result{display:grid;place-items:center;min-height:56px;width:100%}.pop-verdict{margin:0;text-align:center;font-family:var(--font-head);font-weight:700;font-size:1.9rem;line-height:1.1}.pop-verdict.ok{color:var(--correct)}.pop-verdict.no{color:var(--wrong)}.pop-verdict-sub{display:block;font-family:var(--font-body);font-weight:500;font-size:.95rem;color:var(--ink-soft)}.popular-end .result{margin-bottom:96px}.pop-timer{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;margin:1.3rem 0 1.7rem}.pop-timer-unit{display:flex;flex-direction:column;align-items:center;gap:.4rem}.pop-timer-num{position:relative;display:grid;place-items:center;overflow:hidden;min-width:78px;height:4.4rem;padding:0 .5rem;font-family:var(--font-head);font-weight:700;font-size:3.4rem;line-height:1;color:var(--paper);background:var(--ink);border:2.5px solid var(--ink);border-radius:16px 6px 18px 5px/5px 18px 6px 16px;box-shadow:4px 4px rgba(var(--shadow-rgb),.2)}.pop-timer-unit:nth-child(3) .pop-timer-num{border-radius:6px 18px 5px 16px/18px 5px 16px 6px}.roll{position:relative;display:block;width:100%;text-align:center}.roll-item{display:block;width:100%}.roll-in{animation:roll-in .5s cubic-bezier(.22,1,.36,1) both}.roll-out{position:absolute;left:0;right:0;top:0;animation:roll-out .5s cubic-bezier(.22,1,.36,1) both}@keyframes roll-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes roll-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.pop-timer-lbl{font:600 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.pop-timer-sep{font-family:var(--font-head);font-weight:700;font-size:2.8rem;line-height:1;color:var(--ink);padding-top:.35rem}@media(max-width:560px){.pop-arena{gap:.6rem}.pop-card{padding:.5rem .5rem .7rem;gap:.5rem}.pop-name{font-size:.9rem}.pop-vs{width:40px;height:40px;font-size:1.2rem}.pop-verdict{font-size:1.6rem}.pop-timer{gap:.3rem}.pop-timer-num{min-width:58px;height:3.3rem;font-size:2.5rem}.pop-timer-sep{font-size:2rem}.pop-timer-lbl{font-size:.62rem;letter-spacing:.08em}}.credit{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:40;display:inline-flex;align-items:center;gap:.5rem;font:700 .95rem var(--font-body);color:var(--ink);background:var(--paper-2);border:2.5px solid var(--ink);border-radius:18px 7px 20px 6px/6px 20px 7px 18px;padding:.4rem .85rem;box-shadow:4px 4px rgba(var(--shadow-rgb),.18);transition:transform .15s ease,box-shadow .15s ease;animation:credit-rise .55s cubic-bezier(.22,1,.36,1) .1s both}@keyframes credit-rise{0%{opacity:0;transform:translate(-50%) translateY(140px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.credit:hover{transform:translate(-50%) translateY(-2px);box-shadow:5px 6px rgba(var(--shadow-rgb),.22)}.credit-leaving{animation:credit-down .42s ease forwards;pointer-events:none}@keyframes credit-down{to{transform:translate(-50%) translateY(140px);opacity:0}}.credit-inline{position:static;left:auto;bottom:auto;transform:none;z-index:auto;padding:.3rem .7rem;gap:.4rem;font-size:.85rem;animation:credit-drop .55s cubic-bezier(.22,1,.36,1) .1s both}@keyframes credit-drop{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}.credit-inline:hover{transform:translateY(-2px);box-shadow:5px 6px rgba(var(--shadow-rgb),.22)}.credit-inline.credit-leaving{animation:credit-up .42s ease forwards;pointer-events:none}@keyframes credit-up{to{transform:translateY(-90px);opacity:0}}.credit-inline .credit-ava{width:26px;height:26px}.credit-by{font-family:var(--font-head);font-size:1.05rem}.credit-ava{width:30px;height:30px;flex-shrink:0;object-fit:cover;border:2px solid var(--ink);border-radius:12px 5px 13px 4px/4px 13px 5px 12px;box-shadow:2px 2px rgba(var(--shadow-rgb),.16);user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.credit-ava-link{position:relative}.credit-tip{position:absolute;left:50%;bottom:100%;transform:translate(-50%) translateY(6px) rotate(-5deg) scale(.85);transform-origin:bottom center;white-space:nowrap;padding:5px 13px;font:700 .9rem var(--font-body);letter-spacing:.3px;color:var(--tip-fg);background:var(--tip-bg);border:3px solid var(--tip-line);border-radius:255px 20px 225px/20px 225px 20px 255px;box-shadow:3px 4px 0 var(--tip-line);opacity:0;visibility:hidden;pointer-events:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:50}.credit-tip:after{content:"";position:absolute;bottom:-9px;left:50%;transform:translate(-50%) rotate(15deg) skew(25deg);width:13px;height:13px;background:var(--tip-bg);border-bottom:3px solid var(--tip-line);border-right:3px solid var(--tip-line)}.credit-ava-link:hover .credit-tip,.credit-ava-link:focus-visible .credit-tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-11px) rotate(3deg) scale(1)}.credit-inline .credit-tip{top:100%;bottom:auto;transform:translate(-50%) translateY(-6px) rotate(-5deg) scale(.85)}.credit-inline .credit-tip:after{top:-9px;bottom:auto;border-bottom:none;border-right:none;border-top:3px solid var(--tip-line);border-left:3px solid var(--tip-line)}.credit-inline .credit-ava-link:hover .credit-tip,.credit-inline .credit-ava-link:focus-visible .credit-tip{transform:translate(-50%) translateY(11px) rotate(3deg) scale(1)}.credit-with{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-head);font-size:1.05rem}.credit-heart{display:inline-block;color:#e0362b;font-size:1.05em;vertical-align:-.12em;filter:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink))}.review-thumb{cursor:zoom-in}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:5vw;background:#1a1610d1;cursor:zoom-out}.zoom-big{max-width:92vw;max-height:86vh;object-fit:contain;background:var(--paper);padding:7px;border:3px solid var(--ink);border-radius:20px 8px 22px 7px/7px 22px 8px 20px;box-shadow:8px 9px #00000059;cursor:zoom-out;will-change:transform}.zoom-close{position:fixed;top:1rem;right:1rem;width:46px;height:46px;display:grid;place-items:center;font-size:1.3rem;font-weight:800;color:var(--ink);background:var(--paper-2);border:2.5px solid var(--ink);border-radius:14px 6px 16px 5px/5px 16px 6px 14px;box-shadow:3px 3px #0000004d;cursor:var(--cur-arrow),pointer;transition:transform .13s ease}.zoom-close:hover{transform:rotate(-6deg) scale(1.05)}.btn-ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;margin-right:.1em}@media(max-width:560px){#root{padding:1.2rem 1rem}.home-h1{font-size:clamp(2.3rem,12vw,3.2rem)}.home-lead{font-size:1rem}.home-games{margin-top:2.2rem}.game-row{gap:.85rem;padding:1.05rem .3rem}.game-row-ic{width:40px;height:40px}.game-row-title{font-size:1.16rem}.game-row-desc{font-size:.86rem}.landing .hero{padding:3.4rem 1rem 1.8rem}.landing-back{top:.7rem;left:.7rem}.hero-pic{width:108px;height:108px}.hero-tag{font-size:.98rem}.hero-how{max-width:100%}.quiz-top{gap:.4rem}.quiz-counter{font-size:1rem;padding:.18rem .6rem}.quiz-card{padding:1.3rem 1rem}.quiz-q{font-size:1.5rem}.moment-img img{max-height:200px}.option{font-size:.96rem;padding:.72rem .85rem}.result{padding:2rem 1.1rem}.result-score{font-size:3.2rem}.result-title{font-size:1.7rem}.credit{font-size:.86rem;bottom:12px;padding:.35rem .7rem}}@media(max-width:380px){.quiz-top{grid-template-columns:auto 1fr}.quiz-top .credit-inline{display:none}.home-h1{font-size:clamp(2.05rem,13vw,2.8rem)}}.lang-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--paper-2);border:2px solid var(--ink);border-radius:10px 5px 12px 4px/4px 12px 5px 10px;box-shadow:2px 2px rgba(var(--shadow-rgb),.14)}.lang-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 6px);background:var(--ink);border-radius:8px 4px 9px 3px/4px 8px 3px 9px;transition:transform .32s cubic-bezier(.34,1.4,.5,1)}.lang-toggle[data-lang=ru] .lang-thumb{transform:translate(calc(100% + 6px))}.lang-opt{position:relative;z-index:1;font:700 .82rem var(--font-body);letter-spacing:.02em;text-align:center;color:var(--ink-soft);background:transparent;border:0;padding:.3rem .72rem;cursor:var(--cur-arrow),pointer;transition:color .28s ease}.lang-opt:hover{color:var(--ink)}.lang-opt.on{color:var(--paper)}@media(prefers-reduced-motion:reduce){.lang-thumb{transition:none}}.theme-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--paper-2);border:2px solid var(--ink);border-radius:10px 5px 12px 4px/4px 12px 5px 10px;box-shadow:2px 2px rgba(var(--shadow-rgb),.14)}.theme-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 6px);background:var(--ink);border-radius:8px 4px 9px 3px/4px 8px 3px 9px;transition:transform .32s cubic-bezier(.34,1.4,.5,1)}.theme-toggle[data-theme=dark] .theme-thumb{transform:translate(calc(100% + 6px))}.theme-opt{position:relative;z-index:1;display:grid;place-items:center;color:var(--ink-soft);background:transparent;border:0;padding:.3rem .72rem;cursor:var(--cur-arrow),pointer;transition:color .28s ease}.theme-opt:hover{color:var(--ink)}.theme-opt.on{color:var(--paper)}@media(prefers-reduced-motion:reduce){.theme-thumb{transition:none}}.settings{position:fixed;left:16px;bottom:16px;z-index:40}.settings-btn{display:grid;place-items:center;width:40px;height:40px;color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);border-radius:12px 6px 13px 5px/5px 13px 6px 12px;box-shadow:2px 2px rgba(var(--shadow-rgb),.14);cursor:var(--cur-arrow),pointer;transition:transform .15s ease,box-shadow .15s ease,color .2s ease}.settings-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px rgba(var(--shadow-rgb),.14);color:var(--accent, var(--ink))}.settings-btn:active{transform:translate(1px,1px);box-shadow:1px 1px rgba(var(--shadow-rgb),.14)}.settings-btn.on{color:var(--paper);background:var(--ink)}.settings-panel{position:absolute;left:0;bottom:calc(100% + 10px);width:max-content;min-width:220px;padding:.9rem 1rem 1rem;background:var(--box);border:2.5px solid var(--ink);border-radius:var(--sketch-radius);box-shadow:5px 6px rgba(var(--shadow-rgb),.16);animation:settings-pop .22s cubic-bezier(.22,1,.36,1) both}@keyframes settings-pop{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;padding-bottom:.6rem;border-bottom:1.5px solid var(--rule)}.settings-title{font:700 1.15rem var(--font-head);color:var(--ink)}.settings-x{display:grid;place-items:center;width:26px;height:26px;color:var(--ink-soft);background:transparent;border:0;border-radius:7px 4px 8px 3px/3px 8px 4px 7px;cursor:var(--cur-arrow),pointer;transition:color .2s ease,background .2s ease}.settings-x:hover{color:var(--ink);background:rgba(var(--dot-rgb),.06)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:.4rem 0}.settings-label{font:600 .95rem var(--font-body);color:var(--ink-soft)}@media(max-width:560px){.settings{left:12px;bottom:12px}}.settings-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:rgba(var(--shadow-rgb),.4)}.settings-drawer{position:fixed;left:0;right:0;bottom:0;z-index:61;display:flex;flex-direction:column;max-height:85vh;padding:.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));background:var(--box);border-top:2.5px solid var(--ink);border-radius:20px 20px 0 0;box-shadow:0 -6px rgba(var(--shadow-rgb),.12);outline:none}.settings-drawer-handle{flex-shrink:0;width:42px;height:5px;margin:0 auto .9rem;border-radius:999px;background:var(--rule)}.settings-drawer .settings-row{padding:.6rem 0}:root{--paper: #faf7ef;--paper-2: #fffdf7;--ink: #2b2b2b;--ink-soft: #565248;--rule: #c9c2b2;--link: #2a4b8d;--box: #fffdf6;--correct: #2f7d4f;--correct-bg: #e3f3e7;--wrong: #b23a3a;--wrong-bg: #f6e2e2;--hl-from: #f5e8a3;--hl-to: #e7c84d;--shadow-rgb: 43, 43, 43;--dot-rgb: 0, 0, 0;--dot-alpha: .04;--pick-bg: #f7eebf;--stripe: rgba(250, 247, 239, .28);--selection-bg: #f5e8a3;--selection-ink: var(--ink);--tip-bg: #fdffb6;--tip-fg: #1e1e24;--tip-line: #1e1e24;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--font-head: "Caveat", "Inter", cursive;--sketch-radius: 255px 12px 225px 15px / 14px 225px 15px 255px;--cur-arrow: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%3E%3Cpath%20d='M5%203%20L5%2022%20L10%2017%20L13%2025%20L16.5%2023.5%20L13%2015.5%20L20%2015.5%20Z'%20fill='%23faf7ef'%20stroke='%232b2b2b'%20stroke-width='1.7'%20stroke-linejoin='round'%20stroke-linecap='round'/%3E%3C/svg%3E") 5 3;color-scheme:light}:root[data-theme=dark]{--paper: #1a1712;--paper-2: #241f19;--ink: #ece7db;--ink-soft: #b3ab9c;--rule: #3a342b;--link: #8fb0e8;--box: #241f19;--correct: #6fce93;--correct-bg: #1e3a2a;--wrong: #e8817d;--wrong-bg: #3a2020;--hl-from: #b9a24f;--hl-to: #8f7a2f;--shadow-rgb: 0, 0, 0;--dot-rgb: 255, 255, 255;--dot-alpha: .05;--pick-bg: #3a331d;--stripe: rgba(26, 23, 18, .4);--selection-bg: #6c5ce0;--selection-ink: #f4f1ff;--tip-bg: #7c5cff;--tip-fg: #ffffff;--tip-line: #14101f;--cur-arrow: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%3E%3Cpath%20d='M5%203%20L5%2022%20L10%2017%20L13%2025%20L16.5%2023.5%20L13%2015.5%20L20%2015.5%20Z'%20fill='%231a1712'%20stroke='%23ece7db'%20stroke-width='1.7'%20stroke-linejoin='round'%20stroke-linecap='round'/%3E%3C/svg%3E") 5 3;color-scheme:dark}*{box-sizing:border-box}html,body{cursor:var(--cur-arrow),auto}a,button,label,summary,[role=button],.option{cursor:var(--cur-arrow),pointer}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased;background-color:var(--paper)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(var(--dot-rgb),var(--dot-alpha)) 1px,transparent 0);background-size:22px 22px}#root{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.sketch{border:2.5px solid var(--ink);border-radius:var(--sketch-radius);background:var(--box)}.screen{width:100%;max-width:600px;animation:fade-up .5s cubic-bezier(.22,1,.36,1) both}.screen.leaving{animation:fade-out .42s ease forwards}@keyframes fade-up{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}::selection{background:var(--selection-bg);color:var(--selection-ink)}.squiggly{display:inline-block}.squiggly-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}@media(prefers-reduced-motion:reduce){*{animation:none!important}}