/* 10-13: 게임 박스 폭 100%(max-width 금지) — 월드 가로 크기는 js/lunar.js fitWorld() 가 래퍼 폭·높이 cap 으로 정하고 --lunar-ar 로 비율을 넘긴다 */
#lunar-wrap{--lunar-bg:#0a1218;--lunar-panel:#111d25;--lunar-line:#314148;--lunar-muted:#9caaa9;--lunar-light:#e8ebdf;--lunar-green:#abd7bd;--lunar-gold:#dac592;width:100%;margin:22px auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;user-select:none;-webkit-user-select:none;color:var(--lunar-light);background:var(--lunar-bg);border:1px solid var(--lunar-line);border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #12202b20;box-sizing:border-box}#lunar-wrap *{box-sizing:border-box}#lunar-wrap button{font:inherit;cursor:pointer}#lunar-wrap button:focus-visible{outline:3px solid #dac592;outline-offset:-4px}.lunar-intro,.lunar-description .quiz_doc{max-width:none;margin:12px auto!important;text-align:left!important;font-size:14px!important;line-height:1.8!important;color:#65716e}.lunar-description{padding:14px 20px!important;text-align:left!important}.lunar-description .quiz_doc{margin:0!important}.lunar-mission-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #ffffff0c;font-size:10px;letter-spacing:2px;color:#b8c8c1}.lunar-mission-strip b{font-size:11px;font-weight:700;letter-spacing:3px}.lunar-mission-strip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lunar-green);margin-right:9px}.lunar-mission-strip span{font-size:9px;color:#7f9290}#lunar-hud{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 20px;background:var(--lunar-panel);border-bottom:1px solid #ffffff08}.lunar-hud-group{display:flex;gap:22px;align-items:center}.lunar-hud-block{display:flex;flex-direction:column;align-items:flex-start;min-width:42px}.lunar-hud-label{font-size:9px;letter-spacing:1.3px;color:var(--lunar-muted);line-height:1.5}.lunar-hud-val{font:500 20px ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--lunar-light);line-height:1.4}#lunar-level-val,#lunar-fuel-val{color:var(--lunar-gold)}#lunar-lives-val{font-size:14px;color:#c1cecb;letter-spacing:2px}.lunar-gauge{height:3px;width:100px;background:#ffffff12;overflow:hidden;margin-top:3px;border-radius:2px}.lunar-gauge-fill{height:100%;background:var(--lunar-green);transform-origin:left center;transition:transform .1s linear;will-change:transform}#lunar-sound-btn,#lunar-fs-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border:1px solid #47534d;border-radius:8px;background:#ffffff04;color:#d1d7c9;font-size:18px;padding:0 9px}#lunar-sound-btn{font-size:11px}#lunar-canvas-wrap{position:relative;width:100%;aspect-ratio:var(--lunar-ar,4/3);background:#03070b;line-height:normal;overflow:hidden}#lunar-canvas{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto;touch-action:none}#lunar-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#040a10a6;padding:14px;overflow:auto}#lunar-overlay.hide{display:none}#lunar-overlay-card{width:min(100%,430px);max-height:100%;overflow:auto;border:1px solid #485b5670;border-radius:14px;padding:24px;background:#111c24f5;box-shadow:0 18px 65px #0005;text-align:left}.lunar-craft-preview{width:72px;height:81px;display:block;margin:0 auto 12px}.lunar-eyebrow{color:#9eb5a5;font:10px ui-monospace,monospace;letter-spacing:2px;margin-bottom:10px}.lunar-ov-title{font-size:25px;font-weight:750;letter-spacing:-.6px;line-height:1.25;color:var(--lunar-light);margin:0 0 12px}.lunar-ov-sub{font-size:13px;line-height:1.7;color:#a5b5b4;margin:0 0 14px;word-break:keep-all}.lunar-ov-story{border-left:2px solid #738775;background:#ffffff03;padding:11px 13px;font-size:13px;line-height:1.8;color:#c0cac5;text-align:left;margin-bottom:16px;word-break:keep-all}.lunar-ov-story b{color:var(--lunar-gold)}.lunar-btn-row{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-start;margin-top:10px}.lunar-btn{font-size:14px!important;font-weight:700!important;padding:12px 18px;min-height:46px;letter-spacing:0;border-radius:8px;border:1px solid #657a6e;background:#1c2d2c;color:#d8e0d7}.lunar-btn.primary{background:#c1d5b9;border-color:#c1d5b9;color:#1d3027;flex:1}.lunar-btn:active{filter:brightness(.92)}.lunar-controls{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;gap:8px;padding:12px;background:var(--lunar-panel);border-top:1px solid #314148}.lunar-ctrl-btn{font-size:13px!important;font-weight:700!important;letter-spacing:0;min-height:58px;padding:9px 4px;border:1px solid #41564e;background:#192c2c;color:#bdcec5;border-radius:9px;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.lunar-ctrl-btn small{display:block;font-size:9px;font-weight:400;color:#869b93;margin-top:3px}.lunar-ctrl-btn[data-ctrl=main]{color:#e0d9b5;background:#34392e;border-color:#676c50}.lunar-ctrl-btn.pressed{background:#bbd4bc!important;color:#1a3425!important}.lunar-ctrl-btn.pressed small{color:#365744}.lunar-keyguide{padding:11px 17px;margin:0;font-size:12px;color:#90a39e;text-align:left;line-height:1.8;border-top:1px solid #ffffff08}.lunar-keyguide .kg-title{font-size:11px;font-weight:700;color:#c0cdc6}.lunar-keyguide kbd{padding:1px 5px;background:#263933;color:#d4ddd2;border-radius:3px;font:11px ui-monospace,monospace}.kg-sep{margin:0 5px;color:#526961}.lunar-ranking{text-align:left!important;font-size:14px!important}.lunar-ranking h3{font-size:18px!important}.lunar-audio-note{display:block;margin-top:5px;color:#839891;font-size:11px}#lunar-wrap:fullscreen,#lunar-wrap:-webkit-full-screen,#lunar-wrap.lunar-pseudo-fs{width:100vw;max-width:none;height:100vh;height:100dvh;margin:0!important;padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left));background:#03070b;display:flex;flex-direction:column;align-items:center;border:0;border-radius:0;overflow:auto}#lunar-wrap.lunar-pseudo-fs{position:fixed!important;inset:0;z-index:99999!important}body.lunar-pseudo-fs-active{overflow:hidden!important}#lunar-wrap:fullscreen>*,#lunar-wrap:-webkit-full-screen>*,#lunar-wrap.lunar-pseudo-fs>*{width:min(100%,calc((100dvh - 170px)*var(--lunar-ar,1.3333)));flex-shrink:0}#lunar-wrap:fullscreen .lunar-mission-strip,#lunar-wrap:-webkit-full-screen .lunar-mission-strip,#lunar-wrap.lunar-pseudo-fs .lunar-mission-strip{display:none}#lunar-wrap:fullscreen .lunar-keyguide,#lunar-wrap:-webkit-full-screen .lunar-keyguide,#lunar-wrap.lunar-pseudo-fs .lunar-keyguide{display:none}#lunar-wrap:fullscreen #lunar-canvas-wrap,#lunar-wrap:-webkit-full-screen #lunar-canvas-wrap,#lunar-wrap.lunar-pseudo-fs #lunar-canvas-wrap{aspect-ratio:var(--lunar-ar,4/3)}
@media(max-width:700px){#lunar-wrap{margin:14px auto;border-radius:12px}#lunar-hud{padding:10px 12px;gap:8px}.lunar-hud-group{gap:12px}.lunar-hud-val{font-size:17px}.lunar-hud-block{min-width:32px}.lunar-gauge{width:70px}.lunar-mission-strip{padding:12px}.lunar-mission-strip span{font-size:8px;letter-spacing:1px}.lunar-controls{padding:8px;gap:6px}.lunar-ctrl-btn{min-height:54px;font-size:12px!important}.lunar-keyguide{font-size:11px;padding:9px 12px}.lunar-intro,.lunar-description .quiz_doc{font-size:13px!important}#lunar-overlay{padding:8px}#lunar-overlay-card{padding:16px}.lunar-ov-title{font-size:20px;margin-bottom:8px}.lunar-ov-story{font-size:12px;padding:8px 10px;margin-bottom:10px}.lunar-ov-sub{font-size:12px;margin-bottom:8px}.lunar-craft-preview{width:42px;height:47px;float:right;margin:-4px 0 4px 8px}.lunar-btn{min-height:44px;padding:10px 12px;font-size:13px!important}.lunar-btn-row{margin-top:6px}.lunar-eyebrow{font-size:8px;letter-spacing:1px}}
@media(max-width:380px){#lunar-hud{gap:6px}.lunar-hud-group{gap:8px}#lunar-hud>.lunar-hud-group:last-child{width:100%;justify-content:space-between}#lunar-sound-btn,#lunar-fs-btn{height:36px;min-width:44px}.lunar-hud-val{font-size:16px}.lunar-mission-strip span{display:none}.lunar-ctrl-btn small{font-size:8px}#lunar-overlay-card{padding:12px}.lunar-ov-story{line-height:1.6}.lunar-ov-title{font-size:18px}.lunar-keyguide .kg-sep{margin:0 2px}}
@media(max-height:500px) and (orientation:landscape){#lunar-wrap:fullscreen,#lunar-wrap:-webkit-full-screen,#lunar-wrap.lunar-pseudo-fs{display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:1fr 1fr;gap:8px;padding:8px}#lunar-wrap:fullscreen #lunar-canvas-wrap,#lunar-wrap:-webkit-full-screen #lunar-canvas-wrap,#lunar-wrap.lunar-pseudo-fs #lunar-canvas-wrap{grid-column:1;grid-row:1/3;width:100%;max-height:calc(100dvh - 16px);height:100%;aspect-ratio:auto}#lunar-wrap:fullscreen #lunar-hud,#lunar-wrap:-webkit-full-screen #lunar-hud,#lunar-wrap.lunar-pseudo-fs #lunar-hud{grid-column:2;grid-row:1;width:100%;align-self:end;padding:10px;gap:12px;border-radius:10px}#lunar-wrap:fullscreen .lunar-controls,#lunar-wrap:-webkit-full-screen .lunar-controls,#lunar-wrap.lunar-pseudo-fs .lunar-controls{grid-column:2;grid-row:2;width:100%;align-self:start;grid-template-columns:1fr 1fr;border-radius:10px}#lunar-wrap:fullscreen .lunar-hud-group,#lunar-wrap:-webkit-full-screen .lunar-hud-group,#lunar-wrap.lunar-pseudo-fs .lunar-hud-group{gap:10px;flex-wrap:wrap}.lunar-craft-preview{display:none}}
@media(prefers-reduced-motion:reduce){.lunar-gauge-fill{transition:none}}