/* SPDX-License-Identifier: GPL-3.0-or-later */
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02040d;color:#eef3ff;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:3px solid #d9e1ff;outline-offset:2px}#shell{position:fixed;inset:0;overflow:hidden;background:#02040d}#game{display:block;width:100%;height:100%;touch-action:none}#hud{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));background:linear-gradient(#02040ddd,#02040d00);font-weight:700;letter-spacing:.05em;pointer-events:none;text-shadow:0 1px 3px #000}#score2{text-align:right}#status{position:absolute;left:50%;top:18%;transform:translateX(-50%);font-size:clamp(24px,5vw,54px);font-weight:900;text-shadow:0 0 18px #000;text-align:center;pointer-events:none}#gamebar{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:8px}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,460px);padding:24px;border:1px solid #6473ac;background:#090d20f0;box-shadow:0 18px 60px #000b;text-align:center;backdrop-filter:blur(8px);border-radius:8px}.hidden{display:none!important}h1{font-size:clamp(32px,8vw,64px);margin:0;letter-spacing:.08em;text-shadow:0 0 18px #5539ff}h2{margin-top:0}.version{margin:4px 0 20px;color:#9ca9d7;font-size:12px;letter-spacing:.18em}.panel button,#gamebar button{border:1px solid #7e8ed1;background:#182149;color:#fff;padding:11px 14px;margin:5px;min-width:140px;font-weight:700;cursor:pointer;border-radius:4px}.panel button:hover,#gamebar button:hover{background:#25336f}.panel .small{min-width:64px}.copy{color:#d7def8;font-size:14px;line-height:1.55;text-align:left}.copy p{margin:0 0 12px}.opts{display:grid;gap:10px;text-align:left;margin:16px 0}.opts label{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #27315a;padding:6px 0}.opts input[type=number]{width:92px;background:#060917;color:#fff;border:1px solid #5c6aa3;padding:6px}.opts input[type=checkbox]{width:18px;height:18px}#touch{position:absolute;inset:auto max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));display:none;justify-content:space-between;pointer-events:none}#touch>div{display:flex;gap:8px}#touch button{pointer-events:auto;width:60px;height:60px;border-radius:50%;border:1px solid #8796d8;background:#111a42cc;color:white;font-size:24px;touch-action:none;-webkit-user-select:none;user-select:none}.webgl-failed #game{opacity:.25}
body:not(.playing) #hud,body:not(.playing) #gamebar,body:not(.interactive) #touch{display:none}body.demo #pause{display:none}body[data-play-mode="single"] #touch .p2controls{display:none}
@media(pointer:coarse),(max-width:700px){body.interactive #touch{display:flex}#gamebar{bottom:calc(82px + env(safe-area-inset-bottom))}#hud{font-size:12px}.panel{padding:18px;max-height:88vh;overflow:auto}#hud{font-size:12px}}
@media(max-height:500px){.panel{top:52%;padding:12px;max-height:94vh}h1{font-size:30px}.version{margin-bottom:8px}.panel button{padding:7px 10px;margin:3px}.opts{gap:4px;margin:8px 0}.copy{font-size:12px;line-height:1.35}.copy p{margin-bottom:7px}}

/* Replacement artwork created specifically for this restoration. */
#shell{background-image:url('assets/game-background.png');background-position:center;background-size:cover;background-repeat:no-repeat}
body:not(.playing) #shell{background-image:url('assets/menu-background.png')}
body:not(.playing) #game{opacity:0}
body.playing #game{opacity:1}