:root{--ink:#14241a;--paper:#f3fff6;--moss:#1f6b3f;--leaf:#3cb371;--sky:#7ec8e8;--gold:#f0c14a;--shadow:#14241a2e;color:var(--ink);background:#0d1f14;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.35}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}.screen{place-items:center;min-height:100%;padding:1.5rem;display:grid;position:relative;overflow:auto}.bg-blobs{z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,#6bcb77 0%,#0000 42%),radial-gradient(circle at 80% 10%,#7ec8e8 0%,#0000 40%),radial-gradient(circle at 70% 80%,#f0c14a 0%,#0000 45%),linear-gradient(160deg,#1a5c3a,#0d2a1a 60%,#123048);animation:16s ease-in-out infinite alternate drift;position:absolute;inset:0}.bg-blobs.soft{filter:saturate(.9)brightness(.95)}@keyframes drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.06)translate(-1%,1%)}}.title-panel,.select-panel,.overlay-card{z-index:1;pointer-events:auto;background:color-mix(in srgb, var(--paper) 92%, white);width:min(720px,100%);box-shadow:0 18px 50px var(--shadow);text-align:center;border-radius:1.25rem;padding:2rem 1.75rem;position:relative}.btn{appearance:none;z-index:2;border:0;border-radius:999px;padding:.75rem 1.4rem;font-weight:700;transition:transform .15s,box-shadow .15s;position:relative}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--moss);margin:0 0 .35rem;font-size:.75rem;font-weight:700}h1{letter-spacing:-.02em;margin:0 0 .6rem;font-size:clamp(2rem,6vw,3.1rem)}.lead{color:#355043;max-width:34rem;margin:0 auto 1.4rem}.hint-foot{color:#4a6656;margin:1rem 0 0;font-size:.9rem}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#062214;background:linear-gradient(#4fd67f,#2f9e5b);box-shadow:0 8px #1d6b3d}.btn.primary:active{transform:translateY(2px);box-shadow:0 4px #1d6b3d}.btn.ghost{color:var(--moss);background:0 0;border:2px solid #9fd9b3}.class-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;margin:1.25rem 0 1.5rem;display:grid}@media (width<=720px){.class-grid{grid-template-columns:1fr}}.class-card{text-align:left;color:inherit;background:#e8f8ee;border:3px solid #0000;border-radius:1rem;gap:.25rem;padding:1rem;transition:border-color .15s,transform .15s;display:grid}.class-card.debug-class{background:#eceff3;border-style:dashed}.class-card.debug-class .class-tag{color:#64748b}.class-card.locked{opacity:.62;cursor:not-allowed;filter:grayscale(.35);background:#dce3e8}.class-card.locked:hover{transform:none}.class-card.locked .class-name{color:#64748b}.class-lock{color:#7c3aed;margin-top:.35rem;font-size:.78rem;font-weight:700}.class-lock.unlocked{color:#5b21b6}.gem-progress{color:#4a5568;margin:0 0 .85rem;font-size:.92rem}.gem-progress strong{color:#7c3aed}.class-card:hover{transform:translateY(-2px)}.class-card.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);background:#fff}.class-name{color:var(--accent);font-size:1.2rem;font-weight:800}.class-tag{color:#3d5c4a;font-size:.85rem;font-weight:700}.class-tier{letter-spacing:.04em;text-transform:uppercase;color:#2f4a3a;margin-top:.15rem;font-size:.78rem;font-weight:800}.class-card.debug-class .class-tier{color:#475569}.class-desc{color:#4a6656;font-size:.9rem}.select-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.loading-screen,.error-screen{color:var(--paper);text-align:center;background:linear-gradient(160deg,#1a5c3a,#0d2a1a)}.spinner{border:4px solid #ffffff40;border-top-color:#f0c14a;border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.play-root{background:#000;width:100%;height:100%;position:relative}.game-host{width:100%;height:100%}.game-host canvas{cursor:crosshair;width:100%;height:100%;display:block}.hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:.85rem;display:flex;position:absolute;inset:0}.hud-top{flex-wrap:wrap;gap:.55rem;display:flex}.stat-block{color:#f3fff6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1810b8;border-radius:.75rem;min-width:7.5rem;padding:.45rem .7rem}.stat-block .label{letter-spacing:.04em;text-transform:uppercase;opacity:.8;font-size:.7rem;display:block}.stat-block .value{font-weight:800}.stat-block.hurt{animation:.35s pulse-hurt;box-shadow:0 0 0 2px #e85a4f}.stat-block.portal-sealed .value{color:#c4b8d8;letter-spacing:.06em}.stat-block.portal-open{box-shadow:0 0 0 2px #c4b5fdd9}.stat-block.portal-open .value{color:#e9d5ff;letter-spacing:.06em}.stat-block.invis-active{background:#2d1446d1;box-shadow:0 0 0 2px #7c3aede6}.stat-block.invis-active .value{color:#c4b5fd}.boss-bar{pointer-events:none;color:#ffe8d6;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#120a08d1;border-radius:.75rem;width:min(420px,88vw);padding:.55rem .85rem .65rem;position:absolute;top:4.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000059}.boss-label{letter-spacing:.12em;text-transform:uppercase;color:#ffb347;margin-bottom:.3rem;font-size:.78rem;font-weight:800}.boss-track{background:#ffffff1f;border-radius:999px;height:12px;overflow:hidden}.boss-track i{background:linear-gradient(90deg,#c2410c,#f59e0b);height:100%;display:block}.boss-hp{opacity:.9;margin-top:.25rem;font-size:.8rem;font-weight:700}@keyframes pulse-hurt{0%{transform:scale(1.04)}to{transform:scale(1)}}.hurt-veil{pointer-events:none;opacity:0;background:radial-gradient(circle,#0000 35%,#780c088c 100%);transition:opacity .12s;position:absolute;inset:0}.hurt-veil.active{opacity:1}.toast-hurt{color:#5a1810!important;background:#ffdcd2f2!important}.class-pill .value{color:var(--accent)}.bar{background:#ffffff2e;border-radius:999px;height:8px;margin:.25rem 0;overflow:hidden}.bar i{background:linear-gradient(90deg,#6bcb77,#f0c14a);height:100%;display:block}.hud-bottom{color:#e8f8ee;text-shadow:0 1px 2px #00000080;justify-content:space-between;gap:.75rem;font-size:.85rem;display:flex}.toast{color:var(--ink);box-shadow:0 8px 24px var(--shadow);background:#ffffffeb;border-radius:999px;padding:.55rem 1rem;font-weight:700;animation:.25s pop;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.lock-prompt{text-align:center;color:#f3fff6;pointer-events:none;background:#0a1810d9;border-radius:1rem;padding:.9rem 1.2rem;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.lock-prompt .mini{opacity:.85;margin:.35rem 0 0;font-size:.85rem}.lock-prompt.hidden,.overlay.hidden{display:none}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08120c8c;place-items:center;padding:1.25rem;display:grid;position:absolute;inset:0}.overlay-card h2{margin:0 0 .5rem}.overlay-card p{color:#355043;margin:0 0 1.25rem}.play-root:after{content:"";pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000040}.select-screen{position:relative}.secret-unlock{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c161073;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.4rem;max-width:min(280px,100% - 2rem);padding:.45rem .55rem;display:flex;position:absolute;bottom:1rem;right:1rem}.secret-unlock input{color:#f3fff6;min-width:0;font:inherit;background:#ffffff1f;border:1px solid #ffffff40;border-radius:999px;flex:7rem;padding:.4rem .75rem;font-size:.85rem}.secret-unlock input::placeholder{color:#f3fff673}.btn.tiny{color:#d7ffe6;border-width:1px;border-color:#9fd9b380;padding:.35rem .75rem;font-size:.8rem}.unlock-msg{flex:100%;margin:0;font-size:.75rem;font-weight:700}.unlock-msg.ok{color:#86efac}.unlock-msg.fail{color:#fca5a5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stat-block.immortal-pill .value{color:#f5f5f5;font-size:1.15rem}.bar.dmg-taken i{background:linear-gradient(90deg,#fbbf24,#f87171)}