:root{color:#eee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#242424;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;padding:16px 12px 24px}#app{width:min(100%,480px);margin:0 auto}#stage{aspect-ratio:480/520;--scale:1;background:#424242;width:100%;position:relative;overflow:hidden}#canvas-host,#overlay{position:absolute;inset:0}#canvas-host canvas{touch-action:none;display:block}#overlay{pointer-events:none;font-size:calc(14px * var(--scale));color:#fff}#overlay button{pointer-events:auto;cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}button,summary{cursor:pointer}button:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #fff}#overlay button:focus-visible{outline-offset:2px}#overlay .continue-screen{width:100%;height:100%;position:absolute;inset:0}#overlay[data-screen=intro]{color:#000}.game-title{font-size:calc(32px * var(--scale));text-align:center;font-weight:700}.continue-prompt{font-size:calc(16px * var(--scale));text-align:center}.level-label{font-size:calc(20px * var(--scale));font-weight:400}#overlay .restart{border-radius:calc(5px * var(--scale));font-size:calc(14px * var(--scale));background:linear-gradient(#777,#333);border:1px solid #aaa}.bars-frame{border-radius:calc(8px * var(--scale));background:#000;border:0}.mana-bar,.points-bar{background-size:100% 100%;overflow:hidden}.mana-active,.points-tiles,.bar-label{position:absolute;inset:0}.mana-active{background-size:100% 100%}.bar-label{padding-left:calc(4px * var(--scale));font-size:calc(12px * var(--scale));text-shadow:1px 1px 2px #000;white-space:nowrap;justify-content:flex-start;align-items:center;display:flex}.points-bar{background:#333}.points-fill{background:linear-gradient(#0caa00,#0ecc00 38%,#076200);position:absolute;inset:0 auto 0 0}.points-tiles{background-repeat:repeat-x;background-size:16.6667% 100%}.spells-frame{border-radius:calc(8px * var(--scale));background:#000;border:0}#overlay .skill-icon{border-radius:calc(4px * var(--scale));border:calc(2px * var(--scale)) solid #aaa;background:#000;box-shadow:inset 1px 1px 2px #eee,inset -1px -1px 2px #555}.skill-icon img{left:calc(4px * var(--scale));top:calc(4px * var(--scale));width:calc(100% - 8px * var(--scale));height:calc(100% - 8px * var(--scale));border-radius:inherit;display:block;position:absolute}#overlay .skill-icon.dark{box-shadow:0 0 calc(3px * var(--scale)) gray}#overlay .skill-icon.gray{box-shadow:0 0 calc(3px * var(--scale)) silver}.skill-icon.gray img{filter:grayscale();opacity:.55}#overlay .skill-icon.green{box-shadow:0 0 calc(9px * var(--scale)) #0f0}#overlay .skill-icon.yellow{box-shadow:0 0 calc(7px * var(--scale)) #ff0}.shortcut{top:calc(1px * var(--scale));left:calc(2px * var(--scale));text-align:left;z-index:1;font-size:calc(12px * var(--scale));color:#fff;position:absolute}.upgrade-heading{font-size:calc(16px * var(--scale))}.upgrade-panel{border:calc(2px * var(--scale)) solid #ddd;border-radius:calc(7px * var(--scale));background:#292929}#overlay .upgrade-tab{border-radius:calc(6px * var(--scale)) calc(6px * var(--scale)) 0 0;color:#000;background:#888;border:1px solid #ddd;font-weight:700}#overlay .upgrade-tab.selected{color:#fff;background:#292929;border-bottom-color:#292929}.skill-tooltip{z-index:10;white-space:pre-line;padding:calc(8px * var(--scale));font-size:calc(12px * var(--scale));pointer-events:none;background:#000000f2;border:1px solid #aaa;box-shadow:0 2px 8px #000}#overlay .cancel-target{font-size:calc(12px * var(--scale));background:#111;border:1px solid #aaa;border-radius:3px}#loading{text-align:center;background:#242424;padding:12px;position:absolute;inset:40% 5% auto}#status{min-height:34px;margin:10px 0;font-size:14px;line-height:1.4}#skill-info{white-space:pre-line;background:#151515;border:1px solid #888;border-radius:6px;margin-bottom:12px;padding:12px;font-size:14px;line-height:1.45}#skill-info p{margin:0 0 12px}button{font:inherit;color:#fff;background:#3d3d3d;border:1px solid #888;border-radius:4px;padding:6px 10px}button:disabled{opacity:.5;cursor:default}#skill-info button+button{margin-left:8px}.page-controls{align-items:flex-start;gap:12px;font-size:14px;display:flex}#instructions{flex:1;padding:6px 0;line-height:1.5}#instructions p{margin:10px 0}.credit{color:#aaa;text-align:center;margin-top:18px;font-size:12px}.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}#debug-panel{border:1px dashed #888;margin-top:16px;padding:10px;font-size:14px}#debug-panel select{padding:5px}#debug-panel button{margin-top:8px}@media (width<=360px){body{padding:8px 6px 18px}.page-controls{gap:8px}#status{font-size:13px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#overlay .skill-icon:hover,#overlay .skill-icon:focus-visible{box-shadow:0 0 calc(7px * var(--scale)) #fff}