@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Outfit:wght@400;600;700;800&display=swap');
:root{--bg:#0c1115;--panel:#141c21;--line:#2a3439;--muted:#8e9ca6;--lime:#c5f66a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef3ef;font-family:Outfit,'Noto Sans KR',sans-serif;font-size:14px}button,select,input,textarea{font:inherit}button{cursor:pointer;background:#202b31;border:1px solid var(--line);color:#f3f7f5;border-radius:8px;padding:10px 14px;transition:.18s}button:hover{border-color:var(--lime);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}header{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{color:white;text-decoration:none;display:flex;gap:10px;align-items:center;font-weight:800;font-size:22px;letter-spacing:1px}.brand:first-letter,.lime{color:var(--lime)}nav{display:flex;align-items:center;gap:20px}nav button{border:0;background:none;color:var(--muted)}.online{font-size:10px;color:var(--lime);letter-spacing:1.3px}#rating{padding:10px 15px;background:#1e2523;border:1px solid #4d5a37;border-radius:8px;color:#d9e6b6;font-size:12px}main{max-width:1500px;margin:auto;padding:0 5% 40px}.intro{display:flex;height:300px;justify-content:space-between;align-items:center;overflow:hidden}small{font-size:10px;letter-spacing:2px;color:var(--lime)}h1{font-size:40px;line-height:1.35;letter-spacing:-1.5px;margin:18px 0}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted);line-height:1.8}.hero{position:relative;width:40%;height:300px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#44462b60,transparent 68%)}.hero img{width:265px;height:265px;object-fit:contain;filter:drop-shadow(0 20px 30px #0008);transform:rotate(-9deg)}.hero span{position:absolute;bottom:22px;right:5px;font-size:9px;letter-spacing:2px;color:var(--muted)}.orbit{position:absolute;width:260px;height:260px;border:1px solid #c5f66a22;border-radius:50%;outline:1px solid #c5f66a11;outline-offset:25px}.workspace{display:grid;grid-template-columns:1.05fr 1fr .78fr;gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sectiontitle h2{font-size:16px;margin:0}.sectiontitle h2 b{color:var(--lime);margin-right:9px;font-size:12px}.sectiontitle>span{font-size:9px;color:var(--muted);letter-spacing:1px}.filters{display:flex;gap:5px;margin-bottom:18px}.filters button{padding:7px 10px;font-size:11px}.active{background:var(--lime)!important;color:#17200c!important;border-color:var(--lime)!important}#roster{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:600px;overflow:auto;padding-right:4px}.poke{padding:8px 2px;background:#192329;position:relative;min-height:113px}.poke img{width:65px;height:65px;display:block;margin:auto;image-rendering:auto}.poke strong{font-size:11px;display:block}.poke .tag{font-size:8px;margin-top:5px}.poke.selected{background:#263322;border:1px solid var(--lime);box-shadow:inset 0 0 20px #c5f66a08}.tag{display:inline-block;padding:3px 7px;border-radius:4px;font-size:10px;background:color-mix(in srgb,var(--type) 20%,transparent);color:var(--type)}.profile{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.profile img{width:85px;height:85px}.profile h2{margin:0 0 8px;font-size:23px}.profile small{color:var(--muted);letter-spacing:0;font-size:10px}label{display:block;color:#a5b2b9;font-size:11px;margin:18px 0 9px}select{width:100%;background:#0e161a;color:white;border:1px solid var(--line);border-radius:7px;padding:11px;outline:none}.stathead{display:flex;justify-content:space-between;margin-top:22px;font-size:12px}.statrow{display:grid;grid-template-columns:48px 1fr 32px;align-items:center;gap:10px;height:32px;font-size:11px}.statrow b{text-align:right;color:var(--lime)}input[type=range]{accent-color:var(--lime);width:100%;height:4px}.presets{display:flex;gap:5px;margin:10px 0}.presets button{font-size:10px;padding:6px 8px}.moveRow{margin-top:10px;display:grid;grid-template-columns:35px 1fr;gap:8px;align-items:center}.moveRow select{padding:8px;font-size:11px}.moveDesc{font-size:10px;color:var(--muted);margin:5px 0 0 43px;line-height:1.6}kbd{border:1px solid #4a555b;background:#263137;padding:4px 6px;border-radius:4px;font-size:10px}.match h2{font-size:24px;margin:12px 0 22px}.rulesmini{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:24px;font-size:10px;color:var(--muted)}.primary{background:var(--lime);color:#17200c;border:0;font-weight:800;width:100%;padding:15px}.primary span{float:right}.hint{font-size:10px;text-align:center}.controls{margin-top:18px}.controls h3{font-size:11px;letter-spacing:2px;margin:0 0 20px}.controls p{font-size:11px}.footnote{font-size:9px;padding:0 10px}.guide{margin-top:30px}.guide h1{font-size:28px}.guide h2{font-size:18px}textarea{background:#0c1115;border:1px solid var(--line);width:100%;height:65px;color:#b2c6aa;font-size:10px;margin:8px 0}#peer p{font-size:11px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#e7f7cf;color:#17200c;border-radius:8px;padding:12px 20px;z-index:20;display:none}#battle{position:fixed;inset:0;background:#0c171a;z-index:10;touch-action:none;user-select:none}canvas{width:100%;height:100%;display:block}.battleTop{position:absolute;top:20px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;pointer-events:none}.battleTop>div:not(.timer){width:35%;background:#111c22e8;border:1px solid #40534a;border-radius:10px;padding:12px}.battleTop h3{margin:0 0 8px;font-size:16px}.hp{height:9px;background:#323c41;border-radius:8px;overflow:hidden}.hp i{display:block;height:100%;background:var(--lime);transition:width .15s}.enemy .hp i{background:#ff8176}.battleTop small{color:#bec8c8;letter-spacing:0}.timer{font-size:28px;padding:14px;font-weight:800}.battleBottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:15px}#skillbar{display:flex;gap:8px}.skill{width:100px;height:77px;position:relative;border-color:color-mix(in srgb,var(--type) 40%,#263337);background:#131e24ed;padding:8px}.skill b{display:block;font-size:11px;margin:6px 0}.skill small{font-size:9px;color:var(--type);letter-spacing:0}.skill .cd{position:absolute;inset:0;background:#071017d9;display:grid;place-items:center;font-size:24px;border-radius:7px}#battleLabel{font-size:10px;letter-spacing:2px;color:var(--lime)}#announce{position:absolute;top:43%;width:100%;text-align:center;font-size:55px;font-weight:900;pointer-events:none;text-shadow:0 5px 30px #000}.modal{position:fixed;inset:0;background:#000a;z-index:30;display:grid;place-items:center;backdrop-filter:blur(8px)}.modal .panel{width:360px;text-align:center;padding:35px}.modal h1{color:var(--lime)}[hidden]{display:none!important}#joystick,#aimzone{display:none}@media(max-width:1100px){main{padding:0 3% 30px}.workspace{grid-template-columns:1fr 1fr}.workspace aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls{margin:0}.intro h1{font-size:32px}header{padding:0 3%}nav{gap:4px}.online{display:none}}@media(max-width:650px){header{height:65px}.brand{font-size:14px}nav button{font-size:10px;padding:5px}#rating{font-size:9px;padding:6px}.intro{height:230px}.intro h1{font-size:25px}.intro p{font-size:11px;max-width:220px}.intro small{font-size:8px}.hero{width:35%;overflow:visible}.hero img{width:155px;height:155px}.hero span,.orbit{display:none}.workspace{display:block}.panel{padding:16px;margin-bottom:14px}#roster{max-height:270px;grid-template-columns:repeat(3,1fr)}.workspace aside{display:block}.battleTop{top:10px;left:10px;right:10px;gap:6px}.battleTop h3{font-size:12px}.battleTop>div:not(.timer){width:42%;padding:9px}.timer{font-size:18px;padding:10px 0}.battleBottom{left:8px;right:8px;bottom:12px;justify-content:flex-end;align-items:flex-end}#battleLabel{display:none}#skillbar{display:grid;grid-template-columns:repeat(2,74px);gap:5px}.skill{width:74px;height:61px;padding:4px}.skill b{font-size:9px}.battleBottom>button{font-size:9px;padding:7px;position:absolute;bottom:142px;right:0}#joystick{display:block;position:absolute;bottom:35px;left:25px;width:110px;height:110px;background:#bedacd12;border:1px solid #c5f66a44;border-radius:50%}#joystick i{position:absolute;width:42px;height:42px;border-radius:50%;background:#c5f66a66;top:33px;left:33px}#aimzone{display:block;position:absolute;right:25px;bottom:165px;color:#c5f66a77;font-size:9px;pointer-events:none}.battleTop small{font-size:9px}}