@import url('/assets/collection.css');
body{background:radial-gradient(ellipse at 12% 65%,#e7edda,transparent 60%),var(--cream)}.arcade-head{padding:16px 5%;gap:12px}.arcade-head .brand{font-size:25px}.arcade-head .text-link{font-size:14px}.game-layout{width:min(1220px,94%);margin:28px auto 50px;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1.2fr);gap:clamp(24px,5vw,75px);align-items:start}.game-intro{padding-top:30px}.game-intro h1{font-size:clamp(42px,5vw,68px)}.game-intro h1 em{font-style:normal;color:var(--coral)}.game-intro .lead{font-size:19px}.controls-note{font-size:14px}.game-settings{margin:28px 0}.game-settings legend{font-weight:900;font-size:14px;margin-bottom:10px}.game-settings fieldset{border:0;padding:0;margin:20px 0}.skin-options{display:flex;flex-wrap:wrap;gap:8px}.skin-options label{cursor:pointer;position:relative}.skin-options input{position:absolute;inset:0;opacity:0}.skin-options span{display:block;padding:9px 13px;min-height:46px;border:1px solid #17465550;border-radius:6px;font-size:14px;font-weight:800}.skin-options input:checked+span{background:var(--ink);color:var(--cream)}.skin-options input:focus-visible+span{outline:3px solid var(--coral);outline-offset:3px}.game-settings select{min-height:48px;background:#fffaf0;color:var(--ink);border:1px solid #78938a;border-radius:5px;padding:8px 12px;width:100%}.game-settings label[for]{display:block;font-weight:800;margin:15px 0 8px}.game-stage{position:relative;min-width:0;margin:auto;width:min(100%,550px)}.score-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 8px 14px;font-size:13px}.score-bar b{display:block;font:700 27px/1.1 var(--display)}.score-bar p{margin:0}.score-bar .text-link{border:0;background:transparent;padding:0 10px;font-size:14px}.canvas-wrap{position:relative;overflow:hidden;border-radius:30px 30px 16px 16px;box-shadow:0 24px 50px #5c4a252e;background:#e7d3a6;isolation:isolate}.game-canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-5px!important}.stage-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff7e757;backdrop-filter:blur(3px);padding:25px;text-align:center}.overlay-copy{background:#fff7e7f5;border:1px solid #b7a77d;padding:28px 24px;border-radius:8px 28px 8px 28px;box-shadow:0 14px 30px #17465520;width:min(330px,95%)}.overlay-copy h2{font-size:34px}.overlay-copy p{font-size:16px;margin:12px 0 22px}.overlay-copy .button{width:100%}.play-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:14px 0 0;touch-action:manipulation}.play-controls button,.dpad button{min-height:56px;background:#fffaf0;color:var(--ink);border:1px solid #a99c7a;border-bottom:4px solid #a99c7a;border-radius:9px;font-weight:900;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.play-controls button:active,.play-controls button.is-held,.dpad button:active{transform:translateY(2px);border-bottom-width:2px;background:#efd28f}.play-controls #launch{background:#edbd61;border-color:#ab7830}.play-controls button:disabled{opacity:.55;cursor:default}.game-status{min-height:28px;text-align:center;font-size:14px;margin:12px 0 0}.game-help{border-top:1px solid #17465530;padding-top:20px;margin-top:25px;font-size:15px}.game-help summary{cursor:pointer;min-height:44px;font-weight:800}.game-help li{margin:8px 0}.game-note{font-size:13px;color:#405f5c}.dpad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:255px;margin:15px auto 0;touch-action:none}.dpad [data-direction=up]{grid-column:2}.dpad [data-direction=left]{grid-column:1}.dpad button{font-size:21px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#full{padding-inline:0}.game-stage:fullscreen{background:var(--cream);width:100%;max-width:none;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:12px}.game-stage:fullscreen .canvas-wrap{width:min(100%,calc((100dvh - 210px)*.682));flex-shrink:0}.game-stage.maze-stage:fullscreen .canvas-wrap{width:min(100%,calc((100dvh - 270px)*.811))}.game-stage:fullscreen .score-bar,.game-stage:fullscreen .play-controls{width:min(520px,100%)}.game-stage:fullscreen .music-controls{max-width:550px}.music-controls{font-family:var(--body)!important}.music-controls .music-note{font-size:12px}
@media(max-width:780px){.game-layout{grid-template-columns:1fr;width:94%;margin-top:12px;gap:5px}.game-intro{padding:8px 4% 0}.game-intro .eyebrow{margin-bottom:7px}.game-intro h1{font-size:42px}.game-intro .lead{font-size:16px;margin:10px 0 12px}.game-settings{margin:12px 0}.game-settings fieldset{margin:10px 0}.game-settings legend{font-size:13px}.skin-options span{font-size:13px;padding:8px 12px}.game-stage{max-width:500px}.game-intro .controls-note{display:none}.game-help{margin-top:12px;padding-top:12px}.game-help[open]{margin-bottom:20px}.score-bar{padding-top:14px}.canvas-wrap{border-radius:25px 25px 14px 14px}.music-controls{padding-inline:5%!important}.arcade-head{padding:14px 5%}.arcade-head .brand{font-size:23px}}
.game-settings input[type=range]{display:block;width:100%;min-height:44px;accent-color:#a8442c}.music-controls input[type=checkbox]{width:18px;height:18px;accent-color:#174655}
@media(prefers-reduced-motion:reduce){.stage-overlay{backdrop-filter:none}}