:root{--paper:#f4f0e5;--ink:#263e42;--muted:#77888a;--teal:#3e7777;--pink:#dc927c;--line:#d9ded5;--white:#fffdf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid #df9d6f;outline-offset:4px}[hidden]{display:none!important}.app{max-width:1080px;margin:auto;padding:24px 30px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ced6cc;padding-bottom:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font-family:Jua,sans-serif;font-size:25px;line-height:1.2}.brand small{display:block;font-family:inherit;font-size:9px;letter-spacing:2px;margin-top:5px;color:var(--muted)}.snow-logo{font-size:45px;color:#638d8b}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:10px}.intro{padding:46px 0 30px;position:relative}.stamp{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;color:#6f8985}.intro h1,.lobby-heading h1{font-family:Jua,sans-serif;font-weight:400;font-size:55px;line-height:1.12;letter-spacing:-1.5px;margin:16px 0}.intro h1 span{color:#497776}.intro p,.lobby-heading p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}.select-shell{background:var(--white);border:1px solid #d9dfd2;border-radius:25px;padding:26px;box-shadow:0 5px 0 #e2e2d7}.pick-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}h2{font-family:Jua,sans-serif;font-weight:400;margin:0;font-size:24px}.species-tabs{display:flex;gap:5px;background:#e9eee5;border-radius:12px;padding:4px}.species-tabs button{padding:9px 16px;border:0;border-radius:9px;font-size:12px;background:none;color:#83918a}.species-tabs button.active{background:#fffdf7;color:#3e6c68;box-shadow:0 2px 5px #35585210;font-weight:800}.fighter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.fighter-card{position:relative;border:1px solid #d8dfd3;border-radius:18px;background:#f0f4ec;padding:16px 12px;text-align:center;color:var(--ink);transition:transform .15s,border .15s}.fighter-card:nth-child(2){background:#faf0df}.fighter-card:nth-child(3){background:#f7eae2}.fighter-card:hover{transform:translateY(-3px)}.fighter-card.selected{border:2px solid #548380;padding:15px 11px;box-shadow:inset 0 0 0 3px #fff9}.fighter-card .selected-mark{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#548380;color:white;font-size:12px}.fighter-card svg{width:100%;height:160px;display:block;overflow:hidden}.fighter-card b{display:block;font-family:Jua,sans-serif;font-size:23px;margin-top:5px}.fighter-card .breed{display:block;color:#8b9990;font-size:10px;margin:3px 0 12px}.skill-pill{display:inline-block;padding:6px 10px;border-radius:8px;background:#fff9;font-size:11px;color:#557375;font-weight:700}.fighter-card p{font-size:10px;line-height:1.7;color:#82918a;margin:8px 0 0}.start-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:24px;border-top:1px dashed #d5dfd3;padding-top:20px}.start-row label{font-size:10px;color:var(--muted);display:block;flex:1;max-width:240px}.start-row input{display:block;margin-top:7px;width:100%;padding:12px 14px;border:1px solid #d4dcd0;border-radius:11px;background:white;font-size:13px;color:var(--ink)}.start-actions{display:flex;gap:9px}.primary,.secondary{border-radius:12px;padding:13px 18px;font-size:12px;font-weight:700}.primary{background:var(--teal);border:1px solid #316464;color:white;box-shadow:0 3px 0 #294f50}.primary span{margin-left:10px}.secondary{background:#fffdf7;border:1px solid #d6ded3;color:#5e7a77}.notice{font-size:11px;color:#8b8373;line-height:1.8;margin:12px 0 0;min-height:20px}.cheer-intro{display:flex;gap:18px;justify-content:center;align-items:center;padding:30px 0 18px}.cheer-art{display:flex;position:relative;align-items:end;justify-content:center}.cheer-art svg{width:65px;height:70px;overflow:hidden}.cheer-art .cheer-one{position:relative;animation:cheer 3.6s ease-in-out infinite}.cheer-art .cheer-one:nth-child(2){animation-delay:.7s}.cheer-art .cheer-one:after{content:'⚑';position:absolute;right:-3px;top:15px;color:#dc9478;font-size:19px;transform:rotate(10deg)}.cheer-intro p{font-size:11px;color:#929987;line-height:1.9}.cheer-intro b{font-size:12px;color:#6d8576}.lobby-heading{padding:36px 0 24px}.lobby-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center}.lobby-players{display:flex;align-items:center;justify-content:center;gap:35px;margin-bottom:22px}.lobby-player{width:180px}.lobby-player svg{width:130px;height:145px;display:block;margin:auto}.lobby-player b{display:block;font-family:Jua;font-size:23px}.lobby-player small{display:block;color:var(--muted);font-size:11px;margin:6px 0}.lobby-player .ready{color:#397875;font-weight:700}.lobby-player.empty{border:1px dashed #d3ddd1;border-radius:18px;padding:40px 10px;color:#a2aa9c}.versus{font-family:Jua;font-size:25px;color:#d2957c}.invite-line{display:flex;gap:8px;margin:20px 0}.invite-line input{min-width:0;flex:1;border:1px solid var(--line);padding:10px;border-radius:10px;background:#f5f5ed;color:#829188;font-size:10px}.lobby-card>.primary{min-width:200px}.back-link{margin:15px 0}.battle-top{display:flex;align-items:center;gap:15px;margin:22px 0 16px}.battle-top>.text-button{margin-left:auto}.connection{font-size:10px;color:#809286;display:flex;align-items:center;gap:6px}.connection i{width:6px;height:6px;background:#73a883;border-radius:50%}.connection.offline i{background:#d49c7e}.scoreboard{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.player-score{flex:1;max-width:300px;display:grid;grid-template-columns:50px 1fr;gap:8px;align-items:center}.player-score svg{width:50px;height:54px;overflow:hidden}.player-score:last-child{direction:rtl}.player-score:last-child>*{direction:ltr}.score-name{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800}.score-name small{font-size:9px;font-weight:400;color:#91a095}.snow-health{display:flex;gap:5px;margin:7px 0}.snow-health i{height:7px;flex:1;border-radius:5px;background:#638f8b}.player-score:last-child .snow-health i{background:#d4947c}.snow-health i.empty{background:#dde4d9!important}.score-skill{font-size:9px;color:#86958c}.arena-wrap{position:relative;border:3px solid #fffdf4;border-radius:22px;overflow:hidden;background:#dce9e8;box-shadow:0 5px 0 #d0dcd4}.arena-wrap canvas{display:block;width:100%;aspect-ratio:1000/540;touch-action:none}.wind{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:2;padding:7px 13px;border-radius:20px;background:#fffdf2dc;color:#638783;font-size:11px;white-space:nowrap;pointer-events:none}.arena-caption{display:flex;justify-content:space-between;gap:8px;padding:9px 15px;background:#eef2e5;font-size:9px;color:#849185}.arena-caption span:first-child{color:#647d70;font-weight:700}.impact{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);font-family:Jua;font-size:42px;text-shadow:0 3px white;color:#3a6d78;white-space:nowrap;pointer-events:none}.impact.show{animation:pop .7s both}.turn-strip{display:flex;justify-content:space-between;align-items:center;padding:21px 4px 16px;gap:12px}.turn-strip strong{font-family:Jua;font-size:22px;color:#477a78}.turn-strip span{color:#85958c;font-size:11px}.controls{display:flex;align-items:center;gap:30px;border-top:1px solid #d3ddcf;padding:15px 0}.aim-controls{flex:1;display:grid;grid-template-columns:100px 1fr;gap:14px 12px;align-items:center}.aim-controls label{font-size:11px;color:#7d9388;display:flex;justify-content:space-between}.aim-controls b{color:#395f62;font-size:13px}input[type=range]{appearance:none;-webkit-appearance:none;height:7px;background:#d4dfd3;border-radius:9px;cursor:pointer;width:100%;margin:10px 0;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:#598c88;border:4px solid #fffdf7;border-radius:50%;box-shadow:0 1px 5px #243d4322}input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#598c88;border:3px solid #fffdf7;border-radius:50%}.throw-button{position:relative;overflow:hidden;min-width:255px;background:#da997e;border:1px solid #c1856a;box-shadow:0 4px 0 #b1765f;border-radius:15px;padding:18px;color:white;font-family:Jua;font-size:23px;user-select:none;-webkit-user-select:none;touch-action:none}.throw-button:before{content:'';position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--charge,0));background:#9c674433;pointer-events:none}.throw-button span{margin-left:10px}.throw-button small{display:block;font-family:'Noto Sans KR';font-size:9px;font-weight:400;margin-top:6px;opacity:.9}.battle-bottom{border-top:1px dashed #cdd9cc;padding-top:14px;display:flex;justify-content:space-between;gap:15px;align-items:center}.spectator-stand{display:flex;gap:10px;align-items:center}.spectator-stand .cheer-art svg{width:48px;height:52px}.spectator-stand b{display:block;font-size:10px;color:#7a8d7a}.spectator-stand small{display:block;font-size:10px;color:#94a28c;margin-top:4px}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d1d9ce;margin-top:26px;padding:18px 0;font-size:9px;color:#97a18f}footer a{color:#889b88;text-decoration:none}dialog{border:1px solid #d0dbce;border-radius:24px;padding:28px;background:#fffcf3;color:var(--ink);width:min(420px,90vw);box-shadow:0 12px 80px #294f5033}dialog::backdrop{background:#2b454566;backdrop-filter:blur(3px)}dialog h2{font-size:30px;margin:12px 0}dialog p{font-size:12px;line-height:1.9;color:#819180}dialog .result-art{display:flex;justify-content:center}.result-art svg{height:135px;width:135px}dialog button{margin:6px 4px 0 0}dialog .primary{display:inline-block}.result-score{font-family:Jua;font-size:34px;color:#598782}.result-eyebrow{font-size:10px;color:#a09377}.result-cheer{margin:15px 0}.practice-tag{color:#b39872}@keyframes cheer{0%,75%,100%{transform:translateY(0) rotate(0)}82%{transform:translateY(-6px) rotate(-3deg)}90%{transform:translateY(-2px) rotate(3deg)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-5deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.06) rotate(-5deg)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-60%) scale(1) rotate(-5deg)}}@media(prefers-reduced-motion:reduce){.cheer-art .cheer-one{animation:none}.fighter-card{transition:none}.impact.show{animation:none;opacity:1}}
@media(max-width:700px){.app{padding:18px 16px}.brand{font-size:22px}.snow-logo{font-size:37px}header{padding-bottom:15px}.intro{padding:28px 0 24px}.intro h1{font-size:43px}.intro p{font-size:11px}.select-shell{padding:17px 13px;border-radius:20px}.pick-heading{gap:10px;align-items:flex-start;flex-direction:column}.pick-heading h2{font-size:22px}.species-tabs{width:100%}.species-tabs button{flex:1;padding:8px}.fighter-grid{gap:7px}.fighter-card{padding:12px 5px}.fighter-card.selected{padding:11px 4px}.fighter-card svg{height:112px}.fighter-card b{font-size:21px}.fighter-card .breed{font-size:8px}.skill-pill{font-size:9px;padding:5px 4px}.fighter-card p{font-size:8px;margin-top:7px;min-height:27px}.fighter-card .selected-mark{top:6px;right:6px;width:16px;height:16px;font-size:9px}.start-row{flex-direction:column;align-items:stretch;gap:13px;margin-top:18px;padding-top:16px}.start-row label{max-width:none}.start-actions{flex-direction:column;gap:10px}.primary,.secondary{min-height:43px}.cheer-intro{padding:24px 0 10px}.lobby-heading h1{font-size:42px}.lobby-card{padding:20px 14px}.lobby-players{gap:10px}.lobby-player{width:125px}.lobby-player svg{width:100px;height:115px}.lobby-player b{font-size:20px}.lobby-player.empty{padding:32px 6px;font-size:12px}.invite-line{flex-wrap:wrap}.invite-line input{flex-basis:100%}.invite-line button{flex:1}.battle-top{margin:16px 0 8px}.player-score{grid-template-columns:35px 1fr;gap:5px}.player-score svg{width:35px;height:42px}.scoreboard{gap:15px}.score-name{font-size:10px}.score-name small{font-size:8px}.score-skill{font-size:8px}.snow-health{gap:3px;margin:5px 0}.snow-health i{height:6px}.arena-wrap{border-radius:17px;border-width:2px}.arena-wrap canvas{aspect-ratio:1000/650}.wind{font-size:9px;top:9px;padding:5px 10px}.arena-caption{font-size:7px;padding:8px}.arena-caption span:last-child{max-width:130px;text-align:right}.impact{font-size:30px}.turn-strip{padding:17px 2px 12px;align-items:flex-start;flex-direction:column;gap:4px}.turn-strip strong{font-size:22px}.turn-strip span{font-size:10px}.controls{flex-direction:column;gap:15px;padding:15px 0}.aim-controls{width:100%;grid-template-columns:75px 1fr;gap:12px}.throw-button{width:100%;min-height:72px;padding:13px;font-size:22px}.throw-button small{font-size:9px}.battle-bottom{align-items:flex-start;flex-direction:column;gap:0}.battle-bottom .notice{margin-top:3px}.spectator-stand .cheer-art svg{height:45px;width:44px}footer{font-size:8px;margin-top:22px}.connection{font-size:9px}.battle-top .text-button{font-size:10px;padding:7px}}

.arena-cheer{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);display:flex;gap:36px;pointer-events:none;z-index:2}.arena-fan{position:relative;text-align:center;width:90px;padding-bottom:3px;border-bottom:5px solid #ceb694;border-radius:12px}.arena-fan svg{display:block;width:82px;height:82px;margin:auto}.arena-fan b{font-size:10px;color:#617477;background:#fffdf4dd;border-radius:8px;padding:2px 9px}.fan-bubble{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffef8;border:2px solid #719391;border-radius:15px;padding:7px 12px;color:#355e61;font-family:Jua,sans-serif;font-size:15px;box-shadow:0 3px 0 #395f6218}.fan-bubble:after{content:"";position:absolute;bottom:-7px;left:48%;width:10px;height:10px;background:#fffef8;border-right:2px solid #719391;border-bottom:2px solid #719391;transform:rotate(45deg)}@media(max-width:700px){.arena-cheer{bottom:27px;gap:30px}.arena-fan{width:56px;border-bottom-width:3px}.arena-fan svg{width:48px;height:48px}.arena-fan b{font-size:8px;padding:1px 6px}.fan-bubble{font-size:11px;padding:5px 7px;border-radius:11px;border-width:1.5px}.fan-bubble:after{width:7px;height:7px;bottom:-5px;border-width:1.5px}}