:root{--ink:#1c241c;--ink-soft:#3a4a3c;--cream:#f7f0e4;--parchment:#efe4d0;--moss:#4f7a55;--moss-deep:#2a3b2e;--moss-block:#3d5344;--leaf:#7cb87a;--leaf-bright:#a8d48a;--ember:#e07a3a;--ember-hot:#f0a05a;--ember-deep:#b25a28;--gold:#f4c56d;--gold-hot:#ffe8a8;--rose:#d4847a;--sky:#9bb8c9;--danger:#c45c4a;--heal:#6fbf8a;--boss:#8b4d9e;--boss-hot:#d4847a;--pixel:4px;--panel-face:#efe4d0;--panel-top:#f7f0e4;--panel-edge:#2a3b2e;--panel-shade:#c9b89a;--shadow-hard:#1a221a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink);background:var(--moss-deep);font-family:Nunito,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{background:radial-gradient(at 50% 20%,#3d5344 0%,#1c241c 70%);width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.ui-root{pointer-events:none;z-index:20;image-rendering:pixelated;position:fixed;inset:0}.ui-root>*{pointer-events:auto}.voxel-panel{background:var(--panel-face);border:3px solid var(--panel-edge);box-shadow:0 var(--pixel) 0 var(--shadow-hard), inset 0 3px 0 var(--panel-top), inset 0 -3px 0 var(--panel-shade);image-rendering:pixelated;border-radius:0;position:relative}.voxel-panel:before,.voxel-panel:after{content:"";background:var(--leaf);border:2px solid var(--panel-edge);width:8px;height:8px;box-shadow:0 2px 0 var(--shadow-hard);pointer-events:none;z-index:2;position:absolute}.voxel-panel:before{top:-5px;left:-5px}.voxel-panel:after{background:var(--ember);bottom:-5px;right:-5px}.voxel-panel.accent-gold:before,.voxel-panel.accent-gold:after{background:var(--gold)}.voxel-panel.accent-boss{box-shadow:0 var(--pixel) 0 #2a1035, inset 0 3px 0 #f5e4ef, inset 0 -3px 0 #c9a0b8;border-color:#5a2a6a}.voxel-panel.accent-boss:before,.voxel-panel.accent-boss:after{background:var(--boss-hot);border-color:#5a2a6a}.pixel-label{letter-spacing:.04em;text-transform:uppercase;font-family:Pixelify Sans,Nunito,system-ui,sans-serif;font-weight:700;line-height:1.15}.pixel-title{letter-spacing:.03em;text-transform:uppercase;font-family:Pixelify Sans,Nunito,system-ui,sans-serif;font-weight:700}.title-screen{pointer-events:auto;background:radial-gradient(circle at 50% 30%,#f4c56d33,#0000 45%),linear-gradient(#1c241c33,#1c241cc7);place-items:center;display:grid;position:absolute;inset:0}.title-card{text-align:center;width:min(460px,100vw - 28px);padding:28px 24px 22px}.title-card h1{letter-spacing:.04em;color:var(--moss-deep);text-shadow:3px 3px 0 var(--gold);margin:0 0 6px;font-family:Pixelify Sans,Nunito,system-ui,sans-serif;font-size:clamp(2.2rem,7vw,3.2rem);font-weight:700}.title-card .tagline{color:var(--ink-soft);margin:0 0 18px;font-size:.95rem;font-weight:700;line-height:1.45}.title-card .meta{border:3px solid var(--panel-edge);color:var(--ink-soft);text-align:left;background:repeating-linear-gradient(0deg,#4f7a5514 0 8px,#4f7a5524 8px 16px);gap:6px;margin:0 0 20px;padding:12px;font-size:.88rem;font-weight:700;display:grid}.title-card .meta strong{color:var(--moss-deep);letter-spacing:.03em;font-family:Pixelify Sans,system-ui,sans-serif}.btn-primary{border:3px solid var(--panel-edge);background:linear-gradient(180deg, var(--ember-hot) 0 45%, var(--ember) 45% 100%);color:#fff8f0;letter-spacing:.06em;text-transform:uppercase;min-width:200px;box-shadow:0 5px 0 var(--ember-deep);border-radius:0;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:Pixelify Sans,system-ui,sans-serif;font-size:1.05rem;font-weight:700;transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end);display:inline-flex}.btn-primary:hover{box-shadow:0 7px 0 var(--ember-deep);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 0 var(--ember-deep);transform:translateY(3px)}.title-attribution{color:var(--ink-soft);margin:18px 0 0;font-size:.82rem;font-weight:700;line-height:1.4}.title-attribution-link{color:var(--moss-deep);text-underline-offset:3px;font-weight:800;text-decoration:underline}.title-attribution-link:hover{color:var(--ember-deep)}.title-attribution-sep{opacity:.55;margin:0 .4em}.site-credit{color:#f7f0e4c7;text-align:center;pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;max-width:calc(100vw - 24px);padding:6px 12px;font-size:.72rem;font-weight:700;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.site-credit a{color:var(--gold-hot);text-underline-offset:2px;text-decoration:underline}.site-credit a:hover{color:#fff}.hud-credit{z-index:5;letter-spacing:.03em;color:#f7f0e4b8;pointer-events:auto;background:#1c241c73;border:2px solid #2a3b2eb3;padding:4px 8px;font-size:.68rem;font-weight:800;text-decoration:none;position:absolute;bottom:14px;right:14px}.hud-credit:hover{color:var(--gold-hot);border-color:var(--gold)}.overlay-credit{color:var(--ink-soft);margin:14px 0 0;font-size:.78rem;font-weight:700}.overlay-credit a{color:var(--moss-deep);text-underline-offset:2px;font-weight:800;text-decoration:underline}.btn-ghost{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;text-underline-offset:4px;margin-top:12px;font-family:Pixelify Sans,system-ui,sans-serif;font-size:.85rem;font-weight:800;text-decoration:underline}.hud{pointer-events:none;position:absolute;inset:0}.hud-frames{pointer-events:none;grid-template-columns:minmax(240px,320px) minmax(120px,1fr) minmax(200px,300px);align-items:start;gap:10px;display:grid;position:absolute;top:12px;left:12px;right:12px}.unit-frame{border:3px solid var(--panel-edge);min-height:72px;box-shadow:0 4px 0 var(--shadow-hard), inset 0 2px 0 #ffffff73;image-rendering:pixelated;background:linear-gradient(#efe4d0 0%,#e4d4b8 100%);align-items:stretch;gap:0;display:flex}.player-frame{flex-direction:row}.target-frame{flex-direction:row;justify-self:end;min-width:200px}.target-frame.is-idle{opacity:.92;max-width:240px}.target-frame.is-boss{background:linear-gradient(#f5e4ef 0%,#e8d0e0 100%);border-color:#5a2a6a;box-shadow:0 4px #2a1035,inset 0 2px #fff6}.unit-portrait{border-right:3px solid var(--panel-edge);background:repeating-linear-gradient(0deg,#2a3b2e14 0 4px,#2a3b2e24 4px 8px);flex:0 0 72px;place-items:center;display:grid;position:relative}.target-portrait{background:#5a2a6a1f;border-left:3px solid #5a2a6a;border-right:none}.unit-portrait-ring{border:3px solid var(--panel-edge);width:52px;height:52px;box-shadow:0 3px 0 var(--shadow-hard), inset 0 2px 0 #fff3;background:radial-gradient(circle at 35% 30%,#6a9a64,#3d5344 70%);border-radius:50%;position:relative;overflow:hidden}.boss-ring{background:radial-gradient(circle at 35% 30%,#9b6bb8,#4a2060 70%);border-color:#5a2a6a}.unit-portrait-face{position:absolute;inset:0}.unit-portrait-hat{background:var(--ember);border:2px solid var(--panel-edge);height:14px;position:absolute;top:6px;left:10px;right:10px}.unit-portrait-hat:after{content:"";background:var(--ember-hot);border:2px solid var(--panel-edge);height:10px;position:absolute;top:-8px;left:12px;right:12px}.unit-portrait-eyes{background:linear-gradient(90deg,#1c241c 0 6px,#0000 6px 18px,#1c241c 18px 24px);height:6px;position:absolute;top:26px;left:14px;right:14px}.unit-portrait-crown{background:var(--gold);clip-path:polygon(0 100%,0 40%,20% 70%,40% 20%,60% 70%,80% 20%,100% 40%,100% 100%);border:2px solid #3a2040;height:12px;position:absolute;top:4px;left:8px;right:8px}.boss-eyes{background:linear-gradient(90deg,#ff6a4a 0 6px,#0000 6px 18px,#ff6a4a 18px 24px);top:28px}.unit-level-badge{border:2px solid var(--panel-edge);background:linear-gradient(180deg, var(--gold-hot), var(--gold));min-width:22px;height:22px;color:var(--ink);box-shadow:0 2px 0 var(--shadow-hard);z-index:2;place-items:center;padding:0 4px;font-family:Pixelify Sans,system-ui,sans-serif;font-size:.75rem;font-weight:700;display:grid;position:absolute;bottom:4px;right:4px}.unit-level-badge.pop{animation:.55s steps(4,end) both level-chip-pop}.unit-body{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:8px 10px;display:flex}.target-body{text-align:right}.unit-name-row{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.target-body .unit-name-row{flex-direction:row-reverse}.unit-name{letter-spacing:.03em;color:var(--moss-deep);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-family:Pixelify Sans,system-ui,sans-serif;font-size:.88rem;font-weight:700;overflow:hidden}.unit-class{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);flex-shrink:0;font-family:Pixelify Sans,system-ui,sans-serif;font-size:.62rem;font-weight:700}.boss-tag{color:#6b2f45;background:#d4847a40;border:1px solid #5a2a6a;padding:1px 6px}.unit-bar{width:100%}.unit-bar-track{border:2px solid var(--panel-edge);background:#2a2218;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #00000059}.unit-bar-fill{height:100%;image-rendering:pixelated;transition:width .14s steps(5,end);display:block;position:relative}.unit-bar-fill:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 6px,#00000024 6px 7px);position:absolute;inset:0}.unit-bar-gloss{pointer-events:none;z-index:1;background:#ffffff2e;height:38%;position:absolute;top:0;left:0;right:0}.unit-bar-label,.unit-bar-value{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:#fff8f0;text-shadow:1px 1px #1c241c;pointer-events:none;font-family:Pixelify Sans,system-ui,sans-serif;font-size:.62rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.unit-bar-label{opacity:.9;left:6px}.unit-bar-value{font-size:.6rem;right:6px}.unit-bar-hp .unit-bar-fill{background:linear-gradient(#e8886a 0 42%,#c45c4a 42% 100%)}.unit-bar-xp .unit-bar-fill{background:linear-gradient(#a8d48a 0 40%,#5f8f5c 40% 72%,#c9a04a 72% 100%)}.unit-bar-boss .unit-bar-fill{background:linear-gradient(#d4a0e8 0 42%,#8b4d9e 42% 100%)}.target-idle-stats{color:var(--ink-soft);text-align:right;flex-direction:column;gap:4px;font-size:.78rem;font-weight:700;display:flex}.target-idle-stats strong{color:var(--moss-deep);letter-spacing:.03em;font-family:Pixelify Sans,system-ui,sans-serif}.session-strip{place-self:start center;margin-top:4px}.session-strip-inner{border:3px solid var(--panel-edge);box-shadow:0 3px 0 var(--shadow-hard);background:#1c241cc7;align-items:stretch;gap:0;min-width:148px;display:flex}.session-stat{flex-direction:column;justify-content:center;align-items:center;min-width:64px;padding:6px 14px 5px;display:flex}.session-k{letter-spacing:.1em;text-transform:uppercase;color:#a8b8a0;font-family:Pixelify Sans,system-ui,sans-serif;font-size:.58rem;font-weight:700}.session-v{color:var(--gold);text-shadow:0 1px #1c241c;font-family:Pixelify Sans,system-ui,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.1}.session-divider{background:var(--panel-edge);opacity:.85;width:3px}.hurt-vignette{pointer-events:none;z-index:15;background:radial-gradient(#0000 42%,#b4281e8c 100%);transition:opacity 50ms linear;position:absolute;inset:0;box-shadow:inset 0 0 80px #c8281e59}.hurt-float{letter-spacing:.06em;color:#ffd0c8;text-shadow:2px 2px #5a1810,0 0 12px #ff503299;pointer-events:none;font-family:Pixelify Sans,system-ui,sans-serif;font-size:1.35rem;font-weight:700;animation:.55s ease-out both hurt-float;position:absolute;top:22%;left:50%;transform:translate(-50%)}.hp-flash{animation:.35s ease-out hp-panel-flash}@keyframes hurt-float{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.9)}30%{opacity:1;transform:translate(-50%)translateY(0)scale(1.08)}to{opacity:0;transform:translate(-50%)translateY(-18px)scale(1)}}@keyframes hp-panel-flash{0%{box-shadow:0 4px 0 var(--shadow-hard), 0 0 0 0 #c45c4acc}40%{box-shadow:0 4px 0 var(--shadow-hard), 0 0 0 3px #e05a3cb3}to{box-shadow:0 var(--pixel) 0 var(--shadow-hard), inset 0 3px 0 var(--panel-top), inset 0 -3px 0 var(--panel-shade)}}.event-notify{z-index:22;pointer-events:none;max-width:min(320px,100vw - 32px);animation:.3s ease-out both notify-in;position:absolute;top:78px;left:50%;transform:translate(-50%)}.event-notify-inner{opacity:.92;box-shadow:0 3px 0 var(--shadow-hard), inset 0 2px 0 var(--panel-top), inset 0 -2px 0 var(--panel-shade);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;padding:6px 12px;display:flex}.event-notify-text{letter-spacing:.05em;text-transform:uppercase;color:var(--moss-deep);font-family:Pixelify Sans,system-ui,sans-serif;font-size:.8rem;font-weight:700}.event-notify-meta{color:var(--ink-soft);font-size:.75rem;font-weight:800}.event-notify.is-boss .event-notify-text{color:#5a2048}.notify-chip,.levelup-toast{z-index:25;pointer-events:none;max-width:min(260px,100vw - 28px);animation:.35s ease-out both levelup-slide;position:absolute;top:100px;left:14px}.notify-chip-inner,.levelup-toast .notify-chip-inner{opacity:.94;box-shadow:0 3px 0 var(--shadow-hard), inset 0 2px 0 var(--panel-top), inset 0 -2px 0 var(--panel-shade);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;display:flex}.notify-chip-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ember);font-family:Pixelify Sans,system-ui,sans-serif;font-size:.72rem;font-weight:700}.notify-chip-strong{letter-spacing:.04em;color:var(--moss-deep);border:2px solid var(--panel-edge);background:linear-gradient(180deg, var(--gold-hot), var(--gold));box-shadow:0 2px 0 var(--shadow-hard);padding:2px 8px;font-family:Pixelify Sans,system-ui,sans-serif;font-size:.95rem;font-weight:700}.notify-chip-meta{color:var(--ink-soft);flex:100%;font-size:.75rem;font-weight:700}.wave-skip{z-index:24;pointer-events:auto;animation:.3s ease-out both levelup-slide;position:absolute;bottom:92px;right:14px}.wave-skip-inner{align-items:center;gap:10px;padding:8px 10px;display:flex}.wave-skip-meta{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-family:Pixelify Sans,system-ui,sans-serif;font-size:.72rem;font-weight:700}.btn-compact{min-width:0;box-shadow:0 3px 0 var(--ember-deep);padding:8px 12px;font-size:.85rem}.btn-compact:hover{box-shadow:0 4px 0 var(--ember-deep)}.btn-compact:active{box-shadow:0 1px 0 var(--ember-deep)}.toast-stack{gap:8px;max-width:280px;display:grid;position:absolute;bottom:14px;right:14px}.toast{border:3px solid var(--panel-edge);color:var(--cream);background:var(--moss-deep);box-shadow:0 4px 0 var(--shadow-hard);padding:9px 12px;font-family:Nunito,system-ui,sans-serif;font-size:.86rem;font-weight:800;animation:.22s steps(4,end) both toast-in}.toast.heal{background:#3d6b48}.toast.damage{background:#8a3a30}.toast.loot{color:#fff6d8;background:#8a6520;border-color:#3a2a10}.controls-hint{color:var(--ink-soft);max-width:240px;padding:10px 12px;font-size:.78rem;font-weight:800;line-height:1.45;position:absolute;bottom:14px;left:14px}.controls-hint .pixel-label{color:var(--moss-deep);margin-bottom:4px;font-size:.72rem;display:block}.overlay-center{pointer-events:auto;background:#141c1694;place-items:center;display:grid;position:absolute;inset:0}.overlay-card{text-align:center;width:min(420px,100vw - 28px);padding:26px 22px}.overlay-card h1{letter-spacing:.04em;text-transform:uppercase;color:var(--moss-deep);text-shadow:2px 2px 0 var(--gold);margin:0 0 8px;font-family:Pixelify Sans,system-ui,sans-serif;font-size:1.9rem}.overlay-card p{color:var(--ink-soft);margin:0 0 18px;font-weight:700;line-height:1.5}@keyframes notify-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(10px,6px)}to{opacity:1;transform:translate(0)}}@keyframes levelup-slide{0%{opacity:0;transform:translate(-12px)translateY(-4px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes level-chip-pop{0%{transform:scale(1)}30%{background:var(--gold-hot);transform:scale(1.25)}to{transform:scale(1)}}@media (width<=900px){.hud-frames{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.session-strip{order:-1;grid-column:1/-1;justify-self:center;margin-top:0;margin-bottom:2px}.player-frame{grid-column:1}.target-frame{grid-column:2;justify-self:stretch}}@media (width<=720px){.hud-frames{grid-template-columns:1fr}.player-frame,.target-frame,.session-strip{grid-column:1;justify-self:stretch;max-width:none}.controls-hint{display:none}.event-notify{top:auto;bottom:72px;left:50%}.wave-skip{bottom:14px;left:14px;right:auto}}@media (prefers-reduced-motion:reduce){.event-notify,.toast,.levelup-toast,.notify-chip,.wave-skip,.level-chip.pop,.btn-primary{transition:none!important;animation:none!important}}