:root{color:#eff5ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shell-padding:14px;--project-panel-width:280px;--game-frame-width:1480px;--game-frame-height:832px;background:radial-gradient(circle at top,#ff8c4238,#0000 30%),linear-gradient(#06101d 0%,#0b1630 48%,#09111c 100%);font-family:Malgun Gothic,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}button{font:inherit;-webkit-font-smoothing:antialiased}.app-shell{grid-template-columns:minmax(180px, var(--project-panel-width)) minmax(0, 1fr);min-height:100vh;padding:var(--shell-padding);gap:16px;display:grid}.project-panel{background:linear-gradient(#0f1b33f2,#09111fe6);border:1px solid #8bb7ff33;border-radius:28px;padding:24px;box-shadow:0 24px 80px #00000047}.project-kicker{color:#ffb36b;letter-spacing:.18em;margin:0 0 12px;font-size:12px;font-weight:800}.project-panel h1{margin:0 0 16px;font-size:clamp(28px,3.2vw,42px);line-height:1.08}.project-panel--release{background:radial-gradient(circle at 100% 0,#ff954a33,#0000 34%),linear-gradient(#0e1b34fa,#070f1df0)}.project-copy{color:#ccd7ee;margin:0 0 18px;line-height:1.7}.project-list{color:#dfe8fa;margin:0;padding-left:18px;line-height:1.8}.project-panel[data-compact=true] .project-copy{font-size:14px;line-height:1.6}.project-panel[data-compact=true] .project-list{display:none}.release-card-grid{gap:12px;margin-bottom:16px;display:grid}.release-card{background:#0a1527d6;border:1px solid #b7d4ff24;border-radius:20px;padding:14px 16px;box-shadow:inset 0 0 0 1px #ffffff05}.release-card-label{color:#ffbe7d;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.release-card strong{margin-bottom:6px;font-size:16px;display:block}.release-card p{color:#cad6ec;margin:0;font-size:13px;line-height:1.55}.release-pill-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.release-pill{color:#e5eefb;letter-spacing:.03em;background:#112542f0;border:1px solid #b7d4ff29;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.release-support-note{background:#41230c3d;border:1px solid #ffc48129;border-radius:18px;padding:16px}.release-support-note strong{color:#ffcf9d;letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:900;display:block}.release-support-note span{color:#f1f5ff;font-size:13px;line-height:1.6;display:block}.meta-panel{gap:18px;margin-top:24px;display:grid}.meta-section{background:#0a1323b8;border:1px solid #7eaaff24;border-radius:22px;padding:18px}.meta-section-header{margin-bottom:14px}.meta-section-header h2,.meta-section-header h3{margin:0 0 6px;font-size:18px}.meta-section-header p{color:#aebedc;margin:0;font-size:13px;line-height:1.5}.meta-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.meta-stat{background:#132847c7;border:1px solid #b7d4ff1f;border-radius:16px;padding:12px}.meta-stat-label{color:#9fb2d5;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;display:block}.meta-stat strong{font-size:16px}.meta-grid{gap:10px;display:grid}.meta-progress-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.meta-inline-card,.meta-inline-note{background:#0d192cd1;border:1px solid #b7d4ff1f;border-radius:18px;padding:14px 16px}.meta-inline-card strong,.meta-inline-note strong{margin-bottom:6px;font-size:14px;display:block}.meta-inline-card p,.meta-inline-card span,.meta-inline-note span{color:#cad6ec;margin:0;font-size:13px;line-height:1.55}.meta-inline-note{margin-bottom:12px}.meta-card{background:#112037e0;border:1px solid #b7d4ff24;border-radius:18px;gap:10px;padding:14px;display:grid}.meta-card-wide{grid-template-columns:minmax(0,1fr) auto;align-items:center}.meta-card.is-featured,.meta-card.is-equipped{border-color:#ffd16670;box-shadow:inset 0 0 0 1px #ffd1661f}.meta-card.is-muted{opacity:.84}.meta-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.meta-card strong{font-size:15px}.meta-card p{color:#c5d0e7;margin:0;font-size:13px;line-height:1.55}.meta-tag{color:#ffe3a4;letter-spacing:.06em;background:#ffd16624;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.meta-reward-line{color:#ffddb9;font-size:13px}.meta-economy-line{color:#9eb4d6;font-size:12px;line-height:1.55}.meta-passive-pill{color:#dbe8ff;background:#132847e0;border:1px solid #b7d4ff24;border-radius:14px;justify-content:center;align-items:center;min-width:150px;min-height:40px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.meta-option-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.meta-choice-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.meta-ranking-list{gap:8px;display:grid}.meta-ranking-row{background:#0d192cd1;border:1px solid #b7d4ff1f;border-radius:14px;gap:4px;padding:10px 12px;display:grid}.meta-ranking-row.is-player{border-color:#ffd1666b;box-shadow:inset 0 0 0 1px #ffd1661f}.meta-ranking-row span{color:#ffddb9;letter-spacing:.06em;font-size:11px;font-weight:800}.meta-ranking-row strong{font-size:14px}.meta-ranking-row small{color:#9eb4d6;font-size:12px}.meta-checklist-list{gap:10px;display:grid}.meta-checklist-row{background:#0d192cd1;border:1px solid #b7d4ff1f;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.meta-checklist-copy{gap:4px;display:grid}.meta-checklist-copy strong{font-size:14px}.meta-checklist-copy p,.meta-checklist-copy small{margin:0;line-height:1.55}.meta-checklist-copy small{color:#9eb4d6;font-size:12px}.meta-status-pill{letter-spacing:.06em;border:1px solid #b7d4ff1f;border-radius:999px;justify-content:center;align-items:center;min-width:74px;min-height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.meta-status-pill.is-pass{color:#a4ffd4;background:#216a4352;border-color:#72ffb82e}.meta-status-pill.is-warn{color:#ffe0a4;background:#80581f57;border-color:#ffd0752e}.meta-status-pill.is-manual{color:#b9d3ff;background:#2e477a57;border-color:#89aeff2e}.skin-chip{background:linear-gradient(135deg, var(--skin-accent), transparent 55%), linear-gradient(135deg, var(--skin-tint), #1e2944 80%);border:1px solid #ffffff14;border-radius:14px;width:100%;height:42px}.meta-button{color:#eff5ff;cursor:pointer;background:linear-gradient(#274b7de6,#152c4cf5);border:1px solid #b7d4ff38;border-radius:14px;min-height:40px;padding:0 14px;font-weight:800;transition:transform .14s,background .14s,opacity .14s}.meta-button:hover:not(:disabled){background:linear-gradient(#35609bf2,#183456fa);transform:translateY(-1px)}.meta-button.is-selected{background:linear-gradient(#795021f5,#4e3415fa);border-color:#ffd16680;box-shadow:inset 0 0 0 1px #ffd1662e}.meta-button:disabled{opacity:.48;cursor:default}.meta-button-danger{background:linear-gradient(#7c2727eb,#4a1717fa);border-color:#ff9a9a38}.meta-button-danger:hover:not(:disabled){background:linear-gradient(#963030f2,#581c1cfa)}.game-stage{min-width:0;min-height:calc(100dvh - var(--shell-padding) * 2);align-content:start;justify-items:center;gap:12px;display:grid}.game-frame{width:min(100%, var(--game-frame-width));height:var(--game-frame-height);aspect-ratio:16/9;background:radial-gradient(circle,#ff8c4214,#0000 45%),linear-gradient(#0b1222f2,#060b14fa);border:1px solid #7eaaff38;border-radius:28px;max-width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 32px 100px #00000057}.fullscreen-toggle{top:calc(12px + env(safe-area-inset-top));z-index:4;color:#eff5ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;background:#07111fb8;border:1px solid #b7d4ff38;border-radius:999px;min-width:84px;min-height:44px;padding:0 16px;font-size:13px;font-weight:800;position:absolute;right:12px}.install-toggle{top:calc(12px + env(safe-area-inset-top));z-index:4;color:#fff7ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;background:#c45b12c7;border:1px solid #ffd16638;border-radius:999px;min-width:104px;min-height:44px;padding:0 16px;font-size:13px;font-weight:900;position:absolute;right:104px}.install-toggle[hidden]{display:none}.install-toast{top:calc(56px + env(safe-area-inset-top));z-index:4;color:#fff3de;text-align:right;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07111fd1;border:1px solid #ffd16633;border-radius:16px;max-width:min(320px,100% - 24px);min-height:38px;padding:10px 14px;font-size:12px;font-weight:700;line-height:1.45;position:absolute;right:12px}.install-toast[hidden],.fullscreen-toggle[data-supported=false],.fullscreen-toggle[data-standalone=true]{display:none}.fullscreen-toggle[data-active=true]{background:#c45b12bd;border-color:#ffd29466}.game-frame[data-orientation=portrait-warning]:after{content:"모바일은 가로 모드에서 가장 잘 보입니다";z-index:3;color:#ffe3a4;letter-spacing:.04em;background:#08111fd6;border:1px solid #ffd16647;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:12px;right:12px}.game-container{position:absolute;inset:0}.game-stage-caption{color:#9eb4d6;text-align:center;margin:0;font-size:13px;line-height:1.5}.game-loading{z-index:2;text-align:center;color:#eff5ff;background:radial-gradient(circle,#ffb36b24,#0000 38%),linear-gradient(#060b14c7,#08111feb);align-content:center;place-items:center;gap:8px;display:grid;position:absolute;inset:0}.game-loading p,.game-loading span{margin:0}.game-loading p{letter-spacing:.02em;font-size:22px;font-weight:800}.game-loading span{color:#c7d4ec;font-size:14px}.game-loading[data-state=error] p{color:#ffb1a0}.game-container canvas{image-rendering:auto;display:block;width:100%!important;height:100%!important}.touch-controls{pointer-events:none;touch-action:none;overscroll-behavior:contain;--touch-edge:max(16px, env(safe-area-inset-bottom));--touch-nav-size:78px;--touch-main-size:84px;--touch-aux-size:54px;--touch-nav-gap:12px;position:absolute;inset:0}.touch-left,.touch-right,.touch-up,.touch-down,.touch-jump,.touch-action{pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;color:#f3f8ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.02em;background:#07111f70;border:1px solid #b7d4ff2e;place-items:center;font-size:18px;font-weight:800;transition:transform .12s,opacity .14s,background .14s;display:grid;position:absolute;box-shadow:0 12px 24px #0000002e}.touch-left,.touch-right{bottom:var(--touch-edge);width:var(--touch-nav-size);height:var(--touch-nav-size);border-radius:999px}.touch-left{left:20px}.touch-right{left:calc(20px + var(--touch-nav-size) + var(--touch-nav-gap))}.touch-jump,.touch-up,.touch-down,.touch-action{width:var(--touch-main-size);height:var(--touch-main-size);border-radius:50%}.touch-up,.touch-down{right:calc(20px + var(--touch-main-size) + 14px);width:var(--touch-aux-size);height:var(--touch-aux-size);background:#144c5980;font-size:22px}.touch-up{bottom:calc(var(--touch-edge) + var(--touch-aux-size) + 10px)}.touch-down{bottom:var(--touch-edge)}.touch-jump{right:20px;bottom:var(--touch-edge);background:#1a34588f}.touch-action{right:20px;bottom:calc(var(--touch-edge) + var(--touch-main-size) + 12px);width:calc(var(--touch-main-size) - 8px);height:calc(var(--touch-main-size) - 8px);background:#c45b1294}.touch-controls[data-hidden=true]{display:none}.touch-controls[data-mode=compact]{--touch-edge:max(12px, env(safe-area-inset-bottom));--touch-nav-size:62px;--touch-main-size:70px;--touch-aux-size:46px;--touch-nav-gap:10px}.touch-controls[data-mode=compact] .touch-left,.touch-controls[data-mode=compact] .touch-right,.touch-controls[data-mode=compact] .touch-jump,.touch-controls[data-mode=compact] .touch-action{font-size:15px}.touch-controls[data-mode=compact] .touch-up,.touch-controls[data-mode=compact] .touch-down{font-size:18px}.touch-controls[data-mode=micro]{--touch-edge:max(10px, env(safe-area-inset-bottom));--touch-nav-size:52px;--touch-main-size:58px;--touch-aux-size:40px;--touch-nav-gap:8px}.touch-controls[data-mode=micro] .touch-left,.touch-controls[data-mode=micro] .touch-right,.touch-controls[data-mode=micro] .touch-jump,.touch-controls[data-mode=micro] .touch-action{font-size:13px;font-weight:900}.touch-controls[data-mode=micro] .touch-up,.touch-controls[data-mode=micro] .touch-down{font-size:16px}.app-shell[data-shell-mode=release] .project-panel[data-compact=true] .release-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell[data-shell-mode=release] .project-panel[data-compact=true] .release-card p{font-size:12px}.touch-controls button[data-visible=false]{opacity:0;pointer-events:none;transform:scale(.88)}.touch-controls button:active,.touch-controls button.is-active{background:#ff8c42db;border-color:#ffdfab70;transform:scale(.94);box-shadow:0 12px 24px #0000002e,0 0 0 3px #ffb7752e}@media (width<=1080px){.app-shell{grid-template-columns:1fr;gap:12px}.project-panel{order:2;padding:18px}.game-stage{order:1;min-height:auto}.meta-stats,.meta-card-wide,.meta-progress-strip,.meta-choice-row{grid-template-columns:1fr}.game-frame{border-radius:22px}}.app-shell[data-immersive-mobile=true]{background:#000;grid-template-columns:1fr;gap:0;min-height:100dvh;padding:0}.app-shell[data-immersive-mobile=true] .project-panel{display:none}.app-shell[data-immersive-mobile=true] .game-stage{gap:0;min-height:100dvh}.app-shell[data-immersive-mobile=true] .game-frame{aspect-ratio:auto;width:100vw;max-width:100vw;height:100dvh;box-shadow:none;border:0;border-radius:0}.app-shell[data-immersive-mobile=true] .install-toggle,.app-shell[data-immersive-mobile=true] .fullscreen-toggle{top:calc(10px + env(safe-area-inset-top))}.app-shell[data-immersive-mobile=true] .install-toggle{right:110px}.app-shell[data-immersive-mobile=true] .install-toast{top:calc(52px + env(safe-area-inset-top))}.app-shell[data-immersive-mobile=true] .game-stage-caption{display:none}@media (width<=640px){.app-shell{gap:10px}.project-panel{border-radius:22px;padding:16px}.game-frame{border-radius:18px}.game-stage-caption{font-size:12px}.install-toggle{min-width:96px;min-height:42px;padding:0 14px;font-size:12px;right:100px}.fullscreen-toggle{min-width:76px;min-height:42px;padding:0 14px;font-size:12px}.install-toast{font-size:11px}}@media (pointer:coarse) and (height<=540px){.game-stage-caption{display:none}}@media (pointer:fine){.touch-controls{display:none}}
