.ghost-arcade-shell{min-height:0;padding:14px;background:linear-gradient(120deg,#090f1b,#0a1420 70%,#0c111a);border-top:1px solid #bd853d;color:#e3eeff}
.ghost-arcade-shell .ghost-arcade-stage{min-height:0;height:auto;aspect-ratio:auto;border:0;background:none;overflow:visible;touch-action:auto}
.ghost-arcade-stage:before,.ghost-arcade-stage:after{display:none}
.sj-hud{display:grid;grid-template-columns:1.8fr .85fr 1fr .8fr .9fr 1.5fr;gap:10px;margin-bottom:12px}
.sj-stat{padding:12px 14px;min-width:0;border:1px solid #40516a;border-radius:5px;background:linear-gradient(135deg,#101b2bcc,#050c16);display:flex;flex-direction:column;justify-content:center;gap:3px}
.sj-stat>span,.sj-eyebrow{font:700 12px 'Source Sans 3',sans-serif;letter-spacing:1.5px;color:#b4c9e9}
.sj-stat strong{font:800 29px 'Source Sans 3',sans-serif;line-height:1.15;letter-spacing:2px;color:#fff}
.sj-stat--score strong{color:#ffab43;text-shadow:0 0 14px #ed84175c}.sj-stat--combo strong{color:#c3f97c}.sj-stat--moed strong{color:#ff7669;letter-spacing:5px;text-shadow:0 0 12px #ff523b55}
.sj-stat--next>span{color:#c8f18a}.sj-stat--next strong{font-size:15px;line-height:1.3;letter-spacing:0}
.sj-stat--level strong{font-size:21px;color:#ffbd67}.sj-stat small{font-size:12px;color:#c4d2e5}
.sj-stat progress{width:100%;height:9px;accent-color:#ff9d34;border:0}
.sj-field{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #af854e;border-radius:5px;background:#0a192c}
.sj-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:none}.sj-canvas:focus-visible{outline:3px solid #a1ffdb;outline-offset:-4px}
.sj-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:#030b1640;padding:20px}.sj-overlay[hidden]{display:none}
.sj-panel{max-width:650px;padding:28px 38px;background:linear-gradient(150deg,#071627e8,#091122df);border:1px solid #8795ac5e;border-radius:10px;box-shadow:0 20px 60px #0008;color:#dfebff;backdrop-filter:blur(5px)}
.sj-panel h2{font:800 clamp(24px,3vw,46px)/1.15 'Cinzel',serif;color:#ffcd83;margin:12px 0 16px;text-shadow:0 2px 20px #e7932a40}.sj-panel p{font-size:18px;line-height:1.5;margin:12px 0}.sj-panel .sj-small{font-size:14px;color:#bdcfe9}
.ghost-arcade-stage[data-state=countdown] .sj-panel{background:transparent;border:0;box-shadow:none;backdrop-filter:none}.ghost-arcade-stage[data-state=countdown] h2{font-size:clamp(45px,8vw,115px);color:#dcffed;text-shadow:0 0 40px #53f6cb}
.sj-energy{display:flex;align-items:center;gap:12px;margin:10px 0;color:#a4ffe0;font-size:12px;font-weight:700;letter-spacing:.7px}.sj-energy progress{width:180px;height:9px;accent-color:#70f5d4}.sj-energy span{margin-left:auto}
.sj-beam{display:block;width:100%;padding:13px;border:1px solid #67d3bc;border-radius:5px;background:#0c3539;color:#c9fff0;font-size:15px;font-weight:700;touch-action:none;user-select:none}.sj-beam.active{background:#18655f}.sj-effects{min-height:22px;color:#ffda87;text-align:center;font-size:13px}
.sj-settings{color:#d6e4fa;font-size:14px;margin:4px 0 8px}.sj-settings summary{cursor:pointer;min-height:32px}.sj-settings-body{padding:14px;border:1px solid #40516a;border-radius:5px;display:flex;flex-wrap:wrap;gap:18px}.sj-settings-body p{width:100%;margin:0}.sj-settings-body label{display:flex;align-items:center;gap:10px}.sj-settings input[type=range]{width:95px;accent-color:#8df5d2}.sj-settings select{color:#e9f2ff;background:#142236;border:1px solid #667992;padding:6px}
.ghost-arcade-controls{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.ghost-arcade-controls button{min-height:54px;min-width:160px;font-size:17px;border-radius:5px;font-weight:800}.ghost-arcade-controls .button-primary{background:linear-gradient(#ffcd64,#ff8b1e);color:#211303;box-shadow:0 0 18px #ff932a55;border:1px solid #ffdf8a}.ghost-arcade-help{padding:15px;border:1px solid #3b5060;border-radius:5px;font-size:15px;line-height:1.65;text-align:center;color:#c9dbef}.ghost-arcade-live{color:#b2f2d1;font-size:14px}.sj-back{display:block;margin-top:14px;color:#dcecff;text-decoration:underline}
@media(min-width:1000px){.sj-beam{width:auto;min-width:310px;margin-left:auto;margin-top:-35px;position:relative}.sj-energy{padding-right:330px}.sj-energy span{margin-left:0}.sj-effects{text-align:left}}
@media(max-width:900px){.sj-hud{grid-template-columns:1.4fr 1fr 1fr;gap:7px}.sj-stat{padding:8px 10px}.sj-stat--next strong{font-size:13px}.sj-panel{padding:15px 20px}.sj-panel h2{font-size:25px}.sj-panel p{font-size:14px;margin:7px 0}}
@media(max-width:520px){.ghost-arcade-shell{padding:7px}.sj-hud{gap:5px}.sj-stat{padding:7px}.sj-stat>span{font-size:10px;letter-spacing:.8px}.sj-stat strong{font-size:22px}.sj-stat--level strong{font-size:18px}.sj-stat--next strong{font-size:12px}.sj-stat small{font-size:10px}.sj-energy{gap:6px;font-size:10px}.sj-energy progress{width:80px}.sj-panel{padding:9px 13px}.sj-panel h2{font-size:19px;margin:5px 0}.sj-panel p,.sj-panel .sj-small{font-size:11px;line-height:1.3;margin:5px 0}.sj-eyebrow{font-size:9px}.sj-overlay{padding:6px}.sj-panel button{font-size:11px;min-height:34px;padding:6px 10px}.sj-back{font-size:11px;margin-top:6px}.ghost-arcade-controls{gap:6px}.ghost-arcade-controls button{flex:1;min-width:0;font-size:12px;min-height:44px;padding:8px}.ghost-arcade-help{font-size:12px;padding:10px}.sj-settings-body{gap:12px}.sj-settings-body label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.spookjacht *{scroll-behavior:auto;transition:none!important}}