@font-face{font-family:"Noto Sans KR";src:url("./assets/noto-game.woff") format("woff");font-weight:100 900;font-display:swap}
:root{font-family:'Noto Sans KR',Arial,sans-serif;color:#f4f7ed;background:#101b1d;--orange:#ff6b3d;--lime:#d8f78b;--muted:#90a39f;--line:rgba(214,241,226,.15)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{border:0}#app{position:relative;width:100%;height:100svh;min-height:540px;overflow:hidden;background:#102b29}#world,.vignette{position:absolute;inset:0}#world canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(180deg,rgba(8,18,21,.88),transparent 28%,transparent 54%,rgba(7,17,20,.88)),linear-gradient(90deg,rgba(6,22,24,.27),transparent 50%)}.topbar{position:absolute;left:3%;right:3%;top:25px;display:flex;align-items:center;justify-content:space-between;height:42px}.brand{color:#f7f7ed;display:flex;gap:12px;align-items:center;text-decoration:none;font-size:14px;font-weight:900;letter-spacing:2px;line-height:1.25}.brand>span:last-child>span{display:block;font-size:12px;font-weight:500;letter-spacing:3px;margin-top:5px}.brand-symbol{width:41px;height:39px;font-style:italic;font-size:29px;letter-spacing:-8px;display:flex;border-bottom:3px solid var(--orange);transform:skew(-10deg);padding-right:7px}.brand-symbol span{color:var(--orange)}.venue{font-size:12px;letter-spacing:1.5px;color:#b4c5bd;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #bce98955}.venue-divider{margin:0 12px;color:#537368}.tools{display:flex;gap:9px}.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:#10212077}.icon-button:hover{background:#28403c}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.scoreboard{position:absolute;top:91px;left:50%;transform:translateX(-50%);width:342px;background:rgba(9,23,27,.88);border:1px solid #51665855;border-radius:12px;box-shadow:0 10px 36px #0003;overflow:hidden;backdrop-filter:blur(14px)}.score-meta{display:flex;justify-content:space-between;background:#ffffff09;color:#b7c8bd;font-size:12px;letter-spacing:1.2px;padding:9px 15px}.score-main{height:62px;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 17px}.score-main strong{font-size:32px;font-weight:900;font-variant-numeric:tabular-nums}.team{display:flex;align-items:center;font-size:14px;gap:7px;white-space:nowrap}.kit{display:inline-block;width:11px;height:15px;border-radius:3px}.orange{background:var(--orange)}.blue{background:#7aadeb}.colon{font-size:22px;color:#577064}.score-foot{border-top:1px solid #ffffff0b;font-size:12px;display:flex;justify-content:space-between;padding:7px 13px;color:#91a49e}.score-foot>span:first-child{color:#d0e0a7}.arena-label{position:absolute;top:100px;left:3%;display:flex;flex-direction:column;gap:8px;font-size:12px;letter-spacing:2px;color:#8da99d}.arena-label>span:last-child{font-size:12px;letter-spacing:1.5px;color:#58796b}.intro{position:absolute;left:6%;top:29%;z-index:3}.eyebrow{font-size:12px;letter-spacing:1px;color:#c1cfb9;display:flex;align-items:center;gap:10px}.eyebrow>span{width:23px;height:2px;background:var(--orange)}h1{font-family:'Black Han Sans','Noto Sans KR',sans-serif;font-weight:900;font-size:clamp(52px,6.3vw,100px);line-height:1.03;letter-spacing:-5px;margin:22px 0 19px;text-shadow:0 5px 35px #071e25aa}h1>span{display:block}.title-dot{color:var(--orange);margin-left:3px}.intro p{font-size:17px;line-height:1.75;color:#c9d5cd;margin:0 0 25px;letter-spacing:-.5px}.intro-actions{display:flex;gap:10px}.primary,.secondary{height:51px;border-radius:6px;font-size:14px;font-weight:700;display:flex;gap:20px;justify-content:center;align-items:center;padding:0 22px;transition:transform .18s,background .18s}.primary{background:var(--orange);color:#10201d;min-width:168px}.primary:hover{background:#ff895c;transform:translateY(-2px)}.primary>span:last-child{font-size:23px}.secondary{background:#142d2acc;border:1px solid #5d7c6a77;gap:7px}.secondary:hover{background:#2b4840}.secondary svg{width:17px;height:17px;fill:#e5efd7}.intro-hint{font-size:12px;color:#8ca69d;margin-top:17px;display:flex;align-items:center;gap:8px}kbd{font:inherit;font-size:12px;border:1px solid #68847755;border-radius:3px;padding:3px 5px;white-space:nowrap}.intro-card{position:absolute;right:4.5%;top:30%;width:218px;height:310px;border:1px solid #bcce8744;border-radius:14px;background:linear-gradient(155deg,#415942bb,#122924bb 65%);backdrop-filter:blur(20px);transform:rotate(5deg);box-shadow:0 18px 40px #0003;overflow:hidden;z-index:2}.player-card-top{position:absolute;left:15px;right:15px;top:15px;display:flex;justify-content:space-between;align-items:center;z-index:1;font-size:12px;font-weight:700;letter-spacing:1px;color:#d3e5b7}.player-card-top>span:last-child{font-size:31px;line-height:1;color:var(--lime);font-weight:900}.portrait{width:100%;height:254px;object-fit:cover;object-position:center 13%;mix-blend-mode:normal;mask-image:linear-gradient(#000 75%,transparent)}.player-card-bottom{position:absolute;bottom:16px;left:18px;right:18px}.player-card-bottom>span{display:block;font-size:12px;letter-spacing:2px;color:#bbcbae}.player-card-bottom strong{font-size:27px;display:block;color:#fff;letter-spacing:-1px;margin-top:2px}.card-stats{display:flex;justify-content:space-between;border-top:1px solid #afc79b33;padding-top:10px;margin-top:9px}.card-stats span{font-size:12px;color:#acbda8}.card-stats b{display:block;font-size:19px;color:var(--lime)}.console{position:absolute;bottom:47px;left:3%;right:3%;min-height:83px;background:rgba(13,30,32,.90);border:1px solid var(--line);border-radius:10px;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:18px;z-index:6}.console-identity{display:flex;align-items:center;gap:14px}.player-number{font-style:italic;font-size:34px;line-height:1;color:var(--orange);font-weight:900}.console-identity strong{font-size:17px}.console-identity strong>span{font-size:12px;letter-spacing:1px;color:#789285;margin-left:7px}.console-identity small{display:block;font-size:12px;color:#89a397;margin-top:4px}.invincible{font-size:12px;color:var(--lime);border:1px solid #69815255;border-radius:20px;padding:5px 9px;white-space:nowrap}.match-stats{display:flex;gap:27px;text-align:center;border-left:1px solid var(--line);padding-left:24px}.match-stats small{display:block;color:#8da69a;font-size:12px}.match-stats b{font-size:21px;font-weight:700;line-height:1.7;font-variant-numeric:tabular-nums}.console-actions{display:flex;align-items:center;gap:4px}.console-actions>button{display:flex;align-items:center;gap:8px;background:transparent;padding:10px 13px;border-radius:5px;color:#b6cabb;font-size:12px;white-space:nowrap}.console-actions>button:hover{background:#66847322}.console-actions>button.active{background:#bce46b18;color:var(--lime)}.console-actions>button svg{width:17px;height:17px}.toggle{width:25px;height:14px;border-radius:20px;display:inline-flex;align-items:center;padding:2px;background:#38514a}.toggle i{width:10px;height:10px;background:#849d92;border-radius:50%;transition:.2s}.active .toggle{background:var(--lime)}.active .toggle i{background:#253b2b;transform:translateX(11px)}.bottomline{position:absolute;bottom:18px;left:3%;right:3%;display:flex;justify-content:space-between;font-size:12px;color:#688579;gap:10px}.bottomline>span:first-child{letter-spacing:2px}.status-pill{position:absolute;right:3%;top:100px;background:#122622bb;border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;padding:5px 7px 5px 15px;font-size:12px;z-index:7}.status-pill button{width:28px;height:28px;border-radius:50%;background:#43635244;font-size:15px;margin-left:14px}.caption{position:absolute;bottom:167px;left:50%;transform:translate(-50%,16px);text-align:center;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:5;white-space:nowrap}.caption.show{opacity:1;transform:translate(-50%,0)}.caption>span{display:inline-block;background:var(--orange);padding:4px 11px;font-size:12px;font-weight:800;transform:rotate(-3deg);margin-bottom:4px;color:#141e1c}.caption>strong{display:block;font-size:clamp(20px,2.8vw,42px);font-weight:900;letter-spacing:-1px;text-shadow:3px 3px 0 #0b2420,-2px -2px 0 #0b2420,0 3px 15px #0008;line-height:1.45}.goal-overlay{position:absolute;left:50%;top:30%;transform:translate(-50%,-15px) scale(.8);opacity:0;pointer-events:none;z-index:5;text-align:center;white-space:nowrap;transition:.35s}.goal-overlay.show{opacity:1;transform:translate(-50%,0) scale(1)}.goal-overlay>span{display:block;font-size:18px;letter-spacing:2px;text-shadow:0 2px 10px #071d20}.goal-overlay strong{display:block;font-family:Arial,sans-serif;font-style:italic;font-size:clamp(55px,9vw,140px);letter-spacing:-8px;font-weight:900;color:var(--lime);text-shadow:6px 6px 0 #204035,0 0 50px #d5ff8844;line-height:1.2}.goal-overlay>span:last-child{display:inline-block;background:#122621dd;border:1px solid #bcd87a66;border-radius:5px;padding:6px 18px;font-size:15px;letter-spacing:.5px}.onfield-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bubble{position:absolute;border-radius:12px 12px 12px 0;background:#f0f6dd;color:#1b342c;font-size:13px;font-weight:800;padding:7px 11px;transform:translate(-50%,-100%);box-shadow:0 4px 12px #0003;white-space:nowrap}.power-wrap{position:absolute;bottom:168px;left:4%;width:174px;z-index:7}.power-wrap>span{font-size:12px;color:#c4d4bc;display:flex;justify-content:space-between}.power-wrap b{color:var(--orange)}.power-track{height:5px;background:#66887744;margin:8px 0 5px;border-radius:5px;overflow:hidden}.power-track i{display:block;width:30%;height:100%;background:var(--orange);border-radius:5px}.power-wrap small{font-size:12px;color:#789b87}.notice{position:absolute;top:230px;left:50%;transform:translateX(-50%);padding:10px 17px;border-radius:6px;background:#142c27ed;border:1px solid #a7c38455;font-size:13px;z-index:20;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.notice.show{opacity:1}.hidden{display:none!important}.playing .intro,.playing .intro-card{display:none}.playing .arena-label{opacity:.6}.playing .vignette{background:linear-gradient(180deg,#08121588,transparent 25%,transparent 63%,#071114aa)}.touch-controls{position:absolute;left:25px;right:25px;bottom:165px;display:none;justify-content:space-between;align-items:center;pointer-events:none;z-index:8}#joystick{width:108px;height:108px;border-radius:50%;border:1px solid #d5ebcb55;background:#153b2955;position:relative;pointer-events:auto;touch-action:none}#stick{position:absolute;left:31px;top:31px;width:46px;height:46px;border-radius:50%;background:#dbf2c699;border:1px solid #fff5}#touch-shot{height:87px;width:87px;border-radius:50%;background:#ff6b3dcc;box-shadow:0 0 0 6px #ff6b3d20;color:#182b24;font-size:12px;letter-spacing:1px;pointer-events:auto;touch-action:none}#touch-shot span{display:block;font-size:26px;font-weight:900;letter-spacing:-1px}#loading{position:absolute;inset:0;background:#102420;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}#loading>strong{font-size:20px}#loading>span:last-child{font-size:13px;color:#9bb69f}.loader-ball{width:32px;height:32px;border:2px solid #627951;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}.error{position:absolute;inset:0;background:#102420;z-index:40;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:25px}.error p{line-height:1.8}.error button{background:var(--orange);padding:12px 24px;border-radius:6px;color:#17281f}.paused::after{content:'PAUSED';position:absolute;top:43%;left:50%;transform:translateX(-50%);font-weight:900;font-size:45px;letter-spacing:7px;background:#0c241dcc;padding:12px 28px;border-radius:12px;z-index:8;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.intro{top:31%}.intro-card{width:270px;height:370px;top:32%}.portrait{height:310px}.console{height:96px}.console-actions>button{font-size:14px}.scoreboard{width:390px}.score-main{height:74px}.score-main strong{font-size:38px}}
@media(max-width:1150px){.invincible{display:none}.match-stats{gap:18px;padding-left:16px}.console{padding:14px}.console-actions>button{padding:10px 8px}.console-actions kbd{display:none}.intro-card{width:180px;height:270px;right:4%;top:32%}.portrait{height:220px}.console-identity strong>span{display:none}.intro{left:5%}h1{font-size:72px}.venue{font-size:12px}.bottomline>span:first-child{display:none}}
@media(max-width:800px){#app{min-height:550px}.topbar{top:18px;left:5%;right:5%}.brand{font-size:12px}.brand-symbol{width:35px;font-size:26px}.venue{display:none}.scoreboard{top:83px;width:300px}.score-main{height:48px;gap:13px}.score-main strong{font-size:27px}.score-main .team{font-size:12px}.score-foot{font-size:12px}.arena-label{display:none}.intro{top:32%;left:7%}h1{font-size:65px;letter-spacing:-3px;margin-top:19px}.intro p{font-size:14px;margin-bottom:20px}.intro-card{right:6%;top:36%;width:145px;height:216px;opacity:.9}.player-card-top{font-size:6px}.player-card-top>span:last-child{font-size:23px}.portrait{height:180px}.card-stats{display:none}.player-card-bottom strong{font-size:22px}.player-card-bottom{bottom:14px}.intro-hint{font-size:12px}.console{left:4%;right:4%;bottom:40px;flex-wrap:wrap;padding:11px 13px;gap:10px}.console-identity{gap:10px}.player-number{font-size:29px}.console-identity strong{font-size:15px}.console-identity small{font-size:12px}.match-stats{margin-left:auto;gap:18px;padding-left:15px}.match-stats b{font-size:18px}.console-actions{width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:3px;gap:10px}.console-actions>button{padding:8px 10px}.bottomline{font-size:12px;bottom:15px;justify-content:center}.bottomline #control-help{display:none}.caption{bottom:188px;max-width:94%;white-space:normal;width:max-content}.caption>strong{font-size:26px}.caption>span{font-size:12px}.status-pill{top:203px;right:4%;font-size:12px;padding:3px 5px 3px 12px}.power-wrap{bottom:185px;left:5%;width:130px}.goal-overlay{top:34%}.goal-overlay strong{letter-spacing:-4px}.goal-overlay>span{font-size:13px}.playing .touch-controls:not(.hidden){display:flex}.playing .power-wrap{bottom:292px}.playing .caption{bottom:294px}.notice{top:253px}.primary,.secondary{height:47px;font-size:12px;padding:0 16px;min-width:0;gap:12px}}
@media(max-width:520px){.intro{top:31%;left:7%}h1{font-size:54px;letter-spacing:-3px}.intro-card{right:5%;top:32%;width:112px;height:174px;transform:rotate(7deg)}.portrait{height:155px}.player-card-top{left:9px;right:9px;font-size:0}.player-card-top>span:last-child{font-size:23px;margin-left:auto}.player-card-bottom{left:10px;bottom:10px}.player-card-bottom>span{font-size:7px}.player-card-bottom strong{font-size:18px}.intro-actions{gap:8px}.intro-hint{display:none}.eyebrow{font-size:12px}.intro p{font-size:13px}.match-stats{gap:15px}.goal-overlay strong{font-size:64px}.goal-overlay>span:last-child{font-size:12px}.caption>strong{font-size:21px}.console-actions{gap:0}.console-actions>button{font-size:12px;padding:8px 12px}.console-actions>button svg{width:15px}.console-identity small{max-width:150px}.touch-controls{bottom:175px}#joystick{width:92px;height:92px}#stick{left:23px;top:23px}.scoreboard{width:292px}.score-foot{padding:6px 10px}}
@media(max-height:680px) and (min-width:801px){.intro{top:28%}h1{font-size:61px;margin:16px 0}.intro p{font-size:14px;margin-bottom:16px}.intro-card{top:30%;height:239px;width:164px}.portrait{height:194px}.card-stats{display:none}.console{bottom:35px;min-height:70px;padding:11px 20px}.bottomline{bottom:11px}.caption{bottom:126px}.power-wrap{bottom:127px}.intro-hint{margin-top:12px}.scoreboard{top:78px}.score-main{height:46px}.score-foot{display:none}.goal-overlay{top:29%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.loader-ball{animation:none}.intro-card{transform:none}.primary:hover{transform:none}}

@media(max-height:540px) and (orientation:landscape){#app{min-height:0}.topbar{top:12px}.scoreboard{top:10px;width:285px}.score-meta{padding:5px 12px}.score-main{height:38px}.score-main strong{font-size:24px}.score-foot,.arena-label,.venue,.intro-card,.intro-hint,.eyebrow,.bottomline{display:none}.intro{top:26%;left:6%}.intro h1{font-size:44px;margin:5px 0 16px}.intro p{display:none}.intro-actions button{height:40px}.console{bottom:12px;min-height:54px;padding:7px 14px;flex-wrap:nowrap}.console-identity small{display:none}.console-identity strong{font-size:14px}.console-actions{width:auto;border:0;padding:0;gap:2px}.console-actions>button{padding:8px}.console-actions>button>span{display:none}.console-actions #auto>span{display:block}.match-stats{gap:16px}.match-stats small{font-size:12px}.match-stats b{font-size:17px}.status-pill{top:80px}.goal-overlay{top:25%}.goal-overlay strong{font-size:65px}.caption,.playing .caption{bottom:91px}.caption>strong{font-size:23px}.power-wrap,.playing .power-wrap{bottom:185px;width:105px}.touch-controls{bottom:90px;left:25px;right:25px}#joystick{width:80px;height:80px}#stick{left:17px;top:17px}#touch-shot{width:70px;height:70px}.notice{top:90px}}