:root{font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;color:#f4f7fb;background:#0b111a;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 20%,#21334a,#101722 42%,#080c13)}#app{display:grid;place-items:center;padding:0}#game-root{position:relative;width:min(80vw,calc(80dvh * 16 / 9));height:auto;aspect-ratio:16 / 9;border:1px solid rgba(132,172,211,.22);border-radius:6px;overflow:hidden;box-shadow:0 8px 32px #00000061;touch-action:none;overscroll-behavior:none}#game-root canvas{position:absolute;top:50%;left:50%;margin:0!important;display:block;will-change:transform;backface-visibility:hidden}.title-logo-layer{position:absolute;z-index:2;top:0;left:50%;width:54.2%;aspect-ratio:1847 / 852;transform:translate(-50%);pointer-events:none}.title-logo-layer img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.title-logo-effect{opacity:.58;transform:scale(1.015);filter:blur(1.5px) saturate(1.18) drop-shadow(0 0 7px rgba(193,238,96,.78)) drop-shadow(0 0 15px rgba(255,218,77,.52));animation:title-logo-soft-glow 1s ease-in-out infinite alternate}.title-logo-image{z-index:1}@keyframes title-logo-soft-glow{0%{opacity:.42;transform:scale(1.005)}to{opacity:.68;transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.title-logo-effect{animation:none}}@supports (height: 100dvh){html,body,#app{height:100dvh}}html.mobile-device #game-root{width:min(100vw,calc(100dvh * 16 / 9));max-width:100vw;max-height:100dvh;border:0;border-radius:8px;box-shadow:inset 0 0 0 2px #84acd36b,0 8px 32px #00000075}#mobile-fullscreen-prompt{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;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));background:#060c12c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-fullscreen-card{display:grid;gap:12px;width:min(420px,92vw);padding:24px;border:2px solid #477858;border-radius:16px;color:#354f3c;background:#f5f0e4;text-align:center;box-shadow:0 14px 44px #00000080}.mobile-fullscreen-card strong{font-size:22px}.mobile-fullscreen-card span{color:#655d50;font-size:14px;line-height:1.5}.mobile-fullscreen-card button{min-height:48px;border:3px solid #705032;border-radius:12px;color:#fff;background:#3f7655;font:inherit;font-weight:800;cursor:pointer}