:root{color:#f5f7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#071226;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;touch-action:none}button{min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:0 18px;color:#fff;background:#142042c7;font-weight:800;letter-spacing:0;cursor:pointer}button.primary{border-color:#ff6dcdb8;background:linear-gradient(135deg,#ff4fc3,#7d58ff);box-shadow:0 12px 32px #ff4fc33d}button.big{min-width:240px;min-height:58px;font-size:18px}.screen{position:relative;min-height:100%;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(circle at 50% 10%,rgba(255,88,206,.2),transparent 35%),#071226}.screen:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.title-screen{display:grid;place-items:center;background:#060914}.title-content{position:relative;z-index:1;display:grid;justify-items:center;gap:20px;text-align:center}.eyebrow{margin:0 0 8px;color:#9fd8ff;font-size:12px;font-weight:900;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:0;color:#fff;font-size:clamp(56px,10vw,120px);line-height:.82;text-shadow:0 0 18px #ff4fc3,0 0 44px #33d7ff}h1 span{display:block;color:#ffe36f;font-size:.34em;line-height:1.5}.title-art{width:min(720px,86vw);max-height:42vh;border:1px solid rgba(255,255,255,.16);border-radius:8px;object-fit:cover;image-rendering:pixelated;box-shadow:0 22px 70px #0000005c}.title-actions,.currencies,.bottom-nav,.clear-actions,.map-actions{display:flex;flex-wrap:wrap;gap:10px}.topbar{position:relative;z-index:2;display:flex;justify-content:space-between;gap:16px;margin-bottom:20px}.rank,.currencies span{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 14px;background:#040a189e}.rank span,.rank small{color:#9fb0d5;font-size:11px;font-weight:800}.home-layout,.stage-layout,.upgrade-layout,.multi-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch;min-height:calc(100vh - 140px)}.home-idol{position:relative;display:grid;place-items:center;min-height:420px;border-radius:8px;background:linear-gradient(135deg,#ffffff14,#ffffff05)}.member-hero{width:min(300px,46vw);max-height:48vh;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 0 28px rgba(255,79,195,.34))}.speech,.tour-panel,.region-summary,.stage-card,.member-card,.product-card,.mission-list article,.multi-layout article,.clear-panel{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080f23bd;box-shadow:0 14px 38px #00000038}.speech{position:absolute;right:8%;bottom:24%;max-width:320px;padding:18px;color:#1b2340;background:#fff0e8eb}.tour-panel,.region-summary{padding:24px}.bottom-nav{position:absolute;z-index:3;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));justify-content:center}.bottom-nav button.active{background:linear-gradient(135deg,#ff4fc3,#7d58ff)}.back{position:relative;z-index:2;margin-bottom:14px}.japan-map{position:relative;z-index:1;width:min(980px,calc(100vw - 42px));height:min(590px,calc(100vh - 168px));margin:0 auto;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#071a3d}.map-art{position:absolute;inset:0;width:100%;height:100%;border-radius:8px;object-fit:cover;image-rendering:pixelated}.route-line{display:none}.map-node{position:absolute;width:132px;min-height:68px;border-color:color-mix(in srgb,var(--region),white 20%);background:#071226db;transform:translate(-50%,-50%)}.map-node.selected,.map-node.unlocked{box-shadow:0 0 26px color-mix(in srgb,var(--region),transparent 35%)}.map-node.locked{filter:saturate(.3);opacity:.68}.map-node span,.map-node small{display:block}.map-node small{color:#44ffb4;font-size:10px}.map-actions{position:absolute;z-index:2;right:42px;bottom:90px}.stage-list,.shop-list,.mission-list,.member-grid{position:relative;z-index:1;display:grid;gap:14px;align-content:start;padding-bottom:90px}.stage-card,.product-card,.mission-list article{display:flex;justify-content:space-between;gap:18px;padding:18px}.stage-card.locked{opacity:.62}.stage-actions{display:grid;gap:10px;justify-items:end;min-width:132px}.member-grid{grid-template-columns:repeat(auto-fit,minmax(172px,1fr))}.member-card{display:grid;gap:10px;justify-items:center;padding:16px;text-align:center}.member-portrait{width:112px;height:140px;object-fit:cover;image-rendering:pixelated}.member-card.selected{border-color:#ff4fc3}.upgrade-layout{grid-template-columns:.7fr 1fr;align-items:center;padding:8vh 8vw 90px}.penlight-hero{width:min(360px,70vw);height:auto;border-radius:8px;object-fit:contain;image-rendering:pixelated;box-shadow:0 0 42px #ff4fc352}.shop-list{max-width:980px;margin:0 auto}.mission-list{max-width:820px;margin:0 auto}.mission-list article{align-items:center}progress{width:min(240px,30vw);height:12px;accent-color:#ff4fc3}.multi-layout{grid-template-columns:repeat(3,minmax(0,1fr));min-height:auto}.multi-layout article{padding:20px}.multi-layout .disabled{opacity:.62}.game-screen{height:100%;min-height:100%;padding:0;background:#071226}#game-root{position:absolute;inset:0;width:100%;height:100%}#game-root canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:5;display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#030812ad}.hud span,.bossbar{position:relative;width:150px;height:18px;overflow:hidden;border-radius:999px;background:#ffffff24;font-size:10px;font-weight:900}.hud span b,.bossbar b{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#ff4fc3,#ffe36f)}.hud strong,.hud em{font-style:normal;font-weight:900}.bossbar{position:absolute;top:max(58px,calc(env(safe-area-inset-top) + 58px));left:max(14px,env(safe-area-inset-left));z-index:5;width:min(520px,72vw)}.touch{position:absolute;z-index:6;bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:12px}.left-touch{left:max(20px,env(safe-area-inset-left))}.right-touch{right:max(20px,env(safe-area-inset-right))}.touch button{width:72px;min-width:72px;height:72px;min-height:72px;padding:0;border-radius:50%;background:#080f23b3;backdrop-filter:blur(10px)}.pause{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:7}.clear-screen{display:grid;place-items:center;background:radial-gradient(circle at 72% 32%,rgba(255,79,195,.34),transparent 30%),linear-gradient(135deg,#101746,#071226)}.clear-panel{width:min(620px,calc(100vw - 32px));padding:28px;text-align:center}.stars{margin:20px 0;color:#ffe36f;font-size:54px;text-shadow:0 0 24px rgba(255,227,111,.64)}.clear-panel dl{display:grid;gap:10px;margin:0 0 20px}.clear-panel dl div{display:flex;justify-content:space-between}.rhythm-screen{display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,rgba(255,79,195,.4),transparent 32%),linear-gradient(#0b1240,#060914)}.concert{position:relative;z-index:1;display:grid;justify-items:center;gap:18px}.lanes{display:flex;gap:18px}.lanes i{width:90px;height:360px;border-radius:999px;background:linear-gradient(to top,#ff4fc3,transparent)}.theme-kyoto{background:radial-gradient(circle at 32% 30%,rgba(255,91,71,.28),transparent 34%),linear-gradient(135deg,#11183c,#183826)}.theme-osaka{background:radial-gradient(circle at 68% 24%,rgba(255,204,77,.28),transparent 34%),linear-gradient(135deg,#15122d,#362014)}.theme-okinawa{background:radial-gradient(circle at 62% 20%,rgba(40,215,198,.3),transparent 36%),linear-gradient(135deg,#073d55,#145948)}@media(max-width:760px){.topbar,.home-layout,.stage-layout,.upgrade-layout,.multi-layout,.stage-card,.product-card,.mission-list article{grid-template-columns:1fr}.topbar,.stage-card,.product-card,.mission-list article{display:grid}.currencies{justify-content:start}.home-layout,.stage-layout{min-height:auto;padding-bottom:96px}.bottom-nav{justify-content:start;overflow-x:auto;padding-bottom:2px}.touch button{width:58px;min-width:58px;height:58px;min-height:58px;font-size:11px}.touch{gap:8px}.hud{max-width:calc(100vw - 82px);overflow-x:auto}}