:root{--ink:#221b2e;--parchment:#f6efe2;--heather:#8f7bb8;--moss:#7a9d54;--ember:#ff9b45;--ember-deep:#e05f2b;--dusk:#2c2440;--chip:#f6efe2f0;--shadow:0 6px 24px #140e2259;--radius:14px;font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#171226;height:100%;overflow:hidden}#app{position:fixed;inset:0}#game-canvas{cursor:crosshair;touch-action:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{pointer-events:none;color:var(--ink);position:absolute;inset:0}.unit-frame{background:var(--chip);border-radius:var(--radius);box-shadow:var(--shadow);min-width:190px;padding:8px 14px 10px;position:absolute;top:14px}#player-frame{left:14px}#target-frame{left:50%;transform:translate(-50%)}.unit-frame .unit-name{margin-bottom:5px;font-size:14px;font-weight:800;display:block}.hp-bar{background:#221b2e2e;border-radius:999px;height:14px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(#8fbf5a,#6d9c3f);border-radius:999px;width:100%;transition:width .15s;position:absolute;inset:0}.hp-fill.enemy{background:linear-gradient(#e0784f,#c04f33)}.hp-text{text-align:center;color:#fff;text-shadow:0 1px 2px #00000073;font-size:10px;font-weight:800;line-height:14px;position:absolute;inset:0}#fell-chip{background:var(--chip);box-shadow:var(--shadow);border-radius:999px;align-items:baseline;gap:10px;padding:8px 16px;font-size:13px;font-weight:800;display:flex;position:absolute;top:14px;right:62px}#fell-chip #bested-count{opacity:.65;font-size:.9em;font-weight:600}#quest-tracker{background:var(--chip);border-radius:var(--radius);width:235px;box-shadow:var(--shadow);padding:10px 14px;font-size:13px;position:absolute;top:62px;right:14px}#quest-tracker h3{text-transform:uppercase;letter-spacing:1px;opacity:.55;margin-bottom:6px;font-size:11px}#quest-tracker .quest{align-items:baseline;gap:7px;padding:3px 0;font-weight:700;display:flex}#quest-tracker .quest b{opacity:.8;white-space:nowrap;margin-left:auto;font-weight:800}#quest-tracker .q-dot{background:var(--heather);border-radius:50%;flex:none;width:8px;height:8px}#quest-tracker .quest.done{opacity:.62;text-decoration:line-through}#quest-tracker .quest.done .q-dot{background:var(--moss)}#ability-bar{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}#ability-bar .ability{background:var(--chip);width:64px;height:64px;box-shadow:var(--shadow);cursor:pointer;font:inherit;color:var(--ink);border:2px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;overflow:hidden}#ability-bar .ability .key{opacity:.45;font-size:10px;font-weight:800;position:absolute;top:4px;left:7px}#ability-bar .ability .icon{font-size:22px;line-height:1}#ability-bar .ability .name{opacity:.75;font-size:9.5px;font-weight:800}#ability-bar .ability .cd{transform-origin:bottom;pointer-events:none;background:#221b2e8c;position:absolute;inset:0;transform:scaleY(0)}#ability-bar .ability.ready{border-color:var(--ember)}#interact-tip{background:var(--ember);color:#fff;box-shadow:var(--shadow);border-radius:999px;padding:8px 20px;font-size:14px;font-weight:800;position:absolute;bottom:124px;left:50%;transform:translate(-50%)}#float-layer{position:absolute;inset:0;overflow:hidden}.float-num{color:#ffd9a0;text-shadow:0 2px 4px #140e22cc;pointer-events:none;font-size:18px;font-weight:900;animation:.9s ease-out forwards float-up;position:absolute;transform:translate(-50%,-50%)}.float-num.hurt{color:#ff8a7a}.float-num.info{color:#cdbcf0;font-size:14px}@keyframes float-up{to{opacity:0;transform:translate(-50%,-160%)}}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}.toast{background:var(--chip);color:var(--ink);box-shadow:var(--shadow);border-radius:999px;padding:8px 18px;font-weight:700;animation:.18s toast-in,.4s 2.8s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-out{to{opacity:0;transform:translateY(-6px)}}#hint-bar{color:#efe9f8;white-space:nowrap;background:#17122699;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#hint-bar b{color:var(--ember)}@media (width<=900px){#toasts{max-width:calc(100vw - 24px);top:152px}}@media (width<=560px){.unit-frame{width:150px;min-width:0;padding:6px 10px 8px}.unit-frame .unit-name{margin-bottom:4px;font-size:12.5px}#player-frame{top:10px;left:10px}#target-frame{top:66px;left:10px;transform:none}#fell-chip{gap:7px;padding:6px 12px;font-size:11.5px;top:10px;right:66px}#quest-tracker{width:180px;padding:8px 11px;font-size:12px;top:66px;right:10px}.toast{text-align:center;padding:7px 14px;font-size:12.5px}#ability-bar{bottom:52px}#interact-tip{padding:7px 16px;font-size:13px;bottom:124px}#toasts{top:172px}#hint-bar{font-size:11px;bottom:8px;left:auto;right:8px;transform:none}#hint-bar .keys-only{display:none}}@media (height<=460px){#ability-bar .ability{width:54px;height:54px}#ability-bar{bottom:46px}#interact-tip{bottom:100px}#quest-tracker{padding:8px 12px;font-size:12px}}#ko-veil{text-align:center;color:#efe9f8;background:radial-gradient(#1712268c,#171226e0);place-items:center;font-size:26px;font-weight:800;display:grid;position:absolute;inset:0}#ko-veil small{opacity:.75;font-size:15px;font-weight:600}#ui-root .veil{backdrop-filter:blur(3px);pointer-events:auto;color:var(--ink);background:#17122680;place-items:center;display:grid;position:absolute;inset:0}#ui-root .panel{background:var(--parchment);box-shadow:var(--shadow);text-align:center;border-radius:22px;width:min(540px,100vw - 40px);max-height:calc(100vh - 60px);padding:28px 32px;overflow:auto}#ui-root .panel :is(h1,.title-logo){letter-spacing:.5px;margin-bottom:2px;font-size:42px}#ui-root .panel h2{margin-bottom:10px;font-size:24px}#ui-root .panel .sub{opacity:.72;margin-bottom:18px;font-weight:600}#ui-root .panel p{margin:8px 0;font-weight:600}.btn{cursor:pointer;font:inherit;color:var(--ink);background:#e7ddc8;border:0;border-radius:999px;margin:6px 4px;padding:12px 26px;font-weight:800;transition:transform 80ms;display:inline-block}.btn:hover{transform:translateY(-1px)scale(1.02)}.btn.primary{background:var(--ember-deep);color:#fff}.btn.violet{background:var(--heather);color:#fff}.btn.warn{color:#fff;background:#b8503e}.btn.small{margin:2px;padding:7px 16px;font-size:13px}.title-logo{line-height:1}.title-logo .ember{color:var(--ember-deep)}.title-logo .fell{color:var(--heather)}.fell-list{flex-direction:column;gap:6px;margin:12px 0 4px;display:flex}.fell-row{background:#ece2cd;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:flex}.fell-row .meta{opacity:.6;font-size:12px;font-weight:600}.controls-table{border-collapse:collapse;text-align:left;margin:10px auto 4px;font-size:14px}.controls-table td{padding:3px 10px;font-weight:600}.controls-table td:first-child{color:#96501f;white-space:nowrap;font-weight:800}#adventure-modal img{width:100%;box-shadow:var(--shadow);border-radius:12px;margin:6px 0 12px}#cross-promo{color:var(--ink);background:#ece2cd;border-radius:14px;margin-top:14px;padding:12px 16px;font-weight:700;text-decoration:none;display:block}#cross-promo small{opacity:.65;font-weight:600;display:block}#cross-promo:hover{background:#e4d6b9}#boot-status{text-align:center;color:#efe9f8;text-shadow:0 2px 8px #0009;pointer-events:none;font-weight:700;position:fixed;inset:auto 0 40px}#ui-root .panel>.btn.primary{z-index:2;box-shadow:0 -10px 12px 10px var(--parchment);position:sticky;bottom:0}#ui-root .panel>:has(>.btn.primary){z-index:2;background:var(--parchment);box-shadow:0 -8px 12px 8px var(--parchment);padding-top:6px;position:sticky;bottom:0}