:root{font-family:Arial,Noto Sans,sans-serif;color:#f1f2e9;background:#101c26;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:hover{filter:brightness(1.13)}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}[hidden]{display:none!important}#pitch{display:block;position:fixed;width:100%;height:100%;inset:0}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,22,29,.94),rgba(10,22,29,.58) 30%,transparent 65%),linear-gradient(0deg,#101c26 0%,transparent 20%);z-index:1}body.in-game:before{background:linear-gradient(0deg,#101c2677,transparent 25%);pointer-events:none}header{position:relative;z-index:2;display:flex;align-items:center;height:104px;margin:0 4%;border-bottom:1px solid #ffffff24;gap:18px}.brand{font-size:43px;letter-spacing:-5px;color:#f4f5e9;font-weight:950;text-decoration:none;font-style:italic}.brand span{color:#d2ef85}.brand .brand-dot{letter-spacing:0;font-size:12px;vertical-align:top;padding:4px}.header-title{font-size:11px;letter-spacing:2px;line-height:1.6}.header-title b{display:block}.header-title small{display:block;font-size:7px;color:#91a2a5;letter-spacing:1px}.edition{margin-left:auto;font-size:10px;letter-spacing:2px;color:#b6bfc1}.edition span{padding:0 16px;color:#c9ec7e}.icon{border:1px solid #ffffff35;background:#15273190;color:#e5e9da;width:40px;height:40px;border-radius:50%;font-size:21px}.court-tag{position:absolute;right:4%;top:127px;z-index:2;letter-spacing:1.5px;font-size:9px;color:#d7dfd9;display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d2ef85;box-shadow:0 0 12px #cdeb85}.weather{margin-left:20px;color:#819b9e}#menu{position:absolute;z-index:2;left:6%;top:20%;width:385px}.eyebrow{font-size:10px;letter-spacing:3px;color:#cdeb85;font-weight:700}h1{font-size:clamp(58px,6.1vw,94px);line-height:.87;letter-spacing:-5px;margin:23px 0;font-weight:950;font-style:italic}h1 em{color:#d2ef85;font-style:italic}#menu>p{font-size:12px;color:#aebcb9;line-height:1.9;letter-spacing:1px;margin:22px 0 26px}.match-card{background:#1b2e34e8;border:1px solid #52625d;border-radius:3px;padding:20px 23px;box-shadow:0 10px 40px #0002}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#ccd7ce}.pill{border:1px solid #72816b;border-radius:3px;color:#cdeb85;font-size:8px;padding:4px 6px}h2{font-size:16px;letter-spacing:1px;margin:18px 0}.match-meta{display:flex;gap:24px;align-items:center;font-size:22px;font-weight:700;margin-bottom:22px}.match-meta>span+span{border-left:1px solid #ffffff24;padding-left:22px}.match-meta i{font-size:11px;color:#899d9b;font-style:normal}.match-meta small{font-size:9px;letter-spacing:1px;color:#b3c0b8}#start,.modal-card button{background:#d2ef85;color:#182a2b;border:none;border-radius:2px;width:100%;padding:17px 16px;text-align:left;font-size:18px;font-weight:900;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between}#start span{font-size:10px;font-weight:500;letter-spacing:.5px}.card-bottom{font-size:7px;letter-spacing:1px;color:#aabdb1;display:flex;align-items:center;gap:7px;margin-top:13px}.card-bottom>span:last-child{margin-left:auto;letter-spacing:0}#roster{position:absolute;right:4%;bottom:16%;width:265px;z-index:2;background:#11232bc9;border:1px solid #ffffff20;padding:21px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#roster>.eyebrow{font-size:8px;letter-spacing:2px}.team-name{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;margin:18px 0 15px}.team-name small{display:block;font-size:8px;font-weight:400;color:#95a7a6;margin-top:7px}.shield{font-size:21px;font-style:italic;color:#d2ef85;border:1px solid #d2ef85;padding:6px 10px;border-radius:0 0 12px 12px}.roster-line{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid #ffffff13;font-size:10px}.roster-line>span{color:#8daba3}.roster-line small{margin-left:auto;font-size:7px;color:#9bb2ad;letter-spacing:1px}.roster-line i{font-size:6px;color:#d2ef85}.opponent{border-top:1px solid #ffffff20;margin-top:7px;padding-top:17px;display:flex;gap:9px;font-size:7px;color:#a3b6b4}.opponent b{font-size:8px;color:#efb093}.opponent>span{margin-left:auto}footer{position:absolute;bottom:0;left:4%;width:92%;height:77px;border-top:1px solid #ffffff24;display:flex;align-items:center;gap:22px;z-index:2;color:#98aaa6;font-size:9px}.footer-label{color:#d9e0d5;font-size:8px;letter-spacing:2px}footer div{display:flex;align-items:center;gap:7px}kbd{border:1px solid #6b7c76;border-bottom:2px solid #6b7c76;padding:5px 6px;font:8px Arial;color:#e3eadc;border-radius:3px}.footer-end{margin-left:auto;font-size:8px;letter-spacing:1px}#hud{z-index:2;position:absolute;inset:0;pointer-events:none}#hud button{pointer-events:auto;position:absolute;right:4%;top:165px}.scoreboard{position:absolute;top:126px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;background:#10242de8;border:1px solid #ffffff33;padding:12px 24px;border-radius:4px}.scoreboard strong{font-size:32px;white-space:nowrap}.scoreboard i{font-size:20px;font-style:normal;color:#82958f;margin:0 12px}.scoreboard span{font-size:12px;font-weight:700}.scoreboard small{display:block;font-size:7px;letter-spacing:2px;color:#8ca39f;margin-top:5px}.team-home{color:#d2ef85}.team-away{color:#f39978}#clock{border-left:1px solid #ffffff40;padding-left:20px;font-size:20px;font-variant-numeric:tabular-nums}.player-panel{position:absolute;bottom:105px;left:4%;width:195px;background:#10242dd9;padding:16px;border-left:3px solid #d2ef85}.player-panel>small{font-size:8px;letter-spacing:1px;color:#a3b2ac}.player-panel>b{display:block;font-size:26px;margin:5px 0 15px}.meter-label{font-size:7px;letter-spacing:1px;color:#d3e2d4;margin:10px 0 6px;display:flex;justify-content:space-between}.meter-label span{color:#8fa69c;font-size:6px}.meter{background:#6c807e44;height:4px}.meter i{display:block;height:100%;width:100%;background:#d2ef85}.power i{width:0;background:#f4a273}.attack-hint{position:absolute;right:4%;bottom:110px;font-size:9px;letter-spacing:3px;color:#d2ef85}.attack-hint span{font-size:25px;vertical-align:middle}#announcement{position:absolute;inset:38% 0 auto;text-align:center;z-index:4;font-size:clamp(50px,10vw,130px);font-weight:950;font-style:italic;color:#d2ef85;letter-spacing:-3px;text-shadow:0 5px 40px #0008;pointer-events:none}#announcement small{display:block;font-size:12px;letter-spacing:6px;color:#fff;margin-bottom:15px}#modal{position:fixed;inset:0;z-index:6;background:#0a1b25bb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center}.modal-card{border:1px solid #627d71;padding:38px;background:#1a2e34;width:min(420px,90%);text-align:center}.modal-card>small{letter-spacing:5px;color:#cdeb85;font-size:10px}.modal-card h2{font-size:36px;font-style:italic;letter-spacing:-1px}.modal-card strong{display:block;font-size:64px;color:#d2ef85}.modal-card p{font-size:11px;line-height:1.9;color:#9db4aa}.modal-card button{font-size:13px;margin-top:12px;justify-content:center}.modal-card button.secondary{background:transparent;border:1px solid #60746b;color:#c8d1c6}#touch{display:none}#error{position:fixed;inset:35% 10%;padding:30px;background:#182f36;z-index:10}@media(max-height:780px)and (min-width:801px){#menu{top:20%;width:345px}h1{font-size:65px;margin:16px 0}#menu>p{margin:15px 0}.match-card{padding:17px 20px}.match-card h2{margin:14px 0}.match-meta{margin-bottom:15px}header{height:85px}.court-tag{top:107px}.scoreboard{top:105px}footer{height:60px}}@media(max-width:1000px){.footer-end,.weather{display:none}footer{gap:12px}#roster{width:230px}#menu{left:5%}}@media(max-width:800px){header{height:76px;gap:12px}.brand{font-size:34px}.header-title{font-size:8px}.edition{font-size:7px;letter-spacing:1px}.edition span{padding:0 5px}.court-tag{top:94px;font-size:7px}#menu{top:17%;width:320px;left:6%}h1{font-size:66px}.match-card{padding:17px 20px}#roster{display:none}footer{height:52px;gap:10px;justify-content:center}.footer-label{display:none}footer div{font-size:7px;gap:4px}kbd{font-size:7px;padding:4px}#touch:not([hidden]){display:flex;position:absolute;z-index:3;bottom:65px;left:5%;width:90%;align-items:end;justify-content:space-between;pointer-events:none}#joystick{width:112px;height:112px;border-radius:50%;border:1px solid #b5d0b64d;background:#183c3b66;display:grid;place-items:center;touch-action:none;pointer-events:auto}#joystick i{display:block;width:46px;height:46px;border-radius:50%;background:#cce99066;border:1px solid #cdeb85}.touch-actions{display:grid;grid-template-columns:repeat(2,57px);gap:9px;pointer-events:auto}.touch-actions button{width:57px;height:57px;border-radius:50%;border:1px solid #c7e19188;background:#17312bdd;color:#d2ef85;font-size:9px;font-weight:700;touch-action:none}.touch-actions button:last-child{background:#d2ef85;color:#18332b}.player-panel{bottom:210px;width:150px;padding:10px}.player-panel>b{font-size:20px;margin-bottom:6px}.scoreboard{top:105px;gap:12px;padding:10px 16px}.scoreboard strong{font-size:26px}.scoreboard span{font-size:10px}#clock{padding-left:12px;font-size:16px}.attack-hint{bottom:225px}#hud button{top:179px}.in-game .court-tag{display:none}}@media(max-width:450px){.edition{display:none}header>.icon{margin-left:auto}#menu{top:16%;width:88%}#menu>p{font-size:11px;margin:16px 0}h1{font-size:64px;margin:18px 0}.match-card h2{margin:15px 0}.match-meta{margin-bottom:16px}footer div:nth-of-type(2),footer div:last-of-type{display:none}.scoreboard{width:90%;justify-content:center;gap:12px}.scoreboard i{margin:0 6px}}@media(max-height:550px){#menu{top:105px;width:310px}#menu h1{font-size:44px;margin:10px 0}#menu>p{display:none}.match-card{padding:10px 15px}.match-card h2{margin:10px 0;font-size:13px}.match-meta{margin-bottom:10px;font-size:17px}#start{padding:12px;font-size:15px}.card-bottom{display:none}footer{height:36px}#touch:not([hidden]){bottom:45px}.player-panel{bottom:180px}.player-panel .meter-label,.player-panel .meter{display:none}.scoreboard{top:88px}.court-tag{top:90px}.attack-hint{display:none}}.attack-hint small{display:block;font-size:9px;letter-spacing:.5px;color:#b9cdbb;margin-top:8px}.ball-status{font-size:8px;color:#d2ef85;line-height:1.6;margin-top:12px}.touch-actions button[data-action=slide]{color:#ffbd8e;border-color:#eaa57488}@media(max-width:450px){.attack-hint small,.ball-status{font-size:7px}footer{gap:7px}}