:root{--bg:#fff8ec;--bg-2:#ffeccc;--ink:#26213a;--muted:#6b6485;--card:#fff;--line:#eadfca;--primary:#ff5a36;--primary-ink:#fff;--go:#20b35a;--blue:#2f7bff;--gold:#ffb000;--good:#20b35a;--bad:#e5383b;--shadow:0 4px 0 #26213a1f, 0 10px 24px #26213a14;--radius:18px;--font:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 10% 0%, #ffe1b8 0, transparent 40%), radial-gradient(circle at 90% 10%, #d9ecff 0, transparent 35%), var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}h1,h2,h3{margin:0;line-height:1.15}button{font:inherit;color:inherit}.btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;box-shadow:0 4px #0000002e}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(3px);box-shadow:0 1px #0000002e}.btn:disabled{cursor:not-allowed;filter:none;background:#c9c3d6;transform:none}.btn.go{background:var(--go)}.btn.buy{background:var(--gold);color:#3b2a00}.btn.big{padding:14px 26px;font-size:1.15rem}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);background:0 0}.btn:focus-visible,.target:focus-visible,.tool:focus-visible,.tab:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.chip{background:var(--card);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-weight:700;text-decoration:none;display:inline-flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--line);background:#fff8eceb;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.logo{font-size:1.3rem;font-weight:900;text-decoration:none}.topbar-right{align-items:center;gap:10px;min-width:0;display:flex}.weapon-chip{text-overflow:ellipsis;overflow:hidden}main{max-width:1040px;margin:0 auto;padding:24px 20px 60px}.player-chip .avatar-sm{font-size:1.25rem;line-height:1}.player-chip .switch{color:var(--muted);font-size:.85rem}.profiles{text-align:center}.profiles h1{color:var(--primary);margin-top:16px;font-size:clamp(2rem,5vw,3rem);font-weight:900}.profiles .sub{color:var(--muted);margin:8px 0 26px}.profile-grid{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.profile-card{background:var(--card);border-radius:var(--radius);width:170px;box-shadow:var(--shadow);border:3px solid #0000;flex-direction:column;align-items:center;transition:transform .12s,border-color .12s;display:flex;position:relative}.profile-card:hover{border-color:var(--gold);transform:translateY(-3px)}.profile-pick,.new-profile{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;width:100%;padding:20px 12px 14px;display:flex}.new-profile{border:3px dashed var(--line);min-height:190px;box-shadow:none;background:0 0;justify-content:center}.profile-card .avatar{background:#fff3dc;border-radius:50%;place-items:center;width:84px;height:84px;font-size:50px;display:grid}.profile-card b{word-break:break-word;font-size:1.15rem}.profile-stats{color:var(--muted);font-size:.85rem;font-weight:700}.profile-tools{gap:4px;padding-bottom:10px;display:flex}.icon-btn{cursor:pointer;background:#f5f1ea;border:0;border-radius:10px;padding:5px 9px;font-size:1rem}.icon-btn:hover{background:#ece4d6}.profile-form{background:var(--card);border-radius:var(--radius);max-width:520px;box-shadow:var(--shadow);text-align:left;margin:28px auto 0;padding:22px}.profile-form h2{margin-bottom:14px;font-size:1.4rem}.field{flex-direction:column;gap:6px;font-weight:800;display:flex}.name-input{font:inherit;border:3px solid var(--line);border-radius:14px;outline:none;padding:10px 14px;font-size:1.2rem}.name-input:focus{border-color:var(--blue)}.name-input.invalid{border-color:var(--bad)}.field-label{margin:16px 0 8px;font-weight:800}.avatar-pick{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.avatar-opt{aspect-ratio:1;cursor:pointer;background:#f5f1ea;border:3px solid #0000;border-radius:14px;font-size:1.7rem}.avatar-opt.active{border-color:var(--primary);background:#ffe7df}.form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.have-code{margin-top:22px}.code-form{background:var(--card);border-radius:var(--radius);max-width:420px;box-shadow:var(--shadow);margin:24px auto 0;padding:22px}.code-form h2{font-size:1.4rem}.code-input{width:100%;font:inherit;letter-spacing:3px;text-align:center;text-transform:uppercase;border:3px solid var(--line);border-radius:14px;outline:none;margin-top:8px;padding:12px 14px;font-size:1.6rem;font-weight:900}.code-input:focus{border-color:var(--blue)}.code-error{color:var(--bad);margin:10px 0 0;font-weight:700}.profile-code{letter-spacing:1px;color:var(--blue);background:#eef6ff;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:800}.profile-pick.loading{opacity:.6;pointer-events:none}.cloud-line{color:var(--ink);margin:16px auto 0;font-weight:700}.cloud-line .code{box-shadow:var(--shadow);letter-spacing:2px;background:#fff;border-radius:10px;margin:0 4px;padding:2px 10px;font-size:1.15rem;display:inline-block}.cloud-line .sync-state{color:var(--muted);margin-left:6px;font-size:.9rem}.cloud-line small{color:var(--muted)}.hero{text-align:center;padding:28px 16px 20px}.hero h1{color:var(--primary);letter-spacing:-.5px;font-size:clamp(2rem,5vw,3.2rem);font-weight:900}.hero p{color:var(--muted);max-width:560px;margin:10px auto 18px;font-size:1.1rem}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:1.1rem;display:flex}.grade-tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 22px;display:flex}.tab{cursor:pointer;background:var(--card);box-shadow:var(--shadow);border:0;border-radius:16px;padding:12px 22px;font-size:1.1rem;font-weight:800}.tab small{color:var(--muted);margin-left:4px;font-weight:700}.tab.active{background:var(--primary);color:#fff}.tab.active small{color:#ffe0d6}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.lesson-card{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);border:3px solid #0000;flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:transform .12s,border-color .12s;display:flex;position:relative}.lesson-card:hover{border-color:var(--gold);transform:translateY(-3px)rotate(-.4deg)}.lesson-card h3{padding-right:44px;font-size:1.15rem}.lesson-card .author{color:var(--muted);margin:0;font-size:.9rem}.card-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.qcount{color:var(--muted);font-size:.9rem;font-weight:700}.new-badge,.played{border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:900;position:absolute;top:14px;right:14px}.new-badge{background:var(--gold);color:#3b2a00}.played{color:var(--blue);background:#eef6ff}.lesson-card.done{background:linear-gradient(#fff,#f2fff6)}.stars{color:var(--gold);letter-spacing:1px;font-size:1.15rem}.stars .dim{color:#e5dccb}.lesson-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lesson-head h1{font-size:2rem;font-weight:900}.author{color:var(--muted);margin:4px 0 0}.tip{background:#fff3c4;border-radius:12px;margin:16px 0;padding:10px 14px;font-weight:600}.toolbar{z-index:10;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:10px 12px;display:flex;position:sticky;top:64px}.tools,.actions,.swatches{align-items:center;gap:6px;display:flex}.actions{margin-left:auto}.tool{cursor:pointer;background:#f5f1ea;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 8px;font-size:1.3rem;display:inline-flex}.tool span{color:var(--muted);font-size:.7rem;font-weight:800}.tool.active{background:var(--primary)}.tool.active span{color:#fff}.swatch{background:var(--c);cursor:pointer;width:30px;height:30px;box-shadow:0 0 0 2px var(--line);border:3px solid #fff;border-radius:50%}.swatch.active{box-shadow:0 0 0 3px var(--ink)}.pdf-stack{flex-direction:column;align-items:center;gap:18px;display:flex}.pdf-page{background:#fff;border-radius:6px;width:100%;max-width:900px;position:relative;overflow:hidden;box-shadow:0 6px 20px #26213a26}.pdf-canvas,.annot-canvas{width:100%;height:100%;position:absolute;inset:0}.annot-canvas{pointer-events:none;touch-action:auto}.annot-canvas.drawing{pointer-events:auto;touch-action:none;cursor:crosshair}.annot-canvas[data-tool=eraser]{cursor:cell}.loading,.error{text-align:center;color:var(--muted);padding:40px}.error{color:var(--bad)}.lesson-foot{justify-content:center;margin-top:28px;display:flex}.quiz{max-width:900px}.quiz-status{flex-wrap:wrap;align-items:center;gap:16px;font-weight:800;display:flex}.quiz-status .peek{margin-left:auto}.streak{color:var(--primary)}.progress-track{background:#eee3d0;border-radius:999px;height:12px;margin:12px 0 18px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--gold), var(--primary));height:100%;transition:width .4s}.prompt-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:8px solid var(--weapon,var(--primary));padding:22px 24px}.prompt{margin:0;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:700;line-height:1.4}.targets{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0 10px;display:grid}.target{text-align:left;border:3px solid var(--line);border-radius:var(--radius);background:var(--card);cursor:crosshair;touch-action:manipulation;align-items:center;gap:14px;min-height:86px;padding:14px 16px;font-size:1.05rem;font-weight:600;line-height:1.3;transition:transform .12s,border-color .12s,background .2s;display:flex;overflow:visible}.target:hover{border-color:var(--weapon);box-shadow:0 0 0 4px color-mix(in srgb, var(--weapon) 25%, transparent)}.targets.firing .target,.target.hit,.target.miss,.target.reveal{pointer-events:none}.bullseye{background:radial-gradient(circle,#fff 0 22%,#e5383b 23% 40%,#fff 41% 58%,#e5383b 59% 76%,#fff 77%);border-radius:50%;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 0 0 3px #e5383b}.letter{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:1.05rem;font-weight:900;display:grid}.target.hit{border-color:var(--good);background:#e6f9ec;animation:.4s pop}.target.hit .bullseye{background:var(--good);box-shadow:0 0 0 3px var(--good)}.target.miss{border-color:var(--bad);background:#fde8e8;animation:.45s shake}.target.miss .bullseye{filter:grayscale(.8);opacity:.6}.target.reveal{border-color:var(--good);background:#f2fff6;border-style:dashed}.targets:has(.hit,.miss) .target:not(.hit,.miss,.reveal){opacity:.5}.feedback{min-height:56px}.fb{border-radius:14px;padding:12px 16px;font-size:1.1rem;font-weight:800;animation:.3s slidein}.fb.good{color:#0d6b33;background:#e6f9ec}.fb.bad{color:#9b1c1f;background:#fde8e8}.arena{position:relative}.lane{background:repeating-linear-gradient(90deg,#f3e8d4 0 18px,#efe2c9 18px 36px);border-radius:999px;height:120px;margin-top:6px;position:relative;box-shadow:inset 0 3px 8px #26213a14}.weapon{will-change:transform;width:0;height:0;position:absolute;top:50%;left:0}.weapon-art{transform-origin:40px 45px;will-change:transform;width:130px;height:90px;position:absolute;top:-45px;left:-40px}.weapon-kick,.weapon-kick svg{width:100%;height:100%;display:block}.weapon-kick svg{filter:drop-shadow(0 4px 3px #00000040)}.after-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;min-height:56px;display:flex}.hint{color:var(--muted);text-align:center;margin:0;font-weight:600}.target{position:relative}.stuck{transform-origin:100%;pointer-events:none;z-index:2;position:absolute}.stuck svg,.projectile svg{width:100%;height:100%;display:block}.projectile{transform-origin:100%;filter:drop-shadow(0 3px 3px #00000040)}.particle.stream{font-size:30px}.fx-layer{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:visible}.bolt-glow{fill:none;stroke:#6be4ff;stroke-width:12px;stroke-linejoin:round;opacity:.55;filter:blur(3px)}.bolt-core{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linejoin:round}.beam-outer{stroke-linecap:round;opacity:.9;filter:blur(1.5px)}.beam-inner{stroke:#fff;stroke-linecap:round}.particle.meteor{filter:drop-shadow(0 0 10px #ffb000);font-size:46px}.particle.bubble{background:radial-gradient(circle at 32% 28%,#fff 0 12%,#ffffff26 30%,#5bc8ff40 70%,#ff5fa259);border:2px solid #5bc8ffcc;border-radius:50%;box-shadow:inset -4px -6px 10px #ff5fa240,0 0 8px #5bc8ff80}.weapon-mini{width:30px;height:22px;display:inline-block}.weapon-mini svg{width:100%;height:100%;display:block}.tier{text-transform:uppercase;letter-spacing:1px;background:var(--weapon);color:#fff;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:900}.tier.rare{background:linear-gradient(90deg,#1c8fd6,#6be4ff)}.tier.epic{background:linear-gradient(90deg,#ff4f81,#ffb000,#20b35a,#2f9bff,#b05cff)}.tier.legendary{background:linear-gradient(90deg,#3b2a6b,#b05cff,#ffb000);box-shadow:0 0 12px #b05cff}.weapon-card:has(.tier.legendary){background:linear-gradient(#fff,#f6efff)}.projectile,.particle,.float-text{z-index:100;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.particle{font-size:26px}.float-text{color:var(--good);text-shadow:0 2px #fff,0 0 12px #fff;font-size:2rem;font-weight:900}.modal{z-index:50;background:#26213a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-box{background:var(--bg);border-radius:var(--radius);flex-direction:column;width:min(920px,100%);max-height:100%;display:flex;overflow:hidden}.modal-head{background:var(--card);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.modal-body{padding:16px;overflow:auto}.results{place-items:center;min-height:70vh;display:grid}.confetti{pointer-events:none;z-index:60;position:fixed;inset:0}.results-card{text-align:center;background:var(--card);width:min(620px,100%);box-shadow:var(--shadow);border-radius:28px;padding:32px 24px;animation:.5s pop}.lesson-name{color:var(--muted);margin:0 0 6px;font-weight:700}.results-card h1{color:var(--primary);font-size:clamp(2rem,6vw,3rem);font-weight:900}.big-stars .stars{letter-spacing:6px;font-size:3.2rem}.result-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.result-stats div{background:#faf5ec;border-radius:14px;flex-direction:column;gap:4px;padding:12px 6px;display:flex}.result-stats b{font-size:1.35rem}.result-stats span{color:var(--muted);font-size:.85rem;font-weight:700}.token-stat{background:#fff4d1!important}.new-best{color:#a06a00;font-weight:900}.small{color:var(--muted);font-size:.9rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.armory h1{text-align:center;font-size:2.2rem;font-weight:900}.armory .sub{text-align:center;color:var(--muted);margin:8px 0 24px}.weapon-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.weapon-card{text-align:center;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);border:4px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:20px;display:flex}.weapon-card.equipped{border-color:var(--weapon);background:linear-gradient(#fff,#fff9ef)}.weapon-card.locked .weapon-icon{filter:grayscale(.6)}.weapon-card p{color:var(--muted);margin:0}.weapon-icon{cursor:pointer;background:radial-gradient(circle at 35% 30%, #fff, var(--weapon));border:0;border-radius:24px;width:120px;height:96px;padding:10px;box-shadow:0 5px #00000026}.weapon-icon svg{width:100%;height:100%;display:block}.weapon-icon.demo svg{animation:.3s kick}.weapon-action{flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding-top:10px;display:flex}.need{color:var(--muted);font-weight:700}.mute{cursor:pointer;justify-content:center;gap:8px;margin-top:30px;font-weight:700;display:flex}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)rotate(-1deg)}40%{transform:translate(9px)rotate(1deg)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}@keyframes kick{0%{transform:none}30%{transform:translate(-12px)rotate(-6deg)}to{transform:none}}@keyframes slidein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=640px){.topbar{padding:8px 12px}.logo{font-size:1.05rem}.weapon-chip{display:none}.avatar-pick{grid-template-columns:repeat(4,1fr)}.player-chip .switch{display:none}main{padding:16px 16px 48px}.targets{grid-template-columns:1fr}.target{min-height:70px}.bullseye{width:48px;height:48px}.lane{height:100px}.toolbar{gap:8px;top:56px}.tool{min-width:52px;font-size:1.1rem}.actions{margin-left:0}.result-stats{grid-template-columns:repeat(2,1fr)}.quiz-status .peek{margin-left:0}}