:root{color-scheme:dark;--bg:#101117;--panel:#1a1c25;--panel2:#242632;--line:#393a48;--red:#ee3642;--gold:#f4c45e;--text:#f3f2f4;--muted:#a7a7b4;--green:#5bd79b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#5b1823 0%,#191a21 40%,#0d0e13 80%);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}header{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 18px 14px;border-bottom:1px solid #ffffff14}.brand{display:flex;gap:12px;align-items:center}.brand img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 4px 12px #0008)}.brand h1{font-weight:1000;margin:0;font-size:clamp(17px,2.4vw,26px);line-height:1.06;letter-spacing:.1px}.brand h1 span{color:var(--red)}.brand small{color:var(--muted);letter-spacing:2px;font-weight:800;font-size:9px}.tag{font-size:11px;border-radius:99px;border:1px solid #ffffff27;padding:7px 10px;color:var(--muted)}main{max-width:1180px;margin:auto;padding:20px 18px 60px}.setup{max-width:720px;margin:30px auto;border-radius:23px;padding:28px;background:linear-gradient(135deg,#25222b,#181a23);border:1px solid #ffffff25;box-shadow:0 24px 90px #0007}.setup h2{font-size:32px;margin:0 0 10px}.setup p{color:var(--muted);line-height:1.6}.setup label{font-size:12px;text-transform:uppercase;letter-spacing:1px;display:block;color:var(--muted);font-weight:900;margin-bottom:8px}.setup input,.setup select{background:#11131b;border:1px solid #565463;color:#fff;border-radius:12px;padding:13px;width:100%;outline:none}.setup .forms{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.setup input:focus,.setup select:focus{border-color:var(--gold)}.btn{border:0;border-radius:11px;padding:12px 18px;background:var(--red);color:white;font-weight:800}.btn.secondary{background:#31323e;color:#fff;border:1px solid #ffffff1b}.btn.gold{background:var(--gold);color:#1b1920}.btn.outline{background:none;border:1px solid var(--line)}.btn.small{padding:7px 11px;font-size:11px}.sub{font-size:12px;color:var(--muted)}.game-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px;border-radius:16px;border:1px solid var(--line);background:#1b1b24}.team-name{font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score{font-size:32px;line-height:1;font-weight:1000;letter-spacing:4px;color:var(--gold);text-align:center}.round-indicator{font-size:10px;color:var(--muted);text-align:center;padding-top:4px}.score-outer{min-width:132px}.zones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.zone{background:linear-gradient(160deg,#173529,#11251f 50%,#18231d);border:1px solid #4c7764;border-radius:16px;padding:12px;min-width:0;position:relative;overflow:hidden}.zone:before{content:'';position:absolute;inset:20px 0;background:repeating-linear-gradient(0deg,transparent 0 32px,#ffffff06 32px 64px);pointer-events:none}.zone-top{position:relative;min-height:94px}.zone-label{font-size:13px;color:#e6f7ea;font-weight:900}.zone-rules{font-size:11px;color:#bfdccb;line-height:1.35;margin-top:5px;min-height:29px}.zone-badge{font-size:10px;border:1px solid #93c9aa66;border-radius:9px;padding:5px 7px;display:inline-block;margin-top:6px;background:#0003}.area-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#bdd4c7;font-weight:800;margin:6px 0 4px;display:flex;justify-content:space-between}.area-label b{color:white;font-size:16px}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-height:134px}.slot{border:1px dashed #ffffff39;background:#08160b47;border-radius:9px;min-height:62px;display:flex;align-items:center;justify-content:center;color:#668b79;font-size:11px}.slot.filled{border:1px solid #ffffff2a;background:#1f252a;display:flex;gap:3px;padding:5px;flex-direction:column;align-items:flex-start;justify-content:center}.slot.filled.mine{background:linear-gradient(125deg,#501e29,#28262a)}.slot.filled.enemy{background:linear-gradient(125deg,#233047,#24262d)}.slot.filled.red{filter:grayscale(1);opacity:.62}.slot.filled.teleport{cursor:pointer;outline:2px solid var(--gold)}.slot .cardname{font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}.slot .carddetail{font-size:10px;color:#dedee5;display:flex;justify-content:space-between;width:100%}.slot .pwr{font-weight:1000;color:var(--gold)}.lane{border:none;border-radius:9px;background:#c92938;color:#fff;font-weight:900;padding:9px 8px;margin-top:9px;width:100%;position:relative;font-size:12px}.lane:disabled{background:#6a5555}.lane.move{background:#bd9a48;color:#161616}.vs{color:#9aa69a;text-align:center;font-size:10px;font-weight:1000;padding:7px;position:relative}.hands{margin-top:18px;background:var(--panel);border:1px solid var(--line);padding:17px;border-radius:17px}.hand-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.hand-title h2{font-size:18px;margin:0}.hand-title .energy{font-size:18px;font-weight:900;color:var(--gold)}.hand-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px;margin:15px 0}.hand-card{min-height:174px;border-radius:14px;padding:12px;background:linear-gradient(140deg,#30303b,#1e2029);border:1px solid #5c5a65;text-align:left;color:#eee;display:flex;flex-direction:column;gap:4px;transition:transform .12s, border-color .12s}.hand-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold)}.hand-card.selected{border:2px solid var(--gold);background:linear-gradient(145deg,#463526,#26242a)}.hand-card .avatar{display:block;text-align:center;font-size:28px;line-height:40px}.hand-card .title{font-weight:900;font-size:13px;line-height:1.15;min-height:29px}.hand-card .meta{color:var(--muted);font-size:10px}.hand-card .numbers{display:flex;gap:6px;margin:4px 0}.pill{padding:5px 8px;border-radius:7px;background:#111219;border:1px solid #ffffff19;font-weight:900;font-size:12px}.pill.power{color:var(--gold)}.hand-card .ability{font-size:10px;color:#f1a9ad;margin-top:auto}.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff18;padding-top:12px}.plan-list{font-size:12px;color:#d7d5dc;display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.plan-chip{background:#3b3945;padding:7px 9px;border-radius:8px;border:1px solid #ffffff1c}.plan-chip button{border:0;background:none;color:#ff9aa0;font-weight:1000}.event-log{margin-top:14px;background:#111219;border:1px solid var(--line);padding:13px;border-radius:13px}.event-log summary{cursor:pointer;font-size:13px;font-weight:900}.event-lines{font:11px/1.6 ui-monospace,SFMono-Regular,monospace;max-height:240px;overflow:auto;white-space:pre-line;color:#babac9;margin-top:9px}.overlay{position:fixed;inset:0;background:#080911d9;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{width:min(600px,100%);border-radius:22px;background:linear-gradient(145deg,#26252e,#12141c);border:1px solid #787070;padding:28px;box-shadow:0 40px 120px #000a}.modal h2{font-size:30px;margin:0 0 10px}.modal p{color:var(--muted);line-height:1.55}.tactic{display:block;text-align:left;background:#272830;border:1px solid #61616b;color:white;padding:15px;border-radius:12px;width:100%;margin:9px 0}.tactic strong{display:block;color:var(--gold);font-size:16px}.tactic small{display:block;color:#c9c9d4;margin-top:5px}.hint{font-size:12px;color:var(--muted);line-height:1.55}.footer-note{color:#888897;font-size:11px;margin-top:15px}.win{color:var(--green)}.lose{color:var(--red)}.mini{font-size:10px;color:#c1c0cb}.selection{color:var(--gold);font-size:12px;font-weight:900}@media(max-width:720px){header{padding:12px}.brand img{width:48px;height:48px}.tag{display:none}main{padding:12px}.zones{gap:5px}.zone{padding:6px;border-radius:10px}.zone-label{font-size:11px}.zone-top{min-height:124px}.zone-rules{font-size:9px}.slots{gap:3px;min-height:118px}.slot{min-height:55px;padding:3px!important}.slot .cardname{font-size:9px}.slot .carddetail{font-size:8px}.lane{font-size:10px;padding:9px 3px}.score{font-size:25px}.team-name{font-size:12px}.game-head{padding:10px}.setup .forms{grid-template-columns:1fr}.hand-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hand-card{min-height:158px}.modal{padding:18px}.modal h2{font-size:24px}}
/* v0.2 — two explicit hand-card actions: select and read details. */
.hand-card{padding:0;overflow:hidden;position:relative;gap:0;display:flex;flex-direction:column;justify-content:space-between}
.hand-card-select{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:4px;flex:1;width:100%;padding:12px 12px 4px;border:0;background:none;color:inherit;min-width:0}
.hand-card-select:focus-visible,.card-info:focus-visible,.detail-close:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.hand-card-select:disabled{opacity:.5}
.hand-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.hand-card .ability{padding-bottom:4px}
.card-info{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-top:1px solid #ffffff24;color:#ffdb7a;background:#3a2e27;font-size:12px;font-weight:900;padding:9px 6px;width:100%}
.card-info:hover{background:#67452f;color:white}
.hand-card.planned{opacity:.85}
.finished-bar{margin-top:16px;display:flex;gap:18px;align-items:center;justify-content:space-between;border-radius:16px;padding:17px;background:linear-gradient(125deg,#352b20,#211e23);border:1px solid #ac8a4f}
.finished-bar>div{display:flex;flex-direction:column;gap:5px}
.finished-bar b{color:var(--gold);font-size:17px}
.finished-bar span{font-size:12px;line-height:1.5;color:#d6d3c8}
.finished-bar .btn{flex-shrink:0}
.card-detail-modal{width:min(470px,100%);max-height:min(92vh,820px);overflow-y:auto;padding:17px;position:relative}
.detail-close{position:absolute;right:25px;top:25px;border-radius:50%;width:37px;height:37px;background:#14151bbd;border:1px solid #fff5;color:white;font-size:18px;font-weight:900;z-index:1}
.big-card{min-height:310px;border-radius:18px;border:3px solid #e23b49;background:radial-gradient(circle at 50% 35%,#423b39,#231c24 55%,#131821);padding:18px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:inset 0 0 0 3px #100f13,0 3px 20px #0006}
.big-card-crest{font-size:76px;line-height:1.2;margin:14px 0 3px;filter:drop-shadow(0 7px 3px #0008)}
.big-card-team{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;font-weight:900;color:#debda7;margin-bottom:8px}
.big-card h2{font-size:clamp(22px,5vw,31px);margin:0 4px 6px;line-height:1.06;word-break:break-word}
.big-card-position{font-size:13px;color:#f1c4c4;font-weight:700}
.big-card-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:24px}
.big-card-numbers>div{background:#0d1019cb;padding:10px 9px;border-radius:12px;font-size:20px}
.big-card-numbers b{font-size:27px}
.big-card-numbers small{display:block;font-size:10px;color:#d2cbd0;margin-top:2px}
.ability-detail{padding:14px 7px 0}
.ability-detail .detail-eyebrow{color:#f0bd60;font-size:10px;font-weight:900;letter-spacing:1px}
.ability-detail h3{font-size:19px;margin:5px 0;color:#fff}
.ability-detail p{font-size:14px;line-height:1.65;color:#e4e0e3;margin:0 0 10px}
.ability-detail details{border-top:1px solid #ffffff24;padding:10px 0;margin-top:6px;font-size:12px;color:#bbb}
.ability-detail summary{font-weight:800;cursor:pointer}
.ability-detail ul{padding-left:20px}
.detail-done{margin-top:10px;width:100%;padding:12px}
.result-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.result-actions .btn{flex:1;min-width:170px}
@media(max-width:720px){.hand-card{min-height:0}.hand-card-select{min-height:140px}.card-detail-modal{padding:12px;max-height:94vh}.big-card{min-height:280px}.big-card-crest{font-size:65px}.finished-bar{flex-direction:column;align-items:stretch}.finished-bar .btn{width:100%}}

/* v0.3 — field-card inspection and energy-aware hand cards */
.slot.filled { position:relative; padding:0; overflow:hidden; }
.slot .slot-main { display:flex; position:relative; width:100%; min-height:61px; flex:1; flex-direction:column; align-items:stretch; justify-content:center; gap:3px; padding:6px 5px; border:0; border-radius:8px; background:transparent; color:inherit; text-align:left; cursor:pointer; min-width:0; }
.slot .slot-main:hover { background:#ffffff12; }
.slot .slot-main:focus-visible, .slot-teleport:focus-visible { outline:2px solid var(--gold); outline-offset:-2px; }
.slot .slot-main .cardname { padding-right:12px; }
.slot .slot-info-hint { position:absolute; top:2px; right:3px; font-size:10px; line-height:1; color:#f4c45e; opacity:.78; pointer-events:none; }
.slot .slot-teleport { position:absolute; top:2px; right:2px; padding:0; width:23px; height:23px; border:1px solid #f4c45eb3; border-radius:6px; color:#191821; background:#f4c45e; font-weight:1000; font-size:14px; line-height:20px; z-index:1; }
.slot.teleportable .slot-main .cardname { padding-right:20px; }
.slot.teleportable .slot-info-hint { display:none; }
.slot.teleport-selected { outline:2px solid var(--gold); outline-offset:1px; }
.hand-card.unaffordable .hand-card-select { filter:grayscale(1); opacity:.58; }
.hand-card.unaffordable { border-color:#5b5960; background:linear-gradient(140deg,#292a30,#1d1f24); }
.hand-card.unaffordable:hover { transform:none; border-color:#5b5960; }
.hand-card.unaffordable .card-info { position:relative; z-index:1; filter:none; opacity:1; }
@media(max-width:720px) { .slot .slot-main { min-height:59px; padding:4px 3px; } .slot .slot-info-hint { font-size:9px; right:2px; } .slot .slot-teleport { width:19px; height:20px; font-size:12px; } }

/* v0.3 graphics pack: club identity and optional player portraits. */
.team-identity{display:flex;align-items:center;gap:9px;min-width:0}
.team-identity.away{justify-content:flex-end}
.team-identity .team-name{min-width:0}
.team-logo{width:42px;height:42px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 5px #0008)}
.player-art{position:relative;overflow:hidden;flex:none;background:radial-gradient(circle at 50% 30%,#f3f1ee,#b7bac3);border:1px solid #ffffff5c;border-radius:9px;isolation:isolate}
.player-art .club-watermark{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;opacity:.25}
.player-art .portrait{position:relative;width:100%;height:100%;object-fit:contain;z-index:1}
.hand-art{height:94px;width:100%}
.slot .slot-main{padding-left:42px}
.slot-art{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:32px;height:40px;border-radius:5px}
.detail-art{width:170px;height:170px;margin:6px auto 9px;border-radius:14px}
.big-card{justify-content:flex-start}
@media(max-width:720px){.team-logo{width:30px;height:30px}.team-identity{gap:4px}.slot .slot-main{padding-left:33px}.slot-art{width:26px;height:33px;left:2px}.hand-art{height:78px}.detail-art{width:140px;height:140px}}

/* v0.4 step 2: visible 1–5 star rarity. It is metadata and never changes match power. */
.rarity{display:block;color:#f4c45e;font-size:13px;line-height:1;letter-spacing:1px;text-shadow:0 1px 3px #000;font-weight:900}
.hand-card .rarity{text-align:center;margin:2px 0}
.slot .rarity{font-size:8px;letter-spacing:0;color:#ffd66f;margin-bottom:2px}
.big-card>.rarity{font-size:22px;margin:2px 0 8px}
.rarity-1{color:#c8c8ce}.rarity-2{color:#75d597}.rarity-3{color:#65b9ff}.rarity-4{color:#c89cff}.rarity-5{color:#ffd35e}
/* 3. fázis: első indítás, klubalapítás és mentett kezdőkeret */
.onboarding{text-align:center;max-width:560px}.onboarding label,.onboarding input{text-align:left}.onboarding-logo img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 25px #0009)}.eyebrow{margin:5px 0!important;color:var(--gold)!important;font-size:11px;font-weight:1000;letter-spacing:2px}.create-club{width:100%;margin-top:14px;font-size:16px}.club-home{max-width:820px;margin:30px auto}.club-summary,.starter-panel,.match-launch{border:1px solid #ffffff20;background:linear-gradient(135deg,#242630,#171921);border-radius:20px;padding:22px}.club-summary{display:flex;align-items:center;gap:22px}.club-home-logo{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 8px 22px #0009)}.club-summary h2{font-size:clamp(28px,5vw,44px);margin:2px 0 8px}.starter-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;margin-top:16px}.starter-panel h3{font-size:21px;margin:0 0 7px}.starter-panel p{color:var(--muted);line-height:1.55;margin:0}.starter-rarity{display:grid;gap:6px;min-width:130px}.starter-rarity .rarity{display:flex;justify-content:space-between;padding:7px 10px;border:1px solid #ffffff18;border-radius:9px;background:#0d0e14}.match-launch{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin-top:16px}.match-launch label{display:block;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px}.match-launch select{width:100%;color:#fff;background:#10121a;border:1px solid #555665;border-radius:11px;padding:12px}.match-launch .btn{min-height:44px}.save-warning{padding:12px 15px;border-radius:11px;background:#7b531d;border:1px solid #e1a34b;color:#fff}.club-home>.hint{text-align:center}.team-identity{display:flex;align-items:center;gap:9px;min-width:0}.team-identity.away{justify-content:flex-end}.team-logo{width:48px;height:48px;object-fit:contain;flex:0 0 auto}
@media(max-width:720px){.onboarding{margin-top:12px;padding:22px 18px}.onboarding-logo img{width:118px;height:118px}.club-home{margin-top:12px}.club-summary{padding:16px;gap:13px}.club-home-logo{width:76px;height:76px}.starter-panel,.match-launch{grid-template-columns:1fr;padding:16px}.starter-rarity{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.match-launch .btn{width:100%}.team-logo{width:36px;height:36px}}
/* 4. fázis: klubmenü, gyűjtemény és felállásalapú keretszerkesztő */
.main-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.main-menu button{min-height:132px;border:1px solid #ffffff22;border-radius:17px;background:linear-gradient(145deg,#292b35,#171920);color:#fff;padding:17px;text-align:left;display:flex;flex-direction:column;gap:6px}.main-menu button:hover{border-color:var(--gold);transform:translateY(-2px)}.main-menu span{font-size:30px}.main-menu b{font-size:16px}.main-menu small{color:var(--muted);line-height:1.35}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.page-title h2{font-size:clamp(30px,5vw,46px);margin:0}.page-title p:not(.eyebrow){color:var(--muted);margin:7px 0 0}.page-title>strong{color:var(--gold);white-space:nowrap}.collection-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.collection-filters label,.formation-select{color:var(--muted);font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.collection-filters select,.formation-select select{display:block;width:100%;margin-top:6px;background:#12141c;color:#fff;border:1px solid #50515e;border-radius:10px;padding:11px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:11px}.collection-card{position:relative;overflow:hidden;min-height:230px;text-align:left;color:#fff;background:linear-gradient(145deg,#2b2d38,#181a22);border:1px solid #4b4c59;border-radius:15px;padding:10px;display:flex;flex-direction:column;gap:5px}.collection-card:hover{border-color:var(--gold);transform:translateY(-2px)}.collection-card.locked{filter:grayscale(.85);opacity:.55}.collection-card b{font-size:13px}.collection-card small{color:var(--muted);min-height:28px}.collection-art{height:105px;position:relative;display:block}.collection-player-art{height:100%;display:block}.collection-owned{position:absolute;right:7px;top:7px;border-radius:7px;background:#111c;padding:4px 6px;font-size:8px;font-weight:1000;z-index:2}.library-modal{max-width:520px;text-align:center}.library-modal-art{height:210px;position:relative;margin:-8px auto 8px}.library-modal-art .player-art{height:100%}.library-modal .rarity{display:block;margin:7px}.squad-editor{max-width:1100px;margin:auto}.formation-select{min-width:140px}.squad-workspace{display:grid;grid-template-columns:minmax(500px,1.3fr) minmax(280px,.7fr);gap:16px}.formation-pitch{min-height:690px;border:2px solid #ffffff55;border-radius:28px;padding:25px 18px;background:linear-gradient(#0a6b43dd,#075333dd),repeating-linear-gradient(90deg,transparent 0 80px,#ffffff08 80px 160px);display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:inset 0 0 60px #001b10}.formation-pitch:before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #ffffff2e}.formation-row{display:flex;justify-content:space-around;gap:8px;position:relative;z-index:1}.formation-slot{width:min(112px,18%);min-height:126px;border-radius:14px;padding:7px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.formation-slot.filled{background:linear-gradient(145deg,#32272c,#171a22);border:1px solid #ffffff66}.formation-slot.empty{background:#062b20aa;border:2px dashed #ffffff66}.formation-slot.selected{outline:3px solid var(--gold);transform:translateY(-3px)}.formation-slot b{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.formation-slot small{font-size:9px;color:var(--muted)}.formation-slot.empty span{font-size:28px}.formation-art{height:70px;width:100%;display:block;position:relative}.formation-art .portrait{max-height:70px}.squad-chooser{border:1px solid #ffffff22;border-radius:18px;background:#191b24;padding:15px;min-height:350px}.squad-help{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:8px}.squad-help b{color:#fff;font-size:18px}.candidate-head{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #ffffff18;padding-bottom:12px}.candidate-head span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.candidate-list{display:grid;gap:8px;margin-top:12px}.squad-candidate{min-height:76px;border:1px solid #ffffff20;border-radius:12px;background:#242630;color:#fff;padding:7px;display:flex;text-align:left;gap:9px;align-items:center}.squad-candidate:hover:not([data-act="noop"]){border-color:var(--gold)}.squad-candidate>.player-art{width:60px;height:60px;flex:0 0 60px}.squad-candidate>span:last-child{display:flex;min-width:0;flex-direction:column}.squad-candidate b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-candidate small{color:var(--muted);font-size:9px}.candidate-art .portrait{max-height:58px}.bench{margin-top:16px;border:1px solid #ffffff22;background:#191b24;border-radius:18px;padding:16px}.bench h3{margin:0 0 12px}.bench h3 span{color:var(--muted);font-size:12px}.bench-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.bench .squad-candidate{cursor:default}.development{max-width:620px;margin:65px auto;text-align:center;border:1px solid #ffffff22;background:linear-gradient(145deg,#252731,#161820);border-radius:25px;padding:48px 25px}.development>span{font-size:72px}.development h2{font-size:42px;margin:5px}.development>div{display:inline-block;color:#171820;background:var(--gold);font-weight:1000;letter-spacing:2px;border-radius:8px;padding:8px 13px;margin:8px}.development p:not(.eyebrow){color:var(--muted);line-height:1.6}
@media(max-width:800px){.main-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.squad-workspace{grid-template-columns:1fr}.formation-pitch{min-height:590px}.bench-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.page-title{align-items:flex-start;flex-direction:column}.formation-select{width:100%}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card{min-height:210px}.collection-art{height:85px}.formation-pitch{min-height:530px;padding:18px 5px}.formation-row{gap:3px}.formation-slot{width:19%;min-height:102px;padding:3px}.formation-art{height:52px}.formation-art .portrait{max-height:52px}.formation-slot .rarity{font-size:7px}.formation-slot b{font-size:8px}.formation-slot small{display:none}.candidate-head{align-items:flex-start;flex-direction:column}.bench-list{grid-template-columns:1fr}}
/* 5. fázis: tallérjutalom, klubstatisztika és meccslezárás */
.club-summary .wallet{margin-left:auto;display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px;text-align:right;border-left:1px solid #ffffff20;padding-left:22px}.wallet span{font-size:27px;grid-row:1/3}.wallet b{font-size:30px;color:var(--gold);line-height:1}.wallet small{color:var(--muted);text-transform:uppercase;letter-spacing:1px}.club-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:14px}.club-stats div{border:1px solid #ffffff1c;background:#191b23;border-radius:12px;padding:12px 8px;text-align:center}.club-stats small{display:block;color:var(--muted);font-size:8px;letter-spacing:.7px;min-height:20px}.club-stats b{font-size:20px}.reward-modal{text-align:center}.reward-modal>h2{font-size:50px;margin:2px 0 18px}.reward-breakdown{border:1px solid #ffffff20;border-radius:15px;overflow:hidden;text-align:left;margin:15px 0}.reward-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:12px 15px;border-bottom:1px solid #ffffff18}.reward-breakdown>div:last-child{border:0}.reward-breakdown span{color:var(--muted)}.reward-breakdown b{color:var(--gold)}.reward-breakdown .streak-bonus{background:#6f3a122e}.reward-breakdown .reward-total{background:#ffffff0b}.reward-breakdown .reward-total b{font-size:19px}.reward-modal .result-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reward-modal .result-actions .btn{padding:10px 7px}
@media(max-width:850px){.club-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.main-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.club-summary{align-items:flex-start;flex-wrap:wrap}.club-summary .wallet{width:100%;border-left:0;border-top:1px solid #ffffff20;padding:12px 0 0;margin:0;justify-content:end}.club-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.main-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-modal .result-actions{grid-template-columns:1fr}}
/* 6. fázis: TLT Shop, saját csomagok és csomagnyitás */
.shop{max-width:1120px;margin:auto}.shop-hero{display:flex;align-items:center;gap:20px;border:1px solid #ffffff20;background:linear-gradient(135deg,#2a2325,#171920);border-radius:22px;padding:18px 24px}.shop-hero>img{width:128px;height:128px;object-fit:contain}.shop-hero h2{font-size:40px;margin:0}.shop-hero p:not(.eyebrow){color:var(--muted);margin:5px 0}.shop-wallet{margin-left:auto;display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px;font-size:25px}.shop-wallet b{font-size:30px;color:var(--gold)}.shop-wallet small{grid-column:2;color:var(--muted);font-size:10px;text-transform:uppercase}.shop-tabs{display:flex;gap:8px;margin:18px 0}.shop-tabs button{border:1px solid #ffffff22;background:#1b1d25;color:var(--muted);border-radius:11px;padding:12px 18px;font-weight:900}.shop-tabs button.active{background:var(--red);color:#fff;border-color:var(--red)}.shop-tabs span{display:inline-block;background:#0005;border-radius:99px;padding:2px 7px;margin-left:4px}.shop-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.shop-pack-card{border:1px solid #ffffff22;border-radius:18px;background:linear-gradient(145deg,#262832,#161820);padding:15px;display:flex;flex-direction:column}.shop-pack-card>img{width:100%;height:220px;object-fit:contain}.shop-pack-card h3,.owned-pack-card h3{font-size:20px;margin:3px 0}.shop-pack-card>p,.owned-pack-card p{color:var(--muted);line-height:1.4;font-size:12px}.pack-odds{font-size:10px;color:#cbcbd5;line-height:1.55;min-height:45px}.pack-buy{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #ffffff18;padding-top:12px;margin-top:auto}.pack-buy>b{color:var(--gold);font-size:18px}.owned-pack-list{display:grid;gap:13px}.owned-pack-card{position:relative;display:grid;grid-template-columns:210px 1fr;align-items:center;border:1px solid #ffffff22;border-radius:18px;background:linear-gradient(145deg,#262832,#161820);padding:16px}.owned-pack-card>img{width:190px;height:190px;object-fit:contain}.owned-pack-card .btn{margin-top:10px}.pack-count{position:absolute;right:15px;top:15px;z-index:2;background:var(--red);color:#fff;border-radius:99px;padding:7px 11px;font-weight:1000;font-size:18px;box-shadow:0 5px 20px #0008}.pack-bonus{color:var(--gold)!important;font-weight:900}.empty-packs{text-align:center;border:2px dashed #ffffff22;border-radius:18px;padding:60px 20px;color:var(--muted)}.empty-packs span{font-size:60px}.duplicate-values{margin-top:18px;border:1px solid #ffffff1c;border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.duplicate-values>b{margin-right:auto}.duplicate-values .rarity{background:#11131a;padding:6px 8px;border-radius:7px}.purchase-modal{text-align:center}.purchase-modal>img{height:240px;width:100%;object-fit:contain;margin-top:-20px}.purchase-modal .result-actions{display:flex;justify-content:center;gap:9px}.pack-opening{text-align:center;max-width:1050px;margin:auto}.opening-pack-image{height:165px;max-width:220px;object-fit:contain}.pack-opening h2{font-size:40px;margin:3px 0 20px}.opened-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.opened-card{position:relative;overflow:hidden;min-height:385px;border:2px solid #ffffff35;border-radius:20px;background:linear-gradient(145deg,#342c35,#171922);padding:14px;display:flex;flex-direction:column;align-items:center}.opened-card.duplicate{filter:grayscale(.86);border-color:#888;opacity:.78}.opened-art{position:relative;display:block;width:100%;height:205px}.opened-art .portrait{max-height:205px}.opened-card h3{font-size:20px;margin:7px 0 3px}.opened-card p{color:var(--muted);margin:0}.opened-numbers{font-weight:900;color:var(--gold);margin:7px}.new-label,.duplicate-label{margin:auto 0 9px;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:1000;letter-spacing:1px}.new-label{background:#116845;color:#b9ffdc}.duplicate-label{background:#171717;color:#fff}.duplicate-label b{color:var(--gold);font-size:15px}.opening-summary{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:13px 0}.opening-summary span{border:1px solid #ffffff20;background:#1a1c24;border-radius:10px;padding:10px 13px}.opening-summary b{color:var(--gold)}
@media(max-width:850px){.shop-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-hero>img{width:95px;height:95px}.opened-card{min-height:330px}.opened-art{height:160px}.opened-art .portrait{max-height:160px}}
@media(max-width:570px){.shop-hero{flex-wrap:wrap;padding:14px}.shop-hero>img{width:75px;height:75px}.shop-hero h2{font-size:28px}.shop-wallet{width:100%;justify-content:end;border-top:1px solid #ffffff1c;padding-top:10px}.shop-tabs{display:grid;grid-template-columns:1fr 1fr}.shop-tabs button{padding:10px 5px}.shop-pack-grid{grid-template-columns:1fr}.shop-pack-card>img{height:190px}.owned-pack-card{grid-template-columns:105px 1fr;padding:10px}.owned-pack-card>img{width:100px;height:135px}.owned-pack-card h3{font-size:16px}.pack-count{font-size:14px}.duplicate-values{align-items:flex-start}.duplicate-values>b{width:100%}.opened-grid{grid-template-columns:1fr}.opened-card{min-height:350px}.opened-art{height:190px}.opened-art .portrait{max-height:190px}.pack-opening h2{font-size:30px}}

/* 7. fázis: 8 csapatos, oda-visszavágós bajnokság */
.league-welcome,.season-complete{max-width:680px;margin:55px auto;text-align:center;border:1px solid #ffffff24;border-radius:25px;padding:42px 24px;background:linear-gradient(145deg,#292631,#151720)}.league-welcome>span,.season-complete>span{font-size:68px}.league-welcome h2,.season-complete h2{font-size:clamp(31px,6vw,48px);margin:5px}.league-welcome>p:not(.eyebrow),.season-complete>p:not(.eyebrow){color:var(--muted);line-height:1.6}.league-rules{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px}.league-rules span{background:#11131a;border:1px solid #ffffff20;border-radius:10px;padding:9px 12px}.league-center{max-width:1050px;margin:auto}.league-tabs{display:flex;gap:8px;margin-bottom:18px}.league-tabs button{border:1px solid #ffffff22;background:#1b1d25;color:var(--muted);border-radius:11px;padding:11px 18px;font-weight:900}.league-tabs button.active{color:#18191e;background:var(--gold);border-color:var(--gold)}.league-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.league-progress>div{border:1px solid #ffffff20;border-radius:13px;background:#191b23;padding:15px;text-align:center}.league-progress small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px}.league-progress b{display:block;color:var(--gold);font-size:26px;margin-top:4px}.next-fixture{border:1px solid #ffffff22;border-radius:20px;background:linear-gradient(135deg,#272832,#181a22);padding:24px;text-align:center;margin:14px 0}.next-fixture>div{display:grid;grid-template-columns:70px 1fr auto 1fr 70px;align-items:center;gap:13px;margin:16px auto;max-width:740px}.next-fixture strong{font-size:18px}.next-fixture>div>span{color:var(--red);font-weight:1000;font-size:22px}.next-fixture>p:not(.eyebrow){color:var(--muted)}.league-logo{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 6px 12px #0008)}.reward-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border:1px solid #ffffff20;border-radius:17px;padding:14px;background:#171920}.reward-preview h3{grid-column:1/-1;margin:3px}.reward-preview span{display:flex;flex-direction:column;border-radius:9px;background:#23252e;padding:10px;color:var(--muted);font-size:11px}.reward-preview b{color:#fff;font-size:13px;margin-bottom:3px}.league-table-wrap{overflow-x:auto;border:1px solid #ffffff20;border-radius:15px}.league-table{border-collapse:collapse;width:100%;min-width:720px;background:#181a22}.league-table th,.league-table td{border-bottom:1px solid #ffffff14;padding:11px 9px;text-align:center}.league-table th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.league-table th:nth-child(2),.league-table td:nth-child(2){text-align:left}.league-table td:nth-child(2){display:flex;align-items:center;gap:8px}.league-table tr.my-club{background:#f4c45e16}.league-table tr.my-club td:first-child,.league-table tr.my-club td:last-child{color:var(--gold)}.table-logo{width:30px;height:30px;object-fit:contain}.league-rounds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.league-round{border:1px solid #ffffff20;border-radius:14px;background:#181a22;padding:13px}.league-round.current{border-color:var(--gold)}.league-round h3{margin:0 0 9px;color:var(--gold)}.fixture{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;gap:6px;padding:8px 5px;border-top:1px solid #ffffff12;font-size:12px}.fixture span:first-child{text-align:right}.fixture b{text-align:center;color:var(--gold)}.fixture.mine{background:#ffffff08;font-weight:900}.season-prize{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px}.season-prize b{border-radius:10px;background:#342c1d;border:1px solid #f4c45e55;color:var(--gold);padding:12px 15px}.season-reward-line{background:#f4c45e18!important}.season-reward-line span,.season-reward-line b{color:var(--gold)!important}
@media(max-width:700px){.league-progress{grid-template-columns:repeat(2,1fr)}.next-fixture>div{grid-template-columns:44px 1fr auto 1fr 44px;gap:5px}.league-logo{width:44px;height:44px}.next-fixture strong{font-size:12px}.reward-preview{grid-template-columns:repeat(2,1fr)}.league-rounds{grid-template-columns:1fr}.league-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.league-tabs button{padding:10px 4px}.league-welcome,.season-complete{margin-top:15px;padding:28px 15px}}

/* Keretszerkesztő javítás: közvetlen csere a padról és külön adatlapgomb. */
.squad-candidate{padding:0;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:0;align-items:stretch}.squad-candidate.selected{border-color:var(--gold);outline:2px solid var(--gold)}.squad-candidate-main{min-width:0;border:0;background:transparent;color:#fff;padding:7px;display:flex;align-items:center;gap:9px;text-align:left}.squad-candidate-main>.player-art{width:60px;height:60px;flex:0 0 60px}.squad-candidate-main>span:last-child{display:flex;min-width:0;flex-direction:column}.squad-candidate-main b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-candidate-main small{color:var(--muted);font-size:9px}.squad-info{border:0;border-left:1px solid #ffffff1c;background:#302b30;color:var(--gold);padding:8px;font-size:11px;font-weight:900}.squad-info:hover{background:#5b3e2d;color:#fff}.formation-slot.swap-target{outline:3px solid var(--gold);box-shadow:0 0 20px #f4c45e88;animation:swap-pulse 1.2s ease-in-out infinite}.bench-swap-help .btn{margin-top:12px}@keyframes swap-pulse{50%{outline-color:#fff1a6;box-shadow:0 0 28px #f4c45ebb}}
@media(max-width:520px){.squad-candidate-main>.player-art{width:52px;height:56px;flex-basis:52px}.squad-info{padding:6px;font-size:10px}}

/* Plusz lépés: jutalommentes tutorial az Alap FC ellen. */
.training-launch{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #67b8ff55;background:linear-gradient(135deg,#172a3b,#171920);border-radius:17px;padding:16px 20px;margin-top:12px}.training-launch>div{display:flex;align-items:center;gap:12px}.training-launch>div>span{font-size:31px}.training-launch b{display:block;font-size:16px}.training-launch small{display:block;color:var(--muted);margin-top:3px}.training-launch .btn{flex:0 0 auto}
@media(max-width:570px){.training-launch{align-items:stretch;flex-direction:column}.training-launch .btn{width:100%}}

/* Fix DEF–MID–ATT–FLEX pad és gyűjteménycsere. */
.bench-slot{position:relative;overflow:hidden;border:1px solid #ffffff25;border-radius:14px;background:#242630;display:flex;flex-direction:column}.bench-slot.editing,.bench-slot.selected{border-color:var(--gold);outline:2px solid var(--gold)}.bench-role{position:absolute;z-index:2;left:6px;top:6px;border-radius:7px;background:#111d;color:var(--gold);font-size:9px;font-weight:1000;padding:4px 6px}.bench-slot-main{border:0;background:transparent;color:#fff;padding:9px;display:flex;align-items:center;gap:8px;text-align:left}.bench-slot-main>.player-art{width:58px;height:64px;flex:0 0 58px}.bench-slot-main>span:last-child{display:flex;min-width:0;flex-direction:column}.bench-slot-main b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bench-slot-main small{font-size:9px;color:var(--muted)}.bench-slot-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff1c}.bench-slot-actions button{border:0;background:#302f39;color:#ddd;padding:7px 3px;font-size:9px;font-weight:900}.bench-slot-actions button+button{border-left:1px solid #ffffff1c;color:var(--gold)}.bench-slot-actions button:hover{background:#514131;color:#fff}

/* 8 és 4 csapatos, mentett egyenes kieséses kupák. */
.cups-center{max-width:1180px;margin:auto}.cup-panels{display:grid;gap:20px}.cup-card{border:1px solid #ffffff22;border-radius:20px;background:linear-gradient(145deg,#242733,#15171e);padding:30px;text-align:center}.cup-card>span{font-size:54px}.cup-card h2{margin:8px 0}.cup-card p{color:var(--muted)}.cup-card>b{display:block;color:var(--gold);margin:16px}.cup-card .btn{min-width:250px}.cup-master{background:linear-gradient(145deg,#332718,#171719);border-color:#f4c45e55}.cup-active{border:1px solid #ffffff25;border-radius:20px;background:#15171e;padding:20px;overflow:hidden}.cup-active-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.cup-active-head h2{margin:3px 0}.cup-active-head p{margin:3px 0;color:var(--muted)}.cup-bracket{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:18px;overflow-x:auto;padding:6px 2px 15px}.cup-round{display:flex;flex-direction:column;justify-content:space-around;gap:13px;min-width:220px}.cup-round h3{text-align:center;color:var(--gold);margin:0 0 5px}.cup-fixture{border:1px solid #ffffff20;border-radius:13px;background:#22252d;padding:8px}.cup-fixture.mine{border-color:var(--gold);box-shadow:0 0 15px #f4c45e25}.cup-fixture>div{display:grid;grid-template-columns:30px 1fr 25px;align-items:center;gap:7px;padding:5px;border-radius:8px;color:var(--muted);font-size:11px}.cup-fixture>div.winner{background:#5a482a;color:#fff;font-weight:1000}.cup-fixture>div b{text-align:right;color:#fff}.cup-fixture>small{display:block;text-align:center;color:#7fd4ff;border-top:1px solid #ffffff17;margin-top:5px;padding-top:6px}.cup-team-logo{width:28px;height:28px;object-fit:contain}.cup-team-placeholder{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff12}.special-cups{width:100%;margin-top:20px;border:1px dashed #ffffff38;border-radius:18px;background:#1d1f27;color:#fff;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;text-align:left}.special-cups>span{font-size:35px}.special-cups b,.special-cups small{display:block}.special-cups small{color:var(--muted);margin-top:4px}.special-cups>strong{color:var(--gold);font-size:11px}.cup-result-message{border:1px solid #67b8ff55;background:#162b3b;border-radius:14px;padding:14px;margin:12px 0;text-align:left}.cup-result-message h3{margin:0 0 7px;color:#7fd4ff}.cup-result-message p{margin:0;line-height:1.45}.cup-result-message.complete{border-color:#f4c45e88;background:#342b19}.cup-result-message.complete h3{color:var(--gold)}.cup-result-message.eliminated{border-color:#ff6b7355;background:#351d22}.cup-result-message.eliminated h3{color:#ff8990}.penalty-result{margin-top:9px!important;color:#fff}.reward-modal{max-height:92vh;overflow-y:auto}
@media(max-width:700px){.cup-active-head{align-items:stretch;flex-direction:column}.cup-active-head .btn{width:100%}.cup-bracket{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr;overflow:visible}.cup-round{min-width:0}.special-cups{grid-template-columns:auto 1fr}.special-cups>strong{grid-column:1/-1;text-align:center}.cup-card{padding:23px 14px}.cup-card .btn{min-width:0;width:100%}}

/* Tartós, játékmódonkénti karrierstatisztikák. */
.detailed-stats{max-width:1180px;margin:auto}.mode-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-stat,.stat-section{border:1px solid #ffffff20;border-radius:17px;background:#181a22;padding:16px}.mode-stat h3,.stat-section h2{margin:0 0 12px;color:var(--gold)}.mode-stat>div,.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode-stat>div>div,.stat-grid>div{border-radius:10px;background:#242731;padding:10px;display:flex;flex-direction:column;gap:3px}.mode-stat small,.stat-grid small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.mode-stat b,.stat-grid b{font-size:20px}.stat-section{margin-top:14px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.mode-stats{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-stat>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Napi, heti és karrierfeladatok. */
.objective-group{margin:24px 0;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(8,18,31,.72)}
.objective-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.objective-heading h2{margin:0}.objective-heading span{color:#9fb0c5;font-size:.85rem}
.objective-list{display:grid;gap:12px}.objective-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:16px;border-radius:14px;background:#101f31;border:1px solid #29405b}.objective-card.complete{border-color:#d8ad42;box-shadow:0 0 18px rgba(216,173,66,.12)}.objective-card.claimed{opacity:.66}.objective-copy h3{margin:5px 0}.objective-copy p{margin:0 0 10px;color:#bdc8d6}.objective-status{font-size:.72rem;letter-spacing:.08em;color:#e8c76e}.objective-progress{height:9px;overflow:hidden;border-radius:99px;background:#06101c}.objective-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d79f29,#ffe092)}.objective-copy small{display:block;margin-top:5px;color:#aebccc}.objective-prize{min-width:180px;text-align:right}.objective-prize b,.objective-prize span{display:block;margin-bottom:9px}
@media(max-width:700px){.objective-card{grid-template-columns:1fr}.objective-prize{text-align:left;min-width:0}.objective-heading{align-items:flex-start;flex-direction:column}}

/* Hivatalos tallérgrafika – v0.6.1 béta. */
.taller-icon{display:inline-block;width:1.35em;height:1.35em;object-fit:contain;vertical-align:-.28em;filter:drop-shadow(0 1px 2px #0008)}
.wallet .taller-icon,.shop-wallet .taller-icon{width:42px;height:42px;vertical-align:middle}.wallet>span:has(.taller-icon){display:flex;align-items:center;justify-content:center}
.pack-buy .taller-icon,.duplicate-values .taller-icon,.reward-breakdown .taller-icon{width:1.45em;height:1.45em}

/* v0.6.3: a tervezett lapok látható hátlapjai. */
.slot.planned-card{position:relative;overflow:hidden;padding:0;border:1px solid #f4c45eaa;background:#120b0d;box-shadow:0 0 13px #ee364255;cursor:pointer;isolation:isolate}.slot.planned-card:hover{border-color:#fff1ad;transform:translateY(-1px)}.slot.planned-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(.74)}.slot.planned-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#090509e8 100%);z-index:-1}.slot.planned-card span{position:absolute;left:4px;top:4px;padding:3px 5px;border-radius:5px;background:#09090ddd;color:var(--gold);font-size:7px;font-weight:1000;letter-spacing:.6px}.slot.planned-card small{position:absolute;left:3px;right:3px;bottom:3px;color:#fff;font-size:7px;font-weight:900;text-shadow:0 1px 3px #000}.slot.planned-card:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* v0.6.3: mentés export, import és importálás előtti biztonsági másolat. */
.save-manager{max-width:1000px;margin:auto}.save-transfer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.save-transfer-grid article{display:flex;flex-direction:column;min-height:300px;border:1px solid #ffffff22;border-radius:18px;background:linear-gradient(145deg,#262934,#15171e);padding:22px}.save-transfer-grid article>span{font-size:44px}.save-transfer-grid h3{margin:10px 0 5px;font-size:20px}.save-transfer-grid p{color:var(--muted);line-height:1.55;flex:1}.save-transfer-grid p b{color:#fff}.save-transfer-grid .btn{width:100%}.save-note{margin-top:15px;border:1px solid #f4c45e55;background:#352b18;border-radius:13px;padding:14px;color:#ead9ad;line-height:1.5}.save-note b{color:var(--gold)}
@media(max-width:760px){.save-transfer-grid{grid-template-columns:1fr}.save-transfer-grid article{min-height:0}.slot.planned-card span{font-size:6px;padding:2px 3px}.slot.planned-card small{font-size:6px}}
.halftime-report-list{display:grid;gap:10px;margin:18px 0}.halftime-report-entry{border:1px solid #ffffff24;border-radius:14px;background:#1d1f29;padding:14px}.halftime-report-entry.player{border-color:#f4c45e88;background:linear-gradient(135deg,#3d3020,#1d1f29)}.halftime-report-entry.ai{border-color:#6f91ca88;background:linear-gradient(135deg,#202c42,#1d1f29)}.halftime-report-entry span{font-size:10px;font-weight:1000;letter-spacing:1.4px;color:var(--muted)}.halftime-report-entry h3{margin:4px 0 3px;color:var(--gold)}.halftime-report-entry p{margin:0}.halftime-continue{width:100%;margin-top:4px}
.rarity-special{color:#ffd76a!important;background:linear-gradient(90deg,#0a0a0d,#4a3410,#0a0a0d);border:1px solid #e8bd4c!important;border-radius:999px;padding:4px 8px;letter-spacing:1px;text-shadow:0 0 8px #f7c94899}.special-card{border-color:#e8bd4c!important;background:radial-gradient(circle at 50% 10%,#624817 0%,#17130b 38%,#070709 100%)!important;box-shadow:0 0 0 1px #ffe79455 inset,0 0 22px #e8bd4c35}.special-card .club-watermark{filter:sepia(1) saturate(1.5)}.easter-modal{max-height:94vh;overflow:auto;text-align:center}.easter-modal>p{max-width:760px;margin:10px auto}.easter-modal blockquote{margin:18px 0;padding:16px;border-left:4px solid var(--gold);background:#0005;color:#ffe7a3;font-weight:900}.easter-rewards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0}.easter-rewards>div{background:#0c0d12;border:1px solid #ffffff22;border-radius:13px;padding:14px}.easter-rewards span,.easter-rewards b{display:block}.easter-rewards span{color:var(--muted);font-size:11px}.easter-rewards b{color:var(--gold);font-size:17px;margin-top:5px}.stadium-riot{border-color:#e94b3c;background:radial-gradient(circle at top,#5d1d17,#181219 55%,#090a0e)}.vajda-son{border-color:#e8bd4c;background:radial-gradient(circle at top,#5c4211,#17130d 52%,#08090d)}.special-reward-card{max-width:310px;margin:18px auto;border:2px solid #e8bd4c;border-radius:18px;padding:14px;background:radial-gradient(circle at top,#624817,#09090b 65%);box-shadow:0 0 30px #e8bd4c55}.special-reward-card .opened-art{height:260px}.special-reward-card h3{font-size:24px;margin:8px 0 0}.special-reward-card p{margin:5px 0}.special-reward-card strong{display:block;color:#ffd76a;margin-top:8px}

/* Rotating objectives, named zone events and league club profiles. */
.zone-event-name{margin-top:7px;color:var(--gold);font-size:12px;font-weight:1000;line-height:1.2;text-transform:uppercase;letter-spacing:.45px}.zone-event-name+.zone-rules{margin-top:4px}
.league-team-link{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;padding:4px 2px;text-align:left;border-radius:9px}.league-team-link:hover,.league-team-link:focus-visible{background:#ffffff10;outline:1px solid #f4c45e66}.league-team-link b{flex:1}.league-team-link>span{color:var(--gold);font-weight:900}.team-detail-modal{text-align:center;max-width:650px}.team-detail-logo{display:block;width:min(220px,55vw);height:220px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 14px 25px #0009)}.team-detail-modal h2{margin:4px 0 14px}.team-detail-modal>p:not(.eyebrow){text-align:left;color:#dedee7;line-height:1.7}.team-detail-modal>.btn{margin-top:10px}.team-detail-overlay{z-index:30}
@media(max-width:720px){.zone-event-name{font-size:10px}.team-detail-logo{height:160px}.league-team-link{min-width:150px}}

/* v0.6.6: main-menu tutorial video. */
.home-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.tutorial-launch{border:1px solid #f4c45e88;border-radius:999px;background:linear-gradient(135deg,#5b1b26,#bd2635);color:#fff;padding:9px 14px;font-weight:1000;box-shadow:0 6px 20px #0005;white-space:nowrap}.tutorial-launch:hover,.tutorial-launch:focus-visible{border-color:#ffe59a;transform:translateY(-1px);outline:none}.tutorial-overlay{z-index:40}.tutorial-modal{width:min(980px,96vw);max-height:94vh;overflow:auto}.tutorial-modal h2{margin:3px 0 16px}.tutorial-video{display:block;width:100%;max-height:72vh;border-radius:14px;background:#000;border:1px solid #ffffff24;box-shadow:0 14px 40px #0008}.tutorial-modal>.hint{margin:12px 0 0;text-align:center}
@media(max-width:720px){.home-header-actions{gap:5px}.home-header-actions .tag{display:none}.tutorial-launch{padding:8px 10px;font-size:11px}.tutorial-modal{width:100%;padding:14px}.tutorial-modal h2{font-size:20px}.tutorial-video{max-height:68vh}}

/* v0.6.7: mérkőzésen belüli sérülésrendszer. */
.slot.filled.injured{position:relative;border-color:#ff4b55;box-shadow:0 0 0 1px #ff4b5566 inset,0 0 16px #ff273955}.injury-cross{position:absolute;right:4px;top:4px;z-index:5;display:grid;place-items:center;width:23px;height:23px;border:2px solid #fff;border-radius:50%;background:#d7192d;color:#fff;font-size:16px;font-weight:1000;line-height:1;box-shadow:0 2px 9px #000,0 0 12px #ff263f;animation:injuryPulse 1.35s ease-in-out infinite}.injury-detail{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:11px 12px;border:1px solid #ff526088;border-radius:11px;background:#4a111a}.injury-detail b{color:#ff9ca4;font-size:14px}.injury-detail span{color:#ffe2e4;font-size:11px;line-height:1.45}.injury-overlay{z-index:45}.injury-modal{width:min(680px,100%);max-height:94vh;overflow:auto;text-align:center;border-color:#ff4b55;background:radial-gradient(circle at top,#671927,#22151b 48%,#101117);box-shadow:0 30px 120px #000c,0 0 45px #e5223855}.injury-modal h2{color:#ff8290;margin:4px 0 16px}.injury-modal h3{font-size:21px;line-height:1.4;margin:0 0 13px}.injury-modal>p:not(.eyebrow):not(.mini){color:#f2d9dc;font-size:15px}.injury-result{margin:20px 0;padding:16px;border:1px solid #ff667388;border-radius:14px;background:#090a0ecc;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;text-align:left}.injury-result span{font-weight:1000;font-size:17px}.injury-result b{color:#fff;font-size:22px}.injury-result strong{grid-column:1/-1;text-align:center;color:#ff5d6c;font-size:30px;letter-spacing:1px}.injury-continue{width:100%;margin-top:8px}.injury-modal .mini{line-height:1.5}.carddetail .pwr{color:var(--gold)}.slot.filled.injured .carddetail .pwr{color:#ff8791}@keyframes injuryPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@media(max-width:720px){.injury-cross{width:18px;height:18px;font-size:12px;right:2px;top:2px;border-width:1px}.injury-modal{padding:17px}.injury-modal h2{font-size:22px}.injury-modal h3{font-size:17px}.injury-result{grid-template-columns:1fr;text-align:center}.injury-result strong{grid-column:auto}.injury-result b{font-size:19px}}

/* Rejtett gyűjteményi lapok: a tartalom csak megszerzés után fedhető fel. */
.collection-card.locked-cardback{cursor:default;opacity:1;background:linear-gradient(145deg,#232630,#111218);border-color:#ffffff24}.collection-card.locked-cardback:hover{transform:none;border-color:#ffffff24}.collection-secret-art{display:grid;place-items:center;background:#090a0f!important;overflow:hidden}.collection-secret-art .collection-player-art{width:100%;height:100%;object-fit:cover;filter:none!important;opacity:1!important}.collection-card.locked-cardback>b{color:#d7d8df}.collection-card.locked-cardback small,.collection-card.locked-cardback>span:last-child{color:#858894}