:root{--page-bg: #07141e;--panel-bg: rgba(8, 17, 26, .78);--panel-border: rgba(255, 255, 255, .08);--panel-shadow: 0 24px 60px rgba(1, 8, 14, .45);--text-strong: #f5fbff;--text-soft: rgba(235, 247, 255, .72);--accent: #ffd166;--accent-strong: #ffc145;--accent-soft: rgba(255, 209, 102, .14);--field-bg: rgba(255, 255, 255, .06);--field-border: rgba(255, 255, 255, .12);--surface-radius: 36px;--font-display: "Avenir Next Condensed", "Trebuchet MS", sans-serif;--font-body: "Avenir Next", "Segoe UI", sans-serif;--lineup-card-width: 138px;--pitch-card-width: var(--lineup-card-width);--bench-card-width: var(--lineup-card-width);--lineup-card-height: 186px;--bench-rail-width: 294px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-strong);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(33,125,255,.18),transparent 32%),radial-gradient(circle at bottom right,rgba(255,196,69,.18),transparent 28%),linear-gradient(160deg,#061118,#0c1e2d 48%,#081117)}button,input,select{font:inherit}button{appearance:none}input[type=file]{color:var(--text-soft)}.app-shell{width:min(100%,1480px);min-height:100vh;display:grid;grid-template-columns:minmax(300px,350px) minmax(0,1fr);gap:18px;padding:24px;margin:0 auto}.control-panel,.workspace{min-height:0}.control-panel{display:flex;flex-direction:column;gap:18px;padding:22px;border-radius:30px;background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--panel-shadow)}.brand-card{padding:4px 4px 2px}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--accent)}.brand-card h1,.workspace-header h2,.bench-title,.player-modal h3{margin:0;font-family:var(--font-display);letter-spacing:.02em}.brand-card h1,.workspace-header h2{font-size:clamp(2rem,3vw,3.4rem);line-height:.95}.bench-title,.player-modal h3{font-size:2rem;line-height:1}.intro-copy{margin:14px 0 0;line-height:1.55;color:var(--text-soft)}.panel-section,.pitch-stage,.bench-stage{padding:18px;border-radius:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.ad-panel{padding:14px}.adsense-inline-container{display:grid;gap:10px}.adsense-label{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;color:var(--text-soft)}.adsense-inline-unit{width:100%;min-height:120px;border-radius:14px;background:#ffffff08}.summary-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-pill{padding:14px 12px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.summary-pill strong{display:block;font-size:1rem}.summary-pill span{display:block;margin-top:4px;color:var(--text-soft);font-size:.78rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading h2,.section-heading h3{margin:0;font-size:1rem;letter-spacing:.03em}.section-note,.formation-state{color:var(--text-soft);font-size:.83rem}.formation-state.custom{color:var(--accent)}.field-label{display:block;margin-bottom:8px;color:var(--text-soft);font-size:.86rem}.toggle-field{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--text-soft);font-size:.88rem}.toggle-field input{width:16px;height:16px}.formation-row,.action-row,.match-form,.crest-grid,.profile-editor,.two-column-grid,.modal-actions{display:grid;gap:12px}.formation-row{grid-template-columns:minmax(0,1fr) auto}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.custom-formation-block{margin-top:14px}.match-form{grid-template-columns:1fr}.crest-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.crest-card{display:grid;gap:12px;padding:14px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.crest-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.crest-copy{display:grid;gap:4px;min-width:0}.crest-title{color:var(--text-strong);font-size:.96rem;font-weight:700}.crest-subtitle{color:var(--text-soft);font-size:.8rem}.crest-preview,.match-banner-crest{background-size:cover;background-position:center;display:grid;place-items:center;color:#fff;font-weight:800}.crest-preview{width:64px;height:64px;border-radius:20px;flex:0 0 auto}.crest-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.select-field,.text-field{width:100%;border:1px solid var(--field-border);background:var(--field-bg);color:var(--text-strong);padding:13px 14px;border-radius:16px;outline:none;transition:border-color .14s ease,transform .14s ease,background .14s ease}.select-field:focus,.text-field:focus{border-color:#79f2c0a6;background:#ffffff17}.primary-button,.secondary-button,.ghost-button,.formation-chip,.theme-tile,.bench-card-main,.close-button,.pitch-player{border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.primary-button,.secondary-button,.ghost-button{padding:12px 14px;border-radius:16px;color:var(--text-strong)}.compact-button{padding:10px 12px;font-size:.88rem}.primary-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#162230;font-weight:700;box-shadow:0 14px 24px #ffc14538}.secondary-button{background:linear-gradient(135deg,#79f2c02e,#79f2c014);border:1px solid rgba(121,242,192,.24)}.ghost-button,.close-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.danger-button{border-color:#ff7e7e33;color:#ffd7d7}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.formation-chip:hover,.theme-tile:hover,.bench-card-main:hover,.close-button:hover{transform:translateY(-1px)}.full-width{width:100%}.formation-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.formation-chip{padding:9px 14px;border-radius:999px;background:#ffffff0f;color:var(--text-strong);border:1px solid transparent}.formation-chip.active{background:var(--accent-soft);border-color:#ffd16657;color:#fff8e3}.theme-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-tile{text-align:left;padding:10px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-strong)}.theme-tile.active{border-color:#79f2c066;box-shadow:inset 0 0 0 1px #79f2c038}.theme-preview{height:76px;border-radius:14px;background-size:cover;background-position:center;margin-bottom:10px;box-shadow:inset 0 0 0 1px #ffffff0f}.theme-name{display:block;font-weight:700;color:var(--text-strong)}.theme-meta{display:block;margin-top:4px;color:var(--text-soft);font-size:.8rem}.upload-field{display:inline-flex;flex-direction:column;gap:8px;color:var(--text-soft);font-size:.86rem}.upload-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#79f2c02e,#79f2c014);border:1px solid rgba(121,242,192,.24);color:var(--text-strong);cursor:pointer;text-align:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.upload-button:hover{transform:translateY(-1px)}.visually-hidden-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-field-inline{margin-top:14px}.workspace{display:flex;flex-direction:column;gap:20px;min-width:0}.export-board{width:100%;align-self:stretch;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:30px;background:radial-gradient(circle at top left,rgba(59,138,255,.12),transparent 26%),radial-gradient(circle at bottom right,rgba(255,208,105,.12),transparent 22%),linear-gradient(160deg,#07121beb,#0a1824f5);border:1px solid rgba(255,255,255,.06);box-shadow:var(--panel-shadow)}.export-board.export-capturing [data-export-ignore=true]{display:none!important}.export-board.export-capturing .bench-heading{margin-bottom:0}.export-board.export-capturing .bench-heading .section-note{display:none}.match-banner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;border-radius:26px;background:linear-gradient(135deg,#ffffff0a,#ffffff05),#ffffff08;border:1px solid rgba(255,255,255,.07)}.match-banner-side{display:flex;align-items:center;gap:14px;min-width:0}.match-banner-side-opponent{justify-content:flex-end;text-align:right}.match-banner-crest{width:76px;height:76px;border-radius:22px;flex:0 0 auto;font-size:1.2rem}.match-banner-crest.has-crest{padding:6px;background-size:contain;background-repeat:no-repeat;background-origin:content-box}.match-banner-copy{display:grid;gap:4px;min-width:0}.match-banner-label{color:var(--text-soft);font-size:.74rem;text-transform:uppercase;letter-spacing:.14em}.match-banner-name{display:block;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-banner-center{display:grid;justify-items:center;gap:8px}.match-vs{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#162230;font-weight:800;letter-spacing:.08em}.workspace-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:6px 4px 0}.match-title{margin:12px 0 0;color:var(--text-soft);font-size:1.02rem;letter-spacing:.04em;text-transform:uppercase}.workspace-header-actions{display:flex;align-items:center;justify-content:flex-end}.mobile-panel-header,.mobile-workspace-bar,.mobile-menu-backdrop{display:none}.export-feedback{color:var(--text-soft);font-size:.88rem}.export-actions{display:flex;align-items:center;gap:12px}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.7;cursor:progress;transform:none}.board-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:18px;align-items:start}.pitch-stage,.bench-stage{min-height:0;box-shadow:var(--panel-shadow)}.pitch-stage{display:flex;flex-direction:column;padding:14px}.pitch-frame{display:flex;justify-content:center;padding:0}.pitch-surface{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--surface-radius);background-image:linear-gradient(180deg,#0710161f,#07101647),var(--pitch-image);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -30px 50px #0000002e;touch-action:none}.pitch-formation-badge{position:absolute;top:18px;right:18px;z-index:2;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 36px);min-height:42px;padding:10px 16px;border-radius:999px;background:#08111ab8;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-strong);font-size:.84rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pitch-surface:before{content:none;position:absolute;inset:16px;z-index:1;border-radius:calc(var(--surface-radius) - 12px);border:2px solid rgba(255,255,255,.36);pointer-events:none}.pitch-surface:after{content:none;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.03) 14.2%,transparent 14.2%,transparent 28.4%,rgba(255,255,255,.03) 28.4%,rgba(255,255,255,.03) 42.6%,transparent 42.6%,transparent 56.8%,rgba(255,255,255,.03) 56.8%,rgba(255,255,255,.03) 71%,transparent 71%,transparent 85.2%,rgba(255,255,255,.03) 85.2%,rgba(255,255,255,.03) 100%);pointer-events:none}.pitch-markings{display:none}.pitch-halfway-line{position:absolute;left:0;right:0;top:50%;height:2px;background:#ffffff5c;transform:translateY(-1px)}.pitch-centre-circle{position:absolute;top:50%;left:50%;width:20%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.36);transform:translate(-50%,-50%)}.pitch-centre-spot,.pitch-spot{position:absolute;left:50%;width:8px;height:8px;border-radius:50%;background:#ffffff70;transform:translate(-50%)}.pitch-centre-spot{top:calc(50% - 4px)}.pitch-penalty-box,.pitch-goal-box{position:absolute;left:50%;transform:translate(-50%);border:2px solid rgba(255,255,255,.36)}.pitch-penalty-box{width:46%;height:17%}.pitch-goal-box{width:22%;height:7%}.pitch-penalty-box-top,.pitch-goal-box-top{top:0;border-top:none}.pitch-penalty-box-bottom,.pitch-goal-box-bottom{bottom:0;border-bottom:none}.pitch-spot-top{top:12%}.pitch-spot-bottom{bottom:12%}.pitch-arc{position:absolute;left:50%;width:16%;height:8%;border:2px solid rgba(255,255,255,.36);transform:translate(-50%)}.pitch-arc-top{top:17%;border-top:none;border-radius:0 0 50% 50%/0 0 100% 100%}.pitch-arc-bottom{bottom:17%;border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0}.player-avatar,.profile-preview,.player-picture-image{background-size:cover;background-position:center}.player-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.pitch-player,.bench-card-main{--fut-gold: #e9cc74;--fut-text: var(--fut-gold);--fut-divider: rgba(233, 204, 116, .12);--fut-font: "Saira Extra Condensed", "Saira Semi Condensed", sans-serif;--fut-placeholder-bg: radial-gradient( circle at 30% 20%, rgba(255, 255, 255, .16), transparent 44% ), linear-gradient(135deg, rgba(65, 79, 96, .96), rgba(20, 28, 41, .96));--fut-placeholder-icon: rgba(255, 244, 209, .92);--fut-card-bg: url(/assets/cards/black_background_fut.png);position:relative;z-index:1;display:block;width:100%;aspect-ratio:300 / 485;padding:0;border:none;border-radius:0;background:none;box-shadow:none;color:var(--text-strong);cursor:grab;-webkit-user-select:none;user-select:none;isolation:isolate}.pitch-player.card-condensed,.bench-card-main.card-condensed{aspect-ratio:300 / 430}.pitch-player{position:absolute;z-index:2;width:var(--pitch-card-width);transform:translate(-50%,-50%)}.pitch-player:active,.bench-card-main:active{cursor:grabbing}.pitch-player.active{box-shadow:0 0 0 3px #ffd1662e,0 18px 30px #010a123d;border-radius:18px}.pitch-player.drop-target{box-shadow:0 0 0 3px #79f2c038,0 18px 30px #010a123d;border-radius:18px}.dragging{z-index:10;transform:translate(-50%,-50%) scale(1.02)}.fut-player-card{position:relative;width:100%;height:100%;padding:12.5% 0 11.5%;background-image:var(--fut-card-bg);background-position:center center;background-size:100% 100%;background-repeat:no-repeat;transition:.2s ease-in;display:flex;justify-content:center;flex-direction:column}.fut-player-card.condensed{padding-top:10.5%;padding-bottom:8.5%}.player-card-top{position:relative;display:flex;color:var(--fut-text);padding:0 8%;z-index:2}.player-master-info{position:absolute;z-index:99;left:8%;line-height:1.5rem;font-family:var(--fut-font);font-weight:600;padding:10% 0;text-transform:uppercase;letter-spacing:.03em}.player-rating{font-size:1.5rem;font-weight:800}.player-position{font-size:1.25rem;font-weight:700;letter-spacing:.06em}.player-nation{display:block}.player-nation{width:1.7rem;height:1.1rem;margin:.2rem 0 .1rem}.player-nation img{width:100%;height:100%;object-fit:contain}.player-nation-empty{display:grid;place-items:center;width:100%;height:100%;font-size:.72rem;font-weight:700;letter-spacing:.04em}.player-picture{position:relative;width:85%}.player-picture-image{width:100%;aspect-ratio:1;border-radius:0;overflow:hidden;transform:translate(10%);position:relative;display:grid;place-items:end center;-webkit-mask-image:radial-gradient(circle,black,black 65%,transparent 85%);mask-image:radial-gradient(circle,black,black 65%,transparent 85%)}.player-picture-image.no-photo{background:var(--fut-placeholder-bg)}.player-photo-placeholder{width:92%;max-width:none;color:var(--fut-placeholder-icon);filter:drop-shadow(0 2px 8px rgba(0,0,0,.32));line-height:0}.player-photo-placeholder svg{width:100%;height:auto;display:block}.player-extra{position:absolute;right:0;bottom:-.4rem;width:100%;padding:0 8%;text-align:right;overflow:hidden;font-family:var(--fut-font);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.player-extra span{margin-left:.5rem;color:var(--fut-text)}.player-card-bottom{position:relative;z-index:2}.player-info{display:block;width:90%;margin:0 auto;padding:.25rem 0;color:var(--fut-text)}.player-info.no-stats{padding-top:.5rem;padding-bottom:.7rem}.player-info.no-stats .player-name{border-bottom:0;padding-bottom:0}.player-name{width:100%;display:block;text-align:center;font-family:var(--fut-font);font-size:.98rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--fut-divider);padding-bottom:.2rem;overflow:hidden}.player-name span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.player-features{margin:.4rem auto 0;display:flex;justify-content:center}.player-features-col{border-right:2px solid var(--fut-divider);padding:0 .95rem}.player-features-col:last-child{border-right:0}.player-features-col span{display:flex;justify-content:center;font-family:var(--fut-font);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.player-feature-value{margin-right:.2rem;font-weight:700}.player-feature-title{font-weight:300}.bench-stage{display:flex;flex-direction:column;gap:16px;padding:16px;min-height:0;background:linear-gradient(180deg,#ffffff0b,#ffffff06),#ffffff08}.bench-header-actions{display:flex;width:100%;align-items:center;gap:12px}.bench-heading{margin-bottom:2px}.bench-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:16px;align-content:start}.bench-card{position:relative;display:grid;gap:0}.bench-card-remove{position:absolute;top:6px;right:6px;z-index:4;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,126,126,.32);background:#081018c7;color:#ffd7d7;font-size:1rem;line-height:1;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.bench-card-remove:hover{transform:scale(1.05);border-color:#ff7e7e8a;background:#181016eb}.bench-card.dragging{opacity:.5;transform:scale(.98)}.bench-card-main{width:min(100%,var(--bench-card-width));max-width:var(--bench-card-width);justify-self:center}.bench-card-main .fut-player-card{padding-top:13.5%}.bench-card-main .player-master-info{line-height:1.12rem}.bench-card-main .player-rating{font-size:1.06rem}.bench-card-main .player-position{font-size:.74rem}.bench-card-main .player-extra{font-size:.56rem}.bench-card-main .player-name{font-size:.9rem}.bench-card-main .player-info.no-stats{padding-top:.42rem;padding-bottom:.58rem}.bench-card-main .player-features-col{padding:0 .62rem}.bench-card-main .player-features-col span{font-size:.6rem}.bench-empty-state{min-height:240px;align-content:center}.pitch-player.card-style-promo-electric,.bench-card-main.card-style-promo-electric,.pitch-player.card-style-promo-inferno,.bench-card-main.card-style-promo-inferno,.card-style-option.card-style-promo-electric,.card-style-option.card-style-promo-inferno{--fut-card-bg: url(/assets/cards/black_background_fut.png);--fut-text: #e9cc74;--fut-divider: rgba(233, 204, 116, .12);--card-preview-image: url(/assets/cards/black_background_fut.png)}.pitch-player.card-style-icon-ivory,.bench-card-main.card-style-icon-ivory,.pitch-player.card-style-rare-gold,.bench-card-main.card-style-rare-gold,.card-style-option.card-style-icon-ivory,.card-style-option.card-style-rare-gold{--fut-card-bg: url(/assets/cards/golden_background_fut.png);--fut-text: #5f4413;--fut-divider: rgba(95, 68, 19, .14);--fut-placeholder-bg: radial-gradient( circle at 30% 20%, rgba(255, 255, 255, .24), transparent 44% ), linear-gradient(135deg, rgba(226, 205, 155, .96), rgba(160, 127, 69, .96));--fut-placeholder-icon: rgba(83, 58, 18, .88);--card-preview-image: url(/assets/cards/golden_background_fut.png)}.pitch-player.card-style-promo-pink,.bench-card-main.card-style-promo-pink,.card-style-option.card-style-promo-pink{--fut-card-bg: url(/assets/cards/pink_background_fut.png);--fut-text: #ffe4f5;--fut-divider: rgba(255, 228, 245, .2);--fut-placeholder-bg: radial-gradient( circle at 30% 20%, rgba(255, 255, 255, .22), transparent 44% ), linear-gradient(135deg, rgba(115, 24, 88, .95), rgba(60, 8, 45, .96));--fut-placeholder-icon: rgba(255, 236, 247, .94);--card-preview-image: url(/assets/cards/pink_background_fut.png);--card-border: rgba(255, 178, 222, .55);--card-inner-line: rgba(255, 214, 239, .32)}.empty-state{display:grid;gap:8px;padding:22px;border-radius:20px;border:1px dashed rgba(255,255,255,.16);color:var(--text-soft);text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#03090ead;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.player-modal{width:min(100%,680px);max-height:min(92vh,900px);overflow:auto;padding:20px;border-radius:28px;background:#0a131cf5;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px #0000005c}.modal-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.modal-topline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}.dialog-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#ffd1661f;color:#ffe7aa;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}.dialog-note{color:var(--text-soft);font-size:.86rem}.close-button{width:42px;height:42px;border-radius:14px;color:var(--text-strong);font-size:1.4rem;line-height:1}.player-form{display:grid;gap:14px}.card-style-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-style-option{--card-preview-image: url(/assets/cards/black_background_fut.png);--card-border: rgba(217, 189, 107, .34);--card-inner-line: rgba(233, 207, 131, .16);width:100%;display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-strong);text-align:left}.card-style-option.active{border-color:#ffd16657;box-shadow:0 0 0 1px #ffd16629,0 16px 30px #0000002e}.card-style-option-preview{position:relative;display:block;width:68px;height:90px;background:linear-gradient(180deg,#ffffff05,#00000024),var(--card-preview-image);background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid var(--card-border);border-radius:18px;clip-path:polygon(10% 4%,90% 4%,97% 14%,97% 81%,50% 100%,3% 81%,3% 14%);box-shadow:0 14px 22px #0000002e;overflow:hidden}.card-style-option-preview:before{content:"";position:absolute;inset:6px;clip-path:inherit;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 22%,transparent 72%,rgba(0,0,0,.14)),linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 36%,transparent 60%);box-shadow:inset 0 0 0 1px var(--card-inner-line)}.card-style-option-preview:after{content:"";position:absolute;left:50%;top:26px;width:42px;height:42px;border-radius:18px 18px 12px 12px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.2),transparent 46%),linear-gradient(180deg,#ffffff14,#00000029);border:1px solid rgba(255,255,255,.08);transform:translate(-50%)}.card-style-option-copy{display:grid;gap:4px;min-width:0}.card-style-option-copy strong{font-size:.94rem;color:var(--text-strong)}.card-style-option-copy span{color:var(--text-soft);font-size:.8rem;line-height:1.35}.profile-editor{grid-template-columns:92px minmax(0,1fr);align-items:center}.profile-preview{width:92px;height:92px;border-radius:26px;display:grid;place-items:center;font-size:1.6rem;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff1f,0 20px 34px #0000003d}.profile-preview.no-photo{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 46%),linear-gradient(135deg,#414f60f5,#141c29f5)}.profile-preview .player-photo-placeholder{width:58%}.profile-actions{display:grid;gap:10px}.modal-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}.legal-shell{width:min(100%,980px);min-height:calc(100vh - 130px);margin:0 auto;padding:24px}.legal-card{padding:28px;border-radius:30px;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.legal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.legal-header h1{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);line-height:.95}.legal-content{margin-top:20px;display:grid;gap:20px}.legal-config-warning{margin:16px 0 0;padding:10px 12px;border-radius:12px;background:#ffd1661a;border:1px solid rgba(255,209,102,.35);color:#ffe1a0;font-size:.84rem}.legal-lead{margin:0;color:var(--text-soft);line-height:1.6}.legal-content section{display:grid;gap:8px;padding:16px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07)}.legal-content h2{margin:0;font-size:1rem}.legal-content p{margin:0;color:var(--text-soft);line-height:1.5}.legal-content a{color:var(--accent)}.legal-content code{color:var(--text-strong);background:#ffffff14;padding:1px 6px;border-radius:999px}.legal-list{margin:0;padding-left:20px;color:var(--text-soft);line-height:1.55}.legal-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.legal-footer{width:min(100%,1480px);margin:0 auto;padding:0 24px 24px}.legal-footer-inner{padding:13px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#050d1394;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:.85rem}.legal-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.legal-link-button{border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:var(--text-strong);border-radius:999px;padding:7px 12px;font-size:.8rem;cursor:pointer}.legal-link-button.active{background:var(--accent-soft);border-color:#ffd1668c}.cookie-banner{position:fixed;z-index:200;left:50%;bottom:14px;transform:translate(-50%);width:min(calc(100% - 24px),1040px);display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#071119f5;box-shadow:0 16px 38px #0006}.cookie-banner-content strong{display:block;margin-bottom:4px}.cookie-banner-content p{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.45}.cookie-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie-settings-backdrop{position:fixed;inset:0;z-index:250;background:#040a10b8;display:grid;place-items:center;padding:20px}.cookie-settings-modal{width:min(100%,620px);border-radius:24px;border:1px solid rgba(255,255,255,.14);background:#08121cfa;padding:18px;box-shadow:0 18px 46px #00000073}.cookie-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cookie-settings-header h3{margin:0;font-family:var(--font-display);font-size:1.8rem}.cookie-settings-body{display:grid;gap:12px;margin-top:14px}.cookie-toggle{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.cookie-toggle span{display:grid;gap:4px}.cookie-toggle strong{font-size:.95rem}.cookie-toggle small{font-size:.8rem;color:var(--text-soft);line-height:1.45}.cookie-toggle input{width:18px;height:18px}.cookie-note{margin:0;color:var(--text-soft);font-size:.82rem}.cookie-settings-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:1180px){.app-shell{width:100%;grid-template-columns:1fr}.workspace{order:1}.control-panel{order:2}.workspace-header{padding-top:0;flex-direction:column;align-items:flex-start}.workspace-header-actions{align-items:flex-start}.export-board{width:100%}.board-body{grid-template-columns:1fr}}@media(max-width:860px){:root{--lineup-card-width: 104px;--pitch-card-width: 90px;--bench-card-width: 96px}.summary-panel,.theme-picker,.two-column-grid,.modal-actions,.card-style-picker,.crest-actions{grid-template-columns:1fr}.match-banner{grid-template-columns:1fr;justify-items:stretch}.match-banner-side,.match-banner-side-opponent{justify-content:flex-start;text-align:left}.match-banner-side-opponent{flex-direction:row-reverse}.bench-header-actions,.section-heading,.export-actions{flex-direction:column;align-items:flex-start}.board-body{grid-template-columns:1fr}.export-board{gap:12px;padding:12px}.board-body{gap:12px}.pitch-stage{padding:10px}.pitch-surface{aspect-ratio:5 / 6}.pitch-player .player-master-info{line-height:.84rem}.pitch-player .player-rating{font-size:.84rem}.pitch-player .player-position{font-size:.56rem}.pitch-player .player-nation{width:1.04rem;height:.67rem;margin:.1rem 0 .08rem}.pitch-player .player-name{font-size:.62rem}.bench-card-main .player-nation{width:1.2rem;height:.78rem;margin:.14rem 0 .08rem}.bench-card-main .player-name{font-size:.8rem}.bench-stage{min-height:0}.bench-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.legal-header,.legal-footer-inner,.cookie-banner,.cookie-toggle{flex-direction:column;align-items:flex-start}.cookie-settings-actions{justify-content:flex-start}.workspace-header{display:none}.mobile-workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 2px 0}.board-body{order:2}.match-banner{order:3}.control-panel{position:fixed;top:0;right:0;bottom:0;z-index:140;width:min(92vw,430px);height:100dvh;overflow-y:auto;margin:0;border-radius:26px 0 0 26px;transform:translate(104%);transition:transform .22s ease;pointer-events:none}.control-panel.mobile-open{transform:translate(0);pointer-events:auto}.mobile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-panel-header .eyebrow{margin:0}.control-panel .brand-card h1{font-size:clamp(1.46rem,4.2vw,2rem)}.mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:120;border:0;padding:0;margin:0;background:#02080d9e;opacity:0;pointer-events:none;transition:opacity .2s ease}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}}@media(max-width:760px){:root{--lineup-card-width: 88px;--pitch-card-width: 75px;--bench-card-width: 82px}.app-shell{padding:0;gap:14px}.legal-shell{padding:14px}.control-panel,.panel-section,.player-modal,.export-board,.legal-card,.bench-stage .cookie-settings-modal{padding:16px;border-radius:22px}.pitch-stage{padding:0}.formation-row,.action-row,.profile-editor{grid-template-columns:1fr}.pitch-surface{border-radius:24px;width:100%;aspect-ratio:4 / 5}.fut-player-card{padding-top:12%;padding-bottom:10%}.player-master-info{line-height:.9rem}.player-rating{font-size:.9rem}.player-name span{display:block;white-space:normal;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.player-picture-image{transform:translate(25%)}.player-position{font-size:.62rem}.player-picture{width:68%}.player-picture-image span{font-size:1.36rem}.player-name{font-size:.73rem}.player-features-col{padding:0 .6rem}.player-features-col span{font-size:.54rem}.bench-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.bench-card-main .player-nation{width:1rem;height:.64rem;margin:.1rem 0 .06rem}.pitch-player .player-master-info{line-height:.68rem}.pitch-player .player-rating{font-size:.68rem}.pitch-player .player-position{font-size:.45rem}.pitch-player .player-nation{width:.86rem;height:.56rem;margin:.08rem 0 .06rem}.pitch-player .player-name{font-size:.5rem}.pitch-player .player-features-col{padding:0 .42rem}.pitch-player .player-features-col span{font-size:.44rem}.control-panel{border-radius:22px 0 0 22px}}@media(max-width:480px){:root{--lineup-card-width: 74px;--pitch-card-width: 65px;--bench-card-width: 72px}.pitch-formation-badge{top:10px;right:10px;min-height:34px;padding:7px 10px;max-width:calc(100% - 20px);font-size:.66rem}.pitch-surface{aspect-ratio:3 / 4}}