:root{font-family:Inter,"Pretendard","Malgun Gothic",system-ui,sans-serif;color:#edf9f6;background:#08181e;font-synthesis:none;--lime:#c4f77e;--muted:#8ea9aa}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e2ffa1;outline-offset:4px}button{transition:transform .15s,background .15s}button:hover{filter:brightness(1.08)}button:active{transform:scale(.97)}.hidden{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#loading{position:fixed;inset:0;background:#081b21;z-index:100;display:grid;place-content:center;text-align:center;color:var(--muted)}#loading img{width:min(450px,85vw)}#brand{position:fixed;top:30px;left:36px;z-index:5;font-size:14px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;gap:9px}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #bdf677}.version{font-size:9px;letter-spacing:1.8px;color:#82a2a4;margin-left:14px;border-left:1px solid #466268;padding-left:18px}#top-actions{position:fixed;right:28px;top:20px;z-index:12}.icon-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #648c8c40;background:#102930d9;border-radius:15px}.icon-button img{width:27px;height:27px;object-fit:contain}.screen{position:fixed;inset:0;z-index:8}#lobby{background:linear-gradient(90deg,rgba(5,20,26,.93),rgba(5,20,26,.67) 48%,rgba(5,20,26,.06) 85%);display:flex;align-items:center;padding:78px 8vw 70px}.welcome{width:425px;position:relative}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.4px;color:#a3c4b7}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px}.logo{width:360px;max-width:100%;margin:15px 0 6px -7px;filter:drop-shadow(0 12px 25px #0005)}h1{font-size:38px;line-height:1.25;margin:10px 0 14px;letter-spacing:-2px}h1 em{font-style:normal;color:var(--lime)}.intro{font-size:14px;line-height:1.8;color:#a4bcbd;margin:0 0 22px}.join-card{padding:22px;background:#0f2931ed;border:1px solid #73989e40;border-radius:22px;box-shadow:0 20px 60px #0003}.join-card label{font-size:10px;color:#aec6c6;font-weight:700;display:block;margin-bottom:8px}.join-card input{width:100%;height:45px;padding:0 14px;color:#f2fff5;background:#061c23;border:1px solid #365359;border-radius:10px;font-size:14px}.skin-preview{width:100%;background:transparent;display:flex;align-items:center;padding:10px 0;gap:10px;text-align:left}.skin-preview img{height:58px;width:68px;object-fit:contain}.skin-preview span{display:grid;gap:4px}.skin-preview small{font-size:8px;letter-spacing:1.5px;color:#8da9a9}.skin-preview strong{font-size:13px}.skin-preview b{margin-left:auto;font-size:10px;font-weight:500;color:#c2edaa}.primary{height:56px;border-radius:12px;background:var(--lime);color:#193920;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font-weight:900;font-size:16px;box-shadow:0 4px 0 #659743,0 10px 25px #76a93715}.primary img{width:25px;height:25px;object-fit:contain}.primary>span{font-size:23px;margin-left:auto;padding-right:8px}#play-button{padding-left:20px}.mode-note{display:flex;align-items:center;gap:5px;margin-top:17px;font-size:9px;color:#a3bbba}.mode-note i{height:5px;width:5px;background:#a7ec79;border-radius:50%}.mode-note span{margin-left:auto;color:#6c9194}.quick-rules{display:flex;justify-content:space-between;font-size:10px;color:#b2c5c5;padding:20px 4px}.quick-rules b{color:#729895;font-size:8px;margin-right:7px}.lobby-card{margin-left:auto;align-self:flex-end;margin-bottom:50px;padding:22px;border:1px solid #88b9b22e;background:#07242db8;border-radius:18px;width:235px;backdrop-filter:blur(10px)}.lobby-card h2{font-size:24px;line-height:1.4;margin:12px 0;letter-spacing:-1px}.lobby-card p{font-size:11px;line-height:1.8;color:#9ebdbb}.skin-faces{display:flex;gap:7px}.skin-faces img{width:50px;height:52px;object-fit:contain}footer{position:absolute;bottom:25px;left:8vw;right:8vw;color:#809c9f;font-size:10px;display:flex;gap:16px}footer a{margin-left:auto;color:#b2d7cc;text-decoration:none}.modal-screen{background:#04151cbd;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;overflow:auto}.panel{width:450px;max-width:100%;background:linear-gradient(145deg,#18383e,#0a242d);border:1px solid #91baba40;border-radius:26px;padding:34px;box-shadow:0 24px 80px #0006;text-align:center}.panel h2{font-size:28px;letter-spacing:-1px;margin:12px 0}.panel p{font-size:12px;color:#a9c3c2;line-height:1.7}.skins-panel{width:690px}.back-button{background:transparent;display:flex;gap:7px;align-items:center;font-size:11px;margin-bottom:20px;padding:0}.back-button img{width:20px;height:20px;object-fit:contain}#skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.skin-option{padding:15px 8px;border:1px solid #658b8b44;border-radius:15px;background:#071f28;display:grid;justify-items:center;gap:6px;position:relative}.skin-option.selected{border:2px solid var(--lime);background:#284935}.skin-option.selected:after{content:'✓';position:absolute;right:10px;top:8px;color:var(--lime)}.skin-option img{width:95px;height:87px;object-fit:contain}.skin-option strong{font-size:11px}.skin-option small{font-size:8px;letter-spacing:1px;color:#8faeac}.result-panel>#result-head{width:110px;height:100px;object-fit:contain;display:block;margin:18px auto 0}.score-label{display:block;font-size:10px;color:#a0bfb9;margin-top:25px}#final-score{display:block;font-size:58px;line-height:1.3;color:var(--lime);font-variant-numeric:tabular-nums;letter-spacing:-2px}.result-stats{display:flex;justify-content:space-around;border-top:1px solid #7b9c992e;padding:18px 0 24px;margin-top:12px}.result-stats small{display:block;font-size:9px;color:#9fb8b7;margin-bottom:7px}.result-stats b{font-size:15px}.text-button{padding:17px 10px 0;background:transparent;font-size:11px;color:#a5c1bd}.setting-row{display:flex;align-items:center;justify-content:space-between;width:100%;background:#08212a;border-radius:12px;padding:15px;margin:14px 0;font-size:13px}.setting-row span{display:flex;align-items:center;gap:10px}.setting-row img{width:25px;height:25px;object-fit:contain}.setting-row b{color:var(--lime)}.setting-row select{background:#183c43;color:#eaffed;border:1px solid #537273;border-radius:7px;padding:6px;font-size:11px}.help-text{font-size:11px;text-align:left;line-height:2;color:#9cb8b9;padding:10px 0 20px}#hud{position:fixed;inset:0;z-index:4;pointer-events:none}#hud button,#joystick{pointer-events:auto}.score-card{position:absolute;left:24px;top:24px;border:1px solid #8abaad38;background:#07212ac9;border-radius:17px;padding:14px 20px;min-width:145px;backdrop-filter:blur(8px)}.score-card>span{font-size:8px;letter-spacing:2px;color:#9bbdb8}.score-card>strong{display:block;font-size:33px;line-height:1.3;color:#e7ffc3;font-variant-numeric:tabular-nums}.score-card>small{font-size:10px;color:#9bb7b4}.score-card b{color:#e3efec;margin-left:3px}.score-card i{font-style:normal;margin:0 7px}.ranking{position:absolute;right:23px;top:80px;width:184px;border:1px solid #9bb8b02b;background:#06202abe;backdrop-filter:blur(8px);border-radius:15px;padding:13px}.ranking-title{display:flex;gap:6px;align-items:center;font-size:10px;font-weight:bold}.ranking-title img{width:23px;height:22px;object-fit:contain}.ranking-title small{margin-left:auto;font-size:7px;letter-spacing:1px;color:#86a7a3}.ranking ol{list-style:none;margin:10px 0;padding:0}.ranking li{display:flex;align-items:center;gap:6px;font-size:10px;padding:6px 0;color:#bacdca}.ranking li em{width:12px;font-style:normal;font-size:9px;color:#71928c}.ranking li i{width:5px;height:5px;border-radius:50%;flex:none}.ranking li b{font-size:9px;margin-left:auto;color:#dfebe7}.ranking li.mine{color:var(--lime)}#my-rank{border-top:1px solid #6d929047;padding-top:8px;font-size:9px;color:var(--lime)}#power-status{position:absolute;left:24px;top:145px;display:flex;gap:7px;flex-wrap:wrap;max-width:190px}.power-pill{background:#102e35d9;border:1px solid #87dcbb50;border-radius:10px;display:flex;align-items:center;padding:5px 8px;font-size:9px;gap:4px}.power-pill img{height:22px;width:22px;object-fit:contain}#toast{position:absolute;top:26px;left:50%;transform:translateX(-50%);font-size:11px;line-height:1.7;text-align:center;background:#102e36df;border:1px solid #d2f99b35;border-radius:20px;padding:8px 18px;max-width:45%;opacity:0;transition:opacity .3s}#toast.visible{opacity:1}.bottom-center{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:grid;text-align:center;gap:6px}.bottom-center span:first-child{font-size:14px;font-variant-numeric:tabular-nums}.bottom-center span:last-child{font-size:7px;letter-spacing:2px;color:#94b6ac}#pause-button{position:absolute;left:24px;top:205px;width:36px;height:36px}#pause-button img{width:20px;height:20px}#joystick{position:absolute;bottom:max(35px,env(safe-area-inset-bottom));left:38px;width:122px;height:122px;touch-action:none;border:1px solid #d0ffe637;background:#092e345e;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 25px #00151b80}.stick-guide{width:80px;height:80px;border:1px dashed #8adbb429;border-radius:50%;position:absolute}#joystick i{width:47px;height:47px;background:radial-gradient(circle at 35% 25%,#d1eae1,#68978f);border:2px solid #c4e7dd85;border-radius:50%;box-shadow:0 4px 15px #0006}.boost-wrap{position:absolute;right:34px;bottom:max(28px,env(safe-area-inset-bottom));width:110px;text-align:center}#boost-button{width:88px;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 20%,#d7ff98,#81c94b 65%,#487e37);border:3px solid #dbffac;border-radius:50%;box-shadow:0 0 0 6px #b0f78113,0 0 28px #acf85225;margin:auto;touch-action:none}#boost-button img{height:44px;width:44px;object-fit:contain}#boost-button span{font-size:9px;font-weight:900;letter-spacing:1px;color:#254726}.energy{height:5px;width:82px;border-radius:5px;background:#42605577;margin:13px auto 7px;overflow:hidden}.energy i{display:block;height:100%;width:100%;background:var(--lime);transition:width .1s}.boost-wrap>small{font-size:7px;color:#9cb8b0}body.playing #brand{display:none}body.playing #top-actions{top:23px;right:24px}
@media(min-width:1500px){.welcome{width:460px}#lobby{padding-left:12vw;padding-right:12vw}.logo{width:420px}h1{font-size:44px}.lobby-card{width:260px}}@media(max-height:760px) and (min-width:701px){#lobby{padding-top:65px}.logo{width:280px;margin-top:8px}h1{font-size:30px;margin:4px 0 8px}.intro{font-size:12px;margin-bottom:14px}.join-card{padding:16px}.welcome{width:370px}.quick-rules{padding:15px 0}.lobby-card{margin-bottom:25px}}@media(max-width:700px){#brand{top:20px;left:20px;font-size:12px}.version{display:none}#top-actions{top:14px;right:15px}.icon-button{width:39px;height:39px;border-radius:12px}#lobby{justify-content:center;padding:65px 22px 50px;background:linear-gradient(0deg,#061b23e8,#061b23b8 75%,#061b2320)}.welcome{width:min(365px,100%)}.eyebrow{font-size:8px;letter-spacing:1.9px}.logo{width:300px;display:block;margin:13px auto 5px}h1{text-align:center;font-size:30px;margin:10px 0}.intro{text-align:center;font-size:12px;margin-bottom:19px}.welcome>.eyebrow{text-align:center}.join-card{padding:18px;border-radius:19px}.quick-rules{font-size:9px;padding:19px 0}.lobby-card{display:none}footer{left:22px;right:22px;bottom:18px;font-size:8px;gap:0}footer>span{display:none}.panel{padding:24px 20px;border-radius:22px}.panel h2{font-size:24px}#skin-grid{gap:9px;margin:20px 0}.skin-option{padding:12px 5px}.skin-option img{width:72px;height:65px}.skin-option strong{font-size:9px}.skin-option small{font-size:7px}.skins-panel>.eyebrow{font-size:7px}.score-card{left:15px;top:17px;min-width:118px;padding:11px 14px}.score-card>strong{font-size:28px}.ranking{right:14px;top:70px;width:145px;padding:10px}.ranking-title{font-size:9px}.ranking li{font-size:9px;padding:5px 0}.ranking li b{font-size:8px}#power-status{left:15px;top:130px;max-width:120px}#pause-button{left:15px;top:215px}#toast{top:auto;bottom:180px;max-width:80%;width:max-content;font-size:10px;padding:8px 14px}#joystick{left:24px;bottom:34px;width:112px;height:112px}.boost-wrap{right:19px;bottom:27px}body.playing #top-actions{top:16px;right:14px}.bottom-center{bottom:25px}.result-panel>#result-head{height:80px;margin-top:12px}.result-panel h2{font-size:25px}#final-score{font-size:48px}}@media(max-height:650px) and (max-width:700px){#lobby{padding:60px 25px 30px}.logo{width:210px;margin:4px auto}h1{font-size:25px;margin:4px}.intro{margin:5px 0 10px;font-size:10px}.join-card{padding:12px}.skin-preview{padding:4px 0}.skin-preview img{height:43px}.join-card input{height:36px}.primary{height:46px}.quick-rules{padding:14px 0}.mode-note{margin-top:12px}.welcome>.eyebrow{display:none}footer{bottom:10px}.modal-screen{padding:12px}.panel{padding:17px}.result-panel>#result-head{height:55px}.result-panel .score-label{margin-top:10px}.result-stats{padding:12px 0 18px}.skins-panel .back-button{margin-bottom:10px}#skin-grid{margin:12px 0}}@media(max-height:500px) and (min-width:701px){#lobby{padding:60px 5vw 20px}.welcome{width:350px}.logo{width:210px}h1,.intro,.quick-rules{display:none}.welcome>.eyebrow{font-size:7px}.join-card{padding:12px}.skin-preview img{height:40px}.skin-preview{padding:3px 0}.join-card input{height:34px}.primary{height:44px}.mode-note{margin-top:10px}.lobby-card{margin-bottom:30px}footer{bottom:10px}.panel{padding:16px 24px}.skins-panel{width:650px}.skins-panel h2{font-size:20px;margin:6px}.skins-panel p,.skins-panel>.eyebrow{display:none}.back-button{margin-bottom:8px}#skin-grid{grid-template-columns:repeat(6,1fr);margin:12px 0}.skin-option img{width:64px;height:66px}.skin-option strong{font-size:8px}.result-panel>#result-head{display:none}.result-panel h2{font-size:20px}.result-panel .score-label{margin-top:8px}#final-score{font-size:38px}.result-stats{padding:10px 0;margin-top:5px}.help-text{font-size:10px;line-height:1.5}.settings-panel{width:500px}.setting-row{padding:8px;margin:8px 0}.settings-panel h2{font-size:20px;margin:5px}#joystick{width:96px;height:96px;bottom:20px}#boost-button{width:72px;height:72px}.boost-wrap{bottom:15px}.ranking{top:70px}#pause-button{top:150px}}