:root{--bg:#111918;--panel:#1b2522;--line:#34413b;--text:#edf1e6;--muted:#9faea5;--accent:#fa8553;--green:#bcdcab;--dark:#0c1211;--club:#3985cf;--club2:#dae7ef;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{min-height:46px;border:0;cursor:pointer;font-weight:700;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.08)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.4px;line-height:1.14}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:25px;line-height:1.2;letter-spacing:-.7px}p{margin-top:12px}.muted{color:var(--muted)}.tiny{font-size:12px}.eyebrow,.edition,.badge,.mini-label{font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px}.eyebrow{color:var(--muted);margin-bottom:12px}.edition{color:#829489;margin-top:8px;letter-spacing:1px;font-size:8px}.wordmark,.auth-logo{font-size:31px;letter-spacing:-2px;font-weight:900;line-height:1}.wordmark span,.auth-logo>span:not(.edition){color:var(--accent)}.primary{background:var(--accent);color:#162019;padding:14px 22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px}.secondary{background:#29352e;color:var(--text);border:1px solid #465347;padding:12px 18px;border-radius:4px}.wide{width:100%}.text-btn{color:var(--muted);background:none;font-size:13px;padding:10px 0}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 10px #bcdcaa25;margin-right:7px}.badge{padding:7px 10px;border:1px solid var(--line);color:var(--muted);font-size:9px;white-space:nowrap;letter-spacing:1px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:27px 0 14px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 0 26px}label{display:block;font-size:12px;color:var(--muted);font-weight:700;margin:20px 0}input:not([type=range]),select{width:100%;min-height:49px;background:#141d1a;border:1px solid #465248;border-radius:4px;padding:11px 14px;color:var(--text);margin-top:7px;font-size:16px}input:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}#toast{position:fixed;left:50%;top:20px;transform:translateX(-50%);padding:14px 20px;z-index:100;border:1px solid #627361;background:#253128;box-shadow:0 8px 35px #0008;border-radius:6px;max-width:90vw;width:max-content;font-size:13px;display:none}.form-error{color:#ffa47e;font-size:12px;min-height:20px;margin:12px 0}.auth-screen{min-height:100svh;display:grid;grid-template-columns:1.2fr 1fr}.auth-art{position:relative;overflow:hidden;min-height:660px;padding:48px;background:radial-gradient(ellipse at 10% 60%,#354b3b,transparent 65%),#1b2822}.auth-logo{position:relative;z-index:2;font-size:40px}.auth-logo .edition{display:block;color:#afbbac;letter-spacing:3px;margin-top:18px;font-size:9px}.auth-copy{position:relative;z-index:2;margin-top:160px}.auth-copy small{letter-spacing:2px;color:var(--green);font-size:10px}.auth-copy h1{font-size:70px;letter-spacing:-3px;line-height:1.05;margin-top:20px}.auth-copy p{color:#bdc9ba}.auth-caption{position:absolute;bottom:35px;left:48px;font-size:9px;letter-spacing:2px;color:#b3bea9}.track-art{position:absolute;inset:90px -380px -200px 20%;transform:rotate(-25deg);border:35px solid #975c4060;border-radius:50%;box-shadow:0 0 0 1px #ca9a6430,0 0 0 9px #1f2b24,0 0 0 10px #ca9a6450,0 0 0 18px #1f2b24,0 0 0 19px #ca9a6450,0 0 0 27px #1f2b24,0 0 0 28px #ca9a6450,0 0 0 36px #1f2b24,0 0 0 37px #ca9a6450}.auth-panel{align-self:center;padding:65px;max-width:550px;width:100%;margin:auto}.auth-panel h2{font-size:32px;letter-spacing:-1px}.local-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.setup-card{max-width:540px;margin:6vh auto;padding:30px}.setup-card .wordmark{margin-bottom:50px}.setup-card h1{font-size:38px}#club-preview{margin:25px 0;padding:20px;background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--club)}.club-preview-colors{display:flex;gap:5px;margin:10px 0}.color-dot{display:inline-block;width:22px;height:22px;border-radius:50%;border:2px solid #ffffff25}.sidebar{position:fixed;left:0;top:0;bottom:0;width:225px;padding:36px 26px;background:var(--dark);border-right:1px solid #2a372f;display:flex;flex-direction:column}.sidebar nav{margin:56px -10px 0;display:grid;gap:9px}.nav-item{display:flex;align-items:center;gap:15px;background:none;color:#9ead9f;padding:14px 13px;min-height:49px;text-align:left;border-radius:4px;font-size:13px}.nav-item .nav-icon{font-size:20px;width:25px;font-weight:400;text-align:center}.nav-item.active{background:#263329;color:var(--green)}.nav-index{margin-left:auto;font-size:9px;opacity:.5}.side-bottom{margin-top:auto;color:#9fac9d;font-size:11px}.side-bottom span{display:block;font-size:8px;letter-spacing:1px;margin-top:12px;color:#626f63}.main-shell{margin-left:225px;max-width:1700px}.topbar{height:92px;padding:22px 38px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.topbar .eyebrow{font-size:8px;margin-bottom:4px}.topbar strong{font-size:17px}.top-right{display:flex;gap:22px;align-items:center}.connection{font-size:9px;letter-spacing:1px;color:#c2d1bf}.avatar{height:42px;min-height:42px;width:42px;border-radius:50%;color:#e8ede0;background:#344839;border:1px solid #60715c;font-size:12px}.resources{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 38px;border-bottom:1px solid var(--line);gap:28px}.resources>div{border-right:1px solid var(--line);position:relative}.resources>div:last-child{border:0}.resources span{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:4px}.resources strong{font-size:23px;letter-spacing:-.5px;white-space:nowrap}.resources small{font-size:10px;color:#8c9b8b;margin-left:12px}main{padding:32px 38px;min-height:65vh}.home-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.home-feature{position:relative;overflow:hidden;border:1px solid #4b634f;border-radius:6px;background:radial-gradient(ellipse at 70% 0,#4b6146,transparent 85%),#243f32;padding:28px 30px;min-height:320px}.home-feature h2{font-size:39px;line-height:1.1;letter-spacing:-1.4px;margin-top:24px;position:relative;z-index:1}.home-feature p{font-size:12px;color:#c0d0bc;position:relative;z-index:1}.home-feature .primary{margin-top:23px;position:relative;z-index:2;font-size:12px;min-width:175px}.mini-label{color:#c5ddbd;font-size:8px}.feature-lines{position:absolute;width:300px;height:530px;right:-85px;top:-30px;transform:rotate(28deg);border:1px solid #b7cf8138;border-radius:50%;box-shadow:0 0 0 12px #ffffff03,0 0 0 13px #b7cf8138,0 0 0 27px #ffffff03,0 0 0 28px #b7cf8138,0 0 0 42px #ffffff03,0 0 0 43px #b7cf8138,0 0 0 55px #ffffff03,0 0 0 56px #b7cf8138}.feature-number{position:absolute;right:25px;top:70px;font-size:155px;line-height:1;font-weight:900;letter-spacing:-15px;opacity:.16;color:#d2eab3;transform:rotate(-5deg)}.feature-number span{display:block;font-size:8px;letter-spacing:2px;margin-top:12px}.next-card{display:flex;flex-direction:column;justify-content:space-between}.next-card p{font-size:12px;max-width:300px}.next-card .secondary{margin-top:18px;font-size:12px}.progress-line,.capacity-bar{height:5px;background:#374636;margin-top:28px;border-radius:5px;overflow:hidden}.progress-line span,.capacity-bar span{display:block;height:100%;background:var(--green);width:0;transition:width .5s}.progress-caption{display:flex;justify-content:space-between;font-size:10px;margin-top:9px;color:var(--muted);gap:10px}.progress-caption b{color:var(--green)}.pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pulse-card{padding:20px 22px;background:#19231f;border:1px solid var(--line);border-radius:4px}.pulse-card span{color:var(--muted);font-size:10px;display:block}.pulse-card b{display:block;font-size:30px;letter-spacing:-1px;margin:8px 0 1px}.pulse-card small{font-size:10px;color:#8d9d8a}.intro-note{display:flex;align-items:center;gap:20px;margin-top:22px;padding:19px 22px;background:transparent}.intro-note p{font-size:12px;margin-top:4px}.intro-note strong{font-size:13px}.note-icon{font-size:28px;color:var(--green)}.result-row{display:flex;align-items:center;gap:18px;padding:17px 20px;border:1px solid var(--line);border-radius:4px;background:#19221e;margin-bottom:9px}.result-row .result-score{background:#314032;padding:5px 12px;font-size:20px;white-space:nowrap}.result-row .result-info{flex:1}.result-info small{display:block;color:var(--muted);font-size:10px}.result-row .income{color:var(--green);font-size:12px}.main-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin:8px 38px 0;padding:23px 0;font-weight:900;color:#849380;font-size:12px}.main-footer span,.main-footer small{font-size:8px;font-weight:400;letter-spacing:1px}.mobile-nav{display:none}.tactic-panel{display:flex;align-items:center;gap:30px;padding:16px 22px}.tactic-panel label{margin:0;min-width:220px}.tactic-panel p{margin:0}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.player-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:16px;color:var(--text);position:relative;overflow:hidden}.player-card .player-top{display:flex;align-items:center;gap:12px}.jersey{width:50px;height:55px;display:flex;align-items:center;justify-content:center;background:var(--club);color:#fff;font-size:23px;font-weight:900;clip-path:polygon(24% 0,38% 6%,62% 6%,76% 0,100% 22%,87% 41%,80% 32%,80% 100%,20% 100%,20% 32%,13% 41%,0 22%);text-shadow:0 1px 3px #000;flex-shrink:0}.player-position{color:var(--muted);font-size:10px}.player-level{font-size:17px;letter-spacing:-.5px}.player-attrs{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;font-size:10px;color:var(--muted);font-weight:400}.player-attrs b{float:right;color:var(--text)}.player-bottom{display:flex;justify-content:space-between;margin-top:15px;font-size:9px;color:var(--green)}.training-progress{height:3px;background:#344339;margin-top:10px}.training-progress span{display:block;height:100%;background:var(--accent)}dialog{color:var(--text);background:#1b2720;border:1px solid #596852;border-radius:10px;padding:28px;width:480px;max-width:calc(100vw - 24px);max-height:90svh;overflow:auto;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#050b08b5;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:8px;font-size:27px;background:none;color:var(--muted);width:44px}.detail-header{display:flex;align-items:center;gap:22px;margin:15px 0 24px}.detail-header .jersey{width:72px;height:82px;font-size:35px}.detail-header h2{font-size:28px}.attr-choice{display:flex;align-items:center;gap:10px;margin:8px 0;border:1px solid var(--line);padding:11px 13px;cursor:pointer;border-radius:4px;min-height:46px}.attr-choice:has(input:checked){border-color:var(--green);background:#2b3a2c}.attr-choice input{accent-color:var(--green);min-height:0!important;width:auto!important;margin:0!important}.attr-choice b{margin-left:auto;color:var(--text);font-size:17px}.training-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.training-actions button{font-size:12px;padding:12px;display:block}.training-actions small{display:block;font-size:10px;font-weight:400;margin-top:3px}.swap-select{margin:15px 0 10px}.stadium-stage{border:1px solid #4b5845;border-radius:6px;overflow:hidden;background:#18251e}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 24px;background:#16211b;border-bottom:1px solid #364532;gap:16px}.team-name{display:grid;grid-template-columns:9px 1fr;align-items:center;column-gap:8px}.team-name i{grid-row:1/3;width:5px;height:31px;background:var(--club);border-radius:1px}.team-name strong{font-size:15px;line-height:1.2}.team-name small{font-size:8px;color:#91a089;letter-spacing:1.2px;margin-top:5px}.team-name.away{text-align:right;grid-template-columns:1fr 9px}.team-name.away i{grid-column:2}.team-name.away strong,.team-name.away small{grid-column:1}.team-name.away strong{grid-row:1}.team-name.away small{grid-row:2}.score-center{text-align:center}.score-center b{font-family:monospace;font-size:37px;letter-spacing:5px;font-weight:700;line-height:1.05}.score-center span{display:block;color:var(--accent);font-size:9px;letter-spacing:1px;margin-top:6px}.canvas-wrap{position:relative;background:#1b2a25;overflow:hidden;line-height:0}#stadium{display:block;width:100%;height:auto;aspect-ratio:1536/1024;max-height:65svh;object-fit:contain;touch-action:pan-y}.ground-label{position:absolute;bottom:15px;left:18px;line-height:1.6;pointer-events:none;background:#0c1a1480;padding:7px 10px}.ground-label span{font-size:9px;letter-spacing:2px;display:block}.ground-label small{font-size:7px;color:#bcc9b1;letter-spacing:1px}.camera-buttons{position:absolute;bottom:18px;right:15px;display:flex;gap:7px}.camera-buttons button{background:#101d17cc;border:1px solid #a3b29450;color:#e6eddb;width:44px;border-radius:4px;font-size:24px}.event-callout{position:absolute;top:13px;left:50%;transform:translateX(-50%);border:1px solid #c4d5a950;background:#14221cee;color:var(--green);padding:12px 18px;text-align:center;line-height:1.2;font-size:12px;border-radius:3px;max-width:90%;width:max-content}.event-callout.goal{background:var(--accent);color:#121a13;font-size:23px;font-weight:900;letter-spacing:1px}.stadium-footer{display:flex;justify-content:space-between;padding:11px 18px;font-size:9px;color:#adbda2;letter-spacing:.6px;border-top:1px solid #3c4a35}.stadium-footer .status-dot{width:5px;height:5px}.match-controls{display:flex;gap:10px;margin:15px 0}.match-controls .primary{flex:1}.match-controls button{font-size:12px}.match-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:22px}.match-bottom .section-heading{margin:0 0 17px}.live-label{font-size:8px;color:var(--accent);letter-spacing:2px}.event-feed{max-height:280px;overflow:auto;padding-right:5px}.event-row{display:grid;grid-template-columns:30px 23px 1fr;gap:9px;border-bottom:1px solid #344130;padding:11px 0;font-size:11px}.event-row time{font-family:monospace;color:var(--accent)}.event-row .event-symbol{color:var(--green);font-size:14px}.event-row small{display:block;font-size:9px;color:var(--muted)}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:15px 0;font-size:11px}.stat-row b{font-size:17px}.stat-row span{color:var(--muted)}.settlement{padding:20px 24px;background:#2d3e2d;border:1px solid #6a8059;border-radius:5px}.settlement h3{font-size:20px}.settlement p{font-size:12px;color:#c5d7b9}.stadium-profile{display:flex;align-items:center;gap:30px}.big-stadium{font-size:130px;color:var(--green);opacity:.6;line-height:1}.stadium-profile h2{font-size:32px}.stadium-profile .badge{display:inline-block;margin-top:16px}.ticket-panel{margin-top:20px}.ticket-panel .section-heading{margin-top:0}.price{font-size:31px;color:var(--green);letter-spacing:-1px}input[type=range]{width:100%;accent-color:var(--accent);height:46px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.ticket-forecast{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.ticket-forecast span{display:block;font-size:11px;color:var(--muted)}.ticket-forecast b{font-size:25px}.ticket-panel .primary{margin-top:20px}.ticket-panel .capacity-bar{margin-top:12px}.future-stadiums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.future-stadiums>div{border:1px solid var(--line);border-radius:4px;padding:15px;background:#19221e;color:#9aa991;font-size:12px}.future-stadiums small{display:block;font-size:10px;margin-top:8px;color:#697c69}.fan-hero{overflow:hidden;position:relative;margin-bottom:20px}.fan-hero>strong{font-size:65px;letter-spacing:-3px;color:var(--green);line-height:1.05}.fan-hero>p{margin-top:5px}.fan-scarf{margin:25px 0 18px;max-width:420px;background:var(--club);border-top:7px solid var(--club2);border-bottom:7px solid var(--club2);text-align:center;font-weight:900;font-size:20px;padding:8px 12px;color:#fff;text-shadow:0 1px 3px #000;letter-spacing:4px}.settings-card{margin-top:24px}.settings-card .secondary{margin-top:20px}.empty{border:1px dashed #44543c;color:var(--muted);border-radius:5px;padding:24px;font-size:12px}.stadium-stage:fullscreen{display:flex;flex-direction:column;background:#111c17}.stadium-stage:fullscreen .canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center}.stadium-stage:fullscreen canvas{width:auto;max-width:100vw;height:100%;max-height:calc(100svh - 130px)}.stadium-stage:fullscreen .scoreboard{padding:10px 20px}.stadium-stage:fullscreen .ground-label{bottom:8px}body.busy{cursor:progress}[hidden]{display:none!important}
@media(min-width:1400px){.roster-grid{grid-template-columns:repeat(6,1fr)}.home-feature h2{font-size:46px}.feature-number{right:40px}}
@media(max-width:1100px){.sidebar{width:190px;padding:30px 18px}.main-shell{margin-left:190px}.topbar,.resources{padding-left:25px;padding-right:25px}main{padding:26px 25px}.home-grid{grid-template-columns:1.3fr 1fr}.home-feature{padding:25px}.feature-number{font-size:120px;right:14px;top:100px}.home-feature h2{font-size:33px}.roster-grid{grid-template-columns:repeat(3,1fr)}.panel{padding:20px}.resources small{display:block;margin:2px 0 0}.auth-panel{padding:40px}.auth-copy h1{font-size:56px}}
@media(max-width:760px){body{font-size:13px}.sidebar{display:none}.main-shell{margin-left:0}.topbar{height:77px;padding:16px 18px;padding-top:max(16px,env(safe-area-inset-top));gap:12px}.topbar strong{font-size:15px;line-height:1.2;display:block}.topbar .eyebrow{font-size:7px;letter-spacing:1px}.top-right{gap:11px}.avatar{height:35px;min-height:35px;width:35px;font-size:10px}.connection{font-size:7px;letter-spacing:.6px}.connection .status-dot{width:5px;height:5px;margin-right:4px}.resources{padding:16px 18px;gap:15px}.resources span{font-size:7px;letter-spacing:.8px}.resources strong{font-size:19px}.resources small{font-size:8px;margin-top:2px;height:12px}.resources>div{min-width:0}.resources>div:first-child{padding-right:5px}main{padding:24px 16px 15px}h1{font-size:29px;letter-spacing:-1px}h2{font-size:18px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:8px}.page-heading{margin:0 0 19px;align-items:flex-start}.page-heading>.badge{font-size:7px;padding:5px;margin-top:5px;max-width:100px;white-space:normal;text-align:center}.home-grid{grid-template-columns:1fr;gap:14px}.home-feature{min-height:294px;padding:25px}.home-feature h2{font-size:39px}.home-feature .primary{min-width:180px}.feature-number{font-size:145px;right:20px;top:95px}.next-card{padding:20px}.next-card h3{font-size:23px}.next-card .progress-line{margin-top:18px}.next-card p{max-width:none}.next-card .eyebrow{margin-bottom:7px}.section-heading{margin:24px 0 13px}.section-heading>.tiny{font-size:7px;max-width:130px;text-align:right}.pulse-grid{gap:9px}.pulse-card{padding:14px 12px}.pulse-card span{font-size:9px}.pulse-card b{font-size:25px;letter-spacing:-.7px}.pulse-card small{font-size:8px}.intro-note{gap:12px;padding:16px}.intro-note strong{font-size:12px}.intro-note p{font-size:11px}.main-footer{margin:10px 18px 88px;padding:18px 0;font-size:11px}.main-footer span{font-size:6px;letter-spacing:.6px}.main-footer small{font-size:7px}.mobile-nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #4c5a46;background:#131d17f7;backdrop-filter:blur(15px);padding:5px 6px calc(5px + env(safe-area-inset-bottom))}.mobile-nav .nav-item{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:59px;padding:7px 0 5px;font-size:9px;border-radius:4px;color:#94a18d}.mobile-nav .nav-item.active{background:#2b392d;color:var(--green)}.mobile-nav .nav-icon{font-size:22px;height:27px;line-height:27px}.mobile-nav .nav-index{display:none}.tactic-panel{display:block;padding:16px}.tactic-panel label{min-width:0}.tactic-panel p{margin-top:9px;font-size:10px}.roster-grid{grid-template-columns:repeat(2,1fr);gap:10px}.player-card{padding:15px}.player-attrs{font-size:10px}.jersey{width:48px;height:52px}.player-level{font-size:16px}.player-bottom{font-size:9px}.stadium-stage{margin:0 -9px;border-radius:4px}.scoreboard{padding:14px 12px;gap:6px}.team-name{column-gap:4px}.team-name strong{font-size:10px;max-width:115px}.team-name small{font-size:6px;letter-spacing:.5px;margin-top:4px}.team-name i{height:28px;width:4px}.score-center b{font-size:30px;letter-spacing:1px;white-space:nowrap}.score-center span{font-size:7px;margin-top:4px}.canvas-wrap{min-height:220px;display:flex;align-items:center;justify-content:center}#stadium{aspect-ratio:1536/1024;max-height:none;width:100%;height:auto}.ground-label{bottom:8px;left:8px;padding:4px 6px}.ground-label span{font-size:6px;letter-spacing:1px}.ground-label small{font-size:5px;letter-spacing:.5px}.camera-buttons{bottom:8px;right:7px;gap:5px}.camera-buttons button{width:38px;min-height:38px;font-size:21px}.stadium-footer{padding:9px 10px;font-size:7px;letter-spacing:.1px}.event-callout{top:6px;padding:8px 10px;font-size:9px}.event-callout.goal{font-size:16px}.match-controls{display:grid;grid-template-columns:1fr auto auto;gap:7px;margin:12px 0}.match-controls .primary{grid-column:1/4;justify-content:center;font-size:13px}.match-controls .secondary{font-size:11px;padding:10px 14px;min-height:45px}.match-bottom{grid-template-columns:1fr;gap:15px;margin-top:18px}.match-bottom .panel{padding:18px}.event-feed{max-height:250px}.settlement{padding:18px}.settlement h3{font-size:18px}.result-row{padding:13px 14px;gap:12px}.result-row .result-score{padding:4px 8px;font-size:17px}.result-row .result-info{font-size:11px}.result-row .income{font-size:10px}.stadium-profile{padding:20px;gap:20px}.big-stadium{font-size:88px}.stadium-profile h2{font-size:27px}.stadium-profile p{font-size:11px}.ticket-panel{padding:20px}.ticket-forecast b{font-size:23px}.ticket-forecast span{font-size:10px}.future-stadiums{grid-template-columns:repeat(2,1fr);gap:9px}.future-stadiums>div{padding:14px;font-size:11px}.fan-hero>strong{font-size:60px}.fan-scarf{font-size:17px}.auth-screen{display:block}.auth-art{min-height:290px;height:36svh;padding:25px}.auth-logo{font-size:31px}.auth-logo .edition{font-size:7px;letter-spacing:2px;margin-top:12px}.auth-copy{margin-top:32px}.auth-copy small{font-size:7px;letter-spacing:1.5px}.auth-copy h1{font-size:43px;letter-spacing:-1.5px;margin-top:8px}.auth-copy p{font-size:10px;line-height:1.4;margin-top:9px}.auth-caption{display:none}.track-art{inset:80px -210px -200px 45%}.auth-panel{padding:28px 25px 32px}.auth-panel h2{font-size:26px}.auth-panel>.muted{font-size:11px;margin-top:9px}.auth-panel label{margin:14px 0;font-size:11px}.auth-panel input{min-height:46px;padding:10px 13px}.auth-panel .form-error{margin:4px 0;min-height:8px}.auth-panel .local-note{margin-top:15px;padding-top:15px;font-size:9px}.setup-card{margin:0 auto;padding:30px 22px}.setup-card .wordmark{margin-bottom:36px}.setup-card h1{font-size:34px}.setup-card p{font-size:12px}dialog{padding:24px 20px;border-radius:14px;margin:auto auto 10px;width:calc(100vw - 16px);max-width:480px;max-height:90svh}.detail-header{margin:12px 0 20px}.training-actions button{padding:12px 8px;font-size:11px}.training-actions{gap:8px}.player-dialog .tiny{font-size:10px}}
@media(max-width:370px){.resources{gap:10px;padding:14px}.resources strong{font-size:17px}main{padding-left:13px;padding-right:13px}.home-feature{padding:22px}.home-feature h2{font-size:34px}.feature-number{font-size:115px;right:12px;top:112px}.player-card{padding:12px}.player-card .player-top{gap:8px}.jersey{width:40px}.pulse-card{padding:12px 9px}.pulse-card b{font-size:22px}.pulse-card span{font-size:8px}.topbar strong{font-size:13px}.team-name strong{font-size:9px}.score-center b{font-size:26px}}
@media(max-height:520px) and (orientation:landscape){.stadium-stage:fullscreen .scoreboard{padding:7px 15px}.stadium-stage:fullscreen .score-center b{font-size:24px}.stadium-stage:fullscreen canvas{max-height:calc(100svh - 100px);width:auto}.stadium-stage:fullscreen .stadium-footer{padding:5px 12px}.auth-screen{display:grid}.auth-art{height:100svh;min-height:400px}.auth-panel{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 0.2 camera controls */
#camera-button{font-size:10px;letter-spacing:.4px;width:54px}.canvas-wrap canvas{object-fit:fill}#stadium-stage:fullscreen canvas{width:100%;height:100%;max-height:none;aspect-ratio:auto}#stadium-stage:fullscreen .canvas-wrap{min-height:0}#stadium-stage:fullscreen .scoreboard{flex-shrink:0}#stadium-stage:fullscreen .stadium-footer{flex-shrink:0}

/* Viewport-fullscreen works consistently with WebGL and local HTML on mobile. */
body.stadium-expanded{overflow:hidden}
.stadium-stage.expanded{position:fixed;inset:0;z-index:90;width:100vw;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;background:#14231d;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.stadium-stage.expanded .scoreboard{flex:0 0 auto;padding:10px 20px}
.stadium-stage.expanded .canvas-wrap{flex:1;min-height:0;position:relative;display:block}
.stadium-stage.expanded canvas{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;max-height:none}
.stadium-stage.expanded .stadium-footer{flex:0 0 auto}
.stadium-stage.expanded .camera-buttons{bottom:12px;right:14px}
@media(max-height:520px) and (orientation:landscape){.stadium-stage.expanded .scoreboard{padding:6px 18px}.stadium-stage.expanded .score-center b{font-size:25px}.stadium-stage.expanded .stadium-footer{padding:7px 14px}.stadium-stage.expanded .score-center span{font-size:7px;margin-top:2px}}

.jersey.keeper{background:#16864d!important;color:#fff;border-color:#122e24}.competition{margin:20px 0}.competition .section-heading{margin-top:0}.competition-controls{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.table-scroll{overflow-x:auto}.league-table{width:100%;border-collapse:collapse;font-size:12px;margin:14px 0}.league-table th,.league-table td{padding:10px 5px;text-align:right;border-bottom:1px solid var(--line)}.league-table th:first-child,.league-table td:first-child{text-align:left}.league-table .own{background:#324731;color:#d5efb7}.league-table td small{display:block;font-size:9px;color:var(--muted)}.fixture{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.fixture>span:last-child{text-align:right}.fixture b{white-space:nowrap;color:var(--green)}.fixture small{display:block;font-size:9px}.bracket{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:15px;overflow:auto}.bracket>div{border:1px solid var(--line);padding:15px;border-radius:8px}.tifo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.tifo-gallery figure{margin:0}.tifo-gallery canvas{width:100%;height:auto;border-radius:5px}.tifo-gallery figcaption{font-size:9px;padding:7px 0;color:var(--muted)}#match-detail{margin-top:12px;line-height:1.8}details>summary{cursor:pointer;min-height:44px;padding:14px 0;font-size:13px}#career-alert{margin-top:15px;color:var(--green)}@media(max-width:760px){.league-table{font-size:10px}.league-table td,.league-table th{padding:9px 4px}.competition{padding:17px}.competition h2{font-size:21px}.competition-controls button{width:100%}.mobile-nav .nav-item{font-size:8px}.tifo-gallery{grid-template-columns:1fr}}

.kit-gallery{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.kit-gallery small{display:block;font-size:10px;margin-top:6px}.kit-gallery .jersey{border-bottom:7px solid var(--club2)}.kit-gallery p{flex-basis:100%}

/* Squad level: independent, equally legible beside the shirt number. */
.player-card .player-top{padding-right:44px;min-height:59px;gap:7px;align-items:flex-start}.player-card .player-position{padding-top:3px}.player-card .player-level{position:absolute;top:12px;right:12px;width:46px;height:46px;border:1px solid #879d79;border-radius:4px;background:#2e4032;color:#e8f5dc;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.player-level strong{font-size:23px;font-weight:900;letter-spacing:0;font-variant-numeric:tabular-nums}.player-level small{font-size:7px;letter-spacing:1px;margin-top:4px}.dismissals{grid-column:2;display:flex;gap:4px;min-height:0;margin-top:4px}.away .dismissals{grid-column:1;justify-content:flex-end}.red-card{display:inline-block;width:9px;height:13px;border-radius:1px;background:#ff3545;border:1px solid #ff8b8b;box-shadow:0 0 8px #f1284150}.event-callout{z-index:5;display:flex;align-items:center;gap:12px;box-shadow:0 6px 25px #0009;max-width:94%}.event-callout small{display:block;font-size:12px;font-weight:700;letter-spacing:.2px;margin-top:5px}.event-callout.red,.event-callout.yellow,.event-callout.goal_disallowed{font-size:19px;font-weight:900;padding:15px 21px;border:2px solid currentColor}.event-callout.red{background:#811c27f5;color:#fff0e9}.event-callout.yellow{background:#f4d34bf5;color:#242518}.event-callout.goal_disallowed{background:#12202af5;color:#ffba67}.card-symbol{width:25px;height:36px;border-radius:3px;display:block;flex-shrink:0;box-shadow:0 2px 5px #0005;background:#ffed54;border:1px solid #fff8}.red .card-symbol{background:#ff304b}.event-callout.goal{font-size:22px}.event-row:has(.event-symbol[style*="e56348"]){background:#a42a2920}
@media(max-width:760px){.player-card .player-top{display:block;padding-right:46px;min-height:76px}.player-card .player-position{padding-top:5px}.player-card .player-level{right:10px;top:12px}.player-card .jersey{font-size:23px}.event-callout.red,.event-callout.yellow,.event-callout.goal_disallowed{font-size:14px;padding:10px 13px}.event-callout small{font-size:10px}.event-callout.goal{font-size:19px}}

.music-toggle{background:#22332a;border:1px solid #405547;color:#c4dab9;border-radius:4px;font-size:10px;min-height:36px;padding:6px 10px;white-space:nowrap}@media(max-width:760px){.top-right{gap:6px}.music-toggle{font-size:9px;padding:5px 6px}.connection{display:none}.topbar>div:first-child{min-width:0}.topbar strong{font-size:13px}}

.player-attrs span{display:flex;justify-content:space-between;gap:4px}.player-attrs b{float:none}@media(max-width:760px){.player-attrs{grid-template-columns:1fr;gap:3px;font-size:11px}}

.graphics-settings{display:flex;gap:12px;align-items:center;margin:12px 0}.graphics-settings label{margin:0;font-size:11px}.graphics-settings select{width:auto;max-width:100%;margin:0;min-height:40px;font-size:11px;flex:1;background:#19251f}

/* Match commentary belongs below the pitch in normal document flow. */
#event-callout{position:relative;inset:auto;transform:none;max-width:none;width:100%;min-height:62px;margin:0;border:0;border-top:1px solid #6d7174;border-bottom:1px solid #24292e;border-radius:0;background:#45494d;color:#f1f3f4;display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 16px;font-size:13px;line-height:1.35;text-align:center;box-shadow:none}
#event-callout.goal{font-size:21px;font-weight:900;color:#ffcf9b;background:#45494d;letter-spacing:.5px}
#event-callout.red{color:#ffd7d0}#event-callout.yellow{color:#ffe8a7}#event-callout.goal_disallowed{color:#ffd1ac}
#event-callout small{display:block;font-size:10px;font-weight:400;letter-spacing:.25px;color:#d3d6d8;margin-top:4px}
.team-name .team-level{grid-column:2;grid-row:3;font-size:10px;font-weight:700;color:#dce9cc;margin-top:5px;white-space:nowrap}.team-name.away .team-level{grid-column:1}.team-name .dismissals{grid-row:4}
.team-level-inline{display:inline-block;font-size:10px;color:#c3dcab;white-space:nowrap;font-weight:700;margin-left:6px}
.stadium-stage.expanded #event-callout{flex:none;min-height:54px}
@media(max-width:480px){.team-name .team-level{font-size:9px}#event-callout{min-height:60px;font-size:12px}#event-callout.goal{font-size:18px}}

#event-callout.penalty{color:#ffe58e;font-weight:900;font-size:17px;border-left:5px solid #e5bf51}#event-callout.red{border-left:5px solid #f5393d}

/* Level metals: static brushed finishes keep the mobile squad screen lightweight. */
.player-card .card-metal-label{min-height:12px;margin-top:7px;font-size:9px;font-weight:900;line-height:1.35;letter-spacing:.65px;text-transform:uppercase}
.player-card.card-metal{--metal-ink:#28190f;--metal-muted:#422d20;--metal-edge:#e4b586;--metal-dark:#70421f;--metal-light:#ffdeb0;color:var(--metal-ink);border-color:var(--metal-edge);background:linear-gradient(122deg,#d19967 0%,#c88b55 24%,#f0c797 45%,#d8a470 55%,#bf8654 100%);box-shadow:inset 0 1px 0 #fff9, inset 0 -2px 0 #53311755, 0 3px 9px #0002}
.player-card.card-silver{--metal-ink:#15202e;--metal-muted:#334155;--metal-edge:#e6edf5;--metal-dark:#465b70;--metal-light:#f5f9ff;background:linear-gradient(122deg,#b6c2ce 0%,#aab6c4 24%,#f2f6fc 45%,#ced7e1 55%,#aebcc9 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #38465b55,0 3px 9px #0002}
.player-card.card-gold{--metal-ink:#2d2109;--metal-muted:#4e390e;--metal-edge:#ffe49b;--metal-dark:#755014;--metal-light:#fff1b6;background:linear-gradient(122deg,#dfb44a 0%,#d4a33b 24%,#fff0ab 45%,#ecc862 55%,#ce9d32 100%);box-shadow:inset 0 1px 0 #fff6c9,inset 0 -2px 0 #8a5c2355,0 3px 10px #0003}
.player-card.card-red-gold{--metal-ink:#fff1c2;--metal-muted:#ffe6ad;--metal-edge:#ffcb67;--metal-dark:#efac37;--metal-light:#ffdd82;background:linear-gradient(124deg,#a72228 0%,#81151d 25%,#bb3534 43%,#d34937 47%,#941921 59%,#680e19 100%);border:2px solid #ffcb67;box-shadow:inset 0 1px 0 #fff0b0,inset 0 0 0 2px #8f311e,0 0 13px #f2432a38}
.player-card.card-metal::before{content:'';position:absolute;inset:4px;border:1px solid #fff6;border-radius:2px;pointer-events:none}
.player-card.card-red-gold::before{border-color:#ffc96580}
.player-card.card-metal .player-position,.player-card.card-metal .player-attrs{color:var(--metal-muted)}
.player-card.card-metal .player-attrs b,.player-card.card-metal .player-bottom,.player-card.card-metal .card-metal-label{color:var(--metal-ink)}
.player-card.card-metal .player-attrs b{font-weight:900}
.player-card.card-metal .player-level{color:var(--metal-light);border-color:var(--metal-edge);background:var(--metal-dark);box-shadow:inset 0 1px 1px #fff4,0 1px 3px #0003}
.player-card.card-red-gold .player-level{color:#61121a;background:linear-gradient(135deg,#fff2ba,#f2b648 65%,#ffe2a3);border-color:#fff0b5}
.player-card.card-metal .training-progress{background:#0003}
.player-card.card-metal .training-progress span{background:var(--metal-dark)}
.player-card.card-metal:focus-visible{outline-color:var(--metal-light)}

#crowd-camera-button{width:66px;font-size:10px;letter-spacing:.2px}#camera-button{width:55px}
@media(max-width:480px){.ground-label{bottom:76px;left:12px}.camera-buttons{right:12px;bottom:14px}.ground-label small{display:none}}

/* 0.9 overhead arena: unobstructed world canvas and compact camera controls. */
.ground-label{pointer-events:none;background:#09191dbf;border:1px solid #becbb327;border-radius:3px;padding:7px 9px}.ground-label small{color:#9dc2c1}.camera-buttons button{background:#101e23de;border:1px solid #d1d3b546;box-shadow:0 2px 8px #0003}
@media(max-width:520px){.ground-label{display:none}.camera-buttons{bottom:7px;right:7px;gap:4px}.camera-buttons button{min-height:37px;height:37px}.camera-buttons #zoom-button,.camera-buttons #fullscreen-button{width:37px}.canvas-wrap #stadium{max-height:none}}

/* Team level is a prominent badge on every match and tournament card. */
.team-name .team-level{display:inline-flex;justify-content:center;align-items:center;justify-self:start;gap:5px;background:#dceb9b;color:#18261c;border:1px solid #f4ffbf;border-radius:6px;padding:7px 10px;font-size:13px;font-weight:900;letter-spacing:.4px;box-shadow:0 2px 12px #cce18119}.team-name.away .team-level{justify-self:end}.team-level-inline{font-size:11px;padding:3px 6px;background:#dceb9b;color:#18261c;border-radius:4px;font-weight:900}#event-callout.match_stopped{border-left:5px solid #e8bd67;color:#ffe1a1;background:#3b3e3f}.scoreboard .team-name{min-width:0}@media(max-width:480px){.team-name .team-level{font-size:11px;padding:6px 7px}}

:root{--fans-photo:url('/art/fans-menu.jpg')}.home-feature{background-image:linear-gradient(90deg,rgba(8,21,19,.91),rgba(8,21,19,.66) 40%,rgba(8,21,19,.04)),var(--fans-photo);background-size:cover;background-position:center;min-height:365px;border:1px solid #adbc8038}.home-feature .feature-lines,.home-feature .feature-number{display:none}.home-feature h2{font-size:43px;line-height:1.06;max-width:390px;position:relative;z-index:1}.home-feature p{color:#e1e6d9;position:relative;z-index:1}.home-feature .primary{position:relative;z-index:1}.home-feature .mini-label{color:#e9f0cd}.auth-art{background-image:linear-gradient(180deg,#09141730,#071513e6),var(--fans-photo);background-size:cover;background-position:52% center}.auth-art .track-art{display:none}.auth-copy{z-index:2}.auth-logo,.auth-caption{z-index:2}.fan-hero{background-image:linear-gradient(90deg,#0c191bed,#0c191b82),var(--fans-photo);background-size:cover;background-position:center 43%}.training-lock{padding:12px;border-left:3px solid #edc66a;background:#e2bf6110;color:#edce85;font-size:12px;line-height:1.5}@media(max-width:760px){.home-feature{min-height:340px;background-position:58% center}.home-feature h2{font-size:35px}.auth-art{background-position:50% 35%}}

.training-requirements{display:grid;gap:14px;margin:18px 0;padding:15px;background:#111b17;border:1px solid #435345;border-radius:8px}.training-requirements>div{display:grid;grid-template-columns:1fr auto;gap:6px}.training-requirements b{color:#deecab}.training-requirements progress{grid-column:1/-1;width:100%;height:8px;accent-color:#cee39e;border:0;border-radius:5px;overflow:hidden;background:#354239}.training-requirements progress::-webkit-progress-bar{background:#354239}.training-requirements progress::-webkit-progress-value{background:#cee39e}.training-requirements small,.training-requirements p{grid-column:1/-1;font-size:11px;color:#aabbad;line-height:1.5}.card-experience{font-size:10px;color:#c5d4b9;margin:7px 0 0}.training-summary{margin-top:16px;border-top:1px solid #526147;padding-top:14px}.training-summary summary{cursor:pointer;min-height:36px;font-size:14px}.training-summary summary>b{margin-left:8px;color:#dce9a0}.training-reward-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #ffffff12}.training-reward-row>small{text-align:right;color:#c8d3ae}.training-reward-row strong>small{font-weight:400;color:#bbc6b0;margin-left:4px}.training-reward-row>span{color:#e3efb6;font-weight:700}.training-summary button{margin-top:12px}@media(max-width:420px){.training-reward-row{gap:8px;font-size:12px}.training-reward-row>small{font-size:10px}}

/* Match results remain readable in a compact mobile history. */
.result-score{font-weight:800;flex-shrink:0}.result-score small{display:block;font-size:10px;font-weight:500;line-height:1.5;color:var(--muted)}
.result-info .result-outcome{font-weight:700;color:var(--text)}.technical,.result-info .technical{color:#edb55f}.technical-note{font-size:13px;line-height:1.6}
.match-controls .primary{white-space:normal}.fixture b .technical{font-size:10px;white-space:nowrap}
/* Development is a persistent football campaign, with two fronts per district. */
#development-hub>.panel{margin-top:20px}.development-hero{position:relative;overflow:hidden;border:1px solid #4a685d;border-radius:8px;padding:30px;background:radial-gradient(ellipse at 85% 0,#375b44 0,transparent 60%),linear-gradient(130deg,#162b28,#11211e)}.development-hero:after{content:'';position:absolute;right:-40px;top:25px;width:200px;height:200px;border:1px solid #96b78b33;border-radius:50%;pointer-events:none}.development-hero h2{font-size:38px;line-height:1.1;letter-spacing:-1px}.development-hero>p{max-width:440px;color:#b6cbbf}.rank-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.rank-cards>div{display:grid;gap:5px}.rank-cards strong{font-size:44px;line-height:1}.rank-cards small,.development-branches small,.district>small{font-size:9px;letter-spacing:1px;color:#bdccbd}.rank-cards span{font-size:11px;color:var(--muted)}#development-hub progress,.reward-dialog progress{width:100%;height:6px;accent-color:var(--green);border:0;border-radius:3px;overflow:hidden}#development-hub progress::-webkit-progress-bar,.reward-dialog progress::-webkit-progress-bar{background:#384940}#development-hub progress::-webkit-progress-value,.reward-dialog progress::-webkit-progress-value{background:var(--green)}.development-wallet{display:flex;gap:15px;padding:18px 0;flex-wrap:wrap}.development-wallet span{font-size:11px;color:var(--muted)}.development-wallet b{font-size:19px;color:var(--text);margin-right:4px}.district-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;background:repeating-linear-gradient(110deg,transparent 0 80px,#52604615 81px 83px,transparent 84px 140px)}.district{display:flex;flex-direction:column;padding:16px;background:#15231d;border:1px solid #435348;border-radius:6px;min-width:0}.district h3{font-size:20px;margin:12px 0 8px}.district-state{font-size:8px;letter-spacing:.7px;color:#b9c9b6;margin-bottom:12px}.district p{font-size:11px;margin:8px 0}.district>small:last-of-type{font-size:10px;letter-spacing:0;line-height:1.5;flex:1;color:var(--muted)}.district button{font-size:11px;margin-top:14px;padding:10px 5px}.district.target{border:1px solid var(--accent);background:#2c3022;box-shadow:0 0 0 1px #fa855320}.district.captured{border-color:#86ac76;background:#25402e}.district.locked{background:#18201e;opacity:.65}.development-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.development-branches article{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:5px;padding:16px}.development-branches h3{font-size:20px;margin:8px 0}.development-branches article>b{color:var(--green)}.development-branches p{font-size:12px;color:var(--muted);flex:1;margin-bottom:18px}.mission-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.mission-row>div{flex:1}.mission-row h3{font-size:16px}.mission-row p{font-size:12px;color:var(--muted);margin:5px 0}.mission-row small{font-size:11px;color:var(--green)}.mission-row button{font-size:11px;padding:8px 12px}.mission-row:last-of-type{margin-bottom:18px}.reward-panel{border-color:#665337}.reward-panel>small{display:block;font-size:10px;color:var(--muted);margin-top:8px}.reward-panel button{margin-top:18px}.development-result{display:flex;flex-direction:column;gap:7px;margin:20px 0;padding:16px;border:1px solid #80957444;border-radius:4px;font-size:12px}.development-result button{align-self:flex-start;margin-top:5px;font-size:11px}.reward-dialog{width:min(440px,calc(100vw - 24px));padding:40px 24px 24px;border:1px solid #697b54;border-radius:8px;background:#182a22;color:var(--text)}.reward-dialog .eyebrow{font-size:8px;margin-right:18px}.reward-film{border:1px solid #789b5955;background:repeating-linear-gradient(90deg,#284329 0 42px,#2e4b2f 42px 84px);text-align:center;border-radius:5px;padding:28px 20px;transition:background 1s}.reward-film h2{font-size:32px;line-height:1.1}.reward-film p{font-size:12px}.reward-ball{font-size:36px;animation:reward-roll 3s ease-in-out infinite}.reward-dialog[data-scene="1"] .reward-film{background:#2c4650}.reward-dialog[data-scene="2"] .reward-film{background:#5b3928}.reward-dialog progress{margin:16px 0 22px}@keyframes reward-roll{50%{transform:translateX(35px) rotate(50deg)}}@media(prefers-reduced-motion:reduce){.reward-ball{animation:none}.reward-film{transition:none}}@media(max-width:760px){.development-hero{padding:24px 20px}.development-hero h2{font-size:32px}.district-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.district{padding:12px}.district h3{font-size:18px}.development-branches{grid-template-columns:1fr}.development-wallet{gap:10px}.development-wallet span{font-size:10px}.rank-cards strong{font-size:38px}.mission-row{gap:8px}.mission-row button{padding:8px}.resources strong{font-size:17px}}
.pyro-unlocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.pyro-unlocks>div{padding:14px 10px;border:1px solid var(--line);border-radius:5px;background:#17221e}.pyro-unlocks b,.pyro-unlocks small{display:block}.pyro-unlocks b{font-size:12px}.pyro-unlocks small{font-size:10px;margin-top:5px;color:var(--muted)}.pyro-unlocks .available{border-color:#91ac76}.pyro-unlocks .available small{color:var(--green)}.pyro-unlocks .locked{opacity:.55}.settlement.outcome-win{border-color:#b7d989;background:linear-gradient(120deg,#30472d,#253727)}.settlement.outcome-loss{border-color:#ab7261;background:linear-gradient(120deg,#43302a,#292923)}.settlement.outcome-draw{border-color:#97a98c}.settlement>h3{font-size:32px}.result-verdict{font-weight:700}.final-statistics{margin:20px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20}.final-team-row small{display:block;font-size:10px;max-width:100px;font-weight:400;color:#b4c4ae;overflow-wrap:anywhere}.final-team-row>b{font-size:11px}.final-team-row>span{font-size:9px;letter-spacing:1px}@media(max-width:760px){.pyro-unlocks{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement>h3{font-size:29px}.final-team-row small{max-width:80px}}
.district h3{overflow-wrap:anywhere;hyphens:auto}.district>small{overflow-wrap:anywhere}

/* Build identity stays visible on mobile, including returning accounts. */
.build-number{display:inline-block;margin-left:5px;padding:3px 5px;border:1px solid #78885c;border-radius:3px;color:#d9eead;letter-spacing:.3px;white-space:nowrap}.build-warning{position:relative;z-index:25;background:#624525;color:#fff0d3;padding:14px 20px;font-size:13px;line-height:1.5}.release-card{display:flex;align-items:center;gap:24px;margin-bottom:22px;padding:24px;border:1px solid #668449;border-radius:8px;background:linear-gradient(115deg,#2c4129,#19271f)}.release-card>div{flex:1;min-width:0}.release-card .eyebrow{color:#d5ebad}.release-card h2{font-size:25px;line-height:1.16;letter-spacing:-.5px}.release-card p{font-size:12px;line-height:1.5;color:#c4d2bc;margin:10px 0}.release-card p.release-progress{font-size:12px;color:#e9f5d6;font-weight:700}.release-card small{font-size:10px;line-height:1.5;display:block;color:#aabda3}.release-card button{flex-shrink:0;font-size:12px}@media(max-width:760px){.release-card{display:block;padding:20px;margin-bottom:16px}.release-card h2{font-size:25px;max-width:330px}.release-card button{margin-top:17px;width:100%;justify-content:space-between}.build-number{font-size:8px}.build-warning{font-size:12px;padding:12px 16px}}
/* 0.12: the supporter stand is the main progression surface. */
.stand-hero{padding:30px;border:1px solid #587963;border-radius:9px;overflow:hidden;background:linear-gradient(100deg,#132a20ed,#172b22c9),url('/art/fans-menu.jpg') center/cover}.stand-hero h2{font-size:38px;line-height:1.05;letter-spacing:-1px}.stand-hero>p{font-size:12px;line-height:1.5;color:#c6d4bd}.fanaticism{display:flex;align-items:center;gap:22px;margin:27px 0}.fanaticism>strong{font-size:64px;line-height:1;color:#d8eeaa}.fanaticism>strong small{font-size:20px;color:#95aa87;margin-left:8px}.fanaticism>div{flex:1}.fanaticism b{font-size:13px}.fanaticism p{font-size:11px;color:#b9c6b1;margin:7px 0}.fanaticism progress{width:100%;accent-color:#cfeba2}.stand-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}.stand-item{position:relative;overflow:hidden;border:1px solid #4a5a46;border-radius:7px;background:#15251d;min-width:0}.stand-item.ready{border-color:#c2d886}.stand-item.opened{border-color:#7baf79}.stand-item.locked .stand-art{filter:saturate(.5);opacity:.7}.stand-art{width:100%;aspect-ratio:1;background:#14271f url('/art/stand-equipment.webp') var(--art-x) var(--art-y)/500% 200% no-repeat}.item-level{position:absolute;top:10px;left:10px;padding:5px 8px;font-size:10px;background:#152820e8;border:1px solid #b4c39a;color:#e6f1c8;border-radius:3px;font-weight:bold}.item-copy{padding:14px}.item-copy h3{font-size:17px;line-height:1.2;min-height:42px;overflow-wrap:anywhere}.item-copy p{font-size:12px;color:#bdcfad;margin:7px 0}.item-copy small{display:block;font-size:10px;color:#94ac91}.item-copy button{font-size:11px;padding:10px 7px;margin-top:13px;min-height:42px}.stand-filters{display:flex;gap:7px;flex-wrap:wrap}.stand-filters button{font-size:11px;padding:10px 13px;min-height:40px}.stand-inventory .section-heading{margin-top:0}.club-rating{display:flex;align-items:center;gap:25px;background:#242f24;border:1px solid #6c7d4d;border-radius:7px;padding:20px;margin:16px 0}.club-rating-total{min-width:110px}.club-rating-total>span{display:block;font-size:9px;letter-spacing:1px;color:#c9d5bb}.club-rating-total strong{font-size:43px;color:#e6f3c5;line-height:1.15}.rating-components{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;flex:1}.rating-components>span{font-size:11px;color:#b7c6ac}.rating-components b{display:block;font-size:24px;color:#f5f1df;margin:4px 0}.rating-components small{display:block;font-size:9px;color:#9daa8b}.support-selection{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.support-choice{display:flex;align-items:center;gap:10px;margin:0!important;background:#17291f;border:1px solid #405746;border-radius:5px;padding:7px;min-width:0}.support-choice>.stand-art{width:59px;flex-shrink:0;border-radius:4px}.support-choice>span{font-size:11px;flex:1;min-width:0}.support-choice select{font-size:11px;padding:8px 4px;min-height:42px;margin-top:7px;width:100%;max-width:100%;background:#102319}.support-dialog{width:min(730px,calc(100vw - 24px));max-width:730px;max-height:90svh;padding:32px 22px 22px;border:1px solid #667c56}.support-dialog h2{font-size:30px;line-height:1.15;margin-right:15px}.support-dialog>p{margin:13px 0}.support-dialog #support-confirm{margin-top:18px;position:sticky;bottom:0;z-index:2;box-shadow:0 0 25px #17271e}.manager-caption{font-size:12px;color:#adc19f;margin:22px 0}.training-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.training-stats>div{border:1px solid #3c4d38;border-radius:5px;padding:12px}.training-stats span,.training-stats small{display:block;font-size:11px;color:#b6c6ab}.training-stats b{font-size:25px}.training-stats small{font-size:9px;margin-top:4px}.league-ladder{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin:24px 0}.league-ladder button{padding:9px 0;border:1px solid #4c604b;background:#1b2d21;border-radius:4px;font-size:18px;color:#d6e5c9}.league-ladder button.active{background:#bfd99f;color:#15231b;border-color:#d4e9b5}.league-ladder small{display:block;font-size:7px;margin-top:4px}.league-table tr.promotion .table-place{color:#acda82}.league-table tr.relegation .table-place{color:#ec8d6d}.league-movement{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid #788852;background:#2f402b;margin:15px 0}.league-movement.down{border-color:#bb775a;background:#412e24}.league-movement span{font-size:12px;color:#c3cfb8}
@media(max-width:760px){.stand-hero{padding:24px 20px}.stand-hero h2{font-size:32px}.fanaticism{gap:15px}.fanaticism>strong{font-size:54px}.fanaticism>strong small{font-size:17px}.stand-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.item-copy{padding:11px}.item-copy h3{font-size:15px;min-height:37px}.item-copy button{font-size:10px}.stand-filters button{padding:10px 8px;font-size:10px}.club-rating{display:block;padding:17px}.club-rating-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.club-rating-total strong{font-size:38px}.rating-components{gap:12px}.rating-components b{font-size:23px}.support-selection{grid-template-columns:1fr}.support-choice>.stand-art{width:62px}.support-choice select{font-size:12px}.support-dialog{padding:34px 17px 17px}.support-dialog h2{font-size:27px}.league-ladder{grid-template-columns:repeat(5,1fr)}.development-hero h2{font-size:29px}}

/* 0.13 — daylight football palette and a live terrace console. */
:root{--bg:#f2f8fc;--panel:#fff;--line:#d9e7ef;--text:#183951;--muted:#617b8d;--accent:#0788ef;--green:#099f78;--dark:#fff;color-scheme:light}
body{background:linear-gradient(160deg,#f9fcff,#edf8fb 60%,#f3faf3);color:var(--text)}
.primary{color:#fff;background:linear-gradient(115deg,#068dee,#1475e6);border-radius:12px;box-shadow:0 5px 13px #1685e326}.secondary{background:#edf7fe;border:1px solid #c9e4f6;color:#23618e;border-radius:10px}.panel,.pulse-card,.result-row,.player-card,.future-stadiums>div{background:#fff;border-color:var(--line);border-radius:16px;box-shadow:0 4px 18px #36728c07}.badge{background:#e7f5ff;color:#27739e;border-color:#cde9f9;border-radius:7px}.status-dot{background:#12bc84;box-shadow:0 0 8px #21c38c25}.sidebar,.topbar,.resources{background:#fff;border-color:var(--line)}.sidebar{border-right-color:var(--line)}.nav-item,.side-bottom,.side-bottom span,.edition{color:#698294}.nav-item.active{background:#e4f4ff;color:#0576cc}.nav-item.active .nav-icon{color:#008fe8}.avatar{background:#daf4ff;color:#0872aa;border-color:#b4e4f8}.connection,.resources small,.pulse-card small{color:#7890a0}.mobile-nav{background:#fffffff5;border-color:#d6e9f3;box-shadow:0 -6px 24px #155e7c0a}.mobile-nav .nav-item{color:#7190a4}.mobile-nav .nav-item.active{background:#e1f4ff;color:#0785d8}.topbar .build-number{color:#0085d3;border-color:#b7dff3}.main-footer{color:#7993a2}
input:not([type=range]),select,.graphics-settings select{background:#f5faff;border-color:#c9dde9;color:#204359;border-radius:10px}input[type=range]{accent-color:#0794e5}dialog,.reward-dialog{background:#fff;border-color:#c5e2ef;box-shadow:0 20px 90px #1b5a7940;border-radius:20px}dialog::backdrop{background:#3f6c7d65}.form-error{color:#d94435}#toast{background:#fff;color:#224b65;border-color:#a4d6f0;box-shadow:0 10px 35px #20597825;border-radius:14px}.progress-line,.capacity-bar,.training-progress{background:#dfedf2}.progress-line span,.capacity-bar span{background:linear-gradient(90deg,#18c3a1,#1a9ced)}
.home-feature{background-image:linear-gradient(90deg,#e5f7ffff 0%,#e5f7fff2 35%,#e5f7ff25 100%),var(--fans-photo);border-color:#bfe5f9;border-radius:20px;color:#174970}.home-feature p,.home-feature .mini-label{color:#347293}.feature-number{color:#079bed;opacity:.13}.auth-art{background-image:linear-gradient(180deg,#d6f4ffba,#e7f9fff2),var(--fans-photo);color:#15517d}.auth-copy p,.auth-copy small,.auth-caption,.auth-logo .edition{color:#367ca0}.auth-copy h1{color:#086da9}.fan-hero{background-image:linear-gradient(90deg,#e7f8fff5,#f3fbffad),var(--fans-photo);border-color:#cde8f7}.release-card{background:linear-gradient(120deg,#d8f5ff,#e7fbe5);border-color:#bde5ed;border-radius:20px}.release-card .eyebrow{color:#048db4}.release-card h2{color:#056f9b}.release-card p,.release-card small{color:#3d7b8e}.release-card p.release-progress{color:#12774f}.result-row .result-score{background:#e7f6ff;color:#147db4;border-radius:9px}.future-stadiums>div,.future-stadiums small{color:#6a899b}.card-experience{color:#4e8899}.player-card:not(.card-metal) .player-level{background:#e7f6ff;color:#007cbd;border-color:#b3e0f7}.player-card .player-bottom{color:#018cc6}.player-card.card-red-gold{background:linear-gradient(125deg,#f2603f,#cb3348 40%,#fa9760 53%,#c52c43);--metal-ink:#fff3cf;--metal-muted:#fff0de}
.stadium-stage{background:#fff;border-color:#c8e1ef;border-radius:18px;box-shadow:0 9px 30px #2464860e}.scoreboard{background:linear-gradient(120deg,#f8fcff,#e8f7ff);border-color:#cde5f3}.team-name small{color:#6991a7}.score-center b{color:#1377a7}.score-center span{color:#0c98a7}.team-name .team-level,.team-level-inline{background:#d9f7c5;color:#307532;border:1px solid #b9e799}.canvas-wrap{background:#dceee8}#stadium{filter:brightness(1.10) saturate(1.13)}.ground-label{background:#f2fbfff0;color:#246280;border:1px solid #d3e9f2}.ground-label small{color:#7799aa}.camera-buttons button{background:#ffffffec;color:#2080ae;border-color:#bbdeee;box-shadow:0 2px 8px #19527212}.stadium-footer{background:#f4fbff;color:#577f95;border-color:#d4e6ef}.stadium-stage.expanded,.stadium-stage:fullscreen{background:#f0faff}.music-toggle{background:#e4f5ff;color:#3181aa;border-color:#c6e7f5}#event-callout,#event-callout.goal,#event-callout.match_stopped{background:#e8edf0;color:#35546a;border-color:#d1dce3}#event-callout small{color:#648297}#event-callout.goal{color:#087f59}#event-callout.red{color:#d33042}#event-callout.yellow,#event-callout.penalty{color:#93681c}#event-callout.goal_disallowed{color:#c97621}#event-callout.match_stopped{color:#b45625}.settlement,.settlement.outcome-win{background:linear-gradient(120deg,#e1fadc,#e8fbf5);border-color:#bfe6c7;color:#237447}.settlement.outcome-loss{background:linear-gradient(120deg,#fff0e4,#fff8ee);border-color:#f1d6be;color:#9b533b}.settlement.outcome-draw{background:#e7f5ff;color:#2e6d8b}.settlement p,.final-team-row small{color:#547c77}.settlement .fine-settlement{color:#cb4634}.settlement .support-result{color:#368885}
.stand-hero{background:linear-gradient(100deg,#dcf5fffa,#e2f7ffc9),url('/art/fans-menu.jpg') center/cover;border-color:#b6dff0;color:#12688f;border-radius:20px}.stand-hero>p,.fanaticism p{color:#497f91}.fanaticism>strong{color:#008fcb}.fanaticism>strong small{color:#729eab}.stand-item{background:#fff;border-color:#d1e5ee;border-radius:16px;box-shadow:0 4px 15px #235c7108}.stand-item.opened{border-color:#8bdbc0}.stand-item.ready{border-color:#83cffa}.stand-item.locked{opacity:.72}.stand-art{filter:brightness(1.22) saturate(1.15)}.item-level{background:#f5fbfff2;color:#167d9b;box-shadow:0 2px 8px #123a5910;border-radius:7px}.item-copy p,.item-copy small{color:#678f9d}.club-rating{background:linear-gradient(110deg,#e0f5ff,#edfce9);border-color:#cbe8eb;border-radius:16px}.club-rating-total>span,.rating-components>span,.rating-components small{color:#598399}.club-rating-total strong,.rating-components b{color:#0088b6}.manager-caption,.training-stats span,.training-stats small{color:#628b9a}.training-lock{background:#fff5d7;color:#8c6e25;border-color:#efdfac}.training-stats>div{border-color:#d4e5ed}.development-hero{background:linear-gradient(115deg,#def5ff,#e5f9e7)}.development-hero>p,.rank-cards small,.development-branches small,.district>small{color:#648b91}.district{background:#fff;border-color:#d0e6ed}.district-state{color:#6b93a0}.district.target{background:#fff8df;border-color:#f0dca4}.district.captured{background:#e0f8ec;border-color:#b2e6d2}.district.locked{background:#f1f7fa}.reward-film{background:repeating-linear-gradient(90deg,#9ddd93 0 42px,#abe99f 42px 84px);color:#2d7134}.reward-dialog[data-scene="1"] .reward-film{background:#bbeafc}.reward-dialog[data-scene="2"] .reward-film{background:#ffe3af}.pyro-unlocks>div{background:#edf8fd}.league-ladder button{background:#e9f5fc;color:#4383a3;border-color:#c7e5f0}.league-ladder button.active{background:#078be0;color:#fff}.league-table .own{background:#e0f7ff;color:#087db1}.league-table tr.promotion .table-place{color:#17a66e}.league-table tr.relegation .table-place{color:#e06645}.league-movement{background:#ddf8e8;border-color:#a6dfbf}.league-movement.down{background:#fff0e2;border-color:#f0cbb3}.league-movement span{color:#6d8b7c}
.activity-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.activity-guide-grid span{padding:15px;background:#e8f6ff;border-radius:12px;font-size:12px}.activity-guide-grid span:first-child{background:#e5f9eb}.activity-guide-grid span:last-child{background:#fff0de}.activity-guide-grid b{display:block;font-size:21px;color:#117cae;margin-bottom:8px}.fan-console{padding:20px 25px 16px;background:linear-gradient(120deg,#fff,#effbff);border-top:1px solid #c8e7f4;flex:0 0 auto}.activity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-heading .eyebrow{display:block;margin:0 0 3px;color:#45a6ba;font-size:9px;letter-spacing:1.5px}.activity-heading label{margin:0;font-size:19px;color:#145e83}.activity-heading output{font-weight:900;font-size:33px;letter-spacing:-1.3px;line-height:1;color:#039cb6}.activity-heading output span{font-size:17px;margin-left:3px;letter-spacing:0}.fan-console[data-zone=risk] output{color:#e8990a}.fan-console[data-zone=limit] output{color:#ea6544}#fan-activity{width:100%;height:35px;margin:10px 0 0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}#fan-activity::-webkit-slider-runnable-track{height:9px;border-radius:20px;background:linear-gradient(90deg,#4ec997 0 30%,#41bbef 30% 70%,#ffc14d 70% 85%,#ff7860 85%)}#fan-activity::-moz-range-track{height:9px;border-radius:20px;background:linear-gradient(90deg,#4ec997 0 30%,#41bbef 30% 70%,#ffc14d 70% 85%,#ff7860 85%)}#fan-activity::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:27px;height:27px;border:4px solid white;border-radius:50%;background:#148fe2;margin-top:-9px;box-shadow:0 1px 7px #347baa65}#fan-activity::-moz-range-thumb{width:20px;height:20px;border:4px solid white;border-radius:50%;background:#148fe2;box-shadow:0 1px 7px #347baa65}#fan-activity:disabled{opacity:.45;cursor:default}.activity-scale{display:flex;justify-content:space-between;font-size:10px;color:#82a1b0;margin-top:-1px}.activity-icons{display:flex;gap:8px;overflow-x:auto;padding:10px 0 12px;min-height:74px;scrollbar-width:thin;scrollbar-color:#a6dceb transparent}.activity-item{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:6px 10px 6px 6px;background:#fff;border:1px solid #daecf4;border-radius:12px;box-shadow:0 3px 8px #44809a07}.activity-item .stand-art{width:39px;height:39px;aspect-ratio:1;border-radius:8px}.activity-item>span{font-size:11px;font-weight:700;white-space:nowrap;color:#286a8c}.activity-item small{display:block;font-size:9px;color:#7d9ba9;font-weight:400}.activity-item.fading{opacity:.55}.activity-empty{font-size:11px;align-self:center;color:#7f9ba6;line-height:1.4}.activity-readings{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:22px;align-items:center;border-top:1px solid #e1eef4;padding-top:10px}.activity-readings>div>span{display:block;font-size:9px;color:#6c92a5}.activity-readings strong{font-size:19px;color:#12987d}.activity-readings>div:last-child{text-align:right}.activity-readings>div:last-child strong{color:#65899f;font-size:17px}.heat-reading span{display:flex!important;justify-content:space-between;gap:6px}.heat-reading b{color:#3b7b97}.heat-track{height:6px;background:#e0edf2;border-radius:10px;margin-top:9px;overflow:hidden}.heat-track i{display:block;height:100%;width:0;border-radius:10px;transition:width .3s}.activity-message{font-size:11px;line-height:1.4;color:#6d8fa0;margin-top:9px;min-height:16px}.fan-console[data-zone=limit] .activity-message{color:#c46539}.activity-fine{margin-top:9px;background:#fff0e6;color:#bf633b;border:1px solid #ffd8bd;border-radius:8px;padding:8px 12px;font-size:11px}.fan-console[hidden]{display:none}.activity-fine[hidden]{display:none}.fine-settlement b{color:#ce5037}
@media(max-width:760px){.fan-console{padding:14px 14px 11px}.activity-heading label{font-size:16px}.activity-heading output{font-size:29px}.activity-heading .eyebrow{font-size:8px}.activity-readings{gap:9px}.activity-readings>div>span{font-size:8px}.activity-message{font-size:10px}.activity-guide-grid{gap:6px}.activity-guide-grid span{padding:10px 8px;font-size:10px}.activity-guide-grid b{font-size:17px}.activity-icons{gap:6px;padding:8px 0;min-height:64px}.activity-item{padding:5px;gap:5px}.activity-item .stand-art{width:34px;height:34px}.activity-item>span{font-size:10px}.activity-item small{font-size:8px}.release-card{padding:22px 18px}}
@media(max-height:540px) and (orientation:landscape){.stadium-stage.expanded{padding-right:300px}.stadium-stage.expanded .fan-console{position:absolute;right:0;top:0;bottom:0;width:300px;overflow-y:auto;border-left:1px solid #c8e7f4}.stadium-stage.expanded .activity-icons{flex-wrap:wrap;max-height:140px;overflow-y:auto}.stadium-stage.expanded .activity-heading label{font-size:16px}.stadium-stage.expanded .activity-readings{gap:8px}.stadium-stage.expanded .activity-message{font-size:10px}}
@media(prefers-reduced-motion:reduce){.heat-track i{transition:none}}

/* Fan-count based stamina: bursts are short for a small terrace. */
.rage-panel{padding:12px 14px;margin:0 0 12px;background:#fff7e9;border:1px solid #ffdfad;border-radius:12px}.rage-heading,.rage-caption{display:flex;align-items:center;justify-content:space-between;gap:10px}.rage-heading b{font-size:12px;color:#b87924}.rage-heading strong{font-size:16px;color:#da8621}.rage-track{height:8px;margin:7px 0;background:#f3e5cd;border-radius:12px;overflow:hidden}.rage-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffc14d,#ff8c46);border-radius:12px;transition:width .3s}.rage-caption{font-size:10px;color:#a28452}.rage-caption>span:first-child{font-weight:700;color:#bf7c26}.rage-panel p{font-size:10px;line-height:1.35;color:#9d895f;margin-top:5px}.rage-panel[data-state=cooling]{background:#edf8ff;border-color:#bee5f9}.rage-panel[data-state=cooling] .rage-heading b,.rage-panel[data-state=cooling] .rage-heading strong,.rage-panel[data-state=cooling] .rage-caption>span:first-child{color:#348cb6}.rage-panel[data-state=cooling] .rage-track{background:#d5edf8}.rage-panel[data-state=cooling] .rage-track i{background:linear-gradient(90deg,#73d8e7,#3ca5ef)}.rage-panel[data-state=cooling] p,.rage-panel[data-state=cooling] .rage-caption{color:#6b96ac}.rage-panel[hidden]{display:none}
@media(max-width:760px){.rage-panel{padding:9px 11px;margin-bottom:9px}.rage-heading b{font-size:11px}.rage-caption{font-size:9px;gap:6px}.rage-panel p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rage-track i{transition:none}}

/* Both live controls stay together in portrait and beside the pitch in landscape. */
.live-console{flex:0 0 auto;min-height:0}.tactics-console{padding:18px 25px 14px;background:linear-gradient(110deg,#e7f7ff,#f7fcff);border-top:1px solid #c8e7f4}.tactics-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.tactics-heading .eyebrow{display:block;color:#4c9cbd;font-size:9px;letter-spacing:1.4px;margin:0 0 3px}.tactics-heading label{font-size:18px;color:#145e83;margin:0}.tactics-heading output{background:#dbf2fc;color:#147aa6;border:1px solid #bae4f5;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800;white-space:nowrap}.tactics-console[data-mode=defend] output{background:#daf7ec;color:#1c9067;border-color:#b3e6d2}.tactics-console[data-mode=attack] output{background:#fff0d9;color:#c97821;border-color:#f2d4a1}
#team-tactics{appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:36px;margin:9px 0 0;touch-action:pan-y;cursor:pointer}#team-tactics::-webkit-slider-runnable-track{height:9px;border-radius:20px;background:linear-gradient(90deg,#40c697,#61c7ed 50%,#ffb24a)}#team-tactics::-moz-range-track{height:9px;border-radius:20px;background:linear-gradient(90deg,#40c697,#61c7ed 50%,#ffb24a)}#team-tactics::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:27px;height:27px;border:4px solid #fff;border-radius:50%;background:#148fe2;margin-top:-9px;box-shadow:0 1px 7px #347baa65}#team-tactics::-moz-range-thumb{width:20px;height:20px;border:4px solid white;border-radius:50%;background:#148fe2;box-shadow:0 1px 7px #347baa65}#team-tactics:disabled{opacity:.45;cursor:default}.tactics-presets{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:6px}.tactics-presets button{min-height:36px;padding:6px 4px;border:1px solid #c9e7f4;border-radius:8px;background:#ffffffbf;color:#6b93a9;font-size:10px;line-height:1.2}.tactics-presets button[aria-pressed=true]{color:#077eb5;background:#ddf4ff;border-color:#83cfee;font-weight:800}.tactics-effects{display:flex;justify-content:space-between;gap:6px;margin-top:9px;font-size:10px;color:#4787a7}.tactics-console[data-mode=attack] .tactics-effects span:last-child{color:#c97924}.tactics-console[data-mode=defend] .tactics-effects span:last-child{color:#1e996f}.tactics-message{font-size:11px;color:#6b90a5;line-height:1.4;margin-top:7px;min-height:30px}
.stadium-stage.expanded .live-console{max-height:42dvh;overflow-y:auto;overscroll-behavior:contain}.stadium-stage.expanded .fan-console{position:static;width:auto;border-left:0;overflow:visible}
@media(max-width:760px){.tactics-console{padding:14px 14px 11px}.tactics-heading label{font-size:16px}.tactics-heading output{font-size:10px;padding:7px}.tactics-heading .eyebrow{font-size:8px;letter-spacing:1px}.tactics-message{font-size:10px}.tactics-presets button{font-size:9px}}
@media(max-height:540px) and (orientation:landscape){.stadium-stage.expanded .live-console{position:absolute;right:0;top:0;bottom:0;width:300px;max-height:none;overflow-y:auto;border-left:1px solid #c8e7f4;background:#f5fbff}.stadium-stage.expanded .tactics-console{padding:12px 14px}.stadium-stage.expanded .tactics-heading label{font-size:15px}.stadium-stage.expanded .tactics-heading output{font-size:10px}.stadium-stage.expanded .fan-console{position:static;width:auto;overflow:visible}}

/* 0.15 — club colours, flags, floodlights and a compact match desk. */
:root{--club:#2388bd;--club2:#edf5ff;--club-light:#eaf4fa;--club-soft:#f3f8fc;--club-ink:#244b61;--club-accent:#237699;--arena-edge:#e1eeee;--accent:var(--club-accent);--text:#244354;--green:var(--club-accent)}
body{background:linear-gradient(145deg,var(--club-light),#fbfaf6 48%,var(--club-soft));color:var(--text)}.club-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 9% 12%,var(--club-light),transparent 50%),radial-gradient(ellipse at 94% 65%,var(--club-soft),transparent 55%)}.light-beam{position:absolute;top:-18%;width:65%;height:105%;opacity:.45;background:conic-gradient(from 162deg at 50% 0,#fff0 0deg,#fff9 8deg,#fff0 26deg);transform-origin:50% 0}.beam-left{left:-10%;transform:rotate(-25deg)}.beam-right{right:-14%;transform:rotate(25deg)}.flare-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#fff4c9 0,#ffcd7866 12%,var(--club-light) 36%,transparent 67%)}.glow-left{left:-330px;bottom:-170px}.glow-right{right:-280px;top:15%}.back-flag{position:absolute;width:270px;height:580px;opacity:.34;filter:drop-shadow(0 14px 14px #24485817)}.flag-left{left:-70px;bottom:-115px;transform:rotate(-17deg)}.flag-right{right:-100px;bottom:-65px;transform:scaleX(-1) rotate(-12deg)}
.sidebar{background:linear-gradient(180deg,#ffffffee,var(--club-light));border-right:1px solid #fff}.wordmark span,.nav-item.active .nav-icon{color:var(--club-accent)}.nav-item.active,.mobile-nav .nav-item.active{background:var(--club-light);color:var(--club-ink)}.topbar{background:#ffffffc9;border-bottom:1px solid #ffffffd9}.resources{background:#ffffff85;display:flex;justify-content:flex-end;gap:18px;padding-top:9px;padding-bottom:9px;border-bottom:1px solid #ffffffa8}.resources .resource-chip{display:flex;align-items:center;gap:7px;min-width:0}.resource-chip svg{width:23px;height:23px;stroke:var(--club-accent);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.resources strong{font-size:16px;white-space:nowrap;color:var(--club-ink)}.resources small{font-size:9px;color:#758f9c;margin:0}.topbar .build-number{color:var(--club-accent);border-color:var(--club-light)}.avatar{background:var(--club-light);color:var(--club-ink);border-color:#fff}.primary{background:linear-gradient(120deg,var(--club-accent),var(--club-ink));color:white;box-shadow:0 5px 18px #2845521b}.secondary{background:#ffffffb8;color:var(--club-ink);border-color:#cbdce3}.panel,.pulse-card,.player-card,.result-row{background:#fffffff2;border-color:#ffffffc9;box-shadow:0 8px 30px #36505f08}.badge{background:var(--club-light);color:var(--club-ink);border-color:#ffffffa3}.home-feature{background-image:linear-gradient(90deg,var(--club-light) 0%,#ffffffeb 35%,#ffffff30 100%),var(--fans-photo);color:var(--club-ink);border-color:#ffffffb0}.home-feature p,.home-feature .mini-label{color:var(--club-ink)}.feature-number{color:var(--club-accent)}.progress-line span,.capacity-bar span{background:var(--club-accent)}.mobile-nav{grid-template-columns:repeat(6,1fr);background:#fffffff7;border-color:#ffffffbd}.music-toggle{background:var(--club-light);color:var(--club-ink);border-color:#fff}.connection{color:var(--club-ink)}
#view-match{padding-top:2px}.stadium-stage{border:1px solid #ffffffa8;border-radius:24px;box-shadow:0 0 0 5px #ffffff52,0 16px 55px #1e4b6818,0 -12px 65px var(--club-light);background:var(--arena-edge);overflow:hidden}.scoreboard{background:linear-gradient(110deg,#ffffffed,var(--club-light),#ffffffef);border-bottom:1px solid #fff}.score-center b{color:var(--club-ink)}.team-name .team-level{background:var(--club-light);color:var(--club-ink);border-color:#fff}.canvas-wrap{background:var(--arena-edge)}.stadium-footer{background:#ffffffdf;border-color:#fff}.ground-label{background:#ffffffd6;color:var(--club-ink)}.camera-buttons button{border-color:#ffffffc9;color:var(--club-ink)}#event-callout{font-size:11px;min-height:43px;padding:7px 12px;background:#ebeff0e8}.stadium-stage.expanded #event-callout{min-height:43px}.stadium-stage.expanded{border-radius:0;box-shadow:none}
.tactics-console{padding:11px 18px;background:linear-gradient(90deg,#ffffffec,var(--club-light));border-color:#ffffffcc}.control-caption{font-size:8px;letter-spacing:1.7px;color:#78929f;display:block;margin-bottom:6px}.tactics-presets{gap:7px;grid-template-columns:repeat(3,1fr)}.tactics-presets button{font-size:11px;min-height:39px;border-color:#d6e3e8;background:#ffffffbf;color:var(--club-ink)}.tactics-presets button[aria-pressed=true]{background:var(--club-ink);border-color:var(--club-ink);color:white;box-shadow:0 3px 10px #24475e1c}.fan-console{padding:12px 18px;background:#fffffff4;border-color:#edf1f3}.activity-heading label{font-size:14px;color:var(--club-ink)}.activity-heading output{font-size:25px;color:var(--club-accent)}#fan-activity{margin-top:3px;height:32px}.activity-scale{font-size:8px}.activity-icons{min-height:45px;padding:6px 0;gap:5px}.activity-item{padding:3px 6px 3px 3px;border-radius:9px;gap:5px}.activity-item .stand-art{width:28px;height:28px}.activity-item>span{font-size:9px}.activity-item small{font-size:8px}.activity-readings{gap:15px;padding-top:7px}.activity-readings strong{font-size:16px;color:var(--club-accent)}.activity-readings>div>span{font-size:8px}.activity-readings>div:last-child strong{font-size:14px}.activity-message{margin-top:7px;font-size:9px;min-height:0}.post-match-rewards{padding:11px 16px;display:flex;align-items:center;justify-content:center;gap:24px;background:#fffffff1;color:var(--club-ink);font-size:11px;border-top:1px solid #edf1f3}.post-match-rewards b{font-size:15px}.report-button{display:block;width:100%;margin:12px 0;min-height:42px}.report-score{font-size:30px;font-weight:900;color:var(--club-ink);margin:10px 0}.report-rewards{font-size:12px;margin-top:18px;color:var(--club-accent)}#match-report-dialog{width:min(480px,calc(100vw - 24px));padding:30px 22px}.match-bottom{margin-top:14px}.graphics-settings{margin:9px 0}.graphics-settings select{min-height:33px;font-size:10px}.graphics-settings label{font-size:10px}#match-detail{font-size:9px}.stand-hero{background-image:linear-gradient(100deg,var(--club-light),#ffffffba),var(--fans-photo);color:var(--club-ink);border-color:white}.fanaticism>strong{color:var(--club-accent)}.club-rating{background:linear-gradient(110deg,var(--club-light),#ffffff);border-color:white}.club-rating-total strong,.rating-components b{color:var(--club-ink)}.stand-item.ready{border-color:var(--club-accent)}.item-level{color:var(--club-ink)}.progress-rules{margin-top:16px}.progress-rules p{font-size:13px;line-height:1.7}.attendance-growth{margin-top:16px;color:var(--club-ink)}
.trophy-cabinet{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trophy-card{background:linear-gradient(145deg,#fffffff2,#fff7e9c9);border:1px solid #fff;border-radius:20px;text-align:center;padding:15px 12px 20px;box-shadow:0 15px 32px #9a764013}.cup-art{width:125px;height:137px;max-width:100%;filter:drop-shadow(0 8px 8px #956c3b18)}.trophy-card h3{font-size:16px;color:var(--club-ink)}.trophy-card p{font-size:10px;color:#928570;margin-top:5px}.trophy-card>span{font-size:7px;letter-spacing:2px;color:#b69650;display:block;margin-top:12px}.trophy-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:25px;background:#ffffffa6;border:1px solid #ffffffd4;border-radius:20px;padding:20px}.trophy-empty h3{font-size:18px;color:var(--club-ink)}.trophy-empty p{font-size:12px;color:#81939b;line-height:1.6;margin:8px 0}.trophy-empty .cup-art{opacity:.65}.trophy-section{margin-top:28px}
@media(max-width:760px){.topbar{height:62px;padding:12px 16px}.topbar strong{font-size:12px}.resources{padding:7px 16px;gap:18px;justify-content:flex-start}.resources strong{font-size:14px}.resources small{font-size:8px;display:inline;height:auto}.resource-chip svg{width:20px;height:20px}.resources>div:first-child{padding:0}.main-shell main{padding:16px 14px}.stadium-stage{border-radius:18px;margin:0 -6px}.scoreboard{padding:10px 10px}.score-center b{font-size:28px}.team-name .team-level{font-size:8px;padding:3px 6px}.tactics-console{padding:9px 12px}.tactics-presets button{font-size:9px;min-height:36px}.fan-console{padding:10px 12px}.activity-heading label{font-size:13px}.activity-heading output{font-size:23px}.activity-message{font-size:9px}.activity-icons{min-height:42px}.trophy-cabinet{grid-template-columns:repeat(2,1fr);gap:10px}.trophy-empty{padding:15px;gap:12px}.trophy-empty .cup-art{width:95px;flex:none}.trophy-empty h3{font-size:15px}.trophy-empty p{font-size:10px}.back-flag{width:190px;opacity:.20}.flag-left{left:-60px;bottom:-170px}.flag-right{right:-60px;top:130px;bottom:auto}.post-match-rewards{padding:9px 10px;gap:16px;font-size:10px}.post-match-rewards b{font-size:13px}.page-heading h1{font-size:27px}.home-feature h2{font-size:34px}.mobile-nav .nav-item{font-size:8px}}
@media(max-height:540px) and (orientation:landscape){.stadium-stage.expanded .tactics-console{padding:10px 12px}.stadium-stage.expanded .fan-console{padding:10px 12px}.stadium-stage.expanded:has(.live-console[hidden]){padding-right:0}.stadium-stage.expanded .post-match-rewards{flex:none}}
.pitch-announcement{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.pitch-announcement.visible{opacity:1;transform:translateY(0)}.pitch-announcement-card{max-width:88%;padding:17px 28px 15px;text-align:center;background:linear-gradient(120deg,#fffffff0,var(--club-light));border:1px solid #ffffffdd;border-radius:17px;box-shadow:0 9px 32px #102e4140,0 0 24px #ffffff4d}.pitch-announcement b{display:block;font-size:clamp(19px,3vw,38px);font-weight:950;letter-spacing:1px;color:var(--club-ink)}.pitch-announcement .announcement-score{display:block;font-size:clamp(26px,4vw,48px);font-weight:900;line-height:1.2;color:var(--club-accent);margin-top:5px;font-variant-numeric:tabular-nums;transition:transform .22s,opacity .22s}.pitch-announcement .announcement-score.changed{transform:scale(1.13);color:#b78a30}.pitch-announcement[data-kind=goal] .pitch-announcement-card{background:linear-gradient(130deg,#fff7dc,#ffffffed);border-color:#ffe3a1}.pitch-announcement[data-kind=loss] b{color:#a45247}.pitch-announcement small{display:block;color:#748c96;font-size:9px;letter-spacing:1.1px;margin-top:5px}
@media(prefers-reduced-motion:reduce){.pitch-announcement,.pitch-announcement .announcement-score{transition:none;transform:none!important}}
.club-atmosphere{z-index:0}#app,#auth,#onboarding{position:relative;z-index:1}.main-shell{background:transparent}

/* 0.16 — mobile game shell. The match is a single, landscape surface. */
.game-icon{width:22px;height:22px;display:block;flex:none}.nav-icon .game-icon{width:22px;height:22px}.primary .game-icon{width:18px;height:18px}.topbar{height:78px}.resources{gap:22px}.panel,.home-feature,.pulse-card,.result-row{border-radius:20px}.home-feature{min-height:335px;padding:28px 32px;background-position:center 45%;display:flex;flex-direction:column;align-items:flex-start}.home-feature .mini-label{font-size:8px;margin-top:9px}.home-feature h2{font-size:38px;line-height:1.05;max-width:75%;margin-top:16px}.home-feature>p{font-size:12px;max-width:80%;margin-top:8px}.home-feature>.primary{margin-top:20px;min-width:170px}.club-emblem{position:absolute;right:26px;top:22px;width:70px;height:90px;filter:drop-shadow(0 5px 14px #152f443d)}.club-emblem svg{width:100%;height:100%}.home-form{position:relative;display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:24px}.home-form>span{font-size:7px;letter-spacing:1.4px;color:var(--club-ink);margin-right:6px}.home-form i{font-size:10px;font-style:normal;font-weight:800;width:25px;height:25px;display:grid;place-items:center;border:1px solid #fff;border-radius:8px}.form-win{background:#d7f5e1;color:#21854e}.form-draw{background:#e5eef7;color:#5f7c94}.form-loss{background:#ffded8;color:#ae4c42}.home-form small{font-size:9px;color:var(--club-ink)}.next-card{display:flex;flex-direction:column;justify-content:center;padding:25px}.unlock-preview{display:flex;gap:17px;align-items:center}.unlock-preview .stand-art{width:78px;height:78px;border-radius:18px;flex:none;box-shadow:0 8px 20px #25475b20}.unlock-preview small{font-size:8px;letter-spacing:1px;color:var(--muted)}.unlock-preview h3{font-size:23px;line-height:1.1;margin-top:5px}.unlock-preview p{font-size:11px;color:var(--muted);margin-top:7px}.unlock-distance{font-size:12px;color:var(--club-ink);margin:16px 0}.quick-training{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:15px;border-top:1px solid #d7e3e9}.quick-training>span{font-size:10px;color:var(--muted)}.quick-training button{font-size:11px;min-height:38px;padding:9px 14px}.next-card .progress-line{margin-top:16px}.club-journey{border-radius:20px;background:#ffffffdf;border:1px solid white;margin-top:20px;overflow:hidden}.journey-focus{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(115deg,var(--club-light),#fff)}.journey-focus .eyebrow{font-size:8px;margin:0;display:block}.journey-focus h2{font-size:22px;margin-top:5px}.journey-focus p{font-size:11px;color:var(--muted);margin-top:5px}.journey-meter{width:150px;flex:none}.journey-meter strong{font-size:25px;display:block;line-height:1.1;color:var(--club-ink)}.journey-meter strong small{font-size:13px;color:var(--muted)}.journey-meter progress{width:100%;height:5px;accent-color:var(--club-accent)}.journey-meter>span{font-size:8px;color:var(--muted);display:block}.journey-collection{padding:0 24px 12px}.journey-collection summary{font-size:11px;padding:12px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;color:var(--club-ink)}.journey-collection summary:after{content:'⌄';margin-left:10px}.journey-collection summary span{margin-left:auto;color:var(--muted)}.pennant-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.pennant{text-align:center;opacity:.46;filter:saturate(.4);padding:8px 2px}.pennant.earned{opacity:1;filter:none}.pennant-art{width:56px;height:66px;margin:0 auto 9px;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);background:linear-gradient(135deg,var(--club),var(--club-ink));border-top:4px solid #e1bd7b;display:grid;place-items:center;color:#fff}.pennant-art .game-icon{width:27px;height:27px;margin-top:-6px}.pennant b{font-size:10px;line-height:1.2;display:block}.pennant small{font-size:8px;display:block;margin-top:4px;color:var(--muted)}.report-next{margin-top:20px;padding:16px;border-radius:15px;background:var(--club-light)}.report-next b{display:block;font-size:14px}.report-next p{font-size:12px}.nav-item{border-radius:13px}.mobile-nav{padding:5px 7px calc(5px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;box-shadow:0 -8px 35px #234d6810}.mobile-nav .nav-item{border-radius:14px}.mobile-nav .nav-icon{display:grid;place-items:center}.progress-line{height:5px}.build-number{font-size:7px}.back-flag{opacity:.4}.flag-right{right:-90px;top:20%;bottom:auto}.beam-left{animation:beam-drift 16s ease-in-out infinite alternate}@keyframes beam-drift{to{transform:rotate(-12deg)}}
body.match-screen{overflow:hidden;overscroll-behavior:none}body.match-screen .preview-banner,body.match-screen #build-warning,body.match-screen .sidebar,body.match-screen .topbar,body.match-screen .resources,body.match-screen .mobile-nav,body.match-screen .main-footer{display:none!important}body.match-screen #view-match{margin:0;padding:0}body.match-screen .main-shell{margin:0}body.match-screen #view-match> :not(#stadium-stage){display:none!important}
body.match-screen #stadium-stage{position:fixed;inset:0;z-index:50;width:100dvw;height:100dvh;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;display:block;overflow:hidden;background:var(--arena-edge);isolation:isolate}
body.match-screen .canvas-wrap{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;overflow:hidden}body.match-screen #stadium{width:100%!important;height:100%!important;min-height:0;max-height:none;aspect-ratio:auto;display:block;filter:none}body.match-screen .ground-label,body.match-screen .stadium-footer{display:none!important}
body.match-screen .scoreboard{position:absolute;z-index:8;left:50%;top:max(9px,env(safe-area-inset-top));transform:translateX(-50%);width:min(480px,58%);height:47px;padding:5px 13px;display:grid;grid-template-columns:1fr 90px 1fr;gap:6px;background:#f9fffff0;border:1px solid #fff;border-radius:14px;box-shadow:0 4px 20px #193d3824}
body.match-screen .score-center b{font-size:22px;line-height:1}body.match-screen .score-center span{font-size:7px;letter-spacing:.6px;margin-top:4px;line-height:1.1}body.match-screen .team-name{display:grid;grid-template-columns:4px 1fr;grid-template-rows:16px 12px;column-gap:6px;align-content:center;text-align:left}body.match-screen .team-name strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.match-screen .team-name>small{display:none}body.match-screen .team-name i{width:3px;grid-row:1/3;height:26px;margin:0}body.match-screen .team-name .team-level{grid-column:2;padding:0;border:0;background:none;font-size:7px;justify-self:start;box-shadow:none;line-height:1}body.match-screen .team-name.away{text-align:right;grid-template-columns:1fr 4px}body.match-screen .team-name.away i{grid-column:2}body.match-screen .team-name.away strong,body.match-screen .team-name.away .team-level{grid-column:1;justify-self:end}body.match-screen .dismissals{position:absolute;bottom:-6px;display:flex;gap:2px}body.match-screen .away .dismissals{right:12px}body.match-screen .red-card{width:6px;height:10px}
.arena-back,.arena-menu{display:none}body.match-screen .arena-back,body.match-screen .arena-menu{display:flex;justify-content:center;align-items:center;gap:7px;position:absolute;z-index:10;top:max(10px,env(safe-area-inset-top));height:42px;min-height:42px;border:1px solid white;border-radius:12px;background:#f7ffffee;color:var(--club-ink);box-shadow:0 3px 12px #193d381b}body.match-screen .arena-back{left:max(10px,env(safe-area-inset-left));padding:0 14px;font-size:24px}body.match-screen .arena-back span{font-size:10px}body.match-screen .arena-menu{right:max(10px,env(safe-area-inset-right));width:40px;font-size:15px;letter-spacing:2px}
body.match-screen .camera-buttons{position:absolute;right:60px;top:10px;bottom:auto;gap:5px;z-index:9}body.match-screen .camera-buttons button{height:40px;min-height:40px;background:#f7ffffef;box-shadow:none;border-radius:11px;font-size:9px;width:48px!important}body.match-screen #zoom-button{display:none}body.match-screen #fullscreen-button{width:36px!important}body.match-screen #camera-button{width:46px!important}body.match-screen #crowd-camera-button{width:52px!important}
body.match-screen .match-dock{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));height:76px;z-index:9;display:flex;align-items:center;gap:12px;padding:8px 10px;border:1px solid #fff;border-radius:17px;background:#f8fffff2;box-shadow:0 5px 30px #153e3540}
body.match-screen .match-controls{display:flex;align-items:center;gap:5px;flex:none;margin:0;order:-1}body.match-screen .match-controls button{min-height:42px;height:42px;min-width:39px;padding:0 10px;border-radius:11px;font-size:12px;margin:0}body.match-screen.has-match #start-match{display:none}body.match-screen #stadium-stage.has-match:not(.match-finished) #start-match{display:none}body.match-screen #stadium-stage.match-finished #start-match{display:inline-flex}body.match-screen #stadium-stage.match-finished #pause-match,body.match-screen #stadium-stage.match-finished #speed-match{display:none}body.match-screen #friendly-match{display:none!important}body.match-screen #sound-button{font-size:0;min-width:39px;width:39px;padding:0}body.match-screen #sound-button:before{content:'♫';font-size:18px}body.match-screen #sound-button:not(.sound-on):after{content:'';position:absolute;width:20px;height:1px;background:currentColor;transform:translate(-17px,2px) rotate(-45deg)}body.match-screen #pause-match{font-size:18px}
body.match-screen .live-console{display:flex;position:static;align-items:center;gap:14px;width:100%;height:100%;overflow:visible;max-height:none;border:0;background:none}body.match-screen .tactics-console{padding:0;background:none;border:0;flex:0 0 230px;position:static}body.match-screen .control-caption{font-size:6px;margin:0 0 4px;letter-spacing:1.2px}body.match-screen .tactics-presets{gap:4px;display:grid;grid-template-columns:repeat(3,1fr)}body.match-screen .tactics-presets button{height:39px;min-height:39px;font-size:9px;padding:3px 6px;border-radius:10px}
body.match-screen .fan-console{position:relative;flex:1;min-width:180px;padding:0;border:0;background:none;height:62px;overflow:visible}body.match-screen .activity-heading{display:flex;align-items:center;gap:9px;height:14px;margin:0}body.match-screen .activity-heading label{font-size:9px;margin:0;white-space:nowrap}body.match-screen .activity-heading output{font-size:14px;line-height:1;margin:0}body.match-screen .activity-heading output span{font-size:8px}body.match-screen #fan-activity{height:28px;min-height:28px;margin:0;width:100%;display:block}body.match-screen .activity-scale,body.match-screen .activity-message,body.match-screen .activity-empty{display:none}body.match-screen .activity-icons{height:21px;min-height:0;max-height:21px;overflow:hidden;display:flex;gap:3px;padding:0;align-items:center}body.match-screen .activity-item{padding:0;width:21px;height:21px;border:0;flex:none;background:none}body.match-screen .activity-item .stand-art{width:20px;height:20px;border-radius:5px}body.match-screen .activity-item>span{display:none}body.match-screen .activity-readings{position:absolute;right:0;top:0;display:flex;padding:0;gap:7px;border:0;height:13px}body.match-screen .activity-readings>div>span{display:none}body.match-screen .activity-readings strong{font-size:9px;line-height:1}body.match-screen .activity-readings .heat-reading{display:none}body.match-screen .activity-readings>div:last-child strong{font-size:8px;color:#7895a2}body.match-screen .fan-console[data-risk=warn] .activity-readings>div:last-child strong{color:#c64a32}body.match-screen .activity-fine{position:absolute;right:0;bottom:0;margin:0;padding:2px 5px;font-size:7px;background:#fff0da;color:#a14727;border:0;border-radius:4px;max-width:75%}
body.match-screen #event-callout{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);z-index:7;min-height:0;height:auto;max-width:65%;max-height:32px;padding:5px 12px;display:flex;border:0;border-radius:8px;background:#e8ededed;color:#355467;box-shadow:none;font-size:9px;line-height:1.2}body.match-screen #event-callout small{display:inline;font-size:8px;margin-left:7px}body.match-screen #event-callout .card-symbol{width:12px;height:17px;margin-right:7px;flex:none}body.match-screen #stadium-stage.announcing #event-callout,body.match-screen #stadium-stage.match-finished #event-callout{visibility:hidden}
body.match-screen #post-match-rewards{position:absolute;bottom:24px;left:52%;transform:translateX(-20%);z-index:12;width:max-content;max-width:56%;font-size:10px;border:0;background:none;padding:0;gap:14px;pointer-events:none}body.match-screen #stadium-stage.match-finished .match-dock{height:60px}body.match-screen #stadium-stage:not(.has-match) .match-dock{height:60px;justify-content:center}
/* One event card, explicit rows: no inherited scoreboard or comment text can overlap it. */
.pitch-announcement{z-index:15;inset:0 0 68px;align-items:center;justify-content:center}.pitch-announcement-card{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:9px;min-width:245px;max-width:min(78%,520px);padding:24px 38px;border:2px solid #fff;border-radius:22px;background:linear-gradient(130deg,#fff,var(--club-light));box-shadow:0 12px 40px #123b4638}.pitch-announcement #announcement-title{position:static;display:block;margin:0;padding:0;font-size:clamp(22px,4vw,43px);line-height:1.04;letter-spacing:1px;font-weight:900;text-align:center;white-space:normal;overflow-wrap:anywhere}.pitch-announcement #announcement-score{position:static;display:block;margin:0;padding:0;font-size:40px;line-height:1.1;height:auto;letter-spacing:4px;text-align:center}.pitch-announcement #announcement-score[hidden]{display:none}.pitch-announcement #announcement-caption{position:static;display:block;margin:0;padding:0;font-size:8px;line-height:1.4;letter-spacing:1px;text-align:center}.pitch-announcement:not(.visible){visibility:hidden;transition:opacity .25s,visibility 0s .25s}.pitch-announcement.visible{visibility:visible;transition:opacity .25s,transform .25s}
#arena-settings{width:min(600px,calc(100vw - 24px));max-height:85dvh;padding:28px 24px;border-radius:22px}#arena-settings .match-bottom{grid-template-columns:1fr}#arena-settings .graphics-settings{margin:17px 0}#arena-settings .preview-tools{padding:14px}#arena-settings .preview-tools h2{font-size:17px}#arena-settings .preview-tools>p{display:none}#arena-settings .preview-tools .controls{gap:5px}#arena-settings .preview-tools button{min-height:36px;font-size:10px}#arena-settings .match-bottom>.panel{padding:16px}dialog::backdrop{background:#17344870}dialog{border:1px solid white;border-radius:22px;box-shadow:0 22px 70px #19364645}
@media(max-width:760px){.home-grid{gap:14px}.home-feature{min-height:290px;padding:22px}.home-feature h2{font-size:30px;max-width:72%;margin-top:15px}.home-feature .mini-label{font-size:7px;max-width:70%}.club-emblem{right:20px;top:22px;width:59px;height:73px}.home-feature>p{font-size:11px}.home-form{padding-top:24px}.topbar{height:64px}.topbar .eyebrow{font-size:7px}.topbar strong{font-size:12px}.top-right{gap:8px}.music-toggle{font-size:0;padding:8px;width:34px;height:34px;min-height:34px}.music-toggle:before{content:'♫';font-size:17px}.next-card{padding:20px}.journey-focus{padding:18px;gap:14px}.journey-focus h2{font-size:18px}.journey-focus p{font-size:10px}.journey-meter{width:95px}.journey-meter strong{font-size:22px}.journey-meter>span{font-size:7px}.journey-collection{padding:0 18px 10px}.pennant-grid{grid-template-columns:repeat(3,1fr)}.main-shell main{padding-bottom:100px}.pulse-card{padding:17px}.pulse-card b{font-size:26px}.page-heading h1{font-size:26px}.page-heading{margin-bottom:18px}.unlock-preview .stand-art{width:68px;height:68px}.unlock-preview h3{font-size:21px}}
@media(max-height:450px) and (orientation:landscape){body.match-screen .scoreboard{height:42px;top:7px;width:46%;grid-template-columns:1fr 70px 1fr}body.match-screen .score-center b{font-size:19px}body.match-screen .team-name strong{font-size:9px}body.match-screen .camera-buttons{top:7px}body.match-screen #fullscreen-button{display:none}body.match-screen .arena-back,body.match-screen .arena-menu{top:7px;height:38px;min-height:38px}body.match-screen .camera-buttons button{height:38px;min-height:38px}body.match-screen .match-dock{height:72px;bottom:7px;gap:9px;padding:7px 9px}body.match-screen .tactics-console{flex-basis:204px}body.match-screen .tactics-presets button{font-size:8px}body.match-screen .live-console{gap:12px}body.match-screen #event-callout{bottom:85px;font-size:8px}.pitch-announcement-card{padding:18px 28px;gap:7px}.pitch-announcement #announcement-title{font-size:28px}.pitch-announcement #announcement-score{font-size:35px}body.match-screen .activity-heading label{font-size:8px}body.match-screen .match-controls button{padding:0 8px}}
@media(max-width:700px) and (orientation:landscape){body.match-screen .tactics-console{flex-basis:169px}body.match-screen .tactics-presets button{font-size:7px;padding:2px}body.match-screen .match-controls{gap:3px}body.match-screen .match-controls button{min-width:33px;width:33px;padding:0;font-size:10px}body.match-screen .fan-console{min-width:145px}body.match-screen .match-dock{gap:7px}body.match-screen .live-console{gap:8px}body.match-screen .activity-readings{gap:4px}body.match-screen .activity-heading label{font-size:7px}body.match-screen .activity-heading output{font-size:12px}body.match-screen .camera-buttons{right:52px;gap:3px}body.match-screen #camera-button{display:none}body.match-screen .arena-back{padding:0 10px}body.match-screen .arena-back span{display:none}body.match-screen #stadium-stage.match-finished #start-match{width:auto;padding:0 12px}}
/* Native orientation lock needs a tap. A portrait browser still gets a landscape game surface. */
@media(orientation:portrait) and (max-width:900px){body.match-screen #stadium-stage{inset:auto;left:100dvw;top:0;width:100dvh;height:100dvw;transform:rotate(90deg);transform-origin:0 0}body.match-screen .scoreboard{width:46%;height:42px;top:7px;grid-template-columns:1fr 70px 1fr}body.match-screen .score-center b{font-size:19px}body.match-screen .team-name strong{font-size:9px}body.match-screen .camera-buttons{top:7px}body.match-screen #fullscreen-button{display:none}body.match-screen .arena-back,body.match-screen .arena-menu{top:7px;height:38px;min-height:38px}body.match-screen .match-dock{height:72px;gap:9px;padding:7px 9px;bottom:7px}body.match-screen .tactics-console{flex-basis:204px}body.match-screen .tactics-presets button{font-size:8px}body.match-screen .live-console{gap:12px}body.match-screen #event-callout{bottom:85px}.pitch-announcement #announcement-title{font-size:28px}.pitch-announcement-card{padding:18px 28px;gap:7px}.pitch-announcement #announcement-score{font-size:35px}body.match-screen .activity-heading label{font-size:8px}body.match-screen dialog{width:min(540px,calc(100vw - 24px));max-height:90dvh}}
@media(prefers-reduced-motion:reduce){.beam-left{animation:none}}
body.match-screen .live-console{flex:1;min-width:0;width:auto}body.match-screen .fan-console{width:auto;min-width:0}body.match-screen .activity-heading{justify-content:space-between;padding-right:58px}body.match-screen .activity-heading output{flex:none}body.match-screen .activity-icons{max-width:100%}body.match-screen #toast{top:auto;bottom:94px;padding:8px 14px;font-size:11px;max-width:65vw}body.match-screen:has(#stadium-stage.announcing) #toast{display:none!important}
@media(max-height:500px) and (min-width:761px) and (max-width:1100px){body:not(.match-screen) .sidebar{display:none}.main-shell{margin-left:0}.mobile-nav{display:grid;grid-template-columns:repeat(6,1fr)}.main-shell main{padding-bottom:90px}.home-feature{min-height:280px}.topbar{height:60px}.home-grid{grid-template-columns:1.2fr 1fr}.resources{padding-top:5px;padding-bottom:5px}}
body.match-screen .score-center{min-width:0;align-self:center}body.match-screen .score-center b{display:block;white-space:nowrap;letter-spacing:1px;font-variant-numeric:tabular-nums}body.match-screen .team-name .team-level{grid-row:2;margin:0;align-self:center}body.match-screen .team-name strong{grid-row:1;max-width:none}body.match-screen .score-center span{white-space:nowrap}
:root[data-club-rank="1"] .club-emblem svg>path:first-child{stroke:#d3a176}:root[data-club-rank="2"] .club-emblem svg>path:first-child{stroke:#c5d9e8}:root[data-club-rank="3"] .club-emblem svg>path:first-child,:root[data-club-rank="4"] .club-emblem svg>path:first-child{stroke:#f0cf7d}
body.match-screen .tactics-presets button{min-height:42px;height:42px}
@media(orientation:portrait) and (max-width:900px){body.match-screen dialog{position:fixed;left:50%;top:50%;right:auto;bottom:auto;margin:0;width:min(600px,calc(100dvh - 40px));max-width:none;max-height:calc(100dvw - 30px);transform:translate(-50%,-50%) rotate(90deg)}}
.pitch-announcement.visible{opacity:1;transition:transform .18s}.pitch-announcement-card{background:linear-gradient(130deg,#ffffff,var(--club-light))}.pitch-announcement[data-kind=goal] .pitch-announcement-card{background:linear-gradient(130deg,#fff7dc,#ffffff)}
body.match-screen #start-match{width:auto!important;min-width:105px;max-width:none;flex:none;white-space:nowrap}body.match-screen #match-report-button{width:auto;min-width:80px;flex:none}body.match-screen #stadium-stage:not(.has-match) #pause-match,body.match-screen #stadium-stage:not(.has-match) #speed-match{display:none}
@media(max-width:620px) and (orientation:landscape){body.match-screen #start-match{min-width:85px}body.match-screen #post-match-rewards{left:auto;right:20px;transform:none;max-width:45%;font-size:8px;gap:8px}}
@media(orientation:portrait) and (max-width:900px){body.match-screen #arena-settings,body.match-screen #match-report-dialog,body.match-screen #player-dialog{position:fixed;left:50%;top:50%;right:auto;bottom:auto;margin:0;width:min(600px,calc(100dvh - 40px));max-width:none;max-height:calc(100dvw - 30px);transform:translate(-50%,-50%) rotate(90deg)}}
.surge-status{display:none}body.match-screen .surge-status{position:absolute;display:block;right:0;bottom:0;font-size:7px;line-height:18px;color:#6c8997;pointer-events:none}body.match-screen .fan-console[data-risk=hot] .surge-status,body.match-screen .fan-console[data-risk=warn] .surge-status{color:#b25336}body.match-screen .fan-console:has(.activity-fine:not([hidden])) .surge-status{display:none}body.match-screen .activity-icons{max-width:64%}

/* 0.16.1: a bounded support control in both native and rotated landscape. */
body.match-screen .match-dock{container-type:inline-size}
body.match-screen .fan-console{flex:0 1 260px;max-width:260px;margin-left:auto}
body.match-screen #fan-activity{max-width:260px;min-width:0;box-sizing:border-box}
body.match-screen .activity-heading{gap:5px}
@container (max-width:620px){
 body.match-screen .tactics-console{flex-basis:162px}
 body.match-screen .tactics-presets button{font-size:7px;padding:2px}
 body.match-screen .live-console{gap:8px}
 body.match-screen .match-controls{gap:3px}
 body.match-screen .match-controls button{min-width:33px;width:33px;padding:0}
 body.match-screen .activity-heading label{font-size:7px}
 body.match-screen .activity-heading output{font-size:12px}
 body.match-screen .activity-heading{padding-right:49px}
 body.match-screen .activity-readings{gap:4px}
}
#match-start-dialog{position:fixed;inset:0;margin:auto;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;background:linear-gradient(135deg,#fff,var(--club-light,#eaf7ff));border:2px solid #fff;color:#173b51;border-radius:22px}
#match-start-dialog .eyebrow{font-size:9px;letter-spacing:1px;color:var(--club,#2588b0);margin-bottom:12px}
#match-start-dialog h2{margin:0 0 10px;font-size:27px;line-height:1.15}
#match-start-description{font-size:13px;line-height:1.5;margin:0;color:#5a7382}
.match-start-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.match-start-actions button{min-height:46px;border-radius:12px;font-size:15px}
@media(orientation:portrait) and (max-width:900px){body.match-screen #match-start-dialog{position:fixed;left:50%;top:50%;right:auto;bottom:auto;margin:0;width:min(370px,calc(100dvh - 40px));max-width:none;max-height:calc(100dvw - 30px);transform:translate(-50%,-50%) rotate(90deg)}}

body.match-screen .team-name{min-width:0}body.match-screen .team-name strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 0.17 — team development and the training podium. */
.team-training-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-bottom:18px}.team-overview{--metal-a:#e7f4ff;--metal-b:#c6e6fa;--metal-ink:#174b70;position:relative;overflow:hidden;min-width:0;padding:26px;border:1px solid #ffffff;border-radius:22px;color:var(--metal-ink);background:linear-gradient(135deg,#ffffffd9,var(--metal-a) 45%,var(--metal-b));box-shadow:0 8px 26px #29486012}.team-overview:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff90 45%,transparent 62%);pointer-events:none}.team-overview[data-card-tier=bronze],.training-star[data-card-tier=bronze]{--metal-a:#f5dfc9;--metal-b:#dca670;--metal-ink:#663b1e}.team-overview[data-card-tier=silver],.training-star[data-card-tier=silver]{--metal-a:#f2f7fc;--metal-b:#b9cadb;--metal-ink:#364a61}.team-overview[data-card-tier=gold],.training-star[data-card-tier=gold]{--metal-a:#fff2bd;--metal-b:#e7be55;--metal-ink:#71511a}.team-overview[data-card-tier=red-gold],.training-star[data-card-tier=red-gold]{--metal-a:#ffe8b0;--metal-b:#ed7c49;--metal-ink:#813122;border-color:#ffbe5b;box-shadow:0 0 24px #ed9e3630,inset 0 0 0 2px #fff4bd}
.team-identity{position:relative;max-width:65%;z-index:1}.team-identity .eyebrow{color:inherit;opacity:.7;font-size:8px;letter-spacing:1px}.team-identity h2{font-size:29px;line-height:1.08;overflow-wrap:anywhere}.team-identity p{font-size:11px;line-height:1.5;max-width:180px}.team-metal{display:inline-flex;gap:5px;align-items:center;margin-top:12px;font-size:10px;font-weight:700;padding:5px 8px;border-radius:20px;border:1px solid #ffffffbf;background:#ffffff80}.team-metal svg{width:13px;height:13px}.team-level-medal{position:absolute;right:24px;top:26px;width:118px;text-align:center;padding:16px 5px;border:1px solid #ffffff;border-radius:18px;background:linear-gradient(145deg,#ffffffd9,#ffffff35);box-shadow:0 8px 14px #30393910}.team-level-medal small{display:block;font-size:6px;letter-spacing:.9px;font-weight:800}.team-level-medal strong{display:block;font-size:43px;line-height:1.35;font-weight:900;letter-spacing:-2px}.team-level-medal span{font-size:8px;opacity:.7}.team-shirts{height:100px;display:flex;justify-content:center;align-items:center;gap:0;position:relative;isolation:isolate;margin:12px 0 10px}.team-shirts .jersey{width:69px;height:80px;font-size:28px;filter:drop-shadow(0 6px 5px #173c5925);background:var(--club);border-color:var(--club2)}.team-shirts .jersey:first-child{transform:rotate(-12deg) translate(8px,4px);opacity:.82}.team-shirts .jersey:last-child{transform:rotate(12deg) translate(-8px,4px);opacity:.82;z-index:-1}.team-shirts .jersey:nth-child(2){width:76px;height:92px;font-size:33px}.team-metal-road{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-top:1px solid #ffffffc2;padding-top:14px;position:relative}.team-metal-road span{font-size:8px;line-height:1.3;opacity:.65}.team-metal-road span.reached{opacity:1;font-weight:700}.team-metal-road b{font-size:11px}.metal-dot{display:block;width:17px;height:17px;border-radius:50%;border:1px solid #ffffff;box-shadow:inset 0 0 0 2px #ffffff40;margin-bottom:5px}.metal-bronze{background:linear-gradient(140deg,#f4d0a7,#996535)}.metal-silver{background:linear-gradient(140deg,#ffffff,#8b9eaf)}.metal-gold{background:linear-gradient(140deg,#fff2b0,#cc8d16)}.metal-red-gold{background:linear-gradient(140deg,#fff58b,#ed9638,#b82b21)}.team-next-metal{display:block;position:relative;margin-top:10px;font-size:8px;opacity:.7;line-height:1.5}
.team-training-panel{min-width:0;border:1px solid #fff;border-radius:22px;background:#ffffffee;padding:25px;box-shadow:0 8px 26px #29486012}.training-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.training-panel-heading .eyebrow{font-size:8px;letter-spacing:.8px;margin:0;color:#6b8c9e}.training-panel-heading>span:last-child{font-size:14px;font-weight:900;color:var(--club-ink);white-space:nowrap}.team-training-panel h2{font-size:25px;line-height:1.13;margin-top:19px;color:var(--club-ink)}.team-training-panel>p{font-size:11px;color:#6a8797;line-height:1.6;margin-top:10px}.team-training-panel #team-train{margin-top:19px;display:flex;align-items:center;justify-content:flex-start;gap:10px;border-radius:13px;padding:14px 15px;min-height:54px}.team-training-panel #team-train>svg{width:22px;flex:none}.team-training-panel #team-train>span{font-size:12px;flex:1;text-align:left}.team-training-panel #team-train>b{font-size:10px;white-space:nowrap;background:#ffffff25;padding:5px 7px;border-radius:7px}.team-cohesion{margin-top:22px;padding-top:16px;border-top:1px solid #e8eff4}.team-cohesion>div:first-child{display:flex;align-items:center;justify-content:space-between}.team-cohesion b{font-size:12px;color:var(--club-ink)}.team-cohesion strong{font-size:19px;color:var(--club-accent)}.cohesion-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:9px 0}.cohesion-steps i{height:6px;border-radius:10px;background:#e1ecf0}.cohesion-steps i.done{background:linear-gradient(90deg,var(--club),#52c5c4)}.team-cohesion p{font-size:9px;line-height:1.5;color:#78929f;margin-top:6px}.team-training-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;color:#7d95a3;font-size:9px}.team-training-footer button{font-size:9px;min-height:36px;padding:6px 0;color:var(--club-accent)}
#team-training-dialog{position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:28px;background:linear-gradient(145deg,#fff,#f0f8fc);color:#21445c;border:2px solid #fff;border-radius:24px;overflow:auto;overscroll-behavior:contain}#team-training-dialog h2{font-size:28px;line-height:1.15;padding-right:25px}#team-training-dialog .eyebrow{color:#72919f;font-size:9px;margin-bottom:9px;letter-spacing:1px}#team-training-close{position:absolute;right:14px;top:12px;z-index:2;width:34px;height:34px;min-height:34px;border-radius:50%;background:#e9f2f8;color:#486d83}.training-report-intro{font-size:12px;line-height:1.6;color:#708b9a;margin-top:11px;max-width:90%}.training-result-strip{display:grid;grid-template-columns:1.2fr 1fr .7fr;gap:10px;margin:20px 0;padding:13px 15px;border:1px solid #dbeaf1;background:#ffffff;border-radius:13px}.training-result-strip span{font-size:9px;color:#7b949f}.training-result-strip b{display:block;font-size:16px;color:var(--club-ink);margin-top:3px}.training-leaders-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}.training-leaders-heading h3{font-size:17px;color:#264f66}.training-leaders-heading small{font-size:9px;color:#8b9da6}.training-stars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.training-star{--metal-a:#f4faff;--metal-b:#d5eaf6;--metal-ink:#204762;min-width:0;padding:14px;border:1px solid #d3e6f0;border-radius:15px;background:linear-gradient(140deg,#ffffff,var(--metal-a),var(--metal-b));color:var(--metal-ink)}.training-star:first-child{border:2px solid #f1c878;box-shadow:0 4px 15px #dea32c15}.training-rank{display:block;font-size:7px;letter-spacing:1px;font-weight:900;white-space:nowrap;margin-bottom:14px}.training-star:first-child .training-rank{color:#ad7a18}.training-player-head{display:flex;align-items:center;gap:10px}.training-player-head .jersey{width:46px;height:53px;min-width:0;flex:none;font-size:22px}.training-player-head strong{font-size:21px}.training-player-head span{display:block;font-size:9px;opacity:.7}.training-level-up{margin-top:12px;padding:6px 0;font-size:12px;border-bottom:1px solid #c5d8e080}.training-level-up span{padding:0 4px;opacity:.5}.training-level-up b{font-size:14px}.training-star dl{margin:10px 0}.training-star dl>div{display:flex;justify-content:space-between;gap:5px;font-size:11px;line-height:1.8}.training-star dt{opacity:.75}.training-star dd{margin:0;font-weight:900;color:#158576}.training-total{padding-top:8px;border-top:1px solid #c5d8e080;font-size:10px;font-weight:700}.training-cohesion-result,.training-breakthrough{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:12px;font-size:11px;background:#e9f7f1;color:#2b8466;margin:15px 0}.training-cohesion-result svg,.training-breakthrough svg{width:18px;flex:none}.training-breakthrough{background:#fff0cb;color:#986b16}.training-working{text-align:center;padding:8px 0}.training-working h2{padding-right:0!important}.training-working p{font-size:12px;color:#78909f}.training-drill{position:relative;width:min(285px,80%);height:125px;margin:24px auto;border:2px solid #bcdecf;border-radius:14px;background:repeating-linear-gradient(90deg,#e0f2e6 0 40px,#ecf7ed 40px 80px);overflow:hidden}.training-drill:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #c2dccc}.training-drill:after{content:'';position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;border:1px solid #c2dccc;border-radius:50%}.training-drill i{position:absolute;z-index:1;width:17px;height:17px;border:3px solid #fff;border-radius:50%;background:var(--club);box-shadow:0 3px 6px #2d675f30;animation:training-step .8s ease-in-out infinite alternate}.training-drill i:nth-child(1){left:18%;top:25%}.training-drill i:nth-child(2){left:62%;top:18%;animation-delay:-.4s}.training-drill i:nth-child(3){left:74%;top:64%;animation-delay:-.2s}.training-drill i:nth-child(4){left:28%;top:65%;animation-delay:-.6s}.training-drill b{position:absolute;left:25%;top:40%;z-index:2;width:9px;height:9px;border:2px solid #556b71;background:#fff;border-radius:50%;animation:training-pass 1.5s linear infinite}.training-drill span{position:absolute;left:9%;right:9%;bottom:8px;border-bottom:2px dashed #d1e7d9}@keyframes training-step{to{transform:translate(2px,-5px)}}@keyframes training-pass{0%,100%{left:25%;top:40%}35%{left:65%;top:30%}65%{left:75%;top:68%}}
@media(max-width:1050px){.team-training-layout{grid-template-columns:1fr 1fr}.team-overview{padding:22px}.team-level-medal{right:18px;width:100px}.team-identity h2{font-size:25px}.team-training-panel{padding:21px}}
@media(max-width:760px){.team-training-layout{grid-template-columns:1fr;gap:12px}.team-overview{padding:22px}.team-level-medal{width:102px;right:20px;top:22px}.team-identity{max-width:62%}.team-identity h2{font-size:27px}.team-training-panel{padding:21px}.team-training-panel h2{font-size:24px}.team-shirts{height:93px;margin-top:16px}.team-overview .team-next-metal{font-size:8px}.team-training-panel #team-train>span{font-size:12px}#team-training-dialog{padding:23px 15px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px}#team-training-dialog h2{font-size:24px}.training-report-intro{font-size:11px;max-width:100%}.training-result-strip{gap:8px;padding:11px 10px;margin:15px 0}.training-result-strip span{font-size:8px}.training-result-strip b{font-size:13px}.training-leaders-heading{display:block}.training-leaders-heading h3{font-size:17px}.training-leaders-heading small{font-size:8px}.training-stars{gap:7px}.training-star{padding:9px 7px;border-radius:12px}.training-rank{font-size:6px;letter-spacing:.4px;margin-bottom:10px}.training-player-head{display:block}.training-player-head .jersey{width:40px;height:46px;font-size:19px;margin:auto}.training-player-head>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.training-player-head strong{font-size:14px}.training-player-head span{font-size:8px}.training-level-up{font-size:9px;margin-top:6px}.training-level-up b{font-size:10px}.training-star dl>div{font-size:9px;line-height:1.95}.training-total{font-size:8px}.training-cohesion-result{font-size:10px;padding:10px}.training-working{padding:14px 0}}
@media(max-width:350px){.team-level-medal{width:83px;right:16px}.team-identity h2{font-size:24px}.team-level-medal strong{font-size:36px}.team-metal-road{gap:4px}.team-metal-road span{font-size:7px}.training-stars{gap:5px}.training-star{padding:8px 5px}.training-rank{font-size:5.5px}.training-star dl>div{font-size:8px}.training-total{font-size:7px}.training-level-up{font-size:8px}.training-level-up b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.training-drill i,.training-drill b{animation:none}}
/* Keep the primary action above the fold on a phone. */
@media(max-width:760px){.team-training-panel{order:-1}.team-training-panel h2{font-size:23px}.team-training-panel #team-train{min-height:56px}.team-training-panel>p{font-size:12px}.team-training-panel #team-train-note{font-size:10px}}
@media(max-height:500px) and (min-width:761px) and (max-width:1100px){.mobile-nav .nav-item{min-width:0;flex-direction:column;justify-content:center;gap:4px;padding:9px 4px;font-size:9px;text-align:center}.mobile-nav .nav-index{display:none}.mobile-nav .nav-icon{width:22px;height:22px}.mobile-nav .game-icon{width:21px;height:21px}}

/* 0.17.1 — MK family football studio opening. */
body.studio-intro-active{overflow:hidden!important}
#studio-splash{position:fixed;inset:0;z-index:2147483000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;align-items:center;text-align:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));color:#5a4b3e;background:radial-gradient(ellipse at 50% 36%,#fff 15%,#fff9ee 63%,#e9f1e5);opacity:1;transition:opacity .24s ease;isolation:isolate;overflow:hidden}
#studio-splash[hidden]{display:none!important}#studio-splash.studio-leaving{opacity:0}
.studio-pitch{position:absolute;z-index:-1;width:min(860px,150vw);height:400px;border:1px solid #aecbad55;border-radius:12px;bottom:-280px;left:50%;transform:translateX(-50%) perspective(700px) rotateX(54deg);background:repeating-linear-gradient(90deg,#f0f5e600 0 100px,#d6e8ca30 100px 200px)}.studio-pitch:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #aecbad66}.studio-pitch:after{content:'';position:absolute;width:120px;height:120px;border:1px solid #aecbad66;border-radius:50%;left:calc(50% - 60px);top:calc(50% - 60px)}
.studio-kicker{font-size:9px;letter-spacing:3px;font-weight:700;color:#a58f75}.studio-center{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.studio-logo-wrap{display:flex;align-items:center;justify-content:center;min-height:0;filter:drop-shadow(0 12px 22px #d9802020);transform:scale(.94);opacity:0;transition:opacity .35s ease,transform .65s cubic-bezier(.2,.75,.2,1)}.studio-ready .studio-logo-wrap{opacity:1;transform:scale(1)}#studio-logo{display:block;width:min(390px,86vw);height:auto;max-height:calc(100dvh - 200px);object-fit:contain}#studio-logo[hidden]{display:none}.studio-title{font-size:21px;font-weight:900;letter-spacing:7px;color:#354d4a;padding-left:7px;line-height:1.3}.studio-present{font-size:8px;letter-spacing:2px;color:#b19576;font-weight:700}.studio-footer{display:flex;justify-content:center}#studio-skip{min-height:44px;padding:11px 24px;border-radius:24px;background:#ffffffbd;border:1px solid #edccaa;color:#a76928;font-size:11px;box-shadow:0 5px 18px #bd743010}#studio-skip:hover{background:#fff}#studio-skip:focus-visible{outline:2px solid #f89324;outline-offset:4px}#studio-fallback{font-size:48px;font-weight:900;letter-spacing:-2px;color:#ff8500}#studio-fallback small{display:block;font-size:33px;letter-spacing:0}
@media(orientation:landscape) and (max-height:500px){#studio-splash{gap:8px;padding:14px 20px}.studio-center{gap:4px}#studio-logo{max-height:calc(100dvh - 122px);width:auto;max-width:80vw}.studio-title{font-size:16px;letter-spacing:5px}.studio-present{font-size:7px}.studio-kicker{font-size:7px;letter-spacing:2px}#studio-skip{min-height:36px;font-size:10px;padding:8px 20px}}
@media(prefers-reduced-motion:reduce){#studio-splash,.studio-logo-wrap{transition:none}.studio-logo-wrap{transform:none}}

/* 0.18 — match brief, recovery and repeat training. */
#match-start-dialog{width:min(520px,calc(100vw - 28px));padding:23px;overflow:auto}#match-start-dialog h2{font-size:24px}.fixture-preview{display:grid;grid-template-columns:1fr 26px 1fr;align-items:center;gap:8px;margin:16px 0}.fixture-team{text-align:center;min-width:0}.fixture-team i{display:block;width:28px;height:5px;border-radius:4px;margin:0 auto 8px}.fixture-team small{display:block;font-size:8px;letter-spacing:1.5px;color:#78909e}.fixture-team strong{display:block;font-size:17px;line-height:1.2;margin:5px 0;overflow-wrap:anywhere}.fixture-team span{font-size:9px;color:#698594}.fixture-versus{text-align:center;font-size:10px;color:#9aaeb8}.match-conditions{display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#ffffffc9;border:1px solid #dfebee;border-radius:14px;padding:12px;margin-bottom:13px}.match-conditions small{display:block;font-size:8px;letter-spacing:.7px;color:#7b919f;margin-bottom:4px}.match-conditions b{display:block;font-size:14px}.match-conditions span{display:block;font-size:10px;color:#7b919f;margin-top:3px}.fatigue-preview{grid-column:1/-1;border-top:1px solid #e5eef1;padding-top:9px}.fatigue-preview b span{display:inline;font-weight:500}.fatigue-preview progress,.team-condition progress{width:100%;height:6px;accent-color:var(--club);display:block;margin-top:7px}.fatigue-preview.needs-rest b{color:#b6512a}#match-start-description{font-size:11px;line-height:1.45}.match-start-actions{margin-top:16px}.team-condition{margin-top:17px;font-size:11px;color:#496d83}.team-condition>div{display:flex;justify-content:space-between;gap:8px}.team-condition span{font-size:9px}.team-condition small{display:block;line-height:1.5;margin:7px 0 12px;color:#79939e}#team-recover{font-size:12px;min-height:43px}#team-training-done{margin-top:9px}#team-train-again{min-height:48px}
@media(orientation:landscape) and (max-height:500px){#match-start-dialog{padding:15px 21px;width:min(630px,calc(100vw - 30px))}#match-start-dialog h2{font-size:21px}#match-start-dialog .eyebrow{margin-bottom:6px}#match-preview-details{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:center}.fixture-preview{margin:8px 0}.match-conditions{margin:6px 0 8px;padding:10px}.match-start-actions{margin-top:10px}.match-start-actions button{min-height:42px}}
@media(orientation:portrait) and (max-width:900px){body.match-screen #match-start-dialog{width:min(630px,calc(100dvh - 30px));padding:15px 21px}body.match-screen #match-preview-details{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:center}body.match-screen .match-conditions{margin:5px 0 8px;padding:10px}body.match-screen .fixture-preview{margin:8px 0}body.match-screen .match-start-actions{margin-top:10px}body.match-screen #match-start-dialog h2{font-size:21px}body.match-screen #match-start-dialog .eyebrow{margin-bottom:6px}}

/* Club museums: club-coloured ribbons, lit cabinets and a searchable directory. */
.club-link{font:inherit;font-weight:700;color:inherit;background:none;padding:0;text-align:inherit;border:0;cursor:pointer;min-height:28px}.club-link:hover{text-decoration:underline}.club-link em,.museum-club em,.museum-stars{font-style:normal;color:#c69529;margin-left:3px}[data-club]{cursor:pointer}.museum-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.museum-heading h2{font-size:28px;line-height:1.1;color:var(--club-ink)}.museum-heading p{font-size:12px;color:#81929f;margin-top:9px}.museum .eyebrow{color:#a58549;font-size:8px;margin-bottom:10px}.museum-seal{width:64px;height:74px;display:grid;place-items:center;flex:none;font-size:28px;color:#fff7dd;background:linear-gradient(130deg,#f5d58b,#b78430);clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.museum.panel{background:linear-gradient(135deg,#fff,#fffaf1 65%,var(--club-light));border:1px solid #f2dfb9}.museum-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0}.museum-counts>span{padding:13px 8px;border-radius:13px;background:#ffffffb8;border:1px solid #eee5d6;text-align:center}.museum-counts b{display:block;font-size:25px;color:#42617a}.museum-counts small{font-size:10px;color:#78909d}.museum-counts .honour-gold b{color:#c49437}.museum-counts .honour-silver b{color:#8a9eaf}.museum-counts .honour-bronze b{color:#a97852}.museum-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:18px;max-height:470px;overflow:auto;padding:4px 2px 15px}.museum-award{text-align:center;padding:12px 8px 15px;border-bottom:6px solid #dcd6c6;border-radius:8px;background:radial-gradient(ellipse at 50% 30%,#fffbed,#f7f5ef);box-shadow:0 8px 8px -8px #493b2940}.museum-award .cup-art,.museum-medal{height:100px;width:100px;display:block;margin:auto auto 12px}.museum-award b{display:block;color:#34556a;font-size:13px}.museum-award p{font-size:9px;color:#698392;margin:5px 0}.museum-award small{font-size:8px;color:#9e8a64}.museum-empty{display:flex;align-items:center;justify-content:center;gap:20px;min-height:180px;color:#718692}.museum-empty .cup-art{width:100px;height:130px;flex:none}.museum-empty h3{font-size:17px;color:#476a7f}.museum-empty p{font-size:11px;line-height:1.6;max-width:260px}.museum-star-rule{font-size:11px;line-height:1.6;color:#9c7b3b;margin-top:19px}.museum-search-label{display:block;font-size:10px;color:#7a919f;margin:20px 0 16px}.museum-search-label input{width:100%;display:block;margin-top:7px;background:#f5f9fc}.museum-clubs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.museum-club{display:flex;align-items:center;gap:11px;min-width:0;text-align:left;padding:13px;border:1px solid #e2ebef;border-radius:12px;background:#fbfdff}.museum-club>i{width:27px;height:33px;border:3px solid;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);flex:none}.museum-club>span{flex:1;min-width:0}.museum-club b{font-size:11px;color:#305770;display:block;overflow-wrap:anywhere}.museum-club small{font-size:8px;color:#8b9ca6;display:block;margin-top:4px}.museum-club>strong{font-size:17px;color:#c19742;text-align:center;flex:none}.museum-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:17px;font-size:10px;color:#879aa5}.museum-pagination button{min-width:40px;min-height:40px}#club-museum-dialog{width:min(760px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:28px;border:2px solid #fff;border-radius:23px;background:linear-gradient(130deg,#fff,#fff9ed);color:#31536a;overflow:auto}#club-museum-dialog h2{padding-right:25px;font-size:28px}#club-museum-dialog .eyebrow{font-size:9px;color:#ba964f;margin-bottom:9px}#club-museum-close{position:absolute;right:13px;top:12px;width:33px;height:33px;border-radius:50%;background:#ece8dd;color:#607181}.cup-route{padding:17px;background:linear-gradient(130deg,#eff8ff,#fff9e8);border:1px solid #dfeaf1;border-radius:14px;margin:14px 0}.cup-route>b{font-size:16px;color:#285b76}.cup-route p{font-size:11px;line-height:1.6;color:#718c9b;margin:8px 0}.cup-route>span{font-size:11px;font-weight:700;color:var(--club-accent)}.cup-route>div{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin-top:15px}.cup-route i{font-style:normal;border-top:3px solid #c9d9e0;padding-top:7px;color:#889eaa;font-size:14px;font-weight:900}.cup-route small{display:block;font-size:8px;font-weight:400;margin-top:3px}.cup-route i.done{border-color:#59b8a5}.cup-route i.now{color:var(--club-accent);border-color:var(--club)}.activity-heading label{white-space:normal!important;font-size:8px!important;line-height:1.15!important}
@media(max-width:600px){.museum-heading h2{font-size:23px}.museum.panel,.museum-directory{padding:20px}.museum-seal{width:43px;height:55px;font-size:22px}.museum-clubs{grid-template-columns:1fr}.museum-counts{gap:6px;margin:18px 0}.museum-counts b{font-size:22px}.museum-counts small{font-size:8px}.museum-empty{gap:10px}.museum-empty h3{font-size:14px}.museum-empty .cup-art{width:76px}.museum-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#club-museum-dialog{padding:22px 16px}#club-museum-dialog h2{font-size:23px}.cup-route>div{grid-template-columns:repeat(4,1fr);row-gap:13px}}
@media(orientation:portrait) and (max-width:900px){body.match-screen #club-museum-dialog{left:50%;top:50%;right:auto;bottom:auto;margin:0;width:calc(100dvh - 28px);max-height:calc(100dvw - 24px);transform:translate(-50%,-50%) rotate(90deg)}body.match-screen #club-museum-dialog .museum-shelf{grid-template-columns:repeat(4,1fr)}}
/* 0.19 · pre-match briefing; the pitch is a clean simulation view. */
#live-console{display:none!important}.match-dock{grid-template-columns:1fr!important}.match-controls{justify-content:center}
#match-start-dialog,body.match-screen #match-start-dialog{width:min(920px,calc(100vw - 28px));max-height:calc(100dvh - 26px);padding:23px 26px;background:linear-gradient(135deg,#fff,#eef6fc);color:#163548;border:1px solid #fff;overflow-y:auto;border-radius:24px}
#match-start-dialog h2{font-size:27px;margin:5px 0 12px}#match-preview-details,body.match-screen #match-preview-details{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:26px;align-items:start}
.brief-overview{min-width:0}.pairing-ready{display:flex;align-items:center;gap:7px;color:#497487;font-size:9px;letter-spacing:1.1px;font-weight:800}.pairing-ready i{width:7px;height:7px;border-radius:50%;background:#1cb589}.fixture-team{min-width:0}.fixture-team strong{font-size:17px}.fixture-team .brief-level{display:grid;place-items:center;align-self:center;width:43px;height:43px;border-radius:13px;background:#143c54;color:white;font-size:24px;font-weight:900;margin:8px 0;box-shadow:0 5px 12px #18405a20}.brief-insight,.brief-lock{font-size:11px;line-height:1.5;color:#628090}.brief-lock{padding:10px;border-left:3px solid #efb652;background:#fff8e8;border-radius:0 7px 7px 0}.brief-setting{border:0;padding:0;margin:0 0 11px;min-width:0}.brief-setting legend{font-size:9px;letter-spacing:1.4px;color:#426275;font-weight:800;margin-bottom:6px}.brief-options{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:5px}.brief-options button{min-height:39px;font-size:11px;font-weight:700;padding:7px 5px;border:1px solid #d6e2ea;color:#426275;background:white;border-radius:9px}.brief-options button[aria-pressed=true]{background:var(--club,#078aba);color:white;border-color:var(--club,#078aba);box-shadow:0 3px 10px #12435a22}.brief-setting p,.brief-support p{font-size:10px;line-height:1.45;color:#628090;min-height:27px;margin:5px 0 0}.brief-support{padding:12px;background:white;border:1px solid #dfe8ec;border-radius:13px}.brief-support>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.brief-support label{font-weight:800;font-size:13px}.brief-support output{font-size:22px;color:var(--club);font-weight:900}.brief-support input{width:100%;accent-color:var(--club);height:25px;margin:8px 0 0;touch-action:pan-y}.brief-equipment{display:flex;gap:5px;overflow-x:auto;margin-top:7px}.brief-equipment>span{flex:0 0 53px;text-align:center}.brief-equipment svg,.brief-equipment .stand-art{width:35px;height:35px;margin:auto}.brief-equipment small{display:block;font-size:8px;line-height:1.3;color:#527287}.match-start-actions{position:sticky;bottom:-23px;padding:11px 0;background:#f4f9fd;z-index:2;display:flex;justify-content:flex-end;gap:8px}.match-start-actions button{min-height:45px}.pairing-search{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:280px;color:#295c75}.pairing-ball{font-size:40px;animation:pairingPulse .9s ease-in-out infinite alternate}.pairing-search small{font-size:12px}.brief-recap{padding:15px;border:1px solid #dce6eb;border-radius:14px;margin-top:15px}.brief-recap h3{font-size:15px}.brief-recap p{font-size:12px;line-height:1.6}.brief-recap small{font-size:10px;color:#6a8597}
@keyframes pairingPulse{to{transform:translateY(-8px) rotate(25deg)}}
@media(max-width:640px) and (orientation:portrait){#match-preview-details,body.match-screen #match-preview-details{grid-template-columns:1fr;gap:13px}#match-start-dialog{padding:18px}.fixture-preview{margin:10px 0}.brief-overview .fixture-team{gap:0}.brief-overview .brief-level{width:34px;height:34px;font-size:21px;margin:4px 0}.brief-lock{display:none}.brief-insight{margin:4px 0}.brief-options button{min-height:42px}}
@media(orientation:landscape) and (max-height:550px){#match-start-dialog,body.match-screen #match-start-dialog{padding:14px 20px;border-radius:17px}#match-start-dialog h2{font-size:20px;margin:0 0 8px}#match-start-dialog .eyebrow{font-size:8px;margin-bottom:3px}#match-preview-details,body.match-screen #match-preview-details{gap:20px}.brief-setting{margin-bottom:7px}.brief-setting p{min-height:0}.brief-options button{min-height:33px}.brief-support{padding:8px}.brief-support input{margin:0;height:22px}.brief-equipment>span{flex-basis:42px}.brief-equipment .stand-art{width:26px;height:26px}.brief-lock{padding:6px;font-size:9px}.match-start-actions{bottom:-14px;padding:7px 0;margin-top:4px}.match-start-actions button{min-height:37px}#match-start-description{font-size:9px;margin:7px 0 0}}
@media(prefers-reduced-motion:reduce){.pairing-ball{animation:none}}
.news-live-dot{font-size:9px;color:#00a67b;letter-spacing:1px}.news-filters{display:flex;gap:7px;margin:13px 0}.news-filters button{border-radius:20px;border:1px solid #d9e5eb;padding:9px 15px;font-size:11px;color:#537081;background:white}.news-filters button[aria-pressed=true]{background:var(--club);color:#fff;border-color:var(--club)}.news-item{display:flex;gap:15px;align-items:center;padding:18px 0;border-top:1px solid #e6edf1}.news-cup{flex:0 0 54px}.news-cup svg{width:54px;height:65px}.news-item small{font-size:9px;color:#78939e;letter-spacing:.5px}.news-item h3{font-size:16px;margin:6px 0;color:#23495c}.news-item p,.news-empty p{font-size:12px;color:#78939e;line-height:1.5;margin:5px 0}.news-item .text-btn{font-size:10px;padding:5px 0;color:var(--club)}.our-news{background:linear-gradient(90deg,#eaf8f6,transparent);padding-left:12px;border-radius:10px}.news-empty{padding:22px 8px;color:#426275}.cup-winner{display:flex;align-items:center;gap:20px;background:linear-gradient(110deg,#fff3c9,#f7fbff);border:1px solid #efd89d;border-radius:18px;padding:24px;margin-top:18px}.cup-winner>svg{width:65px;height:80px;flex-shrink:0}.cup-winner small{font-size:9px;color:#a38a4a}.cup-winner h3{font-size:21px;margin:6px 0}.cup-winner p{font-size:12px;line-height:1.5;color:#79929b}
.fixture-team .brief-level{margin-left:auto;margin-right:auto}.fixture-team{align-content:start}
@media(orientation:landscape) and (max-height:550px){
 #match-start-dialog,body.match-screen #match-start-dialog{padding:10px 16px}#match-start-dialog h2{font-size:19px;margin:0 0 5px}#match-preview-details,body.match-screen #match-preview-details{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}
 .brief-setting{margin-bottom:5px}.brief-setting legend{font-size:8px;margin-bottom:3px}.brief-options button{min-height:29px;padding:4px 3px;font-size:10px}.brief-setting p{font-size:8px;line-height:1.25;margin-top:3px}.brief-support{padding:7px}.brief-support label{font-size:11px}.brief-support output{font-size:18px}.brief-support p{font-size:8px;min-height:0;line-height:1.25;margin-top:0}.brief-support input{height:18px}.brief-equipment{margin-top:4px;max-height:26px}.brief-equipment>span{display:flex;align-items:center;gap:3px;flex-basis:70px}.brief-equipment small{font-size:7px}.brief-equipment .stand-art{width:23px;height:23px;flex-shrink:0}.fixture-preview{margin:7px 0}.fixture-team strong{font-size:15px}.fixture-team>span:last-child{font-size:8px}.fixture-team .brief-level{width:31px;height:31px;font-size:20px;border-radius:9px;margin-top:5px;margin-bottom:4px}.match-conditions{padding:8px;margin:5px 0}.match-conditions small{font-size:7px}.match-conditions b{font-size:11px}.match-conditions span{font-size:8px}.brief-insight{font-size:8px;margin:5px 0}.brief-lock{display:none}.match-start-actions{bottom:-10px;padding:6px 0 0;margin:3px 0 0}.match-start-actions button{min-height:32px;font-size:11px}#match-start-description{font-size:8px;line-height:1.2;margin:3px 0}
}
@media(orientation:landscape) and (max-height:550px){
 #match-start-dialog .brief-setting p{display:none}#match-start-dialog .brief-setting{margin-bottom:7px}#match-start-dialog .brief-options button{min-height:35px}#match-start-dialog .brief-support label{margin:0;font-size:11px}#match-start-dialog .brief-support p{font-size:8px;line-height:1.25;min-height:0;margin:3px 0}#match-start-dialog .brief-equipment small{font-size:7px}#match-start-dialog .brief-insight{font-size:8px;line-height:1.3;margin:5px 0}#match-start-dialog .match-conditions{padding:7px;gap:7px;margin:5px 0}#match-start-dialog .fixture-preview{margin:6px 0}#match-start-dialog .match-conditions .fatigue-preview{padding-top:5px;margin-top:5px}#match-start-dialog .fixture-team>small{font-size:7px}#match-start-dialog .fixture-team>span:last-child{font-size:7px;line-height:1.35}#match-start-description{font-size:8px!important}
}

/* A portrait handset renders this briefing in the same landscape plane as the arena. */
@media(orientation:portrait) and (max-width:900px){
body.match-screen #match-start-dialog,body.match-screen #match-start-dialog{padding:14px 20px;border-radius:17px}
body.match-screen #match-start-dialog h2{font-size:20px;margin:0 0 8px}
body.match-screen #match-start-dialog .eyebrow{font-size:8px;margin-bottom:3px}
body.match-screen #match-preview-details,body.match-screen #match-preview-details{gap:20px}
body.match-screen .brief-setting{margin-bottom:7px}
body.match-screen .brief-setting p{min-height:0}
body.match-screen .brief-options button{min-height:33px}
body.match-screen .brief-support{padding:8px}
body.match-screen .brief-support input{margin:0;height:22px}
body.match-screen .brief-equipment>span{flex-basis:42px}
body.match-screen .brief-equipment .stand-art{width:26px;height:26px}
body.match-screen .brief-lock{padding:6px;font-size:9px}
body.match-screen .match-start-actions{bottom:-14px;padding:7px 0;margin-top:4px}
body.match-screen .match-start-actions button{min-height:37px}
body.match-screen #match-start-description{font-size:9px;margin:7px 0 0}
body.match-screen #match-start-dialog,body.match-screen #match-start-dialog{padding:10px 16px}
body.match-screen #match-start-dialog h2{font-size:19px;margin:0 0 5px}
body.match-screen #match-preview-details,body.match-screen #match-preview-details{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}
body.match-screen .brief-setting{margin-bottom:5px}
body.match-screen .brief-setting legend{font-size:8px;margin-bottom:3px}
body.match-screen .brief-options button{min-height:29px;padding:4px 3px;font-size:10px}
body.match-screen .brief-setting p{font-size:8px;line-height:1.25;margin-top:3px}
body.match-screen .brief-support{padding:7px}
body.match-screen .brief-support label{font-size:11px}
body.match-screen .brief-support output{font-size:18px}
body.match-screen .brief-support p{font-size:8px;min-height:0;line-height:1.25;margin-top:0}
body.match-screen .brief-support input{height:18px}
body.match-screen .brief-equipment{margin-top:4px;max-height:26px}
body.match-screen .brief-equipment>span{display:flex;align-items:center;gap:3px;flex-basis:70px}
body.match-screen .brief-equipment small{font-size:7px}
body.match-screen .brief-equipment .stand-art{width:23px;height:23px;flex-shrink:0}
body.match-screen .fixture-preview{margin:7px 0}
body.match-screen .fixture-team strong{font-size:15px}
body.match-screen .fixture-team>span:last-child{font-size:8px}
body.match-screen .fixture-team .brief-level{width:31px;height:31px;font-size:20px;border-radius:9px;margin-top:5px;margin-bottom:4px}
body.match-screen .match-conditions{padding:8px;margin:5px 0}
body.match-screen .match-conditions small{font-size:7px}
body.match-screen .match-conditions b{font-size:11px}
body.match-screen .match-conditions span{font-size:8px}
body.match-screen .brief-insight{font-size:8px;margin:5px 0}
body.match-screen .brief-lock{display:none}
body.match-screen .match-start-actions{bottom:-10px;padding:6px 0 0;margin:3px 0 0}
body.match-screen .match-start-actions button{min-height:32px;font-size:11px}
body.match-screen #match-start-description{font-size:8px;line-height:1.2;margin:3px 0}
body.match-screen #match-start-dialog .brief-setting p{display:none}
body.match-screen #match-start-dialog .brief-setting{margin-bottom:7px}
body.match-screen #match-start-dialog .brief-options button{min-height:35px}
body.match-screen #match-start-dialog .brief-support label{margin:0;font-size:11px}
body.match-screen #match-start-dialog .brief-support p{font-size:8px;line-height:1.25;min-height:0;margin:3px 0}
body.match-screen #match-start-dialog .brief-equipment small{font-size:7px}
body.match-screen #match-start-dialog .brief-insight{font-size:8px;line-height:1.3;margin:5px 0}
body.match-screen #match-start-dialog .match-conditions{padding:7px;gap:7px;margin:5px 0}
body.match-screen #match-start-dialog .fixture-preview{margin:6px 0}
body.match-screen #match-start-dialog .match-conditions .fatigue-preview{padding-top:5px;margin-top:5px}
body.match-screen #match-start-dialog .fixture-team>small{font-size:7px}
body.match-screen #match-start-dialog .fixture-team>span:last-child{font-size:7px;line-height:1.35}
body.match-screen #match-start-description{font-size:8px!important}
body.match-screen #match-start-dialog{width:min(920px,calc(100dvh - 28px));max-height:calc(100dvw - 26px)}
}
.tournament-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px}.tournament-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:310px;padding:20px;text-align:left;border:1px solid #ffffff;border-radius:23px;overflow:hidden;color:#fff;background-color:#267b83;background-size:cover;background-position:right center;box-shadow:0 12px 24px #19405320;transition:transform .2s,box-shadow .2s}.tournament-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0a294648,transparent 35%,#0c263d55 55%,#092838ed)}.cover-league{background-image:var(--art-league)}.cover-cup{background-image:var(--art-cup)}.cover-europe{background-image:var(--art-europe)}.cover-label,.cover-content{position:relative;z-index:1}.cover-label{font-size:8px;letter-spacing:1.1px;font-weight:800;text-shadow:0 1px 6px #123}.cover-content{display:flex;flex-direction:column;gap:8px}.cover-content>strong{font-size:24px;line-height:1.05;letter-spacing:-.6px}.cover-content>small{font-size:10px;line-height:1.45;color:#edf6fa;max-width:95%}.cover-action{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff50;padding-top:13px;margin-top:7px;font-size:11px;font-weight:700}.cover-action i{display:grid;place-items:center;border-radius:50%;width:29px;height:29px;background:#ffffff20;font-size:19px;font-style:normal}.tournament-back{margin:0 0 16px;color:var(--club);font-weight:800}.tournament-rules{font-size:11px;color:#6b8898}.tournament-rules summary{cursor:pointer;font-weight:700}.tournament-rules label{margin-top:15px}.tournament-cover:hover{transform:translateY(-3px);box-shadow:0 16px 28px #19405332}.tournament-cover:focus-visible{outline:3px solid var(--club);outline-offset:3px}.tournament-cards[hidden],[data-competition][hidden]{display:none!important}
@media(max-width:760px){.tournament-cards{grid-template-columns:1fr;gap:13px}.tournament-cover{min-height:215px;background-position:center 56%;padding:18px 20px}.tournament-cover:before{background:linear-gradient(90deg,#0b263abf,transparent 90%),linear-gradient(0deg,#0b273db0,transparent 75%)}.cover-content{max-width:70%}.cover-content>strong{font-size:26px}.cover-content>small{font-size:10px}.cover-action{padding-top:8px;margin-top:3px;max-width:210px}.cover-label{font-size:8px}}
@media(orientation:landscape) and (max-height:550px){.tournament-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tournament-cover{min-height:230px;padding:14px;background-position:right center}.cover-content{max-width:100%}.cover-content>strong{font-size:21px}.cover-label{font-size:7px}.cover-content>small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tournament-cover{transition:none}}

/* 0.20 — illustrated club surfaces, fixed card templates, uninterrupted arena. */
:root{--art-club:url('/art/menu-club.webp');--art-team:url('/art/menu-team.webp');--art-supporters:url('/art/menu-supporters.webp')}
#view-home{--section-art:var(--art-club)}#view-squad{--section-art:var(--art-team)}#view-development{--section-art:var(--art-supporters)}#view-more{--section-art:var(--art-club)}#view-tournaments{--section-art:var(--art-league)}
.view .panel,.club-journey,.pulse-card,.team-training-panel,.stand-group,.stand-item{background-color:#f8fcfe;background-image:linear-gradient(100deg,#fffffffa 0%,#fffffff2 40%,#ffffffc4 100%),var(--section-art,var(--art-club));background-size:cover;background-position:center;border-color:#fff;box-shadow:0 8px 25px #214e6b0c}
.home-feature{background-image:linear-gradient(90deg,#eff8fbee 0%,#eff8fbd4 37%,#eff8fb15 100%),var(--art-club);background-position:center;background-size:cover;color:#153c51;border:1px solid white;box-shadow:0 12px 30px #204b6c16}
.home-feature:before,.home-feature:after,.feature-lines,.feature-number{display:none}.home-feature h2{color:#143a51;text-shadow:0 1px 1px white;max-width:73%}.home-feature p,.home-feature .mini-label,.home-form>span,.home-form>small{color:#345c6e}.home-feature .primary{background:var(--club);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--club) 25%,transparent)}.home-form{border-color:#aec7cc80}.club-emblem{filter:drop-shadow(0 3px 4px #31536740)}
.next-card{background-image:linear-gradient(120deg,#fffffffc 0%,#fffffff0 60%,#ffffffad),var(--art-supporters)!important}.club-journey{border:1px solid white;border-radius:20px}.pulse-card{background-position:right center;background-size:cover}
.team-overview{background-image:linear-gradient(90deg,#f2f9fcf5,#eff7f9c9 55%,#eaf6fd40),var(--art-team);background-size:cover;background-position:center}.team-overview[data-tier=bronze]{background-image:linear-gradient(90deg,#efdecbef,#f3e6d6a8 65%,#ffffff30),var(--art-team)}.team-overview[data-tier=silver]{background-image:linear-gradient(90deg,#e4edf3ef,#e5eff5aa 65%,#ffffff30),var(--art-team)}.team-overview[data-tier=gold]{background-image:linear-gradient(90deg,#ffedbfef,#ffedb4aa 65%,#ffffff30),var(--art-team)}.team-overview[data-tier=red-gold]{background-image:linear-gradient(90deg,#f2c3a6f2,#efb4a8aa 65%,#ffffff30),var(--art-team)}.team-training-panel{background-position:right bottom}.kit-gallery{background-position:center 55%}
.stand-hero,.fan-hero{background-image:linear-gradient(90deg,#ffffffee,#ffffffbc 55%,#ffffff28),var(--art-supporters)!important;background-size:cover!important;background-position:center!important}.stand-hero:before{opacity:.15}.stand-card{background-image:linear-gradient(145deg,#fffffffa,#ffffffe8),var(--art-supporters);background-size:cover;background-position:center}
.museum.panel,.trophy-section{background-image:linear-gradient(100deg,#fffdf6f7,#fffdf2de 60%,#ffffffa8),var(--art-cup);background-size:cover;background-position:right center}.trophy-section{padding:24px;border-radius:22px;border:1px solid white}.museum-directory{background-image:linear-gradient(120deg,#fffffffa,#fffffff1),var(--art-club)!important}.club-news{background-image:linear-gradient(100deg,#fffffff7,#ffffffe1),var(--art-league)!important}.museum-award,.pennant,.museum-club{background-color:#ffffffd9}.news-item{background-color:#ffffff45}.news-filters button{background:#fffffff0}
#match-start-dialog{background-image:linear-gradient(100deg,#fffffff9,#fffffff2 55%,#ffffffe0),var(--art-club);background-size:cover;background-position:center}#team-training-dialog{background-image:linear-gradient(100deg,#fffffff9,#ffffffef),var(--art-team);background-size:cover}#club-museum-dialog{background-image:linear-gradient(110deg,#fffffff7,#ffffffe1),var(--art-cup);background-size:cover;background-position:right center}#arena-settings{background-image:linear-gradient(100deg,#fffffff9,#fffffff0),var(--art-club);background-size:cover}
.setup-card,.auth-panel{background-image:linear-gradient(140deg,#fffffff7,#fffffff3 62%,#ffffffca),var(--art-club);background-size:cover;background-position:right bottom}.auth-art{background-image:linear-gradient(0deg,#132d45d9,#0b334433),var(--art-supporters);background-size:cover;background-position:center}.auth-art .track-art{opacity:.2}
.premium-icon{width:27px;height:27px;filter:drop-shadow(0 2px 1px #184e681a)}.mobile-nav .premium-icon{width:28px;height:28px}.nav-icon{display:grid;place-items:center}.sidebar .nav-icon{width:29px;height:29px}.sidebar [data-nav]{align-items:center;min-height:49px}
.fixture-preview{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:stretch}.fixture-team{display:grid;grid-template-rows:15px 46px 44px 30px;gap:7px;align-content:start;justify-items:center;min-width:0;padding:12px 9px;overflow:hidden;background:#ffffffd9;border:1px solid #fff;border-radius:15px}.fixture-team>small{align-self:center;margin:0}.fixture-team strong{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:46px;margin:0;line-height:1.15;font-size:17px;text-align:center;overflow-wrap:anywhere}.fixture-team .brief-level{width:44px;height:44px;margin:0!important;align-self:center}.fixture-team>span:last-child{display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1.35;min-height:30px;height:30px;overflow:hidden;text-align:center;align-self:center}.fixture-vs{align-self:center}.fixture-team .club-link{font-size:inherit;text-align:center;display:inline;line-height:inherit}.museum-club{min-height:88px;display:grid;grid-template-columns:8px minmax(0,1fr) 35px;gap:10px}.museum-club>span{min-width:0}.museum-club b{display:flex;align-items:center;min-height:32px;line-height:1.15}.museum-club small{min-height:24px;line-height:1.25}.museum-club>strong{width:35px;text-align:center}.museum-club>strong small{display:block;min-height:0}.club-preview{min-height:106px}
body.match-screen .match-dock,body.match-screen #stadium-stage.match-finished .match-dock,body.match-screen #stadium-stage:not(.has-match) .match-dock{height:auto;min-height:0;left:14px;right:auto;bottom:12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;container-type:normal;width:auto;pointer-events:none}
body.match-screen .match-controls{pointer-events:auto}body.match-screen #stadium-stage.has-match:not(.match-finished) .match-dock{display:none}body.match-screen .match-controls button{box-shadow:0 4px 16px #294d542b;background:#f6ffffee}body.match-screen .match-controls .primary{background:var(--club);color:white}
body.match-screen .arena-quick-controls{right:max(12px,env(safe-area-inset-right));top:auto;bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:6px;z-index:12}body.match-screen .arena-quick-controls button{width:36px!important;min-width:36px;height:34px;min-height:34px;padding:0;border:1px solid #ffffffd4;border-radius:10px;background:#f1fbf3eb;color:#193f50;font-size:13px;font-weight:800;box-shadow:0 3px 12px #193d3820}body.match-screen .arena-quick-controls #sound-button{width:34px!important;min-width:34px;font-size:0}
body.match-screen .scoreboard{width:min(460px,55%)}body.match-screen .team-name strong{display:flex;align-items:center;min-width:0;height:24px;white-space:normal;line-height:1.12;font-size:10px}.team-name.away strong{justify-content:flex-end}.team-name strong[data-club]{cursor:pointer}body.match-screen .team-name{grid-template-rows:24px 10px}body.match-screen #event-callout{bottom:12px;max-width:57%;padding:6px 10px;font-size:9px;background:#e5eaeaef}.pitch-announcement{inset:0}.pitch-announcement-card{backdrop-filter:none}body.match-screen #post-match-rewards{bottom:18px;left:50%;transform:translateX(-50%);max-width:40%;gap:10px}
@media(orientation:landscape) and (max-height:550px){.fixture-team{grid-template-rows:10px 35px 31px 22px;gap:3px;padding:6px}.fixture-team strong{height:35px;font-size:14px}.fixture-team>span:last-child{height:22px;min-height:22px;font-size:7px}.fixture-team .brief-level{height:31px;width:31px}.trophy-section{padding:16px}}
@media(orientation:portrait) and (max-width:900px){body.match-screen .fixture-team{grid-template-rows:10px 35px 31px 22px;gap:3px;padding:6px}body.match-screen .fixture-team strong{height:35px;font-size:14px}body.match-screen .fixture-team>span:last-child{height:22px;min-height:22px;font-size:7px}body.match-screen .fixture-team .brief-level{height:31px;width:31px}body.match-screen .scoreboard{width:55%}body.match-screen #event-callout{bottom:12px}body.match-screen .match-dock{bottom:12px}}
/* Fixed five-row team card: colour, role, city, number, club colours. */
.fixture-team{grid-template-rows:5px 14px 44px 44px 29px;gap:6px}.fixture-team>i{width:28px;height:5px;margin:0;border-radius:2px;align-self:center}.fixture-team strong{height:44px}.fixture-versus{align-self:center;justify-self:center}.fixture-team .brief-level{display:grid;place-items:center;line-height:1}
@media(orientation:landscape) and (max-height:550px){.fixture-team{grid-template-rows:4px 10px 33px 29px 22px;gap:3px;padding:5px}.fixture-team strong{height:33px}.fixture-team .brief-level{width:29px;height:29px}.fixture-team>span:last-child{height:22px;min-height:22px}.fixture-preview{margin:4px 0!important}.match-conditions{padding:7px!important;margin:4px 0!important}.brief-overview .match-conditions .fatigue-preview{padding-top:4px;margin-top:3px}.brief-support{padding:7px}.brief-equipment{max-height:24px!important}.brief-options button{min-height:31px!important}.brief-setting{margin-bottom:5px!important}}
@media(orientation:portrait) and (max-width:900px){body.match-screen .fixture-team{grid-template-rows:4px 10px 33px 29px 22px;gap:3px;padding:5px}body.match-screen .fixture-team strong{height:33px}body.match-screen .fixture-team .brief-level{width:29px;height:29px}body.match-screen .fixture-preview{margin:4px 0!important}body.match-screen .match-conditions{padding:7px!important;margin:4px 0!important}body.match-screen .brief-overview .match-conditions .fatigue-preview{padding-top:4px;margin-top:3px}body.match-screen .brief-support{padding:7px}body.match-screen .brief-equipment{max-height:24px!important}body.match-screen .brief-options button{min-height:31px!important}body.match-screen .brief-setting{margin-bottom:5px!important}}

/* 0.21 — remaining navigation artwork and three matching illustrated sections. */
.illustrated-heading{position:relative;isolation:isolate;overflow:hidden;min-height:158px;padding:26px 28px;margin:0 0 22px;border:1px solid #fff;border-radius:24px;background-color:#edf7fb;background-image:linear-gradient(95deg,#f4fbfff5,#f4fbffb8 57%,#ffffff40),var(--heading-art);background-size:cover;background-position:center;box-shadow:0 9px 24px #244d7110;gap:18px}.illustrated-heading>div{min-width:0}.illustrated-heading .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:10px;color:#617f96}.illustrated-heading h1{font-size:34px;line-height:1.1;color:#244a60;letter-spacing:-1px}.illustrated-heading p{margin-top:9px;max-width:330px;line-height:1.5;color:#57788b;font-size:12px}.heading-tournaments{--heading-art:var(--art-league)}.heading-development{--heading-art:var(--art-supporters)}.heading-more{--heading-art:var(--art-club)}.section-medallion{display:grid;place-items:center;flex:none;width:78px;height:78px;border-radius:23px;background:linear-gradient(145deg,#fffefd,#fffae9c9);border:1px solid #fff;box-shadow:0 7px 20px #5266531b,inset 0 -3px 1px #e4ca9226;transform:rotate(4deg)}.section-medallion .premium-icon{width:49px;height:49px;filter:drop-shadow(0 3px 2px #8e713e22);transform:rotate(-4deg)}
.tournament-cover{border-radius:24px;min-height:326px;box-shadow:0 9px 23px #26496624;padding:20px;outline-offset:4px}.tournament-cover:before{background:linear-gradient(180deg,#09243a15 25%,#132c3d28 45%,#0c283deb 95%)}.cover-top{display:flex;gap:11px;align-items:center;position:relative;z-index:1}.cover-emblem{display:grid;place-items:center;width:43px;height:48px;flex:none;background:#ffffffeb;border:1px solid #fff;border-radius:13px;box-shadow:0 4px 15px #10344920}.cover-emblem .game-icon{width:29px;height:32px;filter:drop-shadow(0 2px 1px #96763320)}.cover-label{max-width:145px;font-size:8px;line-height:1.6;letter-spacing:.8px;color:#fff;text-shadow:0 1px 7px #143748}.cover-content{gap:10px}.cover-content>strong{font-size:28px;letter-spacing:-.8px}.cover-content>small{font-size:10px;min-height:29px}.cover-action{border-color:#d5ecf050;font-size:11px}.cover-action i{height:31px;width:31px;background:#ffffff26;border:1px solid #ffffff30}.cover-action i svg{height:17px;width:17px}.tournament-rules{padding:17px 20px!important;border-radius:17px;margin-top:15px}.tournament-back{border-radius:13px;padding:10px 14px;background:#ffffffd9}
#view-development .stand-hero{position:relative;border:1px solid white;border-radius:24px;min-height:286px;padding:28px;background-image:linear-gradient(90deg,#f4fbfff5,#f4fbffcb 47%,#ffffff12),var(--art-supporters)!important;background-position:center 65%!important;box-shadow:0 9px 24px #244d7110}#view-development .stand-hero .eyebrow{color:#6a8797;font-size:8px;letter-spacing:1.3px}#view-development .stand-hero h2{font-size:36px;line-height:1.08;color:#244a60;max-width:70%;letter-spacing:-1px}.terrace-emblem{position:absolute;right:25px;top:24px;width:51px;height:58px;border-radius:16px;background:#ffffffde;display:grid;place-items:center;border:1px solid #fff;transform:rotate(7deg);box-shadow:0 7px 20px #47748620}.terrace-emblem svg{width:37px;height:37px;transform:rotate(-7deg)}#view-development .fanaticism{max-width:395px;padding:14px 17px;margin:21px 0 14px;background:#ffffffd9;border:1px solid white;border-radius:17px;gap:18px}#view-development .fanaticism>strong{font-size:44px;color:var(--club)}#view-development .fanaticism>strong small{font-size:13px;margin-left:5px}#view-development .fanaticism b{font-size:12px;color:#2d596d}#view-development .fanaticism p{margin:3px 0 6px;font-size:10px;color:#6c8998}#view-development .fanaticism progress{height:5px;display:block;accent-color:var(--club)}#view-development .stand-hero>p{max-width:370px;color:#456a80;font-size:11px;line-height:1.65}
#view-development .club-rating{border:1px solid white;border-radius:20px;background:linear-gradient(110deg,#fff,#f0f8fc);padding:19px 22px;box-shadow:0 5px 16px #31516e08}#view-development .club-rating-total{border-right:1px solid #dce9ee;padding-right:23px}#view-development .club-rating-total strong{font-size:37px}#view-development .club-rating-total>span{font-size:8px}#view-development .rating-components{flex:1;justify-content:space-between}#view-development .rating-components>span{font-size:10px}#view-development .rating-components b{font-size:23px}#view-development .development-wallet{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:16px 0}#view-development .development-wallet>span{display:flex;flex-direction:column;padding:12px 16px;border:1px solid white;background:#ffffffc9;border-radius:15px;color:#678494;font-size:10px}#view-development .development-wallet b{font-size:21px;margin:0;color:#29576d}
#view-development .stand-inventory{border-radius:22px;padding:23px}#view-development .stand-inventory .section-heading{margin:0;align-items:center}#view-development .stand-inventory h2{font-size:25px;line-height:1.1;color:#244a60}.inventory-intro{font-size:11px;line-height:1.5;color:#708996;margin:8px 0 17px}.stand-filters{background:#e8f0f5b0;border:1px solid #fff;border-radius:13px;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.stand-filters button{padding:8px 4px;min-height:36px;line-height:1.1;font-size:10px;border-radius:9px;box-shadow:none;border:0;background:transparent;color:#607c8c;display:block}.stand-filters button[aria-pressed=true]{background:#fff;color:var(--club);box-shadow:0 2px 8px #244d6b12}.stand-items{gap:13px}.stand-item{border-radius:18px!important;border:1px solid #e4edf0!important;box-shadow:0 6px 17px #254e6a08!important;background-image:linear-gradient(145deg,#fffffffc,#f0f6fcf5),var(--art-supporters)!important;padding-top:13px}.stand-item>.stand-art{width:105px;height:105px;margin:0 auto;border-radius:18px;box-shadow:0 5px 12px #1238431f}.stand-item .item-level{top:9px;left:8px;font-size:8px;min-width:26px;text-align:center;border:1px solid #fff;border-radius:8px;padding:4px 6px}.stand-item.opened .item-level{background:#e5f6ec;color:#268365;font-size:13px}.stand-item.ready{border-color:color-mix(in srgb,var(--club) 30%,white)!important}.stand-item.locked .stand-art{filter:saturate(.65);opacity:.77}.stand-item .item-copy{padding:13px 12px}.stand-item .item-copy h3{font-size:14px;min-height:34px;line-height:1.2;color:#30546a}.stand-item .item-copy p{margin:5px 0;font-size:10px;min-height:28px;line-height:1.4}.stand-item .item-copy small{font-size:8px;min-height:24px}.stand-item .item-copy button{font-size:10px;border-radius:10px;min-height:39px;margin-top:8px;padding:9px 6px}.stand-item.locked .item-copy button,.stand-item.opened .item-copy button{opacity:1;background:#eaf0f5;color:#8598a3;border:1px solid #e0e8eb}.stand-item.opened .item-copy button{background:#eaf6ef;color:#397f68}
.activity-guide{border-radius:22px}.activity-guide h2,.progress-rules h2{font-size:24px;color:#244a60}.activity-guide>p,.progress-rules>p{font-size:12px;line-height:1.65;color:#617f90}.activity-guide-grid{gap:9px}.activity-guide-grid span{position:relative;padding:17px 12px;border:1px solid #fff;font-size:11px}.activity-guide-grid b{font-size:21px;margin:8px 0 5px}.activity-guide-grid small{display:block;margin-top:5px;font-size:9px;line-height:1.45;color:#617f90}.support-dot{width:8px;height:8px;display:block;border-radius:50%;box-shadow:0 0 0 4px #ffffffa0}.support-dot.calm{background:#66bba4}.support-dot.strong{background:#459acb}.support-dot.intense{background:#eb9b58}.progress-rules{border-radius:22px}.attendance-growth{padding:13px 15px;border:1px solid #dceaf0;border-radius:13px;background:#ffffffbe;font-size:11px;color:#5a7c8d}
#view-more .museum{border-radius:24px;background-image:linear-gradient(100deg,#fffdf6f7,#fffdf6e5 60%,#ffffff8f),var(--art-cup);background-position:center 55%;padding:27px}.museum-seal{clip-path:none;width:60px;height:65px;border-radius:17px;background:linear-gradient(135deg,#fffefa,#fff0c6);border:1px solid #fff;box-shadow:0 6px 17px #a4843e14;transform:rotate(5deg)}.museum-seal svg{width:39px;height:43px;transform:rotate(-5deg)}#view-more .museum-heading h2{font-size:30px}#view-more .museum-heading p{font-size:11px;color:#7c8a8b}#view-more .museum-counts{margin:22px 0;gap:9px}#view-more .museum-counts>span{background:#fffdf8de;border-color:#fff;border-radius:14px;padding:13px 5px;box-shadow:0 3px 10px #9e864410}#view-more .museum-counts b{font-size:27px}#view-more .museum-empty{border:1px dashed #d6c59e;border-radius:16px;background:#ffffff80;padding:13px 16px;min-height:150px;gap:14px}#view-more .museum-empty .cup-art{width:70px;height:105px}#view-more .museum-empty h3{font-size:17px;color:#6c6047;line-height:1.25}#view-more .museum-empty p{font-size:11px;margin-top:7px;color:#8c8779}#view-more .museum-star-rule{font-size:10px;line-height:1.6;padding-left:11px;border-left:2px solid #d8b965}.museum-award{border-radius:14px;padding:16px 10px;border-bottom:5px solid #d5c5a1;background:linear-gradient(#fffefa,#f9f1dd);box-shadow:0 7px 12px -7px #80693650}
#view-more .club-news{border-radius:24px;padding:25px;margin-top:18px;background-image:linear-gradient(100deg,#fffffff8,#ffffffe9),var(--art-league)!important}#view-more .club-news>.section-heading{margin-top:0}#view-more .club-news h2{font-size:27px;color:#244a60}.news-filters{gap:5px;padding:4px;border:1px solid #fff;background:#e9f0f5a6;border-radius:13px}.news-filters button{flex:1;border:0;background:none;border-radius:9px;font-size:10px;padding:9px 7px;min-height:35px;color:#6c8391}.news-filters button[aria-pressed=true]{background:#fff;color:var(--club);box-shadow:0 2px 8px #31577412}.news-item{border-top:1px solid #d9e6ec80;background:none;padding:19px 0;gap:13px}.news-item.our-news{background:linear-gradient(90deg,#e4f4eee6,#ffffff00);padding-left:10px}.news-cup{flex-basis:46px}.news-cup svg{width:46px;height:60px}.news-item h3{font-size:16px;line-height:1.3}.news-empty{border-radius:15px;background:#ffffff94;border:1px dashed #ccdde6;padding:19px 17px}.news-empty>b{font-size:14px;line-height:1.3;display:block;color:#456b81}.news-empty p{font-size:11px;line-height:1.6}.fan-hero{border-radius:24px!important;overflow:hidden}#view-more .settings-card{border-radius:21px}#view-more .tifo-gallery canvas{border-radius:14px}.tifo-gallery{gap:13px}#view-more .result-row{border-radius:15px;background:#ffffffda;border-color:#fff}#view-more .pulse-card{border-radius:16px}
@media(max-width:760px){.illustrated-heading{min-height:145px;padding:22px 20px;gap:12px;border-radius:22px;margin-bottom:17px}.illustrated-heading h1{font-size:27px}.illustrated-heading p{font-size:10px;max-width:225px}.illustrated-heading .eyebrow{font-size:7px;letter-spacing:1px;max-width:200px}.section-medallion{width:58px;height:62px;border-radius:17px}.section-medallion .premium-icon{width:38px;height:38px}.tournament-cover{min-height:240px;padding:18px 20px;background-position:center 55%}.tournament-cover:before{background:linear-gradient(90deg,#16374f8a,#122f4615 90%),linear-gradient(0deg,#092838d9,transparent 85%)}.cover-emblem{width:35px;height:39px;border-radius:11px}.cover-emblem .game-icon{width:25px;height:28px}.cover-label{font-size:7px;max-width:200px}.cover-content{max-width:85%;gap:7px}.cover-content>strong{font-size:27px}.cover-content>small{font-size:9px;min-height:0}.cover-action{max-width:none;font-size:10px}.cover-action i{width:26px;height:26px}#view-development .stand-hero{min-height:280px;padding:23px 20px}#view-development .stand-hero h2{font-size:31px}.terrace-emblem{right:19px;top:22px;width:43px;height:51px}.terrace-emblem svg{width:31px;height:31px}#view-development .fanaticism{padding:12px 13px;gap:14px}#view-development .fanaticism>strong{font-size:38px}#view-development .club-rating{display:flex;gap:16px;padding:17px 16px}#view-development .club-rating-total{min-width:86px;padding-right:16px}#view-development .club-rating-total strong{font-size:32px}#view-development .club-rating-total>span{font-size:7px}#view-development .rating-components{gap:10px}#view-development .rating-components b{font-size:19px}#view-development .rating-components>span{font-size:8px}#view-development .rating-components small{font-size:8px}#view-development .stand-inventory{padding:20px 13px}#view-development .stand-inventory .section-heading,#view-development .inventory-intro{margin-left:4px;margin-right:4px}#view-development .stand-inventory h2{font-size:23px}.stand-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stand-item>.stand-art{width:91px;height:91px;border-radius:16px}.stand-item .item-copy{padding:12px 10px}.stand-item .item-copy h3{font-size:13px;min-height:33px}.activity-guide{padding:21px 17px}.activity-guide-grid{gap:6px}.activity-guide-grid span{padding:13px 8px;font-size:10px}.activity-guide-grid b{font-size:17px}.activity-guide-grid small{font-size:8px}#view-more .museum{padding:22px 19px}#view-more .museum-heading h2{font-size:26px}.museum-seal{width:46px;height:53px;border-radius:14px}.museum-seal svg{width:31px;height:36px}#view-more .museum-counts{gap:6px;margin:18px 0}#view-more .museum-counts b{font-size:24px}#view-more .museum-counts small{font-size:8px}#view-more .museum-empty{padding:13px 10px;gap:11px;min-height:139px}#view-more .museum-empty h3{font-size:14px}#view-more .museum-empty p{font-size:10px}#view-more .museum-empty .cup-art{width:59px;height:91px}#view-more .club-news{padding:22px 19px}.club-news .section-heading .eyebrow{font-size:7px}.news-live-dot{font-size:7px}#view-more .club-news h2{font-size:24px}}
@media(orientation:landscape) and (max-height:550px){.illustrated-heading{min-height:124px;padding:20px 23px}.tournament-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tournament-cover{min-height:258px;padding:16px}.cover-top{gap:7px}.cover-label{font-size:6px;letter-spacing:.6px;max-width:105px}.cover-content{max-width:100%}.cover-content>strong{font-size:24px}.cover-content>small{font-size:9px}.cover-emblem{width:31px;height:35px}.cover-emblem .game-icon{width:23px;height:26px}}

:root{--art-league:url('/art/tournament-league.webp');--art-cup:url('/art/tournament-cup.webp');--art-europe:url('/art/tournament-europe.webp');}
#view-development .stand-hero>p{background:#ffffffdc;border:1px solid #fff;border-radius:12px;padding:10px 12px;max-width:395px;color:#496b7e}#view-development .fanaticism progress{appearance:none;border:0;border-radius:6px;overflow:hidden;background:#dfeaf0}#view-development .fanaticism progress::-webkit-progress-bar{background:#dfeaf0;border-radius:6px}#view-development .fanaticism progress::-webkit-progress-value{background:var(--club);border-radius:6px}#view-development .fanaticism progress::-moz-progress-bar{background:var(--club);border-radius:6px}

/* 0.22: perspective stadium labels and compact broadcast controls. */
.stadium-city-3d{position:absolute;z-index:7;transform:translate(-50%,-100%);pointer-events:none;max-width:190px;padding:5px 10px;background:linear-gradient(100deg,#f4f6ecef,#e3ebe7e8);border-left:3px solid var(--sector-color);box-shadow:0 2px 10px #162d3c24;border-radius:4px;color:#213e4a;font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stadium-city-3d[hidden]{display:none}.stadium-camera-caption{position:absolute;left:50%;bottom:53px;z-index:8;transform:translateX(-50%);padding:5px 12px;border-radius:20px;background:#16333cd6;color:#fff;font-size:10px;opacity:0;pointer-events:none;transition:opacity .2s}.stadium-camera-caption.shown{opacity:1}#stadium-camera{width:34px!important;min-width:34px!important;padding:6px!important;display:grid;place-items:center}.stadium-renderer-warning{position:absolute;inset:25% 15%;background:#f2f5f1;color:#284653;border-radius:16px;padding:26px;z-index:10}.arena-quick-controls{gap:5px!important}@media(max-height:460px){.stadium-city-3d{font-size:8px;padding:4px 7px;max-width:150px}.stadium-camera-caption{bottom:46px}}

/* 0.23 — painted surroundings and readable match commentary. */
.canvas-wrap{isolation:isolate}.stadium-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:#9abcba}.stadium-backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:var(--landscape-filter,none);transition:filter .8s}.stadium-backdrop:after{content:"";position:absolute;inset:0;background:var(--landscape-tint,transparent);pointer-events:none}.stadium-backdrop[data-weather=snow]{--landscape-filter:saturate(.22) brightness(1.2);--landscape-tint:linear-gradient(0deg,#e7eff0db,transparent 78%)}.stadium-backdrop[data-weather=rain],.stadium-backdrop[data-weather=thunderstorm]{--landscape-filter:saturate(.7) brightness(.7);--landscape-tint:#426c832a}.stadium-backdrop[data-night=true]{--landscape-filter:saturate(.65) brightness(.28);--landscape-tint:#1735634a}
.backdrop-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0 22px}.backdrop-options button{position:relative;overflow:hidden;height:76px;padding:0;border:2px solid transparent;border-radius:12px;background:#183e54}.backdrop-options img{width:100%;height:100%;object-fit:cover}.backdrop-options span{position:absolute;inset:auto 0 0;padding:17px 3px 7px;background:linear-gradient(transparent,#102a43df);color:white;font-size:10px;font-weight:800}.backdrop-options [aria-pressed=true]{border-color:var(--club);box-shadow:0 0 0 2px #fff,inset 0 0 0 2px #fff}.backdrop-heading{font-size:12px;margin:18px 0 0;color:#426376}.stadium-city-3d,.ground-label{display:none!important}
body.match-screen #event-callout{left:14px;right:205px;bottom:12px;width:auto;max-width:none;max-height:none;min-height:40px;transform:none;padding:9px 13px;font-size:15px;font-weight:700;line-height:1.3;background:#e5eaeaf5;color:#213b48;border:1px solid #fff9;border-radius:10px;box-shadow:0 3px 12px #12343b21;text-align:left;white-space:normal;overflow:hidden}body.match-screen #event-callout small{font-size:11px;line-height:1.3;color:#52707d;margin-right:7px}body.match-screen #event-callout span{font-size:inherit}@media(max-height:360px){body.match-screen #event-callout{font-size:13px;min-height:34px;padding:6px 10px;right:192px}}

.audio-credits{margin:18px 0;color:#567486;font-size:11px;line-height:1.6}.audio-credits summary{cursor:pointer;font-weight:700}.audio-credits p{margin:9px 0}.audio-credits a{color:var(--club);text-decoration:underline}

/* 0.24 — mobile game shell: permanent play navigation and a fixed confirmation footer. */
#app .nav-item.active{background:var(--club);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--club) 26%,transparent)}
.home-details{margin-top:12px;border:1px solid #fff;border-radius:14px;background:#ffffffba;overflow:hidden}.home-details>summary{padding:12px 16px;font-size:12px;font-weight:800;color:var(--club-ink);cursor:pointer}.home-details>summary::marker{color:var(--club)}.home-details[open]>:not(summary){margin-left:16px;margin-right:16px}.dashboard-play{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:50px!important;font-size:18px!important;flex:none}.dashboard-play>span{flex:1;text-align:left}.dashboard-play .game-icon{width:27px;height:27px}.home-feature .mini-label{display:none}.home-feature #home-form{order:3;margin-top:12px;padding-top:0}.home-feature .dashboard-play{order:4;margin-top:auto!important}.home-feature #hero-subtitle{margin-bottom:8px}
#match-start-dialog[open]{max-width:none!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;width:min(960px,calc(100vw - 24px));height:min(660px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:0!important;overflow:hidden!important;border-radius:22px;box-sizing:border-box}
#match-start-dialog .match-start-heading{padding:14px 20px 10px;border-bottom:1px solid #dbe7ed}#match-start-dialog .match-start-heading .eyebrow{margin:0 0 4px;font-size:9px}#match-start-dialog h2{font-size:23px!important;margin:0!important}#match-start-dialog #match-preview-details{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:start}#match-start-dialog .match-start-footer{padding:9px 20px 12px;border-top:1px solid #d4e3ea;background:#f8fcfff7;z-index:2}#match-start-dialog #match-start-description{font-size:11px;margin:0 0 7px;line-height:1.25}#match-start-dialog .match-start-actions{position:static!important;margin:0!important;padding:0!important;display:flex;gap:10px;background:none}#match-start-dialog .match-start-actions button{min-height:45px;font-size:15px;flex:1}#match-start-dialog #match-start-no{flex:0 0 25%}#match-start-dialog .pairing-search{grid-column:1/-1;margin:auto;min-height:120px}#match-start-dialog .brief-insight,#match-start-dialog .brief-lock{font-size:10px;line-height:1.35}.brief-options button{touch-action:manipulation}
@media(orientation:landscape) and (max-height:650px){
 body:not(.match-screen) .sidebar{display:none!important}body:not(.match-screen) .main-shell{margin-left:82px!important}body:not(.match-screen) .mobile-nav{display:grid!important;position:fixed;inset:0 auto 0 0;width:78px;height:100dvh;grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));padding:8px 6px 8px max(6px,env(safe-area-inset-left));gap:3px;border-radius:0 20px 20px 0;border:1px solid #fff;z-index:45;box-shadow:4px 0 20px #274d6710}body:not(.match-screen) .mobile-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:0;padding:5px 2px;font-size:9px;line-height:1.1}.mobile-nav .nav-index{display:none}body:not(.match-screen) .mobile-nav .nav-icon{width:27px;height:27px}body:not(.match-screen) .mobile-nav .game-icon{width:27px;height:27px}
 body:not(.match-screen) .preview-banner{display:none}body:not(.match-screen) .topbar{height:45px;padding:7px 15px}body:not(.match-screen) .topbar .eyebrow{display:none}body:not(.match-screen) .topbar strong{font-size:14px}body:not(.match-screen) .resources{padding:3px 15px;height:31px;gap:16px}body:not(.match-screen) .resources strong{font-size:14px}body:not(.match-screen) .resources svg{width:18px;height:18px}body:not(.match-screen) .main-shell main{padding:9px 12px 20px!important}body.menu-home #view-home>.page-heading{display:none}body.menu-home .home-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;height:calc(100dvh - 131px);min-height:202px}body.menu-home .home-feature{min-height:0!important;height:100%;padding:17px 20px;border-radius:18px;overflow:hidden}body.menu-home .home-feature h2{font-size:clamp(22px,3.5vw,31px);max-width:76%;margin-top:0;line-height:1.08}body.menu-home .home-feature>p{font-size:11px;margin-top:7px;max-width:75%}body.menu-home .club-emblem{width:47px;height:60px;top:15px;right:15px}body.menu-home .home-form>span{display:none}body.menu-home .home-form i{width:22px;height:22px}body.menu-home .next-card{min-height:0;overflow:auto;padding:13px 15px;border-radius:18px;justify-content:flex-start}body.menu-home .unlock-preview{gap:10px}body.menu-home .unlock-preview .stand-art{width:43px;height:43px;border-radius:10px}body.menu-home .unlock-preview h3{font-size:17px;margin-top:3px}body.menu-home .unlock-preview small{font-size:7px}body.menu-home .unlock-preview p{font-size:9px;margin-top:3px}body.menu-home #next-reward>.eyebrow{font-size:7px;margin-bottom:8px}body.menu-home .unlock-distance{font-size:10px;margin:8px 0}body.menu-home .next-card .primary{font-size:11px;min-height:34px;padding:7px 11px}body.menu-home .quick-training{margin-top:9px;padding-top:8px;gap:6px}body.menu-home .quick-training>span{font-size:9px;max-width:75px}body.menu-home .quick-training button{font-size:10px;min-height:32px;padding:6px 9px}body.menu-home .next-card .progress-line{margin-top:8px}body.menu-home .progress-caption{font-size:8px;margin-top:3px}body.menu-home .home-details{margin-top:7px}body.menu-home .home-details>summary{padding:8px 12px;font-size:10px}body.menu-home .main-footer{display:none}
 #match-start-dialog[open]{width:calc(100vw - 24px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:17px}#match-start-dialog .match-start-heading{padding:8px 17px 7px;display:flex;align-items:center;justify-content:space-between;gap:12px}#match-start-dialog .match-start-heading .eyebrow{font-size:9px;margin:0;order:2}#match-start-dialog h2{font-size:20px!important}#match-start-dialog #match-preview-details{padding:9px 17px;gap:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}#match-start-dialog .match-start-footer{padding:7px 17px 9px;display:flex;align-items:center;gap:20px}#match-start-dialog #match-start-description{flex:1;margin:0;font-size:10px}#match-start-dialog .match-start-actions{width:48%;flex:none}#match-start-dialog .match-start-actions button{min-height:42px;font-size:14px}#match-start-dialog #match-start-no{flex-basis:30%}#match-start-dialog .fixture-preview{margin:6px 0}#match-start-dialog .fixture-team{padding:4px;gap:3px;grid-template-rows:4px 9px 30px 27px 15px}#match-start-dialog .fixture-team strong{font-size:14px;height:30px}#match-start-dialog .fixture-team .brief-level{width:27px;height:27px;font-size:19px;margin:0}#match-start-dialog .fixture-team>span:last-child{min-height:0;height:15px;font-size:7px}#match-start-dialog .match-conditions{padding:8px;margin:5px 0;gap:6px}#match-start-dialog .match-conditions b{font-size:12px}#match-start-dialog .fatigue-preview{padding-top:5px}#match-start-dialog .brief-insight{font-size:9px;margin:4px 0}#match-start-dialog .brief-lock{display:none}#match-start-dialog .brief-setting{margin:0 0 6px}#match-start-dialog .brief-setting legend{font-size:9px;margin-bottom:3px}#match-start-dialog .brief-options button{min-height:34px;padding:4px;font-size:11px}#match-start-dialog .brief-setting p{font-size:9px;min-height:0;margin-top:3px;line-height:1.15}#match-start-dialog .brief-support{padding:8px}#match-start-dialog .brief-support label{font-size:12px}#match-start-dialog .brief-support output{font-size:20px}#match-start-dialog .brief-support input{height:24px;margin:1px 0}#match-start-dialog .brief-support p{font-size:9px;min-height:0;line-height:1.2}#match-start-dialog .brief-equipment{max-height:30px;overflow:auto;margin-top:4px}
 .heading-tournaments{min-height:74px;padding:12px 17px;margin-bottom:10px}.heading-tournaments h1{font-size:24px}.heading-tournaments p{margin-top:4px;font-size:10px}.heading-tournaments .eyebrow{display:none}.heading-tournaments .section-medallion{width:44px;height:44px}.heading-tournaments .premium-icon{width:30px;height:30px}.tournament-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tournament-cover{min-height:186px;padding:13px}.cover-content>strong{font-size:23px}.cover-content>small{font-size:9px}
}
@media(orientation:portrait) and (max-width:900px){body.menu-home .preview-banner{display:none}body.menu-home .topbar{height:53px}body.menu-home .resources{height:36px;padding:6px 14px}body.menu-home main{padding-top:8px!important}body.menu-home #view-home>.page-heading{display:none}body.menu-home .home-grid{display:flex;flex-direction:column;gap:12px}body.menu-home .home-feature{min-height:230px;padding:20px}body.menu-home .home-feature h2{margin:0;font-size:28px}body.menu-home .home-feature .dashboard-play{margin-top:14px!important}body.menu-home .next-card{padding:16px}body.menu-home .next-card .quick-training{margin-top:10px;padding-top:10px}#match-start-dialog #match-preview-details{grid-template-columns:1fr;gap:14px;padding:12px 16px}#match-start-dialog .match-start-heading{padding:12px 16px}#match-start-dialog .match-start-footer{padding:10px 16px}#match-start-dialog[open]{transform:none!important;width:calc(100dvw - 20px)!important;max-height:calc(100dvh - 20px)!important;height:calc(100dvh - 20px)!important}.mobile-nav [data-nav=match] .premium-icon{width:31px;height:31px}}

/* The briefing stays inside the viewport even when reopened over a finished arena. */
body.match-screen #match-start-dialog[open]{inset:0!important;margin:auto!important;transform:none!important}

body.menu-home .home-feature h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* Goal celebration: a club-coloured halo without another overlay over the pitch. */
.sector-goal42 { filter: drop-shadow(0 0 7px var(--sector-color)); text-shadow: 0 2px 4px #07111c, 0 0 16px var(--sector-color); }
