:root{--color-page:#000;--color-screen-deep:#05050f;--color-field:#0b0b26;--color-panel:#a8aabb;--color-panel-edge-dark:#2a2c3c;--color-panel-edge-light:#e6e8f4;--color-panel-divider:#7a7c90;--color-panel-label:#3b3d4e;--color-inset:#0d0d24;--color-inset-shadow:#05051a;--color-logo-tile:#0b4fa8;--color-white:#fff;--color-red:#e8384f;--color-red-shadow:#55000f;--color-orange:#f07d10;--color-orange-shadow:#8a3d00;--color-yellow:#ffcf1c;--color-green:#3fbf4f;--color-green-shadow:#155c1f;--color-blue:#2d7fe0;--color-life-new:#c8ffc8;--color-sky:#8fd0ff;--color-grey-text:#9a9caf;--color-dim-text:#4a4c60;--color-title-divider:#3c50a0;--stage-width:480px;--stage-height:300px;--playfield-width:372px;--panel-width:108px;--fine:calc(1px / 3);--font-pixel:Silkscreen, ui-monospace, monospace;--font-display:"Press Start 2P", monospace;--blink-duration:1s;--copper-duration:2.2s;--life-gained:.3s;--demake-fade:.5s;--chain-step-fade:.12s}*{overscroll-behavior-y:none}html,body{background:var(--color-page);height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-pixel);-webkit-user-select:none;user-select:none;cursor:none}[hidden]{display:none!important}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#stage{width:var(--stage-width);height:var(--stage-height);background:var(--color-page);transform-origin:50%;opacity:0;position:relative}#stage.ready{opacity:1}#playfield{width:var(--playfield-width);height:var(--stage-height);image-rendering:pixelated;position:absolute;top:0;left:0}#panel{left:var(--playfield-width);width:var(--panel-width);height:var(--stage-height);background:var(--color-panel);position:absolute;top:0}#stage.demake{--color-page:#07160c;--color-screen-deep:#07160c;--color-field:#07160c;--color-panel:#07160c;--color-panel-edge-dark:#07160c;--color-panel-edge-light:#6cf08a;--color-panel-divider:#6cf08a;--color-panel-label:#6cf08a;--color-inset:#07160c;--color-inset-shadow:#07160c;--color-logo-tile:#07160c;--color-white:#6cf08a;--color-red:#6cf08a;--color-red-shadow:#07160c;--color-orange:#6cf08a;--color-orange-shadow:#07160c;--color-yellow:#6cf08a;--color-green:#6cf08a;--color-green-shadow:#07160c;--color-blue:#6cf08a;--color-life-new:#6cf08a;--color-sky:#6cf08a;--color-grey-text:#6cf08a;--color-dim-text:#6cf08a;--color-title-divider:#6cf08a}#stage,#stage *,#panel:before,#panel:after{transition:color var(--demake-fade) linear,background-color var(--demake-fade) linear,border-color var(--demake-fade) linear,box-shadow var(--demake-fade) linear,text-shadow var(--demake-fade) linear}#panel:before,#panel:after{content:"";width:1px;height:100%;position:absolute;top:0}#panel:before{background:var(--color-panel-edge-dark);left:0}#panel:after{background:var(--color-panel-edge-light);left:1px}#panelLogo{background:var(--color-logo-tile);width:92px;height:18px;font:400 8px var(--font-pixel);color:var(--color-white);letter-spacing:2px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px}.panel-label{font:400 7px var(--font-pixel);color:var(--color-panel-label);letter-spacing:1px;position:absolute;left:8px}#labelScore{top:34px}#labelHiScore{top:71px}#labelLevel{top:108px}#labelLives{top:145px}#labelPower{top:172px}.panel-inset{background:var(--color-inset);width:92px;height:19px;box-shadow:inset 2px 2px 0 var(--color-inset-shadow),inset -2px -2px 0 var(--color-panel-edge-light);box-sizing:border-box;align-items:center;display:flex;position:absolute;left:8px}#insetScore{justify-content:flex-end;top:44px}#insetScore span{font:400 12px var(--font-pixel);color:var(--color-yellow);padding-right:5px}#insetHiScore{justify-content:flex-end;top:81px}#insetHiScore span{font:400 12px var(--font-pixel);color:var(--color-sky);padding-right:5px}#insetLevel{justify-content:space-between;padding:0 5px;top:118px}#insetLevel #panelLevelNumber{font:400 12px var(--font-pixel);color:var(--color-white)}#insetLevel #panelLevelName{font:400 7px var(--font-pixel);color:var(--color-orange)}#panelLives{gap:3px;display:flex;position:absolute;top:157px;left:8px}.panel-life{background:var(--color-blue);width:16px;height:5px}.panel-life.gained{transform-origin:0;outline:1px solid var(--color-life-new);outline-offset:1px;animation:shatterLifeGained var(--life-gained) linear}@keyframes shatterLifeGained{0%{outline-color:var(--color-life-new);transform:scaleX(0)}to{outline-color:#0000;transform:scaleX(1)}}#panelLives.refused{outline-offset:2px;animation:shatterLifeRefused var(--life-gained) linear;outline:1px solid #0000}@keyframes shatterLifeRefused{0%,to{outline-color:#0000}50%{outline-color:var(--color-life-new)}}#insetPower{justify-content:center;top:182px}#insetPower span{font:400 7px var(--font-pixel);color:var(--color-green);letter-spacing:1px}#insetChain{--chain-tone:var(--color-dim-text);justify-content:space-between;padding:0 5px;top:209px}#insetChain[data-mult="2"]{--chain-tone:var(--color-sky)}#insetChain[data-mult="3"]{--chain-tone:var(--color-green)}#insetChain[data-mult="4"],#insetChain[data-mult="5"]{--chain-tone:var(--color-yellow)}#insetChain[data-mult="6"],#insetChain[data-mult="7"]{--chain-tone:var(--color-orange)}#insetChain[data-mult="8"]{--chain-tone:var(--color-red)}#insetChain #panelChainHits{font:400 7px var(--font-pixel);color:var(--color-grey-text)}#insetChain #panelChainMult{font:400 12px var(--font-pixel);color:var(--chain-tone);transition-duration:var(--chain-step-fade)}.panel-divider{background:var(--color-panel-divider);width:92px;height:1px;position:absolute;top:236px;left:8px}.panel-divider:after{content:"";background:var(--color-panel-edge-light);width:100%;height:1px;position:absolute;top:1px;left:0}#panelHints{width:92px;font:400 7px var(--font-pixel);color:var(--color-panel-label);flex-direction:column;gap:7px;display:flex;position:absolute;top:243px;left:8px}.panel-hint-row{justify-content:space-between;display:flex}#panelVolume{cursor:pointer;align-items:center;gap:4px;display:flex}#volFader{appearance:none;background:var(--color-inset);border-top:1px solid var(--color-panel-edge-dark);border-left:1px solid var(--color-panel-edge-dark);border-bottom:1px solid var(--color-panel-edge-light);border-right:1px solid var(--color-panel-edge-light);cursor:pointer;width:62px;height:8px;margin:0}#volFader::-webkit-slider-thumb{appearance:none;background:var(--color-panel);border-top:1px solid var(--color-panel-edge-light);border-left:1px solid var(--color-panel-edge-light);border-bottom:1px solid var(--color-panel-edge-dark);border-right:1px solid var(--color-panel-edge-dark);width:8px;height:8px}#volFader::-moz-range-thumb{background:var(--color-panel);border-top:1px solid var(--color-panel-edge-light);border-left:1px solid var(--color-panel-edge-light);border-bottom:1px solid var(--color-panel-edge-dark);border-right:1px solid var(--color-panel-edge-dark);border-radius:0;width:8px;height:8px}#volFader::-moz-range-track{background:0 0}#panelFoot{justify-content:space-between;align-items:center;width:92px;display:flex;position:absolute;top:288px;left:8px}#panelRev{font:400 6px var(--font-pixel);color:var(--color-panel-divider)}#panelDiadem{gap:3px;display:flex}.panel-star{box-sizing:border-box;border:1px solid var(--color-panel-divider);width:5px;height:5px}.panel-star.lit{background:var(--color-yellow);border-color:var(--color-yellow)}.blink{animation:shatterBlink var(--blink-duration) steps(1) infinite}@keyframes shatterBlink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes shatterCopper{0%{background-position:0 0}to{background-position:0 calc(32 * var(--fine))}}#serveVeil{text-align:center;width:366px;font:400 calc(16 * var(--fine)) var(--font-pixel);color:var(--color-yellow);letter-spacing:calc(2 * var(--fine));text-shadow:calc(2 * var(--fine)) calc(2 * var(--fine)) 0 var(--color-field);position:absolute;top:199px;left:3px}#fieldNotice{text-align:center;width:366px;font:400 calc(20 * var(--fine)) var(--font-pixel);color:var(--color-yellow);letter-spacing:calc(4 * var(--fine));text-shadow:calc(2 * var(--fine)) calc(2 * var(--fine)) 0 var(--color-field);position:absolute;top:150px;left:3px}#fieldNotice.at-foot{top:254px}#screenServe{text-align:center;width:366px;font:400 calc(24 * var(--fine)) var(--font-pixel);color:var(--color-sky);text-shadow:calc(2 * var(--fine)) calc(2 * var(--fine)) 0 var(--color-field);position:absolute;top:215px;left:3px}.field-overlay{background:var(--color-field);flex-direction:column;justify-content:center;align-items:center;width:366px;height:297px;display:flex;position:absolute;top:3px;left:3px}#screenPause{gap:calc(40 * var(--fine))}.pause-heading{font:400 calc(40 * var(--fine)) var(--font-display);color:var(--color-yellow);text-shadow:calc(5 * var(--fine)) calc(5 * var(--fine)) 0 var(--color-orange-shadow)}.pause-divider{width:calc(420 * var(--fine));height:calc(3 * var(--fine));background:var(--color-orange)}.pause-hint{font:400 calc(24 * var(--fine)) var(--font-pixel);color:var(--color-sky)}#screenClear{gap:calc(28 * var(--fine))}.clear-heading{font:400 calc(24 * var(--fine)) var(--font-pixel);color:var(--color-green);letter-spacing:calc(4 * var(--fine))}#clearLevelName{font:400 calc(40 * var(--fine)) var(--font-display);color:var(--color-white);text-shadow:calc(5 * var(--fine)) calc(5 * var(--fine)) 0 var(--color-green-shadow)}#screenClear.clear--long-name #clearLevelName{font-size:calc(32 * var(--fine))}.clear-divider{width:calc(600 * var(--fine));height:calc(2 * var(--fine));background:var(--color-blue)}#clearDiadem{font:400 calc(20 * var(--fine)) var(--font-pixel);color:var(--color-yellow);letter-spacing:1px}#clearBonus{font:400 calc(24 * var(--fine)) var(--font-pixel);color:var(--color-yellow)}.continue-hint{font:400 calc(20 * var(--fine)) var(--font-pixel);color:var(--color-sky)}#screenOver{gap:calc(34 * var(--fine))}.over-heading{font:400 calc(40 * var(--fine)) var(--font-display);color:var(--color-red);text-shadow:calc(5 * var(--fine)) calc(5 * var(--fine)) 0 var(--color-red-shadow)}.over-divider{width:calc(600 * var(--fine));height:calc(3 * var(--fine));background:var(--color-red)}#overScore{font:400 calc(24 * var(--fine)) var(--font-pixel);color:var(--color-white)}#overChain,#overChart{font:400 calc(20 * var(--fine)) var(--font-pixel);color:var(--color-grey-text)}.stage-screen{background:var(--color-screen-deep);position:absolute;inset:0}#stage:has(.stage-screen:not([hidden])) #playfield{visibility:hidden}#titleEye{width:480px;height:300px;image-rendering:pixelated;position:absolute;top:0;left:0}#titleCopper{background:repeating-linear-gradient(180deg,#0b0b26 0 calc(4 * var(--fine)),#12276a calc(4 * var(--fine)) calc(8 * var(--fine)),#1d47a8 calc(8 * var(--fine)) calc(12 * var(--fine)),#2d7fe0 calc(12 * var(--fine)) calc(16 * var(--fine)),#63b0ff calc(16 * var(--fine)) calc(20 * var(--fine)),#2d7fe0 calc(20 * var(--fine)) calc(24 * var(--fine)),#1d47a8 calc(24 * var(--fine)) calc(28 * var(--fine)),#12276a calc(28 * var(--fine)) calc(32 * var(--fine)));background-size:100% calc(32 * var(--fine));width:100%;height:44px;animation:shatterCopper var(--copper-duration) linear infinite;position:absolute;top:150px;left:0}#titleWordmark{left:0;top:calc(480 * var(--fine));text-align:center;width:100%;font:400 calc(64 * var(--fine)) var(--font-display);color:var(--color-white);letter-spacing:calc(6 * var(--fine));text-shadow:calc(6 * var(--fine)) calc(6 * var(--fine)) 0 var(--color-red);position:absolute}#titleSubline{left:0;top:calc(606 * var(--fine));text-align:center;width:100%;font:400 calc(24 * var(--fine)) var(--font-pixel);color:var(--color-yellow);letter-spacing:calc(10 * var(--fine));position:absolute}#titleTagline{left:0;top:calc(654 * var(--fine));text-align:center;width:100%;font:400 calc(16 * var(--fine)) var(--font-pixel);color:var(--color-sky);letter-spacing:calc(3 * var(--fine));position:absolute}#titleInfo{left:0;top:calc(688 * var(--fine));flex-direction:column;align-items:center;width:100%;display:flex;position:absolute}#titleInfo #titleTopScore{font:400 calc(20 * var(--fine)) var(--font-pixel);color:var(--color-yellow)}#titlePlayHint{left:0;top:calc(756 * var(--fine));text-align:center;width:100%;font:400 calc(28 * var(--fine)) var(--font-pixel);color:var(--color-green);position:absolute}#titleMenuHints{left:0;top:calc(806 * var(--fine));width:100%;font:400 calc(20 * var(--fine)) var(--font-pixel);color:var(--color-sky);letter-spacing:calc(3 * var(--fine));justify-content:center;gap:14px;display:flex;position:absolute}#titleFooter{left:0;top:calc(846 * var(--fine));text-align:center;width:100%;font:400 calc(16 * var(--fine)) var(--font-pixel);color:var(--color-dim-text);letter-spacing:calc(3 * var(--fine));position:absolute}#scoresHeading{text-align:center;width:100%;font:400 calc(40 * var(--fine)) var(--font-display);color:var(--color-yellow);text-shadow:calc(5 * var(--fine)) calc(5 * var(--fine)) 0 var(--color-orange-shadow);position:absolute;top:12px;left:0}.scores-divider{left:calc(390 * var(--fine));width:calc(660 * var(--fine));height:calc(2 * var(--fine));background:var(--color-title-divider);position:absolute;top:40px}#scoreRows{left:calc(336 * var(--fine));width:calc(768 * var(--fine));flex-direction:column;display:flex;position:absolute;top:50px}.score-row{font:400 calc(24 * var(--fine)) / 11px var(--font-pixel);color:var(--color-grey-text);justify-content:space-between;display:flex}.score-row--top{color:var(--color-yellow)}.score-row--empty{color:var(--color-dim-text)}#entryLine{text-align:center;width:100%;font:400 calc(24 * var(--fine)) var(--font-pixel);color:var(--color-green);letter-spacing:calc(4 * var(--fine));position:absolute;top:236px;left:0}#returnHint{text-align:center;width:100%;font:400 calc(24 * var(--fine)) var(--font-pixel);color:var(--color-sky);position:absolute;top:236px;left:0}.screen-heading{text-align:center;width:100%;font:400 calc(40 * var(--fine)) var(--font-display);color:var(--color-yellow);text-shadow:calc(5 * var(--fine)) calc(5 * var(--fine)) 0 var(--color-orange-shadow);position:absolute;top:12px;left:0}.screen-divider{left:calc(390 * var(--fine));width:calc(660 * var(--fine));height:calc(2 * var(--fine));background:var(--color-title-divider);position:absolute;top:40px}.screen-footer{align-items:center;gap:7px;width:100%;display:flex;position:absolute;left:0}.screen-pages{align-items:center;gap:4px;display:flex}.page-pip{background:var(--color-dim-text);width:5px;height:5px}.page-pip--current{background:var(--color-yellow)}.screen-arrows,.screen-count{font:400 7px var(--font-pixel);color:var(--color-sky);letter-spacing:1px}.screen-count-current{color:var(--color-yellow)}.screen-facts{font:400 7px var(--font-pixel);color:var(--color-sky);letter-spacing:1px;margin-left:9px}#levelTiles{grid-template-columns:repeat(3,124px);grid-auto-rows:min-content;gap:7px 12px;width:396px;display:grid;position:absolute;top:52px;left:42px}.level-tile{width:124px;height:100px;image-rendering:pixelated;display:block}.level-caption{text-align:center;font:400 7px var(--font-pixel);color:var(--color-grey-text);letter-spacing:1px;margin-top:6px;line-height:7px}#levelsFooter{padding-left:42px;top:288px}#capsuleEntries{grid-template-rows:repeat(2,119px);grid-template-columns:repeat(3,148px);justify-items:start;gap:8px 12px;width:468px;display:grid;position:absolute;top:36px;left:18px}.capsule-frame{width:124px;height:100px;position:relative}.capsule-scene{width:124px;height:100px;image-rendering:pixelated;display:block}.capsule-pill{width:20px;height:8px;image-rendering:pixelated;position:absolute;top:3px;right:3px}.capsule-label{font:400 7px var(--font-pixel);color:var(--color-white);align-self:stretch;margin-top:3px;line-height:7px}.capsule-blurb{font:400 7px var(--font-pixel);color:var(--color-grey-text);align-self:stretch;margin-top:2px;line-height:7px}#screenCapsules .screen-heading,#screenBestiary .screen-heading{top:4px}#screenCapsules .screen-divider,#screenBestiary .screen-divider{top:28px}#capsulesFooter{padding-left:18px;top:286px}.creature-card{grid-template-columns:168px 248px;column-gap:16px;width:432px;height:240px;display:grid;position:absolute;top:38px;left:24px}.creature-stage{box-sizing:border-box;background:var(--color-field);border:1px solid var(--color-title-divider);place-self:center}.creature-portrait{image-rendering:pixelated;display:block}.creature-sheet{flex-direction:column;justify-content:center;display:flex}.creature-name{font:400 10px var(--font-display);color:var(--color-white);line-height:10px}.creature-stats{font:400 7px var(--font-pixel);grid-template-columns:auto 1fr;gap:3px 8px;margin-top:10px;line-height:7px;display:grid}.creature-stat-label{color:var(--color-sky)}.creature-stat-value{color:var(--color-white)}.creature-lore{font:400 7px var(--font-pixel);color:var(--color-grey-text);margin-top:12px;line-height:11px}.creature-tip{font:400 7px var(--font-pixel);color:var(--color-yellow);margin-top:12px;line-height:7px}#bestiaryFooter{padding-left:24px;top:286px}