:root{color:#fff7e9;background:#17110d;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0;display:grid;background:radial-gradient(circle at 22% 14%,rgba(255,195,64,.22),transparent 31%),radial-gradient(circle at 78% 20%,rgba(214,52,31,.2),transparent 25%),linear-gradient(180deg,#26140e,#140f12 52%,#0b1414)}#game{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:10px;right:10px;z-index:4;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;pointer-events:none}.meter{min-width:0;border:1px solid rgba(255,238,187,.28);border-radius:8px;background:#100b09ad;box-shadow:0 8px 24px #0000003d;padding:8px 9px 7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.meter span{display:block;color:#ffd690;font-size:clamp(10px,2.8vw,12px);line-height:1}.meter strong{display:block;margin-top:4px;color:#fff;font-size:clamp(19px,6vw,27px);line-height:1;letter-spacing:0;white-space:nowrap}.panel{position:absolute;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:calc(env(safe-area-inset-bottom) + 22px);z-index:5;display:grid;gap:10px;justify-items:start;max-width:520px;margin:0 auto;padding:18px;border:1px solid rgba(255,221,142,.28);border-radius:8px;background:#130c09db;box-shadow:0 18px 48px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel[hidden]{display:none}.kicker{margin:0;color:#ffcf66;font-size:12px;font-weight:800}h1{margin:0;color:#fff5df;font-size:clamp(34px,11vw,54px);line-height:.95;letter-spacing:0}#panelText{margin:0;color:#ffe8bd;font-size:clamp(14px,4vw,16px);line-height:1.55}button{width:min(100%,260px);min-height:50px;border:0;border-radius:8px;color:#210f09;background:linear-gradient(180deg,#ffe083,#ffb020);box-shadow:0 8px #9d420e,0 14px 22px #00000042;font:inherit;font-size:18px;font-weight:900}button:active{transform:translateY(4px);box-shadow:0 4px #9d420e,0 8px 18px #0000003d}@media(orientation:landscape)and (max-height:560px){#hud{left:calc(env(safe-area-inset-left) + 10px);right:auto;width:min(46vw,360px)}.panel{left:auto;width:min(42vw,380px)}h1{font-size:clamp(30px,5vw,44px)}}