:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 999px;--ease: cubic-bezier(.2, 0, 0, 1);--fast: .12s;--base: .22s;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", "Consolas", monospace;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .1);--shadow-2: 0 4px 8px rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 0, 0, .12);--lift: 4px}:root,[data-scheme=light]{--bg: #ffffff;--surface: #f5f8f8;--surface-2: #e8eeee;--line: rgba(11, 59, 58, .12);--line-strong: rgba(11, 59, 58, .24);--text: #10241f;--muted: #5f7a76;--accent: #0b7472;--accent-edge: #075553;--accent-soft: rgba(14, 140, 138, .12);--ok: #2e9e5b;--ok-edge: #237a46;--ok-soft: rgba(46, 158, 91, .12);--err: #e0474c;--err-edge: #b3383c;--err-soft: rgba(224, 71, 76, .1);--warn: #e08600;--cream: #f7f0e1;--on-accent: #ffffff}[data-scheme=dark]{--bg: #0d1413;--surface: #15201f;--surface-2: #1e2c2a;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .2);--text: #eef5f3;--muted: #93a8a4;--accent: #17b3ad;--accent-edge: #0d7d79;--accent-soft: rgba(23, 179, 173, .16);--ok: #3ecf7f;--ok-edge: #2a9a5c;--ok-soft: rgba(62, 207, 127, .15);--err: #ff6b7d;--err-edge: #c44a59;--err-soft: rgba(255, 107, 125, .15);--warn: #ffb020;--cream: #f7f0e1;--on-accent: #04211f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.app{display:flex;flex-direction:column;height:100dvh;max-width:480px;margin:0 auto;position:relative}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.actionbar{padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--bg)}.topbar{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);padding-top:calc(var(--sp-3) + env(safe-area-inset-top,0px))}.stat{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--sp-3);border-radius:var(--r-full);background:var(--surface);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.stat--lives{color:var(--err)}.stat--xp{color:var(--accent)}.stat--streak{color:var(--warn)}.stat__timer{color:var(--muted);font-weight:600;font-size:12px}.stat--pulse{animation:pop var(--base) var(--ease)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}.display{font-size:40px;line-height:44px;font-weight:800;letter-spacing:-.02em;margin:0}.title{font-size:28px;line-height:34px;font-weight:800;letter-spacing:-.02em;margin:0}.headline{font-size:20px;line-height:26px;font-weight:700;letter-spacing:-.01em;margin:0}.callout{font-size:14px;line-height:20px;font-weight:600;margin:0}.caption{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.01em;margin:0}.muted{color:var(--muted)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;min-height:56px;padding:0 var(--sp-6);border-radius:var(--r-lg);font-size:16px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease),opacity var(--fast) var(--ease)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 var(--lift) 0 var(--accent-edge)}.btn--ok{background:var(--ok);color:#fff;box-shadow:0 var(--lift) 0 var(--ok-edge)}.btn--err{background:var(--err);color:#fff;box-shadow:0 var(--lift) 0 var(--err-edge)}.btn--ghost{background:var(--surface);color:var(--text);box-shadow:0 var(--lift) 0 var(--surface-2)}.btn--primary:active:not(:disabled),.btn--ok:active:not(:disabled),.btn--err:active:not(:disabled),.btn--ghost:active:not(:disabled){transform:translateY(var(--lift));box-shadow:0 0 0 transparent}.btn--quiet{min-height:44px;background:none;color:var(--muted);font-weight:700;text-transform:none;box-shadow:none}.iconbtn{display:grid;place-items:center;width:44px;height:44px;margin-left:-10px;border-radius:var(--r-full);color:var(--muted);transition:background var(--fast) var(--ease)}.iconbtn:active{background:var(--surface-2)}.lama{display:block;width:96px;height:auto;flex:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lama--big{width:168px}.lamacard{display:flex;align-items:flex-end;gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-6)}.bubble{position:relative;flex:1;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);border:2px solid var(--line-strong);border-radius:var(--r-lg);background:var(--bg);font-size:15px;line-height:21px;font-weight:600}.bubble:before,.bubble:after{content:"";position:absolute;left:-9px;bottom:14px;width:0;height:0;border:9px solid transparent;border-right-color:var(--line-strong);border-left:0}.bubble:after{left:-6px;border-right-color:var(--bg)}.map{padding:var(--sp-2) var(--sp-4) var(--sp-12)}.chapter{display:flex;align-items:center;gap:var(--sp-3);width:100%;margin:var(--sp-6) 0 var(--sp-4)}.chapter__line{flex:1;height:2px;border-radius:2px;background:var(--line)}.path{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.pathgroup{display:flex;flex-direction:column;align-items:center;width:100%}.pathitem{display:flex;flex-direction:column;align-items:center;gap:6px;width:auto;max-width:260px;padding:var(--sp-2) var(--sp-3);transition:transform var(--fast) var(--ease)}.pathitem:disabled{cursor:default}.pathnode{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:var(--r-full);background:var(--surface-2);color:var(--muted);font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 5px 0 var(--line);transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.pathitem:active:not(:disabled) .pathnode{transform:translateY(5px);box-shadow:0 0 0 transparent}.pathitem--next .pathnode{background:var(--accent);color:var(--on-accent);box-shadow:0 5px 0 var(--accent-edge)}.pathitem--done .pathnode{background:var(--ok);color:#fff;box-shadow:0 5px 0 var(--ok-edge)}.pathitem--failed .pathnode{background:var(--surface-2);color:var(--err);box-shadow:0 5px 0 var(--err-soft)}.pathitem--locked{opacity:.5}.pathitem--next .pathnode:after{content:"";position:absolute;width:88px;height:88px;border-radius:var(--r-full);border:3px solid var(--accent);opacity:.45;animation:ring 1.8s var(--ease) infinite}@keyframes ring{0%{transform:scale(.92);opacity:.5}70%{transform:scale(1.12);opacity:0}to{opacity:0}}.pathcap{max-width:240px;text-align:center;font-size:13px;line-height:18px;font-weight:700}.pathcap__sub{display:block;color:var(--muted);font-size:12px;font-weight:600}.boardlink{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:56px;padding:0 var(--sp-4);border-radius:var(--r-lg);background:var(--surface);box-shadow:0 var(--lift) 0 var(--surface-2);font-size:15px;font-weight:800;transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.boardlink:active{transform:translateY(var(--lift));box-shadow:0 0 0 transparent}.boardlink__text{flex:1;text-align:left}.boardlink__xp{color:var(--accent);font-variant-numeric:tabular-nums}.boardrow{display:flex;align-items:center;gap:var(--sp-3);min-height:56px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md)}.boardrow--me{background:var(--accent-soft)}.boardrow__rank{flex:none;width:24px;color:var(--muted);font-size:14px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.boardrow__ava{flex:none;width:40px;height:40px;border-radius:var(--r-full);object-fit:cover}.boardrow__ava--stub{background:var(--surface-2)}.boardrow__name{flex:1;min-width:0;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boardrow__xp{flex:none;font-size:14px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.progress{display:flex;gap:var(--sp-1);padding:0 var(--sp-4) var(--sp-4)}.progress__seg{flex:1;height:10px;border-radius:var(--r-full);background:var(--surface-2);overflow:hidden}.progress__seg span{display:block;height:100%;width:0;border-radius:var(--r-full);background:var(--accent);transition:width var(--base) var(--ease)}.progress__seg--done span{width:100%}.progress__seg--fail span{width:100%;background:var(--err)}.task{padding:0 var(--sp-4) var(--sp-8);animation:enter var(--base) var(--ease)}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.task__kicker{color:var(--muted);margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.06em}.task__prompt{margin-bottom:var(--sp-4)}.brief{display:block;padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);border-radius:var(--r-md);background:var(--accent-soft);color:var(--text);font-size:16px;line-height:24px;font-weight:600}.code{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-2);font-family:var(--mono);font-size:13px;line-height:22px;white-space:pre;overflow-x:auto}.code--error{background:var(--err-soft);color:var(--text);white-space:pre-wrap;word-break:break-word}.options{display:flex;flex-direction:column;gap:var(--sp-3)}.option{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:60px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--bg);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);text-align:left;font-size:15px;line-height:21px;font-weight:600;transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease),border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.option:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 transparent}.option--picked{border-color:var(--accent);box-shadow:0 3px 0 var(--accent-edge);background:var(--accent-soft)}.option--right{border-color:var(--ok);box-shadow:0 3px 0 var(--ok-edge);background:var(--ok-soft)}.option--wrong{border-color:var(--err);box-shadow:0 3px 0 var(--err-edge);background:var(--err-soft)}.option:disabled{cursor:default}.option__mark{flex:none;width:20px;text-align:center;font-weight:800}.slots{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);min-height:68px;padding:var(--sp-3);margin-bottom:var(--sp-4);border-radius:var(--r-md);border:2px dashed var(--line-strong);background:var(--surface)}.slots--empty{color:var(--muted);font-size:14px;font-weight:600}.bank{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{padding:10px var(--sp-3);min-height:44px;border-radius:var(--r-md);background:var(--bg);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);font-family:var(--mono);font-size:13px;font-weight:600;transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease),opacity var(--fast) var(--ease)}.chip:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 transparent}.chip--used{opacity:0;pointer-events:none}.chip--slot{background:var(--accent-soft);border-color:var(--accent-soft);box-shadow:none}.fill{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4)}.fill__input{flex:1;min-height:56px;padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--bg);border:2px solid var(--line);color:var(--text);font-family:var(--mono);font-size:16px;outline:none;transition:border-color var(--fast) var(--ease)}.fill__input:focus{border-color:var(--accent)}.fill__input::placeholder{color:var(--muted);font-family:var(--font);font-weight:600}.blank{display:inline-block;min-width:48px;padding:0 6px;border-bottom:2px solid var(--accent);color:var(--accent);text-align:center}.sheet{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-2);animation:slideup var(--base) var(--ease);z-index:10}.sheet--ok{background:var(--ok-soft)}.sheet--err{background:var(--err-soft)}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}.sheet__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.sheet--ok .sheet__head{color:var(--ok)}.sheet--err .sheet__head{color:var(--err)}.sheet__lama{width:48px;height:auto;flex:none}.sheet__text{margin:0 0 var(--sp-4);font-size:14px;line-height:20px;font-weight:600}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);height:100%;padding:var(--sp-6);text-align:center}.summary{display:flex;gap:var(--sp-2);width:100%;margin-top:var(--sp-4)}.summary__cell{flex:1;padding:var(--sp-3);border-radius:var(--r-md);background:var(--surface)}.summary__value{font-size:24px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stack{display:flex;flex-direction:column;gap:var(--sp-3);width:100%}.spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}