/* OTBALL SPORTS 6.0 — football shell */
.sport-hub{overflow:hidden;background:#050817}.sport-hub>canvas{position:absolute;inset:0;width:100%;height:100%}.hub-top,.hub-footer{position:absolute;z-index:3;left:max(24px,var(--safe-left));right:max(24px,var(--safe-right));display:flex;align-items:center;justify-content:space-between}.hub-top{top:max(18px,var(--safe-top));padding-bottom:12px;border-bottom:1px solid #ffffff24}.hub-footer{bottom:max(15px,var(--safe-bottom));padding-top:11px;border-top:1px solid #ffffff20;color:#8491b2;font:800 7px system-ui;letter-spacing:2px}.hub-footer button{padding:8px 11px;border:1px solid #48547b;background:#0d1429;font-size:7px}.hub-brand{display:flex;align-items:center;gap:12px;text-align:left}.hub-brand small,.hub-brand b{display:block}.hub-brand small{font:800 7px system-ui;color:#6cebdd;letter-spacing:2px}.hub-brand b{font:italic 900 20px "Arial Black"}.hub-brand b em,.mini-brand b span{color:#c9ff3e;font-style:normal}.oto-mark{display:grid;place-items:center;width:43px;height:43px;border:2px solid #c9ff3e;border-radius:50%;background:#101830;color:#c9ff3e;font:italic 900 23px "Arial Black";box-shadow:0 0 28px #c9ff3e33}.hub-status{text-align:right}.hub-status span,.hub-status b{display:block}.hub-status span{color:#c9ff3e;font:800 7px system-ui}.hub-status b{margin-top:5px;font-size:8px;color:#9ea9c4}.hub-main{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:.66fr 1.5fr;align-items:center;gap:36px;max-width:1500px;margin:auto;padding:80px max(35px,var(--safe-right)) 72px max(35px,var(--safe-left))}.hub-copy h2{font:italic 900 clamp(43px,5.4vw,79px)/.84 "Arial Black";letter-spacing:-4px;margin:17px 0}.hub-copy h2 em{color:#c9ff3e;font-style:normal;text-shadow:6px 6px 0 #38560d}.hub-copy p{max-width:440px;font:650 13px/1.6 system-ui;color:#b7c0d5}.sport-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sport-choice{position:relative;min-height:505px;padding:22px;border:1px solid #43527d;text-align:left;overflow:hidden;box-shadow:0 25px 55px #000a;transition:.22s}.sport-choice:hover{transform:translateY(-8px);border-color:#fff}.handball-choice{background:radial-gradient(circle at 70% 22%,#ff4f9b44,transparent 40%),linear-gradient(155deg,#20204d,#0a0f24)}.football-choice{background:radial-gradient(circle at 70% 22%,#c9ff3e3d,transparent 42%),linear-gradient(155deg,#153b36,#081a1c)}.sport-index{position:absolute;right:18px;top:15px;color:#ffffff28;font:italic 900 40px "Arial Black"}.sport-art{height:245px;position:relative;margin:-22px -22px 18px;overflow:hidden}.handball-art{background:radial-gradient(circle at 65% 40%,#ff6b35aa 0 13px,#ffd43b 14px 18px,transparent 19px),linear-gradient(165deg,#262b6b,#10142e)}.football-art{background:radial-gradient(circle at 68% 45%,#fff 0 15px,#18251f 16px 20px,transparent 21px),linear-gradient(165deg,#28734b,#0f2c2a)}.sport-art i{position:absolute;bottom:10px;width:38px;height:100px;background:#111;clip-path:polygon(35% 0,65% 0,80% 25%,70% 58%,90% 100%,58% 100%,50% 68%,42% 100%,10% 100%,30% 58%,20% 25%)}.sport-art i:nth-child(1){left:22%;background:#c9ff3e}.sport-art i:nth-child(2){left:48%;bottom:25px;background:#ff6047;transform:scale(.85)}.sport-art i:nth-child(3){left:73%;background:#6cebdd;transform:scale(.72)}.sport-choice small,.sport-choice h3,.sport-choice p,.sport-choice>b{display:block}.sport-choice small{color:#8e9abd;font:800 7px system-ui;letter-spacing:2px}.sport-choice h3{font:italic 900 37px "Arial Black";margin:7px 0}.sport-choice h3 span{color:#c9ff3e}.handball-choice h3 span{color:#ff6b35}.sport-choice p{font:650 11px/1.5 system-ui;color:#b7c0d6}.sport-choice>b{margin-top:18px;padding-top:14px;border-top:1px solid #ffffff28;font-size:9px}.oto-corner{position:absolute;z-index:3;left:max(30px,var(--safe-left));bottom:70px;display:flex;align-items:center;gap:12px}.oto-corner p{padding:8px 12px;border:1px solid #46537a;background:#080d1ddd}.oto-corner p b,.oto-corner p span{display:block}.oto-corner p b{font-size:7px;color:#c9ff3e}.oto-corner p span{font:650 9px system-ui;color:#bac3d7}.pixel-pug{position:relative;width:56px;height:50px}.pixel-pug .face{position:absolute;inset:9px 6px 0;background:#c79a72;border-radius:45%}.pixel-pug .ear{position:absolute;top:4px;width:18px;height:22px;background:#3a2927}.pixel-pug .e1{left:2px;transform:rotate(-22deg)}.pixel-pug .e2{right:2px;transform:rotate(22deg)}.pixel-pug .muzzle{position:absolute;z-index:2;left:16px;bottom:3px;width:26px;height:20px;background:#5a4140;border-radius:45%}.pixel-pug .eye{position:absolute;z-index:3;top:20px;width:6px;height:7px;background:#090a0c;border:2px solid #eee;border-radius:50%}.pixel-pug .eye.a{left:16px}.pixel-pug .eye.b{right:16px}
.football-home,.football-screen{--lime:#c9ff3e;--cyan:#62eadc;--orange:#ff6047;background:radial-gradient(circle at 80% 0,#193c3777,transparent 33%),linear-gradient(145deg,#050817,#081a1b);overflow:auto}.football-topbar{position:sticky;z-index:10;top:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:8px max(22px,var(--safe-right)) 8px max(22px,var(--safe-left));border-bottom:1px solid #35486a;background:#060a17e8;backdrop-filter:blur(13px)}.mini-brand{background:none;border:0}.football-wallet{display:flex;gap:8px}.football-wallet>span,.football-wallet button{padding:10px 12px;border:1px solid #3f4c72;background:#0e152b;font-size:8px}.football-wallet>span{color:#ffd43b}.football-main{max-width:1450px;margin:auto;padding:18px max(22px,var(--safe-right)) 40px max(22px,var(--safe-left))}.football-hero{position:relative;height:min(54vh,520px);min-height:390px;border:1px solid #425078;overflow:hidden;box-shadow:0 25px 50px #0009}.football-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050817ee,#05081788 37%,transparent 72%)}.football-hero canvas{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.football-hero-copy{position:absolute;z-index:2;left:4%;top:8%;max-width:480px}.football-hero-copy>small{color:#62eadc;font-size:7px}.football-hero-copy h2{font:italic 900 clamp(42px,5vw,70px)/.84 "Arial Black";letter-spacing:-3px;margin:14px 0}.football-hero-copy h2 em{font-style:normal;color:#c9ff3e}.football-hero-copy p{font:650 12px/1.55 system-ui;color:#bdc7da}.football-hero-copy>div{display:flex;gap:9px;margin-top:20px}.football-hero-copy button,.football-primary{padding:14px 18px;border:1px solid #536283;background:#121a31;font-size:9px}.football-primary{background:linear-gradient(135deg,#d8ff5b,#a3dc24)!important;color:#07120d!important;border:0!important;box-shadow:5px 5px 0 #4b6c10}.oto-dugout{position:absolute;z-index:3;right:18px;bottom:17px;padding:12px 16px;border-left:3px solid #c9ff3e;background:#050817d9}.oto-dugout>*{display:block}.oto-dugout span{color:#c9ff3e;font-size:7px}.oto-dugout b{font-size:12px}.football-section-title{display:flex;justify-content:space-between;align-items:end;margin:22px 0 10px}.football-section-title small{color:#62eadc;font-size:7px}.football-section-title h3{font-size:23px;margin:5px 0 0}.football-modes{display:flex;gap:9px;overflow-x:auto;padding-bottom:12px}.football-modes button{flex:0 0 210px;min-height:135px;padding:15px;border:1px solid #35466c;background:radial-gradient(circle at 100% 0,#2c704f33,transparent 42%),linear-gradient(145deg,#101a31,#09101f);text-align:left}.football-modes button>*{display:block}.football-modes i{font-size:29px;color:#c9ff3e;font-style:normal}.football-modes small{font-size:6px;color:#8795b5;margin-top:9px}.football-modes b{font-size:16px;margin:4px 0}.football-modes em{font:700 7px system-ui;color:#62eadc;font-style:normal}.football-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.football-dashboard button{min-height:72px;padding:12px 14px;border:1px solid #334369;background:#0d162c;text-align:left}.football-dashboard button>*{display:block}.football-dashboard small{font-size:6px;color:#8794b4}.football-dashboard b{font-size:11px;margin:5px 0}.football-dashboard span{font:700 7px system-ui;color:#62eadc}
.football-setup-content,.football-panel-content{height:calc(100% - 84px);max-width:1200px;margin:auto;padding:22px;overflow:auto}.football-versus{display:grid;grid-template-columns:1fr 130px 1fr;align-items:center}.football-versus>button{min-height:180px;padding:20px;border:1px solid #405179;background:#101a31}.football-versus>button>*{display:block}.football-versus>button span{font-size:48px;color:#c9ff3e}.football-versus>button small{font-size:7px;color:#8795b6}.football-versus>button b{font-size:21px}.football-versus>button em{font:700 7px system-ui;color:#62eadc}.football-versus>div{text-align:center}.football-versus>div b{display:block;font:italic 900 42px "Arial Black";color:#c9ff3e}.football-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0}.football-options label,.f-form label,.f-settings label{display:flex;flex-direction:column;gap:7px;padding:11px;border:1px solid #34456c;background:#0d162c;color:#8f9dbb;font-size:7px}.football-options select,.f-form input,.f-form select,.f-settings select{padding:10px;border:1px solid #47567d;background:#070d1c;color:#fff}.football-arena-preview{position:relative;border:1px solid #415177}.football-arena-preview canvas{display:block;width:100%;height:250px;object-fit:cover;image-rendering:pixelated}.football-arena-preview>div{position:absolute;left:16px;bottom:15px;padding:12px;border-left:3px solid #c9ff3e;background:#050817dd}.football-arena-preview>div>*{display:block}.football-start{width:100%;margin-top:12px}.f-career,.f-editor,.f-tactics{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.f-career>div:first-child,.f-form,.f-tactics aside{padding:22px;border:1px solid #3e5076;background:#0d162b}.f-career-path{display:grid;gap:7px}.f-career-path article{display:grid;grid-template-columns:44px 1fr 90px;align-items:center;padding:10px;border:1px solid #34446a;background:#0b1326}.f-career-path article.current{border-color:#c9ff3e}.f-country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.f-country-grid button{padding:18px;border:1px solid #36466c;background:#0d162b}.f-country-grid button>*{display:block}.f-country-grid span{font-size:35px}.f-country-grid button.active{border:2px solid #c9ff3e}.f-world>.football-primary{width:100%;margin-top:15px}.f-crest-live,.f-player-live{min-height:480px;display:grid;place-content:center;text-align:center;border:1px solid #405177;background:radial-gradient(circle,#295e4d77,transparent 42%),#0b1326}.f-crest-live>span{font-size:120px;color:#c9ff3e}.f-player-live>div{font:italic 900 130px "Arial Black";color:#c9ff3e}.f-form{display:grid;gap:8px}.f-tactics{grid-template-columns:1.5fr .6fr}.f-board{min-height:500px;padding:35px;background:#176845}.formation{position:relative;width:100%;height:100%;border:3px solid #fff}.formation i{position:absolute;width:30px;height:30px;border-radius:50%;background:#c9ff3e;transform:translate(-50%,-50%)}.formation i:nth-child(1){left:6%;top:50%}.formation i:nth-child(2){left:25%;top:18%}.formation i:nth-child(3){left:25%;top:40%}.formation i:nth-child(4){left:25%;top:62%}.formation i:nth-child(5){left:25%;top:84%}.formation i:nth-child(6){left:52%;top:25%}.formation i:nth-child(7){left:52%;top:50%}.formation i:nth-child(8){left:52%;top:75%}.formation i:nth-child(9){left:80%;top:20%}.formation i:nth-child(10){left:86%;top:50%}.formation i:nth-child(11){left:80%;top:80%}.f-tactics aside button{display:flex;justify-content:space-between;padding:14px;border:1px solid #3e4e73;background:#111a30}.f-tactics aside button.active{border-color:#c9ff3e}.f-training{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.f-training button{min-height:390px;padding:24px;border:1px solid #405078;background:#0d162b;text-align:left}.f-training button>*{display:block}.f-training i{font-size:70px;color:#c9ff3e}.f-training b{font-size:24px}.f-training span{color:#c9ff3e}.f-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.f-stats article{min-height:140px;display:grid;place-content:center;text-align:center;border:1px solid #405078;background:#0d162a}.f-stats article b{font-size:55px;color:#c9ff3e}.f-achievements{grid-column:1/-1;padding:20px}.f-achievements span{display:inline-block;padding:10px;color:#66728f}.f-achievements span.done{color:#c9ff3e}.f-settings{display:grid;gap:9px;max-width:750px;margin:auto}.f-settings article{padding:18px;border-left:3px solid #62eadc;background:#0d162a}
.football-match canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;touch-action:none}.football-scoreboard{position:absolute;z-index:4;left:50%;top:max(8px,var(--safe-top));transform:translateX(-50%);display:grid;grid-template-columns:1fr 94px 1fr;min-width:440px;background:#050817e8}.football-scoreboard>div{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:8px}.football-scoreboard>div:last-child{justify-content:flex-start}.football-scoreboard>div b{font-size:24px;color:#c9ff3e}.football-scoreboard>section{text-align:center;padding:6px;background:#111a30}.football-scoreboard section>*{display:block}.football-call{position:absolute;z-index:4;left:50%;top:75px;transform:translate(-50%,-10px);padding:9px 15px;border-left:3px solid #c9ff3e;background:#050817dd;opacity:0}.football-call.show{opacity:1}.football-call>*{display:block;text-align:center}.football-energy{position:absolute;z-index:4;left:18px;bottom:15px;width:190px;padding:8px;background:#050817cc}.football-energy i{display:block;height:6px;background:#2a3450}.football-energy i b{display:block;height:100%;background:#c9ff3e}.football-controls{position:absolute;z-index:5;left:18px;right:18px;bottom:14px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.football-stick{position:relative;width:125px;height:125px;border:2px solid #ffffff3d;border-radius:50%;background:#07101d88;pointer-events:auto;touch-action:none}.football-stick i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:#c9ff3e}.football-actions{display:flex;align-items:end;gap:10px;pointer-events:auto}.football-actions button{width:80px;height:80px;border:2px solid #fff6;border-radius:50%;background:#142441dd;touch-action:none}.football-actions .football-shoot{width:105px;height:105px;background:#c9ff3e;color:#07100d}.football-actions button>*{display:block}.football-actions button.pressed{transform:scale(.9)}.football-pc-guide{position:absolute;z-index:4;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:10px;padding:7px;background:#050817cc;font:700 6px system-ui}.football-orientation{display:none}
@media(max-width:900px){.hub-main{grid-template-columns:1fr;overflow:auto}.hub-copy{display:none}.sport-choice{min-height:430px}.football-dashboard{grid-template-columns:repeat(2,1fr)}.f-career,.f-editor,.f-tactics{grid-template-columns:1fr}.f-country-grid{grid-template-columns:repeat(2,1fr)}.f-training{grid-template-columns:1fr}.football-options{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px) and (orientation:portrait){.sport-choice-grid{grid-template-columns:1fr}.sport-choice{min-height:320px}.sport-art{height:130px}.hub-main{display:block}.oto-corner,.hub-footer{display:none}.football-hero-copy h2{font-size:45px}.football-dashboard{grid-template-columns:1fr}.football-versus{grid-template-columns:1fr 60px 1fr}.football-versus>button{min-height:150px;padding:10px}.football-scoreboard{min-width:310px}.football-controls,.football-energy,.football-pc-guide{display:none}.football-orientation{position:absolute;z-index:8;inset:0;display:grid;place-content:center;text-align:center;background:#050817ee}.football-orientation b{font-size:26px;color:#c9ff3e}.football-orientation span{font:650 11px system-ui}}
@media(orientation:landscape) and (max-height:560px){.hub-main{grid-template-columns:.48fr 1.52fr;padding-top:64px}.hub-copy h2{font-size:45px}.hub-copy p,.oto-corner{display:none}.sport-choice{min-height:360px}.sport-art{height:170px}.football-topbar{height:52px}.football-hero{height:300px;min-height:300px}.football-hero-copy h2{font-size:43px}.football-hero-copy p,.football-dashboard{display:none}.football-modes button{min-height:100px}.football-setup-content,.football-panel-content{height:calc(100% - 56px);padding:8px}.football-versus>button{min-height:105px}.football-arena-preview canvas{height:130px}.football-stick{width:105px;height:105px}.football-actions button{width:68px;height:68px}.football-actions .football-shoot{width:88px;height:88px}}