*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{width:100%;height:100%;max-height:1000px;overflow:hidden;background:var(--bg,#1a1230);font-family:var(--font),system-ui,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none}
#stage{position:fixed;inset:0;max-height:1000px}
#stage canvas{display:block;width:100%;height:100%}
.hud{position:fixed;top:0;left:0;right:0;display:flex;gap:8px;justify-content:space-between;align-items:center;padding:10px 12px;pointer-events:none;z-index:5;font-size:clamp(13px,2.4vw,20px);text-shadow:0 2px 0 rgba(0,0,0,.45)}
.hud .pill{background:rgba(0,0,0,.35);border-radius:999px;padding:5px 12px;white-space:nowrap}
.btnicon{pointer-events:auto;border:0;background:rgba(0,0,0,.4);color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer}
.panel{position:fixed;inset:0;max-height:1000px;display:none;align-items:center;justify-content:center;z-index:10;background:rgba(10,5,25,.55);backdrop-filter:blur(3px);padding:16px}
.panel.on{display:flex}
.card{background:var(--card,#2b1d52);border:4px solid rgba(255,255,255,.18);border-radius:24px;padding:22px 20px;max-width:520px;width:100%;text-align:center;box-shadow:0 12px 0 rgba(0,0,0,.3);max-height:96%;overflow:auto}
.card h1{font-size:clamp(30px,7vw,54px);line-height:1;color:var(--accent,#ffd23f);text-shadow:0 4px 0 rgba(0,0,0,.35);margin-bottom:8px}
.card h2{font-size:clamp(24px,5vw,36px);color:var(--accent,#ffd23f);margin-bottom:8px}
.card p{opacity:.9;margin:8px 0;font-size:clamp(14px,2.6vw,17px);line-height:1.35}
.btn{pointer-events:auto;font-family:inherit;font-size:clamp(16px,3vw,22px);border:0;border-radius:16px;padding:12px 22px;margin:6px;cursor:pointer;color:#241a00;background:var(--accent,#ffd23f);box-shadow:0 5px 0 rgba(0,0,0,.35);transition:transform .08s}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.35)}
.btn.alt{background:#ffffff22;color:#fff}
.btn.sel{outline:3px solid #fff}
.row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:8px 0}
.lvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px;margin:10px 0;max-height:40vh;overflow:auto;padding:4px}
.lvgrid button{font-family:inherit;font-size:16px;aspect-ratio:1;border:0;border-radius:12px;background:var(--accent,#ffd23f);color:#241a00;cursor:pointer;box-shadow:0 3px 0 rgba(0,0,0,.35)}
.lvgrid button:disabled{background:#ffffff22;color:#ffffff66;cursor:default}
.lvgrid button small{display:block;font-size:10px}
#toast{position:fixed;left:50%;top:22%;transform:translateX(-50%);font-size:clamp(22px,5vw,40px);color:var(--accent,#ffd23f);text-shadow:0 4px 0 rgba(0,0,0,.4);pointer-events:none;z-index:6;opacity:0;transition:opacity .3s}
#loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:20;background:var(--bg,#1a1230)}