/* OTBALL SPORTS 6.0 — visual language, icons and match atmosphere */
:root{--hb-ink:#070913;--hb-blue:#122d63;--hb-cyan:#56f4e5;--hb-pink:#ff4f9b;--fb-ink:#06130f;--fb-grass:#1e6b43;--fb-lime:#c9ff3e;--fb-sky:#62eadc}

/* Handmade interface icons — no system emoji */
.mode-icon,.football-icon{position:relative;display:inline-block;width:31px;height:31px;color:currentColor;isolation:isolate}.mode-icon:before,.mode-icon:after,.football-icon:before,.football-icon:after{content:"";position:absolute;box-sizing:border-box}.icon-cup:before{left:7px;top:5px;width:17px;height:14px;border:3px solid currentColor;border-radius:2px 2px 8px 8px}.icon-cup:after{left:12px;top:18px;width:8px;height:8px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-shadow:-5px 7px 0 -2px currentColor,5px 7px 0 -2px currentColor}.icon-world:before{inset:3px;border:3px solid currentColor;border-radius:50%;background:linear-gradient(90deg,transparent 43%,currentColor 44% 56%,transparent 57%),linear-gradient(0deg,transparent 43%,currentColor 44% 56%,transparent 57%)}.icon-world:after{left:8px;right:8px;top:3px;bottom:3px;border:2px solid currentColor;border-top:0;border-bottom:0;border-radius:50%}.icon-goal:before{left:3px;top:8px;width:25px;height:17px;border:3px solid currentColor;border-bottom:0}.icon-goal:after{left:8px;top:13px;width:15px;height:12px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,currentColor 0 1px,transparent 1px 5px);opacity:.65}.icon-play:before{left:3px;top:13px;width:25px;height:3px;background:currentColor;box-shadow:-1px -8px 0 -1px currentColor,10px 8px 0 -1px currentColor}.icon-play:after{right:2px;top:8px;width:8px;height:8px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:rotate(45deg)}.icon-echo:before{inset:5px;border:3px solid currentColor;border-radius:50%;box-shadow:7px 0 0 -4px currentColor,-7px 0 0 -4px currentColor}.icon-echo:after{left:13px;top:3px;width:5px;height:25px;background:currentColor;transform:rotate(42deg);opacity:.7}.icon-starburst:before{left:13px;top:2px;width:5px;height:27px;background:currentColor;box-shadow:0 0 0 0 currentColor;transform:rotate(45deg)}.icon-starburst:after{left:13px;top:2px;width:5px;height:27px;background:currentColor;transform:rotate(-45deg)}.icon-arena:before{left:3px;top:8px;width:25px;height:16px;border:3px solid currentColor;transform:perspective(28px) rotateX(28deg)}.icon-arena:after{left:8px;top:13px;width:15px;height:3px;background:currentColor;box-shadow:0 6px 0 -1px currentColor}.icon-replay:before{left:3px;top:5px;width:25px;height:19px;border:3px solid currentColor;border-radius:3px}.icon-replay:after{left:13px;top:9px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.icon-duel:before{left:4px;top:4px;width:8px;height:23px;border:3px solid currentColor;transform:rotate(-28deg)}.icon-duel:after{right:4px;top:4px;width:8px;height:23px;border:3px solid currentColor;transform:rotate(28deg)}.icon-target:before{inset:3px;border:3px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 5px transparent}.icon-target:after{left:12px;top:12px;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 -11px 0 -2px currentColor,0 11px 0 -2px currentColor,11px 0 0 -2px currentColor,-11px 0 0 -2px currentColor}.icon-kick:before{left:4px;top:5px;width:22px;height:22px;border:3px solid currentColor;border-radius:50%;background:radial-gradient(circle at 50% 50%,currentColor 0 3px,transparent 4px)}.icon-kick:after{left:11px;top:0;width:14px;height:4px;background:currentColor;transform:rotate(-28deg);box-shadow:7px 9px 0 -1px currentColor}.icon-penalty:before{left:3px;top:6px;width:25px;height:20px;border:3px solid currentColor;border-bottom:0}.icon-penalty:after{left:12px;top:15px;width:7px;height:7px;border-radius:50%;background:currentColor}.icon-crest:before{left:7px;top:3px;width:17px;height:23px;border:3px solid currentColor;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.icon-crest:after{left:11px;top:9px;width:9px;height:9px;border:2px solid currentColor;transform:rotate(45deg)}.mini-globe,.mini-crest{display:inline-block;position:relative;width:14px;height:14px;margin-right:5px;vertical-align:-2px}.mini-globe{border:2px solid currentColor;border-radius:50%}.mini-globe:before,.mini-globe:after{content:"";position:absolute;background:currentColor}.mini-globe:before{left:5px;top:0;width:2px;height:10px}.mini-globe:after{left:0;right:0;top:5px;height:2px}.mini-crest{border:2px solid currentColor;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.settings-glyph{position:relative;width:37px;height:37px;border:1px solid #3f4c72;background:#0e152b}.settings-glyph:before{content:"";position:absolute;inset:10px;border:3px dotted #c9ff3e;border-radius:50%;animation:iconSpin 9s linear infinite}.settings-glyph:after{content:"";position:absolute;inset:15px;background:#c9ff3e;border-radius:50%}@keyframes iconSpin{to{transform:rotate(360deg)}}.football-mark i{position:relative;display:block;width:24px;height:24px;border:3px solid #c9ff3e;border-radius:50%}.football-mark i:before,.football-mark i:after{content:"";position:absolute}.football-mark i:before{inset:6px;background:#c9ff3e;clip-path:polygon(50% 0,100% 36%,81% 100%,19% 100%,0 36%)}.football-mark i:after{left:1px;right:1px;top:9px;border-top:2px solid #c9ff3e;transform:rotate(33deg)}

/* Sport identity */
.handball-signature{border-bottom:1px solid #48f3e844;background:linear-gradient(90deg,#0c1f4588,transparent)}.handball-signature>span{color:#56f4e5}.football-sport-strip{display:flex;justify-content:space-between;gap:15px;padding:8px 12px;margin-bottom:8px;border:1px solid #5ce5b233;background:linear-gradient(90deg,#133c2b,#091712);font:800 7px system-ui;letter-spacing:1.7px;color:#7ef5cc}.football-sport-strip b{font-size:7px;color:#b7c9c0}.football-home .football-hero{border-color:#6ce7a655;box-shadow:0 28px 60px #000b,0 0 0 1px #b9ffdb12}.football-home .football-hero:after{background:linear-gradient(90deg,#04100bee 0,#06150f99 36%,#06150f22 63%,#03100822)}.football-home .football-modes button{border-color:#365e4a;background:radial-gradient(circle at 100% 0,#7df1a022,transparent 42%),linear-gradient(145deg,#0b251a,#07150f)}.football-home .football-modes button:hover{border-color:#c9ff3e;box-shadow:0 12px 28px #0008,0 0 28px #c9ff3e1f}.football-home .football-dashboard button{border-color:#2c5f48;background:linear-gradient(145deg,#0e261b,#07140e)}.football-home .football-topbar{border-color:#315b47;background:#04110be8}.football-match{background:radial-gradient(circle at 50% 35%,#142f26,#030907 68%)}.football-scoreboard{border:1px solid #4d9b72;box-shadow:0 12px 35px #000b}.football-scoreboard>section{background:#143d2c}.football-call{border-left-color:#c9ff3e}.football-energy{border:1px solid #396e53}.football-stick{border-color:#c9ff3e66;background:radial-gradient(circle,#c9ff3e1f,transparent 65%),#07150fcc}.football-actions button{border-color:#93ffca88;background:#0c2a1ddd}.football-actions .football-shoot{box-shadow:0 0 0 5px #c9ff3e19,0 12px 25px #000b}.football-pc-guide{border:1px solid #356951;background:#05130ddd}.football-pc-guide b{color:#c9ff3e}

/* Indoor handball polish */
#game.game-screen{background:radial-gradient(circle at 50% 34%,#172c66,#02040b 68%)}#game .match-hud{border:1px solid #58f6e466;background:#06122ae8;box-shadow:0 10px 30px #000a}#game .game-message{border-color:#57f4e8}#game .touch-controls .joystick{background:radial-gradient(circle,#3cf0e530,transparent 67%),#071229bb;border-color:#3cf0e577}#game .action-pad button{box-shadow:0 10px 20px #0009;transition:transform .12s,filter .12s}#game .action-pad button.pressed{transform:scale(.9);filter:brightness(1.3)}#game .pc-guide{border-color:#355a79;background:#071124dd}.mode-rail .mode-icon{width:31px;height:31px;margin-bottom:10px;color:var(--mode,var(--lime));text-shadow:0 0 18px currentColor}.mode-rail .mode-icon:before,.mode-rail .mode-icon:after{filter:drop-shadow(0 0 6px currentColor)}

@media(max-width:720px){.football-sport-strip{font-size:6px;padding:7px}.football-sport-strip b{display:none}.mode-rail .mode-icon{width:27px;height:27px}.football-icon{width:27px;height:27px}.settings-glyph{width:34px;height:34px}}

/* Small UI details built as pixels/CSS instead of platform emoji. */
.arrow-mark{display:inline-block;width:8px;height:8px;margin-left:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg) translateY(-1px)}.hub-settings{display:inline-flex!important;align-items:center;gap:7px}.hub-settings i,.settings-card i{position:relative;display:inline-block;width:13px;height:13px;border:2px dotted currentColor;border-radius:50%;animation:iconSpin 9s linear infinite}.hub-settings i:after,.settings-card i:after{content:"";position:absolute;inset:4px;background:currentColor;border-radius:50%}.settings-card{display:grid!important;place-items:center}.settings-card i{width:16px;height:16px;color:var(--cyan)}
.coach-pixel{position:relative!important;width:49px!important;height:49px!important;font-size:0!important;background:linear-gradient(90deg,#ffb37a 0 22%,#9d533d 23% 76%,#ffb37a 77%);box-shadow:inset 0 -13px #4058a6,0 5px 0 #060a18}.coach-pixel i{position:absolute;display:block}.coach-pixel i:nth-child(1){left:8px;top:6px;width:33px;height:14px;background:#241a2b}.coach-pixel i:nth-child(2){left:12px;top:23px;width:5px;height:5px;background:#07101d;box-shadow:20px 0 #07101d}.coach-pixel i:nth-child(3){left:17px;top:35px;width:15px;height:3px;background:#fff1dc}.stat-mark{position:relative;display:inline-block!important;width:27px;height:27px;font-size:0!important;color:var(--cyan)}.stat-mark:before,.stat-mark:after{content:"";position:absolute;box-sizing:border-box}.stat-trophy:before{left:6px;top:3px;width:15px;height:13px;border:3px solid currentColor;border-radius:2px 2px 8px 8px}.stat-trophy:after{left:11px;top:17px;width:6px;height:7px;border-left:3px solid currentColor;border-right:3px solid currentColor;box-shadow:-5px 7px 0 -2px currentColor,5px 7px 0 -2px currentColor}.stat-flash:before{left:10px;top:1px;width:9px;height:25px;background:var(--orange);clip-path:polygon(55% 0,100% 0,64% 40%,100% 40%,21% 100%,40% 55%,0 55%)}.stat-links:before{left:3px;top:10px;width:13px;height:8px;border:3px solid var(--lime);border-radius:7px;transform:rotate(-35deg)}.stat-links:after{right:3px;top:10px;width:13px;height:8px;border:3px solid var(--lime);border-radius:7px;transform:rotate(-35deg)}.stat-glove:before{left:6px;top:6px;width:15px;height:18px;background:var(--pink);clip-path:polygon(0 23%,19% 23%,19% 0,34% 0,36% 17%,48% 0,63% 0,63% 17%,76% 4%,91% 9%,87% 59%,65% 100%,18% 93%,0 63%)}.cup-glyph{position:relative;width:39px;height:39px;font-size:0!important}.cup-glyph:before{content:"";position:absolute;left:9px;top:4px;width:21px;height:17px;border:3px solid var(--yellow);border-radius:2px 2px 10px 10px}.cup-glyph:after{content:"";position:absolute;left:16px;top:21px;width:7px;height:9px;border-left:3px solid var(--yellow);border-right:3px solid var(--yellow);box-shadow:-7px 8px 0 -3px var(--yellow),7px 8px 0 -3px var(--yellow)}