.rung{width:100%;height:auto;display:block}.rung__rail{stroke:var(--ink);stroke-width:5;stroke-linecap:round}.rung__wire{stroke:#b5bcc9;stroke-width:4;transition:stroke .3s}.rung__wire.is-live{stroke:var(--success)}.rung__contact line{stroke:#8a93a3;stroke-width:5;stroke-linecap:round;transition:stroke .3s}.rung__contact.is-live line{stroke:var(--success)}.rung__coil circle{fill:#fff;stroke:#8a93a3;stroke-width:5;transition:all .3s}.rung__coil.is-on circle{fill:var(--amber);stroke:var(--amber)}.rung__label{font:800 12px Nunito,sans-serif;fill:var(--muted)}.rung__state{font:900 12px Nunito,sans-serif;fill:var(--brand)}:root{--brand: #1d5fe0;--brand-dark: #164bb3;--brand-soft: #e3eeff;--ink: #14213d;--text: #2b3445;--muted: #5b6578;--bg: #ffffff;--bg-soft: #f4f6fa;--line: #dde2ea;--success: #1a7f37;--success-dark: #14632c;--success-soft: #dff6e3;--danger: #c8323a;--danger-dark: #a2262d;--danger-soft: #fde4e5;--amber: #ffb400;--amber-dark: #8a5a00;--pair-1: #1d5fe0;--pair-1-soft: #e3eeff;--pair-2: #c2410c;--pair-2-soft: #ffe9db;--pair-3: #7c3aed;--pair-3-soft: #eee7ff;--pair-4: #0f766e;--pair-4-soft: #d9f5f1;--pair-5: #be185d;--pair-5-soft: #fde3ef;--radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Nunito,Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn{border:0;border-radius:var(--radius);padding:14px 32px;min-width:150px;font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;transition:transform .08s,box-shadow .08s}.btn--primary{background:var(--brand);box-shadow:0 4px 0 var(--brand-dark)}.btn--success{background:var(--success);box-shadow:0 4px 0 var(--success-dark)}.btn--danger{background:var(--danger);box-shadow:0 4px 0 var(--danger-dark)}.btn--ghost{background:var(--bg);color:var(--brand);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:none}.btn:disabled{background:var(--line);color:#a3abb8;box-shadow:none;cursor:not-allowed}.link-button{background:none;border:0;color:var(--muted);font-weight:700;text-decoration:underline;margin:40px auto 0;display:block}.screen{display:flex;flex-direction:column;min-height:100%;max-width:760px;margin:0 auto}.screen__body{flex:1;padding:8px 20px 140px}.topbar{display:flex;align-items:center;gap:16px;padding:20px}.topbar__close{background:none;border:0;font-size:1.4rem;color:var(--muted)}.progress{flex:1;height:16px;background:var(--line);border-radius:99px;overflow:hidden}.progress__fill{height:100%;background:var(--brand);border-radius:99px;transition:width .4s ease}.title{font-size:1.9rem;font-weight:900;color:var(--ink);margin:4px 0 16px}.muted{color:var(--muted);font-weight:800;margin:0}.body-text{font-size:1.1rem;line-height:1.6;font-weight:600}.mascot-row{display:flex;align-items:center;gap:12px;margin:8px 0 16px}.mascot{font-size:3.2rem}.bubble{border:2px solid var(--line);border-radius:var(--radius);padding:12px 16px;font-weight:800;color:var(--ink)}.card{border:2px solid var(--line);border-radius:var(--radius);padding:12px;margin:16px 0}.checkbar{position:fixed;left:0;right:0;bottom:0;border-top:2px solid var(--line);background:var(--bg);padding:20px}.checkbar--correct{background:var(--success-soft);border-color:var(--success-soft)}.checkbar--wrong{background:var(--danger-soft);border-color:var(--danger-soft)}.checkbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:720px;margin:0 auto}.checkbar__inner--end{justify-content:flex-end}.checkbar__feedback{display:flex;flex-direction:column;gap:4px;font-weight:700}.checkbar__feedback strong{font-size:1.25rem;font-weight:900}.checkbar--correct .checkbar__feedback{color:var(--success-dark)}.checkbar--wrong .checkbar__feedback{color:var(--danger-dark)}.result{text-align:center;padding-top:64px}.result__emoji{font-size:5rem}.stats{display:flex;justify-content:center;gap:16px;margin-top:24px}.stat{border:2px solid;border-radius:var(--radius);min-width:140px;overflow:hidden;font-weight:800}.stat span{display:block;padding:6px;color:#fff;font-size:.8rem}.stat strong{display:block;padding:18px 8px;font-size:1.6rem}.stat--xp{border-color:var(--amber)}.stat--xp span{background:var(--amber);color:var(--ink)}.stat--xp strong{color:var(--amber-dark)}.stat--acc{border-color:var(--success)}.stat--acc span{background:var(--success)}.stat--acc strong{color:var(--success-dark)}.icon-button{background:none;border:0;font-size:1.3rem;line-height:1;padding:4px;cursor:pointer}.wordmark b{color:var(--brand);font-weight:inherit}.checkbar{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.home__top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px;background:var(--bg);border-bottom:2px solid var(--line)}.home__brand{margin:0;font-size:1.3rem;font-weight:900;color:var(--ink);white-space:nowrap}.home__actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;white-space:nowrap;flex-shrink:0;background:var(--bg-soft);border:2px solid var(--line);border-radius:99px;font-weight:800;color:var(--ink)}.chip--button{min-width:44px;padding:0 10px;cursor:pointer;font-family:inherit;font-size:1.1rem}.chip--button:hover{background:var(--brand-soft);border-color:var(--brand)}.home__body{padding:20px 16px calc(110px + env(safe-area-inset-bottom,0px))}.unit{margin-bottom:40px}.unit-banner{background:var(--unit);color:#fff;border-radius:var(--radius);padding:16px 20px;box-shadow:0 4px 0 var(--unit-dark)}.unit-banner__label{margin:0;font-weight:800;opacity:.9;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.unit-banner__title{margin:2px 0 4px;font-size:1.35rem;font-weight:900;line-height:1.2}.unit-banner__desc{margin:0;font-weight:600;opacity:.95}.unit-banner__progress{margin:10px 0 0;font-weight:800;font-size:.9rem}.unit--locked .unit-banner{background:var(--line);color:var(--muted);box-shadow:0 4px #c3cad6}.unit--locked .path{opacity:.7}.path{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-direction:column;align-items:center;gap:30px}.path__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:170px}.path__label{font-weight:800;font-size:.9rem;color:var(--muted);text-align:center;line-height:1.25}.path__bubble{position:absolute;top:-38px;background:var(--bg);color:var(--unit);border:2px solid var(--line);border-radius:12px;padding:4px 14px;font-weight:900;animation:bob 1.4s ease-in-out infinite}.path__bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:12px;background:var(--bg);border-right:2px solid var(--line);border-bottom:2px solid var(--line);transform:translate(-50%) rotate(45deg)}.node{position:relative;width:80px;height:80px;border-radius:50%;border:0;font-size:1.9rem;font-weight:900;color:#fff;background:var(--unit);box-shadow:0 6px 0 var(--unit-dark);transition:transform .08s,box-shadow .08s}.node:active:not(:disabled){transform:translateY(6px);box-shadow:none}.node--done{background:var(--success);box-shadow:0 6px 0 var(--success-dark)}.node--locked{background:var(--line);box-shadow:0 6px #c3cad6;color:var(--muted);cursor:not-allowed}.node--soon{background:var(--bg);border:3px dashed var(--line);box-shadow:none;color:var(--muted);filter:grayscale(1);opacity:.7;cursor:not-allowed}.node--current:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:3px solid var(--unit);opacity:.4;animation:ring 1.8s ease-out infinite;pointer-events:none}.soon-card{margin-top:24px;padding:16px 18px;border:2px dashed var(--line);border-radius:var(--radius)}.soon-card__title{margin:0 0 10px;font-weight:900;color:var(--muted);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.soon-card__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.soon-card__list li{padding:6px 12px;border-radius:99px;background:var(--bg-soft);color:var(--muted);font-weight:700;font-size:.85rem}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--bg);border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav__inner{display:flex;max-width:760px;margin:0 auto}.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;background:none;border:0;color:var(--muted);font-weight:800;font-size:.75rem;letter-spacing:.02em;cursor:pointer}.bottom-nav__item.is-active{color:var(--brand)}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes ring{0%{transform:scale(.92);opacity:.5}to{transform:scale(1.3);opacity:0}}.prompt{font-size:1.5rem;font-weight:900;line-height:1.3;color:var(--ink);margin:0 0 8px}.hint{margin:0 0 8px;color:var(--muted);font-weight:700}.options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.option{text-align:left;background:var(--bg);border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);padding:14px 16px;font-size:1.05rem;font-weight:700;color:var(--text);transition:background .1s,border-color .1s}.option:hover:not(:disabled){background:var(--bg-soft)}.option.is-selected{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.option.is-wrong{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-dark);animation:shake .3s}.option:disabled{cursor:default}.match{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.match__col{display:flex;flex-direction:column;gap:12px}.option.is-picked{background:var(--bg-soft);border-color:var(--ink);color:var(--ink)}.pair-0{--pair: var(--pair-1);--pair-soft: var(--pair-1-soft)}.pair-1{--pair: var(--pair-2);--pair-soft: var(--pair-2-soft)}.pair-2{--pair: var(--pair-3);--pair-soft: var(--pair-3-soft)}.pair-3{--pair: var(--pair-4);--pair-soft: var(--pair-4-soft)}.pair-4{--pair: var(--pair-5);--pair-soft: var(--pair-5-soft)}.option.is-matched{background:var(--pair-soft);border-color:var(--pair);color:var(--ink)}.badge{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--pair);color:#fff;font-size:.8rem;font-weight:900}.sort-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.sort-item{display:flex;align-items:center;gap:12px;background:var(--bg);border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);padding:14px 16px;font-weight:700;color:var(--text);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sort-item__num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg-soft);color:var(--muted);font-weight:900;font-size:.85rem}.sort-item__text{flex:1}.sort-item__grip{color:var(--muted);font-size:1.3rem}.sort-item.is-dragging{position:relative;z-index:10;border-color:var(--brand);background:var(--brand-soft);box-shadow:0 8px 20px #14213d2e;cursor:grabbing}.sort-item.is-locked{cursor:default}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.splash{display:grid;place-items:center;min-height:100vh;color:var(--muted);font-weight:800}.topbar__title{flex:1;margin:0;font-size:1.3rem;font-weight:900;color:var(--ink)}.link-button--inline{margin:0;display:inline}.lb{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.lb-row{display:flex;align-items:center;gap:14px;border:2px solid var(--line);border-bottom-width:4px;border-radius:var(--radius);padding:12px 16px;background:var(--bg);font-weight:800;color:var(--ink)}.lb-row.is-me{background:var(--brand-soft);border-color:var(--brand)}.lb-row__pos{width:36px;text-align:center;font-size:1.3rem;color:var(--muted)}.lb-row__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row__name em{font-style:normal;color:var(--brand-dark);font-weight:700}.lb-row__xp{color:var(--amber-dark)}.lb-gap{text-align:center;color:var(--muted);font-weight:900;margin:8px 0 0}.name-form{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:48px;gap:8px}.text-input{width:100%;max-width:360px;padding:14px 16px;font:800 1.1rem inherit;font-family:inherit;border:2px solid var(--line);border-radius:var(--radius);color:var(--ink);text-align:center}.text-input:focus{outline:none;border-color:var(--brand)}.form-error{color:var(--danger-dark);font-weight:800;margin:4px 0}.stack{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px;align-items:stretch;margin:0 auto}.stack .body-text{margin:0}.card.sent{text-align:left}.card.sent p{margin:6px 0 12px;font-weight:600;line-height:1.5}.card p.body-text{margin:6px 0 14px}.guest-banner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding:12px 16px;text-align:left;background:var(--brand-soft);color:var(--ink);font-weight:700;border:2px solid var(--brand);border-radius:var(--radius)}.guest-banner strong{color:var(--brand-dark);white-space:nowrap}