@font-face{font-family:Game;src:local('Arial Rounded MT Bold');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050d1c;color:#fff;font-family:Game,'Trebuchet MS',Arial,sans-serif}body{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#133653 0%,#081629 45%,#030914 100%)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid white;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}#game{position:relative;height:100dvh;width:min(100vw,56.25dvh);max-width:680px;overflow:hidden;background:#0a2344;box-shadow:0 0 90px #0009;isolation:isolate}#world,#ui{position:absolute;inset:0;width:100%;height:100%}#world{touch-action:none;outline:none}#ui{pointer-events:none}#ui button,#ui input,#ui .interactive{pointer-events:auto}[hidden]{display:none!important}.screen{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;pointer-events:auto}.start{background:url('assets/start.png') center/100% 100% no-repeat}.play{border:2px solid #ffec96;background:linear-gradient(#ffd83a 0%,#ffb000 45%,#ff8300 100%);box-shadow:inset 0 3px 3px #fff9,inset 0 -5px 0 #d9690a,0 4px 0 #713713,0 0 25px #ffc00066;text-shadow:0 3px 1px #b34b00;color:white;border-radius:23px;font-weight:1000;font-size:clamp(18px,4.2dvh,36px);padding:12px 22px;letter-spacing:.015em;transition:filter .15s,transform .15s}.play:active,.round:active{transform:scale(.95)}.play:hover{filter:brightness(1.08)}.start .play{position:absolute;top:80%;height:9%;left:13%;width:74%;padding:0;border-radius:32px}.round{display:grid;place-items:center;border:2px solid #7ecaff;background:linear-gradient(145deg,#198eff,#0752ac 70%,#073676);box-shadow:inset 0 2px 2px #c3eeff99,0 3px 0 #031f49,0 0 16px #057aff66;border-radius:50%;width:52px;height:52px;font-size:26px;font-weight:900}.start .round{position:absolute;bottom:3%;width:14%;height:8%;font-size:clamp(20px,4dvh,32px)}.sound-start{left:3%}.help-start{right:3%}.load-status{position:absolute;top:30%;background:#06172ecc;padding:8px 16px;border-radius:18px;font-size:14px}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:9px}.hud .round{width:45px;height:45px;font-size:20px;flex-shrink:0}.pill{padding:8px 17px;background:linear-gradient(155deg,#0c3977eb,#051c43e8);border:1px solid #4dafffa8;border-radius:18px;box-shadow:inset 0 1px 2px #67bdff66,0 5px 15px #020d2166;font-size:clamp(21px,3.4dvh,30px);font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.03em}.score{color:#ffe197;display:flex;align-items:center;gap:7px}.score span:first-child{font-size:.9em}.time.low{color:#ffc87c;animation:pulse .65s infinite alternate}.timeline{position:absolute;top:75px;left:18%;right:18%;height:3px;border-radius:3px;background:#143655b3;overflow:hidden}.timeline i{display:block;background:#70ccff;height:100%;transition:width .15s}.notice{position:absolute;top:13%;left:5%;width:90%;text-align:center;font-size:clamp(15px,2.2dvh,19px);font-weight:bold;text-shadow:0 2px 6px #000;transition:opacity .2s;min-height:28px}.notice.warning{color:#a5eaff;background:#08264cc9;border:1px solid #39bdff80;padding:9px 6px;border-radius:15px}.notice.gold{color:#ffdf7d}.powers{position:absolute;top:20%;left:12px;display:flex;flex-direction:column;gap:8px}.power{font-size:12px;background:#051d39d9;padding:7px 9px;border:1px solid #66cfff;border-radius:12px;display:grid;grid-template-columns:25px auto;align-items:center;gap:5px}.power b{font-size:22px}.power small{font-size:12px}.power i{grid-column:1/3;height:3px;background:#69dfff;border-radius:8px;transform-origin:left}.touch-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:6%;width:88%;display:flex;justify-content:space-between;align-items:center;gap:12px}.control{width:60px;height:52px;border:1px solid #8cbcff55;border-radius:19px;background:#0b2a4c66;backdrop-filter:blur(5px);font-size:29px;color:#ecf6ffbb}.control.jump{width:88px;height:56px;background:#10427588}.hint{position:absolute;bottom:95px;width:100%;text-align:center;color:#d9efff;font-size:14px;text-shadow:0 2px 4px #000;transition:opacity .4s}.countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:90px;font-weight:1000;color:#ffd149;text-shadow:0 5px #9c4f07,0 0 40px #ffab0066;background:#06183244}.modal-shade{position:absolute;inset:0;background:#020d21a8;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:25px;pointer-events:auto}.panel{width:100%;background:linear-gradient(#12396bee,#081c38f5);border:1px solid #54b7ff99;border-radius:28px;padding:27px 23px;text-align:center;box-shadow:0 25px 65px #0008}.panel h2{margin:0 0 18px;color:#ffe096;font-size:30px}.panel p{font-size:16px;line-height:1.5;color:#dceaff}.panel .play{width:100%;font-size:23px;margin-top:12px}.secondary{display:block;width:100%;border:1px solid #55baff;background:linear-gradient(#127adb,#064e9a);border-radius:18px;padding:13px 14px;font-size:20px;font-weight:900;box-shadow:inset 0 2px 2px #b9e8ff55,0 3px #032a57;margin-top:13px}.rules{display:grid;grid-template-columns:40px 1fr;text-align:left;align-items:center;gap:14px 10px;margin:22px 0;font-size:15px;line-height:1.35}.rules b{font-size:26px;text-align:center}.rules span{color:#daeaff}.sound-toggle{display:flex;align-items:center;justify-content:space-between;font-size:16px;padding-top:15px}.sound-toggle input{width:24px;height:24px;accent-color:#ffb921}.results{background:linear-gradient(#04152ab3 0%,#05204444 45%,#031323dd 100%);padding:7% 6% 6%;justify-content:space-between}.result-title{text-align:center;width:100%}.result-title h1{font-size:clamp(25px,5dvh,43px);line-height:1.06;margin:0 0 15px;color:#ffd955;font-weight:1000;text-shadow:0 3px #a04708,0 0 20px #e873004d}.result-title .label{font-size:clamp(13px,1.8dvh,17px);font-weight:900;letter-spacing:.05em}.total{font-size:clamp(55px,10dvh,90px);line-height:1.05;color:#ffdc57;font-weight:1000;text-shadow:0 3px #a04c08,0 0 20px #ff990066}.result-reason{font-size:15px;color:#d5eaff;margin:7px 0 0;line-height:1.35}.result-actions{width:100%}.result-actions .play{width:100%;font-size:clamp(17px,2.7dvh,25px)}.result-actions .secondary{font-size:clamp(16px,2.5dvh,23px)}.result-stats{text-align:center;margin-bottom:14px;color:#cae4ff;font-size:14px}.new-record{color:#ffdf84;letter-spacing:.03em}.corner-record{position:absolute;bottom:12%;left:0;right:0;text-align:center;font-size:14px;text-shadow:0 2px 5px #000;background:#061832aa;width:max-content;margin:auto;padding:5px 14px;border-radius:20px}.error{position:absolute;inset:0;display:grid;place-items:center;background:#0b2139;padding:25px;text-align:center;pointer-events:auto}.error p{line-height:1.5}.flash{position:absolute;inset:0;pointer-events:none;animation:flash .45s forwards;background:#ffe69399}.flash.blue{background:#57ccff77}@keyframes flash{to{opacity:0}}@keyframes pulse{to{opacity:.5}}@media(max-height:650px){.panel{padding:18px}.panel h2{font-size:24px}.rules{gap:8px;margin:14px 0}.round{width:42px;height:42px}.hud{top:9px}.timeline{top:63px}.touch-controls{bottom:10px}.hint{bottom:72px}.control{height:43px}.control.jump{height:46px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* The approved illustrations stay behind real, live result controls. */
.results{background-image:url('assets/results.png');background-size:300% 100%;background-repeat:no-repeat;padding:0;display:block}.results.success{background-position:50% 50%}.results.failure{background-position:100% 50%}.results .result-title{position:absolute;top:0;left:0;height:37%;padding:7% 3% 0;background:linear-gradient(#092a52 0%,#092a52 89%,#092a5200 100%)}.results .result-title h1{font-size:clamp(24px,4.8dvh,42px);margin-bottom:10px}.results .total{font-size:clamp(54px,10dvh,88px)}.results .result-actions{position:absolute;bottom:0;left:0;width:100%;height:25%;padding:2% 7% 3%;background:linear-gradient(#092440e8,#061930)}.results .result-stats{font-size:clamp(12px,1.7dvh,15px);margin:0 0 9px}.results .result-actions .play{padding:10px 8px;font-size:clamp(15px,2.6dvh,24px)}.results .result-actions .secondary{padding:10px;margin-top:10px}.bonus-rule{font-size:13px!important;line-height:1.4!important}.panel{max-height:93dvh;overflow-y:auto}