/* Club screens use the same warm pixel palette as the football pitch. */
#club-app[hidden]{display:none!important}body.club-open>main,body.club-open>header{display:none!important}body.club-open{overflow:hidden}
#club-app{border:0;box-shadow:none;--paper:#f0ead7;--muted:#9fac97;--gold:#f0ca78;--line:#49604c;position:fixed;inset:0;z-index:20;height:var(--game-viewport-height,100dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#152920;color:var(--paper);font-family:Consolas,'Microsoft YaHei',monospace}
.club-header{width:100%;max-width:none;border-bottom:1px solid #4a5e48;display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left));background:#192f25;letter-spacing:0}
.club-brand{border:0;background:none;padding:0;font-size:20px;font-weight:bold;color:#f0ead7;display:flex;gap:10px;align-items:center}.club-brand>span{color:#f0ca78;font-size:26px}.club-brand small{font-size:9px;color:#a3b6a0;letter-spacing:2px;margin-left:14px}
.club-wallet{display:flex;align-items:center;gap:12px}.club-wallet>span{font-size:11px;color:#b4c1a7}.club-wallet b{color:#f4ce79;font-size:22px}.club-wallet small{color:#8ca78b;font-size:10px}
.club-scroll{overflow:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:32px max(24px,env(safe-area-inset-right)) 35px max(24px,env(safe-area-inset-left));width:100%;scrollbar-color:#5d7157 #183024}
#club-content>*{max-width:1180px;margin-left:auto;margin-right:auto}.club-page-title{margin-bottom:26px!important}.club-page-title small{font-size:10px;letter-spacing:3px;color:#e5c57b}.club-page-title h1{font-size:34px;letter-spacing:1px;line-height:1.35;margin:10px 0}.club-page-title p,.club-panel p{font-size:12px;color:#aabc9f;line-height:1.8}
#club-app button,#club-reveal button{border:1px solid #536b51;background:#233e2d;color:#eee9d6;min-height:40px;padding:10px 16px;border-radius:3px;touch-action:manipulation;transition:background .15s}#club-app button:hover{background:#30513a}#club-app button:disabled{opacity:.45;cursor:default}#club-app .club-primary,#club-reveal .club-primary{background:#edc676;color:#182f24;border-color:#edc676;font-weight:bold;padding:13px 24px;box-shadow:3px 3px 0 #9e82464d}#club-app .club-quiet{background:transparent;border-color:transparent}
.club-hero{display:flex;justify-content:space-between;align-items:center;border:1px solid #63815b;min-height:250px;padding:30px 48px;background:repeating-linear-gradient(90deg,#375b3d 0,#375b3d 70px,#315339 70px,#315339 140px);position:relative;overflow:hidden;box-shadow:0 4px 0 #081b14}.club-hero:before{content:'';position:absolute;width:260px;height:260px;border:2px solid #a8bb9260;border-radius:50%;right:110px;top:-5px}.club-hero>div{position:relative}.club-hero small{color:#ddce9c;font-size:11px;letter-spacing:2px}.club-hero h2{font-size:36px;margin:15px 0}.club-hero p{color:#bacaaa;font-size:12px;margin-bottom:22px}.hero-player{transform:rotate(5deg);margin-right:65px}
.club-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#445d44;border:1px solid #445d44;margin:24px auto!important}.club-metrics>div{padding:18px 24px;background:#1c3428;display:flex;align-items:center;justify-content:space-between;gap:10px}.club-metrics small{font-size:11px;color:#a6ba9e}.club-metrics b{font-size:26px;color:#efe5c4}
.club-entries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.club-entries button{display:grid;gap:12px;text-align:left;padding:23px!important;min-height:115px!important}.club-entries b{font-size:16px}.club-entries span{font-size:11px;color:#a8ba9f}.club-footnote{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:24px!important;font-size:11px;color:#a7b39b}.club-footnote span{flex:1}
.club-nav{display:flex;justify-content:center;gap:0;background:#182f25;border-top:1px solid #49614b;padding-bottom:env(safe-area-inset-bottom)}#club-app .club-nav button{background:transparent;border:0;border-top:2px solid transparent;min-width:130px;padding:13px 20px;display:flex;gap:10px;align-items:center;justify-content:center;font-size:12px;color:#aab9a1;border-radius:0}.club-nav span{font-size:19px}#club-app .club-nav .active{color:#f0cc7f;background:#263e2b;border-top-color:#f0cc7f}
#club-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px);background:#f0d59c;color:#183025;padding:12px 20px;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:.2s;z-index:50;box-shadow:0 4px 25px #0005}#club-toast.visible{opacity:1;transform:translate(-50%,0)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px;margin-top:22px!important}#club-app .club-card,#club-reveal .club-card{--rarity:#a2b59d;position:relative;display:grid;grid-template-rows:88px auto auto auto;align-content:center;padding:14px 12px 10px;width:100%;min-height:193px;max-width:205px;text-align:center;overflow:hidden;border:2px solid var(--rarity);background:linear-gradient(160deg,#304631,#1a3027);clip-path:polygon(0 0,100% 0,100% 91%,90% 100%,10% 100%,0 91%);border-radius:3px;box-shadow:inset 0 0 0 3px #071f1550;opacity:1}#club-app .club-card:disabled{opacity:1}#club-app .club-card.legend,#club-reveal .club-card.legend{--rarity:#f0ca78;background:linear-gradient(150deg,#615438,#2f3929)}#club-app .club-card.epic,#club-reveal .club-card.epic{--rarity:#bd9cef;background:linear-gradient(150deg,#524860,#263329)}#club-app .club-card.rare,#club-reveal .club-card.rare{--rarity:#78bfe0;background:linear-gradient(150deg,#38536a,#26362d)}.club-card .card-rating{position:absolute;top:14px;left:12px;display:grid;color:var(--rarity)}.card-rating b{font-size:30px;line-height:1}.card-rating small{font-size:10px;margin-top:4px}.card-quality{position:absolute;right:10px;top:12px;writing-mode:vertical-rl;font-size:11px;letter-spacing:2px;color:var(--rarity)}.club-card canvas{image-rendering:pixelated;margin:0 auto;grid-row:1}.club-card>strong{font-size:14px;font-weight:bold;margin:5px 0;color:#f1ead6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-card>small{font-size:10px;color:#b4c1a7}.card-tags{min-height:16px;font-size:9px;color:#e5d194;margin-top:7px}.hero-player .club-card{width:173px;min-height:211px!important}.club-empty{color:#a6b39c;font-size:12px;padding:30px}
.club-panel,.league-summary{padding:22px;background:#1d3529;border:1px solid #465f47;margin-bottom:18px!important}.club-panel h3{font-size:15px;margin:0 0 17px;color:#ebddb4}.league-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.league-summary h2{margin:8px 0;font-size:25px}.league-summary small{font-size:10px;color:#c9b474}.league-summary p{font-size:12px;color:#aebda2}.league-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.club-table{width:100%;border-collapse:collapse;font-size:12px}.club-table th{text-align:left;font-weight:normal;color:#9bae94;font-size:10px;padding:10px 7px}.club-table td{border-top:1px solid #3b5240;padding:13px 7px}.club-table tr.you{background:#385332;color:#edcf7e}.fixture-list{display:grid;gap:0}.fixture-list>div{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #3b5240;font-size:12px}.fixture-list small{font-size:10px;color:#a7b79e;width:78px}.fixture-list span{flex:1}.fixture-list .current{color:#f4ce7c}.club-rules{font-size:12px;border-top:1px solid #456149;padding:16px 0;line-height:1.9;color:#b3bfa6;margin-top:20px!important}.club-rules summary{cursor:pointer;color:#e7d394}.club-rules a,.data-source{color:#d4c489;font-size:11px}
.collection-toolbar{display:flex;gap:10px;flex-wrap:wrap}.collection-toolbar input{flex:1;min-width:180px}#club-app input,#club-app select{font:inherit;font-size:13px;background:#193023;border:1px solid #567252;color:#f0e9d4;padding:10px;min-height:42px;border-radius:2px;max-width:100%;touch-action:manipulation}.import-save{border:1px solid #536b51;padding:10px 14px;cursor:pointer;color:#efe3c6}.import-save input{display:none}
.squad-club-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.club-squad-pitch{position:relative;min-height:525px;background:repeating-linear-gradient(#426c45 0,#426c45 50px,#3c633f 50px,#3c633f 100px);border:2px solid #739366}.club-squad-pitch:before{content:'';position:absolute;inset:14px;border:1px solid #c8d6a975}.club-squad-pitch:after{content:'';position:absolute;top:43%;left:35%;width:30%;height:22%;border:1px solid #c8d6a975;border-radius:50%;pointer-events:none}#club-app .club-squad-slot{position:absolute;z-index:1;display:grid;text-align:center;justify-items:center;background:#163a2799;border:1px solid #839b68;padding:3px 6px;min-width:120px;transform:translate(-50%,-50%)}.club-squad-slot b{font-size:12px}.club-squad-slot small{font-size:9px;color:#e9ddaa}.club-squad-slot canvas{image-rendering:pixelated}.slot-0{left:50%;top:86%}.slot-1{left:25%;top:63%}.slot-2{left:75%;top:63%}.slot-3{left:28%;top:38%}.slot-4{left:72%;top:38%}.slot-5{left:50%;top:14%}.squad-roster-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #49614b;padding:10px 0;font-size:12px}.squad-roster-row span{flex:1;min-width:120px}.squad-roster-row button{font-size:10px;padding:6px 10px!important;min-height:32px!important}
.development-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px}.development-player .club-card{margin:auto}.development-player p{font-size:11px;text-align:center;color:#abbca0;line-height:1.8}.player-select-row label{font-size:11px;display:grid;gap:8px}.player-tools{display:flex;gap:7px;margin-top:14px}.player-tools button{font-size:11px;padding:7px!important}.development-tabs{display:flex;margin-bottom:15px;gap:8px}.development-tabs button{flex:1}.development-tabs .active{border-color:#edc879!important;color:#edc879!important;background:#365037!important}.development-body h2{font-size:24px;letter-spacing:0;margin:12px 0}.development-body label{font-size:12px;display:grid;gap:10px;margin:16px 0}.development-body .club-primary{margin-top:16px}.development-body>small{color:#d2bf82;font-size:11px}.upgrade-arrow{display:flex;gap:24px;align-items:center;margin:25px 0}.upgrade-arrow b{font-size:56px;color:#f0cc7d}.upgrade-arrow span{font-size:32px;color:#90a486}.small-note{font-size:11px!important;color:#97ae95!important}
.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.equipment-grid>div{padding:10px;background:#263e2b;border:1px solid #47614b}.equipment-grid h3{font-size:12px;margin:0 0 10px}.equipment-grid select{width:100%;font-size:11px!important;padding:7px!important}.equipment-grid button{margin-top:8px;font-size:11px;min-height:30px!important;padding:5px 10px!important;width:100%}.equipment-shop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-shop>div{border:1px solid #4b634d;padding:15px;display:grid;gap:7px}.equipment-shop small{color:#b6c59a;font-size:10px}.equipment-shop b{font-size:13px}.equipment-shop p{margin:0}.equipment-shop span{font-size:10px;color:#e4c788}.equipment-shop button{font-size:11px;padding:7px!important}.club-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.club-badges label{display:grid;grid-template-columns:20px 1fr;gap:8px;background:#27402d;padding:10px;margin:0}.club-badges small{grid-column:1/-1;font-size:10px;color:#a7ba9c}.club-badges b{font-size:12px}.club-badges input{min-height:18px!important;padding:0!important}.club-badges .locked{opacity:.45}.club-attributes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.club-attributes fieldset{border:1px solid #4c634b;padding:12px}.club-attributes legend{font-size:12px;color:#e4c78a}.club-attributes label{grid-template-columns:1fr 64px;align-items:center;font-size:12px;gap:5px;margin:10px 0}.club-attributes small{grid-column:1/-1;color:#a4b498;font-size:10px}.club-attributes input{width:64px;padding:7px!important}
.scout-banner{padding:30px;border:1px solid #607255;background:linear-gradient(115deg,#414d36,#223e2a);display:flex;align-items:center;justify-content:space-between;gap:25px}.scout-banner h2{font-size:27px;line-height:1.5}.scout-banner small{font-size:11px;color:#d6c590}.scout-banner p{font-size:12px;color:#aab99a}.scout-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.scout-stars{display:flex;gap:10px;transform:rotate(3deg)}.scout-stars .club-card{width:137px!important;min-height:181px!important}.scout-stars .card-rating b{font-size:24px}.scout-stars .club-card canvas{width:74px}.pity-bars{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0!important}.pity-bars>div{border:1px solid #4c684b;background:#203a29;padding:16px}.pity-bars small{font-size:11px;color:#aabd9e}.pity-bars b{float:right;font-size:16px;color:#edc67e}.pity-bars>div>div{height:4px;background:#0e241b;clear:both;margin-top:17px}.pity-bars i{height:100%;display:block;background:#edc67e}.draw-history{display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.draw-history span{padding:8px;border:1px solid #52704e}.draw-history .legend{color:#edc67e}.draw-history .epic{color:#c5a4f0}.draw-history .rare{color:#8ac7e5}
#club-reveal{width:min(1000px,96vw);max-height:calc(100dvh - 24px);overflow:auto;background:#193225;color:#eee5ce;border:2px solid #d8c079;padding:24px;text-align:center;touch-action:pan-y}#club-reveal::backdrop{background:#061d16dc}#club-reveal h2{font-size:27px;margin:14px}#club-reveal>small{font-size:11px;color:#d8c079;letter-spacing:3px}.reveal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0}.reveal-grid>div{animation:reveal-card .55s both;animation-delay:var(--delay)}.reveal-grid .club-card{margin:auto}.reveal-grid .club-card.legend{box-shadow:0 0 30px #f4ca784f;animation:legend-glow 1.2s 2}.sale-footer{margin:25px auto!important;padding:20px;background:#263f2c;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.sale-footer strong{font-size:14px;color:#eace8c}.club-result{text-align:center;padding:30px 0}.club-result .club-page-title{text-align:center}.result-score{font-size:80px;font-weight:bold;letter-spacing:8px;color:#f2dc9d;margin:25px 0}.club-result p{font-size:13px;color:#b0c09e;line-height:1.9}.result-reward{font-size:36px;color:#f0ca78;background:#28472f;padding:20px;width:260px;margin:25px auto;border:1px solid #6e8857}.result-reward span{font-size:12px}.club-result button{margin:8px}
@keyframes reveal-card{from{opacity:0;transform:translateY(18px) scale(.85)}to{opacity:1;transform:none}}@keyframes legend-glow{50%{filter:brightness(1.5)}}@media(prefers-reduced-motion:reduce){.reveal-grid>div,.reveal-grid .club-card.legend{animation:none}}
@media(max-width:900px),(pointer:coarse){.club-header{padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.club-brand{font-size:15px}.club-brand small,.club-wallet small{display:none}.club-wallet{gap:7px}.club-wallet b{font-size:18px}.club-scroll{padding:20px max(12px,env(safe-area-inset-right)) 20px max(12px,env(safe-area-inset-left))}.club-page-title h1{font-size:25px}.club-page-title small{font-size:9px;letter-spacing:2px}.club-page-title{margin-bottom:18px!important}.club-hero{padding:20px;min-height:210px}.club-hero h2{font-size:26px}.hero-player{margin-right:10px;transform:rotate(3deg)}.hero-player .club-card{width:135px;min-height:180px!important}.club-hero .club-primary{padding:11px 14px!important}.club-hero .club-quiet{font-size:11px}.club-metrics>div{padding:14px 10px;display:grid;gap:9px}.club-metrics b{font-size:22px}.club-metrics small{font-size:9px}.club-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.club-entries button{padding:18px!important;min-height:90px!important}.club-entries b{font-size:13px}.club-entries span{font-size:10px}.club-nav{justify-content:space-around}#club-app .club-nav button{min-width:0;flex:1;padding:9px 5px;gap:5px;display:grid;font-size:10px}.club-nav span{font-size:17px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.league-grid,.squad-club-grid{grid-template-columns:1fr}.club-panel,.league-summary{padding:16px}.club-table{font-size:11px}.club-table th,.club-table td{padding:10px 4px}.collection-toolbar input{font-size:16px!important}.collection-toolbar select{font-size:13px!important}.club-squad-pitch{max-width:540px;width:100%;margin:auto;min-height:520px}.development-layout{grid-template-columns:165px minmax(0,1fr);gap:15px}.development-player .club-card{min-height:181px!important}.development-player .card-rating b{font-size:26px}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-attributes{grid-template-columns:1fr}.scout-banner{padding:22px;display:block}.scout-stars{margin:25px 0 0;justify-content:center;transform:none}.scout-stars .club-card{flex:1;width:100%!important;max-width:190px;min-height:190px!important}.reveal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reveal-grid .club-card{min-height:180px!important}.reveal-grid .card-rating b{font-size:24px}.pity-bars{gap:10px}.pity-bars small{font-size:10px}#club-app input,#club-app select{font-size:16px}.club-badges{grid-template-columns:1fr}.club-reveal{padding:15px}.result-score{font-size:60px}}
@media(max-width:600px){.club-hero h2{font-size:23px}.hero-player{margin-right:0}.hero-player .club-card{width:108px;min-height:173px!important;padding:12px 6px!important}.hero-player .club-card>strong{font-size:12px}.hero-player .card-rating{left:5px;top:10px}.hero-player .card-rating b{font-size:22px}.hero-player .card-quality{right:5px;top:10px}.hero-player .club-card canvas{width:68px}.club-hero p{font-size:10px}.club-hero{gap:10px;padding:16px}.club-hero .club-quiet{display:block}.club-hero:before{right:-60px}.development-layout{grid-template-columns:1fr}.development-player{display:grid;grid-template-columns:150px 1fr;gap:10px}.development-player .club-card{grid-row:span 3}.development-player p{text-align:left;margin:0}.player-select-row{min-width:0}.player-tools{margin:0}.development-tabs{gap:5px}.development-tabs button{padding:8px 5px!important;font-size:12px}.equipment-shop{grid-template-columns:1fr}.league-summary{display:block}.league-summary .club-primary{width:100%;margin-top:12px}.scout-buttons button{flex:1;font-size:12px;padding:11px 10px!important}.scout-banner h2{font-size:23px}.scout-stars .card-rating{left:5px}.scout-stars .card-rating b{font-size:22px}.scout-stars .club-card canvas{width:65px}.scout-stars .club-card{min-height:165px!important;padding:10px 5px!important}.scout-stars .club-card>strong{font-size:12px}.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:450px){.club-header{padding-top:max(5px,env(safe-area-inset-top));padding-bottom:5px}.club-scroll{padding-top:15px;padding-bottom:15px}#club-app .club-nav button{display:flex;padding:7px 5px;gap:7px}.club-page-title h1{font-size:24px}.club-hero{min-height:180px;padding:20px 35px}.hero-player .club-card{min-height:170px!important}.club-entries{grid-template-columns:repeat(4,minmax(0,1fr))}.club-entries button{padding:15px!important}.development-layout{grid-template-columns:160px minmax(0,1fr)}.development-player{display:block}.equipment-shop{grid-template-columns:repeat(2,minmax(0,1fr))}.league-grid{grid-template-columns:1.3fr 1fr}.scout-banner{display:flex}.scout-stars .club-card{width:110px!important;min-height:164px!important}.scout-stars{margin:0}.reveal-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

#club-app .club-brand{border:0;background:transparent;padding:0;min-height:32px}#club-app .club-brand:hover{background:transparent}.club-wallet>span,.club-brand>span{display:inline}.club-header{min-height:52px}#club-toast{pointer-events:none}

#club-app canvas,#club-reveal canvas{touch-action:pan-y;pointer-events:none}html.mobile-game #club-app input{user-select:text;-webkit-user-select:text}

.development-layout>*{min-width:0}.player-select-row label{min-width:0}.player-select-row select{min-width:0;width:100%}.club-attributes fieldset{min-width:0}

#club-app .club-card,#club-reveal .club-card{grid-template-rows:110px auto auto auto}.club-card canvas{width:80px;height:auto;aspect-ratio:1;background:transparent;align-self:end}.club-squad-slot canvas{width:64px;height:64px;background:transparent}

.pool-toolbar{margin-top:20px!important}.club-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px!important;padding-bottom:12px}.club-pagination span{font-size:12px;color:#d7c18b}#pool-search{font-size:16px!important}