:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4e7be;font-synthesis:none;background:#050a13;font-family:Inter,Pretendard,Noto Sans KR,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#050a13;margin:0}button,input{font:inherit}button,canvas{-webkit-tap-highlight-color:transparent}.soccer-page{color:#f4e7be;background:radial-gradient(circle at 78% 3%,#ff7a3d26,#0000 29rem),radial-gradient(circle at 8% 88%,#50e5d21a,#0000 34rem),linear-gradient(145deg,#081323,#050a13 70%);min-height:100vh;overflow-x:hidden}.soccer-page:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:28px 28px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.soccer-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040913d1;border-bottom:1px solid #f4e7be1a;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 clamp(16px,3vw,46px);display:grid;position:relative}.soccer-platform-brand{color:#f4e7be;align-items:center;gap:10px;width:max-content;text-decoration:none;display:flex}.soccer-platform-brand>span{color:#07101f;background:#ffd84c;place-items:center;width:35px;height:35px;font-size:20px;font-weight:1000;display:grid;transform:skew(-7deg);box-shadow:4px 4px #bd482a}.soccer-platform-brand strong{letter-spacing:.035em;font-size:13px;display:block}.soccer-platform-brand em{color:#50e5d2;font-style:normal}.soccer-header-title{color:#f4e7bebd;letter-spacing:.22em;align-items:center;gap:12px;font-size:10px;font-weight:900;display:flex}.soccer-header-title i{background:#50e5d2;width:28px;height:1px}.soccer-header-actions{justify-content:flex-end;gap:8px;display:flex}.soccer-header-actions button{color:#f4e7be9e;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #f4e7be24;min-height:34px;padding:0 13px;font-size:9px;font-weight:800}.soccer-header-actions button:hover{color:#f4e7be;border-color:#f4e7be61}.soccer-header-actions .soccer-account-button{color:#07101f;background:#ffd84c;border-color:#ffd84c}.soccer-main{z-index:1;grid-template-columns:minmax(190px,250px) minmax(580px,1050px) minmax(210px,270px);gap:clamp(10px,1.3vw,20px);width:min(1620px,100%);margin:0 auto;padding:clamp(18px,3vw,42px) clamp(12px,2.4vw,38px) 20px;display:grid;position:relative}.soccer-side-panel{background:#091424bd;border:1px solid #f4e7be1f;align-self:start;padding:19px;box-shadow:inset 0 1px #ffffff0a}.soccer-panel-label{color:#f4e7be6e;letter-spacing:.18em;margin:0 0 15px;font-size:9px;font-weight:900}.soccer-route{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.soccer-route>span{color:#f4e7be4d;letter-spacing:.06em;border:1px solid #f4e7be1c;place-items:center;min-height:56px;font-size:7px;font-weight:900;display:grid}.soccer-route b{font-size:17px;display:block}.soccer-route .active{color:#07101f;background:#ffd84c;border-color:#ffd84c}.soccer-route .done{color:#50e5d2;background:#50e5d212;border-color:#50e5d266}.soccer-side-divider{background:#f4e7be17;height:1px;margin:19px 0}.side-team-lockup{align-items:center;gap:12px;display:flex}.side-team-lockup span:not(.soccer-team-badge){min-width:0}.side-team-lockup small{color:#f4e7be78;letter-spacing:.15em;font-size:8px;font-weight:800;display:block}.side-team-lockup strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;display:block;overflow:hidden}.soccer-team-badge{--team-primary:#ffd84c;--team-secondary:#50e5d2;color:#07101f;background:linear-gradient(135deg, var(--team-primary), var(--team-primary) 62%, var(--team-secondary) 63%);clip-path:polygon(8% 0,92% 0,100% 78%,50% 100%,0 78%);filter:drop-shadow(4px 5px #00000047);flex:none;place-items:center;width:49px;height:55px;padding-bottom:5px;display:grid}.soccer-team-badge i{font-size:24px;font-style:italic;font-weight:1000}.team-stats{gap:9px;margin:18px 0 0;display:grid}.team-stats div{grid-template-columns:53px 1fr;align-items:center;gap:7px;display:grid}.team-stats dt{color:#f4e7be70;font-size:8px;font-weight:900}.team-stats dd{background:#f4e7be14;height:4px;margin:0}.team-stats i{background:linear-gradient(90deg,#50e5d2,#ffd84c);height:100%;display:block}.soccer-score-card{background:#ff7a3d12;border-left:3px solid #ff7a3d;margin-top:21px;padding:14px}.soccer-score-card span,.soccer-score-card small{color:#f4e7be6e;letter-spacing:.12em;font-size:8px;font-weight:800;display:block}.soccer-score-card strong{color:#ffd84c;margin:6px 0;font:900 22px/1 monospace;display:block}.soccer-cabinet{background:linear-gradient(145deg,#1a2a41,#081220 72%);border:1px solid #f4e7be24;border-radius:10px;min-width:0;padding:12px 12px 0;position:relative;box-shadow:0 26px 80px #00000073,inset 0 1px #ffffff1a,0 0 0 5px #00000026}.soccer-marquee{background:linear-gradient(112deg,#091426,#142c3d 57%,#30251a);border:1px solid #f4e7be1f;border-bottom:0;justify-content:space-between;align-items:center;min-height:82px;padding:10px clamp(15px,2.4vw,30px);display:flex;overflow:hidden}.soccer-marquee small{color:#50e5d2;letter-spacing:.22em;margin-bottom:4px;font-size:7px;font-weight:900;display:block}.soccer-marquee strong{letter-spacing:-.06em;text-shadow:4px 4px #00000061;font-size:clamp(25px,3.8vw,49px);font-style:italic;font-weight:1000;line-height:.9}.soccer-marquee strong em{color:#ffd84c;font-style:inherit}.soccer-marquee strong b{color:#ff7a3d;font-size:.7em}.soccer-marquee>span{color:#f4e7be73;letter-spacing:.12em;border-left:1px solid #f4e7be26;padding-left:19px;font-size:7px;font-weight:900;line-height:1.55}.soccer-play-area,.soccer-team-select{aspect-ratio:16/9;background:#06111e;border:5px solid #02060d;position:relative;overflow:hidden}.soccer-canvas-wrap{position:absolute;top:0;bottom:0;left:0;right:0}.soccer-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.soccer-scanlines{z-index:3;pointer-events:none;opacity:.2;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 3px,#02060d59 4px);position:absolute;top:0;bottom:0;left:0;right:0}.soccer-pause-button{z-index:4;color:#f4e7bea3;cursor:pointer;background:#040914c7;border:1px solid #f4e7be2e;place-items:center;width:35px;height:31px;display:grid;position:absolute;bottom:10px;right:10px}.soccer-pause-overlay{z-index:6;color:#ffd84c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#030812b8;border:0;place-content:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.soccer-pause-overlay strong{letter-spacing:.08em;font-size:clamp(32px,7vw,76px);font-style:italic}.soccer-pause-overlay span{color:#f4e7be;letter-spacing:.12em;margin-top:9px;font-size:10px}.soccer-touch-controls{display:none}.soccer-team-select{background:linear-gradient(90deg,#030913f0,#0309138f),radial-gradient(circle at 73% 40%,#22634f,#071326 62%);grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(18px,4vw,60px);padding:clamp(22px,5vw,64px);display:grid}.select-pitch-lines{opacity:.18;background:linear-gradient(90deg,#0000 49.7%,#fff 49.8% 50.2%,#0000 50.3%),radial-gradient(circle,#0000 0 18%,#fff 18.2% 18.6%,#0000 18.8%);position:absolute;top:-15%;bottom:-15%;left:-15%;right:-15%;transform:rotate(-11deg)}.soccer-select-copy,.soccer-team-grid{z-index:1;position:relative}.soccer-select-copy>p{color:#50e5d2;letter-spacing:.22em;margin:0 0 16px;font-size:9px;font-weight:900}.soccer-select-copy h1{letter-spacing:-.06em;word-break:keep-all;margin:0;font-size:clamp(29px,4.8vw,65px);line-height:1.02}.soccer-select-copy h1 em{color:#ffd84c;font-style:italic}.soccer-select-copy>span{color:#f4e7be75;letter-spacing:.16em;margin-top:22px;font-size:9px;font-weight:900;display:block}.soccer-team-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.soccer-team-grid>button:not(.soccer-start-button){--team-primary:#ffd84c;--team-secondary:#50e5d2;color:#f4e7be;text-align:left;cursor:pointer;background:#040b17b8;border:1px solid #f4e7be21;align-items:center;gap:12px;min-width:0;min-height:82px;padding:12px;transition:transform .15s,border-color .15s,background .15s;display:flex}.soccer-team-grid>button:not(.soccer-start-button):hover{border-color:#f4e7be66;transform:translateY(-2px)}.soccer-team-grid>button.selected{border-color:var(--team-primary);background:color-mix(in srgb, var(--team-primary) 13%, #06101f);box-shadow:inset 4px 0 var(--team-primary)}.soccer-team-grid .soccer-team-badge{width:39px;height:44px}.soccer-team-grid .soccer-team-badge i{font-size:18px}.soccer-team-grid button>span:not(.soccer-team-badge){min-width:0}.soccer-team-grid small{color:#f4e7be6b;letter-spacing:.13em;font-size:7px;font-weight:900;display:block}.soccer-team-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.soccer-team-grid em{color:#f4e7be6e;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;font-style:normal;display:block;overflow:hidden}.soccer-team-grid .soccer-start-button{color:#07101f;letter-spacing:.1em;cursor:pointer;background:#ffd84c;border:0;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:48px;padding:0 17px;font-size:12px;font-weight:1000;display:flex;box-shadow:5px 5px #b44d2e}.soccer-start-button kbd{background:#ffffff40;border:1px solid #07101f66;padding:4px 7px;font-size:8px}.soccer-cabinet-base{justify-content:center;align-items:center;gap:28px;height:42px;display:flex}.soccer-cabinet-base span{background:#f4e7be1c;width:65px;height:3px}.soccer-cabinet-base i{color:#ff7a3d;text-shadow:0 0 13px #ff7a3d;font-size:16px;font-style:normal}.soccer-skill,.soccer-control{grid-template-columns:34px 1fr;align-items:center;gap:10px;margin-top:11px;display:grid}.soccer-skill kbd,.soccer-control kbd{color:#07101f;background:#50e5d2;border:1px solid #f4e7be38;place-items:center;width:32px;height:28px;font-size:10px;font-weight:1000;display:grid;box-shadow:3px 3px #00000045}.soccer-skill:nth-of-type(2) kbd{background:#ff7a3d}.soccer-skill.learned kbd{background:#a98cff}.soccer-skill b,.soccer-control b{letter-spacing:.025em;font-size:10px;display:block}.soccer-skill small,.soccer-control small{color:#f4e7be63;margin-top:3px;font-size:8px;line-height:1.35;display:block}.soccer-control kbd{color:#ffd84c;background:#101f34}.soccer-cooldown{background:#50e5d20f;border-left:3px solid #50e5d2;justify-content:space-between;align-items:center;margin-top:17px;padding:10px;display:flex}.soccer-cooldown span{color:#f4e7be6b;font-size:7px;font-weight:900}.soccer-cooldown strong{color:#50e5d2;font-size:9px}.soccer-coach-tip{color:#f4e7be8a;word-break:keep-all;background:#ffd84c0f;margin:18px 0 0;padding:13px;font-size:9px;line-height:1.6}.soccer-coach-tip b{color:#ffd84c;letter-spacing:.13em;margin-bottom:5px;font-size:7px;display:block}.soccer-result-overlay{z-index:8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030812d9;place-items:center;padding:18px;display:grid;position:absolute;top:94px;bottom:42px;left:17px;right:17px}.soccer-result-card{text-align:center;background:linear-gradient(145deg,#132841,#07101f 74%);border:1px solid #f4e7be40;width:min(510px,92%);padding:clamp(22px,4vw,38px);box-shadow:11px 11px #00000059}.soccer-result-card>p:first-child{color:#50e5d2;letter-spacing:.23em;margin:0 0 9px;font-size:8px;font-weight:900}.soccer-result-card h2{color:#ffd84c;letter-spacing:-.06em;margin:0;font-size:clamp(37px,6vw,68px);font-style:italic;line-height:.95}.soccer-final-score{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:18px 0;display:grid}.soccer-final-score span{color:#f4e7be7d;font-size:11px;font-weight:900}.soccer-final-score strong{font-size:28px}.soccer-unlock{background:#50e5d20f;border:1px solid #50e5d252;margin:17px 0;padding:13px}.soccer-unlock.champion{background:#ffd84c12;border-color:#ffd84c6b}.soccer-unlock small,.soccer-unlock span{color:#f4e7be73;letter-spacing:.14em;font-size:7px;font-weight:800;display:block}.soccer-unlock strong{color:#50e5d2;margin:6px 0;font-size:17px;display:block}.soccer-unlock.champion strong{color:#ffd84c}.soccer-result-stats{color:#f4e7be6b;justify-content:center;gap:18px;font-size:8px;display:flex}.soccer-result-stats b{color:#f4e7be;font-size:12px}.soccer-result-primary{color:#07101f;cursor:pointer;background:#ffd84c;border:0;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:18px;padding:0 15px;font-size:11px;font-weight:1000;display:flex;box-shadow:5px 5px #b44d2e}.soccer-result-secondary{color:#f4e7be78;cursor:pointer;background:0 0;border:0;margin-top:14px;font-size:9px;text-decoration:underline}.soccer-save-status{color:#f4e7be7a!important;letter-spacing:0!important;margin:12px 0 0!important;font-size:8px!important}.soccer-footer{z-index:1;color:#f4e7be47;letter-spacing:.1em;justify-content:space-between;width:min(1620px,100%);margin:0 auto;padding:5px clamp(14px,2.6vw,40px) 22px;font-size:8px;font-weight:800;display:flex;position:relative}.soccer-footer a{color:#50e5d2;text-decoration:none}@media (max-width:1260px){.soccer-main{grid-template-columns:185px minmax(570px,1fr) 205px}.soccer-side-panel{padding:14px}.soccer-coach-tip{display:none}}@media (max-width:1040px){.soccer-main{grid-template-columns:1fr;max-width:920px}.soccer-side-panel.left{order:2;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:14px;display:grid}.soccer-side-panel.left .soccer-side-divider,.soccer-side-panel.left .soccer-panel-label{display:none}.soccer-side-panel.left .team-stats,.soccer-score-card{margin:0}.soccer-side-panel.right{order:3;grid-template-columns:.9fr 1fr 1fr;column-gap:15px;display:grid}.soccer-side-panel.right>.soccer-side-divider,.soccer-side-panel.right>.soccer-panel-label{display:none}.soccer-rival-card{grid-row:span 3}.soccer-cooldown{grid-column:2/4}.soccer-control{display:none}}@media (max-width:720px){.soccer-header{grid-template-columns:1fr auto;min-height:58px;padding:0 11px}.soccer-header-title{display:none}.soccer-platform-brand>span{width:30px;height:30px;font-size:17px}.soccer-platform-brand strong{font-size:10px}.soccer-header-actions button{min-height:30px;padding:0 8px;font-size:7px}.soccer-main{gap:9px;padding:10px 6px 9px}.soccer-cabinet{border-radius:6px;padding:6px 6px 0}.soccer-marquee{min-height:58px;padding:8px 12px}.soccer-marquee strong{font-size:28px}.soccer-marquee>span{font-size:6px}.soccer-play-area{aspect-ratio:auto;border-width:3px;min-height:490px;padding-bottom:152px;overflow:visible}.soccer-canvas-wrap{aspect-ratio:16/9;bottom:152px}.soccer-touch-controls{touch-action:none;background:linear-gradient(#081221,#050b16);justify-content:space-between;align-items:center;height:152px;padding:9px 12px;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.soccer-touch-stick{--stick-x:0px;--stick-y:0px;touch-action:none;background:radial-gradient(circle,#ffffff0f 0 18%,#0000 19%),#ffffff05;border:1px solid #f4e7be24;border-radius:50%;width:106px;height:106px;position:relative}.soccer-touch-stick:before,.soccer-touch-stick:after{content:"";background:#f4e7be14;height:1px;position:absolute;top:50%;bottom:auto;left:10%;right:10%}.soccer-touch-stick:after{width:1px;height:auto;top:10%;bottom:10%;left:50%;right:auto}.soccer-touch-stick span{z-index:2;width:36px;height:36px;transform:translate(var(--stick-x), var(--stick-y));background:#1b2d46;border:1px solid #f4e7be40;border-radius:50%;position:absolute;top:35px;left:35px;box-shadow:3px 4px 8px #00000059}.soccer-touch-actions{width:205px;height:125px;position:relative}.soccer-touch-actions button{color:#07101f;touch-action:none;border:0;border-radius:50%;place-items:center;font-weight:1000;display:grid;position:absolute;box-shadow:0 5px #00000059}.soccer-touch-actions button.pressed{transform:translateY(4px);box-shadow:0 1px #00000059}.touch-arcade{width:52px;height:52px;font-size:17px}.touch-arcade.a{background:#ff7a3d;bottom:31px;right:0}.touch-arcade.b{background:#ffd84c;bottom:7px;right:57px}.touch-arcade.c{background:#50e5d2;bottom:31px;right:114px}.touch-special{background:#50e5d2;width:34px;height:34px;font-size:8px;top:0}.touch-special.s1{left:7px}.touch-special.s2{background:#ff7a3d;left:48px}.touch-special.learned{background:#a98cff;left:89px}.soccer-team-select{grid-template-columns:1fr;padding:16px}.soccer-select-copy{display:none}.soccer-team-grid{gap:5px}.soccer-team-grid>button:not(.soccer-start-button){min-height:66px;padding:8px}.soccer-team-grid .soccer-team-badge{width:32px;height:37px}.soccer-team-grid strong{font-size:12px}.soccer-team-grid em{font-size:7px}.soccer-cabinet-base{height:30px}.soccer-result-overlay{padding:8px;top:64px;bottom:30px;left:9px;right:9px}.soccer-result-card{padding:18px}.soccer-result-card h2{font-size:38px}.soccer-side-panel.left{grid-template-columns:1fr 1fr}.soccer-side-panel.left .team-stats{display:none}.soccer-side-panel.right{grid-template-columns:1fr 1fr}.soccer-rival-card{grid-row:auto}.soccer-cooldown{grid-column:1/-1}.soccer-footer{padding-bottom:15px}.soccer-footer span:last-child{display:none}}@media (max-width:440px){.soccer-play-area{min-height:420px;padding-bottom:142px}.soccer-canvas-wrap{bottom:142px}.soccer-touch-controls{height:142px;padding-inline-start:8px;padding-inline-end:8px}.soccer-touch-stick{width:92px;height:92px}.soccer-touch-stick span{width:32px;height:32px;top:30px;left:30px}.soccer-touch-actions{transform-origin:100%;width:184px;transform:scale(.92)}.soccer-side-panel.right{grid-template-columns:1fr}.soccer-rival-card,.soccer-cooldown{display:none}.soccer-footer{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}