/* Inked navy panels, brass borders and illustrated collectible cards. */
:root{--card-gold36:#e5bd70;--card-teal36:#73cebc;--card-violet36:#bca0ed;--ink36:#080f19;--panel36:#142132;--muted36:#c0cddd;color-scheme:dark}
html,body{background:#080f19!important;color:#eef2fa!important;font-family:Arial,Helvetica,sans-serif}
.main,.content{background:radial-gradient(ellipse at 85% 0,rgba(62,95,117,.18),transparent 52%),repeating-linear-gradient(132deg,transparent 0 28px,rgba(164,192,220,.018) 29px 30px),#0b1420!important}
.content{padding-bottom:80px}.content h1{font-weight:900;letter-spacing:-.035em;color:#ffe6b6;text-shadow:0 3px 0 #030810}.content h2{color:#f5dfb7;letter-spacing:-.025em}.eyebrow{color:var(--card-teal36)!important;letter-spacing:.13em;font-size:10px}
.sidebar{background:linear-gradient(110deg,#142437,#0b1421 75%)!important;border-right:2px solid #405062!important;box-shadow:5px 0 0 #050a12,10px 0 24px #0003}
.brand{background:linear-gradient(145deg,#28405b,#111d2c)!important;border:2px solid #6b7280!important;border-radius:16px 4px 16px 4px;box-shadow:0 4px 0 #050b12!important}.brand-mark{color:#e4bd70}.brand b{color:#eac889!important}
.nav button{background:linear-gradient(105deg,#1b2b3e,#142133)!important;border-radius:7px 3px 9px 3px;box-shadow:0 2px 0 #050b13!important;border-bottom:2px solid #07101b!important;min-height:38px!important;transition:border-color .15s,background .15s}
.nav button.active{background:linear-gradient(105deg,#4a4536,#293443)!important;border:1px solid #ad976c!important;border-left:4px solid #efd08c!important;color:#fff1d5!important}
.nav-group summary{background:linear-gradient(105deg,#21364c,#162438)!important;border-color:#465569!important;color:#e9cf9e!important;border-radius:5px;letter-spacing:.035em}.nav-block-title29{color:#efcf8c!important;background:transparent!important}
.sidebar-player27{padding:10px;border:1px solid #6c644f!important;background:#0d1927!important;border-radius:13px}.sidebar-player27 .atlas{border:2px solid #d1af6a;border-radius:7px!important}
.topbar,#player-sticky26,.player-sticky26{background:linear-gradient(100deg,#1b2a3c,#101c2c)!important;border-bottom:2px solid #5d5d51!important;box-shadow:0 4px 0 #080f19!important}
.content :is(.panel29,.collection-info,.work-kit24,.event-setup,.vitals-card28,.identity28,.wardrobe-top30>section,.directory-row29,.activity-panel,.sport-detail25,.guide29,.gym-venue28,.furniture-store-heading),dialog{background:linear-gradient(140deg,#1c2e42,#121e2e)!important;border:1px solid #506078!important;border-radius:14px 4px 14px 4px;box-shadow:0 4px 0 #050b13,0 8px 20px #0002!important;color:#edf3fb!important}
.panel29>header{background:linear-gradient(100deg,#263b50,#172638)!important;border-color:#5f624f!important}.panel29 header h2{font-size:16px}
button,.secondary,button.filter,summary{background:linear-gradient(155deg,#31455c,#1b2b3d)!important;border:1px solid #758093!important;border-bottom:3px solid #060d16!important;border-radius:8px 3px 8px 3px;box-shadow:inset 0 1px 0 #ffffff10,0 2px 0 #050b13!important;font-weight:700}
button:hover:not(:disabled),.secondary:hover,summary:hover{background:linear-gradient(145deg,#415976,#253d54)!important;border-color:#d1b576!important}.primary{background:linear-gradient(145deg,#b59050,#795d31)!important;color:#fff9e9!important;border:1px solid #e0c389!important;border-bottom:3px solid #413118!important;text-shadow:0 1px 1px #31200f}
button:disabled{opacity:.62!important;cursor:not-allowed}.primary:disabled{background:linear-gradient(145deg,#454b55,#293240)!important;color:#d4dce7!important;border-color:#606c7a!important;text-shadow:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80e5d4!important;outline-offset:3px}
input,select,textarea{background:#0b1624!important;color:#f1f5fc!important;border:1px solid #617389!important;border-radius:7px;box-shadow:inset 0 2px 4px #0004!important}progress{accent-color:#72cbbb}
.badge,.state-tag29,.chips29 span{background:#172d3c!important;border:1px solid #74715c!important;color:#f3dcae!important;border-radius:4px;font-size:11px}
.content p,.content small,.content label{color:var(--muted36)}.content :is(h3,strong,b){color:#f2f5fa}.text-link29{color:#a9e9d9!important}
.card-grid36,.market-grid35,.clothing-grid,.furniture-catalogue{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr))!important;gap:22px!important;align-items:start}
.lifestyle-grid.card-grid36{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important}
.content :is(.collectible36,[data-card-style36],.reward-card,.clothing-card,.market-card35,.furniture-product){min-width:0;display:flex;flex-direction:column;background:linear-gradient(140deg,#1a2b40,#101b2b)!important;border:1px solid #727061!important;border-bottom:3px solid #ad925e!important;border-radius:24px 7px 22px 7px!important;box-shadow:0 5px 0 #040a11,0 12px 25px #0005!important;overflow:hidden;color:#e9f0fa!important;content-visibility:visible}
.content :is([data-card-style36],.collectible36){padding:0!important}.content .card-actions36{padding:17px;display:flex;flex-direction:column;gap:10px;min-width:0}.card-actions36>p{margin:0 0 3px;font-size:12px;line-height:1.6}.card-actions36>button{width:100%}.card-actions36 details{margin-top:2px}.card-actions36 summary{padding:10px;font-size:12px;cursor:pointer}.card-actions36 details>p,.card-actions36 details>button{margin-top:10px}.card-actions36 .market-card-body35{padding:0;display:flex;flex-direction:column;gap:10px}.card-actions36 .life-content{padding:0;background:transparent!important}.card-actions36 .clothing-picture:empty{display:none}.card-actions36 .card-art{max-height:180px}
.card-face36{--accent36:var(--card-gold36);position:relative;padding:0 12px 15px;margin:10px 10px 0;border:1px solid var(--accent36);border-radius:22px 5px 32px 5px;background:radial-gradient(ellipse at 50% 16%,#30465a44,transparent 60%),linear-gradient(135deg,#233249,#111b2c 55%,#20334b);box-shadow:inset 0 0 0 4px #0b1423,inset 0 0 0 5px #9e885b40,0 2px 4px #0008;isolation:isolate;min-width:0}
.card-face36.tone-teal{--accent36:var(--card-teal36)}.card-face36.tone-violet{--accent36:var(--card-violet36)}
.card-crown36{height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 5px;border-bottom:1px solid #ffffff15;color:var(--accent36);font-size:8px;font-weight:800;letter-spacing:2px}.card-stage36{position:relative;min-width:0;aspect-ratio:1.18;display:flex;align-items:center;justify-content:center;margin:0 -7px;background:radial-gradient(ellipse at 50% 80%,#729eaa22,transparent 70%);overflow:hidden}.card-stage36>.atlas,.card-stage36>.live-portrait24{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;margin:0!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:transparent!important}.card-stage36 .atlas>svg{display:block;width:100%;height:100%;filter:drop-shadow(0 6px 4px #0006)}
.card-rating36{position:absolute;left:8px;top:10px;z-index:2;min-width:49px;padding:6px 5px 7px;display:grid;text-align:center;background:linear-gradient(140deg,#15253eef,#0a1422e8);border:1px solid var(--accent36);border-radius:11px 2px 11px 2px;box-shadow:0 3px 0 #03070d}.card-rating36 strong{font-size:29px;line-height:1.1;font-weight:900;letter-spacing:-1.5px;color:var(--accent36)!important;font-variant-numeric:tabular-nums}.card-rating36 small{font-size:7px;font-weight:800;letter-spacing:.5px;color:#eaf3fa!important;max-width:60px;white-space:normal}
.card-title36{text-align:center;border-top:1px solid var(--accent36);padding:11px 2px 10px;background:linear-gradient(90deg,transparent,#fff1,transparent)}.card-title36 small{display:block;font-size:9px;color:var(--accent36)!important;letter-spacing:.07em;text-transform:uppercase}.card-title36 h3{font-size:17px!important;line-height:1.2;margin:5px 0 0!important;color:#fff5e2!important;font-weight:900!important;overflow-wrap:anywhere;text-shadow:0 2px 0 #0008}
.card-stats36{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0!important;padding:0!important;border-top:1px solid #aab5c029}.card-stats36>div{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;min-width:0;min-height:53px;border-bottom:1px solid #aab5c025;padding:7px 3px}.card-stats36>div:nth-child(odd){border-right:1px solid #aab5c029}.card-stats36 dt{font-size:9px!important;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#bdcddd!important;line-height:1.25;text-align:center;overflow-wrap:anywhere}.card-stats36 dd{margin:0 0 4px;font-size:18px;line-height:1.15;font-weight:900;letter-spacing:-.025em;color:#fff0ce!important;text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.card-note36{font-size:9px!important;text-align:center;line-height:1.45;margin:9px 3px 4px;color:#becbdc!important}.card-seal36{position:absolute;bottom:-8px;left:calc(50% - 11px);width:22px;text-align:center;background:#14243b;color:var(--accent36);font-size:14px;line-height:17px}
.life-tabs36{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px}.life-tabs36 button{display:flex;align-items:center;gap:20px;padding:12px 18px;font-size:14px}.life-tabs36 button span{font-size:11px;color:#b5cabd}.life-tabs36 button.selected,.market-categories35 button.selected{border-color:#e6c181!important;background:linear-gradient(135deg,#574b34,#253342)!important;color:#ffedc9!important}.catalogue-note36{font-size:12px}
.illustrated36{background:#0b1826!important}.event-banner{border:1px solid #baa269;border-radius:18px 5px 18px 5px;overflow:hidden}.event-banner>.atlas{filter:brightness(.85)}.event-banner h2,.event-banner p{color:#fff4dc!important;text-shadow:0 2px 4px #000}.event-banner>div:last-child{background:linear-gradient(90deg,#0a1729ee,#0a172922)}
.player-card-layout36{display:flex;justify-content:center;margin-bottom:24px}.player-collectible36,.athlete-card36{width:min(100%,360px);margin:0 auto 22px}.player-collectible36 .card-stage36,.athlete-card36 .card-stage36{aspect-ratio:1.1}.player-collectible36 .card-face36{margin:0}.portrait-grid30{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))!important;gap:13px!important;padding:18px}.portrait-grid30 button{position:relative;padding:6px!important;border:1px solid #9c8c67!important;border-radius:17px 4px 18px 4px!important;overflow:hidden;background:linear-gradient(135deg,#29405b,#0d1b2c)!important;min-height:160px}.portrait-grid30 .atlas{width:100%;aspect-ratio:1}.portrait-grid30 button.selected{border:3px solid #a9efd5!important;box-shadow:0 0 0 2px #082b25!important}.portrait-card-number36{position:absolute;top:10px;left:10px;background:#0d1d30dc;padding:3px 6px;border:1px solid #ad9160;color:#ffe0a2;font-weight:900;z-index:1}.portrait-card-number36 small{display:block;font-size:7px}.portrait-card-label36{display:block;padding:7px 0 3px;font-size:9px;color:#e1cfae;letter-spacing:.06em;text-transform:uppercase}
.loadout-grid30{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}.loadout-slot30{padding:0!important;display:block!important}.loadout-slot30 .card-stage36 .atlas{width:100%!important;height:100%!important}.loadout-slot30 .card-face36{margin-bottom:15px}
.spec-grid{gap:1px!important;background:#263749!important;border:1px solid #5c6a7b;border-radius:6px;overflow:hidden}.spec-grid>div{background:#132338!important;padding:8px!important}.spec-grid dt{color:#a9bed3!important}.spec-grid dd{color:#fff0d1!important}.paint-controls,.garage-panel,.care-panel{background:#15283b!important;border-color:#62718a!important}
.cards28>article,.talent-list35>article,.rival-card35{border-radius:16px 4px 16px 4px!important;border-bottom:3px solid #807554!important}.talent-list35>article{padding:15px}.rival-card35 .atlas{border-radius:14px 3px 14px 3px;border:1px solid #ad9467}
@media(min-width:1450px){.market-grid35,.clothing-grid,.furniture-catalogue{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.card-grid36,.market-grid35,.clothing-grid,.furniture-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.card-title36 h3{font-size:15px!important}.card-face36{margin:7px 7px 0;padding-left:8px;padding-right:8px}.card-stats36 dd{font-size:16px}.card-actions36{padding:12px!important}.portrait-grid30{grid-template-columns:repeat(4,minmax(0,1fr))!important}.portrait-grid30 button{min-height:130px}}
@media(max-width:580px){.card-grid36,.market-grid35,.clothing-grid,.furniture-catalogue,.lifestyle-grid.card-grid36{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}.card-face36{margin:10px 10px 0}.card-stage36{aspect-ratio:1.35}.card-stats36 dd{font-size:20px}.card-stats36 dt{font-size:10px!important}.card-title36 h3{font-size:20px!important}.life-tabs36{display:grid;grid-template-columns:1fr 1fr}.life-tabs36 button{justify-content:space-between;padding:11px 12px}.portrait-grid30{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:10px;gap:8px!important}.portrait-grid30 button{min-height:112px}.portrait-card-label36{font-size:8px}.card-actions36{padding:17px!important}.card-rating36 strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.content .cards28.friends28>article[data-card-style36]{display:flex!important;padding:0!important;gap:0!important}.content .friend28 .card-face36 .atlas{width:100%!important;height:100%!important;border-radius:0!important}.content .friend28 .card-actions36{display:block}.friend28 .card-actions36 label{display:block;margin:10px 0}.friend28 .card-actions36 progress{display:block;width:100%}.friend28 .card-actions36 button{margin-top:12px;width:100%}
.gaming-rack30{grid-template-columns:repeat(auto-fill,minmax(275px,1fr))!important}.gaming-rack30 .collectible36{margin-top:20px}.gaming-rack30 .card-actions36>span{display:block}.gaming-rack30 .card-actions36 small{display:block;margin-top:6px}.gaming-rack30 .card-stage36 .atlas{height:100%!important}.career-kit-card36{max-width:330px;margin:20px auto}.trader-grid36>.contract-row31{display:flex!important;gap:0;padding:0!important}.trader-grid36 .card-actions36>div{min-width:0}.trader-grid36 .card-actions36 button{margin-top:8px}.content [data-card-style36]>.card-actions36>.routine-icon{display:none}
