:root{color:#f6e5c9;font-synthesis:none;text-rendering:optimizelegibility;--coral:#e97868;--sand:#c99a58;--ink:#252b31;--teal:#35a5d3;--purple:#80436f;--panel:#1d1a1feb;--safe-top:max(16px, env(safe-area-inset-top));--safe-right:max(16px, env(safe-area-inset-right));--safe-bottom:max(16px, env(safe-area-inset-bottom));--safe-left:max(16px, env(safe-area-inset-left));background:#17151b;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{touch-action:none;overscroll-behavior:none;background:#17151b;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#app{background:radial-gradient(circle at 50% 20%,#e9786829,#0000 38%),#17151b;width:100vw;height:100dvh;position:relative}#game-shell,#game-root{position:absolute;inset:0;overflow:hidden}#game-root canvas{display:block}#ui-layer{pointer-events:none;position:absolute;inset:0}.screen-panel,.modal-panel,.rotate-panel{text-align:center;padding:calc(var(--safe-top) + 24px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 24px);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen-panel.is-visible,.modal-panel.is-visible,.rotate-panel.is-visible{display:flex}.screen-panel{background:linear-gradient(#17151b6b,#17151bc7),radial-gradient(circle at 50% 42%,#c99a583d,#0000 45%)}.eyebrow{color:var(--coral);letter-spacing:.24em;text-transform:uppercase;font-size:clamp(.7rem,2vw,.82rem);font-weight:800}h1{color:#fff5e2;letter-spacing:-.09em;text-shadow:0 8px #2e2727,0 18px 50px #00000073;margin:.12em 0 0;font-size:clamp(4.2rem,16vw,8rem);line-height:.9}h1 span{color:var(--coral)}h2{color:#fff5e2;margin:.2em 0 .6em;font-size:clamp(1.8rem,6vw,3rem)}.menu-copy{color:#d7c7ae;max-width:34rem;margin:1.5rem 0 2rem;font-size:clamp(.95rem,2.5vw,1.12rem);line-height:1.8}.primary-button,.secondary-button,.icon-button,.upgrade-card,.update-toast button{cursor:pointer;border:0;border-radius:14px;min-width:48px;min-height:48px;transition:transform .14s,filter .14s,background .14s}.primary-button{color:#211c1d;background:linear-gradient(135deg, #f19a73, var(--coral));min-width:min(19rem,78vw);padding:.95rem 2rem;font-size:1.1rem;font-weight:900;box-shadow:0 7px #8d443d,0 16px 32px #00000059}.secondary-button{color:#f6e5c9;background:#ffffff14;border:1px solid #ffffff21;margin-top:.85rem;padding:.75rem 1.35rem;font-weight:800}.menu-info-link{justify-content:center;align-items:center;min-width:min(19rem,78vw);text-decoration:none;display:inline-flex}button:hover{filter:brightness(1.08)}button:active{transform:translateY(3px)}button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button:disabled{opacity:.42;cursor:not-allowed}.menu-info-link:hover{filter:brightness(1.08)}.menu-info-link:active{transform:translateY(3px)}.menu-info-link:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.control-hints{color:#a99c8b;flex-wrap:wrap;justify-content:center;gap:.6rem 1.4rem;margin-top:2rem;font-size:.8rem;display:flex}.control-hints span{align-items:center;gap:.35rem;display:flex}kbd{background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;padding:.18rem .38rem;box-shadow:0 2px #0006}.hud{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;display:none;position:absolute;inset:0}.hud.is-visible{display:block}.hud-top{grid-template-columns:minmax(150px,290px) 1fr 48px;align-items:start;gap:12px;display:grid}.vital-block,.timer-block,.hud-bottom{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c191cc7;border:1px solid #ffffff1c;box-shadow:0 8px 28px #00000047}.vital-block{border-radius:14px;padding:10px 12px}.bar-label{justify-content:space-between;margin-bottom:5px;font-size:.72rem;display:flex}.bar-label span{color:var(--coral);font-weight:900}.bar-label strong{color:#fff5e2}.bar{background:#ffffff17;border-radius:99px;height:9px;overflow:hidden}.bar+.bar{height:5px;margin-top:5px}.bar i{transform-origin:0;width:100%;height:100%;transition:transform .12s linear;display:block}.hp-bar i{background:linear-gradient(90deg, #c65048, var(--coral))}.xp-bar i{background:linear-gradient(90deg, #226b87, var(--teal))}.timer-block{text-align:center;border-radius:14px;justify-self:center;min-width:120px;padding:8px 18px}.timer-block span{color:#a99c8b;font-size:.66rem;display:block}.timer-block strong{color:#fff5e2;font-variant-numeric:tabular-nums;font-size:1.5rem}.icon-button{pointer-events:auto;color:#fff5e2;background:#1c191cd1;border:1px solid #ffffff1c;font-weight:900}.hud-bottom{left:var(--safe-left);bottom:var(--safe-bottom);max-width:calc(100% - var(--safe-left) - var(--safe-right));color:#dacbb7;border-radius:12px;align-items:center;gap:.7rem;padding:8px 12px;font-size:.75rem;display:flex;position:absolute}.build-list{gap:5px;display:flex;overflow:hidden}.build-chip{color:#fff5e2;white-space:nowrap;background:#e9786833;border-radius:99px;padding:3px 7px}.modal-panel{z-index:20;background:radial-gradient(circle at 50% 45%,#544036a3,#141216f5 60%)}.modal-panel.compact p{color:#b9a994}.upgrade-cards{grid-template-columns:repeat(3,minmax(0,240px));gap:14px;width:min(780px,94vw);display:grid}.upgrade-card{text-align:left;color:#eadcc6;background:linear-gradient(165deg,#503d37fa,#272327fa);border:1px solid #ffffff1f;flex-direction:column;align-items:flex-start;min-height:210px;padding:1.25rem;display:flex;box-shadow:0 12px 30px #00000054}.upgrade-card .card-icon{font-size:2rem}.upgrade-card strong{color:#fff5e2;margin-top:.8rem;font-size:1.08rem}.upgrade-card small{color:var(--coral);margin-top:.22rem;font-weight:800}.upgrade-card p{color:#bfae99;margin:.8rem 0 0;line-height:1.55}.result-stats{grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;width:min(420px,88vw);margin:0 0 1.25rem;display:grid}.result-stat{background:#ffffff12;border-radius:12px;padding:14px}.result-stat span{color:#a99c8b;font-size:.72rem;display:block}.result-stat strong{color:#fff5e2;margin-top:4px;font-size:1.2rem;display:block}.joystick{z-index:10;pointer-events:none;background:#201d2066;border:2px solid #ffffff2b;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;display:none;position:absolute}.joystick.is-visible{display:block}.joystick i{width:54px;height:54px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));background:#e97868bf;border-radius:50%;margin:-27px;position:absolute;top:50%;left:50%;box-shadow:0 5px 12px #00000059}.rotate-panel{z-index:50;background:#17151b}.rotate-icon{color:var(--coral);font-size:5rem;animation:1.7s ease-in-out infinite rotate-pulse}.rotate-panel p{color:#a99c8b}.update-toast{z-index:60;right:var(--safe-right);bottom:var(--safe-bottom);color:#f6e5c9;pointer-events:auto;background:#252b31;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:none;position:absolute}.update-toast.is-visible{display:flex}.update-toast button{color:#211c1d;background:var(--coral);padding:.55rem .8rem;font-weight:900}@keyframes rotate-pulse{0%,to{transform:rotate(-15deg)}50%{transform:rotate(65deg)}}@media (pointer:coarse){.control-hints span:first-child{display:none}}@media (max-width:760px){.upgrade-cards{grid-template-columns:1fr;gap:9px;width:min(420px,92vw)}.upgrade-card{min-height:0;padding:.9rem 1rem}.upgrade-card .card-icon{display:none}.upgrade-card strong{margin-top:0}.upgrade-card p{margin-top:.4rem;font-size:.84rem}.hud-top{grid-template-columns:minmax(130px,1fr) auto 48px}.timer-block{min-width:92px;padding-inline:9px}.timer-block strong{font-size:1.18rem}.hud-bottom{right:var(--safe-right)}.build-list{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}