.game-frame{border-style:solid;border-width:20px;border-image:var(--frame-src) 22 fill var(--frame-repeat,round);background:linear-gradient(180deg, var(--panel-top), var(--panel-bot));image-rendering:pixelated;position:relative;box-shadow:0 6px 16px #00000047}.game-frame__inner{padding:var(--space-2);gap:var(--space-4);flex-direction:column;display:flex;position:relative}.game-button{width:42px;height:42px;color:var(--frame-edge);cursor:var(--cursor,pointer);border-style:solid;border-width:6px;border-image:var(--btn-face) 6 fill repeat;image-rendering:pixelated;background:0 0;justify-content:center;align-items:center;padding:0;transition:filter .1s;display:inline-flex;box-shadow:0 2px 3px #00000059}.game-button:active{border-image:var(--btn-face-pressed) 6 fill repeat}.game-button[aria-pressed=true]{filter:brightness(.8)}.game-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-button--sm{width:34px;height:34px}.game-button__icon{fill:currentColor;image-rendering:auto;pointer-events:none;width:60%;height:60%}.game-button__glyph{width:78%;height:78%;image-rendering:pixelated;pointer-events:none;background:50%/contain no-repeat}.game-button__glyph--settings{background-image:var(--settings-src)}.game-button__glyph--hero{background-image:var(--hero-src)}.game-button__glyph--horse{background-image:var(--horse-src)}.game-button__glyph--chest{background-image:var(--chest-src)}.game-arrows{pointer-events:none;justify-content:center;align-items:center;gap:1px;height:66%;display:inline-flex}.game-arrows--left{transform:scaleX(-1)}.game-arrows__tri{aspect-ratio:1/2;background:var(--arrow-src) center / contain no-repeat;height:100%;image-rendering:pixelated;display:block}.bg{z-index:-2;background:var(--bg-base) url(/art/map-bg.jpg) center / cover no-repeat;filter:blur(9px)brightness(.5)saturate(.85);transition:filter 1.6s,transform 1.6s;position:fixed;inset:0;transform:scale(1.12)}.bg--revealed{filter:blur()brightness()saturate(1.05);transform:scale(1.04)}.bg__tint{z-index:-1;background:radial-gradient(120% 120% at 50% 40%, transparent 40%, var(--bg-vignette) 100%), var(--bg-tint);position:fixed;inset:0}.start-gate{z-index:20;padding:var(--space-4);opacity:1;place-items:center;transition:opacity 1s;display:grid;position:fixed;inset:0}.start-gate--closed{opacity:0;pointer-events:none}.start-gate__fog{background:#000;transition:opacity 1.4s;position:absolute;inset:0}.start-gate--confirmed .start-gate__fog{opacity:0}.start-gate__panel{text-align:center;width:min(92vw,380px);color:var(--text)}.start-gate__panel--start{text-align:center;width:auto}.start-gate__start-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);text-shadow:0 2px 2px var(--text-shadow);margin:0;font-size:1.15rem}.start-gate__okay{align-self:center;max-height:none;padding:6px 26px;font-size:1rem}.start-gate__title{font-family:var(--font-display);color:var(--text);text-shadow:0 2px 2px var(--text-shadow);margin:0;font-size:clamp(1.2rem,5vw,1.6rem)}.start-gate__subtitle{margin:var(--space-1) 0 0;font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:1rem}.start-gate__about{color:var(--text-dim);margin:0;font-size:.85rem;line-height:1.5}.game-button.start-gate__button{align-self:center;width:84px;height:84px}.app{min-height:100%;padding:var(--space-5);place-items:center;transition:opacity .6s;display:grid}.app--hidden{opacity:0;pointer-events:none}.page-frame{z-index:2;pointer-events:none;border-style:solid;border-width:28px;border-image:var(--page-frame-src) 40 round;image-rendering:pixelated;position:fixed;inset:0}.player{width:min(92vw, var(--panel-width));max-height:94vh;color:var(--text)}.player__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.player__title{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);text-shadow:0 2px 2px var(--text-shadow);margin:0;font-size:1.5rem}.album-art{aspect-ratio:4/3;border-radius:var(--radius);border:2px solid var(--frame-edge);background:radial-gradient(circle at 50% 28%, #ffffff14, transparent 62%), linear-gradient(180deg, var(--inset-top), var(--inset-bot));box-shadow:inset 0 0 0 2px var(--art-border);place-items:center;display:grid}.album-art__emblem{width:46%;height:46%;fill:var(--gold-hi);filter:drop-shadow(0 2px 3px #0009)}.album-art__cover{object-fit:contain;max-width:90%;max-height:82%;image-rendering:pixelated;filter:drop-shadow(0 3px 5px #0009)}.now-playing{text-align:center}.now-playing__title{font-family:var(--font-display);letter-spacing:.03em;color:var(--text);text-shadow:0 2px 2px var(--text-shadow);white-space:nowrap;margin:0;font-size:clamp(1.35rem,5vw,1.7rem);overflow:hidden}.now-playing__title-inner{text-overflow:ellipsis;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.now-playing__title--scroll{text-align:left}.now-playing__title--scroll .now-playing__title-inner{text-overflow:clip;max-width:none;animation:9s ease-in-out infinite alternate title-marquee}@keyframes title-marquee{0%,12%{transform:translate(0)}88%,to{transform:translateX(calc(-1 * var(--marquee,0px)))}}.now-playing__category{margin:var(--space-1) 0 0;font-family:var(--font-body);letter-spacing:.12em;color:var(--text);text-shadow:0 1px 2px var(--text-shadow);font-size:1.05rem}.progress{align-items:center;display:flex}.range{appearance:none;border:2px solid var(--groove-border);background:var(--groove-bg);height:15px;cursor:var(--cursor,pointer);border-radius:3px;flex:1;box-shadow:inset 0 1px 3px #000000e6}.range::-webkit-slider-thumb{appearance:none;background:var(--thumb-face);border:1px solid var(--frame-edge);border-radius:2px;width:24px;height:11px;box-shadow:0 1px 2px #0009}.range::-moz-range-thumb{background:var(--thumb-face);border:1px solid var(--frame-edge);border-radius:2px;width:24px;height:11px}.scopes{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.scope-chip,.dialog__close,.start-gate__okay{border-style:solid;border-width:6px;border-image:var(--btn-face) 6 fill stretch;max-height:26px;color:var(--chip-ink);line-height:1;font-family:var(--font-body);text-transform:uppercase;cursor:var(--cursor,pointer);image-rendering:pixelated;background:0 0;justify-content:center;align-items:normal;padding:4px 14px;font-size:.85rem;transition:filter .12s;display:inline-flex;box-shadow:0 2px 3px #00000059}.scope-chip:focus-visible,.dialog__close:focus-visible,.start-gate__okay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scope-chip[aria-pressed=true]{filter:brightness(.8)}.transport{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.transport .game-button__icon{fill:var(--control-ink)}.support{right:var(--space-4);bottom:var(--space-4);z-index:5;align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:fixed}.game-button.support__button{width:54px;height:54px}.support__label{max-width:96px;font-family:var(--font-display);text-align:center;color:var(--text);text-shadow:0 1px 2px var(--text-shadow);margin:0;font-size:.78rem;line-height:1.15}.game-button.support__donate{align-self:center;width:84px;height:84px}.support__donate-label{text-align:center;font-family:var(--font-display);color:var(--text);text-shadow:0 2px 2px var(--text-shadow);margin:0;font-size:1rem}.footer{left:var(--space-4);bottom:var(--space-4);z-index:5;align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex;position:fixed}.footer__link{font-family:var(--font-body);letter-spacing:.04em;color:var(--text-dim);text-shadow:0 1px 2px var(--text-shadow);text-underline-offset:2px;cursor:var(--cursor,pointer);background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.footer__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dialog__scroll{gap:var(--space-2);max-height:52vh;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.dialog-backdrop{z-index:10;padding:var(--space-4);background:#0009;place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(90vw,320px);color:var(--text)}.dialog__title{font-family:var(--font-display);color:var(--text);text-align:center;margin:0}.dialog__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dialog__about{color:var(--text-dim);margin:0;font-size:.8rem;line-height:1.4}.dialog__close{align-self:center}.volume{align-items:center;gap:var(--space-2);flex:1;display:flex}.volume__icon{width:22px;height:22px;fill:var(--gold-hi);flex:none}@media (width<=520px){.app{padding:var(--space-3)}.page-frame{border-width:10px}.player{width:min(96vw,360px)}.game-frame__inner{gap:var(--space-3)}.scope-chip{padding:5px 11px;font-size:.7rem}.transport{gap:var(--space-1)}.support,.footer{right:var(--space-2);left:auto;bottom:var(--space-2)}.footer{left:var(--space-2);right:auto}.game-button.support__button{width:46px;height:46px}.support__label{max-width:76px;font-size:.68rem}.footer__link{font-size:.72rem}}@media (hover:none) and (pointer:coarse){.scope-chip{min-height:36px}.game-button{width:46px;height:46px}.game-button--sm{width:44px;height:44px}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{cursor:var(--cursor,auto)}body{margin:0;font-family:Times New Roman,Georgia,serif}@font-face{font-family:HOMM2 Big;src:url(/fonts/homm2-big.ttf)format("truetype");font-display:swap}@font-face{font-family:HOMM2 Small;src:url(/fonts/homm2-small.ttf)format("truetype");font-display:swap}:root[data-theme=good]{--bg-base:#0a0f18;--bg-tint:#0e203a8c;--bg-vignette:#040a16bf;--gold:#d8b24c;--gold-hi:#f2dd93;--gold-lo:#866321;--frame-edge:#1c1206;--panel-top:#6c5836;--panel-bot:#3d2e19;--accent:#ecc766;--accent-soft:#ecc76638;--text:#f4e8c6;--text-dim:#bcaa80;--frame-src:url(/art/ui/frame-good.png);--frame-repeat:round;--page-frame-src:url(/art/ui/page-good.png);--btn-face:url(/art/ui/btn-good.png);--btn-face-pressed:url(/art/ui/btn-pressed-good.png);--cursor:url(/art/ui/cursor-good.png) 2 2, auto;--arrow-src:url(/art/ui/arrow-good.png);--settings-src:url(/art/ui/settings-good.png);--hero-src:url(/art/ui/hero-good.png);--horse-src:url(/art/ui/horse-good.png);--chest-src:url(/art/ui/chest-good.png)}:root[data-theme=evil]{--bg-base:#100f0d;--bg-tint:#1412108c;--bg-vignette:#060504cc;--gold:#c68a3a;--gold-hi:#e8bf78;--gold-lo:#6e441a;--frame-edge:#140705;--panel-top:#3c211a;--panel-bot:#1d0e0a;--accent:#e77a42;--accent-soft:#e77a423d;--text:#f2ede1;--text-dim:#b8917a;--frame-src:url(/art/ui/frame-evil.png);--frame-repeat:stretch;--page-frame-src:url(/art/ui/page-evil.png);--btn-face:url(/art/ui/btn-evil.png);--btn-face-pressed:url(/art/ui/btn-pressed-evil.png);--cursor:url(/art/ui/cursor-evil.png) 2 2, auto;--arrow-src:url(/art/ui/arrow-evil.png);--settings-src:url(/art/ui/settings-evil.png);--hero-src:url(/art/ui/hero-evil.png);--horse-src:url(/art/ui/horse-evil.png);--chest-src:url(/art/ui/chest-evil.png);--chip-ink:#505050;--control-ink:#505050;--thumb-face:linear-gradient(180deg, #dcdcdc 0%, #b0b0b0 55%, #8a8a8a 100%);--groove-border:gray;--art-border:gray}:root{--font-display:"HOMM2 Big", "Trajan Pro", "Times New Roman", Georgia, serif;--font-body:"HOMM2 Small", "Times New Roman", Georgia, serif;--radius:6px;--panel-width:340px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--bg-base:#0a0f18;--bg-tint:#0e203a8c;--bg-vignette:#040a16bf;--gold:#d8b24c;--gold-hi:#f2dd93;--gold-lo:#866321;--control-ink:#552b0d;--chip-ink:#6c4327;--groove-bg:#0a0603;--groove-border:var(--gold-lo);--art-border:var(--gold-lo);--thumb-face:linear-gradient(180deg, #ecd9b4 0%, #c9a878 55%, #a07c4e 100%);--frame-edge:#1c1206;--panel-top:#6c5836;--panel-bot:#3d2e19;--inset-top:#34302a;--inset-bot:#17130f;--accent:#ecc766;--accent-soft:#ecc76638;--text:#f2ede1;--text-dim:#bcaa80;--text-shadow:#000000bf}