/* Original 176px artwork; preserve frame strips while stretching the cavern to 288px. */
body:has(.classic-login){background:#070201}
.classic-login{width:min(100vw,61.111111dvh);height:min(100dvh,163.636364vw);position:relative;margin:auto;container-type:inline-size;isolation:isolate;overflow:hidden;background:#050000}
.classic-frame{position:absolute;inset:0;z-index:-1;background:url('reference-art/Background.gif.png') center/100% 100% no-repeat;image-rendering:pixelated;pointer-events:none}
.classic-title{position:absolute;width:57%;height:auto;left:20%;top:11.2%;image-rendering:pixelated}
.classic-free{position:absolute;width:13.2%;right:7.8%;top:5.8%;image-rendering:pixelated}
.classic-online{position:absolute;left:25.4%;top:28%;width:35.8%;height:3.45%;background:#792323;display:flex;justify-content:flex-end;align-items:center}
.classic-online img{width:52%;height:100%;image-rendering:pixelated}
.classic-menu{position:absolute;left:34.8%;top:52.5%;width:30.8%;display:grid;gap:1.85cqw}
.classic-menu button{position:relative;width:100%;height:max(44px,8.35cqw);min-height:44px;padding:0;border:0;border-radius:0;background:none;touch-action:manipulation;display:flex;align-items:center}
.classic-menu .menu-art{display:block;width:100%;height:8.35cqw;background-image:url('reference-art/title2.gif.png');background-size:200% 400%;background-position:0 calc(var(--row)*100% / 3);image-rendering:pixelated}
.classic-menu .selected .menu-art,.classic-menu button:hover .menu-art,.classic-menu button:focus-visible .menu-art{background-position-x:100%}
.classic-menu button:active{transform:none;filter:brightness(1.2)}
.classic-menu button:focus-visible{outline:1px solid #c4ce8d;outline-offset:4px}
.classic-version{position:absolute;right:10.7%;bottom:1.25%;color:#488d73;font:5.6cqw monospace;white-space:nowrap}
.classic-menu .version-menu-label{display:flex;width:100%;height:8.35cqw;align-items:center;justify-content:center;color:#e8fff2;font-family:JHPixel,serif;font-size:8.35cqw;line-height:1;font-weight:400;letter-spacing:-.55cqw;white-space:nowrap;-webkit-text-stroke:.35cqw #001b12;paint-order:stroke fill;text-shadow:.38cqw .38cqw 0 #245847,-.38cqw -.38cqw 0 #245847}.classic-menu .selected .version-menu-label,.classic-menu button:hover .version-menu-label,.classic-menu button:focus-visible .version-menu-label{color:#ffde87;-webkit-text-stroke-color:#64230e;text-shadow:.38cqw .38cqw 0 #a55d22,-.38cqw -.38cqw 0 #a55d22}
.stick{width:144px;height:144px;position:relative;border-radius:50%;border:2px solid #8f957566;background:#10281c9c;box-shadow:inset 0 0 0 9px #77957815;touch-action:none;user-select:none;flex:none;outline-offset:4px}
.stick-knob{position:absolute;left:calc(50% - 27px);top:calc(50% - 27px);height:54px;width:54px;border:2px solid #c3b77d;border-radius:50%;background:#47654bee;box-shadow:0 4px 12px #0006;pointer-events:none;will-change:transform}
.stick.engaged{border-color:#b7b68c}.stick.engaged .stick-knob{background:#66856a}
.controls{height:174px;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}
.game{min-height:0}.canvas-wrap{bottom:174px}.bottom-note{display:none}.action-pad .subaction{min-height:44px}.hud .menu{min-width:44px;min-height:44px}.dialog-head button{min-width:44px;min-height:44px}
@media(max-width:360px){.stick{width:124px;height:124px}.controls{padding-inline:10px;gap:6px}.action-pad{grid-template-columns:62px 78px;gap:6px}.action-pad .attack{min-width:78px;width:78px;height:78px}.action-pad .subaction{padding-inline:7px}}
@media(orientation:landscape) and (max-height:600px){.canvas-wrap{inset:0}.controls{height:150px}.stick{width:124px;height:124px}.game{min-height:0}}
@media(pointer:coarse){button,a{touch-action:manipulation}}