@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--bg:#101311;--panel:#191d19;--line:#2a3028;--muted:#7f897b;--lime:#d3f988;--white:#edf0e8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button:hover{filter:brightness(1.15)}.rail{position:fixed;inset:0 auto 0 0;width:76px;background:#141813;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;z-index:5}.brand{color:var(--lime);width:36px;height:36px;margin:26px 0 25px}.brand svg{width:100%}.rail-line{width:28px;height:1px;background:var(--line);margin-bottom:25px}.rail-btn{width:42px;height:42px;border:0;background:transparent;border-radius:11px;display:grid;place-items:center;margin-bottom:15px;color:#75816e}.rail-btn.selected{background:#293322;color:var(--lime)}.rail-btn svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rail-bottom{margin-top:auto;margin-bottom:27px;display:flex;flex-direction:column;align-items:center;gap:9px}.online-dot,.green-dot,.status>span,.footer-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);display:inline-block}.rail-label{font-size:9px;letter-spacing:1px;color:#6e7c66}.app{margin-left:76px}header{height:78px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-family:'Space Grotesk',sans-serif;font-size:11px;letter-spacing:1.5px;color:#89917f}.breadcrumb span{color:#4b5447;margin:0 16px}.breadcrumb strong{font-weight:500;color:#c6cdbf}.header-right{display:flex;align-items:center;gap:24px}.version{font-size:10px;color:#859077;border:1px solid #343d2c;padding:4px 7px;border-radius:4px}.by{font-size:9px;letter-spacing:1px;color:#74806c}.by b{color:#c1ccb6;margin-left:5px;font-size:11px;letter-spacing:0}.circle-btn{height:32px;width:32px;border-radius:50%;border:1px solid #343c30;background:transparent;position:relative;font-size:19px}.sound-slash{position:absolute;left:16px;top:5px;color:#d3f988}main{max-width:1500px;margin:0 auto;padding:34px 40px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2px;color:var(--lime);display:flex;align-items:center;gap:9px}.eyebrow>span{height:5px;width:5px;background:var(--lime)}h1{font-family:'Space Grotesk',sans-serif;font-size:46px;letter-spacing:-2px;margin:10px 0 9px;line-height:1.1;font-weight:600}h1>span{color:var(--lime)}.title-dot{color:var(--white)}.intro p{color:#91998a;font-size:12px;margin:0}.best{display:flex;align-items:center;gap:15px;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(120deg,#1d241a,#171b16)}.trophy{color:var(--lime);font-size:28px}.best small{color:#88947d;font-family:'Space Grotesk';font-size:9px;letter-spacing:1.4px;display:block}.best strong{font-family:'Space Grotesk';font-size:26px;display:block;margin-top:3px;letter-spacing:1px}.best-label{font-size:10px;color:#69775f;margin:18px 0 0 10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 284px;gap:22px}.game-column{min-width:0}.game-top{background:#1c211b;border:1px solid #30372b;border-bottom:0;border-radius:11px 11px 0 0;height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 18px}.arena-label{font:10px 'Space Grotesk';letter-spacing:1.3px;display:flex;align-items:center;gap:9px;color:#c4cdb8}.stage-tag{font-size:8px;letter-spacing:.7px;color:#8d9b7f;border:1px solid #3a4630;padding:3px 5px;margin-left:4px;border-radius:3px}.game-actions{display:flex;gap:14px}.game-actions button{background:none;border:0;padding:0;color:#96a28a;font-size:16px;display:flex;align-items:center}.game-actions svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.arena{height:548px;position:relative;overflow:hidden;background:#17251f;border:1px solid #34412f;touch-action:none}canvas{display:block;width:100%;height:100%}.game-hud{position:absolute;inset:22px 22px auto;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:1}.health{width:142px}.health-label{display:flex;justify-content:space-between;font-size:10px;color:#cad3bf;margin-bottom:6px}.health-label>span{color:#fa9a82}.health-label b{color:#e0e4d5;font-weight:500;margin-left:5px}.health-label small{font-size:8px;color:#8d9b81}.health-track{background:#233128;border:1px solid #455140;padding:2px;height:9px;border-radius:3px}.health-track i{height:3px;display:block;background:#e28b73;border-radius:1px;width:100%;transition:width .2s}.clock{text-align:center;margin-top:-4px}.clock small{font-size:8px;letter-spacing:1.7px;color:#acb79b;display:block}.clock b{font:29px 'Space Grotesk';color:#eef4df;display:block;margin-top:2px}.kill-count{display:flex;align-items:center;gap:7px;padding-top:7px;min-width:142px;justify-content:flex-end}.kill-count>span{color:#a6b998;font-size:17px}.kill-count b{font:18px 'Space Grotesk'}.kill-count small{font-size:8px;letter-spacing:1px;color:#91a380}.wave-pill{position:absolute;top:83px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;white-space:nowrap;background:#15241ded;border:1px solid #3c5337;border-radius:20px;padding:7px 12px;font-size:9px;color:#b1c2a0}.wave-pill>span{width:4px;height:4px;border-radius:50%;background:var(--lime)}.wave-pill i{color:#6b7e5e;font-style:normal}.overlay{position:absolute;inset:0;display:flex;align-items:center;padding-left:7%;background:linear-gradient(90deg,#101e18e8 0%,#101e18c7 36%,#101e1810 68%);z-index:2}.start-card{max-width:380px;margin-top:10px}.tiny-tag{font:9px 'Space Grotesk';letter-spacing:1.6px;color:var(--lime)}.start-card h2{font-size:38px;line-height:1.4;letter-spacing:-1.7px;margin:17px 0;color:#f1f3df;font-weight:800}.start-card p{font-size:12px;line-height:1.9;color:#a5b09a;margin-bottom:26px}.primary{background:var(--lime);color:#223016;border:0;border-radius:6px;padding:14px 22px;font-size:13px;font-weight:700;min-width:188px;display:flex;justify-content:space-between;align-items:center;gap:28px;box-shadow:0 3px 0 #9bb76133}.primary span{font-size:20px;font-weight:400}.start-hint{font-size:9px;color:#89977d;margin-top:16px;display:flex;gap:9px;align-items:center}.start-hint span{font:9px 'Space Grotesk';border:1px solid #536047;border-radius:3px;padding:4px 6px;letter-spacing:2px}.xp-bottom{position:absolute;bottom:17px;left:22px;right:22px;pointer-events:none;z-index:3}.xp-caption{display:flex;justify-content:space-between;color:#b5c79a;font:9px 'Space Grotesk';margin-bottom:6px}.xp-caption b{font-weight:500;color:var(--lime)}.xp-track{height:5px;background:#35412e;border-radius:3px;overflow:hidden}.xp-track i{display:block;background:var(--lime);height:100%;width:0;transition:width .2s}.game-bottom{height:39px;background:#1b211a;border:1px solid #30372b;border-top:0;border-radius:0 0 10px 10px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:8px 'Space Grotesk';letter-spacing:1px;color:#7b8970}.status{display:flex;align-items:center;gap:7px}.status>span{width:4px;height:4px}.status b{font-weight:400;color:#a9b999}.game-bottom>span b{margin-left:5px;color:var(--lime);font-weight:500}.seed{color:#5e6c54}.controls{display:flex;align-items:center;justify-content:space-between;padding:16px 2px}.controls>div{display:flex;align-items:center;gap:5px}.key{padding:4px 6px;min-width:22px;text-align:center;font:9px 'Space Grotesk';border:1px solid #394131;border-radius:4px;background:#1b2018;color:#b9c4ac;box-shadow:0 2px #090c08}.key.arrows{letter-spacing:1px}.or{color:#59624f;font-size:10px;margin:0 4px}.control-label{font-size:10px;color:#8a967e;margin-left:5px}.control-divider{height:12px;width:1px;background:#343e2a;margin:0 11px}.auto-icon{color:var(--lime);font-size:18px}.sidebar{display:flex;flex-direction:column;gap:16px}.character-card,.loadout{border:1px solid #30372b;border-radius:10px;background:#191e18;padding:18px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h3{font:10px 'Space Grotesk';letter-spacing:1.3px;color:#b9c3ab;margin:0}.section-heading>span{font:9px 'Space Grotesk';color:#69775e}.character-art{height:134px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#30433188,transparent 68%)}.character-art svg{width:163px;height:125px}.art-spark{position:absolute;color:#9ab875}.art-spark.a{top:37px;right:44px;font-size:12px}.art-spark.b{bottom:32px;left:42px;font-size:10px;color:#627553}.character-name{display:flex;justify-content:space-between;align-items:center}.character-name h2{font-size:18px;margin:5px 0;font-weight:700}.character-name h2 span{font:11px 'Space Grotesk';margin-left:6px;color:#7e8d72}.class-tag{font:8px 'Space Grotesk';color:var(--lime);background:#2e3b23;padding:4px 6px;border-radius:3px;letter-spacing:.7px}.character-desc{font-size:10px;color:#87947b;line-height:1.9;margin:7px 0 16px}.stats{border-top:1px solid #30382a;padding-top:10px}.stats>div{display:flex;justify-content:space-between;padding:6px 0;font-size:10px;color:#95a287}.stats b{font:12px 'Space Grotesk';color:#d8e2ca}.stats small{font-size:8px;color:#758567;margin-left:3px}.loadout{padding:17px 16px}.weapon-row{display:flex;align-items:center;gap:10px;margin:16px 0 12px}.weapon-icon{width:36px;height:36px;border:1px solid #566341;background:#35412a;border-radius:7px;display:grid;place-items:center;color:#e3cb84;font-size:25px}.weapon-row>div:nth-child(2){flex:1}.weapon-row b{display:block;font-size:11px;font-weight:500}.weapon-row small{display:block;font-size:8px;color:#839374;margin-top:4px}.weapon-level{font:9px 'Space Grotesk';color:var(--lime)}.empty-slot{display:flex;align-items:center;gap:10px;margin:7px 0;color:#67765c;font-size:9px}.empty-slot>span{height:28px;width:36px;border:1px dashed #3c4932;border-radius:5px;display:grid;place-items:center;font-size:16px;color:#4f6142}.tip-card{padding:16px;display:flex;gap:12px;border:1px solid #39462c;background:#202919;border-radius:8px}.tip-icon{color:var(--lime);font-size:24px}.tip-card h3{font-size:11px;margin:0 0 5px;color:#d4e5bf;font-weight:500}.tip-card p{font-size:9px;line-height:1.8;color:#91a37c;margin:0}.goal{padding:0 2px}.goal>span{font:8px 'Space Grotesk';letter-spacing:1.5px;color:#748568}.goal>b{font:22px 'Space Grotesk';display:block;margin:7px 0 10px;color:#bccbac}.goal small{font:10px 'Noto Sans KR';color:#829373;margin-left:6px}.goal>div{height:3px;background:#2f3a27;border-radius:2px}.goal i{height:100%;display:block;background:var(--lime);width:0}footer{border-top:1px solid #283024;margin-top:18px;padding:22px 0;display:flex;justify-content:space-between;color:#63715a;font-size:9px}footer>div{display:flex;gap:8px;align-items:center;font:8px 'Space Grotesk';letter-spacing:1px}footer b{color:#93ac73;font-size:15px;margin-left:8px}.footer-dot{width:4px;height:4px;background:#748965}.hidden{display:none!important}.pause-overlay,.level-overlay{position:absolute;inset:0;background:#101b16ed;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(4px)}.pause-overlay h2{font-size:27px;margin:18px 0 28px}.level-heading{text-align:center}.level-heading>span{font:12px 'Space Grotesk';letter-spacing:3px;color:var(--lime)}.level-heading h2{font-size:24px;margin:12px 0}.level-heading p{font-size:11px;color:#92a380;margin:0 0 24px}#upgradeChoices{display:flex;gap:12px;padding:0 22px;width:100%;justify-content:center}.upgrade{background:#26311f;border:1px solid #536b3a;border-radius:8px;width:30%;padding:20px 12px;text-align:left;min-height:160px;transition:transform .2s}.upgrade:hover{transform:translateY(-5px);background:#344227;border-color:var(--lime)}.upgrade .up-icon{font-size:27px;color:var(--lime);display:block;margin-bottom:13px}.upgrade b{display:block;font-size:13px}.upgrade p{color:#a6b897;font-size:10px;line-height:1.8;margin:10px 0 0}.upgrade small{font:9px 'Space Grotesk';color:#d3f988;display:block;margin-top:10px}dialog{background:#1b241a;color:var(--white);border:1px solid #50613d;border-radius:12px;width:min(440px,90vw);padding:32px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{font-size:23px}dialog p{font-size:12px;line-height:1.9;color:#a4b496}dialog .primary{margin-top:25px;width:100%}.dialog-close{position:absolute;right:15px;top:9px;border:0;background:none;color:#a4b496;font-size:24px}.mobile-stick{display:none;position:absolute;width:100px;height:100px;border:1px solid #d3f98855;border-radius:50%;background:#1b281955;bottom:65px;left:30px;pointer-events:none}.mobile-stick>div{position:absolute;width:38px;height:38px;left:30px;top:30px;border-radius:50%;background:#d3f98866}.result-stats{display:flex;gap:30px;margin:0 0 24px;font:24px 'Space Grotesk';color:var(--lime)}.result-stats small{font:9px 'Noto Sans KR';display:block;color:#8f9e82;margin-top:6px}.result-overlay{background:#101e18ed;justify-content:center;padding:20px;text-align:center}.result-overlay .primary{margin:0 auto}.result-overlay .start-card{margin:0;max-width:100%}.result-overlay h2{font-size:35px}.result-overlay .result-stats{justify-content:center}
@media(min-width:1500px){.arena{height:610px}.sidebar{gap:20px}.character-art{height:160px}.character-card{padding:22px}.character-desc{margin-bottom:22px}.loadout{padding:22px}.tip-card{padding:20px}}
@media(max-width:1100px){main{padding:28px 25px 0}header{padding:0 25px}.workspace{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.arena{height:520px}.controls{flex-wrap:wrap;gap:14px}.start-card h2{font-size:32px}.seed{display:none}.character-card{padding:15px}.best-label{display:none}h1{font-size:40px}.upgrade{padding:16px 10px}.upgrade b{font-size:11px}}
@media(max-width:850px){.rail{width:58px}.app{margin-left:58px}header{height:62px;padding:0 22px}.by{display:none}main{padding:26px 22px 0}.workspace{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.character-art{float:left;width:110px;height:116px;margin:8px 10px 4px -10px}.character-art svg{width:115px}.art-spark{display:none}.character-name{margin-top:15px}.character-name h2 span{display:none}.character-desc{font-size:9px;min-height:42px}.character-card .stats{clear:both}.tip-card{align-items:center}.goal{padding:14px 8px}.arena{height:520px}.intro{margin-bottom:24px}.best{padding:12px}.best strong{font-size:23px}.best small{font-size:8px}footer>span{max-width:48%;line-height:1.6}.brand{width:29px}.rail-btn{width:36px}}
@media(max-width:560px){.rail{display:none}.app{margin-left:0}header{padding:0 18px;height:54px}.breadcrumb{font-size:8px;letter-spacing:1px}.breadcrumb span{margin:0 8px}.header-right{gap:12px}main{padding:24px 14px 0}.intro{align-items:flex-start}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:31px;letter-spacing:-1.5px;margin-top:12px}.intro p{font-size:9px;max-width:220px;line-height:1.8}.best{gap:7px;padding:10px 8px;margin-top:19px}.best small{font-size:6px;letter-spacing:.5px}.best strong{font-size:20px}.trophy{font-size:21px}.game-top{padding:0 12px;height:41px}.arena-label{font-size:8px;letter-spacing:.8px;gap:6px}.stage-tag{font-size:6px;margin:0}.arena{height:510px}.game-hud{inset:18px 13px auto}.health{width:95px}.kill-count{min-width:95px}.clock b{font-size:25px}.clock small{font-size:6px}.kill-count small{font-size:6px}.kill-count b{font-size:16px}.wave-pill{top:74px;font-size:8px}.overlay{padding-left:7%;background:linear-gradient(90deg,#101e18ee,#101e18c7 60%,#101e1855)}.start-card h2{font-size:33px}.tiny-tag{font-size:7px}.start-card p{font-size:11px}.controls{justify-content:center;padding:16px 0}.controls>div{gap:4px}.control-label{font-size:9px}.key{font-size:8px;padding:4px 5px}.game-bottom{font-size:7px;padding:0 12px}.sidebar{grid-template-columns:1fr 1fr;gap:10px}.character-card,.loadout{padding:13px}.section-heading h3{font-size:8px}.character-art{float:none;width:100%;height:104px;margin:0}.character-name{margin:0}.character-name h2{font-size:16px}.class-tag{font-size:6px}.character-desc{font-size:8px;min-height:0}.stats>div{font-size:8px}.stats b{font-size:10px}.weapon-row{gap:7px;flex-wrap:wrap}.weapon-icon{width:30px;height:30px}.weapon-row b{font-size:10px}.weapon-row small{font-size:7px}.weapon-level{margin-left:37px}.empty-slot{font-size:8px;gap:6px;margin:11px 0}.empty-slot>span{width:28px;min-width:28px}.tip-card{padding:12px;gap:7px}.tip-card p{font-size:8px}.tip-card h3{font-size:9px}.tip-icon{font-size:19px}.goal>b{font-size:20px}.goal small{font-size:8px;margin:0}footer{font-size:8px;margin-top:22px}footer>div{font-size:6px;letter-spacing:.4px}.upgrade{min-height:155px;padding:13px 9px;width:100%}#upgradeChoices{gap:8px;padding:0 12px}.upgrade b{font-size:10px}.upgrade p{font-size:9px}.upgrade small{font-size:8px}.level-heading h2{font-size:21px}.level-heading p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}