:root{--paper:#f2f4f7;--card:#fff;--ink:#1c2733;--ink-soft:#5a6675;--red:#d6402f;--red-dark:#b3301f;--blue:#2b59c3;--green:#2e7d4f;--line:#d8dee6;--radius:14px;--shadow:0 10px 24px #1c27331f;color:var(--ink);font-family:Rubik,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--paper);background-image:radial-gradient(#1c27330d 1px,#0000 1px);background-size:22px 22px;min-height:100vh;margin:0}#root{max-width:430px;margin:0 auto;padding:20px 16px 48px}h1,h2{margin:0;font-family:Secular One,Rubik,sans-serif;font-weight:400}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:none}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.topbar h1{letter-spacing:.5px;font-size:1.7rem;line-height:0}.topbar .logo{width:auto;height:44px}.topbar .streak{color:var(--red-dark);font-weight:700}.topbar-badges{align-items:baseline;gap:14px;display:flex}.topbar .score{color:var(--ink);font-weight:700}.banner{border-radius:var(--radius);background:#fff4e5;border:1px solid #e8c48a;margin-bottom:14px;padding:10px 14px;font-size:.85rem}.banner-guest{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.banner-guest span{flex:1;min-width:200px}.banner-dismiss{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;padding:2px 4px;font-size:.85rem}.guest-nudge{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.85rem;display:flex}.home-layout{align-items:start;gap:16px;display:grid}.scoreboard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:14px;padding:16px;display:grid}.scoreboard h2,.scoreboard h3{color:var(--ink-soft);margin:0;font-size:1rem}.sb-total{justify-items:center;gap:2px;padding:6px 0 2px;display:grid}.sb-total b{font-family:Secular One,sans-serif;font-size:2rem;font-weight:400}.sb-total span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.sb-rows,.sb-runs{gap:6px;display:grid}.sb-row,.sb-run{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:6px;font-size:.9rem;display:flex}.sb-row span,.sb-run-kind{color:var(--ink-soft)}.sb-note{color:var(--ink-soft);padding-top:2px;font-size:.72rem}.btn-signin{padding:6px 14px;font-size:.85rem}.lb-edit{cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.8rem}.lb-rename{gap:6px;display:flex}.lb-rename input{min-width:0;font:inherit;border:1px solid var(--line,#ccc);border-radius:8px;flex:1;padding:4px 8px;font-size:.8rem}.sb-tabs{gap:6px;display:flex}.sb-tabs button{color:var(--ink-soft);border:1.5px solid var(--line);background:0 0;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:700}.sb-tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.hot-flame{border:1.5px solid var(--red);color:var(--red-dark);background:#fdecea;border-radius:999px;justify-self:center;padding:3px 12px;font-size:.85rem;font-weight:700}@media (width>=780px){#root:has(.home-layout){max-width:744px}.home-layout{grid-template-columns:minmax(0,1fr) 280px}.scoreboard{position:sticky;top:16px}}.stats{gap:10px;margin-bottom:16px;display:flex}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex:1;padding:10px 12px}.stat b{font-family:Secular One,sans-serif;font-size:1.35rem;font-weight:400;display:block}.stat span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.actions{gap:10px;margin-bottom:22px;display:grid}.btn{padding:14px 18px;font-size:1rem;font-weight:700;transition:transform 80ms}.btn:active{transform:scale(.98)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-dark)}.btn-primary:disabled{background:var(--line);color:var(--ink-soft);box-shadow:none;cursor:default}.btn-secondary{background:var(--card);color:var(--ink);border:1.5px solid var(--ink)}.btn-quiet{color:var(--ink-soft);background:0 0;padding:8px;text-decoration:underline}.howto{border-radius:var(--radius);box-shadow:var(--shadow);width:min(430px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ink);border:none;padding:0}.howto::backdrop{background:#1c273373}.howto[open]{animation:.35s cubic-bezier(.2,1.4,.4,1) badge-drop}.howto-body{gap:14px;padding:22px 20px;display:grid}.howto h2{font-size:1.3rem}.howto-why{color:var(--ink-soft);margin:0;font-size:.9rem}.howto-steps{counter-reset:step;gap:8px;margin:0;padding:0;list-style:none;display:grid}.howto-steps li{counter-increment:step;background:var(--card);border:1.5px solid var(--line);color:var(--ink-soft);border-radius:10px;padding:10px 12px 10px 40px;font-size:.88rem;position:relative}.howto-steps li:before{content:counter(step);background:var(--red);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:11px;left:12px}.howto-steps li>b{color:var(--ink);margin-bottom:2px;display:block}.howto-example{background:#fff4e5;border:1px solid #e8c48a;border-radius:10px;justify-items:center;gap:10px;padding:12px;font-size:.88rem;display:grid}.howto-example svg{width:88px}.howto-example>div:last-child{justify-self:start}.howto-pair{align-items:center;gap:12px;display:flex}.howto-pair figure{justify-items:center;gap:4px;margin:0;display:grid}.howto-pair img{border:1px solid #e8c48a;border-radius:10px;width:auto;height:108px}.howto-pair figcaption{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.howto-arrow{color:var(--red-dark);font-size:1.5rem}.howto-note{color:var(--ink-soft);margin:0;font-size:.78rem}.roster h2{color:var(--ink-soft);margin-bottom:10px;font-size:1rem}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;display:grid}.roster-grid img{aspect-ratio:1;object-fit:cover;border:2px solid var(--line);filter:grayscale();border-radius:10px;width:100%}.roster-grid img.known{filter:none;border-color:var(--green)}.roster-face{background:0 0;border:none;border-radius:10px;padding:0;transition:transform .15s;display:block}.roster-face:hover{transform:translateY(-2px)rotate(-1.5deg)}.roster-face:hover img{border-color:var(--blue);filter:none}.roster-face img{display:block}.person-backdrop{z-index:20;background:#1c27338c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.person-modal{width:min(280px,100%);position:relative}.person-modal .badge-face{aspect-ratio:1;width:100%;height:auto}.person-close{z-index:1;background:var(--ink);width:34px;height:34px;color:var(--card);box-shadow:var(--shadow);border-radius:50%;font-size:.95rem;line-height:1;position:absolute;top:-12px;right:-12px}.person-facts{gap:7px;width:230px;padding-bottom:2px;display:grid}.person-fact{align-items:baseline;gap:9px;font-size:.92rem;display:flex}@media (prefers-reduced-motion:reduce){.badge-card{animation:none}.roster-face{transition:none}}.roster-empty{color:var(--ink-soft);background:var(--card);border:1.5px dashed var(--line);border-radius:var(--radius);text-align:center;padding:18px;font-size:.9rem}.badge-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);justify-items:center;gap:14px;padding:16px 16px 20px;animation:.35s cubic-bezier(.2,1.4,.4,1) badge-drop;display:grid}@keyframes badge-drop{0%{opacity:0;transform:translateY(-14px)rotate(-2.5deg)}}.badge-face{object-fit:cover;background:var(--paper);border-radius:12px;width:216px;height:216px}.name-badge{text-align:center;background:#fff;border:1px solid #1c273314;border-radius:10px;width:230px;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 3px 10px #1c273340}.name-badge-head{background:var(--red);color:#fff;letter-spacing:.14em;padding:7px 0 2px;font-family:Secular One,sans-serif;font-size:1.15rem}.name-badge-sub{background:var(--red);color:#fff;letter-spacing:.05em;padding-bottom:6px;font-size:.7rem}.name-badge[dir=rtl] .name-badge-head,.name-badge[dir=rtl] .name-badge-sub{letter-spacing:0}.name-badge[dir=rtl] .name-badge-head{font-size:1.35rem}.name-badge[dir=rtl] .name-badge-sub{font-size:.78rem}.name-badge-name{color:#223;min-height:62px;padding:12px 8px 14px;font-family:Amatic SC,Secular One,cursive;font-size:2.5rem;line-height:1}.name-badge-name.blank{color:var(--ink-soft);letter-spacing:.2em}.screen{gap:16px;display:grid}.progress{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.encode-tips{gap:8px;display:grid}.tip{text-align:start;background:var(--card);border:1.5px solid var(--line);color:var(--ink-soft);border-radius:10px;padding:10px 12px;font-size:.88rem}.tip.done{border-color:var(--green);color:var(--ink)}.tip b,.tip.fact{color:var(--ink)}.btn-encode{background:var(--line);color:var(--ink-soft);padding:14px 18px;font-weight:700;position:relative;overflow:hidden}.btn-encode .fill{background:var(--red);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.btn-encode.arming .fill{animation:4s linear forwards arm}@keyframes arm{to{transform:scaleX(1)}}.btn-encode.ready{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-dark)}.btn-encode span{z-index:1;position:relative}.fact-question{color:var(--ink);text-align:center;font-family:Secular One,sans-serif;font-size:1.15rem}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:14px 10px;font-size:1.05rem;font-weight:500}.choice:hover{border-color:var(--ink)}.choice.right{border-color:var(--green);background:#e9f5ee}.choice.wrong{border-color:var(--red);background:#fdecea}.choice:disabled{cursor:default}.choice:disabled:not(.right):not(.wrong){opacity:.45}.compare{gap:6px;display:grid}.compare-row{background:var(--card);border:1.5px solid var(--line);border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;display:flex}.compare-row span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.compare-row b{font-size:1.05rem}.compare-row.wrong{border-color:var(--red);background:#fdecea}.compare-row.right{border-color:var(--green);background:#e9f5ee}.typed{gap:8px;display:flex}.typed input{font:inherit;border:1.5px solid var(--line);border-radius:10px;flex:1;padding:12px 14px;font-size:1.05rem}.verdict{text-align:center;font-weight:700}.verdict.right{color:var(--green)}.verdict.wrong{color:var(--red-dark)}.summary{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;gap:10px;padding:24px;display:grid}.summary .big{font-family:Secular One,sans-serif;font-size:2.2rem}.loading{min-height:300px;color:var(--ink-soft);place-items:center;gap:12px;display:grid}.spinner{border:4px solid var(--line);border-top-color:var(--red);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{border:1px solid var(--red);border-radius:var(--radius);background:#fdecea;padding:14px;font-size:.9rem}.summary-points{color:var(--red-dark);font-family:Amatic SC,cursive;font-size:1.9rem;font-weight:700}.summary-awards{gap:8px;width:100%;display:grid}.award{background:var(--card);border:1.5px solid var(--red);border-radius:var(--radius);text-align:start;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;display:flex}.award-emoji{font-size:1.4rem}.achievements{margin-top:26px}.achievements h2{color:var(--ink-soft);margin-bottom:10px;font-size:1rem}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.ach{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;opacity:.45;filter:grayscale();justify-items:center;gap:2px;padding:10px;display:grid}.ach.got{opacity:1;filter:none;border-color:var(--red)}.ach-emoji{font-size:1.5rem}.ach-name{font-size:.85rem;font-weight:700}.ach-desc{color:var(--ink-soft);font-size:.72rem}.danger-zone{border-top:1px dashed var(--line);justify-items:start;gap:10px;margin-top:34px;padding-top:14px;display:grid}.btn-danger-quiet{color:var(--ink-soft);background:0 0;padding:6px 0;font-size:.85rem;text-decoration:underline}.danger-warning{border:1px solid var(--red);border-radius:var(--radius);background:#fdecea;width:100%;padding:12px 14px;font-size:.9rem}.danger-actions{align-items:center;gap:10px;display:flex}.btn-danger{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-dark)}.btn-danger:disabled{background:var(--line);color:var(--ink-soft);box-shadow:none;cursor:default}@media (prefers-reduced-motion:reduce){.badge-card,.howto[open]{animation:none}.spinner{animation-duration:1.6s}}.btn-gear{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.3rem;font-size:1.2rem;line-height:1}.btn-gear:hover{background:#1c27330f}.settings-group{text-align:start;width:100%;max-width:26rem}.settings-group h3{margin:0 0 .2rem}.settings-row{cursor:pointer;align-items:center;gap:.6rem;padding:.6rem .2rem;font-size:1.05rem;display:flex}.settings-row.locked{opacity:.7;cursor:default}.settings-hint{color:var(--ink-soft);margin:.2rem 0 .6rem;font-size:.85rem}