:root{--bg-top:#b6f3e8;--bg-mid:#9cd8ff;--bg-bottom:#fef4bf;--pill-bg:#ffffffc7;--pill-border:#24385f29;--pill-text:#1f2b44}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{background:radial-gradient(1200px 760px at 82% 8%, #ffffffb3, transparent 60%), radial-gradient(680px 520px at 16% 92%, #ffdbb599, transparent 65%), linear-gradient(160deg, var(--bg-top) 0%, var(--bg-mid) 56%, var(--bg-bottom) 100%);font-family:"M PLUS Rounded 1c","Baloo 2",Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;overflow:hidden}#game-shell{touch-action:none;width:100%;height:100%;position:relative}#start-modal{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(#fff6,#23396059);justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}#start-modal.hidden{display:none}.start-card{color:#22436c;text-align:left;background:radial-gradient(circle at 18% 18%,#fffffff2,#fff7e8f2),linear-gradient(160deg,#fffffff5,#f0fff9f2);border:3px solid #fffc;border-radius:22px;width:min(90vw,460px);padding:18px 18px 20px;box-shadow:0 18px 40px #16244247}.start-card h2{letter-spacing:.03em;color:#1f3a67;margin:0 0 10px;font-size:clamp(24px,5vw,34px)}.start-card p{margin:8px 0;font-size:clamp(15px,3.8vw,20px);font-weight:700;line-height:1.45}#start-play-button{color:#5a3a05;cursor:pointer;background:linear-gradient(#ffec8e 0%,#ffc85f 95%);border:none;border-radius:999px;width:100%;margin-top:14px;padding:14px 18px;font-size:clamp(22px,5.3vw,30px);font-weight:800;transition:transform .1s ease-out,filter .2s ease-out;box-shadow:0 7px #df9f37,0 12px 20px #d2842740}#start-play-button:hover{filter:brightness(1.02)}#start-play-button:active{transform:translateY(3px);box-shadow:0 4px #df9f37,0 8px 12px #d2842733}#hud{z-index:10;flex-wrap:wrap;gap:8px;max-width:min(95vw,760px);display:flex;position:absolute;top:12px;left:12px}.pill{border:2px solid var(--pill-border);background:var(--pill-bg);color:var(--pill-text);letter-spacing:.01em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:8px 12px;font-size:clamp(12px,2.8vw,15px);font-weight:700}.button{cursor:pointer;transition:transform .12s ease-out,background .2s ease-out}.button:hover{background:#ffffffeb;transform:translateY(-1px)}.button:active{transform:scale(.98)}.button.is-active{color:#124d31;background:#b9ffdceb;border-color:#1e784659}#help-panel{z-index:10;color:#21375a;background:#ffffffe0;border:2px solid #1f2b4433;border-radius:16px;width:min(82vw,360px);padding:10px 12px;font-size:clamp(12px,2.9vw,15px);font-weight:700;line-height:1.5;position:absolute;top:58px;left:14px}#help-panel.hidden{display:none}