/* Dice A Legend — "Coach's Room" theme (Art Bible v1).
   Loaded last so it sits on top of style.css and the styles each js file injects.
   Skin only: colours, type, materials and dice faces. Layout and rules are untouched. */

:root{
 --club:#123D35;--shadow:#0D2724;--paper:#F2E8D4;--paper-2:#E9DEC6;--ink:#233B35;--muted:#64746A;
 --oak:#B5824C;--oak-dark:#734C2C;--felt:#1A5042;--brass:#AB8650;--coral:#BD4C3C;--coral-dark:#773B2E;
 --gold:#D8AD43;--ivory:#F8F0DE;--ivory-edge:#D9CAA4;
 --good:#287257;--average:#A77719;--bad:#AE4239;
 --font-head:'Mitr',Tahoma,'Leelawadee UI',sans-serif;
 --font-body:'IBM Plex Sans Thai',Tahoma,'Leelawadee UI',Arial,sans-serif;
 --font-num:'Chakra Petch',ui-monospace,Consolas,monospace;
}

/* ---------- Type ---------- */
body{font-family:var(--font-body);background:radial-gradient(ellipse at 25% 0%,#2f6252,var(--club) 55%,var(--shadow)) fixed}
button,select,input,textarea{font-family:inherit}
h1,h2,h3,.drawer-heading h2,dialog h2{font-family:var(--font-head);font-weight:600;letter-spacing:0}
h1{font-family:var(--font-head);font-weight:600}
.kicker,.eyebrow,.report-label{color:#d6b675;letter-spacing:.2em}
.die b,.bank strong,.stat strong,.player-stat-strip strong,.buff-dice button b,.match-score,#match-clock,
.profile-overall strong,.profile-stat strong,.season-table td,.digital strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600}

/* ---------- Buttons ---------- */
button{border-radius:8px;transition:transform .1s ease,box-shadow .1s ease}
button:active:not(:disabled){transform:translateY(2px)}
button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
/* main verb buttons: action coral, long shape, white text */
#roll,.primary,#confirm,#confirm-restart{background:var(--coral);color:#fff;border:0;box-shadow:0 4px 0 var(--coral-dark)}
#roll:active:not(:disabled),.primary:active:not(:disabled){box-shadow:0 2px 0 var(--coral-dark)}
/* secondary: warm paper on brass */
.secondary,#reroll,.cancel{background:var(--paper-2);color:var(--ink);border:1px solid #c5b390;box-shadow:0 3px 0 #a38d68}
.top button,.flow-nav button{box-shadow:0 3px 0 #8f7448}
.end,.mobile-actionbar .end{background:var(--shadow);color:#efdfbd;border:1px solid #3f5c4c;box-shadow:0 3px 0 #0a1d18}

/* ---------- Materials ---------- */
.desk{background:repeating-linear-gradient(1deg,#ffffff08 0 1px,transparent 1px 9px),linear-gradient(110deg,#b17b46,#8f5c33);border:1px solid #c79a5d;box-shadow:inset 0 1px 1px #dfbb7d,0 18px 40px #0005}
.tray,.match-modal .buff-dice{background:radial-gradient(ellipse at 30% 10%,#286052,#133b32);border-color:#6a472a;box-shadow:0 3px 0 #412e20,inset 0 5px 16px #0009}
.sheet,#player-drawer,.deck,dialog,.training-items{background:linear-gradient(110deg,#f5eddc,var(--paper-2));color:var(--ink)}
.sheet{border-top-color:var(--brass)}
dialog{border-color:#987340}
dialog::backdrop{background:#08261ecc}

/* ---------- Dice: group colour, glossy (2D = fallback when 3D is unavailable) ---------- */
.die,.match-modal .buff-dice button{
 background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--c,var(--buff-color,#bba77c)),#fff 30%),var(--c,var(--buff-color,#bba77c)) 55%,color-mix(in srgb,var(--c,var(--buff-color,#bba77c)),#000 30%));color:#fff;
 border:1px solid #ffffff55;border-radius:14px;
 box-shadow:inset 0 2px 0 #ffffff55,inset 0 -3px 0 #0003,0 4px 0 color-mix(in srgb,var(--c,var(--buff-color,#8e7b55)),#000 45%),0 8px 12px #0007}
.match-modal .buff-dice button{--c:var(--buff-color)}
.die small,.buff-category{color:#fffe;font-weight:700;letter-spacing:.08em;text-shadow:0 1px 1px #0005}
.die b,.buff-dice button b{color:#fff;text-shadow:0 2px 2px #0006}
.die-icon{display:block;line-height:0;color:#fff}
.die-icon .stat-icon{width:22px;height:22px}
.die[aria-label$="ยังไม่ทอย"]{--c:#a59a7d;opacity:.75}
.die.selected,.match-modal .buff-dice button[aria-pressed=true]{outline:3px solid #f7cf67;outline-offset:3px;transform:translateY(-5px) scale(1.04)}
.die.used,.match-modal .buff-dice button:disabled{opacity:.3;filter:grayscale(.5);box-shadow:none;transform:none}
.die-state{color:#e9dfc5}

/* ---------- 3D dice layer (js/dice3d.js) ---------- */
.dice3d-layer{position:fixed;inset:0;pointer-events:none;z-index:40}
.dice3d-on .die{background:transparent!important;border-color:transparent!important;box-shadow:none!important;outline:none!important;filter:none!important;transform:none!important;animation:none!important;touch-action:none;cursor:grab}
.dice3d-on .die>*{visibility:hidden}
.dice3d-on .die:focus-visible{outline:3px solid var(--gold)!important;outline-offset:3px}
.match-modal.dice3d-on .buff-dice button{background:transparent!important;border-color:transparent!important;box-shadow:none!important;outline:none!important;filter:none!important;transform:none!important;opacity:1!important}
.match-modal.dice3d-on .buff-dice button>*{visibility:hidden}
.match-modal.dice3d-on .buff-dice button:focus-visible{outline:3px solid var(--gold)!important;outline-offset:3px}
.match-modal.dice3d-on .buff-dice button[aria-pressed=true]+.buff-die-label{color:#ffe29a;font-weight:700}
.dice3d-on .die.selected+.die-state{color:#ffe29a;font-weight:700}
.dice-dragging,.dice-dragging *{cursor:grabbing!important;user-select:none}
/* drop targets */
.dice-dragging .quest:not(.done){outline:2px dashed #f2d48f88;outline-offset:3px}
.quest.drop-ok{outline:3px solid #f7cf67!important;outline-offset:3px;transform:translateY(-2px);box-shadow:0 0 0 6px #f7cf6733,2px 8px 14px #0005}
.quest.drop-bad{outline:3px solid var(--bad)!important;outline-offset:3px;opacity:.85}
.quest.drop-target{box-shadow:0 0 0 3px #f7cf67,2px 6px 12px #0005}
.quest-dice{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 2px;grid-column:1/-1}
.quest-die{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;color:#fff;font:600 15px/1 var(--font-num);background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--c),#fff 25%),var(--c) 60%,color-mix(in srgb,var(--c),#000 25%));box-shadow:0 2px 0 color-mix(in srgb,var(--c),#000 45%)}
.quest-die .stat-icon{width:16px;height:16px}
.quest-die small{font-size:10px}
/* roll: two short bounces then settle (~800 ms) */
.pulse{animation:dal-toss .8s cubic-bezier(.3,.7,.4,1) 1}
@keyframes dal-toss{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-14px) rotate(-10deg)}40%{transform:translateY(0) rotate(6deg)}58%{transform:translateY(-6px) rotate(-3deg)}76%,100%{transform:translateY(0) rotate(0)}}

/* ---------- Stat icons on badges ---------- */
.badge{display:inline-flex;align-items:center;gap:5px}
.badge .stat-icon{width:16px;height:16px;color:var(--c);flex:none}

/* ---------- Training sheets (pinned paper) ---------- */
.quest{background:linear-gradient(110deg,#f5eddc,var(--paper-2));color:var(--ink);border-radius:3px;box-shadow:2px 5px 9px #0004}
.quest:before{width:12px;height:12px;top:-6px;left:calc(50% - 6px);background:radial-gradient(at 30% 20%,#e2ca89,#8f6e3b);box-shadow:1px 3px 3px #0005}
.quest [data-claim]{background:#315d46;color:#fff;border:0;box-shadow:0 3px 0 #1d3a2b}
.quest.done{background:linear-gradient(110deg,#e3e5cd,#d7ddc0)}
.quest.done:after{content:'สำเร็จแล้ว';color:var(--good);border:2px solid var(--good);background:transparent;transform:rotate(-6deg);font-weight:700;letter-spacing:.04em}
.quest.failed{background:linear-gradient(110deg,#efe0d6,#e5d2c6)}
.quest.failed:after{content:'ล้มเหลว';color:var(--bad);border-color:var(--bad)}
/* result rows: colour + word together (Art Bible rule) */
.training-levels span{display:inline-block;padding-left:7px;border-left:3px solid}
.training-levels .lv-fail{border-color:var(--bad)}
.training-levels .lv-pass{border-color:var(--average)}
.training-levels .lv-great{border-color:var(--good)}
#training-result{border-color:#987340}

/* ---------- Player strip: small digital displays ---------- */
.player-stat-strip button{background:#12382c;border:1px solid #887350aa}
.player-stat-strip strong{color:#a3f5b0;text-shadow:0 0 10px #7dffa060}
.player-stat-strip .overall-stat{border:2px solid #887350}

/* ---------- Training finished: banner + locked desk ---------- */
.training-done-banner{max-width:1192px;margin:12px auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;
 background:linear-gradient(110deg,#f5eddc,var(--paper-2));color:var(--ink);border-left:6px solid var(--gold);border-radius:8px;box-shadow:0 6px 18px #0005}
.training-done-banner[hidden]{display:none}
.training-done-banner b{display:block;font:600 17px/1.3 var(--font-head)}
.training-done-banner small{display:block;color:var(--muted);font-size:13px}
.training-done-banner button{flex:none;min-height:48px;padding:10px 20px}
.training-finished .desk{opacity:.55;filter:saturate(.6)}
.training-finished #dice{visibility:hidden}
@media(max-width:600px){.training-done-banner{flex-direction:column;align-items:stretch;margin:8px}}

/* ---------- Phase nav ---------- */
.flow-nav button[aria-current],.flow-nav button.active{background:#f1e5c8;color:#294433;box-shadow:0 3px 0 #67492b}

/* ---------- Competition: stadium light, cool green ---------- */
.match-modal{font-family:var(--font-body)}
.match-modal .match-head h2,.match-modal h2{font-family:var(--font-head)}
.match-form-card .excellent,.excellent{color:var(--good)}
.match-form-card .poor,.poor{color:var(--bad)}
.match-form-card .average,.average{color:var(--average)}

/* ---------- Team plan popup inside the match pitch ---------- */
dialog.tactics-pop{position:fixed;inset:auto;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden;
 background:#102b22f2;color:#f2e8d4;border:2px solid var(--brass);border-radius:12px;box-shadow:0 14px 34px #0009;
 animation:tactics-pop .16s ease-out}
dialog.tactics-pop::backdrop{background:#0004}
@keyframes tactics-pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.tactics-pop header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.tactics-pop header b{display:block;font:600 14px/1.25 var(--font-head)}
.tactics-pop header small{display:block;font-size:11px;color:#d6b675}
.tactics-pop-close{flex:none;width:36px;min-height:36px;padding:0;font-size:20px;line-height:1;background:#ffffff14;color:#f2e8d4;border:1px solid #ffffff33;box-shadow:none}
.tactics-pop-tabs{display:flex;gap:6px}
.tactics-pop-tabs button{flex:1;min-height:36px;padding:3px 6px;font-size:11px;line-height:1.2;background:#ffffff10;color:#e9dfc5;border:1px solid #ffffff2a;box-shadow:none}
.tactics-pop-tabs button small{display:block;font-size:10px;opacity:.8}
.tactics-pop-tabs button[aria-pressed=true]{background:#f1e5c8;color:#294433;border-color:#f1e5c8}
.tactics-pop .tactics-pitch{flex:1;height:auto!important;min-height:0}
.tactics-pop .tactics-pitch button{font-size:9px;min-height:30px;padding:2px}
@media(prefers-reduced-motion:reduce){dialog.tactics-pop{animation:none}}
/* ---------- Team plan (every plan view: club tactics, match popup, opponent) ---------- */
.tactics-pitch{background:repeating-linear-gradient(#1c5f40 0 10%,#226b49 10% 20%)!important;box-shadow:inset 0 0 0 6px #154a35,inset 0 0 50px #0006!important}
.tactics-pitch-lines g{opacity:.5}
.tactics-pitch button.tactics-player{gap:2px;width:19%;transform:translate(-50%,-34%)}
/* shirt: team colour disc with a soft bevel */
.tactics-pitch .tactics-player-number{width:38px;height:38px;font:600 16px/1 var(--font-num)!important;border:2px solid var(--team-secondary)!important;
 box-shadow:inset 0 2px 0 #ffffff55,inset 0 -3px 0 #0003,0 3px 6px #0006!important;outline:none}
/* position: small pill in a light tint of the line it belongs to, dark text so it reads on grass */
/* the pill overlaps the bottom of the shirt disc, which keeps each token short enough for 5 lines */
.tactics-pitch .tactics-player-position{position:relative;z-index:1;min-width:0!important;margin:-9px auto 0!important;padding:1px 7px!important;border-radius:999px!important;
 font:700 9px/1.45 var(--font-body)!important;letter-spacing:.08em;color:#0e2a20!important;background:#e9efe2!important;box-shadow:0 1px 2px #0005}
.tactics-pitch .tactics-player-position[data-group=FW]{background:#ffc2b5!important}
.tactics-pitch .tactics-player-position[data-group=MD]{background:#b6efc4!important}
.tactics-pitch .tactics-player-position[data-group=DF]{background:#b7dbf7!important}
.tactics-pitch .tactics-player-position[data-group=GK]{background:#ffe08f!important}
/* name: one short line on a dark tag, so a full XI never crowds */
.tactics-pitch .tactics-player-name{display:block!important;max-width:120%;min-height:0!important;padding:1px 6px;border-radius:4px;background:#0a2219b3;
 font:500 10px/1.35 var(--font-body)!important;color:#f4f1e6!important;text-shadow:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tactics-player[aria-pressed=true] .tactics-player-number{outline:none!important}
/* the player's own slot */
.tactics-pitch .tactics-player.is-you .tactics-player-number{background:linear-gradient(#ffe07a,var(--gold))!important;color:#14302a!important;border-color:#fff6d6!important;box-shadow:0 0 0 3px #f7cf6766,0 0 16px #f7cf67aa,0 3px 6px #0006!important}
.tactics-pitch .tactics-player.is-you .tactics-player-name{background:var(--gold);color:#14302a!important;font-weight:700!important}
/* keeper sits at the bottom edge: lift the token so the name stays on the pitch */
.tactics-pitch button.tactics-player:has(.tactics-player-position[data-group=GK]){transform:translate(-50%,-62%)}
/* smaller tokens inside the match popup (5 lines must fit in ~330 px) */
.tactics-pop .tactics-pitch .tactics-player-number{width:28px;height:28px;font-size:13px!important}
.tactics-pop .tactics-pitch .tactics-player-position{font-size:8px!important;padding:0 6px!important;margin-top:-7px!important}
.tactics-pop .tactics-pitch .tactics-player-name{font-size:9px!important;padding:0 5px}

/* ---------- Match buff tray: compact strip so pitch + choices fit on one screen ---------- */
.match-modal .match-buffs{display:flex;align-items:center;gap:10px;margin:6px 0!important;padding:6px 10px!important;font-size:12px}
.match-modal .match-buffs>.bi,.match-modal .match-buffs>span{flex:0 0 auto;max-width:130px;line-height:1.25}
.match-modal .match-buffs>small{display:none!important}   /* full rule text lives in the tray's hover hint */
.match-modal .buff-dice{flex:1;margin:0!important;display:flex!important;gap:6px!important;padding:5px 8px 3px!important;border-width:4px!important;border-radius:10px!important;overflow-x:auto}
.match-modal .buff-die-slot{flex:0 0 46px}
.match-modal .buff-dice button{height:46px!important;min-height:44px!important;border-radius:9px!important}
.match-modal .buff-dice button b{font-size:20px!important}
.match-modal .buff-die-label{margin-top:2px!important;min-height:0!important;font-size:8px!important;line-height:1.2}
@media(max-width:540px){.match-modal .match-buffs{flex-direction:column;align-items:stretch;gap:4px}.match-modal .match-buffs>.bi{max-width:none}.match-modal .buff-die-slot{flex-basis:42px}}

/* auto-advance between highlights: a slim bar that fills, click to skip */
.match-modal .auto-next{position:relative;overflow:hidden;width:100%;min-height:44px;padding:6px 12px;background:#173c30;color:#e9dfc5;border:1px solid #a98b51;box-shadow:none;font-weight:600}
.match-modal .auto-next::before{content:'';position:absolute;inset:auto 0 0 0;height:4px;background:var(--gold);transform-origin:left;animation:auto-next var(--auto-ms,2000ms) linear forwards}
@keyframes auto-next{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.match-modal .auto-next::before{animation:none;transform:scaleX(1);opacity:.5}}

/* benches only belong on the live pitch, not above the pre-match / touchline pictures */
.pitch:has(.prematch-stadium:not([hidden])) .match-team-controls{display:none!important}

/* ---------- Substitute touchline scene (illustration + digital board) ---------- */
.prematch-stadium.is-touchline{aspect-ratio:1672/941;container-type:inline-size;background:#0c1c29}
.touchline-art{display:block;width:100%;height:100%;object-fit:cover}
/* sits on the screen of the board the 4th official holds up (measured on the 1672×941 picture) */
.touchline-board{position:absolute;left:62.9%;top:3.4%;width:13.4%;height:8.9%;display:grid;place-items:center;border-radius:.4cqw;
 background:radial-gradient(ellipse at 50% 50%,#0d2a1c,#050b08 75%);box-shadow:inset 0 0 1.2cqw #000}
.touchline-board span{font:600 5.4cqw/1 var(--font-num);font-variant-numeric:tabular-nums;color:#7dff9e;letter-spacing:.05em;
 text-shadow:0 0 .6cqw #4dff7c,0 0 1.6cqw #22c95599;animation:board-flicker 2.4s ease-in-out infinite}
@keyframes board-flicker{0%,100%{opacity:1}48%{opacity:1}50%{opacity:.82}52%{opacity:1}}
/* info card in the clear grass area bottom-left, away from the player and the official */
.prematch-stadium.is-touchline .prematch-copy{left:1.5%;top:auto;bottom:4%;max-width:20%;padding:1.2cqw 1.4cqw}
.prematch-stadium.is-touchline .prematch-copy small{font-size:max(9px,1.1cqw)}
.prematch-stadium.is-touchline .prematch-copy h3{font-size:max(13px,2cqw);margin:.3cqw 0}
.prematch-stadium.is-touchline .prematch-copy p{font-size:max(11px,1.5cqw);margin:0}
/* starting XI: dressing-room picture (1672×941); card bottom-centre over the table, clear of the #10 and the coach */
.prematch-stadium.is-locker{aspect-ratio:1672/941;container-type:inline-size;background:#0c1c29}
.prematch-stadium.is-locker .prematch-copy{left:auto;right:auto;top:auto;bottom:3%;left:50%;transform:translateX(-50%);max-width:34%;padding:1.2cqw 1.6cqw;text-align:center;border-left:0;border-top:3px solid #dec17e;border-radius:10px}
.prematch-stadium.is-locker .prematch-copy small{font-size:max(9px,1.1cqw)}
.prematch-stadium.is-locker .prematch-copy h3{font-size:max(13px,2cqw);margin:.3cqw 0}
.prematch-stadium.is-locker .prematch-copy p{font-size:max(11px,1.5cqw);margin:0}
/* on phones the card would cover the players; the scoreboard above already names both teams */
@media(max-width:600px){.prematch-stadium.is-touchline .prematch-copy,.prematch-stadium.is-locker .prematch-copy{display:none}}
@media(prefers-reduced-motion:reduce){.touchline-board span{animation:none}}

/* ---------- Personal season card (03 Summary) ---------- */
.ps .personal-clipboard{padding:22px 16px 14px}
.ps .personal-clipboard h2{padding:8px 0 12px;font:600 17px/1.3 var(--font-head)}
.ps small{display:block;font-size:10px;letter-spacing:.06em;color:#b5d0c1}
.ps-top{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;margin-top:12px}
.ps-rating,.ps-side article,.ps-coach,.ps-comp,.ps-tile{background:#0b2d25b3;border:1px solid #4f7460;border-radius:8px}
.ps-rating{padding:12px 14px}
.ps-rating-head{display:flex;justify-content:space-between;align-items:flex-end}
.ps-rating strong{font:600 34px/1 var(--font-num);color:#f2e8d4}.ps-rating strong em{font-size:14px;font-style:normal;color:#9fb8aa;margin-left:2px}
.ps-rating.excellent strong{color:#ffe082}.ps-rating.good strong{color:#a9ecb6}.ps-rating.poor strong{color:#ffb19b}
.ps-best{text-align:right}.ps-best b{font:600 20px/1 var(--font-num);color:var(--gold)}
.ps-bar{position:relative;height:10px;margin:10px 0 2px;border-radius:99px;background:#ffffff14;overflow:visible}
.ps-bar .fill{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,#ae4239,#a77719 55%,#287257 72%,#3fbf7f)}
.ps-bar .best{position:absolute;top:-4px;width:3px;height:18px;margin-left:-1.5px;border-radius:2px;background:var(--gold);box-shadow:0 0 6px #f7cf67}
.ps-bar i{position:absolute;top:0;bottom:0;width:1px;background:#ffffff40}
.ps-bar-scale{position:relative;height:12px;font:500 9px/1 var(--font-num);color:#8fa99b}
.ps-bar-scale span{position:absolute;transform:translateX(-50%)}.ps-bar-scale span:first-child{transform:none}.ps-bar-scale span:last-child{transform:translateX(-100%)}
.ps-spark-wrap{margin-top:8px}
.ps-spark{display:block;width:100%;height:auto;margin-top:4px;overflow:visible}
.ps-spark polyline{fill:none;stroke:#a9ecb6;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ps-spark circle{fill:#f2e8d4;stroke:#0b2d25;stroke-width:1}
.ps-spark circle.is-good{fill:#5fd68f}.ps-spark circle.is-low{fill:#ff8f7e}
.ps-spark circle.is-max{fill:var(--gold);stroke:#fff3c4;stroke-width:1.5}.ps-spark circle.is-min{fill:#e05b4c;stroke:#ffd0c8;stroke-width:1.5}
.ps-spark-mid{stroke:#ffffff40;stroke-dasharray:4 4}
.ps-spark text{font:600 10px var(--font-num);text-anchor:middle}
.ps-spark .ps-spark-max{fill:var(--gold)}.ps-spark .ps-spark-min{fill:#ff8f7e}
.ps-spark .ps-spark-avg{fill:#9fb8aa;font-size:8.5px;text-anchor:start}
.ps-side{display:grid;grid-template-rows:auto auto 1fr;gap:8px}
.ps-side article{padding:9px 12px}.ps-side b{font:600 16px/1.2 var(--font-num);color:#ead18b}
.ps-coach{padding:9px 12px;border-left:3px solid #d5bb6c}.ps-coach p{margin:4px 0 0;font-size:12px;line-height:1.45;color:#e6eadd}
.ps-comps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.ps-comp{padding:9px 10px}.ps-comp b{display:block;font-size:13px;color:#e6eadd;margin:2px 0 6px}
.ps-comp.is-none{opacity:.55}.ps-comp.is-none b{margin-bottom:0}
.ps-comp.is-top{border-color:#7fbf8f}.ps-comp.is-champion{border-color:#e9c765;background:#705d1e66}.ps-comp.is-champion b{color:#ffe082}
.ps-stages{display:flex;gap:3px}
.ps-stages i{flex:1;text-align:center;font:600 9px/16px var(--font-body);font-style:normal;border-radius:3px;background:#ffffff12;color:#7f978a}
.ps-stages i.on{background:#3f8f63;color:#fff}.ps-comp.is-champion .ps-stages i.on{background:var(--gold);color:#14302a}
.ps-rank{height:6px;border-radius:99px;background:#ffffff14;overflow:hidden}.ps-rank span{display:block;height:100%;width:var(--p);background:linear-gradient(90deg,#a77719,#3fbf7f)}
.ps-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}
.ps-comps{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ps-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important}
.ps-tile{display:flex;gap:9px;align-items:flex-start;padding:9px 10px}
.ps-tile>div{min-width:0;flex:1}.ps-tile small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-tile strong{display:block;font:600 22px/1.1 var(--font-num);color:#f2e8d4}.ps-tile strong em{font-size:12px;font-style:normal;color:#8fa99b}
.ps-ic{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#ffffff10;color:#a9ecb6}.ps-ic .stat-icon{width:17px;height:17px}
.ps-split{display:block;margin-top:3px;font-size:9.5px;color:#8fa99b}
.ps-mini{display:block;height:4px;margin-top:5px;border-radius:99px;background:#ffffff14;overflow:hidden}.ps-mini span{display:block;height:100%;background:#7fbf8f}
.ps-tile.is-hot{border-color:#e9c765;background:#705d1e55}.ps-tile.is-hot strong{color:#ffe082}.ps-tile.is-hot .ps-ic{color:var(--gold)}
.ps-tile.is-warn .ps-mini span{background:var(--bad)}.ps-tile.is-warn strong{color:#ffb19b}
@media(max-width:700px){.ps-top{grid-template-columns:minmax(0,1fr)!important}.ps-comps,.ps-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* while the dice are still tumbling, don't reveal the colour/number labels under them */
.dice3d-on .die-wrap:has(.die.pulse) .die-state{visibility:hidden}

/* ---------- Skill medallions (assets/skills) ---------- */
.skill-art{position:relative;display:inline-block;flex:none;width:var(--sz,56px);height:var(--sz,56px);
 background:var(--art-url) var(--art-pos)/500% 200% no-repeat;
 filter:drop-shadow(0 2px 3px #0009) drop-shadow(0 0 6px var(--skill-metal,transparent))}
.skill-art.is-locked{filter:grayscale(1) brightness(.5) contrast(.9) drop-shadow(0 2px 3px #0009)}
/* top level of the tier: moving glint masked to the medallion + twinkling sparkles */
.skill-art.is-max::after{content:'';position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
 background:linear-gradient(115deg,transparent 30%,#fff 47%,#ffe9a8 53%,transparent 70%) 0 0/300% 100%;
 -webkit-mask:var(--art-url) var(--art-pos)/500% 200% no-repeat;mask:var(--art-url) var(--art-pos)/500% 200% no-repeat;animation:item-glint 2.8s ease-in-out infinite}
.skill-art.is-max i{position:absolute;width:calc(var(--sz,56px)*.2);height:calc(var(--sz,56px)*.2);pointer-events:none;z-index:2;opacity:0;
 background:radial-gradient(circle,#fff 0 18%,#fff8c9 19% 34%,transparent 36%),linear-gradient(#fff,#fff) 50% 50%/10% 100% no-repeat,linear-gradient(#fff,#fff) 50% 50%/100% 10% no-repeat;
 filter:drop-shadow(0 0 3px #ffe58a);animation:item-twinkle 2.2s ease-in-out infinite}
.skill-art.is-max i:nth-child(1){left:6%;top:12%;animation-delay:0s}
.skill-art.is-max i:nth-child(2){left:74%;top:10%;animation-delay:.6s}
.skill-art.is-max i:nth-child(3){left:10%;top:70%;animation-delay:1.2s}
.skill-art.is-max i:nth-child(4){left:78%;top:72%;animation-delay:1.7s}
@media(prefers-reduced-motion:reduce){.skill-art.is-max::after,.skill-art.is-max i{animation:none}.skill-art.is-max i{opacity:.8}}
/* skill cards: icon on the left, text on the right */
.skill-card{display:grid!important;grid-template-columns:60px minmax(0,1fr);column-gap:10px;align-items:start}
.skill-card>.sc-ico{grid-column:1;grid-row:1/span 4;display:grid;place-items:center;padding-top:2px}
.skill-card>:not(.sc-ico){grid-column:2}

/* ---------- Items: art, rarity, special shimmer ---------- */
.item-art{position:relative;display:inline-block;flex:none;width:var(--sz,56px);height:var(--sz,56px);border-radius:10px;
 background:#ffffff0a var(--art-url) var(--art-pos)/500% 200% no-repeat;border:1px solid #ffffff22;box-shadow:inset 0 0 0 1px #0004}
.item-art.r-uncommon{border-color:#5fbf8a;box-shadow:0 0 8px #5fbf8a55,inset 0 0 0 1px #0004}
.item-art.r-rare{border-color:#6aa8ff;box-shadow:0 0 10px #6aa8ff66,inset 0 0 0 1px #0004}
.item-art.r-special{border-color:#f2cf6b;box-shadow:0 0 14px #f2cf6b88,inset 0 0 0 1px #0004;background-color:#3a2f10}
/* special boots: a moving glint that only shows on the boots (masked by the same art) + twinkling sparkles */
.item-art.is-special::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;mix-blend-mode:screen;
 background:linear-gradient(115deg,transparent 30%,#fff 48%,#ffe9a8 52%,transparent 70%) 0 0/300% 100%;
 -webkit-mask:var(--art-url) var(--art-pos)/500% 200% no-repeat;mask:var(--art-url) var(--art-pos)/500% 200% no-repeat;animation:item-glint 2.6s ease-in-out infinite}
.item-art.is-special i{position:absolute;width:calc(var(--sz,56px)*.16);height:calc(var(--sz,56px)*.16);pointer-events:none;z-index:2;opacity:0;
 background:radial-gradient(circle,#fff 0 18%,#fff8c9 19% 34%,transparent 36%),linear-gradient(#fff,#fff) 50% 50%/10% 100% no-repeat,linear-gradient(#fff,#fff) 50% 50%/100% 10% no-repeat;
 filter:drop-shadow(0 0 3px #ffe58a);animation:item-twinkle 2.2s ease-in-out infinite}
.item-art.is-special i:nth-child(1){left:12%;top:14%;animation-delay:0s}
.item-art.is-special i:nth-child(2){left:70%;top:20%;animation-delay:.6s}
.item-art.is-special i:nth-child(3){left:28%;top:62%;animation-delay:1.2s}
.item-art.is-special i:nth-child(4){left:76%;top:66%;animation-delay:1.7s}
@keyframes item-glint{0%{background-position:130% 0}60%,100%{background-position:-30% 0}}
@keyframes item-twinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}45%{opacity:1;transform:scale(1) rotate(30deg)}70%{opacity:0;transform:scale(.4) rotate(60deg)}}
@media(prefers-reduced-motion:reduce){.item-art.is-special::after,.item-art.is-special i{animation:none}.item-art.is-special i{opacity:.8}}

/* ---------- Inventory dialog ---------- */
dialog.items-room{width:min(94vw,760px);max-height:92dvh;padding:14px;background:linear-gradient(160deg,#173c30,#0f2a24);color:#f2e8d4;border:3px solid var(--brass);border-radius:14px;overflow:auto}
dialog.items-room::backdrop{background:#04120ecc}
.gi-head{display:flex;justify-content:space-between;align-items:center}
.gi-head h2{margin:0;font:600 19px/1.2 var(--font-head)}.gi-head small{font:400 12px var(--font-body);color:#d6b675;margin-left:6px}
.gi-close{width:38px;min-height:38px;padding:0;font-size:22px;line-height:1;background:#ffffff14;color:#f2e8d4;border:1px solid #ffffff33;box-shadow:none}
.gi-tabs{display:flex;align-items:center;gap:6px;margin:10px 0}
.gi-tabs button{flex:0 0 auto;min-width:96px;min-height:34px;padding:4px 14px;font-size:12.5px;background:#ffffff10;color:#e9dfc5;border:1px solid #ffffff2a;box-shadow:none}
.gi-tabs button[aria-pressed=true]{background:#f1e5c8;color:#294433;border-color:#f1e5c8}
.gi-stat{margin-left:auto;font-size:12px;color:#c9d6c6;white-space:nowrap}.gi-stat b{color:#f0d488;font-family:var(--font-num)}
.gi-section{margin-top:12px}
.gi-section>h3{margin:0 0 6px;font:600 13px/1.3 var(--font-body);color:#f0d488}.gi-section>h3 small{font-weight:400;color:#9fb8aa;margin-left:6px}
.gi-section>h3 small.is-full{color:#ff9c8c;font-weight:700}
.gs-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.gs-slot{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:10px;background:#0b2d25b3;border:1px dashed #4f7460;text-align:center;min-width:0}
.gs-slot.has-item{border-style:solid;border-color:#a98b51;background:#0f3a2e}
.gs-slot>small{font-size:10.5px;color:#9fb8aa;letter-spacing:.05em}
.gs-slot b{font:500 10.5px/1.25 var(--font-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.gs-slot button{min-height:26px;padding:1px 10px;font-size:11px;background:#ffffff14;color:#f2e8d4;border:1px solid #ffffff33;box-shadow:none}
.gs-empty{display:grid;place-items:center;width:54px;height:54px;border-radius:10px;font-size:11px;color:#6d8a7c}
.gi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px}
.gi-card{position:relative;display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:10px;background:#0b2d25b3;border:1px solid #3f6a58;min-width:0}
.gi-card.r-uncommon{border-color:#5fbf8a88}.gi-card.r-rare{border-color:#6aa8ffaa}.gi-card.r-special{border-color:#f2cf6b;background:linear-gradient(120deg,#3a2f1055,#0b2d25b3 60%)}
.gi-body{flex:1;min-width:0}.gi-body h4{margin:0;font:600 13px/1.25 var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gi-body>small{display:block;font-size:10.5px;color:#9fb8aa}.gi-str{color:#f0d488;letter-spacing:1px;font-size:9px}
.gi-eff{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:2px}
.it-eff{font-size:10.5px;color:#cfe0d3}.it-eff b{display:inline-block;padding:0 5px;margin-right:2px;border-radius:4px;background:#ffffff14;color:#f0d488;font-weight:600;font-size:9.5px}
.it-eff.is-off{opacity:.45}
.gi-why{display:block;font-size:10.5px;color:#ffb3a7}
.gi-act{display:flex;flex-direction:column;gap:4px;flex:none}
.gi-act button{min-height:30px;padding:2px 10px;font-size:11.5px;background:#ffffff12;color:#f2e8d4;border:1px solid #ffffff33;box-shadow:none}
.gi-act .gi-primary{background:#f1e5c8;color:#294433;border-color:#f1e5c8;font-weight:700}
.gi-act button:disabled{opacity:.4}
.gi-disc{font-size:10px;color:#a9ecb6;text-align:center}
.gi-count{position:absolute;left:5px;top:3px;padding:0 6px;border-radius:99px;background:var(--gold);color:#14302a;font:700 10.5px/16px var(--font-num);z-index:3}
.gi-none{margin:0;font-size:12px;color:#8fa99b}
.gi-link{min-height:34px;padding:4px 12px;font-size:12.5px;background:#ffffff14;color:#f2e8d4;border:1px solid #ffffff33;box-shadow:none}
@media(max-width:560px){.gs-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.gs-slot .item-art{--sz:42px!important}.gs-empty{width:42px;height:42px}.gi-grid{grid-template-columns:1fr}}

/* ---------- Shop / Event page header: balance + finish button together ---------- */
.intermission-heading{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ih-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
.ih-actions>strong{white-space:nowrap}
.intermission-heading [data-finish]{min-height:44px;padding:8px 16px;font:700 13px var(--font-body);background:var(--coral);color:#fff;border:0;border-radius:8px;box-shadow:0 4px 0 var(--coral-dark)}
.intermission-heading [data-finish]:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--coral-dark)}
.intermission-heading [data-finish]:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
@media(max-width:600px){.ih-actions{width:100%}.ih-actions>strong{flex:1}.intermission-heading [data-finish]{flex:1 1 100%}}

/* ---------- Club Shop: game-themed shelves and compact cards ---------- */
.legacy-shelf{margin:14px 0 18px!important;padding:12px 12px 16px!important;border:6px solid var(--oak-dark)!important;border-bottom-width:12px!important;border-radius:12px;
 background:repeating-linear-gradient(1deg,#ffffff08 0 1px,transparent 1px 9px),linear-gradient(110deg,#b17b46,#8f5c33)!important;box-shadow:inset 0 1px 1px #dfbb7d,0 10px 22px #0005!important}
.legacy-shelf>h2{margin:0 0 10px!important;font:600 15px/1.3 var(--font-head)!important;letter-spacing:.08em!important;color:#fff3d4!important;text-shadow:0 1px 2px #0007}
.legacy-store-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;gap:8px!important}
.legacy-store-card{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"ic ti bt" "ic de bt";align-items:center;gap:1px 10px!important;padding:8px 10px!important;text-align:left!important;
 background:radial-gradient(ellipse at 30% 10%,#286052,#133b32)!important;border:1px solid var(--brass)!important;border-radius:10px!important;box-shadow:inset 0 3px 10px #0007,0 2px 0 #3f2a17!important}
.legacy-store-card>span{grid-area:ic;display:grid;place-items:center;font-size:28px!important;line-height:1!important;width:48px;height:48px}
.legacy-store-card>h3{grid-area:ti;margin:0;font:600 13px/1.25 var(--font-body)!important;color:#f4ead5}
.legacy-store-card>p{grid-area:de;margin:0;font-size:11px!important;line-height:1.4!important;color:#b9cdbd!important;white-space:normal!important;flex:none!important}
.legacy-store-card>button{grid-area:bt;align-self:center;min-height:36px;min-width:84px;padding:4px 10px;font:700 12px var(--font-num)!important;background:#f1e5c8!important;color:#294433!important;border:1px solid #c9b88a!important;border-radius:8px;box-shadow:0 3px 0 #a38d68}
.legacy-store-card>button:disabled{opacity:.4;box-shadow:none}
/* dice icons = the game's coloured dice (white pips, group colour) */
.die-ico{--c:#9a8f78;display:block;position:relative;width:38px;height:38px;border-radius:9px;
 background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--c),#fff 32%),var(--c) 56%,color-mix(in srgb,var(--c),#000 32%));
 box-shadow:inset 0 2px 0 #ffffff55,inset 0 -3px 0 #0003,0 3px 0 color-mix(in srgb,var(--c),#000 50%),0 6px 8px #0006;transform:rotate(-6deg)}
.die-ico svg{position:absolute;inset:0;display:block;filter:drop-shadow(0 1px 0 #0005)}
.die-ico.g-ATK{--c:#be5148}.die-ico.g-MID{--c:#398365}.die-ico.g-DEF{--c:#467aa8}.die-ico.g-PHY{--c:#b8891f}.die-ico.g-TEC{--c:#8864a0}.die-ico.g-WILD{--c:#2b2e33}
.die-ico.g-RND{background:conic-gradient(from 20deg,#be5148,#b8891f,#398365,#467aa8,#8864a0,#be5148);box-shadow:inset 0 0 0 3px #ffffff40,inset 0 -3px 0 #0003,0 3px 0 #2b2b2b,0 6px 8px #0006}
@media(max-width:600px){.legacy-store-grid{grid-template-columns:minmax(0,1fr)!important}}

/* slot silhouettes (instead of words) */
.slot-ico{display:block;color:#8aa396;filter:drop-shadow(0 1px 0 #0006)}
.gs-slot>.gs-ico{display:grid;place-items:center;height:22px}
.gs-slot.has-item .slot-ico{color:#d6b675}
.gs-empty{width:54px;height:54px}.gs-empty .slot-ico,.slot-ico.is-empty{color:#6f8a7c;opacity:.38}
.gb-slot .slot-ico.is-empty{opacity:.45}
/* sale / daily fuel / pack */
.gi-card.is-sale{border-color:#e9c765aa;background:linear-gradient(120deg,#4a1d1d66,#0b2d25b3 55%)}
.gi-sale{position:absolute;right:8px;top:-8px;z-index:3;padding:1px 9px;border-radius:99px;background:#d7263d;color:#fff;font:800 10px/17px var(--font-body);letter-spacing:.08em;box-shadow:0 2px 6px #0007;transform:rotate(3deg)}
.gi-old{font:500 11px var(--font-num);color:#9fb0a6}
.shelf-sale>h2 small,.shelf-daily>h2 small,.shelf-pack>h2 small{font:400 11px var(--font-body);color:#9fb8aa;margin-left:8px}
.shelf-sale{border-color:#d7263d88!important}
.shelf-pack{border-color:#e9c765!important;background:linear-gradient(120deg,#3a2f1066,transparent)}

/* ---------- Gear bar (training page + match) ---------- */
.gear-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gb-slots,.gb-acts{display:flex;gap:4px;align-items:center}
.gb-acts{flex:1;min-width:0;flex-wrap:wrap;gap:6px;padding:2px 6px 6px 0}.gb-acts small{font-size:11px;color:#6b7a70}
/* gear bar chips: same 40px square as the equipment slots (dialogs force button{width:100%}, so size + margin are explicit) */
.gb-slot{width:40px!important;min-height:40px!important;height:40px;padding:0!important;margin:0!important;display:grid;place-items:center;border-radius:9px;background:#0f2a24;border:1px dashed #5b7a6a;box-shadow:none;color:#7f978a}
.gb-slot em{font:normal 9.5px var(--font-body)}.gb-slot.has-item{border-style:solid;border-color:#a98b51;background:#1b3d33}
.gb-act{position:relative;width:40px!important;min-width:40px;height:40px;min-height:40px!important;padding:0!important;margin:0!important;display:grid;place-items:center;border-radius:9px;background:#f1e5c8;color:#294433;border:1px solid #b9a37a;box-shadow:none}
.gb-act b{position:absolute;right:-4px;bottom:-5px;min-width:18px;padding:0 4px;border-radius:99px;background:var(--gold);color:#14302a;border:1px solid #fff3c4;font:700 10px/16px var(--font-num);text-align:center}
.gb-act:disabled{opacity:.5;filter:grayscale(.55);background:#cfc6b0}
.gb-act.can{box-shadow:0 0 0 2px #7fe0a4aa}
.gb-open{width:auto!important;min-height:40px!important;height:40px;margin:0!important;padding:3px 10px!important;font-size:12px;background:#243e31;color:#efdfbd;border:1px solid #6a886e;box-shadow:none}
.gb-slot em{font:normal 9.5px var(--font-body)}.gb-slot.has-item{border-style:solid;border-color:#a98b51;background:#1b3d33}
.gb-health{display:block;margin-top:3px;font-size:11px;color:#6d5a3a}
.match-gear{margin:6px 0;padding:6px 10px;border-radius:8px;background:#0b2d25;border:1px solid #4f7460}
.match-gear .gb-acts small{color:#8fa99b}

/* ---------- Shop shelf ---------- */
.gear-shelf>h2 small{font:400 11px var(--font-body);color:#9fb8aa;margin-left:8px}
.gear-sub{margin:10px 0 6px;font:600 12px var(--font-body);color:#f0d488;letter-spacing:.05em}
.gear-note{margin:10px 0 0}
.items-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);padding:9px 16px;border-radius:99px;background:#0b2d25;color:#f2e8d4;border:1px solid var(--gold);font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9999}
.items-toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- Event page: wallet strip ---------- */
.event-wallet{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:8px;background:#0c2424;border:1px solid #bda46d55;font-size:13px}
.event-wallet b{color:#f0d488;font:600 15px var(--font-num)}

/* ---------- Contract offer card: compact ---------- */
.contract-offer.co-compact{padding:12px!important;gap:8px}
.co-compact>header{display:flex;align-items:center;gap:10px;margin:0 0 8px}
.co-compact>header img,.co-compact>header .transfer-badge{width:36px!important;height:40px!important;object-fit:contain;flex:none}
.co-compact>header small{display:block;font-size:10.5px;opacity:.8}
.co-compact>header h3{margin:0;font:600 16px/1.2 var(--font-head)}
.co-terms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:6px}
.co-terms>div{padding:6px 7px;border-radius:7px;background:#0d1620cc;border:1px solid #ffffff14;min-width:0}
.co-terms small{display:block;font-size:9.5px;color:#9fb0c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-terms b{display:block;font:600 13px/1.3 var(--font-num);color:#f0d488;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-tip{display:flex;gap:6px;align-items:center;margin:0 0 6px!important;font-size:11.5px!important;color:#e6dcc4}
.co-pick{padding:10px!important;margin:0!important}
.co-pick label{display:block;font-size:11px;margin-bottom:6px}
.co-pick select{width:100%;min-height:38px!important;margin-top:3px;font-size:12.5px}
.co-pick>small{font-size:10px;opacity:.7}
.co-compact [data-sign]{min-height:42px;margin-top:8px}
@media(max-width:420px){.co-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* picker: role + position side by side, compact fit summary */
.co-selects{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:6px}
.co-selects label{margin:0!important;font-size:10.5px!important;color:#9fb0c4}
.co-selects select{min-height:34px!important;padding:4px 6px!important;font-size:12px!important}
.co-compact [data-role-description]{gap:5px!important;margin:8px 0 0!important;padding:8px 9px!important}
.rf-head{display:flex!important;align-items:center;gap:6px;min-width:0}
.rf-role{flex:1;min-width:0;font-size:11.5px;color:#d7e1ec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rf-head .rf-stars{font-size:12px}
.rf-effects{display:flex!important;flex-wrap:wrap;gap:2px 10px;font-size:11px}
.rf-chips{display:flex!important;flex-wrap:wrap;gap:4px}
.rf-chip{font-size:10.5px;padding:2px 7px;border-radius:99px;background:#ffffff10;color:#d7e1ec;white-space:nowrap}
.rf-chip.rf-natural{background:#28725755;color:#a9ecb6}.rf-chip.rf-near{background:#a7771933;color:#f0d488}.rf-chip.rf-out{background:#ae423944;color:#ffb3a7}
.co-compact [data-sign]{min-height:38px!important;margin-top:8px}
@media(max-width:420px){.co-selects{grid-template-columns:1fr}}

/* ---------- Contract offer: role / position fit panel ---------- */
[data-role-description]{display:grid;gap:5px;margin:10px 0 6px;padding:10px 12px;border-radius:8px;background:#ffffff08;border:1px solid #ffffff1a;font-size:12px;line-height:1.35}
[data-role-description]>span{display:block}
.rf-verdict{justify-self:start;padding:2px 10px;border-radius:99px;font-weight:700;font-size:11px;letter-spacing:.03em}
.rf-good{background:#287257;color:#e8ffef}.rf-ok{background:#a77719;color:#fff6dc}.rf-bad{background:#ae4239;color:#fff0ec}
.rf-row{display:flex!important;justify-content:space-between;gap:10px}
.rf-row>span{color:#9fb0c4}.rf-row>b{text-align:right;font-weight:600}
.rf-stars{color:var(--gold);letter-spacing:1px;font-size:14px}
.rf-plus{color:#7fe0a4}.rf-minus{color:#ff9c8c}
.rf-keys{font-size:10.5px;color:#8b9bb0}
.rf-pos.rf-natural{color:#7fe0a4}.rf-pos.rf-near{color:#f0d488}.rf-pos.rf-out{color:#ff9c8c}
.rf-up{color:#7fe0a4}.rf-down{color:#ff9c8c}.rf-same{color:inherit}

/* ---------- League & cup results: compact trophy cards ---------- */
.tc-heading{font:600 18px/1.3 var(--font-head);margin:18px 0 10px}
.trophy-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.trophy-card{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:#1a2a3d;border:1px solid #33465c}
.trophy-card.is-yours{border-color:#e9c765;background:linear-gradient(120deg,#3a3218,#1a2a3d 70%);box-shadow:0 0 0 1px #e9c76555,0 6px 18px #0004}
.tc-trophy{flex:none;width:52px;height:64px;object-fit:contain;filter:drop-shadow(0 4px 6px #0007)}
.tc-body{min-width:0;flex:1}
.tc-body>small{display:block;font-size:11px;color:#94a4bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-champ{display:flex;align-items:center;gap:6px;margin:3px 0 6px;min-width:0}
.tc-champ img,.tc-champ .transfer-badge{width:20px!important;height:20px!important;object-fit:contain;flex:none}
.tc-champ b{font:600 14px/1.2 var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tc-label{flex:none;font-size:9px;font-weight:700;letter-spacing:.06em;padding:1px 6px;border-radius:99px;background:var(--gold);color:#14302a}
.tc-you{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tc-you .ps-stages{flex:0 0 120px}
.tc-chip{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:#ffffff12;color:#d7e1ec}
.tc-chip.good{background:#28725755;color:#a9ecb6}.tc-chip.gold{background:var(--gold);color:#14302a}
.tc-eligibility{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 4px}
.tc-eligibility small{font-size:11px;color:#94a4bc;margin-right:2px}
.tc-eligibility span{font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid #33465c}
.tc-eligibility .yes{color:#a9ecb6;border-color:#287257}.tc-eligibility .no{color:#8b9bb0}

/* ---------- Transfer news as a TV set: bezel, glass glare, LIVE bug ---------- */
.transfer-tv{position:relative;border:0!important;border-radius:16px!important;padding:10px 10px 22px;background:linear-gradient(#2a3540,#151c23)!important;
 box-shadow:inset 0 1px 0 #ffffff22,inset 0 -2px 0 #0008,0 14px 30px #0007!important;overflow:visible!important}
.transfer-tv>*:not(.transfer-tv-top){position:relative}
.transfer-tv-top{border-radius:8px 8px 0 0}
.transfer-tv-top,.transfer-tv-screen,.transfer-tv-bottom,.transfer-tv .market-news{margin:0}
.transfer-tv .market-news{border-radius:0 0 8px 8px}
/* screen glass glare over the whole picture */
.transfer-tv::before{content:'';position:absolute;inset:10px 10px 22px;border-radius:8px;pointer-events:none;z-index:2;
 background:linear-gradient(125deg,#ffffff14 0%,#ffffff05 22%,transparent 40%),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px);box-shadow:inset 0 0 40px #0008}
/* brand plate + power light on the bottom bezel */
.transfer-tv::after{content:'DICE';position:absolute;left:50%;bottom:4px;transform:translateX(-50%);font:700 9px/14px var(--font-body);letter-spacing:.3em;color:#7d8a97}
.transfer-tv-top{position:relative}
.tv-live{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;background:#d7263d;color:#fff;font:800 10px/16px Arial,sans-serif;letter-spacing:.12em;box-shadow:0 0 10px #d7263d88}
.tv-live i{width:7px;height:7px;border-radius:50%;background:#fff;animation:tv-live 1.2s ease-in-out infinite}
@keyframes tv-live{0%,100%{opacity:1}50%{opacity:.25}}
.tv-clock{font-family:var(--font-num);color:#fff}
@media(prefers-reduced-motion:reduce){.tv-live i{animation:none}}

/* ---------- Transfer news: compact broadcast panel ---------- */
.transfer-tv{margin:16px 0 12px;border-width:4px;border-bottom-width:8px;border-radius:10px}
.transfer-tv-top{gap:10px;padding:7px 12px;border-bottom-width:2px}
.transfer-tv-top>b{padding:3px 7px;font-size:11px}
.transfer-tv-top>span{font-size:12px;letter-spacing:.1em}
.transfer-tv-top small{font-size:10px}
.transfer-tv-screen{gap:14px;padding:12px 14px;min-height:0}
.transfer-tv-crest{width:56px!important;min-width:56px!important;height:60px!important;border-radius:8px}
.transfer-tv-crest img{width:42px!important;height:48px!important}
.transfer-tv-screen small{font-size:9px;letter-spacing:.12em}
.transfer-tv-screen h2{font:600 clamp(15px,2.2vw,18px)/1.3 var(--font-head);margin:3px 0}
.transfer-tv-screen p{font-size:11.5px;margin:0}
.transfer-tv-bottom>b{padding:8px 10px;font-size:10px;letter-spacing:.08em}
.transfer-tv-bottom>div{padding:5px 12px}
.transfer-tv-bottom p{margin:2px 0;font-size:11.5px}
.market-news{padding:10px 14px}
.market-news>header{padding-bottom:8px}
.market-news>header strong{font-size:11px}
.market-category{font-size:11px!important;letter-spacing:.06em;margin:10px 0 2px!important}
/* news lines: two columns on wide screens, tight rows */
.market-news{display:block}
.market-news .market-news-line{padding:5px 0!important;border-bottom:1px solid #1f3247!important}
.market-news-line p{font-size:11.5px!important;line-height:1.45!important}
.market-news-line p img{width:16px!important;height:18px!important}
.deal-tag{display:inline-block;margin-right:6px;padding:0 6px;border-radius:4px;background:#287257;color:#e8ffef;font:700 9px/16px var(--font-body);letter-spacing:.06em;vertical-align:middle}
.deal-arrow{color:#f0c660;font-weight:700;margin:0 2px}
.deal-fee{margin-left:4px;color:#f0d488;font:600 11.5px var(--font-num)}
@media(min-width:720px){.market-news{column-count:2;column-gap:22px}.market-news>header,.market-news .market-category{column-span:all}.market-news .market-news-line{break-inside:avoid}}

/* ---------- League table: compact, fits without sideways scrolling ---------- */
.season-table-scroll{overflow-x:visible!important}
.season-table table.league-table{min-width:0!important;width:100%;table-layout:fixed;font:500 13px/1.2 var(--font-body);font-variant-numeric:tabular-nums}
.league-table th{padding:8px 4px!important;font-size:11px;letter-spacing:.04em;color:#94a4bc;border-bottom:1px solid #3a4658;cursor:help}
.league-table td{padding:6px 4px!important;border-bottom:1px solid #263142}
.league-table th:nth-child(1),.league-table td:nth-child(1){width:30px}
.league-table th:nth-child(2),.league-table td:nth-child(2){width:auto;text-align:left}
.league-table th:nth-child(n+3):nth-child(-n+10),.league-table td:nth-child(n+3):nth-child(-n+10){width:34px}
.league-table th:nth-child(10),.league-table td:nth-child(10){width:40px}
.league-table th:nth-child(11),.league-table td:nth-child(11){width:104px}
.league-table td:nth-child(10) strong{font:600 15px/1 var(--font-num);color:#f0d488}
.league-table td:nth-child(9){color:#b9c7d9}
.league-table .table-club{gap:8px;min-width:0}
.league-table .table-club img,.league-table .table-club .transfer-badge{width:22px!important;height:22px!important;flex:none}
/* long names wrap to a second line instead of being cut */
.league-table .table-club b{font-weight:600;min-width:0;line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.league-table .table-form i{width:16px!important;height:16px!important}
.league-table tbody tr:nth-child(even){background:#ffffff05}
.league-table tbody tr:hover{background:#ffffff0c}
.league-table .your-club{background:#e6bc4d1a!important;box-shadow:inset 3px 0 0 #e6bc4d;border-left:0!important}
.league-table .table-form{gap:3px;justify-content:center}
.league-table .table-form i{font:700 10px/1 var(--font-body);width:18px;height:18px;padding:0;display:grid;place-items:center;font-style:normal}
/* narrow screens: drop goals for/against (goal difference stays) and the form strip */
@media(max-width:640px){
 .league-table th:nth-child(7),.league-table td:nth-child(7),.league-table th:nth-child(8),.league-table td:nth-child(8),
 .league-table th:nth-child(11),.league-table td:nth-child(11){display:none}
 .league-table{font-size:12px!important}
 .league-table th:nth-child(n+3):nth-child(-n+10),.league-table td:nth-child(n+3):nth-child(-n+10){width:30px}
}

/* ---------- Hall of Fame / trophies: black and gold ---------- */
.trophy-room,.trophy-celebrate{background:radial-gradient(at top,#866e37,#0d1714 70%);color:#f4ead5;border-color:var(--gold)}
.trophy-room h2,.trophy-room h3,.trophy-celebrate h2,.trophy-celebrate h3{color:#f0d488}
.trophy-grid article{background:#ffffff0d;border:1px solid #d8ad4355;border-radius:8px}

/* ---------- Mobile (matches 04-layout breakpoints) ---------- */
@media(max-width:850px){
 /* fix: 04-layout put .reqs on the same grid row as .training-tier, so they overlapped */
 .quest .training-tier{grid-row:2}.quest .reqs{grid-row:3}.quest .training-levels{grid-row:4}
 .die{border-radius:10px}
 .die small{display:none}
 .die b{font-size:24px}
 .die-icon .stat-icon{width:18px;height:18px}
 .match-modal .buff-dice button .die-icon .stat-icon{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){
 .pulse{animation:none}
 button{transition:none}
 .die.selected{transform:none}
}

/* ---------- action tiles (match choices): picture first, tiny caption ---------- */
.match-choices{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important;grid-template-columns:none!important}
.match-choices .act{--kc:#e0a43a;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;width:92px!important;min-height:0!important;margin:0!important;padding:6px 4px 5px!important;text-align:center!important;border-radius:12px;background:linear-gradient(#1f4a35,#183a29)!important;border:1px solid color-mix(in srgb,var(--kc) 55%,#0000)!important;color:#f5e9d0;transition:transform .12s,box-shadow .12s}
.match-choices .act.k-assist{--kc:#4aa3d6}.match-choices .act.k-defense{--kc:#5fbf7f}.match-choices .act.k-save{--kc:#e07b4a}
.match-choices .act:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0006,0 0 0 2px var(--kc)}
.match-choices .act:active{transform:translateY(0) scale(.97)}
.act-art{display:block;width:var(--sz,54px);height:var(--sz,54px);border-radius:10px;background-color:#143124;background-image:var(--art-url),var(--fb);background-size:500% 200%,52%;background-position:var(--art-pos),center;background-repeat:no-repeat;box-shadow:inset 0 0 0 2px var(--kc,#e0a43a),0 2px 5px #0006}
.match-choices .act b{font-size:11px;line-height:1.15;font-weight:600;max-width:100%;min-height:2.3em;display:flex;align-items:center;justify-content:center}
.match-choices .act small{display:block!important;max-width:none!important;margin:0!important;font-size:9.5px!important;line-height:1.1;color:#b9c9b8;text-transform:capitalize}
.match-choices .act small i{font-style:normal;font-weight:700;color:var(--kc)}
/* ---------- match result: one compact row ---------- */
.match-choices .match-result.compact{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;margin:0;padding:6px;background:transparent}
.match-result.compact span{display:flex;flex-direction:column;align-items:center;min-width:66px;padding:5px 10px;border-radius:10px;background:#d8dfc2;color:#173e30}
.match-result.compact b{font-size:18px;line-height:1.1}
.match-result.compact small{font-size:10px;color:#4e6a5a}
.match-exit{flex-basis:100%;margin:2px 0 0;text-align:center;font-size:11px;color:#6b5a38}

/* ---------- coach's notes (skill training cards) ---------- */
.notes-shelf .legacy-store-grid,.cn-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(236px,1fr))!important;gap:14px!important}
.notes-shelf h2 small{font-size:11px;font-weight:400;margin-left:8px;opacity:.8}
.coach-note{position:relative;display:flex;flex-direction:column;gap:5px;padding:16px 12px 10px 30px;color:#2b2a40;font-family:'Itim','Mitr',sans-serif;border-radius:3px 3px 6px 6px;transform:rotate(var(--tilt,0deg));box-shadow:0 5px 10px #0005;
 background:linear-gradient(90deg,#0000 22px,#d9534f66 22px,#d9534f66 23.5px,#0000 23.5px),repeating-linear-gradient(#fbf4de 0 21px,#9fb8d355 21px 22px);background-color:#fbf4de}
.coach-note::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:7px;background:radial-gradient(circle,#2b3a33 2.6px,#0000 3px) 0 8px/7px 26px repeat-y;opacity:.55}
.cn-tape{position:absolute;top:-8px;left:50%;width:58px;height:16px;margin-left:-29px;background:#e8d27acc;transform:rotate(-3deg);box-shadow:0 1px 3px #0003}
.coach-note header{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:#a8453f;letter-spacing:.04em}
.coach-note header b{font-weight:400;color:#555a7a}
.cn-main{display:flex;align-items:center;gap:8px}
.cn-main h4{margin:0;font-size:16px;line-height:1.1;font-weight:400}
.cn-main small{font-size:11px;color:#6a6d86}
.cn-task{margin:2px 0 0;font-size:12px;color:#a8453f}
.cn-req{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.cn-req li{display:grid;grid-template-columns:16px 1fr auto;gap:0 6px;align-items:center;font-size:12.5px}
.cn-req li em{font-style:normal}.cn-req li b{font-weight:400;font-size:12px;color:#555a7a}
.cn-req li i{grid-column:2/4;height:5px;border-radius:3px;background:#2b2a4022;overflow:hidden}.cn-req li u{display:block;height:100%;background:#4a8f6a}
.cn-chk{width:14px;height:14px;border:1.5px solid #2b2a4099;border-radius:3px;font-size:12px;line-height:12px;color:#2f8a58;text-align:center}
.cn-req li.ok .cn-chk{border-color:#2f8a58}
.cn-gain{margin:2px 0 0;font-size:11px;color:#555a7a;line-height:1.25}
.cn-stamp{align-self:flex-start;margin-top:2px;padding:1px 8px;border:2px solid #a8453f99;border-radius:4px;font-size:11px;color:#a8453f;transform:rotate(-3deg)}
.coach-note .cn-buy{width:100%!important;margin:4px 0 0!important;padding:6px!important;font-family:inherit;font-size:14px}
.coach-note.is-sold{opacity:.55}
.cn-sub{margin:14px 0 6px;font-size:13px}
.cn-earned-list{display:flex;flex-wrap:wrap;gap:8px}
.cn-earned{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border-radius:999px;background:#183a29;color:#f0dc9b;border:1.5px solid var(--skill-metal,#b19452)}
.cn-earned b{display:block;font-size:12px}.cn-earned small{font-size:10px;opacity:.8}
.cn-none{font-size:12px;color:#6b7a70}
/* earned skills strip beside the status */
.unlocked-skills button.sk-chip{display:flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;min-height:36px;border:1.5px solid var(--skill-metal,#b19452);border-radius:999px;background:#183a29;color:#f0dc9b;font-size:11px;text-align:left}
.unlocked-skills button.sk-chip small{display:block;font-size:9px;opacity:.75}
.skill-room>header button,.skill-room>header .skill-close{width:auto!important;margin:0 0 0 12px!important;flex:0 0 auto;padding:6px 14px}
.skill-room>header h2{margin:0}

/* coach's notes — compact pass */
.notes-shelf .legacy-store-grid,.cn-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:10px!important}
.coach-note{gap:3px;padding:11px 9px 7px 26px}
.coach-note::before{left:7px}
.cn-tape{top:-6px;width:44px;height:12px;margin-left:-22px}
.coach-note header{font-size:10px}
.cn-main{gap:6px}.cn-main .skill-art{--sz:34px!important}
.cn-main h4{font-size:14px}.cn-main small{font-size:10px}
.cn-task{display:none}
.cn-req{gap:2px}
.cn-req li{grid-template-columns:13px auto 1fr auto;gap:5px;font-size:12px}
.cn-req li i{grid-column:auto;order:0}
.cn-req li em .en{display:none}.cn-req li em .th{display:inline;font-size:inherit;margin:0}
.cn-req li b{font-size:11px}
.cn-chk{width:12px;height:12px;font-size:10px;line-height:10px}
.cn-gain{font-size:10px;margin:1px 0 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.coach-note .cn-buy{padding:3px!important;margin:3px 0 0!important;font-size:13px;min-height:0!important}
.cn-stamp{font-size:10px;padding:0 6px}
.cn-req li i{display:block;min-width:20px}
.notes-shelf .legacy-store-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))!important}
.cn-req li{font-size:11.5px}
.cn-req li{grid-template-columns:13px 1fr auto;gap:0 5px}
.cn-req li i{grid-column:2/4;height:3px}
.notes-shelf .legacy-store-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))!important;gap:9px!important}
.notes-shelf .legacy-store-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important}
.act-art{background-size:calc(var(--sz)*5.21) calc(var(--sz)*2.084),52%!important;background-position:calc((var(--c) + .02) * var(--sz) * -1.042) calc((var(--r) + .02) * var(--sz) * -1.042),center!important}
.match-choices .act{width:100px!important}
.match-choices .act b{min-height:2.2em}
.match-choices .act{--kc:#e0524e}.match-choices .act.k-assist{--kc:#4aa3d6}.match-choices .act.k-defense{--kc:#5fbf7f}.match-choices .act.k-save{--kc:#e0a43a}

/* gear bar toggle + compact action tiles */
.gear-bar .gb-toggle{width:auto!important;height:40px;margin:0!important;padding:0 10px!important;flex:0 0 auto;font-size:12px;border-radius:10px;background:#1d4a38;color:#f0dc9b;border:1px solid #3f6e57}
.gear-bar.is-off .gb-slots,.gear-bar.is-off .gb-acts{display:none!important}
.gear-bar.is-off .gb-open{margin-left:auto!important}
.match-choices{gap:6px!important}
.match-choices .act{width:80px!important;padding:5px 3px 4px!important;gap:2px}
.match-choices .act .act-art{--sz:62px!important}
.match-choices .act b{min-height:0;font-size:11px}
.match-choices .act b .en{display:none}
.match-choices .act b .th{display:block;font-size:11px;margin:0}
.match-choices .act small{display:none!important}

/* ---------- compact match summary ---------- */
dialog.flow-summary{width:min(92vw,430px)!important;padding:14px 16px 12px!important;border-radius:16px}
.flow-summary h2{margin:0 0 6px;font-size:15px}
.flow-summary h2 small{display:inline!important;font-size:12px;margin-left:6px}
.flow-results{line-height:1.35!important}
.flow-results p{margin:6px 0;font-size:11.5px}
.ms-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.flow-results .ms-score b{font-size:34px;line-height:1;display:block}
.ms-score small{font-size:11px!important;color:#5c6e60;margin-top:2px}
.ms-form{display:flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:12px;background:#173f32;color:#f6ecd3;min-width:86px}
.ms-form strong{font-size:26px!important;line-height:1;display:block!important}
.ms-form span{font-size:11px}
.ms-form.excellent strong{color:#ffdf75}.ms-form.good strong{color:#a9ecb6}.ms-form.average strong{color:#f2d49a}.ms-form.poor{background:#553a32}.ms-form.poor strong{color:#ffb19b}
.ms-chips{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 2px}
.ms-chips span{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:3px 8px;border-radius:9px;background:#dfe4c8;font-size:10px;color:#4e6a5a}
.ms-chips b{font-size:16px;color:#173e30;line-height:1.1}
.ms-trend{display:flex;align-items:center;gap:10px;margin:6px 0;padding:5px 10px;border-radius:9px;background:#173f32;color:#e9dcb8}
.ms-trend small{display:block!important;font-size:10.5px!important;line-height:1.3}
.ms-quote{display:flex;gap:8px;align-items:flex-start;margin:5px 0;padding:7px 10px;border-radius:10px;font-size:12px;line-height:1.35}
.ms-quote i{font-style:normal;font-size:20px;line-height:1}
.ms-quote small{display:block!important;font-size:10px!important;letter-spacing:.06em;opacity:.7}
.ms-quote.coach{background:#e6dcba;border-left:4px solid #ad864a}
.ms-quote.fans{background:#dbe7da;border-left:4px solid #4e9b6e}
.flow-summary .flow-next{width:63%!important;margin:8px 4px 0 0!important;padding:8px!important;font-size:12px}
.flow-summary .flow-back{width:calc(37% - 8px)!important;margin:8px 0 0!important;padding:8px!important;font-size:12px}
.act-art{background-size:500% 200%,52%!important;background-position:calc(var(--c) * 25%) calc(var(--r) * 100%),center!important}

/* fan feed as a phone */
.fan-phone{margin:6px auto 2px;width:100%;max-width:330px;border:5px solid #1a1f24;border-radius:20px;background:#fff;color:#14171a;overflow:hidden;box-shadow:0 4px 12px #0004;font-family:'IBM Plex Sans Thai',sans-serif}
.fp-bar{display:flex;align-items:center;gap:6px;padding:5px 10px;background:#f6f8fa;border-bottom:1px solid #e3e8ec;font-size:11px}
.fp-bar i{width:34px;height:5px;border-radius:3px;background:#1a1f24;margin:0 auto 0 0;flex:0 0 auto;opacity:.85}
.fp-bar b{margin-right:auto;font-size:12px}.fp-bar span{color:#5b7083}
.fp-post{display:flex;gap:7px;padding:6px 10px;border-bottom:1px solid #eef1f4}
.fp-post:last-child{border-bottom:0}
.fp-av{flex:0 0 28px;height:28px;border-radius:50%;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:700}
.fp-post p{margin:0}.fp-who{font-size:11.5px;line-height:1.2}.fp-who small{font-size:10px!important;display:inline!important;color:#6b7c8a}
.fp-txt{font-size:12px;line-height:1.3;margin:1px 0 2px!important}.fp-txt em{font-style:normal;color:#1d78d6}
.fp-act{display:flex;gap:14px;font-size:10px;color:#6b7c8a}

/* dice dropped on a training sheet leave the tray */
.die.placed{visibility:hidden!important}
#total .placed-chip{width:auto!important;margin:0 0 0 4px!important;padding:1px 8px!important;min-height:0!important;border-radius:999px;border:2px solid var(--c);background:#fffbe9;color:#173e30;font-size:12px;font-weight:700}

.quest .quest-dice{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.quest .quest-cancel{width:auto!important;margin:0 0 0 auto!important;padding:3px 12px!important;min-height:0!important;border-radius:999px;border:0;background:#c43d34;color:#fff;font-size:12px;font-weight:600;box-shadow:0 2px 0 #7e2620}
.quest .quest-cancel:hover{background:#d84a40}

/* training sheets: compact — no fail/pass/excellent list, no hint line */
.quest .training-levels{display:none!important}
.quest .reason{margin:2px 0 0!important;font-size:11px}
.quest .reason:empty{display:none}
.quest{padding-block:10px!important;gap:5px!important}
.quest h3{margin-bottom:0!important}

/* training drill pictures on the sheets */
.quest h3{display:flex!important;align-items:center;gap:8px}
.drill-art{flex:0 0 auto;display:block;width:var(--sz,52px);height:var(--sz,52px);border-radius:10px;background-color:#d9ccaa;background-image:var(--art-url),var(--fb);background-size:500% 200%,55%;background-repeat:no-repeat;background-position:calc(var(--c) * 25%) calc(var(--r) * 100%),center;box-shadow:inset 0 0 0 2px #fff8,0 2px 5px #0004;border:2px solid #fffdf3}

/* ---------- training goals: cork board with pinned cards ---------- */
.board-head{display:none!important}
#quests.quests{position:relative;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(176px,1fr))!important;gap:22px 16px!important;padding:44px 16px 18px!important;border-radius:14px;border:6px solid #7a4f2b;
 background:radial-gradient(#0002 1px,#0000 1.5px) 0 0/9px 9px,radial-gradient(#fff2 1px,#0000 1.5px) 4px 4px/11px 11px,linear-gradient(135deg,#c79a63,#b68652);box-shadow:inset 0 3px 12px #0005,0 4px 10px #0004}
#quests.quests::before{content:"◎ TRAINING GOALS";position:absolute;left:14px;top:-1px;padding:6px 16px;background:#e6cf9c;color:#4a3318;border:1px solid #8c6a37;border-top:0;border-radius:0 0 8px 8px;font:600 13px 'Chakra Petch',sans-serif;letter-spacing:.08em;box-shadow:0 2px 4px #0004}
.quest.gcard{position:relative;display:flex!important;flex-direction:column;gap:6px;padding:14px 11px 11px!important;margin:0!important;background:#f6efdc!important;border:0!important;border-radius:5px!important;box-shadow:0 5px 10px #0005;transform:rotate(var(--tilt,0deg));text-align:center}
.quest.gcard:nth-child(3n+1){--tilt:-.8deg}.quest.gcard:nth-child(3n+2){--tilt:.6deg}.quest.gcard:nth-child(3n){--tilt:-.4deg}
.quest.gcard.drop-target{outline:3px solid #f2c14e;outline-offset:2px}
.quest.gcard.done{filter:saturate(.5);opacity:.75}
.g-pin{position:absolute;left:50%;top:-9px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#c98f1f 60%,#7a5410);box-shadow:0 3px 3px #0006}
.quest.gcard h3{display:block!important;margin:2px 0 0;font:600 13px 'Mitr',sans-serif!important;line-height:1.2;color:#2f2a22;text-transform:uppercase;letter-spacing:.02em}
.quest.gcard h3 small,.quest.gcard h3 .th{display:block;font-size:10.5px;text-transform:none;font-weight:400;color:#6b6252}
.g-pic{position:relative}
.drill-art.drill-wide{width:100%!important;height:auto!important;aspect-ratio:3/2;border-radius:3px;border:0;background-size:500% auto,45%;background-position:calc(var(--c) * 25%) calc((.125 + .75 * var(--r)) * 100%),center;box-shadow:0 0 0 3px #fffdf5,0 1px 4px #0006}
.g-tier{position:absolute;left:6px;bottom:6px;padding:1px 8px;border-radius:999px;background:var(--tier-color,#829283);color:#fff;font-size:10px;font-weight:600;box-shadow:0 1px 3px #0005}
.g-req{display:flex;align-items:center;justify-content:center;gap:6px}
.g-req b{font-size:16px;color:#6b5a3a}
.g-ico{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--c);color:#fff;box-shadow:inset 0 -3px 0 #0003,0 2px 3px #0003}
.g-ico svg{width:20px;height:20px}
.g-reward{font-size:13px;font-weight:700;color:#3a342a}
.quest.gcard button[data-claim]{grid-row:auto!important;width:100%!important;margin:2px 0 0!important;padding:7px!important;min-height:0!important;font:600 14px 'Mitr',sans-serif;border:0;border-radius:6px;color:#fff;background:linear-gradient(#e85d52,#cf4036);box-shadow:0 3px 0 #8e2a22}
.quest.gcard button[data-claim]:disabled{background:linear-gradient(#cfc7b5,#bdb5a2);color:#7d7566;box-shadow:0 3px 0 #9a9280;opacity:1}
.quest.gcard .reason{margin:0!important;font-size:10.5px;color:#6b6252}
.quest.gcard .quest-dice{justify-content:center}
.quest.gcard .quest-cancel{margin:0!important}
.drill-art.drill-wide{aspect-ratio:16/10!important;background-position:calc(var(--c) * 25%) calc((.136 + .727 * var(--r)) * 100%),center!important}
#quests.quests{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:20px 14px!important}

/* training cards: shorter — dice icons beside the button, reward badge on the picture */
.quest.gcard{display:grid!important;grid-template-columns:auto 1fr;gap:6px 8px!important;align-items:center;padding:12px 10px 10px!important}
.quest.gcard>h3,.quest.gcard>.g-pic,.quest.gcard>.quest-dice,.quest.gcard>.reason{grid-column:1/-1}
.quest.gcard>.g-req{grid-column:1;justify-content:flex-start;gap:4px}
.quest.gcard>button[data-claim]{grid-column:2;margin:0!important}
.g-ico{width:28px;height:28px;border-radius:8px}.g-ico svg{width:17px;height:17px}.g-req b{font-size:13px}
.g-gain{position:absolute;right:6px;top:6px;padding:1px 9px;border-radius:999px;background:#2f6b4c;color:#fff;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0005}
.quest.gcard h3{font-size:12.5px!important}
.quest.gcard .drill-art.drill-wide{aspect-ratio:2/1!important;background-position:calc(var(--c) * 25%) calc((.25 * var(--r) + .125 * (1 - var(--r)) * 0 + (var(--r) * .5) ) * 100%),center!important}
.quest.gcard .drill-art.drill-wide{background-position:calc(var(--c) * 25%) calc((.1667 + .6667 * var(--r)) * 100%),center!important}

/* training result: one compact line of chips */
#training-result{padding:12px 16px 10px!important;max-width:min(88vw,300px)!important;text-align:center}
#training-result h2{margin:0 0 4px;font-size:16px}
#training-result-score{display:none}
#training-result p{margin:6px 0!important}
#training-result-reward{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
#training-result-reward small{flex-basis:100%;font-size:11px;color:#6b6252}
.tr-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:10px;background:var(--c);color:#fff;font-size:15px;box-shadow:inset 0 -3px 0 #0003}
.tr-chip svg{width:20px;height:20px}
#training-result-close{width:auto!important;margin:4px 0 0!important;padding:5px 18px!important;font-size:13px}

/* training cards: show the whole square picture, 5 across */
#quests.quests{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))!important;gap:20px 10px!important;padding:40px 12px 14px!important}
.quest.gcard{padding:12px 7px 8px!important;gap:5px 6px!important}
.quest.gcard h3{font-size:11px!important}
.quest.gcard h3 small,.quest.gcard h3 .th{font-size:9.5px}
.quest.gcard .drill-art.drill-wide{aspect-ratio:1/1!important;background-size:500% 200%,45%!important;background-position:calc(var(--c) * 25%) calc(var(--r) * 100%),center!important}
.quest.gcard .g-tier{font-size:9px;padding:0 6px;left:4px;bottom:4px}
.quest.gcard .g-gain{font-size:10px;padding:0 7px;right:4px;top:4px}
.quest.gcard>.g-req{flex-wrap:wrap}
.quest.gcard .g-ico{width:24px;height:24px;border-radius:7px}.quest.gcard .g-ico svg{width:15px;height:15px}
.quest.gcard>button[data-claim]{font-size:12.5px;padding:5px!important}
.quest.gcard .reason{font-size:10px}
#quests.quests{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))!important}
.quest.gcard>button[data-claim]{font-size:12px}
.quest.gcard{grid-template-columns:auto minmax(0,1fr)!important;column-gap:4px!important}
.quest.gcard .g-ico{width:20px;height:20px;border-radius:6px}.quest.gcard .g-ico svg{width:13px;height:13px}
.quest.gcard>.g-req{flex-wrap:nowrap;gap:2px}.quest.gcard .g-req b{font-size:10px}
.quest.gcard>button[data-claim]{font-size:11px!important;padding:4px 2px!important;white-space:nowrap}

/* training result picture */
#training-result-pic:empty{display:none}
#training-result-pic{margin:0 0 6px}
.out-art{display:block;width:100%;aspect-ratio:1/1;max-width:190px;margin:0 auto;border-radius:12px;background-image:var(--art-url);background-size:500% 200%;background-repeat:no-repeat;background-position:calc(var(--c) * 25%) calc(var(--r) * 100%);box-shadow:0 0 0 3px #fffdf5,0 2px 8px #0005}
#training-result{max-width:min(88vw,250px)!important}

/* no text under the training dice */
.die-wrap .die-state{display:none!important}

/* ---------- start screen ---------- */
html.ts-open,html.ts-open body{overflow:hidden}
#title-screen{position:fixed;inset:0;z-index:99999;background:#06180f;display:grid;place-items:center;transition:opacity .45s}
#title-screen.ts-out{opacity:0;pointer-events:none}
.ts-stage{position:relative;width:min(100vw,calc(100dvh * 16 / 9));aspect-ratio:16/9;container-type:inline-size;overflow:hidden;animation:ts-in .9s ease-out both}
@keyframes ts-in{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
.ts-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none}
.ts-logo{position:absolute;left:50%;top:2.5%;width:31%;transform:translateX(-50%);filter:drop-shadow(0 .6cqw 1.2cqw #000a);animation:ts-drop .9s .25s cubic-bezier(.2,1.4,.4,1) both;user-select:none}
@keyframes ts-drop{from{opacity:0;transform:translate(-50%,-14%) scale(.92)}to{opacity:1;transform:translateX(-50%)}}
.ts-board{position:absolute;left:var(--bx);top:var(--by);width:var(--bw);height:var(--bh);padding:2.2cqw 1.2cqw 1cqw 2.2cqw;font-family:'Itim','Mitr',sans-serif;color:#1d3a33;display:flex;flex-direction:column}
.ts-page{display:flex;flex-direction:column;gap:.55cqw;height:100%}
.ts-page[hidden]{display:none}
.ts-board h2{margin:0 0 .3cqw;font:400 2.5cqw 'Itim';color:#7a5a24;border-bottom:.15cqw solid #1d3a3344;padding-bottom:.3cqw}
.ts-board p{margin:0;font-size:1.5cqw;line-height:1.35}
.ts-board ol{margin:0;padding-left:2cqw;font-size:1.6cqw;line-height:1.5}
.ts-item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:1cqw;padding:.7cqw .8cqw;font:400 2.3cqw/1.1 'Itim',sans-serif;color:#1d3a33;border-bottom:.12cqw solid #1d3a3338;cursor:pointer;position:relative}
.ts-item i{flex:0 0 auto;width:1.6cqw;height:1.6cqw;border:.2cqw solid #1d3a33aa;border-radius:.3cqw;background:#fffdf3}
.ts-item small{display:block;font:400 1.3cqw/1.2 'IBM Plex Sans Thai',sans-serif;color:#5a6a5f;margin-top:.2cqw}
.ts-item:hover,.ts-item:focus-visible{background:linear-gradient(90deg,#f6d86655,#0000)}
.ts-item:hover i,.ts-item:focus-visible i{background:#f6d866}
.ts-item:active{transform:translateY(.1cqw)}
.ts-item.ts-hot{color:#c0352d;border:.25cqw solid #d9483f;border-radius:.9cqw;transform:rotate(-1.2deg);background:#fff5f0}
.ts-item.ts-hot i{border-color:#c0352d}
.ts-item:disabled{opacity:.4;cursor:not-allowed;background:none}
.ts-mini{margin-top:auto;display:flex;gap:.6cqw;flex-wrap:wrap}
.ts-mini button{all:unset;cursor:pointer;padding:.35cqw .9cqw;border-radius:99cqw;border:.15cqw solid #1d3a3355;font:400 1.35cqw 'IBM Plex Sans Thai',sans-serif;background:#fffdf3}
.ts-mini button:hover{background:#f6d866}
/* portrait / narrow: full-bleed cover + menu card at the bottom */
@media (max-aspect-ratio:1/1){
 .ts-stage{width:100vw;height:100dvh;aspect-ratio:auto;container-type:normal}
 .ts-bg{object-position:28% center}
 .ts-logo{width:min(82vw,420px);top:3%}
 .ts-board{left:5vw;right:5vw;bottom:calc(3vh + env(safe-area-inset-bottom));top:auto;width:auto;height:auto;padding:16px 16px 12px;background:linear-gradient(#fbf5e3,#f1e7ca);border-radius:16px;box-shadow:0 10px 28px #000a,inset 0 0 0 2px #fff8;font-size:16px}
 .ts-page{gap:4px;height:auto}
 .ts-board h2{font-size:22px;border-bottom-width:1px}
 .ts-board p{font-size:15px}.ts-board ol{font-size:15px;padding-left:22px}
 .ts-item{font-size:22px;padding:10px 8px;gap:12px;border-bottom-width:1px}
 .ts-item i{width:20px;height:20px;border-width:2px;border-radius:4px}
 .ts-item small{font-size:13px}
 .ts-item.ts-hot{border-width:2px;border-radius:12px}
 .ts-mini{margin-top:8px;gap:8px}.ts-mini button{font-size:14px;padding:6px 14px}
}
@media (prefers-reduced-motion:reduce){.ts-stage,.ts-logo{animation:none}}

/* ---------- create player ---------- */
#create-player{position:fixed;inset:0;z-index:99998;display:grid;place-items:center;padding:12px;overflow:auto;transition:opacity .4s;animation:ts-in .5s ease-out both}
#create-player.cp-out{opacity:0;pointer-events:none}
.cp-bg{position:fixed;inset:0;background:linear-gradient(#06180fcc,#06180ff2),url(../assets/cover/cover-locker-room.png) center/cover;filter:saturate(1.1)}
.cp-card{position:relative;width:min(96vw,760px);padding:16px 18px 16px;border-radius:12px;background:repeating-linear-gradient(#fbf4de 0 25px,#9fb8d355 25px 26px),#fbf4de;box-shadow:0 14px 36px #000b;color:#25302a;font-family:'IBM Plex Sans Thai',sans-serif}
.cp-card::before{content:"";position:absolute;left:50%;top:-10px;width:70px;height:18px;margin-left:-35px;background:#e8d27acc;transform:rotate(-2deg);box-shadow:0 1px 3px #0004}
.cp-card header{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;border-bottom:2px solid #c0352d66;padding-bottom:4px}
.cp-card header b{font:400 26px 'Itim';color:#c0352d}.cp-card header small{font:600 11px 'Chakra Petch';letter-spacing:.2em;color:#7a6a45}
.cp-body{display:grid;grid-template-columns:190px 1fr;gap:14px}
.cp-id{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border-radius:12px;background:linear-gradient(#173f32,#0f2c22);color:#f5e9d0;text-align:center;align-self:start}
.cp-ava{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font:700 34px 'Chakra Petch';color:#fff;background:radial-gradient(circle at 35% 30%,#fff3,#0000 55%),var(--k);border:3px solid #e8bb45;box-shadow:0 4px 10px #0007}
.cp-id h3{margin:4px 0 0;font:600 17px 'Mitr';word-break:break-word}
.cp-id p{margin:0;font-size:12px;color:#d9e6d6}.cp-id .cp-pos{color:#f2ce74;font-weight:600}
.cp-club{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:4px}.cp-club img{width:26px;height:26px;object-fit:contain;background:#f3ead5;border-radius:6px;padding:2px}
.cp-ovr{margin-top:6px;display:flex;flex-direction:column;align-items:center;padding:3px 16px;border-radius:10px;background:#0a1f17;color:#a9ecb6;font:700 24px 'Chakra Petch';line-height:1}.cp-ovr small{font:500 9px 'IBM Plex Sans Thai';color:#cfe3d5;letter-spacing:.1em}
.cp-form{display:flex;flex-direction:column;gap:9px;min-width:0}
.cp-f{display:flex;flex-direction:column;gap:4px;font:400 15px 'Itim';color:#7a5a24}
.cp-f input,.cp-f select{font:400 15px 'IBM Plex Sans Thai';padding:7px 9px;border:1px solid #b9a876;border-radius:8px;background:#fffdf3;color:#25302a;width:100%}
.cp-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cp-g{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:10px;background:#fffdf3;border:2px solid #cdbf93;font:500 12.5px 'IBM Plex Sans Thai';color:#25302a;text-align:center}
.cp-g svg{width:24px;height:24px;color:#2f6b4c}.cp-glove{font-size:22px;line-height:24px}
.cp-g.on{border-color:#c0352d;background:#fff1ec;box-shadow:0 2px 0 #c0352d55}.cp-g.on svg{color:#c0352d}
.cp-codes{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.cp-c{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:3px 9px;border-radius:8px;border:1px solid #b9a876;background:#fffdf3;font:700 12.5px 'Chakra Petch';color:#25302a}.cp-c small{font:400 9.5px 'IBM Plex Sans Thai';color:#6b6252}
.cp-c.on{background:#2f6b4c;color:#fff;border-color:#2f6b4c}.cp-c.on small{color:#d6eadc}
.cp-dice{all:unset;cursor:pointer;margin-left:8px;padding:1px 10px;border-radius:999px;border:1px solid #b9a876;font:400 12px 'IBM Plex Sans Thai';color:#25302a;background:#fffdf3}.cp-dice:hover{background:#f6d866}
.cp-clubs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.cp-k{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px;border-radius:10px;border:2px solid #cdbf93;background:#fffdf3;text-align:center;min-width:0}
.cp-k img,.cp-k i{width:38px;height:38px;object-fit:contain;font:700 14px 'Chakra Petch';font-style:normal;display:grid;place-items:center;background:#f3ead5;border-radius:8px;padding:3px}
.cp-k span{font:600 11px 'IBM Plex Sans Thai';line-height:1.15;color:#25302a;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-k small{font:400 9.5px 'IBM Plex Sans Thai';color:#6b6252;line-height:1.1}
.cp-k.on{border-color:#c0352d;background:#fff1ec;box-shadow:0 2px 0 #c0352d55}
.cp-go{all:unset;cursor:pointer;margin-top:2px;text-align:center;padding:11px;border-radius:14px;font:600 20px 'Mitr';color:#3a2706;background:linear-gradient(#ffd96b,#e8bb45 55%,#c98f1f);box-shadow:0 5px 0 #8e620e,0 10px 18px #0006}
.cp-go:active{transform:translateY(2px)}
@media(max-width:620px){
 .cp-body{grid-template-columns:1fr}.cp-id{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 12px;padding:8px}
 .cp-ava{width:54px;height:54px;font-size:22px}.cp-id h3{font-size:15px}.cp-ovr{margin-top:0}
 .cp-clubs{grid-template-columns:repeat(3,1fr)}.cp-card header b{font-size:22px}
}
.cp-f{position:relative}.cp-dice{position:absolute!important;right:0;top:-2px;margin:0!important}

/* ---------- HUD (new header) ---------- */
html.has-hud header.top,html.has-hud .player-club-view,html.has-hud .trophy-season,html.has-hud .intro{display:none!important}
#hud{position:relative;max-width:1180px;margin:0 auto;padding:10px 10px 0;z-index:5}
.hud-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#a2713f,#7a4f2b);border:2px solid #4d3019;border-bottom:0;box-shadow:inset 0 2px 0 #ffffff33,0 4px 10px #0006}
.hud-logo{flex:0 0 auto;padding:4px 14px 4px 10px;border-radius:6px 22px 22px 6px;background:linear-gradient(#1b5a3f,#123f2c);border:2px solid #0a2a1f;box-shadow:inset 0 2px 0 #fff2,0 3px 6px #0006}
.hud-logo img{display:block;height:44px;filter:drop-shadow(0 2px 3px #0008)}
.hud-player{all:unset;box-sizing:border-box;flex:1 1 0;max-width:340px;min-width:0;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:12px;background:linear-gradient(#f7f0de,#e7dbbb);border:2px solid #cdbd8c;box-shadow:0 3px 0 #5c3d20;cursor:pointer;color:#25302a}
.hp-ava{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 35% 30%,#fff3,#0000 55%),var(--k,#2f6b4c);color:#fff;font:700 16px 'Chakra Petch';border:2px solid #e8bb45}
.hp-ava img{width:100%;height:100%;object-fit:cover}
.hp-txt{min-width:0;display:flex;flex-direction:column;line-height:1.15}
.hp-name{font:600 16px 'Mitr';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-sub{font-size:11.5px;color:#55604f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-stars{font-size:13px;letter-spacing:1px;color:#e8a920}
.hud-right{margin-left:auto;display:flex;align-items:center;gap:7px;flex:0 0 auto}
.hud-year{font:600 12px 'Chakra Petch';color:#f5e9d0;padding:4px 10px;border-radius:999px;background:#0a2a1fb3}
.hud-year:empty{display:none}
.hud-coins{display:flex;align-items:center;gap:6px;padding:5px 14px 5px 8px;border-radius:999px;background:linear-gradient(#173f32,#0f2c22);border:2px solid #0a1f17;box-shadow:inset 0 2px 0 #fff1;color:#fff;font:700 16px 'Chakra Petch'}
.hud-coins i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2b0,#e8bb45 55%,#a8730f);box-shadow:0 1px 3px #0008}
.hud-ic{all:unset;box-sizing:border-box;cursor:pointer;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:19px;color:#f2ce74;background:linear-gradient(#1b5a3f,#123f2c);border:2px solid #0a2a1f;box-shadow:inset 0 2px 0 #fff2,0 3px 0 #0a1f17}
.hud-ic:active{transform:translateY(2px)}
.hud-pop{position:absolute;right:14px;top:62px;z-index:20;display:flex;flex-direction:column;gap:2px;min-width:200px;padding:8px;border-radius:12px;background:#f7f0de;border:2px solid #4d3019;box-shadow:0 10px 24px #000a}
.hud-pop[hidden]{display:none}
.hud-pop button{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 12px;border-radius:8px;font:500 14px 'IBM Plex Sans Thai';color:#25302a}
.hud-pop button:hover{background:#f6d866}
/* phase tabs */
#hud .flow-nav{display:flex;gap:6px;align-items:flex-end;justify-content:flex-start;padding:8px 10px 0;margin:0;background:linear-gradient(#7a4f2b,#6a4324);border:2px solid #4d3019;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 8px 16px #0006;overflow:visible;flex-wrap:nowrap}
#hud .flow-cycle{display:none}
#hud .flow-nav button{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 6px;min-height:0;white-space:nowrap;border-radius:10px 10px 0 0;border:2px solid #0a2a1f;border-bottom:0;background:linear-gradient(#1f5a40,#143f2d);color:#f0e6c8;font:500 14px 'IBM Plex Sans Thai';box-shadow:inset 0 2px 0 #fff2}
#hud .flow-nav button svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#hud .flow-nav button[aria-current="step"]{background:linear-gradient(#fffaf0,#efe4c6);color:#25302a;border-color:#b9a876;font-weight:700}
#hud .flow-nav button:disabled{opacity:.5;filter:grayscale(.5)}
@media(max-width:720px){
 #hud{padding:6px 6px 0}
 .hud-bar{flex-wrap:wrap;gap:6px 8px;padding:6px 8px}
 .hud-logo img{height:34px}.hud-logo{padding:3px 10px}
 .hud-right{margin-left:auto}.hud-year{display:none}
 .hud-player{order:3;flex:1 1 100%;max-width:none}
 #hud .flow-nav button{flex-direction:column;gap:1px;font-size:10.5px;padding:6px 2px}
 #hud .flow-nav button svg{width:20px;height:20px}
}

/* ---------- training home: dice zone / player note / career TV ---------- */
.home-desk{display:grid!important;grid-template-columns:minmax(0,1fr);gap:14px;padding:14px!important}
.home-desk>.training-balance-note,.home-desk>.row,.home-desk>.board-head,.home-desk>a.jump,.home-desk>.skill-unlock-toast{display:none!important}
.dice-zone{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.dz-felt{padding:10px 12px 10px;border-radius:18px;background:radial-gradient(ellipse at 30% 0,#2f7e55,#17543a);border:5px solid #0f3d2c;box-shadow:inset 0 4px 14px #0008,0 4px 0 #0a2a1f}
.dz-head{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:6px;flex-wrap:wrap}
.dz-title{font:600 12px 'Chakra Petch';letter-spacing:.22em;color:#e8dfc0}
.dz-bits{display:flex;align-items:center;gap:8px;margin-left:auto}
.dz-bits .deck{all:unset;display:block}
.dz-bits .deck label,.dz-bits .odds{display:none!important}
.dz-bits .deck select{font:500 12.5px 'IBM Plex Sans Thai';padding:4px 8px;border-radius:8px;border:1px solid #0a2a1f;background:#f6efdc;color:#25302a;width:auto;max-width:150px;min-height:0}
.dz-bits .round{padding:3px 10px;border-radius:999px;background:#0a2a1fb3;color:#f0dc9b;font:600 12px 'Chakra Petch';border:0}
.dz-felt .tray{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.dz-felt .dice{min-height:104px}
.dz-felt .status,.dz-felt .selected-total{color:#d9e6d6;font-size:11.5px;text-align:center;margin:3px 0 0;min-height:0}
.dice-zone .mobile-actionbar{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}
.dice-zone .controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
#roll{min-width:230px;display:flex!important;align-items:center;justify-content:center;gap:10px;padding:13px 26px!important;font:600 22px 'Mitr'!important;border-radius:16px!important;background:linear-gradient(#ff7a68,#e2483a)!important;color:#fff!important;box-shadow:0 6px 0 #9c2c22,0 12px 18px #0006!important}
#roll svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
#roll:disabled{background:linear-gradient(#c9a59f,#b4877f)!important;box-shadow:0 6px 0 #7e5a54!important}
.dice-zone #reroll{padding:10px 16px!important}
/* PLAYER note */
.player-note{position:relative;padding:20px 14px 14px;background:linear-gradient(#fbf6e6,#f1e8cb);color:#25302a;border-radius:6px;box-shadow:0 6px 12px #0006;transform:rotate(.5deg)}
.pn-pin{position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#c98f1f 60%,#7a5410);box-shadow:0 3px 3px #0006}
.player-note h3{margin:0 0 6px;font:600 13px 'Chakra Petch';letter-spacing:.2em;border-bottom:1px solid #1d2a2233;padding-bottom:4px}
.pn-row{display:grid;grid-template-columns:42px 1fr 28px;align-items:center;gap:6px;font:500 12.5px 'IBM Plex Sans Thai';margin:3px 0}
.pn-row i{height:7px;border-radius:4px;background:#0002;overflow:hidden}.pn-row u{display:block;height:100%;border-radius:4px}
.pn-row b{text-align:right;font:700 13px 'Chakra Petch'}
.pn-radar{display:block;width:100%;max-width:190px;margin:6px auto 0}
.pn-up{all:unset;box-sizing:border-box;display:block;width:100%;margin-top:6px;padding:7px;text-align:center;cursor:pointer;border-radius:10px;background:#e6dcba;border:1px solid #b9a876;font:600 13px 'IBM Plex Sans Thai';color:#3a2f18}
.pn-up.hot{background:linear-gradient(#ffd96b,#e8bb45);border-color:#c98f1f;box-shadow:0 3px 0 #8e620e}
.pn-skills{margin-top:6px}.pn-skills .unlocked-skills{max-height:none;padding:0;flex-wrap:wrap;overflow:visible}
/* CAREER TV */
.career-tv{position:relative;padding:14px 14px 8px;border-radius:20px;background:linear-gradient(#5c6165,#383c3f);border:3px solid #26292b;box-shadow:0 8px 16px #0007,inset 0 2px 0 #fff2}
.tv-screen{padding:10px 12px;border-radius:14px;background:linear-gradient(#e6dfc2,#d4ccaa);color:#25302a;box-shadow:inset 0 0 22px #0007}
.tv-screen h3{margin:0 0 6px;text-align:center;font:600 12px 'Chakra Petch';letter-spacing:.2em;color:#4a4430}
.tv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.tv-list li{display:flex;gap:8px;align-items:center;padding:6px;border-radius:8px;background:#fffdf3b0;border:1px solid #cdbf93}
.tv-ico{flex:0 0 auto;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#173f32;font-size:18px}
.tv-list p{margin:0;font:500 12.5px/1.25 'IBM Plex Sans Thai'}.tv-list small{color:#6b6252;font-size:10.5px}
.tv-base{display:flex;justify-content:flex-end;gap:6px;padding:6px 6px 0}.tv-base i{width:12px;height:12px;border-radius:50%;background:#1b1d1f;box-shadow:inset 0 1px 0 #fff3}
/* desktop: two big columns like the tablet mock-up */
@media(min-width:960px){
 .home-desk{grid-template-columns:minmax(0,1fr);grid-template-areas:"goals" "zone"}
 .dice-zone{grid-area:zone;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"felt cond" "act act";align-items:start}
 .dz-felt{grid-area:felt}#training-items{grid-area:cond}.dice-zone .mobile-actionbar{grid-area:act}
 .player-note{grid-area:note;align-self:start}
 #quests.quests{grid-area:goals}.career-tv{grid-area:tv;align-self:start}
}

html.has-hud .layout{display:block!important;max-width:1180px;margin:0 auto;padding:0 10px}
html.has-hud main.desk{max-width:none!important;width:auto!important}
.dz-felt .direct-dice-points{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:0}
.dz-felt .direct-dice-points button{font-size:11px!important;padding:3px 10px!important;min-height:0!important;width:auto!important;margin:0!important}
.dz-felt .direct-dice-points small{display:none}
.dz-felt .status{min-height:0;font-size:11px}
/* training items panel: back to the plain paper panel (no Condition tray) */
.dice-zone #training-items{padding:8px!important;border-radius:10px;font-size:11px}
.dice-zone #training-items .gb-health{display:block;margin:4px 0 0;font-size:11px}
/* roll button: icon + short Thai label via CSS (the language layer keeps rewriting the text) */
#roll .bi,#roll>span,#roll>small{display:none!important}
#roll::before{content:"";flex:0 0 auto;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='4'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.3' fill='white'/%3E%3Ccircle cx='15.5' cy='15.5' r='1.3' fill='white'/%3E%3Ccircle cx='12' cy='12' r='1.3' fill='white'/%3E%3C/svg%3E") center/contain no-repeat}
#roll::after{content:"ทอยเต๋า"}
@media(max-width:959px){.home-desk>#quests{order:1}.home-desk>.dice-zone{order:2}.home-desk>.player-note{order:3}.home-desk>.career-tv{order:4}}
.hud-gear{position:relative}.hud-gear[data-badge]:not([data-badge=''])::after{content:attr(data-badge);position:absolute;top:-7px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e43d43;color:#fff;border:2px solid #ffe8da;font:700 11px/16px Arial,sans-serif;text-align:center}
.home-desk>.player-stat-strip{display:grid!important}

/* ---------- stadium pictures ---------- */
html.has-stadium-bg body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#0a2a1fd9,#0a2a1fe6),var(--home-stadium) center/cover no-repeat;opacity:1}
.prematch-venue{position:relative;margin:0 0 8px;border-radius:12px;overflow:hidden;aspect-ratio:21/8;background:#0a2a1f;box-shadow:0 3px 10px #0006}
.prematch-venue img{display:block;width:100%;height:100%;object-fit:cover}
.prematch-venue .venue-cap{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 8px;background:linear-gradient(#0000,#06180fe6);color:#f5e9d0;display:flex;flex-direction:column;gap:1px}
.prematch-venue .venue-cap small{font-size:11px;color:#f2ce74;letter-spacing:.04em}
.prematch-venue .venue-cap b{font:600 15px 'Mitr',sans-serif}

/* dice felt header: no deck select / session chip */
.dz-bits{display:none!important}

/* ---------- real-looking materials: wood table, cork notice board, brushed metal, felt tray ---------- */
:root{--tex-wood:url(../assets/ui/wood.svg);--tex-wood-dark:url(../assets/ui/wood-dark.svg);--tex-cork:url(../assets/ui/cork.svg);--tex-metal:url(../assets/ui/metal.svg)}
/* table */
main.desk,.desk{background:var(--tex-wood) 0 0/720px 360px,#b27a41!important;border:3px solid #4d3019!important;box-shadow:inset 0 2px 0 #ffffff40,inset 0 -30px 60px #0000002e,0 18px 40px #0007!important}
.hud-bar{background:var(--tex-wood-dark) 0 0/720px 240px,#6b4224!important;border-color:#2b1a0c!important}
#hud .flow-nav{background:var(--tex-wood-dark) 0 0/720px 240px,#6b4224!important;border-color:#2b1a0c!important}
.hud-logo{background:linear-gradient(#1b5a3f,#123f2c)}
/* notice board: wooden frame + cork + metal label plate */
#quests.quests{border:12px solid transparent!important;border-radius:10px!important;background:var(--tex-cork) 0 0/360px 360px padding-box,var(--tex-wood-dark) 0 0/720px 240px border-box!important;box-shadow:inset 0 3px 14px #0008,0 6px 14px #0007,inset 0 0 0 2px #2b1a0c33!important;position:relative;padding-top:46px!important}
#quests.quests::before{content:"TRAINING GOALS"!important;left:16px!important;top:6px!important;padding:6px 16px 6px 38px!important;border:1px solid #4d4630!important;border-radius:3px!important;background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#e0d8bd,#b3a98a)!important;color:#2d2a20!important;font:700 12.5px 'Chakra Petch',sans-serif!important;letter-spacing:.14em!important;box-shadow:0 3px 5px #0007,inset 0 1px 0 #fff8,inset 0 -2px 0 #0003!important;text-shadow:0 1px 0 #fff9}
#quests.quests::after{content:"";position:absolute;left:26px;top:15px;width:16px;height:16px;border-radius:50%;border:3px solid #2d2a20;background:radial-gradient(circle,#2d2a20 0 3px,#0000 3.5px)}
/* training dice tray: felt inset in a dark wood rim with a brass edge */
.dz-felt{border:10px solid transparent!important;border-radius:16px!important;background:radial-gradient(ellipse at 30% 0,#2f7e55,#17543a) padding-box,var(--tex-wood-dark) 0 0/720px 240px border-box!important;box-shadow:inset 0 4px 16px #000a,0 5px 12px #0008,inset 0 0 0 2px #e8bb4555!important;position:relative}
.dz-felt::before{content:"";position:absolute;inset:0;border-radius:8px;pointer-events:none;background:radial-gradient(#0000002a 1px,#0000 1.5px) 0 0/4px 4px,radial-gradient(#ffffff12 1px,#0000 1.5px) 2px 2px/5px 5px;mix-blend-mode:overlay}
.dz-title{display:inline-block;padding:3px 14px;border-radius:3px;background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#e0d8bd,#b3a98a);border:1px solid #4d4630;color:#2d2a20!important;box-shadow:0 2px 4px #0007,inset 0 1px 0 #fff8;text-shadow:0 1px 0 #fff9}
.dz-felt .die{min-height:96px;height:96px}
.dz-felt .dice{min-height:110px}
/* gear panel + roll button sit on the table */
#roll{box-shadow:0 6px 0 #7a1f17,0 14px 20px #0008,inset 0 2px 0 #fff5!important}
.dz-felt .die{min-height:88px;height:88px}

/* gear panel hidden on the training page for now (bag is still in the menu) */
.dice-zone #training-items{display:none!important}
#quests.quests::after{display:none!important}
#quests.quests::before{padding:6px 16px!important}

/* dice felt: buttons ROLL / RE-ROLL / บวกแต้ม right under the dice, no explanatory text */
.dz-felt .status,.dz-felt .selected-total,.dz-felt .direct-dice-points small{display:none!important}
.dz-actions{display:flex;align-items:stretch;justify-content:center;gap:10px;margin-top:10px;flex-wrap:nowrap}
.dz-actions .controls{display:contents}
.dz-actions #roll{flex:1.5 1 0;min-width:0;padding:11px 10px!important;font-size:20px!important}
.dz-actions #reroll{flex:1 1 0;min-width:0;padding:8px 6px!important;font:600 16px 'Mitr',sans-serif!important;border-radius:14px!important}
.dz-actions .direct-dice-points{display:flex;flex:1 1 0;min-width:0;margin:0!important}
.dz-actions .direct-dice-points button{width:100%!important;margin:0!important;padding:8px 6px!important;min-height:0!important;font:600 16px 'Mitr',sans-serif!important;border-radius:14px!important;background:linear-gradient(#ffd96b,#e8bb45)!important;color:#3a2706!important;border:0!important;box-shadow:0 5px 0 #8e620e,0 8px 12px #0006!important}
.dz-actions .direct-dice-points button:disabled{background:linear-gradient(#cdbd8a,#b7a672)!important;box-shadow:0 5px 0 #7d704a!important;opacity:.8}
.dz-actions #reroll:disabled{opacity:.6}
@media(max-width:520px){.dz-actions{gap:6px}.dz-actions #roll{font-size:17px!important}.dz-actions #reroll,.dz-actions .direct-dice-points button{font-size:13px!important}}

/* training card: placed dice, chance and cancel live ON the picture so the card keeps its height */
.quest.gcard .g-pic .quest-dice{position:absolute;right:4px;bottom:4px;left:auto;top:auto;display:flex;flex-direction:row;gap:3px;margin:0;padding:0;z-index:2;flex-wrap:nowrap}
.quest.gcard .g-pic .quest-die{display:inline-flex;align-items:center;gap:2px;padding:1px 6px 1px 3px;border-radius:999px;background:var(--c,#2f6b4c);color:#fff;font:700 12px 'Chakra Petch',sans-serif;box-shadow:0 1px 3px #0007}
.quest.gcard .g-pic .quest-die svg{width:12px;height:12px}.quest.gcard .g-pic .quest-die b{font-size:12px}.quest.gcard .g-pic .quest-die small{font-size:9px}
.quest.gcard .g-pic .quest-cancel{position:absolute!important;left:4px;top:4px;width:22px!important;height:22px;padding:0!important;margin:0!important;border-radius:50%!important;font-size:0!important;line-height:0;display:grid;place-items:center}
.quest.gcard .g-pic .quest-cancel::after{content:"✕";font:700 12px/1 Arial,sans-serif;color:#fff}
.g-chance{position:absolute;left:30px;top:4px;padding:1px 8px;border-radius:999px;background:#2f6b4c;color:#fff;font:700 11px 'Chakra Petch',sans-serif;box-shadow:0 1px 3px #0007}
.quest.gcard .reason:empty{display:none}
.quest.gcard:has(.g-pic .quest-dice) .g-gain,.quest.gcard:has(.g-pic .quest-dice) .g-tier{display:none}
.quest.gcard .g-pic .quest-cancel{z-index:3}
.quest.gcard .g-chance{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);padding:3px 14px!important;font:700 24px/1.1 'Chakra Petch',sans-serif!important;background:rgba(8,28,18,.42)!important;backdrop-filter:blur(2px);border-radius:12px!important;box-shadow:none!important;text-shadow:0 1px 3px #000a;color:#fff;pointer-events:none}
.quest.gcard .g-chance{padding:1px 10px!important;font:700 17px/1.15 'Chakra Petch',sans-serif!important;background:rgba(8,28,18,.22)!important;backdrop-filter:blur(1px);border-radius:10px!important;text-shadow:0 0 3px #000,0 1px 3px #000,0 0 8px #000a}
.quest.gcard .g-chance.c0{color:#ff5a4d}
.quest.gcard .g-chance.c1{color:#ff9d3d}
.quest.gcard .g-chance.c2{color:#ffe14d}
.quest.gcard .g-chance.c3{color:#5dff8a}

/* dice tray: glossy chrome rim + velvet felt floor */
:root{--tex-felt:url(../assets/ui/felt.svg)}
.dz-felt{border:11px solid transparent!important;border-radius:18px!important;
 background:var(--tex-felt) 0 0/240px 240px padding-box,radial-gradient(ellipse at 50% 20%,#2a7a52,#175a3c 60%,#0f4430) padding-box,
  conic-gradient(from 20deg at 50% 50%,#fbfbf8,#8d9396,#eceeee,#555a5d,#e2e4e5,#7e8386,#f7f7f4,#8d9396,#fbfbf8) border-box!important;
 box-shadow:inset 0 5px 18px #000c,inset 0 0 0 1px #0007,0 6px 14px #000a,0 0 0 1px #3a3f42!important}
.dz-felt::before{display:none!important}
.dz-felt::after{content:"";position:absolute;inset:-11px;border-radius:18px;pointer-events:none;
 background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 18%,rgba(0,0,0,0) 80%,rgba(0,0,0,.35));
 -webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);padding:11px}
.dz-title{background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#f2f2ee,#a9adaf)!important}

/* dice tray rim: polished copper */
.dz-felt{background:var(--tex-felt) 0 0/240px 240px padding-box,radial-gradient(ellipse at 50% 20%,#2a7a52,#175a3c 60%,#0f4430) padding-box,
 conic-gradient(from 20deg at 50% 50%,#ffd2ac,#c4733a,#f2a46f,#7c3a16,#e0925c,#a85a28,#ffd9b8,#c4733a,#ffd2ac) border-box!important;
 box-shadow:inset 0 5px 18px #000c,inset 0 0 0 1px #3b1a08aa,0 6px 14px #000a,0 0 0 1px #4a2410!important}
.dz-title{background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#f3d3b6,#c98a5a)!important;border-color:#6b3a1a!important}

/* dice tray buttons: compact metal plates */
.dz-actions{gap:8px!important;margin-top:8px!important}
.dz-actions #roll,.dz-actions #reroll,.dz-actions .direct-dice-points button{height:36px!important;min-height:0!important;min-width:0!important;padding:0 12px!important;border-radius:6px!important;font:600 14px 'Chakra Petch','Mitr',sans-serif!important;letter-spacing:.06em;text-shadow:none!important;display:flex!important;align-items:center;justify-content:center;gap:7px;background-blend-mode:multiply,normal!important;transition:transform .1s,filter .1s}
.dz-actions #roll{flex:1.25 1 0!important;color:#fff!important;border:1px solid #4a150d!important;background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#f5806b,#d6472f 55%,#aa2d1d)!important;box-shadow:inset 0 1px 0 #ffffffb0,inset 0 -2px 0 #0004,0 2px 0 #5a1d12,0 5px 8px #0007!important}
.dz-actions #reroll{color:#1d2326!important;border:1px solid #3a4145!important;background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#f4f6f7,#b9bfc3 55%,#8c9296)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #0003,0 2px 0 #3f4548,0 5px 8px #0007!important}
.dz-actions .direct-dice-points button{color:#3a2706!important;border:1px solid #5d3f08!important;background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#ffe590,#e2b343 55%,#a97b19)!important;box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #0003,0 2px 0 #6b4a0b,0 5px 8px #0007!important}
.dz-actions #roll svg,#roll::before{width:20px!important;height:20px!important}
.dz-actions #roll::after{content:"ทอยเต๋า"}
.dz-actions #roll:active,.dz-actions #reroll:active,.dz-actions .direct-dice-points button:active{transform:translateY(2px)}
.dz-actions #roll:disabled,.dz-actions #reroll:disabled,.dz-actions .direct-dice-points button:disabled{filter:grayscale(.6) brightness(.78);opacity:.9;box-shadow:inset 0 1px 0 #fff6,0 1px 0 #0006!important;transform:none}
@media(max-width:520px){.dz-actions #roll,.dz-actions #reroll,.dz-actions .direct-dice-points button{font-size:12.5px!important;padding:0 6px!important;gap:4px}}

/* dice tray rim v3: dark premium bronze, thick bevelled 3D frame with a recessed felt */
.dz-felt{border:14px solid transparent!important;border-radius:20px!important;
 background:var(--tex-felt) 0 0/240px 240px padding-box,radial-gradient(ellipse at 50% 15%,#277049,#145236 62%,#0b3624) padding-box,
  conic-gradient(from 25deg at 50% 50%,#1d0e05,#6d4220,#2f1809,#c28a52,#3a1d0b,#120802,#7a4a24,#2a1407,#9a6535,#1d0e05) border-box!important;
 box-shadow:0 14px 22px #000d,0 3px 0 #000,0 0 0 1px #000,inset 0 0 0 1px #000!important}
.dz-felt::before{display:block!important;content:"";position:absolute;inset:0;border-radius:7px;pointer-events:none;background:none;mix-blend-mode:normal;
 box-shadow:inset 0 9px 14px #000d,inset 0 -3px 6px #0006,inset 8px 0 12px #0008,inset -8px 0 12px #0008,inset 0 0 0 2px #000a}
.dz-felt::after{inset:-14px!important;border-radius:20px!important;padding:14px!important;
 background:linear-gradient(180deg,rgba(255,226,180,.62) 0,rgba(255,226,180,.12) 16%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 62%,rgba(0,0,0,.6) 100%),
  linear-gradient(90deg,rgba(255,220,170,.28),rgba(0,0,0,0) 14%,rgba(0,0,0,0) 86%,rgba(255,220,170,.14))!important}
.dz-title{background:linear-gradient(#6b4524,#2f180a)!important;color:#f3c985!important;border:1px solid #140a03!important;letter-spacing:.2em;text-shadow:0 1px 0 #000,0 0 6px #e0a45a55!important;box-shadow:0 3px 5px #000a,inset 0 1px 0 #d9a063aa,inset 0 -2px 0 #0008!important}

/* training cards: paper changes with difficulty — Daily normal, harder = more gold, Masterclass = sparkling gold foil */
.quest.gcard.tier-rare{background:linear-gradient(#fbf2d2,#f1e1ad)!important;box-shadow:0 5px 10px #0005,inset 0 0 0 1px #e6cd7a}
.quest.gcard.tier-epic{background:linear-gradient(#fbe9a8,#ebc866 60%,#f6dd8e)!important;box-shadow:0 5px 10px #0005,inset 0 0 0 2px #d9a93a,0 0 10px #e8bb4566}
.quest.gcard.tier-legendary{background:linear-gradient(135deg,#fff3b5,#f3c445 32%,#fff0a8 50%,#e0a72b 72%,#ffe58a)!important;box-shadow:0 6px 12px #0006,inset 0 0 0 2px #c98f1f,inset 0 0 0 4px #fff2b0aa,0 0 16px #ffd24d99;overflow:hidden}
.quest.gcard.tier-legendary::after{content:"";position:absolute;inset:0;border-radius:5px;pointer-events:none;z-index:1;
 background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.7) 50%,transparent 62%) 140% 0/260% 100% no-repeat,
  radial-gradient(circle at 12% 18%,#fff 0 1.5px,#0000 2.5px),radial-gradient(circle at 82% 12%,#fff 0 1.8px,#0000 3px),radial-gradient(circle at 70% 70%,#fff 0 1.4px,#0000 2.5px),radial-gradient(circle at 20% 82%,#fff 0 1.6px,#0000 2.8px),radial-gradient(circle at 48% 40%,#fff 0 1.2px,#0000 2.2px);
 animation:q-shine 3.2s ease-in-out infinite}
.quest.gcard.tier-epic::after{content:"";position:absolute;inset:0;border-radius:5px;pointer-events:none;z-index:1;background:radial-gradient(circle at 15% 20%,#fff 0 1.2px,#0000 2.2px),radial-gradient(circle at 85% 75%,#fff 0 1.2px,#0000 2.2px);animation:q-twinkle 2.4s ease-in-out infinite}
@keyframes q-shine{0%{background-position:140% 0,0 0,0 0,0 0,0 0,0 0;opacity:1}55%{background-position:-60% 0,0 0,0 0,0 0,0 0,0 0}60%,100%{background-position:-60% 0,0 0,0 0,0 0,0 0,0 0}}
@keyframes q-twinkle{50%{opacity:.35}}
.quest.gcard.tier-legendary h3,.quest.gcard.tier-epic h3{text-shadow:0 1px 0 #fff8}
.quest.gcard.tier-legendary>*:not(.g-pin){position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.quest.gcard.tier-legendary::after,.quest.gcard.tier-epic::after{animation:none}}

/* tier paper v2: Focused = light blue, Extreme = light purple (Masterclass stays sparkling gold) */
.quest.gcard.tier-rare{background:linear-gradient(#eaf3fc,#cfe3f6)!important;box-shadow:0 5px 10px #0005,inset 0 0 0 2px #9cc2e6!important}
.quest.gcard.tier-epic{background:linear-gradient(#f3eafb,#dccaf1)!important;box-shadow:0 5px 10px #0005,inset 0 0 0 2px #bb9bdf!important}
.quest.gcard.tier-epic::after{display:none!important}
.quest.gcard.is-recovery{background:linear-gradient(#eaf7ea,#cdeacb)!important;box-shadow:0 5px 10px #0005,inset 0 0 0 2px #9fcf9c!important}
.quest.gcard.tier-legendary{overflow:visible!important}
.quest.gcard .g-pin{z-index:4}

/* compact stat strip; no skills row when there are no skills */
.unlocked-skills:empty{display:none!important}
.home-desk>.player-stat-strip{gap:5px!important;margin:0!important;grid-template-columns:repeat(6,minmax(0,1fr))}
.home-desk>.player-stat-strip button{min-height:0!important;padding:4px 8px 5px!important;border-radius:8px}
.home-desk>.player-stat-strip span{font-size:10px!important;letter-spacing:.1em;float:left}
.home-desk>.player-stat-strip strong{font-size:16px!important;line-height:1.1}
.home-desk>.player-stat-strip i{height:3px!important;margin-top:3px!important}
.home-desk>.unlocked-skills{margin:0}
@media(max-width:520px){.home-desk>.player-stat-strip{gap:3px!important}.home-desk>.player-stat-strip button{padding:3px 5px 4px!important}.home-desk>.player-stat-strip strong{font-size:14px!important}}

/* ---------- Player development drawer: compact dark navy HUD, bright digital numbers, red 3D upgrade buttons ---------- */
#player-drawer{width:min(94vw,520px)!important;max-height:92dvh!important;padding:10px!important;background:linear-gradient(#0d1b30,#05080f)!important;color:#d6e4f5!important;border:3px solid #26466f!important;border-radius:16px!important;box-shadow:0 0 0 1px #000,0 18px 40px #000c,inset 0 0 40px #1a3a6a55!important}
#player-drawer::backdrop{background:#02060ce6!important}
#player-drawer .drawer-heading{margin-bottom:6px!important;gap:8px}
#player-drawer .drawer-heading h2{font:600 15px 'Chakra Petch',sans-serif!important;letter-spacing:.14em;color:#8fd0ff;margin:0;text-transform:uppercase;white-space:nowrap}
#player-drawer .drawer-heading h2 small,#player-drawer .drawer-heading h2 .th{display:none}
#player-drawer .drawer-heading button{width:auto!important;margin:0!important;padding:4px 14px!important;min-height:0!important;font:600 12px 'Chakra Petch',sans-serif!important;border-radius:8px;background:linear-gradient(#27456f,#142a47)!important;color:#bfe1ff!important;border:1px solid #3e6ba3!important;box-shadow:0 3px 0 #060d18!important}
#player-drawer .drawer-heading button .th,#player-drawer .drawer-heading button small{display:none}
#player-drawer .sheet{background:none!important;color:#d6e4f5!important;padding:0!important;border:0!important}
#player-drawer .sheet>.kicker,#player-drawer .sheet>h2,#player-drawer .sheet>p,#player-drawer .sheet details.rules,#player-drawer .sheet .log{display:none!important}
#player-drawer .banks{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:0 0 8px}
#player-drawer .bank{display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 2px 3px;border-radius:8px;background:linear-gradient(#10243f,#070d18);border:1px solid #1f3b5e;border-top:3px solid var(--c,#6aa7e0);color:#7fa6cf;font:600 10px 'Chakra Petch',sans-serif;line-height:1.15;text-align:center}
#player-drawer .bank strong{font:700 22px/1 'Chakra Petch',sans-serif;color:#7dfcff;text-shadow:0 0 8px #3bd8ff,0 0 18px #1aa6ff88;margin:1px 0}
#player-drawer .bank *{font-size:inherit}
#player-drawer .bank strong{font-size:22px}
#player-drawer .tabs{display:grid!important;grid-template-columns:repeat(5,1fr);gap:5px;margin:0 0 8px}
#player-drawer .tabs button{width:auto!important;margin:0!important;padding:5px 2px!important;min-height:0!important;border-radius:8px;font:700 12px 'Chakra Petch',sans-serif!important;background:linear-gradient(#142a47,#0a1424)!important;color:#8db6e3!important;border:1px solid #274a78!important;box-shadow:0 3px 0 #04080f!important}
#player-drawer .tabs button.active,#player-drawer .tabs button[aria-pressed="true"]{background:linear-gradient(#2c5a96,#183a66)!important;color:#fff!important;border-color:#6aa7e0!important;box-shadow:0 3px 0 #04080f,0 0 10px #3b8fe088!important}
#player-drawer #stats>h3{margin:2px 0 4px!important;font:600 13px 'Chakra Petch',sans-serif!important;letter-spacing:.12em;color:#8fd0ff;text-transform:uppercase}
#player-drawer #stats>h3 small,#player-drawer #stats>h3 .th{display:none}
#player-drawer .stat{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center;gap:8px;padding:6px 8px!important;margin:0 0 5px!important;border-radius:10px;background:linear-gradient(#0f2038,#08111f)!important;border:1px solid #1d3a60!important;box-shadow:inset 0 1px 0 #ffffff12!important}
#player-drawer .stat b{font:700 12.5px 'Chakra Petch',sans-serif;letter-spacing:.06em;color:#e6f1ff}
#player-drawer .stat small{display:block;font-size:10.5px!important;line-height:1.25;color:#7fa0c6!important}
#player-drawer .stat small:nth-of-type(2){display:none}
#player-drawer .stat .bar{height:4px!important;margin-top:4px!important;border-radius:3px;background:#ffffff14!important}
#player-drawer .stat .bar span{background:linear-gradient(90deg,var(--c,#3b8fe0),#7dfcff)!important;box-shadow:0 0 6px #3bd8ff88}
#player-drawer .stat>strong{font:700 26px/1 'Chakra Petch',sans-serif!important;color:#7dfcff!important;text-shadow:0 0 8px #3bd8ff,0 0 20px #1aa6ff88;min-width:34px;text-align:right}
#player-drawer .stat button[data-up]{width:38px!important;height:34px;margin:0!important;padding:0!important;min-height:0!important;border-radius:10px!important;font:700 22px/1 'Chakra Petch',sans-serif!important;color:#fff!important;border:1px solid #6a130c!important;background:linear-gradient(#ff7a6a,#e0382b 55%,#b32116)!important;box-shadow:inset 0 1px 0 #ffffffa0,0 4px 0 #7a150d,0 7px 8px #000a!important;text-shadow:0 1px 0 #7a150d}
#player-drawer .stat button[data-up]:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffffa0,0 1px 0 #7a150d!important}
#player-drawer .stat button[data-up]:disabled{background:linear-gradient(#4a4f58,#2a2e36)!important;border-color:#15181d!important;color:#7d8590!important;box-shadow:0 3px 0 #0c0e12!important;text-shadow:none}
#player-drawer .bank .bi>.en,#player-drawer .stat .bi>.en,#player-drawer .tabs .bi>.en{display:none!important}
#player-drawer .bank .bi>.th,#player-drawer .stat .bi>.th{display:inline!important;font-size:inherit!important;margin:0}
#player-drawer .stat small{display:inline!important}
#player-drawer .stat small+small{margin-left:6px}
#player-drawer .stat{padding:5px 8px!important}

/* drawer stat rows: tighter */
#player-drawer .stat>div{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0}
#player-drawer .stat b{flex:0 0 auto;font-size:13px}
#player-drawer .stat small{display:inline!important;flex:0 0 auto;margin:0!important}
#player-drawer .stat small:nth-of-type(2){display:block!important;flex:1 0 100%;order:5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px!important;margin:0!important}
#player-drawer .stat .bar{flex:1 0 100%;order:6;height:3px!important;margin-top:3px!important}
#player-drawer .stat{padding:4px 8px!important;margin:0 0 4px!important;gap:6px!important}
#player-drawer .stat>strong{font-size:22px!important;min-width:30px}
#player-drawer .stat button[data-up]{width:32px!important;height:28px!important;font-size:18px!important;border-radius:8px!important;box-shadow:inset 0 1px 0 #ffffffa0,0 3px 0 #7a150d,0 5px 6px #000a!important}

/* drawer stat names: bright and bold */
#player-drawer .stat b,#player-drawer .stat b *{color:#ffffff!important;font:700 16px 'Mitr','Chakra Petch',sans-serif!important;letter-spacing:.01em;text-shadow:0 0 8px #7dd4ffcc,0 1px 0 #000}
#player-drawer .stat small:nth-of-type(1),#player-drawer .stat small:nth-of-type(1) *{color:#a8d4ff!important;font-size:11px!important}
#player-drawer .stat small:nth-of-type(2),#player-drawer .stat small:nth-of-type(2) *{color:#b9d3ee!important}

/* PLAYER note (replaces the 6 stat tiles; same data) */
.home-desk>.player-stat-strip{display:none!important}
.player-note{position:relative;padding:14px 14px 10px;background:linear-gradient(#fbf6e6,#f0e6c8);color:#25302a;border-radius:6px;box-shadow:0 6px 12px #0006,inset 0 0 0 1px #d8c897}
.pn-pin{position:absolute;left:50%;top:-8px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a8,#c98f1f 60%,#7a5410);box-shadow:0 3px 3px #0006}
.pn-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d2a2233;padding-bottom:4px;margin-bottom:6px}
.pn-head h3{margin:0;font:600 13px 'Chakra Petch';letter-spacing:.2em}
.pn-up{all:unset;cursor:pointer;padding:3px 12px;border-radius:999px;border:1px solid #b9a876;background:#e6dcba;font:600 11.5px 'IBM Plex Sans Thai';color:#3a2f18}
.pn-up.hot{background:linear-gradient(#ff7a6a,#e0382b);border-color:#7a150d;color:#fff;box-shadow:0 2px 0 #7a150d}
.pn-body{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:center}
.pn-row{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:7px;font:500 13px 'IBM Plex Sans Thai';margin:3px 0;cursor:pointer}
.pn-row i{height:9px;border-radius:5px;background:#0000001f;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.pn-row u{display:block;height:100%;border-radius:5px;box-shadow:inset 0 1px 0 #fff6}
.pn-row b{text-align:right;font:700 14px 'Chakra Petch'}
.pn-radar{display:block;width:100%;max-width:150px;justify-self:center}
@media(max-width:520px){.pn-body{grid-template-columns:minmax(0,1fr) 108px;gap:6px}.pn-row{grid-template-columns:38px minmax(0,1fr) 24px;font-size:12px;gap:5px}.pn-row b{font-size:13px}}

.home-desk>.player-note{order:-1!important}
.home-desk>.unlocked-skills{order:0}

/* back to the 6-tile stat strip */
.home-desk>.player-stat-strip{display:grid!important;order:-1}

/* stat strip tiles take the colour of their group */
.player-stat-strip button[data-stat-group]{transition:filter .15s}
.player-stat-strip button[data-stat-group="ATK"]:not(.overall-stat){background:linear-gradient(#5a1c18,#2b0d0b)!important;border-color:#d4574c!important;box-shadow:inset 0 1px 0 #ff9a8f33,0 0 8px #c9473d33!important}
.player-stat-strip button[data-stat-group="ATK"]:not(.overall-stat) strong{color:#ff9488!important;text-shadow:0 0 8px #e0554a99}
.player-stat-strip button[data-stat-group="MID"]{background:linear-gradient(#14492f,#0a2619)!important;border-color:#45b87b!important;box-shadow:inset 0 1px 0 #9ff5c433,0 0 8px #3fae7333!important}
.player-stat-strip button[data-stat-group="MID"] strong{color:#93f2bd!important;text-shadow:0 0 8px #3fae7399}
.player-stat-strip button[data-stat-group="DEF"]{background:linear-gradient(#173766,#0a1b38)!important;border-color:#5493db!important;box-shadow:inset 0 1px 0 #a8d0ff33,0 0 8px #4a8ad033!important}
.player-stat-strip button[data-stat-group="DEF"] strong{color:#a4cdff!important;text-shadow:0 0 8px #4a8ad099}
.player-stat-strip button[data-stat-group="PHY"]{background:linear-gradient(#5a420b,#2e2105)!important;border-color:#e0ac26!important;box-shadow:inset 0 1px 0 #ffe08a33,0 0 8px #d6a21f33!important}
.player-stat-strip button[data-stat-group="PHY"] strong{color:#ffdc7d!important;text-shadow:0 0 8px #d6a21f99}
.player-stat-strip button[data-stat-group="TEC"]{background:linear-gradient(#41275f,#201233)!important;border-color:#a674da!important;box-shadow:inset 0 1px 0 #dcbcff33,0 0 8px #9a6cd033!important}
.player-stat-strip button[data-stat-group="TEC"] strong{color:#d8b8ff!important;text-shadow:0 0 8px #9a6cd099}
.player-stat-strip button[data-stat-group] span:not(.upgrade-notification){color:#ffffffd9!important}

/* drawer takes the tone of the open stat group: ATK red, MID green, DEF blue, PHY yellow, TEC purple */
#player-drawer{--tone:#9fcaff;--glow:#3bb8ff;--bg1:#0d1b30;--bg2:#05080f;--bd:#26466f;--c1:#0f2038;--c2:#08111f;--cbd:#1d3a60;--nm:#a8d4ff;--bar:#3b8fe0;--tab1:#2c5a96;--tab2:#183a66}
#player-drawer:has(.tabs [data-tab="ATK"].active){--tone:#ff9a8f;--glow:#ff5a4d;--bg1:#2b0f0d;--bg2:#100404;--bd:#8a3029;--c1:#3a1512;--c2:#1a0908;--cbd:#6e2822;--nm:#ffc2bb;--bar:#e0554a;--tab1:#a8372e;--tab2:#6a1f19}
#player-drawer:has(.tabs [data-tab="MID"].active){--tone:#97f3c0;--glow:#3fe08a;--bg1:#0c2a1b;--bg2:#030f09;--bd:#1f7048;--c1:#113725;--c2:#07170f;--cbd:#1d5a3a;--nm:#c0f7d9;--bar:#3fae73;--tab1:#238057;--tab2:#134a32}
#player-drawer:has(.tabs [data-tab="DEF"].active){--tone:#a4cdff;--glow:#4aa0ff;--bg1:#0d1b30;--bg2:#05080f;--bd:#26466f;--c1:#0f2038;--c2:#08111f;--cbd:#1d3a60;--nm:#c3deff;--bar:#3b8fe0;--tab1:#2c5a96;--tab2:#183a66}
#player-drawer:has(.tabs [data-tab="PHY"].active){--tone:#ffe08a;--glow:#ffc83a;--bg1:#2c2106;--bg2:#100b02;--bd:#85650f;--c1:#3a2b08;--c2:#1a1303;--cbd:#6e540d;--nm:#ffeab3;--bar:#e0ac26;--tab1:#b58414;--tab2:#6e500a}
#player-drawer:has(.tabs [data-tab="TEC"].active){--tone:#dcbcff;--glow:#b57cff;--bg1:#21122f;--bg2:#0a0511;--bd:#5c337f;--c1:#2e1944;--c2:#150b20;--cbd:#4a2a6a;--nm:#e6d2ff;--bar:#9a6cd0;--tab1:#7a46b0;--tab2:#472a6a}
#player-drawer{background:linear-gradient(var(--bg1),var(--bg2))!important;border-color:var(--bd)!important;box-shadow:0 0 0 1px #000,0 18px 40px #000c,inset 0 0 40px color-mix(in srgb,var(--glow) 18%,transparent)!important}
#player-drawer .drawer-heading h2,#player-drawer #stats>h3{color:var(--tone)!important}
#player-drawer .drawer-heading button{border-color:var(--bd)!important;color:var(--nm)!important}
#player-drawer .stat{background:linear-gradient(var(--c1),var(--c2))!important;border-color:var(--cbd)!important}
#player-drawer .stat>strong,#player-drawer .bank strong{color:var(--tone)!important;text-shadow:0 0 8px var(--glow),0 0 20px color-mix(in srgb,var(--glow) 55%,transparent)!important}
#player-drawer .stat .bar span{background:linear-gradient(90deg,var(--bar),var(--tone))!important;box-shadow:0 0 6px var(--glow)!important}
#player-drawer .stat small:nth-of-type(1),#player-drawer .stat small:nth-of-type(1) *{color:var(--nm)!important}
#player-drawer .stat b,#player-drawer .stat b *{text-shadow:0 0 8px var(--glow),0 1px 0 #000!important}
#player-drawer .tabs button.active,#player-drawer .tabs button[aria-pressed="true"]{background:linear-gradient(var(--tab1),var(--tab2))!important;border-color:var(--tone)!important;box-shadow:0 3px 0 #04080f,0 0 10px color-mix(in srgb,var(--glow) 55%,transparent)!important}

/* OVR tile: black tone */
.player-stat-strip .overall-stat{background:linear-gradient(#2a2a2f,#050506)!important;border-color:#a9aab3!important;box-shadow:inset 0 1px 0 #ffffff33,0 0 8px #ffffff22!important}
.player-stat-strip .overall-stat strong{color:#f4f4f6!important;text-shadow:0 0 8px #ffffffaa,0 0 16px #ffffff55!important}
.player-stat-strip .overall-stat span:not(.upgrade-notification){color:#cfd0d6!important}
.player-stat-strip .overall-stat i b{background:linear-gradient(90deg,#8d8e96,#ffffff)!important}

/* create player: portrait picker */
.cp-ava{background-size:cover;background-position:center top;background-color:var(--k)}
.cp-avas{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:5px;max-height:100px;overflow-y:auto;padding:4px;border-radius:10px;background:#0000000f;box-shadow:inset 0 1px 3px #0003}
.cp-a{all:unset;box-sizing:border-box;cursor:pointer;aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center top;background-color:#cdbf93;border:2px solid #cdbf93;box-shadow:0 1px 3px #0004}
.cp-a:hover{border-color:#e8bb45}
.cp-a.on{border-color:#c0352d;box-shadow:0 0 0 2px #fff,0 0 0 4px #c0352d,0 2px 6px #0006}

/* HUD player card: same black tone as the OVR tile */
.hud-player{background:linear-gradient(#2a2a2f,#050506)!important;border:2px solid #a9aab3!important;color:#f4f4f6!important;box-shadow:inset 0 1px 0 #ffffff33,0 0 8px #ffffff22,0 3px 0 #1a0f06!important}
.hud-player .hp-name{color:#fff!important;text-shadow:0 0 8px #ffffff88}
.hud-player .hp-sub{color:#c4c5cc!important}
.hud-player .hp-stars{color:#ffd24d!important;text-shadow:0 0 6px #ffc83a99}
.hud-player .hp-ava{border-color:#e8e8ee!important}

/* ---------- Profile: compact black-metal player card (same language as the HUD card / OVR tile) ---------- */
.player-profile-room{width:min(94vw,470px)!important;padding:0!important;background:none!important;border:0!important;overflow:visible!important;max-height:94dvh;color:#f1f1f4!important;font-family:'IBM Plex Sans Thai',sans-serif!important}
.player-profile-room::backdrop{background:#030507e6!important}
.player-profile-room .profile-brand,.player-profile-room .profile-tagline,.player-profile-room .profile-board>header{display:none!important}
.player-profile-room .profile-toolbar{position:absolute;right:12px;top:10px;z-index:3;display:flex;gap:6px;margin:0!important}
.player-profile-room .profile-toolbar button{width:auto!important;margin:0!important;padding:3px 12px!important;min-height:0!important;border-radius:8px!important;font-size:0!important;line-height:1;background:linear-gradient(#f4f6f7,#a9aeb2)!important;border:1px solid #3a4145!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #3f4548!important;color:#1d2326!important}
.player-profile-room .profile-toolbar button::after{font:600 12px 'IBM Plex Sans Thai';letter-spacing:.02em}
.player-profile-room [data-edit-profile]::after{content:"แก้ไข"}
.player-profile-room [data-close-profile]::after{content:"✕"}
.player-profile-room .profile-board{position:relative;display:flex!important;flex-direction:column;gap:7px;padding:14px 14px 12px!important;border-radius:18px!important;background:linear-gradient(#2a2a30,#08080a 55%)!important;border:2px solid #a9aab3!important;border-top:2px solid #c9cad2!important;box-shadow:inset 0 1px 0 #ffffff40,0 0 0 1px #000,0 18px 40px #000c,0 0 18px #ffffff1c!important;max-height:calc(94dvh - 4px);overflow:auto}
.player-profile-room .profile-identity{display:flex!important;align-items:center;gap:12px;padding:0!important;grid-template-columns:none!important;padding-right:96px!important;min-height:78px}
.player-profile-room .profile-avatar{flex:0 0 74px;width:74px!important;height:74px!important;border-radius:50%!important;overflow:hidden;border:3px solid #ffd24d!important;box-shadow:0 0 10px #ffc83a66,0 3px 8px #000a!important;background:#111!important}
.player-profile-room .profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}
.player-profile-room .profile-identity h2{margin:0!important;font:600 21px 'Mitr',sans-serif!important;color:#fff!important;text-shadow:0 0 10px #ffffff66;line-height:1.1}
.player-profile-room .profile-identity small,.player-profile-room .profile-identity div[data-nation],.player-profile-room .profile-identity span{font-size:12px!important;color:#c4c5cc!important}
.player-profile-room .profile-identity>div:nth-child(2){display:flex;flex-direction:column;gap:1px;min-width:0}
.player-profile-room .profile-overall{position:absolute;right:14px;top:46px;width:auto!important;padding:3px 12px 4px!important;border-radius:10px!important;background:linear-gradient(#2a2a2f,#050506)!important;border:1px solid #a9aab3!important;box-shadow:inset 0 1px 0 #fff3,0 0 8px #ffffff22!important;text-align:center}
.player-profile-room .profile-overall small{font-size:9px!important;letter-spacing:.2em;color:#cfd0d6!important}
.player-profile-room .profile-overall strong{display:block;font:700 28px/1 'Chakra Petch',sans-serif!important;color:#fff!important;text-shadow:0 0 8px #fff,0 0 18px #ffffff88!important;margin:0!important}
.player-profile-room .profile-overall span{display:none!important}
.player-profile-room .profile-club{display:flex;align-items:center;gap:8px;padding:0!important;order:2}
.player-profile-room .profile-club img{width:26px!important;height:26px!important;object-fit:contain;background:#f3ead5;border-radius:6px;padding:2px}
.player-profile-room .profile-club strong{font:600 14px 'Mitr',sans-serif!important;color:#ffe08a!important}
.player-profile-room .profile-build{order:3;margin:0!important;font-size:11px!important;color:#9a9ba3!important}
.player-profile-room .profile-development{order:2;position:absolute;right:14px;top:14px;margin:0!important}
.player-profile-room .profile-development span,.player-profile-room [data-stars]{font-size:14px!important;letter-spacing:1px;color:#ffd24d!important;text-shadow:0 0 6px #ffc83a88}
.player-profile-room .profile-health{order:4;display:flex!important;align-items:center;gap:8px;margin:0!important;font-size:12px}
.player-profile-room .profile-health>span{color:#c4c5cc}.player-profile-room .profile-health strong{font:700 13px 'Chakra Petch';color:#ff9a8f;text-shadow:0 0 6px #ff5a4d88}
.player-profile-room .profile-health>div{flex:1;height:7px;border-radius:4px;background:#ffffff1a;overflow:hidden}
.player-profile-room .profile-health i{display:block;height:100%;background:linear-gradient(90deg,#e0554a,#ff9a8f);box-shadow:0 0 6px #ff5a4d}
.player-profile-room .profile-stats{order:5;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin:0!important}
.player-profile-room .profile-stat{padding:4px 8px 5px!important;border-radius:9px!important;border:1px solid var(--pc,#555)!important;background:linear-gradient(var(--p1,#2a2a2f),var(--p2,#08080a))!important;box-shadow:inset 0 1px 0 #ffffff1c!important;display:block}
.player-profile-room .profile-stat span{float:left;font:600 10px 'Chakra Petch'!important;letter-spacing:.1em;color:#ffffffd9!important}
.player-profile-room .profile-stat strong{float:right;font:700 17px/1.1 'Chakra Petch',sans-serif!important;color:var(--pt,#fff)!important;text-shadow:0 0 8px var(--pg,#fff8)!important}
.player-profile-room .profile-stat-bar{clear:both;height:3px!important;margin-top:4px!important;border-radius:2px;background:#ffffff1a!important;overflow:hidden}
.player-profile-room .profile-contract{order:6;display:flex!important;flex-wrap:wrap;gap:5px;margin:0!important;padding:0!important;border:0!important;background:none!important}
.player-profile-room .profile-contract p{margin:0!important;display:flex;gap:6px;align-items:baseline;padding:3px 10px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff22;font-size:11.5px;color:#c4c5cc}
.player-profile-room .profile-contract p strong,.player-profile-room .profile-contract p [data-salary]{color:#fff;font:600 12px 'Chakra Petch'}
.player-profile-room .profile-contract button{width:auto!important;margin:0 0 0 auto!important;padding:3px 12px!important;min-height:0!important;font:600 12px 'IBM Plex Sans Thai'!important;border-radius:8px!important;background:linear-gradient(#ffe590,#e2b343 55%,#a97b19)!important;color:#3a2706!important;border:1px solid #5d3f08!important;box-shadow:inset 0 1px 0 #fff9,0 2px 0 #6b4a0b!important}
.player-profile-room .profile-trophy-slot{order:7;margin:0!important}
.player-profile-room .profile-trophies{padding:6px 10px!important;border-radius:10px;background:#ffffff0d;border:1px solid #ffffff1c}
.player-profile-room .profile-trophies h3{margin:0 0 3px!important;font:600 12px 'Mitr'!important;color:#ffe08a!important}
.player-profile-room .profile-trophies small{font-size:11px;color:#9a9ba3}
.player-profile-room .profile-trophies button{width:auto!important;margin:5px 0 0!important;padding:3px 12px!important;min-height:0!important;font:600 12px 'IBM Plex Sans Thai'!important;border-radius:8px!important;background:linear-gradient(#f4f6f7,#a9aeb2)!important;color:#1d2326!important;border:1px solid #3a4145!important;box-shadow:0 2px 0 #3f4548!important}
.player-profile-room .profile-career{order:8;margin:0!important;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff0a;color:#c4c5cc}
.player-profile-room .profile-career summary{padding:5px 10px;font-size:11px;cursor:pointer}
.player-profile-room .profile-editor{order:9;margin-top:4px}

/* profile: stars under the buttons, extras (inventory / career) in the same black metal */
.player-profile-room{overflow-y:auto!important;overflow-x:hidden!important;border-radius:18px!important}
.player-profile-room .profile-board{max-height:none!important;overflow:visible!important}
.player-profile-room .profile-development{top:106px!important;right:16px!important}
.player-profile-room .profile-club{padding-right:96px!important}
.player-profile-room .profile-inventory,.player-profile-room button.profile-inventory{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;margin:8px 0 0!important;padding:7px 14px!important;min-height:0!important;border-radius:12px!important;background:linear-gradient(#2a2a30,#08080a)!important;border:1px solid #a9aab3!important;color:#fff!important;font:600 13px 'Mitr',sans-serif!important;box-shadow:inset 0 1px 0 #ffffff33,0 3px 0 #000!important}
.player-profile-room .profile-career{margin:8px 0 0!important;border:1px solid #a9aab3!important;border-radius:12px!important;background:linear-gradient(#2a2a30,#08080a)!important;color:#d6d7de!important;overflow:hidden}
.player-profile-room .profile-career summary{display:flex!important;align-items:center;gap:10px;padding:7px 14px!important;background:none!important;font:600 13px 'Chakra Petch',sans-serif!important;color:#fff!important;cursor:pointer;list-style:none}
.player-profile-room .profile-career summary strong{font:700 13px 'Chakra Petch'!important;color:#fff!important;letter-spacing:.1em}
.player-profile-room .profile-career summary span:last-child{margin-left:auto;font:400 11px 'IBM Plex Sans Thai'!important;color:#9a9ba3}
.player-profile-room .profile-live{padding:1px 8px;border-radius:999px;background:#c43d34!important;color:#fff!important;font:700 9.5px 'Chakra Petch'!important}
.player-profile-room .profile-career [data-career]{padding:6px 14px 10px;font-size:12px}

/* HUD coins + year: dark slate bevelled plates with a gold coin stack */
.hud-coins{gap:8px!important;padding:5px 16px 5px 10px!important;border-radius:12px!important;background:linear-gradient(#5b5e62,#2b2d30)!important;border:2px solid #17181a!important;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 0 #0006,0 3px 0 #0a0b0c!important}
.hud-coins i{position:relative;width:24px!important;height:24px!important;border-radius:0!important;background:none!important;box-shadow:none!important}
.hud-coins i::before,.hud-coins i::after{content:"";position:absolute;left:1px;width:22px;height:9px;border-radius:50%}
.hud-coins i::before{bottom:1px;background:linear-gradient(#ffe38a,#c98f1f);box-shadow:0 -4px 0 #d9a52c,0 -8px 0 #e8b640,0 1px 0 #6e4a0c,inset 0 1px 0 #fff8}
.hud-coins i::after{bottom:13px;background:radial-gradient(ellipse at 50% 40%,#fff6c0,#e8bb45 70%);box-shadow:0 1px 0 #8a6012}
.hud-coins b{font:700 17px 'Chakra Petch',sans-serif!important;color:#fff!important;text-shadow:0 1px 0 #000;letter-spacing:.02em}
.hud-year{padding:5px 12px!important;border-radius:10px!important;background:linear-gradient(#5b5e62,#2b2d30)!important;border:2px solid #17181a!important;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 0 #0006,0 3px 0 #0a0b0c!important;color:#fff!important;font:700 13px 'Chakra Petch',sans-serif!important}

/* profile stat tiles = game stat groups, same tones as the training strip */
.player-profile-room .profile-stat[data-g="OVR"]{--pc:#a9aab3;--p1:#2a2a2f;--p2:#050506;--pt:#f4f4f6;--pg:#ffffff}
.player-profile-room .profile-stat[data-g="ATK"]{--pc:#d4574c;--p1:#5a1c18;--p2:#2b0d0b;--pt:#ff9488;--pg:#e0554a}
.player-profile-room .profile-stat[data-g="MID"]{--pc:#45b87b;--p1:#14492f;--p2:#0a2619;--pt:#93f2bd;--pg:#3fae73}
.player-profile-room .profile-stat[data-g="DEF"]{--pc:#5493db;--p1:#173766;--p2:#0a1b38;--pt:#a4cdff;--pg:#4a8ad0}
.player-profile-room .profile-stat[data-g="PHY"]{--pc:#e0ac26;--p1:#5a420b;--p2:#2e2105;--pt:#ffdc7d;--pg:#d6a21f}
.player-profile-room .profile-stat[data-g="TEC"]{--pc:#a674da;--p1:#41275f;--p2:#201233;--pt:#d8b8ff;--pg:#9a6cd0}
.player-profile-room .profile-stat-bar i{background:linear-gradient(90deg,var(--pc),var(--pt))!important}

/* profile: five group tiles in one row, tap = detailed stats */
.player-profile-room .profile-stats{grid-template-columns:repeat(5,1fr)!important}
.player-profile-room button.profile-stat{all:unset;box-sizing:border-box;cursor:pointer;display:block;padding:4px 7px 5px;border-radius:9px;border:1px solid var(--pc,#555);background:linear-gradient(var(--p1,#2a2a2f),var(--p2,#08080a));box-shadow:inset 0 1px 0 #ffffff1c;transition:transform .1s,filter .1s}
.player-profile-room button.profile-stat:hover{filter:brightness(1.2)}
.player-profile-room button.profile-stat.on{box-shadow:0 0 0 2px var(--pt),0 0 12px var(--pg);transform:translateY(-1px)}
.player-profile-room button.profile-stat span{float:left;font:600 10px 'Chakra Petch';letter-spacing:.08em;color:#ffffffd9}
.player-profile-room button.profile-stat strong{float:right;font:700 16px/1.1 'Chakra Petch',sans-serif;color:var(--pt);text-shadow:0 0 8px var(--pg)}
.profile-stat-detail{order:5;padding:6px 10px 8px;border-radius:10px;border:1px solid var(--pc,#555);background:linear-gradient(var(--p1,#2a2a2f),var(--p2,#08080a))}
.profile-stat-detail[hidden]{display:none}
.profile-stat-detail[data-g="ATK"]{--pc:#d4574c;--p1:#43150f;--p2:#1c0a08;--pt:#ff9488;--pg:#e0554a}
.profile-stat-detail[data-g="MID"]{--pc:#45b87b;--p1:#0f3724;--p2:#06180f;--pt:#93f2bd;--pg:#3fae73}
.profile-stat-detail[data-g="DEF"]{--pc:#5493db;--p1:#112a50;--p2:#071229;--pt:#a4cdff;--pg:#4a8ad0}
.profile-stat-detail[data-g="PHY"]{--pc:#e0ac26;--p1:#46330a;--p2:#201603;--pt:#ffdc7d;--pg:#d6a21f}
.profile-stat-detail[data-g="TEC"]{--pc:#a674da;--p1:#321d4a;--p2:#150b20;--pt:#d8b8ff;--pg:#9a6cd0}
.psd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.psd-head b{font:600 13px 'Mitr',sans-serif;color:var(--pt);text-shadow:0 0 8px var(--pg);letter-spacing:.04em}
.psd-up{all:unset;cursor:pointer;padding:2px 10px;border-radius:999px;border:1px solid #6a130c;background:linear-gradient(#ff7a6a,#d6362a);color:#fff;font:600 11px 'IBM Plex Sans Thai';box-shadow:0 2px 0 #7a150d}
.psd-row{display:grid;grid-template-columns:minmax(0,1fr) 38% 30px;align-items:center;gap:8px;margin:3px 0;font-size:12.5px;color:#e6e7ec}
.psd-row i{height:5px;border-radius:3px;background:#ffffff1a;overflow:hidden}.psd-row u{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--pc),var(--pt));box-shadow:0 0 6px var(--pg)}
.psd-row b{text-align:right;font:700 15px 'Chakra Petch',sans-serif;color:var(--pt);text-shadow:0 0 8px var(--pg)}

/* profile health bar: green → yellow → orange → red */
.player-profile-room .profile-health i{transition:width .3s,background .3s}
.player-profile-room .profile-health[data-lvl="g"] i{background:linear-gradient(90deg,#1fa85a,#7dffa8)!important;box-shadow:0 0 6px #3dff82!important}
.player-profile-room .profile-health[data-lvl="g"] strong{color:#7dffa8!important;text-shadow:0 0 6px #3dff8288!important}
.player-profile-room .profile-health[data-lvl="y"] i{background:linear-gradient(90deg,#d6a21f,#ffe14d)!important;box-shadow:0 0 6px #ffc83a!important}
.player-profile-room .profile-health[data-lvl="y"] strong{color:#ffe14d!important;text-shadow:0 0 6px #ffc83a88!important}
.player-profile-room .profile-health[data-lvl="o"] i{background:linear-gradient(90deg,#d6600f,#ffa24d)!important;box-shadow:0 0 6px #ff8a1f!important}
.player-profile-room .profile-health[data-lvl="o"] strong{color:#ffa24d!important;text-shadow:0 0 6px #ff8a1f88!important}
.player-profile-room .profile-health[data-lvl="r"] i{background:linear-gradient(90deg,#c4261a,#ff6a5c)!important;box-shadow:0 0 6px #ff3b2e!important}
.player-profile-room .profile-health[data-lvl="r"] strong{color:#ff6a5c!important;text-shadow:0 0 6px #ff3b2e88!important}

/* profile header: tighter */
.player-profile-room .profile-board{gap:5px!important;padding:12px 14px 10px!important}
.player-profile-room .profile-identity{min-height:0!important;gap:10px!important;padding-right:92px!important}
.player-profile-room .profile-avatar{flex-basis:60px!important;width:60px!important;height:60px!important;border-width:2px!important}
.player-profile-room .profile-identity>div:nth-child(2){display:grid!important;grid-template-columns:auto 1fr;justify-content:start;align-items:baseline;column-gap:10px;row-gap:0}
.player-profile-room .profile-identity>div:nth-child(2) h2{grid-column:1/-1;font-size:19px!important}
.player-profile-room .profile-identity>div:nth-child(2) small{grid-column:1/-1;line-height:1.25}
.player-profile-room .profile-identity div[data-nation],.player-profile-room .profile-identity [data-age]{line-height:1.3}
.player-profile-room .profile-overall{top:36px!important;padding:2px 10px 3px!important}
.player-profile-room .profile-overall strong{font-size:24px!important}
.player-profile-room .profile-development{top:92px!important}
.player-profile-room .profile-build{margin:-2px 0 0!important;font-size:10.5px!important}
.player-profile-room .profile-club img{width:22px!important;height:22px!important}

.player-profile-room .profile-contract{order:1!important}
.player-profile-room .profile-contract p{padding:2px 9px!important}

/* year chip = calendar page */
.hud-year{position:relative;display:grid!important;place-items:center;width:52px;height:44px;padding:13px 0 0!important;border-radius:7px!important;background:linear-gradient(#ffffff,#dedfd9)!important;border:2px solid #17181a!important;color:#1d2326!important;font:700 14px 'Chakra Petch',sans-serif!important;letter-spacing:.02em;box-shadow:inset 0 -3px 0 #0002,0 3px 0 #0a0b0c,0 6px 8px #0006!important;overflow:visible}
.hud-year::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;border-radius:4px 4px 0 0;background:linear-gradient(#f2675a,#c43327);box-shadow:inset 0 -1px 0 #0003,inset 0 1px 0 #ffffff66}
.hud-year::after{content:"";position:absolute;top:-4px;left:11px;width:5px;height:10px;border-radius:3px;background:linear-gradient(90deg,#f2f3f4,#8a8e91);box-shadow:0 0 0 1px #0008,24px 0 0 0 #b4b8ba,24px 0 0 1px #0008}
@media(max-width:720px){.hud-year{display:grid!important}}

/* HUD coin stack: ridged gold coins */
.hud-coins i{width:30px!important;height:30px!important;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs><linearGradient id='s' x1='0' x2='1'><stop offset='0' stop-color='%23a8730f'/><stop offset='.35' stop-color='%23f0c04a'/><stop offset='.7' stop-color='%23d79a20'/><stop offset='1' stop-color='%238a5c0c'/></linearGradient><radialGradient id='t' cx='.4' cy='.35' r='.8'><stop offset='0' stop-color='%23fff6c0'/><stop offset='.55' stop-color='%23f0c040'/><stop offset='1' stop-color='%23c98f1f'/></radialGradient></defs><g><rect x='4' y='21' width='24' height='5.6' fill='url(%23s)'/><ellipse cx='16' cy='26.6' rx='12' ry='4.6' fill='url(%23s)'/><g stroke='%238a5c0c' stroke-width='.7' opacity='.45'><path d='M5 21 v5.4'/><path d='M7.2 21 v5.4'/><path d='M9.4 21 v5.4'/><path d='M11.6 21 v5.4'/><path d='M13.8 21 v5.4'/><path d='M16 21 v5.4'/><path d='M18.2 21 v5.4'/><path d='M20.4 21 v5.4'/><path d='M22.6 21 v5.4'/><path d='M24.8 21 v5.4'/><path d='M27 21 v5.4'/></g><ellipse cx='16' cy='21' rx='12' ry='4.8' fill='url(%23t)' stroke='%23a8730f' stroke-width='.8'/><ellipse cx='16' cy='21' rx='8.2' ry='3.1' fill='none' stroke='%23b57d14' stroke-width='1' opacity='.75'/><path d='M8 19.8 q8 -3.6 16 0' stroke='%23fff8c8' stroke-width='1' fill='none' opacity='.8'/></g><g><rect x='4' y='14' width='24' height='5.6' fill='url(%23s)'/><ellipse cx='16' cy='19.6' rx='12' ry='4.6' fill='url(%23s)'/><g stroke='%238a5c0c' stroke-width='.7' opacity='.45'><path d='M5 14 v5.4'/><path d='M7.2 14 v5.4'/><path d='M9.4 14 v5.4'/><path d='M11.6 14 v5.4'/><path d='M13.8 14 v5.4'/><path d='M16 14 v5.4'/><path d='M18.2 14 v5.4'/><path d='M20.4 14 v5.4'/><path d='M22.6 14 v5.4'/><path d='M24.8 14 v5.4'/><path d='M27 14 v5.4'/></g><ellipse cx='16' cy='14' rx='12' ry='4.8' fill='url(%23t)' stroke='%23a8730f' stroke-width='.8'/><ellipse cx='16' cy='14' rx='8.2' ry='3.1' fill='none' stroke='%23b57d14' stroke-width='1' opacity='.75'/><path d='M8 12.8 q8 -3.6 16 0' stroke='%23fff8c8' stroke-width='1' fill='none' opacity='.8'/></g><g><rect x='4' y='7' width='24' height='5.6' fill='url(%23s)'/><ellipse cx='16' cy='12.6' rx='12' ry='4.6' fill='url(%23s)'/><g stroke='%238a5c0c' stroke-width='.7' opacity='.45'><path d='M5 7 v5.4'/><path d='M7.2 7 v5.4'/><path d='M9.4 7 v5.4'/><path d='M11.6 7 v5.4'/><path d='M13.8 7 v5.4'/><path d='M16 7 v5.4'/><path d='M18.2 7 v5.4'/><path d='M20.4 7 v5.4'/><path d='M22.6 7 v5.4'/><path d='M24.8 7 v5.4'/><path d='M27 7 v5.4'/></g><ellipse cx='16' cy='7' rx='12' ry='4.8' fill='url(%23t)' stroke='%23a8730f' stroke-width='.8'/><ellipse cx='16' cy='7' rx='8.2' ry='3.1' fill='none' stroke='%23b57d14' stroke-width='1' opacity='.75'/><path d='M8 5.8 q8 -3.6 16 0' stroke='%23fff8c8' stroke-width='1' fill='none' opacity='.8'/></g></svg>") center/contain no-repeat!important;filter:drop-shadow(0 2px 2px #0008)}
.hud-coins i::before,.hud-coins i::after{display:none!important}

/* "จบ Training → 02 Competition": premium 3D polished-gold metal button */
#next,.mobile-actionbar #next,button.end#next{display:block;margin:6px auto 0!important;min-width:240px;width:auto!important;padding:0 26px!important;height:42px;min-height:0!important;border-radius:10px!important;border:1px solid #4a300a!important;
 background:var(--tex-metal) 0 0/600px 120px,linear-gradient(180deg,#fff0b8 0%,#efc65a 38%,#b07a1c 50%,#dba73c 62%,#f6d87a 100%)!important;background-blend-mode:multiply,normal!important;
 color:#2b1a02!important;font:600 15px 'Mitr','Chakra Petch',sans-serif!important;letter-spacing:.04em;text-shadow:0 1px 0 #fff9,0 -1px 0 #0003!important;
 box-shadow:inset 0 1px 0 #fffdf0,inset 0 -3px 0 #0004,inset 0 0 0 1px #fff4,0 5px 0 #6b4607,0 9px 12px #000a!important;transition:transform .1s,filter .15s}
#next:hover:not(:disabled){filter:brightness(1.08) saturate(1.1)}
#next:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 0 #fffdf0,inset 0 -2px 0 #0004,0 2px 0 #6b4607,0 4px 6px #000a!important}
#next:disabled{background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#8a7a55,#4a3e22)!important;background-blend-mode:multiply,normal!important;color:#e8dcb8aa!important;text-shadow:0 1px 0 #0008!important;filter:saturate(.6);box-shadow:inset 0 1px 0 #ffffff55,0 3px 0 #2a2210,0 5px 8px #000a!important;opacity:1}

/* finish button: no words — football + arrow on bright gold */
#next,.mobile-actionbar #next,button.end#next{font-size:0!important;min-width:0!important;width:96px!important;height:44px;padding:0!important;display:flex!important;align-items:center;justify-content:center;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%)!important;background-blend-mode:normal!important;border:1px solid #8a5a06!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,inset 0 0 0 1px #fff7,0 5px 0 #a8730f,0 9px 12px #000a,0 0 14px #ffd24d88!important}
#next::before{content:"";display:block;width:46px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 32'%3E%3Ccircle cx='13' cy='16' r='10' fill='%23fffdf0' stroke='%233a2504' stroke-width='2'/%3E%3Cpath d='M13 10.5l4.6 3.3-1.8 5.4h-5.6l-1.8-5.4z' fill='%233a2504'/%3E%3Cpath d='M13 6v4.5M5 12l4 1.6M7 23l3.4-3.4M19 23l-3.4-3.4M21 12l-4 1.6' stroke='%233a2504' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M27 16h12M34 9l7 7-7 7' stroke='%233a2504' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#next::after{content:none!important}
#next:disabled{background:linear-gradient(#cdbb7a,#8d7a40)!important;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #4a3e22,0 5px 8px #000a!important;filter:saturate(.7)}


/* training card titles: one clean Thai line with a small gold rule */
.quest.gcard{padding:11px 8px 8px!important}
.quest.gcard h3{margin:2px 0 0!important;font:600 14px/1.15 'Mitr',sans-serif!important;text-transform:none!important;letter-spacing:.01em!important;color:#33280f!important;text-shadow:0 1px 0 #fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;position:relative;padding-bottom:5px}
.quest.gcard h3::after{content:"";position:absolute;left:50%;bottom:0;width:30px;height:2px;margin-left:-15px;border-radius:2px;background:linear-gradient(90deg,#0000,#c98f1f,#0000)}
.quest.gcard h3 .bi>.en,.quest.gcard h3 small{display:none!important}
.quest.gcard h3 .bi>.th,.quest.gcard h3 .th{display:inline!important;font:inherit!important;color:inherit!important;margin:0!important}
.quest.gcard.tier-legendary h3::after{background:linear-gradient(90deg,#0000,#fff,#0000)}

/* card titles: plain, high contrast */
.quest.gcard h3,.quest.gcard h3 span{font:700 15px/1.25 'IBM Plex Sans Thai',sans-serif!important;color:#15110a!important;text-shadow:none!important;letter-spacing:0!important}
.quest.gcard h3{padding-bottom:6px;margin-bottom:1px!important}
.quest.gcard.tier-legendary h3,.quest.gcard.tier-legendary h3 span{color:#2a1b00!important}

/* HUD player card: flag after the name, club crest + name on the last row */
.hud-player .hp-name{display:flex;align-items:center;gap:6px}
.hud-player .hp-flag{display:inline-flex;align-items:center}
.hud-player .hp-flag svg{width:20px!important;height:13px!important;margin:0!important;border-radius:2px;box-shadow:0 0 0 1px #0008}
.hud-player .hp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.hud-player .hp-club{display:flex;align-items:center;gap:5px;min-width:0;font:600 12px 'IBM Plex Sans Thai',sans-serif;color:#ffe08a}
.hud-player .hp-club img{width:18px;height:18px;object-fit:contain;background:#f3ead5;border-radius:5px;padding:1px;flex:0 0 auto}
.hud-player .hp-club span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hud-player .hp-stars{flex:0 0 auto}
.hud-player .hp-cflag{display:inline-flex;align-items:center;flex:0 0 auto}
.hud-player .hp-cflag svg{width:18px!important;height:12px!important;margin:0!important;border-radius:2px;box-shadow:0 0 0 1px #0008}

/* earned skills live in the HUD player card (not as a row on the training page) */
.hud-player{gap:10px!important}
.hud-player .hp-skills{display:flex;align-items:center;gap:4px;margin-left:auto;flex:0 0 auto;padding-left:6px}
.hud-player .hp-skills[hidden]{display:none}
.hud-player .hp-sk .skill-art{--sz:26px!important;filter:drop-shadow(0 0 4px #ffd24d99)}
.hud-player .hp-more{font:700 12px 'Chakra Petch';color:#ffd24d}
.home-desk>.unlocked-skills{display:none!important}

/* profile: earned skills */
.player-profile-room .profile-skills{order:5;padding:6px 10px 8px;border-radius:10px;border:1px solid #ffffff1c;background:#ffffff0a}
.player-profile-room .profile-skills[hidden]{display:none}
.player-profile-room .profile-skills h4{margin:0 0 5px;font:600 12px 'Mitr',sans-serif;color:#ffe08a}
.player-profile-room .profile-skills h4 small{font:700 11px 'Chakra Petch';color:#c4c5cc;margin-left:4px}
.ps-list{display:flex;flex-wrap:wrap;gap:6px}
.ps-chip{display:flex;align-items:center;gap:7px;padding:3px 12px 3px 4px;border-radius:999px;background:linear-gradient(#26262c,#0a0a0d);border:1.5px solid var(--skill-metal,#b19452);box-shadow:inset 0 1px 0 #ffffff22,0 0 8px color-mix(in srgb,var(--skill-metal,#b19452) 35%,transparent)}
.ps-chip span{display:flex;flex-direction:column;line-height:1.15}
.ps-chip b{font:700 12.5px 'IBM Plex Sans Thai',sans-serif;color:#fff}
.ps-chip small{font:500 10.5px 'Chakra Petch';color:var(--skill-metal,#b19452);letter-spacing:.04em}

/* club crests: no plate behind them, anywhere */
img[src*="assets/crests/"],.hud-player .hp-club img,.player-profile-room .profile-club img,.cp-club img,.cp-k img,.player-club-view img{background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important;border:0!important;object-fit:contain;filter:drop-shadow(0 1px 2px #000a)}
.hud-player .hp-club img{width:20px!important;height:20px!important}
.cp-k img{background:none!important}

/* ---------- create player: black-metal theme (same as Profile) ---------- */
.cp-card{background:linear-gradient(#2a2a30,#08080a 55%)!important;border:2px solid #a9aab3;border-top-color:#c9cad2;border-radius:18px!important;color:#f1f1f4!important;box-shadow:inset 0 1px 0 #ffffff40,0 0 0 1px #000,0 20px 44px #000d,0 0 18px #ffffff1c!important}
.cp-card::before{display:none!important}
.cp-card header{border-bottom:1px solid #ffffff22!important}
.cp-card header b{color:#fff!important;text-shadow:0 0 10px #ffffff66;font-family:'Mitr',sans-serif!important}
.cp-card header small{color:#a9aab3!important}
.cp-id{background:linear-gradient(#1b1b20,#050506)!important;border:1px solid #6e6f78;box-shadow:inset 0 1px 0 #ffffff22}
.cp-id h3{color:#fff!important;text-shadow:0 0 8px #ffffff66}
.cp-id p{color:#c4c5cc!important}.cp-id .cp-pos{color:#ffe08a!important}
.cp-ava{border-color:#ffd24d!important;box-shadow:0 0 10px #ffc83a66,0 3px 8px #000a}
.cp-club img{background:none!important;padding:0!important}
.cp-ovr{background:linear-gradient(#2a2a2f,#050506)!important;border:1px solid #a9aab3;color:#fff!important;text-shadow:0 0 8px #fff,0 0 16px #ffffff88}
.cp-ovr small{color:#cfd0d6!important;text-shadow:none}
.cp-f{color:#ffe08a!important;font:600 13px 'Mitr',sans-serif!important}
.cp-f input,.cp-f select{background:#0b0b0e!important;color:#fff!important;border:1px solid #4a4b53!important;box-shadow:inset 0 2px 4px #000a}
.cp-f input::placeholder{color:#7d7e87}
.cp-f input:focus,.cp-f select:focus{outline:none;border-color:#ffd24d!important;box-shadow:inset 0 2px 4px #000a,0 0 8px #ffc83a66}
.cp-f select option{background:#14141a;color:#fff}
.cp-avas{background:#00000066!important;box-shadow:inset 0 2px 5px #000c!important}
.cp-a{border-color:#4a4b53!important;background-color:#222}
.cp-a:hover{border-color:#ffd24d!important}
.cp-a.on{border-color:#ffd24d!important;box-shadow:0 0 0 2px #000,0 0 0 4px #ffd24d,0 0 12px #ffc83a99!important}
.cp-g{background:linear-gradient(#26262c,#0a0a0d)!important;border:1px solid #4a4b53!important;color:#d6d7de!important;box-shadow:inset 0 1px 0 #ffffff14}
.cp-g svg{color:#a9aab3!important}
.cp-g.on{color:#fff!important;box-shadow:0 0 12px var(--gt),inset 0 1px 0 #ffffff33!important}
.cp-g:nth-child(1){--gt:#e0554a88}.cp-g:nth-child(1).on{border-color:#d4574c!important;background:linear-gradient(#5a1c18,#2b0d0b)!important}.cp-g:nth-child(1).on svg{color:#ff9488!important}
.cp-g:nth-child(2){--gt:#3fae7388}.cp-g:nth-child(2).on{border-color:#45b87b!important;background:linear-gradient(#14492f,#0a2619)!important}.cp-g:nth-child(2).on svg{color:#93f2bd!important}
.cp-g:nth-child(3){--gt:#4a8ad088}.cp-g:nth-child(3).on{border-color:#5493db!important;background:linear-gradient(#173766,#0a1b38)!important}.cp-g:nth-child(3).on svg{color:#a4cdff!important}
.cp-g:nth-child(4){--gt:#d6a21f88}.cp-g:nth-child(4).on{border-color:#e0ac26!important;background:linear-gradient(#5a420b,#2e2105)!important}
.cp-c{background:linear-gradient(#26262c,#0a0a0d)!important;border:1px solid #4a4b53!important;color:#e6e7ec!important}.cp-c small{color:#9a9ba3!important}
.cp-c.on{background:linear-gradient(#ffe590,#e2b343 55%,#a97b19)!important;border-color:#5d3f08!important;color:#3a2706!important;box-shadow:0 0 10px #ffc83a77}.cp-c.on small{color:#5a3f0a!important}
.cp-dice{background:linear-gradient(#f4f6f7,#a9aeb2)!important;border:1px solid #3a4145!important;color:#1d2326!important;box-shadow:0 2px 0 #3f4548}
.cp-k{background:linear-gradient(#26262c,#0a0a0d)!important;border:1px solid #4a4b53!important;box-shadow:inset 0 1px 0 #ffffff14}
.cp-k span{color:#fff!important}.cp-k small{color:#9a9ba3!important}
.cp-k i{background:#2a2a30!important;color:#ffe08a!important}
.cp-k.on{border-color:#ffd24d!important;box-shadow:0 0 12px #ffc83a77,inset 0 1px 0 #ffffff33!important}
.cp-go{background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%)!important;border:1px solid #8a5a06!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 5px 0 #a8730f,0 9px 12px #000a,0 0 14px #ffd24d66!important;color:#3a2504!important}
.cp-id .cp-ava-dice{position:static!important;margin:2px 0 0!important;padding:2px 12px!important;font-size:11.5px}

/* nationality: SVG flag picker */
.cp-nat{position:relative}
.cp-nat-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:7px 12px;border-radius:8px;background:#0b0b0e;border:1px solid #4a4b53;color:#fff;font:500 15px 'IBM Plex Sans Thai',sans-serif;box-shadow:inset 0 2px 4px #000a}
.cp-nat-btn:hover,.cp-nat-btn[aria-expanded="true"]{border-color:#ffd24d;box-shadow:inset 0 2px 4px #000a,0 0 8px #ffc83a55}
.cp-nat-btn svg,.cp-nat-opt svg,.cp-flag svg{width:26px!important;height:17px!important;margin:0!important;border-radius:2px;box-shadow:0 0 0 1px #0009;flex:0 0 auto;vertical-align:middle}
.cp-nat-btn span{flex:1}.cp-nat-btn i{font-style:normal;color:#a9aab3}
.cp-nat-pop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;border-radius:12px;background:linear-gradient(#26262c,#08080a);border:1px solid #a9aab3;box-shadow:0 14px 26px #000d}
.cp-nat-opt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:6px;padding:5px 7px;border-radius:8px;border:1px solid #3a3b43;background:#14141a;color:#e6e7ec;font:500 12.5px 'IBM Plex Sans Thai',sans-serif;min-width:0}
.cp-nat-opt span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-nat-opt:hover{border-color:#ffd24d}
.cp-nat-opt.on{border-color:#ffd24d;background:linear-gradient(#3a2d0a,#1a1303);color:#fff;box-shadow:0 0 8px #ffc83a66}
.cp-id .cp-flag{display:inline-flex;vertical-align:middle}
@media(max-width:620px){.cp-nat-pop{grid-template-columns:repeat(2,1fr)}}

/* create player: start button = same icon button as the end-of-training one */
.cp-go{font-size:0!important;width:96px!important;height:44px;min-height:0;padding:0!important;margin:6px auto 0!important;align-self:center;display:flex!important;align-items:center;justify-content:center;border-radius:10px!important}
.cp-go::before{content:"";display:block;width:46px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 32'%3E%3Ccircle cx='13' cy='16' r='10' fill='%23fffdf0' stroke='%233a2504' stroke-width='2'/%3E%3Cpath d='M13 10.5l4.6 3.3-1.8 5.4h-5.6l-1.8-5.4z' fill='%233a2504'/%3E%3Cpath d='M13 6v4.5M5 12l4 1.6M7 23l3.4-3.4M19 23l-3.4-3.4M21 12l-4 1.6' stroke='%233a2504' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M27 16h12M34 9l7 7-7 7' stroke='%233a2504' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.cp-go:hover{filter:brightness(1.08) saturate(1.1)}
.cp-go:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff,0 2px 0 #a8730f,0 4px 6px #000a!important}

.cp-go::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 32'%3E%3Crect x='3' y='5' width='21' height='21' rx='5' fill='%23fffdf0' stroke='%233a2504' stroke-width='2'/%3E%3Ccircle cx='9.5' cy='11.5' r='2' fill='%233a2504'/%3E%3Ccircle cx='13.5' cy='15.5' r='2' fill='%233a2504'/%3E%3Ccircle cx='17.5' cy='19.5' r='2' fill='%233a2504'/%3E%3Cpath d='M28 16h11M34 9l7 7-7 7' stroke='%233a2504' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}

/* ---------- start-club packages + equal-height create-player columns */
.cp-body{align-items:stretch}.cp-id{align-self:stretch!important;justify-content:space-evenly}
.cp-k{align-items:center}.cp-k em{font-style:normal;font-size:9.5px;color:#9a9ba4;line-height:1.15}.cp-k small{font-size:10.5px!important;line-height:1.35;color:#d7d8de!important;text-align:center;margin-top:3px}.cp-k small b{color:#ffe08a}
.dz-felt .dice{justify-content:center}
.cp-foot{display:flex;align-items:center;justify-content:center;gap:12px}
.cp-sign{position:relative;width:min(230px,45vw);height:56px;border-radius:10px;background:linear-gradient(#1b1b20,#050506);border:1px solid #6e6f78;box-shadow:inset 0 1px 0 #ffffff22;overflow:hidden}
.cp-sign canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}
.cp-sign .cp-pen{position:absolute;left:8px;bottom:4px;font-size:20px;color:#ffe08a;font-style:normal;pointer-events:none;filter:drop-shadow(0 0 4px #ffcf5a88)}
.cp-sign span{position:absolute;left:34px;bottom:7px;right:8px;border-bottom:1px dashed #6e6f78;font-size:10px;color:#8e8f98;pointer-events:none;padding-bottom:1px}
.cp-sign.signed span{opacity:0}.cp-sign-clear{position:absolute;right:3px;top:3px;width:18px!important;height:18px;padding:0!important;margin:0!important;border-radius:50%;background:#3a3a42!important;color:#ddd;font-size:10px;line-height:1;border:0}
.cp-sign .cp-sign-clear{width:18px!important;min-width:0!important;height:18px!important;min-height:0!important;font-size:10px!important;box-shadow:none!important;background-image:none!important}
.cp-clubs{gap:6px!important}.cp-k{padding:5px 4px!important;gap:1px!important;min-height:0!important}.cp-k img,.cp-k i{width:24px!important;height:24px!important;font-size:10px}.cp-k span{font-size:11px!important;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-k small{font-size:10px!important;line-height:1.25!important;margin-top:1px!important;white-space:nowrap}.cp-card{gap:6px}.cp-form{gap:6px!important}.cp-g{padding:6px 4px!important}.cp-sign{height:44px!important}
.cp-k small{display:grid!important;grid-template-columns:1fr 1fr;gap:2px 8px!important;text-align:left!important;font-size:11px!important}.cp-k small span{display:block!important;position:static!important;border:0!important;max-width:none!important;font-size:11px!important;white-space:nowrap}
.cp-k small{grid-template-columns:1fr!important;gap:1px!important;justify-items:start;padding-left:10px}.cp-k small span{overflow:visible!important;text-overflow:clip!important;line-height:1.2!important}.cp-k small span img{width:13px!important;height:13px!important;vertical-align:-2px}
.cp-body{grid-template-columns:140px 1fr!important;gap:12px!important}.cp-id{padding:10px 6px!important}.cp-id .cp-ava{width:84px!important;height:84px!important}.cp-id h3{font-size:15px!important}.cp-id p{font-size:11px!important}.cp-k{padding:8px 4px!important}.cp-k img,.cp-k i{width:38px!important;height:38px!important;font-size:14px!important}.cp-k span{font-size:12.5px!important}.cp-k small{padding-left:12px!important}.cp-k small span,.cp-k small{font-size:12.5px!important}.cp-k small span img{width:16px!important;height:16px!important}
.cp-body{grid-template-columns:150px 1fr!important}.cp-id{justify-content:flex-start!important;gap:8px!important}.cp-pts{width:100%;display:flex;flex-direction:column;gap:4px}.cp-pts>small{font-size:11px;color:#c4c5cc}.cp-pts>small b{color:#ffe08a;font:600 15px 'Chakra Petch'}.cp-pt{display:grid;grid-template-columns:20px 1fr 24px 24px;align-items:center;gap:4px;padding:3px 4px;border-radius:8px;background:linear-gradient(#26262c,#0a0a0c);border:1px solid var(--t)}.cp-pt svg,.cp-pt img{width:18px;height:18px}.cp-pt b{font:600 15px 'Chakra Petch';color:var(--t);text-shadow:0 0 6px var(--t);text-align:center}.cp-pt button{width:24px!important;min-width:0!important;height:24px!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:6px;font-size:15px!important;line-height:1;background:#34343c!important;color:#fff!important;border:1px solid #6e6f78!important}.cp-pt button:disabled{opacity:.3}
@media(max-width:620px){.cp-body{grid-template-columns:1fr!important}.cp-id{flex-direction:row!important;flex-wrap:wrap;align-items:center!important;justify-content:center!important;gap:6px 10px!important}.cp-id .cp-ava{width:64px!important;height:64px!important}.cp-pts{flex:1 1 150px;width:auto}.cp-clubs{grid-template-columns:repeat(3,1fr)!important}.cp-k small,.cp-k small span{font-size:11px!important}.cp-k small{padding-left:6px!important}.cp-k img,.cp-k i{width:30px!important;height:30px!important}.cp-foot{flex-wrap:wrap}}
@media(min-width:621px) and (max-width:1100px){.cp-clubs{grid-template-columns:repeat(5,1fr)!important}.cp-k span{font-size:11.5px!important}.cp-k small,.cp-k small span{font-size:11.5px!important}}
.cp-conf{align-self:flex-start;margin-top:2px;padding:7px 14px!important;width:auto!important;border-radius:9px;font:600 13px 'Mitr'!important;color:#fff!important;background:linear-gradient(#c33,#7d1414)!important;border:1px solid #ff8a8a!important;box-shadow:0 3px 0 #4d0a0a}.cp-conf.on{background:linear-gradient(#3fae6a,#1d6b3d)!important;border-color:#8fe0ae!important;box-shadow:0 3px 0 #0f3d22}.cp-pts.locked{opacity:.4;pointer-events:none}.cp-ovr{margin-top:auto}
.cp-pg{border-radius:8px;background:linear-gradient(#26262c,#0a0a0c);border:1px solid var(--t);overflow:hidden}.cp-pg .cp-pt{border:0!important;background:none!important;grid-template-columns:20px 1fr 14px;cursor:pointer}.cp-pt i{font-style:normal;font-size:10px;color:#9a9ba4}.cp-ps{display:grid;grid-template-columns:1fr 18px 22px 22px;align-items:center;gap:3px;padding:2px 4px;border-top:1px solid #ffffff14;font-size:10.5px;color:#d7d8de}.cp-ps span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cp-ps b{font:600 13px 'Chakra Petch';color:var(--t);text-align:center}.cp-ps button{width:22px!important;min-width:0!important;height:20px!important;min-height:0!important;padding:0!important;margin:0!important;border-radius:5px;font-size:13px!important;line-height:1;background:#34343c!important;color:#fff!important;border:1px solid #6e6f78!important}.cp-ps button:disabled{opacity:.3}.cp-id{overflow:auto}
.cp-body-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cp-bm{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:9px;background:linear-gradient(#26262c,#0a0a0c);border:1px solid #6e6f78;color:#d7d8de;font-size:12px}.cp-bm b{font:600 15px 'Chakra Petch';color:#ffe08a;min-width:26px;text-align:center}.cp-bm button,.cp-bld{width:auto!important;min-width:0!important;margin:0!important;padding:3px 9px!important;border-radius:7px;font:600 13px 'Mitr'!important;background:#34343c!important;color:#fff!important;border:1px solid #6e6f78!important;line-height:1.2}.cp-bm button{padding:1px 7px!important}.cp-bld.on{background:linear-gradient(#ffd96b,#e8bb45)!important;color:#3a2706!important;border-color:#ffe08a!important}
.cp-ovr[data-talent]{cursor:pointer}
.cp-body-row{gap:5px!important}.cp-bld{padding:2px 3px!important;width:34px!important;height:44px!important;display:inline-flex!important;align-items:flex-end;justify-content:center}.cp-bld svg{width:26px;height:38px;fill:#9a9ba4}.cp-bld.on svg{fill:#3a2706}.cp-bld:hover svg{fill:#fff}
.cp-bm{flex:1 1 44%;justify-content:center}.cp-bld{flex:1 1 7%!important;width:auto!important}
.cp-bm{flex:1 1 47%!important}.cp-bld{flex:1 1 8%!important}
.cp-body-row{display:flex!important;gap:12px!important;align-items:center;flex-wrap:nowrap!important}.cp-fig{flex:0 0 74px;height:96px;border-radius:12px;background:radial-gradient(#3a3a44,#0b0b0e);border:1px solid #6e6f78;display:flex;align-items:flex-end;justify-content:center;padding:4px;box-shadow:inset 0 0 14px #000}.cp-fig svg{height:100%;width:auto;overflow:visible}.cp-sl{flex:1;display:flex;flex-direction:column;gap:10px}.cp-sl label{display:grid;grid-template-columns:22px 1fr 70px;align-items:center;gap:8px;font-size:16px;color:#ffe08a}.cp-sl label i{font-style:normal;text-align:center}.cp-sl span{font-size:12px;color:#c4c5cc;text-align:right}.cp-sl b{font:600 18px 'Chakra Petch';color:#ffe08a}.cp-sl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:6px;background:linear-gradient(#050506,#2a2a30);border:1px solid #6e6f78;margin:0;padding:0;cursor:pointer}.cp-sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#e8bb45 55%,#a8741a);border:2px solid #fff3c4;box-shadow:0 2px 6px #000a}.cp-sl input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#e8bb45;border:2px solid #fff3c4}
.cp-g{padding:10px 4px!important}.cp-g span{font:700 20px 'Chakra Petch'!important;letter-spacing:.06em}.cp-c{padding:6px 14px!important}.cp-c{font:700 15px 'Chakra Petch'}
.cp-g{padding:5px 4px!important}.cp-g span{font-size:16px!important}.cp-c{padding:3px 12px!important;font-size:13px!important}.cp-codes{display:flex!important;flex-wrap:wrap;gap:5px;align-items:center}.cp-codes .cp-conf{margin:0 0 0 auto!important;padding:4px 12px!important;font-size:12px!important;align-self:center}.cp-f{gap:4px!important}.cp-body-row{gap:10px!important}.cp-fig{flex:0 0 46px!important;height:62px!important;padding:2px!important}.cp-sl{gap:4px!important}.cp-sl label{font-size:13px!important;grid-template-columns:18px 1fr 56px!important;gap:6px!important}.cp-sl b{font-size:15px!important}.cp-sl span{font-size:10.5px!important}.cp-sl input[type=range]{height:7px!important}.cp-sl input[type=range]::-webkit-slider-thumb{width:18px!important;height:18px!important}
.cp-k small{grid-template-columns:1fr 1fr!important;gap:1px 4px!important;padding-left:0!important}.cp-k small,.cp-k small span{font-size:11px!important}.cp-k small span img{width:13px!important;height:13px!important}.cp-k img,.cp-k i{width:30px!important;height:30px!important}.cp-k{padding:5px 3px!important}.cp-card header{padding-bottom:2px}
.cp-k small,.cp-k small span{font-size:10px!important;letter-spacing:-.2px}.cp-k small{gap:1px 2px!important}.cp-k small span img{width:11px!important;height:11px!important;margin-right:1px}
.cp-sl{gap:6px!important}.cp-sl label.cp-row{display:grid!important;grid-template-columns:30px 1fr 64px!important;align-items:center;gap:10px!important;padding:5px 8px;border-radius:12px;background:linear-gradient(#17171b,#08080a);border:1px solid #3b3b44;box-shadow:inset 0 1px 0 #ffffff12}.cp-ic{width:26px;height:26px;border-radius:50%;display:grid!important;place-items:center;background:radial-gradient(circle at 35% 30%,#4a4a54,#17171b);border:1px solid #6e6f78;color:#ffe08a}.cp-ic svg{width:15px;height:15px}.cp-sl input[type=range]{height:9px!important;border-radius:6px;background:linear-gradient(90deg,#ffe08a 0,#e8bb45 var(--p),#050506 var(--p),#2a2a30 100%)!important;border:1px solid #55555e!important;box-shadow:inset 0 2px 3px #0009}.cp-sl input[type=range]::-webkit-slider-thumb{width:20px!important;height:20px!important;box-shadow:0 0 0 3px #e8bb4533,0 2px 6px #000a!important}.cp-val{display:flex!important;align-items:baseline;justify-content:center;gap:3px;padding:2px 6px;border-radius:8px;background:#000;border:1px solid #3b3b44;text-align:center!important}.cp-val b{font:600 17px 'Chakra Petch'!important;color:#fff!important;text-shadow:0 0 8px #ffe08a88}.cp-val small{font-size:10px;color:#ffe08a}.cp-sl span.cp-val{font-size:inherit!important}
.cp-foot .cp-conf{margin:0!important;align-self:center;padding:12px 18px!important;font-size:15px!important;border-radius:12px}.cp-foot .cp-conf:disabled,.cp-go:disabled{opacity:.35;filter:grayscale(.6);cursor:not-allowed}.cp-go:disabled{box-shadow:0 5px 0 #4a3a12}
/* sign-contract frame (create player footer) */
.cp-foot{position:relative;display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:10px!important;padding:20px 12px 10px!important;margin-top:8px;border-radius:14px;background:linear-gradient(#1d1d22,#060607);border:1px solid #a9aab3;box-shadow:inset 0 1px 0 #ffffff25,0 6px 16px #000a}.cp-foot::before{content:'✒  SIGN CONTRACT';position:absolute;left:14px;top:-9px;padding:1px 10px;border-radius:7px;background:#0b0b0e;border:1px solid #a9aab3;color:#ffe08a;font:600 10.5px 'Chakra Petch';letter-spacing:.12em}.cp-foot .cp-sign{width:auto!important;height:54px!important;border-radius:8px!important;background:repeating-linear-gradient(#1a1a1f 0 26px,#1a1a1f 26px 27px),#101014!important;border:1px solid #55555e!important}.cp-foot .cp-sign::before{content:'X';position:absolute;left:10px;bottom:10px;font:700 15px 'Chakra Petch';color:#ffe08a;pointer-events:none}.cp-foot .cp-sign .cp-pen{left:auto!important;right:30px;bottom:6px;opacity:.7}.cp-foot .cp-sign span{left:28px!important;right:56px!important;bottom:9px!important}.cp-foot .cp-conf{padding:10px 16px!important}
.cp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cp-two .cp-f{min-width:0}.cp-card header{padding-bottom:0!important}.cp-foot{margin-top:2px!important;padding:16px 10px 8px!important}.cp-foot .cp-sign{height:46px!important}
.cp-pts>small{display:flex;align-items:center;justify-content:center;gap:6px}.cp-auto{width:auto!important;min-width:0!important;margin:0!important;padding:1px 8px!important;font:700 10px 'Chakra Petch'!important;border-radius:6px;background:linear-gradient(#ffd96b,#e8bb45)!important;color:#3a2706!important;border:0!important}
/* framed sections like the SIGN CONTRACT panel */
.cp-form .cp-f,.cp-two .cp-f{position:relative;padding:12px 10px 8px!important;border-radius:14px;background:linear-gradient(#1d1d22,#060607);border:1px solid #a9aab3!important;box-shadow:inset 0 1px 0 #ffffff25,0 4px 12px #0008;font-size:0!important;gap:6px!important;margin:0}.cp-form .cp-f>*{font-size:initial}.cp-lb{position:absolute;left:12px;top:-9px;padding:1px 10px;border-radius:7px;background:#0b0b0e;border:1px solid #a9aab3;color:#ffe08a;font:600 11px 'Mitr',sans-serif;font-style:normal;letter-spacing:.04em;line-height:1.5;z-index:2}.cp-form{gap:12px!important}.cp-two{gap:12px!important}.cp-f .cp-nat-btn,.cp-f .cp-name{margin-top:0}
.cp-form .cp-f>.cp-lb{font:600 10.5px 'Chakra Petch',sans-serif!important;letter-spacing:.12em!important;padding:1px 10px!important;line-height:1.5}
/* Confirm = same metal 3D button as Next */
.cp-foot .cp-conf{all:unset;box-sizing:border-box;cursor:pointer;width:116px!important;height:44px;display:flex!important;align-items:center;justify-content:center;border-radius:10px!important;font-size:0!important;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%)!important;border:1px solid #8a5a06!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 5px 0 #a8730f,0 9px 12px #000a,0 0 14px #ffd24d66!important;color:#3a2504!important;margin:6px 0!important;padding:0!important}
.cp-foot .cp-conf::before{content:'CONFIRM';font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.08em;color:#3a2504;text-shadow:0 1px 0 #fff8}
.cp-foot .cp-conf.on{background:linear-gradient(180deg,#eafff0 0%,#8fe0ae 30%,#3fae6a 55%,#2b8a52 66%,#7fd9a3 100%)!important;border-color:#14522e!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #1d6b3d99,0 5px 0 #14522e,0 9px 12px #000a,0 0 14px #3fae6a66!important}
.cp-foot .cp-conf.on::before{content:'CONFIRMED ✓';font-size:12px;color:#06280f}
.cp-foot .cp-conf:disabled{opacity:.4;filter:grayscale(.7);cursor:not-allowed}
.cp-foot .cp-conf:active:not(:disabled){transform:translateY(2px)}
.cp-foot .cp-conf *{display:none!important}
@keyframes cpneed{50%{box-shadow:0 0 0 2px #ffe08a99,0 0 14px #ffd24d88}}.cp-foot .cp-sign.need{border-color:#ffe08a!important;animation:cpneed 1.1s infinite}
.cp-pts .cp-auto{all:unset;box-sizing:border-box;cursor:pointer;height:16px!important;min-height:0!important;width:auto!important;padding:0 7px!important;margin:0!important;display:inline-flex!important;align-items:center;border-radius:5px!important;font:700 9px 'Chakra Petch',sans-serif!important;letter-spacing:.06em;line-height:1;background:linear-gradient(#ffe27a,#e8bb45)!important;color:#3a2706!important;box-shadow:0 2px 0 #8e620e}.cp-pts .cp-auto:active{transform:translateY(1px)}
/* title board: keep everything inside the paper */
@media(min-aspect-ratio:1/1){.ts-board{padding:2.6cqw 2.6cqw 1.6cqw 3cqw!important;box-sizing:border-box;overflow:hidden}.ts-page{gap:.35cqw!important;min-height:0}.ts-board h2{font-size:2.2cqw!important}.ts-item{font-size:2cqw!important;padding:.55cqw .7cqw!important}.ts-item.ts-hot{transform:none!important;margin:.15cqw .2cqw}.ts-item small{font-size:1.15cqw!important}.ts-board ol{font-size:1.3cqw!important;line-height:1.35!important;padding-left:1.8cqw!important}.ts-board p{font-size:1.3cqw!important}.ts-mini{padding-top:.3cqw}.ts-mini button{font-size:1.2cqw!important;padding:.25cqw .8cqw!important}}
/* title menu: 3D metal buttons (English) */
.ts-board .ts-item{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.1cqw;width:92%;margin:.35cqw auto;padding:.8cqw 1cqw;border-radius:1cqw;font:700 1.9cqw/1 'Chakra Petch',sans-serif;letter-spacing:.12em;color:#fff;text-shadow:0 .1cqw 0 #000a;background:linear-gradient(180deg,#8a8c96 0%,#5b5d68 35%,#3a3b44 60%,#6a6c76 100%);border:.12cqw solid #20212a;box-shadow:inset 0 .12cqw 0 #ffffffaa,inset 0 -.3cqw 0 #0006,0 .45cqw 0 #1c1d24,0 .8cqw 1cqw #0007;position:relative}.ts-board .ts-item i{display:none}.ts-board .ts-item:hover,.ts-board .ts-item:focus-visible{filter:brightness(1.12)}.ts-board .ts-item:active{transform:translateY(.3cqw);box-shadow:inset 0 .12cqw 0 #ffffff88,inset 0 -.2cqw 0 #0006,0 .15cqw 0 #1c1d24,0 .3cqw .5cqw #0007}.ts-board .ts-item small{font:500 1cqw/1.2 'IBM Plex Sans Thai',sans-serif!important;letter-spacing:.02em;color:#2a1a02cc!important;margin:0!important}.ts-board .ts-cont,.ts-board .ts-hot{background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%)!important;border-color:#8a5a06!important;color:#3a2504!important;text-shadow:0 .1cqw 0 #fff8!important;box-shadow:inset 0 .12cqw 0 #fff,inset 0 -.3cqw 0 #c98a0a99,0 .45cqw 0 #a8730f,0 .8cqw 1cqw #0008,0 0 1.2cqw #ffd24d66!important;transform:none!important}.ts-board .ts-yes{background:linear-gradient(180deg,#ffe0e0 0%,#ff8a80 30%,#d9483f 55%,#b02a22 66%,#ff9a90 100%)!important;border-color:#5c110c!important;box-shadow:inset 0 .12cqw 0 #ffd0cc,inset 0 -.3cqw 0 #7a1a1599,0 .45cqw 0 #6b1712,0 .8cqw 1cqw #0008!important}.ts-board .ts-page{gap:.2cqw!important}.ts-board h2{letter-spacing:.14em;font-family:'Chakra Petch',sans-serif!important;font-weight:700!important;color:#5a4318!important}
.ts-board .ts-item{font-size:1.55cqw!important;letter-spacing:.06em!important;white-space:nowrap;text-align:center;padding:.7cqw .6cqw!important}.ts-board .ts-item span{display:flex;flex-direction:column;align-items:center}.ts-board .ts-item small{font-size:1.05cqw!important;white-space:nowrap}
/* end-training confirm: black profile tone, compact, 3D buttons */
#confirm-next,#restart{width:min(340px,92vw)!important;padding:14px 16px 14px!important;border-radius:14px!important;background:linear-gradient(#1d1d22,#060607)!important;border:1px solid #a9aab3!important;color:#e6e7ec!important;box-shadow:inset 0 1px 0 #ffffff25,0 18px 40px #000c!important}#confirm-next::backdrop,#restart::backdrop{background:#000b}#confirm-next[open],#restart[open]{display:grid;grid-template-columns:1fr 1fr;gap:8px}#confirm-next h2,#restart h2{grid-column:1/-1;margin:0!important;font:700 17px 'Chakra Petch',sans-serif!important;letter-spacing:.1em;color:#ffe08a!important;text-shadow:0 0 8px #ffd24d55}#confirm-next p,#restart p{grid-column:1/-1;margin:0 0 4px!important;font-size:12px!important;line-height:1.4!important;color:#c4c5cc!important}#confirm-next button,#restart button{all:unset;box-sizing:border-box;cursor:pointer;height:40px;display:flex!important;align-items:center;justify-content:center;border-radius:10px;font-size:0!important;margin:0!important;width:auto!important}#confirm-next button *,#restart button *{display:none!important}#confirm-next button::before,#restart button::before{font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.08em}#confirm-next #confirm,#restart #confirm-restart{background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border:1px solid #8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 4px 0 #a8730f,0 8px 10px #000a;color:#3a2504}#confirm-next #confirm::before{content:'CONFIRM';color:#3a2504}#restart #confirm-restart::before{content:'RESTART';color:#3a2504}#confirm-next #cancel-next,#restart #cancel-restart{background:linear-gradient(180deg,#8a8c96 0%,#5b5d68 35%,#3a3b44 60%,#6a6c76 100%);border:1px solid #20212a;box-shadow:inset 0 1px 0 #ffffffaa,inset 0 -3px 0 #0006,0 4px 0 #1c1d24,0 8px 10px #0007}#confirm-next #cancel-next::before{content:'KEEP TRAINING';color:#fff;text-shadow:0 1px 0 #000a}#restart #cancel-restart::before{content:'BACK';color:#fff;text-shadow:0 1px 0 #000a}#confirm-next button:active,#restart button:active{transform:translateY(2px)}
/* competition page: training desk must be gone so the pitch is first */
.layout[hidden],body[data-game-page=competition] .layout,body[data-game-page=competition] main.desk,body[data-game-page=competition] .home-desk,body[data-game-page=competition] .player-stat-strip{display:none!important}
/* pre-match: compact pictures + club vs club line */
.prematch-venue{aspect-ratio:21/4.5!important;margin-bottom:6px!important}.prematch-stadium.is-touchline,.prematch-stadium.is-locker{aspect-ratio:1672/470!important;position:relative}.prematch-stadium img,.prematch-stadium .prematch-bg{object-fit:cover;object-position:center 40%}.prematch-stadium .prematch-copy.pm-vs{display:flex!important;align-items:center;justify-content:center;gap:14px;left:50%!important;right:auto!important;top:auto!important;bottom:8%!important;transform:translateX(-50%)!important;max-width:92%!important;width:max-content;padding:6px 16px!important;border:1px solid #a9aab3!important;border-radius:12px!important;background:linear-gradient(#1d1d22ee,#060607ee)!important;box-shadow:0 6px 16px #000a}.pm-vs .pm-side{display:inline-flex;align-items:center;gap:6px;min-width:0}.pm-vs .pm-side img{width:24px!important;height:24px!important;object-fit:contain!important;position:static!important}.pm-vs .pm-side em{font:600 14px 'Chakra Petch','Mitr',sans-serif;font-style:normal;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}.pm-vs .pm-side i{display:inline-flex;font-style:normal}.pm-vs .pm-side i svg,.pm-vs .pm-side i img{width:20px;height:14px}.pm-vs b{font:700 12px 'Chakra Petch',sans-serif;color:#ffe08a;letter-spacing:.12em}@media(max-width:600px){.prematch-stadium.is-touchline .prematch-copy.pm-vs,.prematch-stadium.is-locker .prematch-copy.pm-vs{display:flex!important}}
/* ---------- competition page: black profile tone, compact ---------- */
.match-modal[open]{background:linear-gradient(#1d1d22,#060607)!important;border:1px solid #a9aab3!important;border-radius:16px!important;padding:8px 10px 10px!important;color:#e6e7ec!important;box-shadow:inset 0 1px 0 #ffffff25,0 10px 28px #000a!important;margin-top:8px!important}
.match-modal .match-head{display:flex!important;align-items:center;gap:8px;padding:0!important;margin:0 0 6px!important;border:0!important;background:none!important}
.match-modal #match-heading{margin:0!important;font:700 15px 'Chakra Petch',sans-serif!important;letter-spacing:.12em;color:#ffe08a!important}
.match-modal #match-heading .th{display:none}
.match-modal .match-tactics-note{flex:1;margin:0!important;font-size:10.5px!important;line-height:1.3!important;color:#9a9ba4!important;max-height:30px;overflow:hidden}
.match-modal #match-close{all:unset;box-sizing:border-box;cursor:pointer;height:28px;padding:0 12px;border-radius:8px;font-size:0!important;background:linear-gradient(180deg,#8a8c96 0%,#5b5d68 35%,#3a3b44 60%,#6a6c76 100%);border:1px solid #20212a;box-shadow:inset 0 1px 0 #ffffffaa,inset 0 -2px 0 #0006,0 3px 0 #1c1d24;display:flex;align-items:center}
.match-modal #match-close *{display:none!important}
.match-modal #match-close::before{content:'← TRAINING';font:700 10.5px 'Chakra Petch',sans-serif;letter-spacing:.08em;color:#fff;text-shadow:0 1px 0 #000a}
.match-modal .match-score{background:linear-gradient(#050506,#17171b)!important;border:1px solid #3b3b44!important;border-radius:10px!important;padding:4px 12px!important;min-height:0!important;margin:0 0 6px!important;color:#c4c5cc!important;box-shadow:inset 0 2px 6px #000}
.match-modal .match-score b{font:700 24px 'Chakra Petch',sans-serif!important;color:#fff!important;text-shadow:0 0 10px #ffe08a99}
.match-modal #match-clock{font:700 14px 'Chakra Petch',sans-serif!important;color:#ffe08a!important;background:#000!important;border:1px solid #3b3b44;border-radius:7px;padding:2px 10px!important}
.match-modal .match-score span{font-size:11px!important}
.match-modal .event-report{background:linear-gradient(#0d0d10,#050506)!important;border:1px solid #3b3b44!important;border-radius:10px!important;padding:6px 10px!important;margin:0 0 6px!important;color:#d7d8de!important}
.match-modal .report-label{font:600 9.5px 'Chakra Petch',sans-serif!important;letter-spacing:.14em;color:#ffe08a!important}
.match-modal .event-report p{font-size:12px!important;line-height:1.35!important;margin:2px 0!important;color:#e6e7ec!important}
.match-modal .event-report p small,.match-modal .event-report .th{font-size:10.5px!important;color:#9a9ba4!important}
.match-modal .pitch{border-radius:10px!important;border:1px solid #3b3b44}
.match-modal .match-gear{background:linear-gradient(#0d0d10,#050506)!important;border:1px solid #3b3b44!important;border-radius:10px!important;padding:5px 8px!important;margin-top:6px!important}
.match-modal .gb-open{font-size:11px!important}
.match-modal .match-choices{margin-top:6px!important;gap:6px!important}
.match-modal #kickoff{all:unset;box-sizing:border-box;cursor:pointer;width:100%;height:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;font-size:0!important;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border:1px solid #8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 4px 0 #a8730f,0 8px 12px #000a,0 0 14px #ffd24d55}
.match-modal #kickoff *{display:none!important}
.match-modal #kickoff::before{content:'KICK OFF';font:700 16px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#3a2504;text-shadow:0 1px 0 #fff8}
.match-modal #kickoff:active{transform:translateY(2px)}
.match-modal .match-buffs{background:linear-gradient(#0d0d10,#050506)!important;border:1px solid #3b3b44!important;border-radius:8px!important;color:#d7d8de!important;margin-top:6px!important}.match-modal .match-buffs:empty{display:none}
.match-modal .match-buffs{display:none!important}.match-modal .match-buffs:not(:empty){display:flex!important}
/* ---------- TV broadcast scoreboard (match-score) ---------- */
.match-modal .match-score{--home:#1f4e8c;--away:#a82a2a;display:grid!important;grid-template-columns:1fr auto 1fr;gap:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;position:relative;margin:0 0 12px!important;min-height:0!important;align-items:stretch}
.match-modal .match-score::after{content:'';position:absolute;left:6%;right:6%;bottom:-6px;height:6px;background:linear-gradient(#e8e9ee,#6b6d78);clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);box-shadow:0 3px 6px #0008}
.match-modal .match-score>span{position:relative;display:flex!important;align-items:center;gap:10px;min-height:42px;padding:4px 30px 4px 26px;color:#fff!important;font:700 14px 'Chakra Petch','Mitr',sans-serif!important;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 2px #000a;overflow:hidden}
.match-modal .match-score>span:first-child{justify-content:space-between;background:linear-gradient(180deg,color-mix(in srgb,var(--home) 65%,#fff) 0%,var(--home) 48%,color-mix(in srgb,var(--home) 55%,#000) 100%);clip-path:polygon(12px 0,100% 0,calc(100% - 16px) 100%,0 100%);border-radius:6px 0 0 6px}
.match-modal .match-score>span:last-child{justify-content:space-between;flex-direction:row;background:linear-gradient(180deg,color-mix(in srgb,var(--away) 65%,#fff) 0%,var(--away) 48%,color-mix(in srgb,var(--away) 55%,#000) 100%);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,16px 100%);border-radius:0 6px 6px 0;padding:4px 26px 4px 30px}
.match-modal .match-score>span::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffffff40 0%,#ffffff10 38%,transparent 39%);pointer-events:none}
.match-modal .match-score>span:last-child::before{background:linear-gradient(245deg,#ffffff40 0%,#ffffff10 38%,transparent 39%)}
.match-modal .match-score b{font:700 28px 'Chakra Petch',sans-serif!important;color:#fff!important;text-shadow:0 0 10px #fff8,0 2px 2px #000a!important;min-width:26px;text-align:center}
.match-modal #match-clock{position:relative;z-index:2;display:flex!important;flex-direction:column;align-items:center;justify-content:center;margin:-3px -10px;padding:2px 20px!important;min-width:92px;background:linear-gradient(#000,#15151a)!important;border:1px solid #6b6d78!important;border-radius:6px!important;box-shadow:0 0 14px #5aa0ff55,inset 0 0 8px #000;font:700 20px 'Chakra Petch',sans-serif!important;color:#ffe08a!important;text-shadow:0 0 10px #ffd24daa;line-height:1.05}
.match-modal #match-clock::before{content:'MATCH TIME';font:600 8px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#c4c5cc;text-shadow:none}
.match-modal .match-tactics-note{display:none!important}.match-modal .mt-chips{flex:1;display:flex;gap:6px;flex-wrap:wrap}.mt-chips span{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:8px;background:linear-gradient(#26262c,#0a0a0c);border:1px solid #55555e;color:#e6e7ec;font:600 11px 'Chakra Petch',sans-serif}.mt-chips small{color:#ffe08a;font-size:10px}.match-modal .match-score>span{width:auto!important;max-width:none!important;justify-self:stretch!important;white-space:nowrap}.match-modal .match-score>span span{white-space:nowrap!important}
.match-modal .match-score>span:first-child,.match-modal .match-score>span:first-child b{color:var(--hf,#fff)!important;text-shadow:none!important}.match-modal .match-score>span:last-child,.match-modal .match-score>span:last-child b{color:var(--af,#fff)!important;text-shadow:none!important}.match-modal .match-score>span{font-size:15px!important}
/* scoreboard = blue broadcast style (navy glass panels, orange end accents, FULL TIME clock) */
.match-modal .match-score>span:first-child{background:linear-gradient(105deg,#ff9c1a 0,#ff9c1a 9px,#ffd27a 9px,#ffd27a 11px,transparent 11px),linear-gradient(180deg,#46709f 0%,#24467a 38%,#142c55 62%,#0c1d3c 100%)!important}
.match-modal .match-score>span:last-child{background:linear-gradient(255deg,#ff9c1a 0,#ff9c1a 9px,#ffd27a 9px,#ffd27a 11px,transparent 11px),linear-gradient(180deg,#46709f 0%,#24467a 38%,#142c55 62%,#0c1d3c 100%)!important}
.match-modal .match-score>span:first-child,.match-modal .match-score>span:first-child b,.match-modal .match-score>span:last-child,.match-modal .match-score>span:last-child b{color:#fff!important}
.match-modal .match-score b{text-shadow:0 0 10px #8fc2ff,0 2px 2px #000a!important}
.match-modal #match-clock{border-color:#4e8fe8!important;box-shadow:0 0 16px #3d8bff99,inset 0 0 10px #0a2a66!important;background:linear-gradient(#02060f,#0b1630)!important}
.match-modal #match-clock::before{content:'FULL TIME'!important;color:#d7e6ff!important}
.match-modal .match-score::after{background:linear-gradient(#cfd8e8,#5a6a88)!important}
/* scoreboard 3D + club crest/flag */
.match-modal .match-score{filter:drop-shadow(0 5px 0 #050f24) drop-shadow(0 11px 12px #000b)!important;margin-bottom:16px!important}
.match-modal .match-score>span{min-height:50px!important}
.match-modal .match-score>span:first-child{background:linear-gradient(#ffffff66,#ffffff66) top/100% 2px no-repeat,linear-gradient(#020a1ccc,#020a1ccc) bottom/100% 5px no-repeat,linear-gradient(105deg,#ff9c1a 0,#ff9c1a 9px,#ffd27a 9px,#ffd27a 11px,transparent 11px),linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%)!important}
.match-modal .match-score>span:last-child{background:linear-gradient(#ffffff66,#ffffff66) top/100% 2px no-repeat,linear-gradient(#020a1ccc,#020a1ccc) bottom/100% 5px no-repeat,linear-gradient(255deg,#ff9c1a 0,#ff9c1a 9px,#ffd27a 9px,#ffd27a 11px,transparent 11px),linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%)!important}
.match-modal .match-score>span::before{background:linear-gradient(115deg,#ffffff55 0%,#ffffff18 36%,transparent 37%),linear-gradient(180deg,#ffffff30 0,#ffffff00 46%)!important}
.match-modal .match-score>span:last-child::before{background:linear-gradient(245deg,#ffffff55 0%,#ffffff18 36%,transparent 37%),linear-gradient(180deg,#ffffff30 0,#ffffff00 46%)!important}
.match-modal #match-clock{min-width:104px!important;padding:3px 22px!important;margin:-6px -12px!important;border-width:2px!important;border-radius:9px!important;box-shadow:0 0 18px #3d8bffaa,inset 0 0 12px #0a2a66,inset 0 2px 0 #ffffff33,0 4px 0 #04122e!important}
.match-modal #match-clock{font-size:23px!important}
.sb-id{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;position:relative;z-index:1}
.sb-id img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 2px #000a)}
.sb-id em{display:inline-flex;font-style:normal;padding:1px;border-radius:3px;background:#fff;box-shadow:0 1px 3px #000a}
.sb-id em svg,.sb-id em img{width:22px;height:15px;display:block}
.match-modal .match-score>span:first-child{gap:8px!important;justify-content:flex-start!important}
.match-modal .match-score>span:first-child>b{margin-left:auto}
.match-modal .match-score>span:last-child{gap:8px!important}
.match-modal .match-score>span:last-child #away-team-label{margin-left:auto;text-align:right}
/* ---------- match report = live TV screen ---------- */
.match-modal .event-report{position:relative;padding:12px 14px 8px!important;margin:4px 0 8px!important;border-radius:16px!important;background:linear-gradient(#2a2d36,#0b0c10)!important;border:2px solid #6b6d78!important;box-shadow:inset 0 0 0 3px #050507,inset 0 2px 0 #ffffff33,0 6px 0 #04040a,0 12px 20px #000a!important;overflow:hidden}
.match-modal .event-report::before{content:'';position:absolute;inset:6px;border-radius:11px;background:radial-gradient(120% 90% at 50% 0%,#17315c 0%,#0a1428 55%,#050813 100%);box-shadow:inset 0 0 22px #000;pointer-events:none;z-index:0}
.match-modal .event-report::after{content:'';position:absolute;inset:6px;border-radius:11px;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,transparent 1px 3px),linear-gradient(160deg,#ffffff22 0,#ffffff00 30%);pointer-events:none;z-index:3}
.match-modal .event-report>*{position:relative;z-index:1}
.match-modal .report-label{display:flex!important;align-items:center;gap:8px;margin:0 0 6px 4px!important;font:700 11px 'Chakra Petch',sans-serif!important;letter-spacing:.18em!important;color:#cfe0ff!important}
.live-dot{font-style:normal;display:inline-flex;align-items:center;gap:5px;padding:1px 9px 1px 7px;border-radius:5px;background:linear-gradient(#ff5148,#b3150d);color:#fff;font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.14em;box-shadow:0 0 10px #ff3b30aa,inset 0 1px 0 #ffffff88}
.live-dot::before{content:'';width:7px;height:7px;border-radius:50%;background:#fff;animation:livepulse 1.2s infinite}
@keyframes livepulse{50%{opacity:.25}}
.match-modal .event-report .match-story{margin:2px 4px 6px!important;padding:0!important}
.match-modal .event-report .match-story p{margin:0 0 3px!important;font-size:15px!important;line-height:1.35!important;color:#fff!important;font-weight:600;text-shadow:0 1px 3px #000}
.match-modal .event-report .match-story p+p,.match-modal .event-report .match-story small,.match-modal .event-report .match-story .th{color:#9fb5d9!important;font-size:12px!important;font-weight:400}
.match-modal .match-log{margin:0 !important;display:flex;flex-direction:column;gap:3px}
.match-modal .match-log p{display:grid!important;grid-template-columns:44px 1fr;align-items:center;gap:10px;margin:0!important;padding:4px 8px!important;border:0!important;border-radius:7px;background:linear-gradient(90deg,#1c3a6b99,#0c1a3499);font-size:14px!important;line-height:1.3;color:#f2f6ff!important}
.match-modal .match-log p:first-child{background:linear-gradient(90deg,#2d5aa3,#14305e);box-shadow:0 0 12px #3d8bff66;font-weight:600}
.lg-min{display:grid;place-items:center;height:24px;border-radius:5px;background:#000;border:1px solid #4e8fe8;color:#ffe08a;font:700 14px 'Chakra Petch',sans-serif;box-shadow:0 0 8px #3d8bff66,inset 0 0 6px #0a2a66}
.match-modal .match-gear{display:none!important}
/* ---------- match pop-up (actions + dice in the middle of the pitch) ---------- */
.match-modal .pitch{position:relative}
.match-pop{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94%,620px);max-height:94%;overflow:auto;z-index:30;padding:10px 10px 8px;border-radius:16px;background:linear-gradient(#1d1d22f4,#060607f4);border:1px solid #a9aab3;box-shadow:inset 0 1px 0 #ffffff25,0 14px 34px #000d;color:#e6e7ec;animation:mpin .22s ease-out both}
.match-pop.open{display:block}
@keyframes mpin{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%)}}
.match-pop:has(#kickoff){top:auto;bottom:12px;transform:translateX(-50%);width:min(60%,300px);animation:none}
.match-pop .mp-drop{border-radius:12px;padding:2px;transition:box-shadow .15s}
.match-pop.dragging .mp-drop{box-shadow:0 0 0 2px #ffd24d99,inset 0 0 18px #ffd24d33}
.match-pop.over .mp-drop{box-shadow:0 0 0 3px #ffd24d,inset 0 0 26px #ffd24d66}
.match-pop .match-choices{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:0!important}
.match-pop .match-choices button:not(#kickoff){position:relative;display:flex;flex-direction:column!important;align-items:center;justify-content:flex-start;gap:2px;min-height:0!important;padding:5px 4px!important;border-radius:10px;border:1px solid #6b6d78;background:linear-gradient(180deg,#34353d,#16161a)!important;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff33,0 3px 0 #0a0a0d;text-align:center}
.match-pop .match-choices button:not(#kickoff) img,.match-pop .match-choices button:not(#kickoff) svg{max-width:100%;height:auto}
.match-pop .match-choices button:not(#kickoff) small{margin:0!important;max-width:none!important;font-size:10px!important;color:#ffe08a!important}
.match-pop .match-choices button:not(#kickoff):hover{border-color:#ffe08a;filter:brightness(1.15)}
.match-pop .match-choices .match-result{grid-column:1/-1}
.match-pop .mp-dice{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid #ffffff22}
.match-pop .mp-dice:has(#match-buffs:empty){display:none}
.match-pop .mp-hint{flex:0 0 auto;font-size:13px;color:#ffe08a;opacity:.85}
.match-pop .match-buffs{display:block!important;flex:1;margin:0!important;padding:0!important;background:none!important;border:0!important;color:#d7d8de!important}
.match-pop .match-buffs .buff-dice{margin:0!important;gap:5px!important;flex-wrap:wrap}
.match-pop .match-buffs .buff-die-slot{display:flex;flex-direction:column;align-items:center}
.match-pop .match-buffs .buff-dice button{min-height:36px!important;width:40px;padding:0!important;border-width:2px!important;border-radius:9px;touch-action:none;cursor:grab}
.match-pop .buff-die-label,.match-pop .match-buffs>small{display:none!important}
.match-pop .buff-dice button[aria-pressed=true]{outline:2px solid #ffe08a;box-shadow:0 0 10px #ffd24d}
.match-pop .buff-dice .mp-lifted{opacity:.3}
.mp-ghost{position:fixed;z-index:99999;pointer-events:none;transform:translate(-50%,-50%) rotate(8deg) scale(1.15);box-shadow:0 10px 18px #000a;border-radius:9px;opacity:.95}
.match-modal .match-choices:not(.match-pop .match-choices){display:none}
.match-pop .match-choices{grid-template-columns:repeat(auto-fit,minmax(104px,150px))!important;justify-content:center}.match-pop .match-buffs .buff-dice{justify-content:center}
.match-pop{padding:6px 8px 6px!important;border-radius:14px!important}.match-pop .match-choices{gap:4px!important}.match-pop .match-choices button:not(#kickoff){padding:3px!important;border-radius:9px}.match-pop .match-choices .act-art{--sz:54px!important}.match-pop .mp-dice{margin-top:4px!important;padding-top:4px!important}.match-pop .match-buffs{border-radius:10px;background:linear-gradient(#0f3a2c,#0a281f)!important;border:2px solid #6a4e2a!important;padding:3px 6px!important;box-shadow:inset 0 0 10px #000a!important}.match-pop .match-buffs .buff-dice{min-height:0!important}.match-pop .match-buffs .buff-dice button{min-height:32px!important;width:36px!important}
.match-pop .match-result{background:none!important;color:#f2f6ff!important;padding:4px 8px!important;font-size:13px;line-height:1.35;text-align:center}
.match-pop .match-result p{margin:2px 0 0!important;font-size:11px!important;color:#9fb5d9!important}
.match-pop .match-result.compact{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.match-pop .match-result.compact span{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:4px 8px;border-radius:8px;background:linear-gradient(#26262c,#0a0a0c);border:1px solid #55555e}
.match-pop .match-result.compact b{font:700 18px 'Chakra Petch',sans-serif;color:#ffe08a}
.match-pop .match-result.compact small{font-size:10px;color:#c4c5cc}
#match-footer #match-continue{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:34px;margin-top:6px;border-radius:9px;background:linear-gradient(180deg,#8a8c96 0%,#5b5d68 35%,#3a3b44 60%,#6a6c76 100%);border:1px solid #20212a;box-shadow:inset 0 1px 0 #ffffffaa,inset 0 -2px 0 #0006,0 3px 0 #1c1d24;color:#fff;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.1em;text-shadow:0 1px 0 #000a;overflow:hidden}
#match-footer #match-continue small,#match-footer #match-continue .th{display:none!important}
@keyframes mpin{from{opacity:0}to{opacity:1}}.match-pop{animation:mpin .2s ease-out both!important}
.prematch-stadium .prematch-copy.pm-vs{bottom:auto!important;top:9%!important}
.match-pop:not(:has(#kickoff)){width:max-content!important;min-width:250px;max-width:min(94%,400px)!important}.match-pop .match-choices{grid-template-columns:repeat(auto-fit,minmax(86px,104px))!important}.match-pop .mp-dice{justify-content:center}.match-pop .match-buffs{flex:0 1 auto!important;min-width:230px}
.match-pop:has(#kickoff){background:none!important;border:0!important;box-shadow:none!important;padding:0!important}.match-pop:has(#kickoff) .mp-drop{padding:0}.match-pop:not(:has(#kickoff)) .match-choices{display:flex!important;flex-wrap:nowrap;justify-content:center;gap:6px!important}.match-pop:not(:has(#kickoff)) .match-choices button:not(#kickoff){width:92px;flex:0 0 auto}
.prematch-venue .pm-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:92%;padding:6px 16px;border:1px solid #a9aab3;border-radius:12px;background:linear-gradient(#1d1d22ee,#060607ee);box-shadow:0 6px 16px #000a;z-index:2}
.hud-snd{font-size:18px!important;line-height:1}.hud-snd[aria-pressed=true]{opacity:.65}
/* desktop grid: give the stat strip its own first row (it used to fall below Next) */
@media(min-width:960px){.home-desk{grid-template-areas:"strip" "goals" "zone"!important}.home-desk>.player-stat-strip{grid-area:strip!important}}
/* end-training dialog: no description text */
#confirm-next #next-desc{display:none!important}
/* match pop-up v2: crisp (no transform centering), bigger, no tile frames, event names */
.match-pop{left:0!important;right:0!important;top:0!important;bottom:0!important;margin:auto!important;transform:none!important;height:max-content!important;max-height:96%!important}
.match-pop:has(#kickoff){top:auto!important;bottom:12px!important;margin:0 auto!important;height:auto!important}
.match-pop:not(:has(#kickoff)){width:max-content!important;min-width:340px!important;max-width:min(96%,640px)!important;padding:12px 16px 10px!important}
.match-pop .match-choices{gap:10px!important}
.match-pop:not(:has(#kickoff)) .match-choices button:not(#kickoff){width:118px!important;padding:2px 0 4px!important;background:none!important;border:0!important;box-shadow:none!important;gap:3px}
.match-pop .match-choices .act-art{--sz:96px!important;border-radius:16px;box-shadow:0 0 0 2px #5fbf7f,0 6px 12px #000a}
.match-pop .match-choices button:not(#kickoff):hover .act-art{box-shadow:0 0 0 3px #ffe08a,0 0 16px #ffd24d99}
.match-pop .mp-name{font:700 12px/1.15 'Chakra Petch',sans-serif;letter-spacing:.03em;color:#fff;text-align:center;max-width:114px;text-shadow:0 1px 2px #000}
.match-pop .mp-pct{font:700 13px 'Chakra Petch',sans-serif;font-style:normal;color:#ffe08a}
.match-pop .match-choices button:not(#kickoff) small{display:none!important}
.match-pop .match-buffs .buff-dice button{min-height:46px!important;width:50px!important}
.match-pop .match-buffs{min-width:280px!important;padding:6px 10px!important}
/* match pop-up dice tray = same bronze bevelled tray + felt as the Training tray */
.match-pop .match-buffs{position:relative!important;border:12px solid transparent!important;border-radius:18px!important;padding:6px 10px!important;
 background:var(--tex-felt) 0 0/240px 240px padding-box,radial-gradient(ellipse at 50% 15%,#277049,#145236 62%,#0b3624) padding-box,conic-gradient(from 25deg at 50% 50%,#1d0e05,#6d4220,#2f1809,#c28a52,#3a1d0b,#120802,#7a4a24,#2a1407,#9a6535,#1d0e05) border-box!important;
 box-shadow:0 10px 16px #000d,0 3px 0 #000,0 0 0 1px #000!important;color:#f0e7d4!important}
.match-pop .match-buffs::before{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;box-shadow:inset 0 8px 12px #000d,inset 0 -3px 6px #0006,inset 7px 0 10px #0008,inset -7px 0 10px #0008,inset 0 0 0 2px #000a}
.match-pop .match-buffs::after{content:"";position:absolute;inset:-12px;border-radius:18px;pointer-events:none;padding:12px;background:linear-gradient(180deg,rgba(255,226,180,.62) 0,rgba(255,226,180,.12) 16%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 62%,rgba(0,0,0,.6) 100%),linear-gradient(90deg,rgba(255,220,170,.28),rgba(0,0,0,0) 14%,rgba(0,0,0,0) 86%,rgba(255,220,170,.14));-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.match-pop .mp-dice{border-top:0!important;margin-top:8px!important;padding-top:0!important}
/* HUD inventory button: jersey icon, same material + outline style as the calendar */
.hud-inv{position:relative;display:grid;place-items:center;width:52px;height:44px;padding:0!important;margin:0 8px 0 0!important;border-radius:7px!important;background:linear-gradient(#ffffff,#dedfd9)!important;border:2px solid #17181a!important;box-shadow:inset 0 -3px 0 #0002,0 3px 0 #0a0b0c,0 6px 8px #0006!important;cursor:pointer;min-height:0!important}
.hud-inv svg{width:34px;height:30px;display:block;filter:drop-shadow(0 1px 0 #0003)}
.hud-inv:hover{filter:brightness(1.06)}.hud-inv:active{transform:translateY(2px);box-shadow:inset 0 -2px 0 #0002,0 1px 0 #0a0b0c!important}
.hud-inv-n{position:absolute;top:-8px;right:-8px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:linear-gradient(#f2675a,#c43327);border:2px solid #17181a;color:#fff;font:700 11px/15px 'Chakra Petch',sans-serif;text-align:center;box-shadow:0 2px 0 #0a0b0c}
.hud-inv-n[hidden]{display:none}
/* dice tray buttons in English */
#roll::after,.dz-actions #roll::after{content:"ROLL"!important;letter-spacing:.1em}
/* match report: compact, newest event first */
.match-modal .event-report{padding:8px 12px 6px!important;margin:2px 0 6px!important;border-radius:14px!important}
.match-modal .report-label{margin:0 0 3px 2px!important}
.match-modal .event-report .match-story{margin:0 2px 4px!important}
.match-modal .event-report .match-story p{font-size:13px!important;line-height:1.25!important;margin:0 0 1px!important}
.match-modal .event-report .match-story p small,.match-modal .event-report .match-story .th,.match-modal .event-report .match-story p+p{display:none!important}
.match-modal .match-log{gap:2px!important;max-height:104px;overflow-y:auto;scrollbar-width:thin}
.match-modal .match-log p{padding:2px 8px!important;font-size:12.5px!important;grid-template-columns:38px 1fr!important;gap:8px!important}
.lg-min{height:20px!important;font-size:12.5px!important}
.match-pop .mp-pct{letter-spacing:.16em;padding:1px 9px;border-radius:99px;border:1px solid currentColor;background:#00000066;font-size:11px!important}.match-pop .mp-pct.low{color:#ff7b6b}.match-pop .mp-pct.mid{color:#ffd24d}.match-pop .mp-pct.high{color:#6de6a0}
/* match pop-up: no tray, dice sit straight on the pop-up */
.match-pop .match-buffs{border:0!important;background:none!important;box-shadow:none!important;padding:2px 0!important;min-width:0!important;border-radius:0!important}
.match-pop .match-buffs::before,.match-pop .match-buffs::after{display:none!important;content:none!important}
.match-pop .mp-dice{margin-top:6px!important}
/* match pop-up: frosted translucent glass instead of a solid black box */
.match-pop:not(:has(#kickoff)){background:linear-gradient(rgba(30,38,52,.42),rgba(8,12,20,.5))!important;-webkit-backdrop-filter:blur(8px) saturate(1.15);backdrop-filter:blur(8px) saturate(1.15);border:1px solid rgba(255,255,255,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 30px rgba(0,0,0,.45)!important}
/* match pop-up, end-of-match result: stacked (chips, then the exit note), same frosted glass */
.match-pop .match-choices:has(.match-result){display:flex!important;flex-direction:column!important;align-items:center;flex-wrap:nowrap!important;gap:6px!important}
.match-pop .match-exit{margin:0!important;max-width:100%;text-align:center;font:600 12.5px/1.35 'IBM Plex Sans Thai','Chakra Petch',sans-serif;color:#eef3ff!important;text-shadow:0 1px 2px #000a;position:static!important}
.match-pop:has(.match-result){width:max-content!important;min-width:300px!important;max-width:min(94%,560px)!important}
.match-pop:has(.match-result) .match-result.compact span{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.35)!important}
.match-pop:has(.match-result) .match-result.compact small{color:#e8eefc!important}
/* no yellow progress line on the auto-continue bar */
.match-modal .auto-next::before,.match-modal .auto-next::after,#match-footer #match-continue::before,#match-footer #match-continue::after{display:none!important;content:none!important;animation:none!important}
.match-story>.lg-min{display:inline-grid!important;vertical-align:middle;min-width:34px;padding:0 6px;margin-right:8px;height:20px}
/* match pop-up: the inner dice tray (felt + wood rim) is removed too - dice only */
.match-pop .buff-dice{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
.match-pop .buff-dice::before,.match-pop .buff-dice::after{display:none!important;content:none!important}
/* match pop-up: no scrollbars anywhere (dice overflow made them appear) */
.match-pop,.match-pop *{scrollbar-width:none!important;-ms-overflow-style:none!important}
.match-pop::-webkit-scrollbar,.match-pop *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.match-pop{overflow:visible!important}
.match-pop .mp-dice,.match-pop .match-buffs,.match-pop .buff-dice,.match-pop .mp-drop,.match-pop .match-choices{overflow:visible!important}
/* end-of-match verdict (win / draw / loss) above the stat chips */
.match-pop .mr-verdict{font:700 22px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-align:center;padding:2px 14px;border-radius:10px;text-shadow:0 2px 4px #000a}
.match-pop .mr-verdict b{margin-left:8px;font-size:24px;letter-spacing:.06em;color:#fff}
.match-pop .mr-verdict.v-win{color:#6de6a0;text-shadow:0 0 14px #2fbf71aa,0 2px 4px #000a}
.match-pop .mr-verdict.v-draw{color:#ffd24d;text-shadow:0 0 14px #ffb800aa,0 2px 4px #000a}
.match-pop .mr-verdict.v-loss{color:#ff7b6b;text-shadow:0 0 14px #ff3b30aa,0 2px 4px #000a}
/* ---------- action result pop-up (picture + GOAL / SUCCESS / FAILED) ---------- */
.result-pop{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:min(86%,300px);height:max-content;z-index:40;border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,.7);box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 0 4px rgba(0,0,0,.25);opacity:0;transform:scale(.94);transition:opacity .22s ease,transform .22s ease;cursor:pointer;background:#0b1020}
.result-pop.on{opacity:1;transform:none}
.result-pop img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.result-pop .rp-name{position:absolute;left:10px;top:10px;padding:2px 10px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff;font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.08em;backdrop-filter:blur(4px)}
.result-pop .rp-banner{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 10px;text-align:center;font:700 30px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#fff;text-shadow:0 2px 6px #000c;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.result-pop.goal .rp-banner{color:#ffe08a;text-shadow:0 0 18px #ffb800,0 2px 6px #000c}
.result-pop.win .rp-banner{color:#6de6a0;text-shadow:0 0 16px #2fbf71,0 2px 6px #000c}
.result-pop.lose .rp-banner{color:#ff7b6b;text-shadow:0 0 16px #ff3b30,0 2px 6px #000c}
.result-pop.goal{border-color:#ffe08a;box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 26px #ffd24d99}
.result-pop.win{border-color:#6de6a0}.result-pop.lose{border-color:#ff7b6b}
/* form number floating above each lineup player's head */
.tactics-player{position:relative}
.tactics-player-form{position:absolute;left:50%;top:-17px;transform:translateX(-50%);min-width:30px;padding:1px 7px;border-radius:99px;font:700 12px/16px 'Chakra Petch',sans-serif;text-align:center;color:#fff;background:linear-gradient(#26262c,#050506);border:1px solid #ffffff55;box-shadow:0 2px 4px #000a;z-index:3;pointer-events:none}
.tactics-player-form.f-top{color:#7fe8ff;border-color:#7fe8ff;box-shadow:0 0 8px #3dbcff99,0 2px 4px #000a}
.tactics-player-form.f-good{color:#6de6a0;border-color:#6de6a0}
.tactics-player-form.f-ok{color:#ffd24d;border-color:#ffd24d99}
.tactics-player-form.f-bad{color:#ff7b6b;border-color:#ff7b6b}
.tactics-player.is-you .tactics-player-form{top:-19px;font-size:13px}
/* ---------- Match Summary: black profile tone, broadcast score bar, compact ---------- */
.flow-summary{width:min(94vw,460px)!important;max-height:94vh!important;padding:12px 14px 12px!important;background:linear-gradient(#1d1d22,#060607)!important;border:1px solid #a9aab3!important;border-radius:16px!important;color:#e6e7ec!important;box-shadow:inset 0 1px 0 #ffffff25,0 18px 40px #000c!important;overflow-y:auto;scrollbar-width:thin}
.flow-summary::backdrop{background:#000b}
.flow-summary>h2{margin:0 0 8px!important;font:700 15px 'Chakra Petch',sans-serif!important;letter-spacing:.14em;color:#ffe08a!important;text-transform:uppercase}
.flow-summary>h2 .th,.flow-summary>h2 small{display:none}
/* score bar (same family as the match scoreboard) */
.ms-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;margin:2px 0 12px;filter:drop-shadow(0 4px 0 #050f24) drop-shadow(0 8px 10px #000a)}
.ms-bar .ms-team{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 22px 4px 14px;color:#fff;font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;background:linear-gradient(#ffffff55,#ffffff55) top/100% 2px no-repeat,linear-gradient(#020a1ccc,#020a1ccc) bottom/100% 4px no-repeat,linear-gradient(105deg,#ff9c1a 0,#ff9c1a 8px,#ffd27a 8px,#ffd27a 10px,transparent 10px),linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 14px) 100%,0 100%);border-radius:6px 0 0 6px;min-width:0}
.ms-bar .ms-team.r{justify-content:flex-end;padding:4px 14px 4px 22px;background:linear-gradient(#ffffff55,#ffffff55) top/100% 2px no-repeat,linear-gradient(#020a1ccc,#020a1ccc) bottom/100% 4px no-repeat,linear-gradient(255deg,#ff9c1a 0,#ff9c1a 8px,#ffd27a 8px,#ffd27a 10px,transparent 10px),linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,14px 100%);border-radius:0 6px 6px 0}
.ms-bar .ms-team img{width:26px;height:26px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 2px #000a)}
.ms-bar .ms-team span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ms-bar .ms-mid{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin:-4px -8px;padding:2px 18px;background:linear-gradient(#02060f,#0b1630);border:2px solid #4e8fe8;border-radius:9px;box-shadow:0 0 16px #3d8bffaa,inset 0 0 10px #0a2a66,inset 0 2px 0 #ffffff33,0 4px 0 #04122e}
.ms-bar .ms-mid b{font:700 28px 'Chakra Petch',sans-serif;color:#fff;text-shadow:0 0 10px #8fc2ff}
.ms-bar .ms-mid i{font:600 8px 'Chakra Petch',sans-serif;font-style:normal;letter-spacing:.18em;color:#cfe0ff;writing-mode:horizontal-tb}
/* result word + rating */
.ms-top{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px!important}
.ms-top .ms-score{background:none!important;padding:0!important}
.ms-top .ms-score b{font:700 22px 'Chakra Petch',sans-serif!important;letter-spacing:.14em;color:#fff}
.ms-top .ms-score.v-win b{color:#6de6a0;text-shadow:0 0 14px #2fbf71aa}.ms-top .ms-score.v-draw b{color:#ffd24d;text-shadow:0 0 14px #ffb800aa}.ms-top .ms-score.v-loss b{color:#ff7b6b;text-shadow:0 0 14px #ff3b30aa}
.ms-top .ms-score small{display:none}
.ms-form{background:linear-gradient(#26262c,#050506)!important;border:1px solid #ffffff55!important;border-radius:10px!important;padding:3px 12px!important;color:#fff!important;text-align:center}
.ms-form strong{font:700 22px/1.1 'Chakra Petch',sans-serif!important;color:#ffe08a}.ms-form span{font-size:10px!important;color:#c4c5cc!important}
.ms-form.excellent strong{color:#7fe8ff}.ms-form.good strong{color:#6de6a0}.ms-form.average strong{color:#ffd24d}.ms-form.poor strong{color:#ff7b6b}
/* chips, trend, coach quote */
.ms-chips{display:flex!important;gap:6px!important;margin:0 0 8px!important}
.ms-chips span{flex:1;padding:4px 6px!important;border-radius:9px!important;background:linear-gradient(#26262c,#0a0a0c)!important;border:1px solid #55555e!important;color:#c4c5cc!important;font-size:10.5px!important;text-align:center}
.ms-chips span b{display:block;font:700 18px 'Chakra Petch',sans-serif;color:#ffe08a}
.ms-trend{background:linear-gradient(#0d0d10,#050506)!important;border:1px solid #3b3b44!important;border-radius:10px!important;color:#d7d8de!important;padding:5px 10px!important;margin:0 0 8px!important}
.ms-trend small{font-size:10.5px!important;line-height:1.3!important}
.ms-quote{background:linear-gradient(#17171b,#0a0a0c)!important;border:1px solid #3b3b44!important;border-left:3px solid #ffe08a!important;border-radius:10px!important;color:#e6e7ec!important;padding:6px 10px!important;margin:0 0 8px!important;font-size:12.5px!important}
.ms-quote small{color:#9a9ba4!important}
/* fan phone: smaller, dark frame kept */
.fan-phone{transform-origin:top center;zoom:.78;margin:0 auto 6px!important}
.flow-results>p{font-size:11px!important;color:#9a9ba4!important;margin:4px 0 8px!important}
/* buttons: Next Match (gold) / Close (steel), English only */
.flow-summary .flow-next,.flow-summary .flow-back{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;font-size:0!important}
.flow-summary .flow-next *,.flow-summary .flow-back *{display:none!important}
.flow-summary .flow-next::before{content:'NEXT MATCH';font:700 14px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#3a2504;text-shadow:0 1px 0 #fff8}
.flow-summary .flow-back::before{content:'CLOSE';font:700 14px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#fff;text-shadow:0 1px 0 #000a}
.flow-summary .flow-next{background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border:1px solid #8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 4px 0 #a8730f,0 8px 10px #000a}
.flow-summary .flow-back{background:linear-gradient(180deg,#8a8c96 0%,#5b5d68 35%,#3a3b44 60%,#6a6c76 100%);border:1px solid #20212a;box-shadow:inset 0 1px 0 #ffffffaa,inset 0 -3px 0 #0006,0 4px 0 #1c1d24,0 8px 10px #0007;margin-top:8px}
.flow-summary .flow-next:active,.flow-summary .flow-back:active{transform:translateY(2px)}
.flow-summary[open]{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.flow-summary[open]>h2,.flow-summary[open]>.flow-results{grid-column:1/-1}.flow-summary .flow-next,.flow-summary .flow-back{width:100%!important;margin:0!important}.ms-bar .ms-team span{max-width:9ch}
/* end-of-match score line with team crests (who got what) */
.match-pop .mr-score{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
.match-pop .mr-score .mr-t{display:flex;align-items:center;gap:7px;flex:1;min-width:0;font:700 13px 'Chakra Petch',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.04em}
.match-pop .mr-score .mr-t.r{justify-content:flex-end}
.match-pop .mr-score .mr-t img{width:30px;height:30px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px #000a)}
.match-pop .mr-score .mr-t em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:11ch}
.match-pop .mr-score b{min-width:34px;padding:2px 8px;border-radius:9px;text-align:center;font:700 30px 'Chakra Petch',sans-serif;color:#cfd6e6;background:linear-gradient(#02060f,#0b1630);border:1px solid #4e8fe8;box-shadow:0 0 10px #3d8bff66,inset 0 0 8px #0a2a66}
.match-pop .mr-score b.w{color:#fff;border-color:#ffe08a;box-shadow:0 0 14px #ffd24d99,inset 0 0 8px #0a2a66;text-shadow:0 0 10px #ffd24d}
.match-pop .mr-score i{font-style:normal;color:#ffe08a;font:700 22px 'Chakra Petch',sans-serif}
.match-pop:has(.mr-score){min-width:380px!important}
/* match summary: no trend bar, no season line, no CLOSE button - only NEXT MATCH */
.flow-summary .ms-trend,.flow-summary .flow-results>p:not(.ms-keep),.flow-summary .flow-back{display:none!important}
.flow-summary[open] .flow-next{grid-column:1/-1}
/* form number: smaller, one line, sits right on top of the shirt number */
.tactics-player-form{top:-11px!important;min-width:24px!important;padding:0 5px!important;font:700 10px/13px 'Chakra Petch',sans-serif!important;white-space:nowrap!important;letter-spacing:0;box-shadow:0 1px 3px #000a!important}
.tactics-player.is-you .tactics-player-form{top:-13px!important;font-size:10.5px!important;line-height:14px!important}
.tactics-player-form.f-top{box-shadow:0 0 6px #3dbcff88,0 1px 3px #000a!important}
/* end-of-match card: ONE column (verdict, score, stats, exit note) - fixes the squeezed single-row layout */
.match-pop:not(:has(#kickoff)) .match-choices:has(.mr-card){display:block!important}
.match-pop .mr-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}
.match-pop:has(.mr-card){width:min(92%,480px)!important;min-width:0!important;max-width:min(92%,480px)!important}
.match-pop .mr-card .mr-verdict{font-size:22px;white-space:nowrap}
.match-pop .mr-card .mr-score{width:100%;gap:8px}
.match-pop .mr-card .match-result.compact{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;padding:0}
.match-pop .mr-card .match-result.compact span{flex:1 1 70px;min-width:62px;max-width:110px}
.match-pop .mr-card .match-exit{margin:0;width:100%;text-align:center;font:600 12px/1.35 'IBM Plex Sans Thai',sans-serif;color:#eef3ff;white-space:normal}
/* ---------- end-of-match card = broadcast MATCH STATISTICS panel ---------- */
.match-pop:has(.mr-card){width:min(92%,390px)!important;max-width:min(92%,390px)!important;padding:8px 10px 8px!important}
.match-pop .mr-card{gap:0!important}
.ms2-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;margin-bottom:2px}
.ms2-crest{display:flex;align-items:center;justify-content:center;height:54px}
.ms2-crest img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 4px #000b)}
.ms2-score{display:flex;flex-direction:column;align-items:center;padding:0 22px 4px;border-radius:0 0 12px 12px;background:linear-gradient(#02060f,#0b1630);border:2px solid #f3c64c;border-top:0;box-shadow:0 0 14px #3d8bff66,inset 0 0 10px #0a2a66}
.ms2-score i{font:700 9px 'Chakra Petch',sans-serif;font-style:normal;letter-spacing:.2em;color:#f3c64c;background:linear-gradient(#ffe08a,#c98f1f);color:#3a2504;padding:0 10px;margin-top:-1px;border-radius:0 0 6px 6px}
.ms2-score b{font:700 30px/1.15 'Chakra Petch',sans-serif;color:#fff;letter-spacing:.06em;text-shadow:0 0 12px #8fc2ff}
.ms2-names{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;width:100%;margin:2px 0 4px;font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.ms2-names>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.ms2-names .mr-verdict{font-size:13px!important;padding:0 8px!important;letter-spacing:.14em!important;font-style:normal}
.ms2-title{width:100%;text-align:center;font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:#fff;background:linear-gradient(#5b7fb3,#2a4a7c);border-radius:6px 6px 0 0;padding:2px 0;text-shadow:0 1px 0 #000a}
.ms2-rows{width:100%;border-radius:0 0 6px 6px;overflow:hidden;box-shadow:0 4px 10px #0007}
.ms2-row{display:grid;grid-template-columns:1fr 124px 1fr;align-items:center;height:20px;background:linear-gradient(90deg,#10264a,#1b3d73 50%,#10264a);border-top:1px solid #ffffff1a}
.ms2-row:nth-child(even){background:linear-gradient(90deg,#0b1c38,#143060 50%,#0b1c38)}
.ms2-row b{font:700 12px 'Chakra Petch',sans-serif;color:#fff;text-align:center}
.ms2-row span{height:100%;display:grid;place-items:center;font:700 9.5px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#fff;background:linear-gradient(#3d6aa8,#244a82);text-shadow:0 1px 0 #000a}
.match-pop .mr-card .match-result.compact{margin-top:6px}
.match-pop .mr-card .match-exit{margin-top:4px}
/* match summary: coach quote and FanFeed phone side by side (2 boxes) */
.flow-summary{width:min(94vw,640px)!important}
.flow-summary .flow-results{display:grid!important;grid-template-columns:1fr 1fr;gap:8px 10px;align-items:stretch}
.flow-summary .flow-results>.ms-bar,.flow-summary .flow-results>.ms-top,.flow-summary .flow-results>.ms-chips,.flow-summary .flow-results>h2,.flow-summary .flow-results>p{grid-column:1/-1}
.flow-summary .ms-quote{margin:0!important;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}
.flow-summary .ms-quote i{font-size:22px}
.flow-summary .fan-phone{zoom:1!important;margin:0!important;width:100%!important;max-width:none!important;transform:none!important;align-self:start}
.flow-summary .fan-phone .fp-post{padding:5px 8px!important}
@media(max-width:560px){.flow-summary .flow-results{grid-template-columns:1fr}.flow-summary .fan-phone{zoom:.85!important}}
/* summary v3: wider dialog, two equal cards (coach | FanFeed) */
.flow-summary{width:min(94vw,620px)!important;max-width:none!important}
.flow-summary .flow-results{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:10px!important}
.flow-summary .ms-quote{padding:10px 12px!important;border-radius:14px!important;border-left-width:4px!important;gap:8px!important;font-size:14px!important;line-height:1.45!important;justify-content:center}
.flow-summary .ms-quote i{width:44px;height:44px;display:grid;place-items:center;font-size:26px;border-radius:12px;background:linear-gradient(#26262c,#0a0a0c);border:1px solid #55555e}
.flow-summary .ms-quote small{font:700 10px 'Chakra Petch',sans-serif!important;letter-spacing:.16em;text-transform:uppercase;color:#ffe08a!important}
.flow-summary .fan-phone{zoom:1!important;width:100%!important;min-width:0}
.flow-summary .fan-phone .fp-bar b,.flow-summary .fan-phone .fp-bar span{font-size:11px!important}
.flow-summary .fan-phone .fp-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}
.flow-summary .fan-phone .fp-post{padding:6px 9px!important}
dialog.flow-summary[open]{width:min(94vw,620px)!important;max-width:min(94vw,620px)!important}
/* stats card: the four personal chips stay on one row */
.match-pop .mr-card .match-result.compact{flex-wrap:nowrap!important;gap:5px!important}
.match-pop .mr-card .match-result.compact span{flex:1 1 0!important;min-width:0!important;max-width:none!important;padding:3px 2px!important}
.match-pop .mr-card .match-result.compact b{font-size:16px!important}
.match-pop .mr-card .match-result.compact small{font-size:9.5px!important}
.match-pop:has(.mr-card){width:min(94%,400px)!important;max-width:min(94%,400px)!important}
/* coach note card (left box of the match summary) */
.flow-summary .ms-quote.note{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:6px!important;padding:12px 14px 10px!important;border-radius:6px 14px 14px 14px!important;border:1px solid #6b5a2a!important;border-left:4px solid #ffe08a!important;background:repeating-linear-gradient(#17171b 0 27px,#2a2a31 27px 28px)!important;position:relative;font-family:'Itim','Mitr',sans-serif}
.flow-summary .ms-quote.note::before{content:'';position:absolute;top:-7px;left:50%;width:52px;height:14px;transform:translateX(-50%) rotate(-2deg);background:linear-gradient(#ffe9a3cc,#e8bb45aa);border-radius:2px;box-shadow:0 1px 2px #0008}
.flow-summary .ms-quote.note .cn-head{font:700 9.5px 'Chakra Petch',sans-serif!important;letter-spacing:.2em;color:#ffe08a!important;text-align:center;margin-top:2px}
.flow-summary .ms-quote.note .cn-to{margin:2px 0 0;font:400 15px 'Itim',sans-serif;color:#ffe08a}
.flow-summary .ms-quote.note .cn-body{font:400 15px/1.5 'Itim','Mitr',sans-serif;color:#f2f4f8;flex:1}
.flow-summary .ms-quote.note .cn-sign{margin:0;text-align:right;font:400 14px 'Itim',sans-serif;font-style:italic;color:#c4c5cc}
/* FanFeed: only 2 comments */
.fan-phone .fp-post:nth-child(n+4){display:none!important}
/* stats card v2: nicer score plate, TEAM STATS / PLAYER STATS sections */
.ms2-score{min-width:150px;padding:0 20px 8px!important;border-radius:0 0 16px 16px!important;border:2px solid #f3c64c!important;border-top:0!important;background:linear-gradient(180deg,#14316b 0%,#0a1a3c 46%,#050c1d 100%)!important;box-shadow:0 0 18px #3d8bff88,inset 0 0 14px #0a2a66,inset 0 -3px 0 #00000066,0 5px 0 #4a3a0a!important;position:relative}
.ms2-score::after{content:'';position:absolute;left:6px;right:6px;top:0;height:44%;border-radius:0 0 12px 12px;background:linear-gradient(#ffffff2e,#ffffff00);pointer-events:none}
.ms2-score i{font-size:10px!important;padding:1px 14px!important;margin-top:-1px;box-shadow:0 2px 0 #7a5a0c}
.ms2-score .sc{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px}
.ms2-score .sc b{font:700 40px/1 'Chakra Petch',sans-serif!important;color:#9fb5d9!important;text-shadow:none!important;min-width:26px;text-align:center}
.ms2-score .sc b.w{color:#fff!important;text-shadow:0 0 14px #ffd24d,0 0 4px #fff!important}
.ms2-score .sc b.l{color:#7b8aa8!important}
.ms2-score .sc u{display:block;width:3px;height:30px;border-radius:2px;background:linear-gradient(#f3c64c,#8a5a06);box-shadow:0 0 6px #ffd24d88}
.ms2-names{margin:4px 0 6px!important;font-size:12px!important}
.ms2-names .mr-verdict{font-size:15px!important}
.ms2-title.ps{margin-top:8px}
.ms2-title.ps+.match-result.compact{margin-top:0!important;background:linear-gradient(90deg,#10264a,#1b3d73 50%,#10264a);border-radius:0 0 6px 6px;padding:6px 6px!important;box-shadow:0 4px 10px #0007;gap:4px!important}
.ms2-title.ps+.match-result.compact span{background:none!important;border:0!important;border-right:1px solid #ffffff22!important;border-radius:0!important}
.ms2-title.ps+.match-result.compact span:last-child{border-right:0!important}
.ms2-title.ps+.match-result.compact b{color:#fff!important;font-size:18px!important}
.ms2-title.ps+.match-result.compact small{color:#bcd0f2!important;letter-spacing:.04em}
/* coach note = off-white/yellowish ruled paper */
.flow-summary .ms-quote.note{background:repeating-linear-gradient(#fbf4d8 0 27px,#e4d7aa 27px 28px),linear-gradient(#fbf4d8,#f1e5b8)!important;border:1px solid #cdb97a!important;border-left:4px solid #e0a82e!important;box-shadow:0 6px 14px #0009,inset 0 0 18px #c9a95a44!important;color:#3a2f12!important}
.flow-summary .ms-quote.note .cn-head{color:#8a6a1c!important}
.flow-summary .ms-quote.note .cn-to{color:#a4381f!important;font-weight:700}
.flow-summary .ms-quote.note .cn-body{color:#2f2610!important}
.flow-summary .ms-quote.note .cn-sign{color:#6b5a2a!important}
.flow-summary .ms-quote.note::before{background:linear-gradient(#fff0b3dd,#e9c75fbb)!important}
.mt-chips span{max-width:100%;white-space:nowrap}.match-modal .mt-chips{min-width:0;overflow:hidden}
/* ---------- Season summary clipboard: black profile tone + broadcast header bar ---------- */
.personal-season-summary.ps .personal-clipboard{border:1px solid #a9aab3!important;border-radius:16px!important;background:linear-gradient(#1d1d22,#060607)!important;box-shadow:inset 0 1px 0 #ffffff25,0 14px 34px #000c!important;padding:14px 14px 12px!important}
.personal-season-summary.ps .personal-clipboard-clip{display:none!important}
.ps-head{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:stretch;margin:2px 0 12px!important;padding:0!important;border:0!important;text-align:left!important;filter:drop-shadow(0 4px 0 #050f24) drop-shadow(0 8px 10px #000a)}
.ps-head>.ps-who,.ps-head>.ps-club{display:flex;align-items:center;gap:10px;min-height:56px;padding:5px 24px 5px 14px;color:#fff;overflow:hidden;min-width:0;background:linear-gradient(#ffffff55,#ffffff55) top/100% 2px no-repeat,linear-gradient(#020a1ccc,#020a1ccc) bottom/100% 4px no-repeat,linear-gradient(105deg,#ff9c1a 0,#ff9c1a 8px,#ffd27a 8px,#ffd27a 10px,transparent 10px),linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%);clip-path:polygon(10px 0,100% 0,calc(100% - 16px) 100%,0 100%);border-radius:6px 0 0 6px}
.ps-head>.ps-club{justify-content:flex-end;padding:5px 14px 5px 24px;background:linear-gradient(#ffffff55,#ffffff55) top/100% 2px no-repeat,linear-gradient(#020a1ccc,#020a1ccc) bottom/100% 4px no-repeat,linear-gradient(255deg,#ff9c1a 0,#ff9c1a 8px,#ffd27a 8px,#ffd27a 10px,transparent 10px),linear-gradient(180deg,#6f9bd0 0%,#3a63a0 22%,#1d3f73 50%,#12284f 52%,#0a1a38 100%);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,16px 100%);border-radius:0 6px 6px 0}
.ps-head b{display:block;font:700 14px/1.15 'Chakra Petch',sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #000a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-head small{display:block;font:600 9.5px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#cfe0ff;margin-top:1px}
.ps-head .ps-who>span:last-child,.ps-head .ps-club>span:first-child{min-width:0}.ps-head .ps-club{text-align:right}
.ps-ava{width:44px;height:44px;border-radius:50%;flex:none;overflow:hidden;border:2px solid #ffe08a;box-shadow:0 0 10px #ffd24d88,0 2px 4px #000a;background:#16213a;display:grid;place-items:center;font-style:normal}
.ps-ava img{width:100%;height:100%;object-fit:cover}.ps-ava em{font:700 20px 'Chakra Petch',sans-serif;font-style:normal;color:#ffe08a}
.ps-head .ps-club>img{width:40px;height:40px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 3px #000a)}
.ps-head>.ps-year{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-5px -8px;padding:2px 26px 6px;background:linear-gradient(#02060f,#0b1630);border:2px solid #f3c64c;border-radius:10px;box-shadow:0 0 16px #3d8bffaa,inset 0 0 10px #0a2a66,inset 0 2px 0 #ffffff33,0 4px 0 #4a3a0a}
.ps-head .ps-year small{color:#f3c64c;letter-spacing:.2em}.ps-head .ps-year b{font:700 28px/1.1 'Chakra Petch',sans-serif;color:#fff;text-shadow:0 0 12px #8fc2ff;letter-spacing:.06em}
/* panels */
.personal-season-summary.ps .ps-rating,.personal-season-summary.ps .ps-side article,.personal-season-summary.ps .ps-coach,.personal-season-summary.ps .ps-comp,.personal-season-summary.ps .ps-tile{background:linear-gradient(#26262c,#0a0a0c)!important;border:1px solid #55555e!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffffff1c}
.personal-season-summary.ps small{font:600 9.5px 'Chakra Petch',sans-serif!important;letter-spacing:.12em;color:#9a9ba4!important;text-transform:uppercase}
.personal-season-summary.ps .ps-rating strong,.personal-season-summary.ps .ps-tile strong{font:700 30px/1.05 'Chakra Petch',sans-serif!important;color:#fff!important;text-shadow:0 0 10px #ffffff55}
.personal-season-summary.ps .ps-rating.excellent strong{color:#7fe8ff!important}.personal-season-summary.ps .ps-rating.good strong{color:#6de6a0!important}.personal-season-summary.ps .ps-rating.average strong{color:#ffd24d!important}.personal-season-summary.ps .ps-rating.poor strong{color:#ff7b6b!important}
.personal-season-summary.ps .ps-best b,.personal-season-summary.ps .ps-side b{color:#ffe08a!important;font-family:'Chakra Petch',sans-serif!important}
.personal-season-summary.ps .ps-comp b{color:#fff!important;font-family:'Chakra Petch',sans-serif;letter-spacing:.03em}
.personal-season-summary.ps .ps-comp.is-champion{border-color:#ffe08a!important;background:linear-gradient(#3a3114,#15110a)!important;box-shadow:0 0 14px #ffd24d55,inset 0 1px 0 #ffffff22}
.personal-season-summary.ps .ps-comp.is-top{border-color:#6de6a0!important}
.personal-season-summary.ps .ps-stages i{border-radius:4px!important;background:#ffffff14!important;color:#7b8aa8!important;font-family:'Chakra Petch',sans-serif!important}
.personal-season-summary.ps .ps-stages i.on{background:linear-gradient(#4e8fe8,#1d4f9c)!important;color:#fff!important}
.personal-season-summary.ps .ps-comp.is-champion .ps-stages i.on{background:linear-gradient(#ffe08a,#c98f1f)!important;color:#3a2504!important}
.personal-season-summary.ps .ps-coach{border-left:3px solid #ffe08a!important}.personal-season-summary.ps .ps-coach p{color:#e6e7ec!important}
.personal-season-summary.ps .ps-tile.is-hot{border-color:#ffe08a!important;box-shadow:0 0 12px #ffd24d44,inset 0 1px 0 #ffffff22}.personal-season-summary.ps .ps-tile.is-warn{border-color:#ff7b6b!important}
.personal-season-summary.ps .ps-spark circle{stroke:#0a0a0c}.personal-season-summary.ps .ps-bar{background:#ffffff1a}
/* contract negotiation desk: real wood table (same wood as the training desk) */
section.transfer-desk,.season-transfer-room .transfer-desk{background:var(--tex-wood) 0 0/720px 360px,#b27a41!important;border:3px solid #4d3019!important;border-radius:16px!important;box-shadow:inset 0 2px 0 #ffffff40,inset 0 -30px 60px #0000002e,inset 0 0 0 6px #6b4421,inset 0 0 0 8px #3a2410,0 14px 30px #0008!important}
.transfer-desk .contract-caption{color:#fff3d6!important;text-shadow:0 1px 2px #000a;font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.12em}
.transfer-desk h3,.transfer-desk h2{color:#fff3d6!important;text-shadow:0 1px 2px #000b}
/* ---------- Inventory (items-room): black profile tone, compact, every attribute still shown ---------- */
dialog.items-room[open]{width:min(94vw,720px)!important;max-width:min(94vw,720px)!important;padding:10px 12px 12px!important;background:linear-gradient(#1d1d22,#060607)!important;border:1px solid #a9aab3!important;border-radius:16px!important;color:#e6e7ec!important;box-shadow:inset 0 1px 0 #ffffff25,0 18px 40px #000c!important;overflow-x:hidden!important;scrollbar-width:thin}
.items-room::backdrop{background:#000b}
.items-room .gi-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px!important;padding:0!important}
.items-room .gi-head h2{margin:0!important;font:700 17px 'Chakra Petch',sans-serif!important;letter-spacing:.14em;color:#ffe08a!important;text-transform:uppercase}
.items-room .gi-head h2 small{display:none}
.items-room .gi-close{all:unset;box-sizing:border-box;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:16px;color:#fff;background:linear-gradient(180deg,#8a8c96 0%,#5b5d68 35%,#3a3b44 60%,#6a6c76 100%);border:1px solid #20212a;box-shadow:inset 0 1px 0 #ffffffaa,inset 0 -2px 0 #0006,0 3px 0 #1c1d24}
.items-room .gi-tabs{display:flex!important;align-items:center;gap:6px;margin:0 0 8px!important;padding:0!important;flex-wrap:nowrap}
.items-room .gi-tabs>button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;text-align:center;padding:7px 8px;border-radius:9px;font:700 12px 'Mitr','Chakra Petch',sans-serif;color:#c4c5cc;background:linear-gradient(#26262c,#0a0a0c);border:1px solid #55555e;box-shadow:inset 0 1px 0 #ffffff1c}
.items-room .gi-tabs>button.on,.items-room .gi-tabs>button[aria-selected=true],.items-room .gi-tabs>button.active{color:#3a2504;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border-color:#8a5a06;box-shadow:inset 0 1px 0 #fff,0 3px 0 #a8730f}
.items-room .gi-stat{display:flex;gap:6px;flex:none}.items-room .gi-stat b{padding:3px 9px;border-radius:99px;background:#000;border:1px solid #55555e;font:700 12px 'Chakra Petch',sans-serif;color:#ffe08a}
.items-room .gi-section{margin:0 0 8px!important;padding:0!important}
.items-room .gi-section h3{display:flex;align-items:baseline;gap:8px;margin:0 0 5px!important;font:700 12px 'Mitr','Chakra Petch',sans-serif!important;letter-spacing:.06em;color:#ffe08a!important}
.items-room .gi-section h3 small{font:600 10px 'Chakra Petch',sans-serif!important;color:#9a9ba4!important;letter-spacing:.1em}
/* equipped slots */
.items-room .gs-slots{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px!important}
.items-room .gs-slot{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 5px!important;border-radius:12px!important;background:linear-gradient(#26262c,#0a0a0c)!important;border:1px solid #55555e!important;box-shadow:inset 0 1px 0 #ffffff1c;min-width:0}
.items-room .gs-slot.has-item{border-color:#a98b3a!important}
.items-room .gs-slot .gs-ico{display:none}
.items-room .gs-slot .item-art{width:40px!important;height:40px!important;border-radius:9px}
.items-room .gs-slot b{font:600 10px/1.2 'Mitr',sans-serif;color:#e6e7ec;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.items-room .gs-slot button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;text-align:center;padding:2px 0;border-radius:7px;font:600 10.5px 'Mitr',sans-serif;color:#fff;background:linear-gradient(180deg,#5b5d68,#34353d);border:1px solid #20212a;box-shadow:inset 0 1px 0 #ffffff66,0 2px 0 #1c1d24}
.items-room .gi-none{margin:0!important;font-size:11px!important;color:#9a9ba4!important}
/* consumables */
.items-room .gi-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}
.items-room .gi-card{position:relative;display:grid!important;grid-template-columns:auto 1fr auto;gap:8px!important;align-items:center;padding:7px 8px!important;border-radius:12px!important;background:linear-gradient(#26262c,#0a0a0c)!important;border:1px solid #55555e!important;box-shadow:inset 0 1px 0 #ffffff1c;min-width:0}
.items-room .gi-card .item-art{width:44px!important;height:44px!important;border-radius:10px}
.items-room .gi-count{position:absolute;top:4px;left:4px;padding:0 6px;border-radius:99px;font:700 10px/15px 'Chakra Petch',sans-serif;color:#3a2504;background:linear-gradient(#ffe08a,#c98f1f);border:1px solid #6b4a0b}
.items-room .gi-body{min-width:0}.items-room .gi-body h4{margin:0 0 1px!important;font:700 13px 'Mitr',sans-serif!important;color:#fff!important}
.items-room .gi-body small{font-size:10px!important;color:#9a9ba4!important}
.items-room .gi-eff{display:flex;flex-wrap:wrap;gap:3px 6px;margin:2px 0!important;font-size:10px!important;color:#d7d8de!important}
.items-room .gi-eff *{font-size:10px!important}
.items-room .gi-eff b,.items-room .gi-eff em{padding:0 5px;border-radius:5px;background:#34353d;color:#ffe08a;font-style:normal}
.items-room .gi-why{color:#ff9f8f!important}
.items-room .gi-act{display:flex!important;flex-direction:column;gap:5px}
.items-room .gi-act button{all:unset;box-sizing:border-box;cursor:pointer;min-width:52px;text-align:center;padding:4px 8px;border-radius:9px;font:700 11.5px 'Mitr',sans-serif;color:#fff;background:linear-gradient(180deg,#8a8c96 0%,#5b5d68 35%,#3a3b44 60%,#6a6c76 100%);border:1px solid #20212a;box-shadow:inset 0 1px 0 #ffffffaa,inset 0 -2px 0 #0006,0 3px 0 #1c1d24}
.items-room .gi-act button.gi-primary{color:#3a2504;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border-color:#8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 3px 0 #a8730f}
.items-room .gi-act button:disabled{opacity:.4;filter:grayscale(.7);cursor:not-allowed}
@media(max-width:560px){.items-room .gi-grid{grid-template-columns:1fr!important}.items-room .gs-slots{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* player card: worn items (pictures only, no frames) */
.hud-player{position:relative}
.hp-gear{display:flex;align-items:center;margin-left:auto;padding-left:10px;flex:none}
.hp-gear .hp-gi{display:inline-flex;margin-left:-6px;filter:drop-shadow(0 2px 2px #000c)}
.hp-gear .hp-gi:first-child{margin-left:0}
.hp-gear .item-art{--sz:26px!important;width:26px!important;height:26px!important;background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.hp-gear .hp-gi:hover{transform:translateY(-2px);z-index:2}
@media(max-width:720px){.hp-gear{display:none}}
.hud-player{max-width:470px!important;flex:1 1 auto!important}.hp-gear{padding-left:14px}.hp-gear .hp-gi{margin-left:-3px}.hp-gear .item-art{width:30px!important;height:30px!important}.hp-txt{flex:0 1 auto}
/* only the Training phase shows the training desk (stat strip, goals, dice); every other phase (competition, transfer, event, shop) must not show it behind its page */
body[data-game-page]:not([data-game-page=training]) .layout,body[data-game-page]:not([data-game-page=training]) main.desk,body[data-game-page]:not([data-game-page=training]) .home-desk,body[data-game-page]:not([data-game-page=training]) .player-stat-strip,body[data-game-page]:not([data-game-page=training]) .dice-zone{display:none!important}
/* Event / Shop pages (main.intermission-page) replace the training desk instead of floating over it */
body:has(main.intermission-page:not([hidden])) .layout,body:has(main.intermission-page:not([hidden])) main.desk,body:has(main.intermission-page:not([hidden])) .home-desk,body:has(main.intermission-page:not([hidden])) .player-stat-strip{display:none!important}
/* the 'Build-system prototype' footnote is not part of the game UI */
body>.note{display:none!important}
/* shop shelves: real wooden boards (light plank inside a dark wood frame, a visible front edge and a shadow under) */
section.legacy-shelf{background:linear-gradient(#ffffff14,#00000026) padding-box,var(--tex-wood) padding-box 0 0/720px 360px,var(--tex-wood-dark) border-box 0 0/720px 240px!important;background-color:#b27a41!important;border:10px solid transparent!important;border-radius:10px!important;box-shadow:inset 0 3px 8px #00000066,inset 0 -2px 0 #ffffff22,0 1px 0 #1d0f04,0 10px 0 #5a3716,0 11px 0 #1d0f04,0 20px 22px #000a!important;margin-bottom:26px!important;position:relative}
section.legacy-shelf::after{content:'';position:absolute;left:-10px;right:-10px;bottom:-20px;height:10px;border-radius:0 0 8px 8px;background:var(--tex-wood-dark) 0 0/720px 240px,#5a3716;box-shadow:inset 0 2px 0 #ffffff33,inset 0 -3px 0 #00000055;pointer-events:none}
section.legacy-shelf.shelf-sale{box-shadow:inset 0 3px 8px #00000066,0 0 0 2px #d7263d88,0 10px 0 #5a3716,0 11px 0 #1d0f04,0 20px 22px #000a!important}
section.legacy-shelf>h2,section.legacy-shelf>h3,section.legacy-shelf>header h2,section.legacy-shelf>header h3{color:#fff3d6!important;text-shadow:0 2px 3px #000b,0 0 1px #000}
/* shop: inventory shelf removed (the bag is the shirt button in the header) */
section.legacy-shelf:has(.profile-inventory),section.legacy-shelf.inventory-shelf,section.legacy-shelf.bag-shelf{display:none!important}
/* year-end pop-up: black profile tone, compact */
dialog.year-end-popup[open]{width:min(86vw,330px)!important;padding:12px 14px 14px!important;text-align:center;background:linear-gradient(#1d1d22,#060607)!important;border:1px solid #a9aab3!important;border-radius:16px!important;color:#e6e7ec!important;box-shadow:inset 0 1px 0 #ffffff25,0 18px 40px #000c!important}
.year-end-popup::backdrop{background:#000b}
.year-end-popup .ye-tag{display:block;font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.24em;color:#ffe08a}
.year-end-popup h2{margin:2px 0 8px!important;font:700 34px/1 'Chakra Petch',sans-serif!important;color:#fff!important;text-shadow:0 0 14px #8fc2ff,0 2px 3px #000a;letter-spacing:.06em}
.year-end-popup .ye-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}
.year-end-popup .ye-row>span{flex:1;padding:5px 6px;border-radius:10px;background:linear-gradient(#26262c,#0a0a0c);border:1px solid #55555e;box-shadow:inset 0 1px 0 #ffffff1c}
.year-end-popup .ye-row small{display:block;font:600 9px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#9a9ba4}
.year-end-popup .ye-row b{font:700 20px 'Chakra Petch',sans-serif;color:#ffe08a;text-shadow:0 0 8px #ffd24d66}
.year-end-popup .ye-row i{font-style:normal;color:#ffe08a;font-size:18px}
.year-end-popup button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:10px;font:700 14px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#3a2504;text-shadow:0 1px 0 #fff8;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border:1px solid #8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 4px 0 #a8730f,0 8px 10px #000a}
.year-end-popup button:active{transform:translateY(2px)}
/* health heart on the player card */
.hp-hp{display:inline-flex;align-items:center;gap:4px;margin:1px 0 0;color:#6de6a0;line-height:1}
.hp-hp svg{width:15px;height:14px;filter:drop-shadow(0 0 4px currentColor)}
.hp-hp b{font:700 12px 'Chakra Petch',sans-serif;color:#fff;letter-spacing:.02em}
.hp-hp[data-lvl=y]{color:#ffd24d}.hp-hp[data-lvl=o]{color:#ff9a3d}.hp-hp[data-lvl=r]{color:#ff5a4a}
.hp-hp[data-lvl=r] svg{animation:hppulse 1s infinite}@keyframes hppulse{50%{transform:scale(1.18)}}
#kickoff.unfit{background:linear-gradient(180deg,#ffe0e0 0%,#ff8a80 30%,#d9483f 55%,#b02a22 66%,#ff9a90 100%)!important;border-color:#5c110c!important;box-shadow:inset 0 1px 0 #ffd0cc,inset 0 -3px 0 #7a1a1599,0 4px 0 #6b1712,0 8px 12px #000a!important}.match-modal #kickoff.unfit::before{content:'UNFIT · SIT OUT';color:#fff;text-shadow:0 1px 0 #000a;letter-spacing:.1em;font-size:14px}
/* ================= PHONE (<=620px): compact, tidy layouts ================= */
@media(max-width:620px){
 /* create player: avatar row on top, stats full width underneath */
 .cp-id{display:grid!important;grid-template-columns:auto 1fr auto;grid-template-areas:"ava btn ovr" "pts pts pts";align-items:center!important;justify-items:stretch;gap:8px 10px!important;padding:10px!important}
 .cp-id>.cp-ava{grid-area:ava;width:62px!important;height:62px!important}
 .cp-id>.cp-ava-dice{grid-area:btn;justify-self:start;margin:0!important}
 .cp-id>.cp-ovr{grid-area:ovr;margin:0!important;padding:4px 10px!important}
 .cp-id>.cp-ovr b{font-size:24px!important}
 .cp-id>.cp-pts{grid-area:pts}
 .cp-pts .cp-ps span{font-size:11.5px!important}
 .cp-card{padding:12px 10px!important}
}
@media(max-width:620px){
 /* title menu: readable buttons */
 .ts-board .ts-item{font-size:15px!important;padding:12px 10px!important;letter-spacing:.08em!important;min-height:44px}
 .ts-board .ts-item small{font-size:11px!important}
 .ts-board h2{font-size:20px!important}
 .ts-mini button{font-size:13px!important;padding:6px 14px!important}
 /* confirm dialogs (END TRAINING etc.): size to content, not full height */
 #confirm-next[open],#restart[open]{height:auto!important;max-height:none!important;min-height:0!important;align-content:start!important;grid-auto-rows:min-content!important;margin:auto!important;width:min(92vw,340px)!important}
 #confirm-next h2,#restart h2{font-size:16px!important}
 #confirm-next p{display:none!important}
 /* competition header on phones */
 .match-modal .match-score>span{padding:4px 18px 4px 12px!important;font-size:12px!important;gap:6px!important}
 .match-modal .match-score>span:last-child{padding:4px 12px 4px 18px!important}
 .match-modal .match-score b{font-size:22px!important}
 .match-modal #match-clock{min-width:70px!important;padding:3px 12px!important;font-size:19px!important}
 .match-modal .match-score .sb-id img,.sb-id img{width:22px!important;height:22px!important}
 #match-footer #match-continue,#match-footer button#match-again{height:44px!important}
 #match-again{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:44px;border-radius:12px;font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#3a2504;text-shadow:0 1px 0 #fff8;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border:1px solid #8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 4px 0 #a8730f,0 8px 10px #000a}
 #match-again *{display:none!important}
 #match-again::before{content:'VIEW SUMMARY'}
}
@media(max-width:620px){
 /* training goals: 3 per row, small cards so the dice tray is reachable without a long scroll */
 #quests.quests{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;padding:6px 4px!important}
 #quests .quest.gcard{padding:5px 4px 5px!important}
 #quests .quest.gcard h3{font-size:11px!important;line-height:1.15!important;min-height:26px;margin:0 0 3px!important}
 #quests .quest.gcard .g-pic{height:74px!important;min-height:0!important;margin:0 0 3px!important}
 #quests .quest.gcard .g-req{gap:2px!important;font-size:9px!important}
 #quests .quest.gcard>button{min-height:0!important;height:22px!important;padding:0 4px!important;font-size:10px!important}
 #quests .quest.gcard .g-pin{transform:scale(.8)}
 .board-pin,.board-label{font-size:10px!important}
}
@media(max-width:620px){#quests .quest.gcard{height:auto!important;min-height:0!important}#quests .quest.gcard .g-pic{height:84px!important;margin-bottom:6px!important}}
#confirm-next[open],#restart[open]{position:fixed!important;inset:0!important;margin:auto!important;height:fit-content!important;max-height:90vh!important;width:min(92vw,340px)!important;align-content:start!important}
@media(max-width:620px){
 .match-modal .match-score{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
 .match-modal .match-score>span{min-width:0;overflow:hidden}
 .match-modal .match-score>span #home-team-label,.match-modal .match-score>span #away-team-label{font-size:10.5px!important;letter-spacing:0!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;max-width:none}
 .match-modal .match-score>span:first-child{justify-content:flex-start!important}
 .match-modal .match-score>span:last-child{justify-content:flex-end!important}
 .match-modal .match-score>span:first-child>b{margin-left:4px!important}
 .match-modal .match-score b{min-width:16px!important;font-size:20px!important}
 .match-modal .mt-chips span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .match-modal .match-head{flex-wrap:wrap}
 .match-modal #match-close::before{font-size:10px!important}
}
@media(max-width:620px){
 /* the pitch is short on phones: grow it while a pop-up (actions / dice / result) is open so nothing spills out */
 .match-modal .pitch:has(.match-pop.open){min-height:440px!important}
 .match-modal .pitch:has(.result-pop){min-height:380px!important}
 .match-pop:not(:has(#kickoff)){width:min(96%,360px)!important;min-width:0!important;max-width:96%!important;padding:10px 8px 8px!important}
 .match-pop .match-choices{gap:4px!important}
 .match-pop:not(:has(#kickoff)) .match-choices button:not(#kickoff){width:31%!important;flex:1 1 0!important;min-width:0}
 .match-pop .match-choices .act-art{--sz:84px!important}
 .match-pop .mp-name{font-size:10.5px!important;max-width:100%}
 .match-pop .match-buffs .buff-dice button{min-height:40px!important;width:42px!important}
 .match-pop .match-buffs{min-width:0!important;width:100%}
 .result-pop{width:min(80%,280px)!important}
 .match-pop:has(.mr-card){width:min(96%,360px)!important}
 .ms2-row{height:19px}
}
/* finished goal cards (success / failed): straight, clean stamp and result line */
#quests .quest.gcard.done,#quests .quest.gcard.failed{transform:none!important;filter:saturate(.8) brightness(.96)}
#quests .quest.gcard.done::after,#quests .quest.gcard.failed::after{transform:none!important;position:absolute!important;left:50%!important;top:46px!important;translate:-50% 0;z-index:5;padding:2px 12px!important;border-radius:99px!important;font:700 11px/1.4 'Chakra Petch',sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 6px #0008}
#quests .quest.gcard.done::after{content:'DONE'!important;color:#eafff0!important;background:linear-gradient(#3fae6a,#1d6b3d)!important;border:1px solid #0f3d22!important}
#quests .quest.gcard.failed::after{content:'FAILED'!important;color:#fff!important;background:linear-gradient(#e5584a,#9b1f14)!important;border:1px solid #4d0a06!important}
#quests .quest.gcard .reason{margin:4px 0 0!important;padding:2px 6px;border-radius:7px;background:#0000001f;font:600 11px 'Mitr',sans-serif!important;color:#3a2f12!important;text-align:center;line-height:1.3}
#quests .quest.gcard.failed .reason{color:#8a1d12!important;background:#ff3b3022}
#quests .quest.gcard.done::after,#quests .quest.gcard.failed::after{top:6px!important;left:auto!important;right:6px!important;translate:none!important;font-size:10px!important;padding:1px 9px!important}

/* action frames by purpose: goal attempts red, passes/assists green, defending blue */
.match-pop .match-choices button[data-kind=goal] .act-art{box-shadow:0 0 0 3px #e0392f,0 0 10px #e0392f88,0 6px 12px #000a!important}
.match-pop .match-choices button[data-kind=assist] .act-art{box-shadow:0 0 0 3px #3fbf6a,0 0 10px #3fbf6a88,0 6px 12px #000a!important}
.match-pop .match-choices button[data-kind=defend] .act-art{box-shadow:0 0 0 3px #2f7be0,0 0 10px #2f7be088,0 6px 12px #000a!important}
.match-pop .match-choices button[data-kind]:hover .act-art{filter:brightness(1.15)}
/* skip-to-key-moment button: brushed steel 3D */
#match-footer .skip-btn{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:38px;border-radius:11px;font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#14151a;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff 0%,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db 100%);border:1px solid #4a4c56;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 4px 0 #3a3b43,0 8px 12px #000a}
#match-footer .skip-btn::after{content:'\25B6\25B6';font-size:10px;letter-spacing:-1px}
#match-footer .skip-btn:hover{filter:brightness(1.07)}
#match-footer .skip-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #6d6f7a99,0 2px 0 #3a3b43,0 4px 8px #000a}
/* penalty shoot-out popup picture */
.pk-art{position:relative;margin:0 auto 10px;width:min(100%,260px);aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid #a9aab3;box-shadow:0 6px 16px #000a}
.pk-art img{width:100%;height:100%;object-fit:cover;display:block}
.pk-art b{position:absolute;left:0;right:0;bottom:0;padding:5px 0;text-align:center;font:700 14px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 1px 0 #000a}
.pk-art.win{border-color:#ffd24d}.pk-art.win b{background:linear-gradient(#e0a43a,#8a5a06);color:#2a1a02;text-shadow:0 1px 0 #fff8}
.pk-art.lose b{background:linear-gradient(#e5584a,#8a1d12)}
/* trophy celebration: compact black & gold luxury */
dialog.trophy-celebrate{width:min(92vw,340px)!important;max-width:none!important;padding:12px 14px 14px!important;text-align:center;border-radius:16px!important;border:1.5px solid #d9b24a!important;background:radial-gradient(120% 70% at 50% 0%,#3a2e12 0%,#14110a 45%,#050504 100%)!important;color:#efe3c4!important;box-shadow:inset 0 1px 0 #ffe9a655,inset 0 0 0 1px #00000099,0 14px 40px #000c,0 0 26px #d9b24a33!important}
dialog.trophy-celebrate::backdrop{background:rgba(0,0,0,.72)}
dialog.trophy-celebrate h2{margin:0 0 4px!important;font:700 15px 'Chakra Petch','Mitr',sans-serif!important;letter-spacing:.06em;color:#ffdc7a!important;text-shadow:0 1px 0 #000,0 0 12px #d9b24a66}
dialog.trophy-celebrate img{display:block;margin:0 auto;max-height:150px;width:auto;max-width:70%;object-fit:contain;filter:drop-shadow(0 6px 10px #000c) drop-shadow(0 0 14px #d9b24a44)}
dialog.trophy-celebrate h3{margin:4px 0 2px!important;font:700 14px 'Chakra Petch',sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:#f4d27a!important;padding-bottom:6px;border-bottom:1px solid #d9b24a55}
dialog.trophy-celebrate p{margin:5px 0 0!important;font-size:11.5px!important;line-height:1.4;color:#cbbf9f!important}
dialog.trophy-celebrate button{all:unset;box-sizing:border-box;cursor:pointer;display:flex!important;align-items:center;justify-content:center;width:100%;height:36px;margin-top:8px!important;border-radius:10px;font:700 13px 'Chakra Petch',sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#14151a!important;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff 0%,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db 100%)!important;border:1px solid #4a4c56;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 3px 0 #3a3b43,0 6px 10px #000a}
dialog.trophy-celebrate button[data-close]{color:#3a2504!important;text-shadow:0 1px 0 #fff8;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%)!important;border-color:#8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 3px 0 #a8730f,0 6px 10px #000a}
dialog.trophy-celebrate button:active{transform:translateY(2px)}
/* VIEW SUMMARY: red metal 3D button (all screen sizes) */
#match-again{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;border-radius:11px;font-size:0!important;background:linear-gradient(180deg,#ffd9d3 0%,#ff7a6b 28%,#d9382b 52%,#b02218 66%,#f26a5c 100%);border:1px solid #5c110c;box-shadow:inset 0 1px 0 #ffe9e5,inset 0 -3px 0 #7a1a1599,0 4px 0 #6b1712,0 8px 12px #000a,0 0 14px #ff3b3033}
#match-again *{display:none!important}
#match-again::before{content:'VIEW SUMMARY'!important;font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 1px 0 #6b1712,0 0 8px #ff8a7a66}
#match-again::after{content:'\25B6';font-size:11px;color:#fff;text-shadow:0 1px 0 #6b1712}
#match-again:hover{filter:brightness(1.08)}
#match-again:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffe9e5,inset 0 -2px 0 #7a1a1599,0 2px 0 #6b1712,0 4px 8px #000a}
/* Event page: black profile cards, silver frame, gold/steel metal buttons */
body[data-game-page="event"] .intermission-page{padding:0 4px}
body[data-game-page="event"] .intermission-heading h1{font:700 22px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ffdc7a;text-shadow:0 1px 0 #000,0 0 14px #d9b24a55}
body[data-game-page="event"] .intermission-heading>strong,body[data-game-page="event"] .ih-actions strong{display:none}
body[data-game-page="event"] .event-wallet{padding:8px 14px;border-radius:12px;background:linear-gradient(#1d1d22,#060607);border:1px solid #a9aab3;box-shadow:inset 0 1px 0 #ffffff2a,0 4px 10px #0009;font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.12em;color:#c9c9d1}
body[data-game-page="event"] .event-wallet b{color:#ffdc7a;font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.04em;margin-left:6px}
body[data-game-page="event"] .legacy-event-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
body[data-game-page="event"] .legacy-event-choices article{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 14px 16px;border-radius:16px;border:1.5px solid #a9aab3;background:radial-gradient(120% 60% at 50% 0%,#2e2a1c 0%,#14141a 40%,#060607 100%);box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #000a,0 8px 18px #000b}
body[data-game-page="event"] .legacy-event-choices article>span{display:grid;place-items:center;width:84px;height:84px;padding:0;font-size:44px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3d18,#14110a 70%);border:2px solid #d9b24a;box-shadow:inset 0 2px 6px #000a,0 0 16px #d9b24a44}
body[data-game-page="event"] .legacy-event-choices article h2{margin:4px 0 0;font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f4d27a}
body[data-game-page="event"] .legacy-event-choices article p{margin:0;font-size:11.5px;color:#aeb0ba;text-align:center;min-height:2.6em}
body[data-game-page="event"] .legacy-event-choices article button,body[data-game-page="event"] [data-next-store]{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:38px;margin-top:10px;border-radius:11px;font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#3a2504;text-shadow:0 1px 0 #fff8;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border:1px solid #8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 4px 0 #a8730f,0 8px 12px #000a}
body[data-game-page="event"] .legacy-event-choices article button:hover,body[data-game-page="event"] [data-next-store]:hover{filter:brightness(1.07)}
body[data-game-page="event"] .legacy-event-choices article button:active,body[data-game-page="event"] [data-next-store]:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #c98a0a99,0 2px 0 #a8730f,0 4px 8px #000a}
body[data-game-page="event"] [data-next-store]{max-width:360px;margin:14px auto}
body[data-game-page="event"] .legacy-event-result{padding:16px 18px;border-radius:16px;border:1.5px solid #a9aab3;background:radial-gradient(120% 60% at 50% 0%,#2e2a1c 0%,#14141a 40%,#060607 100%);box-shadow:inset 0 1px 0 #ffffff33,0 8px 18px #000b;color:#d8d8de}
body[data-game-page="event"] .legacy-event-result small{font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:#d9b24a}
body[data-game-page="event"] .legacy-event-result h2{margin:4px 0 0;font:700 17px 'Chakra Petch','Mitr',sans-serif;color:#fff}
body[data-game-page="event"] .legacy-event-result p{margin:8px 0;font-size:12.5px;line-height:1.55;color:#b9bac4}
body[data-game-page="event"] .legacy-event-result strong{padding:9px 12px;border-radius:10px;background:#000;border:1px solid #d9b24a66;color:#ffdc7a;font-size:13px}
body[data-game-page="event"] .legacy-event-result.unexpected,body[data-game-page="event"] .legacy-event-result.wild{background:radial-gradient(120% 60% at 50% 0%,#2a1d3c 0%,#14141a 40%,#060607 100%)}
@media(max-width:620px){body[data-game-page="event"] .legacy-event-choices{grid-template-columns:1fr}body[data-game-page="event"] .legacy-event-choices article{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;text-align:left}body[data-game-page="event"] .legacy-event-choices article>span{width:56px;height:56px;font-size:30px}}
/* Club Shop: sports-equipment store scene (picture backdrop, shelves float on the green wall above the counter) */
body[data-game-page="store"]{background:#07100b url(../assets/shop/shop-bg.webp) center top/cover fixed no-repeat!important}
body[data-game-page="store"] .intermission-page{width:min(60vw,860px);min-width:min(100% - 20px,560px);margin:10px auto 120px;padding:0 4px}
body[data-game-page="store"] .intermission-heading{padding:8px 14px;margin:0 0 12px;border-radius:12px;background:linear-gradient(#1d1d22,#060607);border:1px solid #a9aab3;box-shadow:inset 0 1px 0 #ffffff2a,0 6px 14px #000b}
body[data-game-page="store"] .intermission-heading h1{font:700 20px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ffdc7a;text-shadow:0 1px 0 #000,0 0 14px #d9b24a55}
body[data-game-page="store"] .intermission-heading>.ih-actions strong{font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#ffdc7a}
body[data-game-page="store"] .intermission-page>p:not([role]){display:none}
body[data-game-page="store"] .legacy-shelf{margin:0 0 18px;padding:14px 14px 18px;border-radius:12px;border:1px solid #a9aab366;border-bottom:16px solid #b07a3c;background:linear-gradient(rgba(6,12,9,.82),rgba(6,12,9,.7));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 20px #000a,inset 0 1px 0 #ffffff22,inset 0 -6px 12px #0008}
body[data-game-page="store"] .legacy-shelf h2{color:#ffdc7a;font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.18em;margin-bottom:12px;text-shadow:0 1px 0 #000}
body[data-game-page="store"] .intermission-heading [data-finish]{flex:0 0 auto!important}
@media(max-width:850px){body[data-game-page="store"] .intermission-page{width:calc(100% - 16px);min-width:0;margin-bottom:24px}body[data-game-page="store"]{background-position:50% top}}body[data-game-page="store"] .intermission-page .legacy-shelf{background:linear-gradient(rgba(6,12,9,.84),rgba(6,12,9,.72))!important;border:1px solid #a9aab366!important;border-bottom:16px solid #b07a3c!important}
body[data-game-page="store"]::before,body[data-game-page="store"]::after{display:none!important}
/* Shop storefront: bare product pictures with hanging price tags + detail pop-up (js/shop-front.js) */
body[data-game-page="store"] .legacy-store-grid,body[data-game-page="store"] .gi-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px 12px;grid-template-columns:none!important}
body[data-game-page="store"] .prod{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;width:96px;padding:4px 0 2px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}
body[data-game-page="store"] .prod:hover,body[data-game-page="store"] .prod:focus-visible{transform:translateY(-4px)}
body[data-game-page="store"] .prod>*:not(.prod-ico):not(.prod-tag):not(.prod-sale){display:none!important}
.prod-ico{position:relative;display:grid;place-items:center;width:84px;height:76px;font-size:50px;line-height:1}
.prod-ico::after{content:'';position:absolute;left:12%;right:12%;bottom:2px;height:8px;border-radius:50%;background:radial-gradient(#000a,transparent 70%);z-index:0}
.prod-ico>*{position:relative;z-index:1;filter:drop-shadow(0 5px 6px #000a)}
.prod-ico .item-art{--sz:70px!important}
.prod-ico .die-ico{transform:scale(1.5)}
.prod-tag{position:relative;margin-top:10px;min-width:62px;padding:3px 9px 3px;text-align:center;border-radius:4px;background:linear-gradient(#fffbe8,#e9d9a6);border:1px solid #8a6a2a;box-shadow:0 3px 5px #0009,inset 0 1px 0 #fff;transform:rotate(-2deg);transform-origin:50% 0}
.prod-tag::before{content:'';position:absolute;left:50%;top:-10px;width:1.5px;height:11px;background:#d9b24a}
.prod-tag i{position:absolute;left:50%;top:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#2a2112;box-shadow:inset 0 1px 1px #000}
.prod-tag b{display:block;margin-top:6px;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.04em;color:#3a2504}
.prod-tag s{display:block;margin-top:6px;font:600 9px 'Chakra Petch',sans-serif;color:#9a2f22}
.prod-tag s+b{margin-top:0}
.prod-tag.off b{color:#8a7a5a}
.prod-tag.off{filter:saturate(.5) brightness(.9)}
.prod-tag.owned{background:linear-gradient(#e5e7ec,#b9bcc6);border-color:#555}
.prod-sale{all:unset;position:absolute;top:0;right:4px;z-index:2;padding:1px 6px;border-radius:99px;font:700 10px 'Chakra Petch',sans-serif;color:#fff;background:linear-gradient(#e5584a,#9b1f14);border:1px solid #4d0a06;box-shadow:0 2px 4px #0008}
.shop-pop{position:fixed;z-index:100000;width:min(300px,92vw);padding:12px 14px 14px;border-radius:14px;border:1.5px solid #d9b24a;background:radial-gradient(120% 60% at 50% 0%,#3a2e12 0%,#14110a 45%,#050504 100%);color:#efe3c4;box-shadow:inset 0 1px 0 #ffe9a655,0 14px 34px #000d,0 0 20px #d9b24a33}
.shop-pop[hidden]{display:none}
.shop-pop header{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.shop-pop .sp-ico{display:grid;place-items:center;flex:0 0 58px;height:58px;font-size:38px}
.shop-pop .sp-ico .item-art{--sz:58px!important}
.shop-pop h4{margin:0;font:700 14px 'Chakra Petch','Mitr',sans-serif;color:#ffdc7a;line-height:1.25}
.shop-pop small{display:block;margin-top:2px;font-size:11px;color:#b9b19a}
.shop-pop ul{margin:6px 0 0;padding:0 0 0 16px;font-size:12px;line-height:1.5;color:#d8d2c0}
.shop-pop .sp-note{margin:6px 0 0;font-size:11px;color:#8fd49a}
.shop-pop .sp-sale{margin:6px 0 0;font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.08em;color:#ff8a7a}
.shop-pop button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:36px;margin-top:10px;border-radius:10px;font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#3a2504;text-shadow:0 1px 0 #fff8;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border:1px solid #8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 3px 0 #a8730f,0 6px 10px #000a}
.shop-pop button:active{transform:translateY(2px)}
.shop-pop button:disabled{cursor:not-allowed;color:#555;text-shadow:none;background:linear-gradient(#cfd0d6,#8c8e99);border-color:#4a4c56;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #3a3b43}body[data-game-page="store"] .prod,body[data-game-page="store"] .prod.legacy-store-card,body[data-game-page="store"] .prod.gi-card{background:none!important;border:0!important;box-shadow:none!important;outline:0;padding:4px 0 2px!important;margin:0!important;min-height:0!important}
.prod-ico .item-art,.shop-pop .sp-ico .item-art{background-color:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.prod-ico .item-art::before,.prod-ico .item-art::after{display:none!important}
/* season event result picture */
body[data-game-page="event"] .legacy-event-result{display:grid;grid-template-columns:150px 1fr;column-gap:16px;align-items:start}
body[data-game-page="event"] .legacy-event-result>*{grid-column:2}
body[data-game-page="event"] .legacy-event-result>.ev-art{grid-column:1;grid-row:1 / span 4;width:150px;aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid #d9b24a;box-shadow:0 6px 14px #000b,0 0 14px #d9b24a33}
body[data-game-page="event"] .legacy-event-result>.ev-art.bad{border-color:#a9aab3;box-shadow:0 6px 14px #000b}
.ev-art img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:620px){body[data-game-page="event"] .legacy-event-result{grid-template-columns:96px 1fr;column-gap:12px}body[data-game-page="event"] .legacy-event-result>.ev-art{width:96px}}
/* Career end: RETIRE button + career summary dialog (js/career-end.js) */
.retire-btn{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;margin-left:8px;border-radius:10px;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#14151a;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff 0%,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db 100%);border:1px solid #4a4c56;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 3px 0 #3a3b43,0 6px 10px #000a}
.retire-btn:active{transform:translateY(2px)}
dialog.career-end,dialog.career-confirm{width:min(92vw,360px);padding:14px 16px 16px;text-align:center;border-radius:16px;border:1.5px solid #d9b24a;background:radial-gradient(120% 70% at 50% 0%,#3a2e12 0%,#14110a 45%,#050504 100%);color:#efe3c4;box-shadow:inset 0 1px 0 #ffe9a655,0 14px 40px #000c,0 0 26px #d9b24a33}
dialog.career-end::backdrop,dialog.career-confirm::backdrop{background:rgba(0,0,0,.8)}
.career-end .ce-tag{display:block;font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.24em;color:#d9b24a}
.career-end h2,.career-confirm h3{margin:4px 0 4px;font:700 20px 'Chakra Petch',sans-serif;letter-spacing:.12em;color:#ffdc7a;text-shadow:0 1px 0 #000,0 0 14px #d9b24a66}
.career-confirm h3{font-size:16px}
.career-end .ce-why,.career-confirm p{margin:0 0 8px;font-size:12px;line-height:1.5;color:#cbbf9f}
.career-end .ce-who{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid #d9b24a44;border-bottom:1px solid #d9b24a44}
.career-end .ce-who b{font:700 16px 'Chakra Petch',sans-serif;color:#fff;letter-spacing:.06em}
.career-end .ce-who span{font-size:11px;color:#b9b19a}
.career-end .ce-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 6px}
.career-end .ce-grid span{padding:6px 4px;border-radius:9px;background:linear-gradient(#1d1d22,#060607);border:1px solid #a9aab388}
.career-end .ce-grid small{display:block;font:600 9px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#a9aab3}
.career-end .ce-grid b{font:700 18px 'Chakra Petch',sans-serif;color:#ffdc7a}
.career-end .ce-rec{margin:4px 0;font:600 10px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#a9aab3}
.career-end .ce-rec b{color:#fff;margin-left:6px}
.career-end .ce-score{margin:8px 0 10px;padding:8px;border-radius:12px;border:1px solid #d9b24a;background:#000}
.career-end .ce-score small{display:block;font:600 9px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:#d9b24a}
.career-end .ce-score b{display:block;font:700 28px 'Chakra Petch',sans-serif;color:#fff}
.career-end .ce-score em{font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.2em;font-style:normal;color:#ffdc7a}
.ce-act{display:flex;gap:8px}
.ce-act button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;height:38px;border-radius:11px;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#14151a;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff 0%,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db 100%);border:1px solid #4a4c56;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 3px 0 #3a3b43,0 6px 10px #000a}
.ce-act button:last-child{color:#3a2504;text-shadow:0 1px 0 #fff8;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border-color:#8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 3px 0 #a8730f,0 6px 10px #000a}
.ce-act button:active{transform:translateY(2px)}
dialog.career-confirm .ce-act button:last-child{color:#fff;text-shadow:0 1px 0 #6b1712;background:linear-gradient(180deg,#ffd9d3 0%,#ff7a6b 28%,#d9382b 52%,#b02218 66%,#f26a5c 100%);border-color:#5c110c;box-shadow:inset 0 1px 0 #ffe9e5,inset 0 -3px 0 #7a1a1599,0 3px 0 #6b1712,0 6px 10px #000a}
.year-end-popup .ye-aging{margin:8px 0 0;font-size:11px;color:#ff9a8a}
/* career end: retirement picture + glitter, buttons appear after 10 s */
dialog.career-end{width:min(92vw,380px)}
.career-end .ce-pic{position:relative;margin:0 auto 8px;width:100%;max-width:min(100%,46vh);aspect-ratio:1;border-radius:14px;overflow:hidden;border:2px solid #d9b24a;box-shadow:0 8px 20px #000b,0 0 22px #d9b24a55}
.career-end .ce-pic img{display:block;width:100%;height:100%;object-fit:cover}
.career-end .ce-glit{position:absolute;inset:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.ce-glit .st{position:absolute;width:var(--s);height:var(--s);background:var(--c);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 5px var(--c));opacity:0;animation:ceTwinkle var(--t) ease-in-out var(--d) infinite}
.ce-glit .sp{position:absolute;bottom:-8px;width:var(--s);height:var(--s);border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);opacity:0;animation:ceRise var(--t) linear var(--d) infinite}
@keyframes ceTwinkle{0%,100%{opacity:0;transform:scale(.2) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
@keyframes ceRise{0%{opacity:0;transform:translateY(0) translateX(0)}15%{opacity:.95}100%{opacity:0;transform:translateY(-260px) translateX(18px)}}
.career-end .ce-act{transition:opacity .8s ease,transform .8s ease}
.career-end .ce-act.wait{opacity:0;transform:translateY(8px);pointer-events:none}
@media(prefers-reduced-motion:reduce){.ce-glit .st,.ce-glit .sp{animation-duration:6s}}.career-end.holding .ce-pic{max-width:min(100%,56vh)}
.career-end.holding .ce-body{display:none}
.career-end:not(.holding) .ce-pic{max-width:min(100%,30vh)}
.career-end:not(.holding) .ce-body{animation:ceIn .8s ease both}
@keyframes ceIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.career-end .ce-pic{transition:max-width .6s ease}/* the glitter is the point of this screen: keep it even when the OS asks for reduced motion (softer, slower) */
@media(prefers-reduced-motion:reduce){.career-end .ce-glit .st{animation:ceTwinkle var(--t) ease-in-out var(--d) infinite!important}.career-end .ce-glit .sp{animation:ceRise var(--t) linear var(--d) infinite!important}.career-end .ce-act,.career-end .ce-pic{transition-duration:.8s!important}.career-end:not(.holding) .ce-body{animation:ceIn .8s ease both!important}}.career-end .ce-glit{mix-blend-mode:normal!important}
.ce-glit .st{filter:drop-shadow(0 0 6px #fff) drop-shadow(0 0 10px var(--c))!important}
.career-end:not(.holding) .ce-pic{max-width:min(100%,24vh)!important}
/* Hall of Fame: black & gold trophy cabinet */
dialog.trophy-room:not(.trophy-celebrate){width:min(94vw,560px);max-height:88vh;padding:14px 16px 16px;text-align:center;border-radius:16px;border:1.5px solid #d9b24a!important;background:radial-gradient(120% 60% at 50% 0%,#3a2e12 0%,#14110a 45%,#050504 100%)!important;color:#efe3c4;box-shadow:inset 0 1px 0 #ffe9a655,0 14px 40px #000c,0 0 26px #d9b24a33}
dialog.trophy-room:not(.trophy-celebrate)::backdrop{background:rgba(0,0,0,.78)}
.trophy-room .hf-tag{display:block;font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.24em;color:#d9b24a}
.trophy-room:not(.trophy-celebrate) h2{margin:2px 0 4px;font:700 22px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#ffdc7a;text-shadow:0 1px 0 #000,0 0 16px #d9b24a66}
.trophy-room .hf-count{margin:0 0 10px;padding:5px;border-radius:10px;background:#000;border:1px solid #d9b24a66;font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.18em;color:#a9aab3}
.trophy-room .hf-count b{margin-left:8px;font-size:18px;color:#ffdc7a}
.trophy-room .trophy-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;max-height:52vh;overflow:auto;padding:2px}
.trophy-room .trophy-grid article{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border-radius:12px;border:1px solid #a9aab388;background:linear-gradient(#1d1d22,#060607);box-shadow:inset 0 1px 0 #ffffff22,0 4px 10px #0009}
.trophy-room .trophy-grid img{height:74px;width:auto;max-width:90%;object-fit:contain;filter:drop-shadow(0 4px 6px #000c) drop-shadow(0 0 10px #d9b24a44)}
.trophy-room .trophy-grid b{font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.04em;color:#ffdc7a;line-height:1.25}
.trophy-room .trophy-grid small{font-size:10px;line-height:1.35;color:#b9b19a}
.trophy-room .hf-empty{grid-column:1/-1;margin:14px 0;font-size:12px;color:#a9a58f}
dialog.trophy-room:not(.trophy-celebrate)>button[data-close]{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:38px;margin-top:12px;border-radius:11px;font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#14151a;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff 0%,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db 100%);border:1px solid #4a4c56;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 3px 0 #3a3b43,0 6px 10px #000a}
dialog.trophy-room:not(.trophy-celebrate)>button[data-close]:active{transform:translateY(2px)}
/* phase tabs: dark-green brushed metal, 3D, premium */
.flow-nav button{font:700 12px 'Chakra Petch',sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#cfe6d6!important;text-shadow:0 1px 0 #02140c;border:1px solid #02150d!important;border-bottom:0!important;border-radius:11px 11px 0 0!important;background:linear-gradient(180deg,#4f8f6e 0%,#2a6a4a 22%,#14452e 55%,#0c3322 70%,#1c5a3e 100%)!important;box-shadow:inset 0 1px 0 #9fe0bb88,inset 0 -3px 0 #04170f99,inset 1px 0 0 #ffffff14,inset -1px 0 0 #0006,0 3px 0 #04170f,0 5px 8px #0008!important;transition:filter .15s,transform .1s}
.flow-nav button:not(:disabled):hover{filter:brightness(1.12)}
.flow-nav button:not(:disabled):active{transform:translateY(2px)}
.flow-nav button[aria-current="step"]{color:#fff2bd!important;text-shadow:0 1px 0 #000,0 0 10px #ffd24d88;border-color:#d9b24a!important;background:linear-gradient(180deg,#7fd0a0 0%,#3f9a68 22%,#1d6a45 55%,#115236 70%,#2f8a5c 100%)!important;box-shadow:inset 0 1px 0 #d6ffe5aa,inset 0 -3px 0 #07281a99,0 0 0 1px #d9b24a66,0 3px 0 #8a6a1c,0 6px 12px #000a,0 0 14px #d9b24a44!important}
.flow-nav button:disabled{opacity:.55;filter:saturate(.55) brightness(.8)}
.flow-nav button svg{stroke:currentColor;filter:drop-shadow(0 1px 0 #02140c)}
.flow-nav .flow-cycle{font-family:'Chakra Petch',sans-serif;letter-spacing:.14em}
.flow-nav button:disabled{opacity:.8!important;filter:saturate(.7) brightness(.85)!important}

/* ===== Shop scene (js/shop-scene.js): picture + products, wide screens only ===== */
.shop-scene{display:none}
body.shop-scene-on .intermission-page{width:min(100% - 16px,1300px)!important;min-width:0!important}
body.shop-scene-on .intermission-page>.legacy-shelf,body.shop-scene-on .intermission-page>p{display:none!important}
body.shop-scene-on .shop-scene{display:block;position:relative;width:100%;aspect-ratio:1672/941;margin:0 auto;border-radius:14px;overflow:hidden;border:2px solid #4a3216;box-shadow:0 14px 34px #000c;--u:8px;--ns:.5;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.shop-scene>*{position:absolute}
.shop-scene .sc-bg{inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.shop-scene .sc-keeper{inset:0;clip-path:inset(0 0 38.6% 0);pointer-events:none}
.shop-scene .sc-k{position:absolute;left:11.6%;top:6%;width:42.4%;height:auto;transition:opacity .2s}
.shop-scene .sc-zone{left:17%;top:14%;width:34%;height:52%;border-radius:50%;pointer-events:none;border:2px dashed transparent;transition:border-color .15s,background .15s}
.shop-scene .sc-hint{left:17%;top:10%;width:34%;text-align:center;font:700 calc(var(--u)*1.1) 'Chakra Petch',sans-serif;letter-spacing:.18em;color:#ffe9a6;text-shadow:0 2px 6px #000;opacity:0;pointer-events:none;transition:opacity .15s}
.shop-scene.dragging .sc-zone{border-color:#ffd24d99;background:radial-gradient(#ffd24d22,transparent 70%)}
.shop-scene.dragging .sc-hint{opacity:1}
.shop-scene.over .sc-zone{border-color:#ffd24d;background:radial-gradient(#ffd24d55,transparent 72%)}
.shop-scene .sc-bubble{left:31%;top:63%;width:38%;padding:calc(var(--u)*.5) calc(var(--u)*1);border-radius:calc(var(--u)*1.2);background:#fffdf4;color:#2a1d0c;font:600 max(10px,calc(var(--u)*1.15)) 'Mitr','IBM Plex Sans Thai',sans-serif;line-height:1.35;box-shadow:0 4px 10px #0007;pointer-events:none}
.shop-scene .sc-bubble::before{content:'';position:absolute;left:12%;top:calc(var(--u)*-.8);border:calc(var(--u)*.5) solid transparent;border-bottom:calc(var(--u)*.9) solid #fffdf4;border-top:0}
.shop-scene .sc-sign{left:16.8%;top:19%;width:9.6%;height:13.5%;display:flex;flex-direction:column;justify-content:center;gap:6%;z-index:6}
.shop-scene .sc-sign button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:calc(var(--u)*.5);font:700 max(7px,calc(var(--u)*.78)) 'Chakra Petch',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#f4e3b0;background:linear-gradient(#2a6a4a,#0c3322);border:1px solid #d9b24a;box-shadow:inset 0 1px 0 #9fe0bb66,0 2px 0 #04170f,0 3px 6px #0008;line-height:1.1;padding:0 3%}
.shop-scene .sc-sign button:hover{filter:brightness(1.2)}
.shop-scene .sc-sign button:active{transform:translateY(1px)}
.shop-scene .sc-shelf{left:33.8%;width:48%;display:flex;align-items:flex-end;justify-content:space-evenly;z-index:3}
.shop-scene .s1{top:2.5%;height:18.3%}
.shop-scene .s2{top:21.8%;height:13.9%}
.shop-scene .sc-case{left:55%;width:42%;top:72%;height:21.5%;display:flex;align-items:flex-end;justify-content:space-evenly;padding-bottom:1.2%;z-index:3}
.shop-scene .sc-notes{left:8.5%;top:75%;width:44%;height:21.5%;display:flex;align-items:flex-start;gap:1%;z-index:3}
.shop-scene .sc-over{left:33%;top:4%;width:50%;max-height:56%;overflow:auto;z-index:8;display:none}
.shop-scene .sc-over.on{display:block}
.shop-scene .sc-over .legacy-shelf{display:block!important;margin:0 0 6px}
.shop-scene .sc-item{position:relative;width:calc(var(--u)*6.6);display:flex;flex-direction:column;align-items:center;cursor:grab;transition:transform .15s,filter .15s,opacity .15s;touch-action:none}
.shop-scene .s1 .sc-item,.shop-scene .s2 .sc-item{margin-bottom:calc(var(--u)*1.9)}
.shop-scene .sc-case .sc-item{width:calc(var(--u)*9);margin-bottom:calc(var(--u)*2.2)}
.shop-scene .sc-item:hover{transform:translateY(calc(var(--u)*-.7)) scale(1.28);z-index:9;filter:drop-shadow(0 0 calc(var(--u)*1.2) #ffd24d)}
.shop-scene .sc-item.lifted{opacity:.3}
.shop-scene .sc-item .prod-ico{width:calc(var(--u)*6.2);height:calc(var(--u)*6.2);font-size:calc(var(--u)*4.4)}
.shop-scene .sc-case .sc-item .prod-ico{width:calc(var(--u)*8.4);height:calc(var(--u)*8.4);font-size:calc(var(--u)*5.6)}
.shop-scene .sc-item .prod-ico .item-art{--sz:calc(var(--u)*5.8)!important}
.shop-scene .sc-case .sc-item .prod-ico .item-art{--sz:calc(var(--u)*8)!important}
.shop-scene .sc-item .die-ico{transform:none!important;width:calc(var(--u)*5.2)!important;height:calc(var(--u)*5.2)!important}
.shop-scene .sc-item .die-ico svg{width:100%;height:100%}
.shop-scene .sc-item .prod-tag{position:absolute;top:100%;left:50%;margin:calc(var(--u)*-.5) 0 0;transform:translateX(-50%) rotate(-2deg);min-width:calc(var(--u)*4.8);padding:calc(var(--u)*.15) calc(var(--u)*.5) calc(var(--u)*.2);white-space:nowrap}
.shop-scene .sc-item .prod-tag::before{top:calc(var(--u)*-.5);height:calc(var(--u)*.55)}
.shop-scene .sc-item .prod-tag i{top:calc(var(--u)*.1);width:calc(var(--u)*.35);height:calc(var(--u)*.35);margin-left:calc(var(--u)*-.17)}
.shop-scene .sc-item .prod-tag b{margin-top:calc(var(--u)*.45);font-size:max(8px,calc(var(--u)*1.05))}
.shop-scene .sc-item .prod-tag s{margin-top:calc(var(--u)*.45);font-size:max(7px,calc(var(--u)*.8))}
.shop-scene .sc-item .prod-sale{top:calc(var(--u)*-.3);right:calc(var(--u)*-.2);font-size:max(7px,calc(var(--u)*.8))}
.shop-scene .sc-note{position:relative;flex:none;width:calc(125px*var(--ns));height:calc(180px*var(--ns))}
.shop-scene .sc-note .coach-note{position:absolute;left:0;top:0;width:125px;height:180px;margin:0;transform:scale(var(--ns));transform-origin:0 0;transition:transform .15s,filter .15s;cursor:grab;touch-action:none}
.shop-scene .sc-note .coach-note:hover{transform:scale(calc(var(--ns)*1.4));z-index:9;filter:drop-shadow(0 6px 10px #000a)}
.shop-scene .sc-note .coach-note.lifted{opacity:.3}
.sc-ghost{position:fixed!important;z-index:100001;pointer-events:none;transform:translate(-50%,-50%) scale(1.15);opacity:.95;filter:drop-shadow(0 8px 12px #000b);margin:0!important}
.sc-ghost.coach-note{transform:translate(-50%,-50%) scale(var(--ns));transform-origin:50% 50%}.shop-scene .sc-sign{top:17.2%!important;height:16.6%!important;gap:3%!important;justify-content:flex-start!important}
.shop-scene .sc-sign .sg-top{flex:0 0 52%;display:grid;place-items:center;padding-top:3%}
.shop-scene .sc-sign .sg-crest{max-width:70%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px #0006)}
.shop-scene .sc-sign button{flex:0 0 20%!important}
/* ===== Shop scene: portrait / phone layout ===== */
body.shop-scene-on .shop-scene.mobile{aspect-ratio:auto;overflow:visible;border:0;box-shadow:none;border-radius:0;background:none;--u:9.6px;--ns:.78}
.shop-scene.mobile>*{position:relative}
.shop-scene.mobile .sc-hero{position:sticky;top:0;z-index:30;width:100%;aspect-ratio:970/583;overflow:hidden;border-radius:14px;border:2px solid #4a3216;box-shadow:0 8px 18px #000b;background:#0b1a12}
.shop-scene.mobile .sc-inner{position:absolute;left:-20.7%;top:0;width:172.4%;aspect-ratio:1672/941}
.shop-scene.mobile .sc-inner>*{position:absolute}
.shop-scene.mobile .sc-bubble{left:auto;top:auto;width:auto;margin:8px 4px 0;padding:8px 12px;font-size:12.5px;position:relative}
.shop-scene.mobile .sc-bubble::before{left:22%;top:-9px;border-width:0 8px 9px;border-color:transparent transparent #fffdf4;border-style:solid}
.shop-scene.mobile .sc-sign button{font-size:9px}
.shop-scene.mobile .sc-shelf,.shop-scene.mobile .sc-case,.shop-scene.mobile .sc-notes,.shop-scene.mobile .sc-over{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:14px 12px;margin:12px 0 0!important;padding:30px 8px 14px!important;border-radius:12px;border:1px solid #a9aab366;border-bottom:14px solid #b07a3c;background:linear-gradient(rgba(6,12,9,.9),rgba(6,12,9,.8));box-shadow:0 8px 16px #000a,inset 0 1px 0 #ffffff22;z-index:1}
.shop-scene.mobile .sc-shelf::before,.shop-scene.mobile .sc-case::before,.shop-scene.mobile .sc-notes::before{content:attr(data-t);position:absolute;left:12px;top:9px;font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#ffdc7a}
.shop-scene.mobile .sc-shelf:empty,.shop-scene.mobile .sc-case:empty,.shop-scene.mobile .sc-notes:empty{display:none}
.shop-scene.mobile .sc-over{padding:10px!important;overflow:visible;max-height:none}
.shop-scene.mobile .sc-over:not(.on){display:none}
.shop-scene.mobile .sc-case .sc-item{width:calc(var(--u)*6.6)}
.shop-scene.mobile .sc-case .sc-item .prod-ico{width:calc(var(--u)*6.2);height:calc(var(--u)*6.2)}
.shop-scene.mobile .sc-case .sc-item .prod-ico .item-art{--sz:calc(var(--u)*5.8)!important}
.shop-scene.mobile .sc-item,.shop-scene.mobile .sc-note .coach-note{touch-action:manipulation}
.shop-scene.mobile .sc-item .prod-tag b{font-size:11px}
.shop-scene.mobile .sc-item:hover{transform:none;filter:none}
.shop-scene.mobile .sc-note .coach-note:hover{transform:scale(var(--ns));filter:none}
/* ===== Wellness Center room (desktop positions; the mobile hero reuses them) ===== */
.shop-scene.v-wellness .sc-keeper{clip-path:inset(0 0 44.7% 0)}
.shop-scene.v-wellness .sc-k{left:17%;top:1.5%;width:38%}
.shop-scene.v-wellness .sc-zone{left:21%;top:8%;width:30%;height:46%}
.shop-scene.v-wellness .sc-hint{left:21%;top:5%;width:30%}
.shop-scene.v-wellness .sc-bubble{left:27%;top:62%;width:46%}
.shop-scene.v-wellness .sc-sign{left:14.6%;top:10%;width:23.4%;height:15%;display:grid!important;grid-template-columns:26% 1fr 1fr;gap:2%!important;align-items:center;padding:0 1.5%}
.shop-scene.v-wellness .sc-sign .sg-top{flex:none;height:100%;padding:0}
.shop-scene.v-wellness .sc-sign .sg-crest{max-width:92%;max-height:92%}
.shop-scene.v-wellness .sc-sign button{height:62%;flex:none!important;font-size:max(7px,calc(var(--u)*.9))}
.shop-scene.v-wellness .s1{left:42.9%;width:38.8%;top:1%;height:18.3%}
.shop-scene.v-wellness .s2{left:42.9%;width:38.8%;top:20.4%;height:12.8%}
.shop-scene.v-wellness .sc-case{left:57%;width:26%;top:44%;height:16.6%;padding-bottom:0;background:none}
.shop-scene.v-wellness .sc-case .sc-item{width:calc(var(--u)*7.4);margin-bottom:calc(var(--u)*2.2)}
.shop-scene.v-wellness .sc-case .sc-item .prod-ico{width:calc(var(--u)*7);height:calc(var(--u)*7);font-size:calc(var(--u)*5)}
.shop-scene.v-wellness .sc-notes{display:none}
.shop-scene.mobile.v-wellness .sc-case{background:linear-gradient(rgba(6,12,9,.9),rgba(6,12,9,.8));width:auto;height:auto}
.shop-scene.mobile.v-wellness .sc-sign{display:grid!important}
.shop-scene.mobile.v-wellness .sc-sign button{font-size:9px}
/* ===== Fitness Center room ===== */
.shop-scene .sc-flag{left:24%;top:14.4%;width:11.6%;height:10.4%;z-index:2;display:none;pointer-events:none}
.shop-scene.v-fitness .sc-flag{display:grid;place-items:center}
.shop-scene .sc-flag .fl-cloth{width:76%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--c1),var(--c2));clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);box-shadow:inset 0 0 0 2px #ffffff55;filter:drop-shadow(0 3px 4px #0008)}
.shop-scene .sc-flag .fl-crest{width:58%;max-height:58%;object-fit:contain;margin-top:-10%;filter:drop-shadow(0 2px 3px #0008)}
.shop-scene.v-fitness .sc-keeper{clip-path:inset(0 0 46.3% 0)}
.shop-scene.v-fitness .sc-k{left:17%;top:1.5%;width:38%}
.shop-scene.v-fitness .sc-zone{left:20%;top:9%;width:31%;height:43%}
.shop-scene.v-fitness .sc-hint{left:20%;top:6%;width:31%}
.shop-scene.v-fitness .sc-bubble{left:27%;top:59%;width:46%}
.shop-scene.v-fitness .sc-sign{left:22.2%;top:26.4%;width:16.4%;height:5.6%;flex-direction:row;gap:3%!important;justify-content:center}
.shop-scene.v-fitness .sc-sign button{height:100%;font-size:max(6.5px,calc(var(--u)*.72));padding:0 2%}
.shop-scene.v-fitness .s1{left:41.4%;width:38.6%;top:4%;height:24.2%}
.shop-scene.v-fitness .s2{left:41.4%;width:38.6%;top:29.2%;height:11.1%}
.shop-scene.v-fitness .sc-case{left:56%;width:26%;top:39%;height:14.6%;padding-bottom:0;background:none}
.shop-scene.v-fitness .sc-case .sc-item{width:calc(var(--u)*7.4);margin-bottom:calc(var(--u)*2.2)}
.shop-scene.v-fitness .sc-case .sc-item .prod-ico{width:calc(var(--u)*7);height:calc(var(--u)*7);font-size:calc(var(--u)*5)}
.shop-scene.v-fitness .sc-notes{display:none}
.shop-scene.v-fitness .s2 .sc-item .prod-ico,.shop-scene.v-wellness .s2 .sc-item .prod-ico{width:calc(var(--u)*5.6);height:calc(var(--u)*5.6)}
.shop-scene.mobile.v-fitness .sc-case{background:linear-gradient(rgba(6,12,9,.9),rgba(6,12,9,.8));width:auto;height:auto}
.shop-scene.mobile.v-fitness .sc-sign{flex-direction:row}
.shop-scene.mobile.v-fitness .sc-sign button{font-size:8px}
/* ===== back shelves: smaller items standing ON the boards, price tag on the board front ===== */
.shop-scene .s1{top:5.5%!important;height:16.1%!important}
.shop-scene .s2{top:23.4%!important;height:13.2%!important}
.shop-scene.v-wellness .s1{top:3%!important;height:17.6%!important}
.shop-scene.v-wellness .s2{top:22%!important;height:12.2%!important}
.shop-scene.v-fitness .s1{top:8%!important;height:21.4%!important}
.shop-scene.v-fitness .s2{top:31.5%!important;height:9.5%!important}
.shop-scene .s1 .sc-item,.shop-scene .s2 .sc-item{width:calc(var(--u)*5.2);margin-bottom:0!important}
.shop-scene .s1 .sc-item .prod-ico,.shop-scene .s2 .sc-item .prod-ico{width:calc(var(--u)*4.9)!important;height:calc(var(--u)*4.9)!important;font-size:calc(var(--u)*3.4)!important}
.shop-scene .s1 .sc-item .prod-ico .item-art,.shop-scene .s2 .sc-item .prod-ico .item-art{--sz:calc(var(--u)*4.6)!important}
.shop-scene .s1 .sc-item .die-ico,.shop-scene .s2 .sc-item .die-ico{width:calc(var(--u)*4)!important;height:calc(var(--u)*4)!important}
.shop-scene .s1 .sc-item .prod-tag,.shop-scene .s2 .sc-item .prod-tag{margin-top:calc(var(--u)*-.1)}
.shop-scene.mobile .s1 .sc-item,.shop-scene.mobile .s2 .sc-item{width:calc(var(--u)*6.6);margin-bottom:calc(var(--u)*2)!important}
.shop-scene.mobile .s1 .sc-item .prod-ico,.shop-scene.mobile .s2 .sc-item .prod-ico{width:calc(var(--u)*6.2)!important;height:calc(var(--u)*6.2)!important;font-size:calc(var(--u)*4.4)!important}
.shop-scene.mobile .s1 .sc-item .prod-ico .item-art,.shop-scene.mobile .s2 .sc-item .prod-ico .item-art{--sz:calc(var(--u)*5.8)!important}
.shop-scene.mobile .s1 .sc-item .die-ico,.shop-scene.mobile .s2 .sc-item .die-ico{width:calc(var(--u)*5.2)!important;height:calc(var(--u)*5.2)!important}

/* ===== wall sign: brass-framed arrow plates ===== */
.shop-scene .sc-sign{gap:5%!important}
.shop-scene .sc-sign .sg-arrow{all:unset;box-sizing:border-box;position:relative;cursor:pointer;flex:0 0 22%!important;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#fff0b8 0%,#e0b64a 40%,#9c7418 100%);filter:drop-shadow(0 calc(var(--u)*.3) calc(var(--u)*.25) #000a);transition:filter .15s,transform .1s}
.shop-scene .sc-sign .sg-arrow.l{clip-path:polygon(13% 0,100% 0,100% 100%,13% 100%,0 50%);padding:0 3% 0 13%}
.shop-scene .sc-sign .sg-arrow.r{clip-path:polygon(0 0,87% 0,100% 50%,87% 100%,0 100%);padding:0 13% 0 3%}
.shop-scene .sc-sign .sg-arrow::before{content:'';position:absolute;inset:max(1.5px,calc(var(--u)*.16));clip-path:inherit;background:linear-gradient(180deg,#4aa876 0%,#1f6b46 30%,#0f3f2a 62%,#175a3b 100%);box-shadow:inset 0 1px 0 #b5f0cf88}
.shop-scene .sc-sign .sg-arrow span{position:relative;z-index:1;font:700 max(6.5px,calc(var(--u)*.78)) 'Chakra Petch',sans-serif;letter-spacing:.06em;text-transform:uppercase;line-height:1.05;color:#fff0b8;text-shadow:0 1px 0 #02140c,0 0 6px #ffd24d55}
.shop-scene .sc-sign .sg-arrow:hover{filter:drop-shadow(0 calc(var(--u)*.3) calc(var(--u)*.25) #000a) brightness(1.18)}
.shop-scene .sc-sign .sg-arrow:active{transform:translateY(1px)}
.shop-scene .sc-sign .sg-top{flex:0 0 46%!important}
.shop-scene.v-wellness .sc-sign .sg-arrow,.shop-scene.v-fitness .sc-sign .sg-arrow{height:100%;flex:none!important}
.shop-scene.v-fitness .sc-sign .sg-arrow{flex:1 1 0!important}
.shop-scene.mobile .sc-sign .sg-arrow span{font-size:8.5px}
/* wall signs stay behind the shop assistant (she stands in front of the wall); wellness sign sits on the left half of the board */
.shop-scene .sc-sign{z-index:2!important}
.shop-scene .sc-flag{z-index:1!important}
.shop-scene .sc-keeper{z-index:3}
.shop-scene.v-wellness .sc-sign{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;left:14.6%!important;top:10.4%!important;width:13.2%!important;height:23%!important;gap:3.5%!important;padding:0!important;align-items:stretch!important}
.shop-scene.v-wellness .sc-sign .sg-top{flex:0 0 38%!important;height:auto}
.shop-scene.v-wellness .sc-sign .sg-crest{max-width:70%}
.shop-scene.v-wellness .sc-sign .sg-arrow{flex:0 0 27%!important;height:auto!important}
.shop-scene.v-wellness .sc-sign .sg-arrow span{font-size:max(7px,calc(var(--u)*.9))}
.shop-scene.v-fitness .sc-sign{left:20.6%!important;width:15%!important}
/* ===== HUB art pass: signs at the bottom centre (green metal, gold edge, 3D), crest/flag on the board, new placements ===== */
body .shop-scene.shop-scene .sc-sign{left:50%!important;top:auto!important;bottom:1.5%!important;width:auto!important;height:5.4%!important;transform:translateX(-50%);display:flex!important;flex-direction:row!important;gap:calc(var(--u)*1.2)!important;padding:0!important;align-items:stretch!important;justify-content:center!important;z-index:6!important}
body .shop-scene.shop-scene .sc-sign .sg-arrow{flex:none!important;width:calc(var(--u)*13)!important;height:100%!important;padding:0 calc(var(--u)*1.6)!important;background:linear-gradient(180deg,#fff3c4 0%,#f0c95a 35%,#a67a1c 75%,#e3b542 100%)!important;filter:drop-shadow(0 calc(var(--u)*.35) calc(var(--u)*.3) #000b)}
body .shop-scene.shop-scene .sc-sign .sg-arrow::before{inset:max(2px,calc(var(--u)*.2))!important;background:repeating-linear-gradient(90deg,#ffffff0f 0 1px,transparent 1px 3px),linear-gradient(180deg,#6fcf9b 0%,#2f8a5c 16%,#18603f 48%,#0c3825 80%,#206f4a 100%)!important;box-shadow:inset 0 1px 0 #d6ffe8aa,inset 0 -2px 0 #04170f99!important}
body .shop-scene.shop-scene .sc-sign .sg-arrow span{font-size:max(7px,calc(var(--u)*.95))!important;letter-spacing:.1em!important;color:#ffe9a0!important;white-space:nowrap}
body .shop-scene.shop-scene .sc-sign .sg-arrow.l{padding-left:calc(var(--u)*2.4)!important}
body .shop-scene.shop-scene .sc-sign .sg-arrow.r{padding-right:calc(var(--u)*2.4)!important}
.shop-scene .sc-flag{display:grid!important;place-items:center;z-index:1}
.shop-scene .sc-flag .fl-plain{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #000a)}
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-flag{left:17.2%;top:18.2%;width:9.2%;height:15.4%}
.shop-scene.v-wellness .sc-flag{left:28.5%;top:10.2%;width:8%;height:13.5%}
.shop-scene.v-fitness .sc-flag{left:28.8%;top:14.2%;width:8%;height:10.8%}
/* actors (positions from the art package) */
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-keeper{clip-path:inset(0 0 38.5% 0)}
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-k{left:8%;top:4%;width:42%}
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-zone{left:14%;top:12%;width:32%;height:50%}
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-hint{left:14%;top:8%;width:32%}
.shop-scene.v-wellness .sc-keeper{clip-path:inset(0 0 44.8% 0)}
.shop-scene.v-wellness .sc-k{left:1%;top:1%;width:40%}
.shop-scene.v-wellness .sc-zone{left:5%;top:8%;width:32%;height:44%}
.shop-scene.v-wellness .sc-hint{left:5%;top:5%;width:32%}
.shop-scene.v-fitness .sc-keeper{clip-path:inset(0 0 46.5% 0)}
.shop-scene.v-fitness .sc-k{left:1%;top:0;width:40%}
.shop-scene.v-fitness .sc-zone{left:5%;top:8%;width:32%;height:43%}
.shop-scene.v-fitness .sc-hint{left:5%;top:5%;width:32%}
/* shelves / counter spots for the new rooms */
.shop-scene:not(.v-wellness):not(.v-fitness) .s1{left:33.6%;width:48.2%;top:5.5%;height:15.9%}
.shop-scene:not(.v-wellness):not(.v-fitness) .s2{left:33.6%;width:48.2%;top:23.4%;height:12.9%}
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-case{left:54%;width:44%;top:72%;height:21.5%}
.shop-scene.v-fitness .s1{top:8%!important;height:20%!important}
.shop-scene.v-fitness .s2{top:31.5%!important;height:9.4%!important}
.shop-scene.v-fitness .sc-case{top:40.5%;height:15%}
.shop-scene.v-wellness .sc-case{top:44%}
/* compact bubble + heading */
body .shop-scene.shop-scene .sc-bubble{width:32%!important;padding:calc(var(--u)*.4) calc(var(--u)*.8)!important;font-size:max(9px,calc(var(--u)*.95))!important;border-radius:calc(var(--u)*1)}
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-bubble{left:30%!important;top:63%!important}
.shop-scene.v-wellness .sc-bubble{left:21%!important;top:57.2%!important}
.shop-scene.v-fitness .sc-bubble{left:21%!important;top:55.2%!important}
body[data-game-page="store"] .intermission-heading{padding:5px 12px!important;margin-bottom:8px!important}
body[data-game-page="store"] .intermission-heading h1{font-size:16px!important}
body[data-game-page="store"] .intermission-heading [data-finish]{min-height:34px!important;padding:5px 12px!important;font-size:12px!important}
body[data-game-page="store"] .retire-btn{height:30px}
/* mobile */
.shop-scene.mobile .sc-sign{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:auto!important;margin:8px 0 0!important;gap:8px!important}
body .shop-scene.shop-scene.mobile .sc-sign .sg-arrow{width:48%!important;height:34px!important;flex:1 1 0!important}
body .shop-scene.shop-scene.mobile .sc-sign .sg-arrow span{font-size:10px!important}
.shop-scene.mobile .sc-bubble{width:auto!important;margin:8px 4px 0!important;font-size:12px!important}
.shop-scene.mobile.v-wellness .sc-inner,.shop-scene.mobile.v-fitness .sc-inner{left:-6%}
.shop-scene.mobile .sc-bubble{position:relative!important;left:auto!important;top:auto!important}
.shop-scene.mobile .sc-flag{position:absolute}
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-flag{left:16.9%!important;top:21%!important;width:5.2%!important;height:10%!important}

/* phone: person tile (same white 3D tile as the shirt / calendar) hides or shows the player card */
.hud-prof{display:none}
@media(max-width:700px){
 .hud-prof{position:relative;display:grid;place-items:center;width:52px;height:44px;padding:0!important;margin:0 6px 0 0!important;border-radius:7px!important;background:linear-gradient(#ffffff,#dedfd9)!important;border:2px solid #17181a!important;box-shadow:inset 0 -3px 0 #0002,0 3px 0 #0a0b0c,0 6px 8px #0006!important;cursor:pointer;min-height:0!important}
 .hud-prof svg{width:34px;height:30px;display:block;filter:drop-shadow(0 1px 0 #0003)}
 .hud-prof:active{transform:translateY(2px);box-shadow:inset 0 -2px 0 #0002,0 1px 0 #0a0b0c!important}
 .hud-prof[aria-pressed="false"]{background:linear-gradient(#cfd2cc,#a9aca5)!important;box-shadow:inset 0 3px 0 #0003,0 1px 0 #0a0b0c!important;transform:translateY(2px)}
 .hud-prof[aria-pressed="false"] svg{opacity:.55}
 #hud.prof-off .hud-player{display:none!important}
 .hud-right{gap:6px}
 .hud-inv{margin-right:0!important}
}body .shop-scene.shop-scene.mobile .sc-sign{position:relative!important;left:auto!important;bottom:auto!important;top:auto!important;transform:none!important;width:100%!important;height:auto!important;margin:8px 0 0!important;gap:8px!important;justify-content:stretch!important}
body .shop-scene.shop-scene.mobile .sc-sign .sg-arrow{flex:1 1 0!important;width:auto!important;height:36px!important;min-width:0}
@media(max-width:480px){
 .hud-prof,.hud-inv,.hud-year{width:46px!important;height:40px!important}
 .hud-prof svg,.hud-inv svg{width:30px;height:27px}
 .hud-right{gap:5px!important}
 .hud-coins{min-width:0;flex:1 1 auto}
 .hud-coins b{font-size:15px!important}
 .hud-gear{flex:none}
}
body .shop-scene.shop-scene.mobile .sc-bubble{width:auto!important;margin:8px 4px 0!important;font-size:12px!important;padding:8px 12px!important}

body .shop-scene.shop-scene.mobile .sc-bubble{box-sizing:border-box!important;max-width:calc(100% - 8px)!important;left:0!important;display:block}

/* player registration on phones: nothing may drift with the finger (no sideways pan, no scroll chaining / rubber-banding, no double-tap zoom) */
#create-player{overflow-x:hidden!important;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
#create-player *{max-width:100%;-webkit-user-select:none;user-select:none}
#create-player input[type="text"],#create-player input:not([type]),#create-player textarea{-webkit-user-select:text;user-select:text;font-size:16px}
#create-player button,#create-player select,#create-player [role="button"],#create-player label{touch-action:manipulation}
#create-player input[type="range"]{touch-action:none;-webkit-appearance:none;appearance:none}
#create-player .cp-sign,#create-player .cp-sign canvas{touch-action:none}
html:has(#create-player:not(.cp-out)),body:has(#create-player:not(.cp-out)){overflow:hidden!important;overscroll-behavior:none;touch-action:none}
html:has(#create-player:not(.cp-out)) #create-player{touch-action:pan-y}
/* ===== Phase backdrops (js/phase-bg.js) + glass panels so every phase looks like one world, on phone and PC ===== */
html.has-stadium-bg body::before{display:none!important}
#phase-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#07100b}
#phase-bg .pb{position:absolute;inset:-1%;background-size:cover;background-position:center;opacity:0;transition:opacity .9s ease;will-change:opacity}
#phase-bg .pb.on{opacity:1}
#phase-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(130% 100% at 50% 35%,rgba(0,0,0,0) 30%,rgba(0,0,0,.62) 100%),linear-gradient(rgba(4,10,7,.5),rgba(4,10,7,.34) 35%,rgba(4,10,7,.6))}
#phase-bg[data-page="store"] .pb{filter:blur(2px) brightness(.8)}
#phase-bg[data-page="competition"]::after{background:radial-gradient(130% 100% at 50% 35%,rgba(0,0,0,0) 30%,rgba(0,0,0,.6) 100%),linear-gradient(rgba(4,10,7,.6),rgba(4,10,7,.5))}
@media(max-width:700px){#phase-bg .pb{background-position:48% center}#phase-bg::after{background:linear-gradient(rgba(4,10,7,.55),rgba(4,10,7,.45) 40%,rgba(4,10,7,.66))}}

/* training desk: a smoked-glass table instead of the big wood slab, so the training ground shows around and through it */
.desk.home-desk,main.desk{background:linear-gradient(rgba(10,20,14,.62),rgba(6,12,9,.72))!important;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 30px rgba(0,0,0,.5)!important;border-radius:16px!important}
/* event page: the intermission page sits straight on the holiday picture */
body[data-game-page="event"] .intermission-page{background:none}

/* 00 manager's office behind the player registration; 03 dressing room behind the match summary */
#create-player{background:linear-gradient(rgba(5,10,8,.5),rgba(5,10,8,.66)),url(../assets/scenes/phases/p00-manager-office.jpg) 50% 40%/cover no-repeat!important}
dialog.flow-summary::backdrop{background:linear-gradient(rgba(5,10,8,.5),rgba(5,10,8,.7)),url(../assets/scenes/phases/p03-dressing.jpg) center/cover no-repeat!important;-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:700px){#create-player{background-position:36% 40%!important}dialog.flow-summary::backdrop{background-position:46% center!important}}
/* event page: heading pill like the shop, compact choice rows on phones */
body[data-game-page="event"] .intermission-heading{padding:6px 12px;margin:0 0 10px;border-radius:12px;background:linear-gradient(#1d1d22,#060607);border:1px solid #a9aab3;box-shadow:inset 0 1px 0 #ffffff2a,0 6px 14px #000b;flex-wrap:nowrap;gap:8px}
body[data-game-page="event"] .intermission-heading h1{font-size:16px!important}
body[data-game-page="event"] .ih-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
body[data-game-page="event"] .retire-btn{margin-left:0;height:30px}
@media(max-width:700px){
 body[data-game-page="event"] .legacy-event-choices article{display:grid!important;grid-template-columns:56px 1fr 96px;grid-template-areas:"i t b" "i d b";align-items:center;column-gap:12px;row-gap:0;padding:10px 12px!important;text-align:left!important}
 body[data-game-page="event"] .legacy-event-choices article>span{grid-area:i;width:52px!important;height:52px!important;font-size:28px!important}
 body[data-game-page="event"] .legacy-event-choices article h2{grid-area:t;margin:0!important;font-size:13px!important;text-align:left}
 body[data-game-page="event"] .legacy-event-choices article p{grid-area:d;margin:0!important;min-height:0!important;font-size:10.5px!important;text-align:left!important}
 body[data-game-page="event"] .legacy-event-choices article button{grid-area:b;width:96px!important;height:34px!important;margin:0!important;font-size:12px!important}
 body[data-game-page="event"] .legacy-event-choices{gap:8px!important;margin:10px 0!important}
 body[data-game-page="event"] .event-wallet{margin-bottom:6px}
}
/* phone HUD: logo + tile row share ONE line, the player card (toggle) goes under it */
@media(max-width:700px){
 #hud .hud-bar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important}
 #hud .hud-logo{order:1;flex:0 0 auto;margin:0!important}
 #hud .hud-logo img{height:34px;width:auto}
 #hud .hud-right{order:2;flex:1 1 0!important;min-width:0;justify-content:flex-end!important;gap:4px!important;margin:0!important}
 #hud .hud-player{order:3;flex:1 1 100%!important;width:100%}
 #hud .hud-prof,#hud .hud-inv,#hud .hud-year{width:38px!important;height:34px!important;margin:0!important}
 #hud .hud-prof svg,#hud .hud-inv svg{width:25px;height:22px}
 #hud .hud-year{font-size:11px!important;padding-top:11px!important}
 #hud .hud-year::before{height:11px!important}
 #hud .hud-year::after{left:8px!important;box-shadow:19px 0 0 0 #b4b8ba,19px 0 0 1px #0008!important}
 #hud .hud-coins{flex:1 1 auto;min-width:0;height:34px!important;padding:0 8px!important}
 #hud .hud-coins b{font-size:13px!important}
 #hud .hud-coins i{width:22px!important;height:22px!important}
 #hud .hud-gear{width:34px!important;height:34px!important;flex:none;font-size:18px}
}
body[data-game-page="event"] .intermission-heading h1,body[data-game-page="store"] .intermission-heading h1{white-space:nowrap;letter-spacing:.1em!important}
#create-player .cp-bg{background:linear-gradient(rgba(5,10,8,.4),rgba(5,10,8,.62)),url(../assets/scenes/phases/p00-manager-office.jpg) 50% 40%/cover no-repeat!important}
@media(max-width:700px){#create-player .cp-bg{background-position:34% 40%!important}}
/* phone training goals: card parts scale with the card width (art no longer spills over the title / button) and the board leaves room for its TRAINING GOALS label */
@media(max-width:620px){
 #quests.quests{padding:44px 6px 10px!important;gap:10px 7px!important;border-width:9px!important}
 #quests .quest.gcard{transform:none!important;padding:6px 5px 6px!important;gap:4px!important;overflow:hidden}
 #quests .quest.gcard h3{min-height:2.4em!important;display:flex!important;align-items:center;justify-content:center;margin:0!important;font-size:11px!important}
 #quests .quest.gcard h3 small,#quests .quest.gcard h3 .th{display:none!important}
 #quests .quest.gcard .g-pic{height:auto!important;aspect-ratio:1/.86;width:100%;margin:0!important;overflow:hidden;border-radius:6px}
 #quests .quest.gcard .g-pic .drill-art,#quests .quest.gcard .g-pic .drill-wide{position:absolute!important;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;max-height:none!important;margin:0!important;border-radius:6px}
 #quests .quest.gcard>.g-req{min-height:22px;justify-content:center!important;grid-column:1/-1!important}
 #quests .quest.gcard>button{grid-column:1/-1!important;width:100%!important;height:26px!important;font-size:11px!important;margin:0!important}
 #quests .quest.gcard .reason{font-size:9.5px!important}
}
@media(max-width:620px){#quests .quest.gcard h3 small,#quests .quest.gcard h3 .th{display:block!important;font-size:11px!important;color:#2f2a22!important;font-weight:600!important}#quests .quest.gcard h3 .en{display:none!important}}

/* title screen: no language button, centred premium MENU heading */
.ts-lang{display:none!important}
.ts-mini{justify-content:center!important}
.ts-board h2{display:flex!important;align-items:center;justify-content:center;gap:.8em;text-align:center!important;border-bottom:0!important;padding:0 0 .5cqw!important;margin:0 0 .6cqw!important;font-size:2.7cqw!important;letter-spacing:.32em!important;padding-left:.32em!important;color:#4a3210!important;text-shadow:0 .12cqw 0 #fff9,0 .3cqw .5cqw #b9892a66,0 0 .9cqw #ffd24d55}
.ts-board h2::before,.ts-board h2::after{content:'';flex:1 1 0;height:.28cqw;min-width:2cqw;border-radius:2px;background:linear-gradient(90deg,#0000,#b9892a 35%,#e8c15a 50%,#b9892a 65%,#0000);box-shadow:0 .1cqw .2cqw #0004}
@media(max-width:700px){.ts-board h2{font-size:24px!important;letter-spacing:.28em!important;padding-bottom:6px!important;margin-bottom:8px!important}.ts-board h2::before,.ts-board h2::after{height:3px}}.ts-board h2{position:relative!important;display:block!important}
.ts-board h2::before,.ts-board h2::after{content:''!important;position:absolute!important;top:46%!important;width:20%!important;height:2px!important;min-width:0!important;flex:none!important;border-radius:2px;background:linear-gradient(90deg,#0000,#b9892a 40%,#e8c15a)!important;box-shadow:0 1px 2px #0004!important}
.ts-board h2::before{left:0!important}
.ts-board h2::after{right:0!important;transform:scaleX(-1)}.ts-board [data-page="confirm"] h2{font-size:2.2cqw!important;letter-spacing:.2em!important}
.ts-board [data-page="confirm"] p{text-align:center!important;font:600 max(11px,1.35cqw) 'Chakra Petch',sans-serif!important;color:#3d2c0e!important;line-height:1.4;margin:.4cqw 0 .8cqw!important}
@media(max-width:700px){.ts-board [data-page="confirm"] h2{font-size:19px!important}.ts-board [data-page="confirm"] p{font-size:12px!important}}body .shop-scene.shop-scene .sc-sign .sg-arrow{width:calc(var(--u)*17)!important}
body .shop-scene.shop-scene.mobile .sc-sign{justify-content:center!important}
body .shop-scene.shop-scene.mobile .sc-sign .sg-arrow{flex:0 1 220px!important;width:70%!important}
/* half-body characters: sized so the counter hides them at the waist (never cut across the chest) */
.shop-scene.v-fitness .sc-k{left:4.5%!important;top:4.8%!important;width:33%!important}
.shop-scene.v-fitness .sc-zone{left:7%!important;top:12%!important;width:28%!important;height:40%!important}
.shop-scene.v-wellness .sc-k{left:4%!important;top:3%!important;width:36%!important}
.shop-scene.v-wellness .sc-zone{left:7%!important;top:10%!important;width:30%!important;height:42%!important}
.shop-scene .sc-flag .fl-cloth{display:none!important}
.shop-scene.v-fitness .sc-flag{left:28.4%!important;top:14.6%!important;width:8.4%!important;height:10.4%!important}body .shop-scene.shop-scene .sc-sign .sg-arrow{width:calc(var(--u)*13)!important}
body .shop-scene.shop-scene.mobile .sc-sign .sg-arrow{flex:1 1 0!important;width:auto!important}.shop-scene.v-wellness .sc-k{left:6.2%!important;top:9.5%!important;width:31%!important}
.shop-scene.v-wellness .sc-zone{left:8%!important;top:14%!important;width:26%!important;height:38%!important}
.shop-scene.v-wellness .sc-hint{top:10%!important}
/* soft contact shadow where the counter hides the character, so there is no hard seam / gap at the cut line */
.shop-scene .sc-keeper::after{content:'';position:absolute;left:0;right:0;height:4.5%;bottom:var(--cut,38.5%);background:linear-gradient(rgba(35,18,0,0),rgba(35,18,0,.42));pointer-events:none}
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-keeper{--cut:38.5%;clip-path:inset(0 0 38.3% 0)}
.shop-scene.v-wellness .sc-keeper{--cut:44.8%;clip-path:inset(0 0 44.6% 0)}
.shop-scene.v-fitness .sc-keeper{--cut:46.5%;clip-path:inset(0 0 46.3% 0)}
/* fitness: smaller trainer, moved right so her whole body stands inside the counter's width (no cut-off body hanging beside the counter) */
.shop-scene.v-fitness .sc-k{left:17.5%!important;top:8.2%!important;width:28%!important}
.shop-scene.v-fitness .sc-zone{left:19%!important;top:14%!important;width:25%!important;height:38%!important}
.shop-scene.v-fitness .sc-hint{left:19%!important;top:10%!important;width:25%!important}
.shop-scene.v-fitness .sc-flag{left:31.4%!important;top:14.6%!important;width:5.6%!important;height:10.4%!important}
.shop-scene.v-fitness .sc-bubble{left:24%!important}
/* FINISH SHOP: compact red metal 3D button */
body .intermission-heading [data-finish]{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 16px;flex:0 0 auto!important;border-radius:10px;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 #6b1712,0 0 8px #ff8a7a66;background:linear-gradient(180deg,#ffd9d3 0%,#ff7a6b 26%,#d9382b 52%,#b02218 66%,#f26a5c 100%);border:1px solid #5c110c;box-shadow:inset 0 1px 0 #ffe9e5,inset 0 -3px 0 #7a1a1599,0 3px 0 #6b1712,0 6px 9px #000a,0 0 12px #ff3b3033}
body .intermission-heading [data-finish]:hover{filter:brightness(1.08)}
body .intermission-heading [data-finish]:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffe9e5,inset 0 -2px 0 #7a1a1599,0 1px 0 #6b1712,0 3px 6px #000a}
body .intermission-heading [data-finish]:disabled{opacity:.5;filter:saturate(.5);cursor:not-allowed}
/* page titles: glowing gold */
body[data-game-page="event"] .intermission-heading h1,body[data-game-page="store"] .intermission-heading h1{color:#ffe38a!important;background:linear-gradient(180deg,#fff6c9 0%,#ffd75a 45%,#e6a91f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important;filter:drop-shadow(0 0 4px #ffcf4a99) drop-shadow(0 0 12px #ffb42055);letter-spacing:.18em!important;font-weight:700}
/* fitness trainer: smaller again and further right, waist exactly at the counter line; crest on the free left half of the board */
.shop-scene.v-fitness .sc-k{left:20.5%!important;top:11.5%!important;width:25%!important}
.shop-scene.v-fitness .sc-zone{left:22%!important;top:17%!important;width:22%!important;height:33%!important}
.shop-scene.v-fitness .sc-hint{left:22%!important;top:13%!important;width:22%!important}
.shop-scene.v-fitness .sc-bubble{left:27%!important}
.shop-scene.v-fitness .sc-flag{left:23.6%!important;top:14.4%!important;width:5.4%!important;height:10.6%!important}
/* fitness trainer: crop off the pants below the waist and seat the cut exactly on the counter top */
.shop-scene.v-fitness .sc-k{top:18.8%!important;clip-path:inset(0 0 21% 0)}
.shop-scene.v-fitness .sc-zone{top:23%!important;height:29%!important}
.shop-scene.v-fitness .sc-hint{top:19.5%!important}
/* wide screens (PC at 100%): goals fill the whole board, the dice tray uses the full width, nothing is left empty on the right */
@media(min-width:1000px){
 #quests.quests{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px 16px!important;padding:50px 22px 22px!important}
 #quests .quest.gcard{padding:12px 12px 12px!important}
 #quests .quest.gcard h3{font-size:14px!important;min-height:2.3em;display:flex!important;align-items:center;justify-content:center}
 #quests .quest.gcard .g-pic{aspect-ratio:1/.8;height:auto!important;width:100%}
 #quests .quest.gcard .g-pic .drill-art,#quests .quest.gcard .g-pic .drill-wide{position:absolute!important;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important}
 .dice-zone{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"felt" "act"!important}
 .dice-zone .dz-felt{width:100%!important;max-width:none!important}
 .dice-zone #dice{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;justify-items:center;gap:14px 10px}
}
/* training -> match button: ball icon + MATCH (no arrow) */
#next{width:auto!important;min-width:150px!important;padding:0 22px!important;gap:10px!important}
#next::before{width:26px!important;height:26px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Ccircle cx='13' cy='13' r='10.5' fill='%23fffdf0' stroke='%233a2504' stroke-width='2'/%3E%3Cpath d='M13 7.5l4.6 3.3-1.8 5.4h-5.6l-1.8-5.4z' fill='%233a2504'/%3E%3Cpath d='M13 2.5v5M4.5 9.5l5 1.6M7.5 21l3-3.8M18.5 21l-3-3.8M21.5 9.5l-5 1.6' stroke='%233a2504' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important;flex:none}
#next::after{content:'MATCH'!important;display:block!important;font:700 17px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:#3a2504;text-shadow:0 1px 0 #fff9}
#next:disabled::after{color:#5d4a1a;text-shadow:0 1px 0 #fff6}
#next::before,#next::after{position:static!important;transform:none!important;margin:0!important}

body .mobile-actionbar #next{width:auto!important;min-width:150px!important;padding:0 22px!important;flex:0 0 auto!important}

/* Skill Room / Club Tactics / squad list: same black-silver-gold theme as the profile and inventory */
dialog.skill-room{background:radial-gradient(120% 55% at 50% 0%,#2e2a1c 0%,#101014 40%,#050506 100%)!important;color:#e4dfcf!important;border:1.5px solid #a9aab3!important;border-radius:16px!important;box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #000a,0 18px 44px #000c!important;scrollbar-color:#8a8c96 #0c0c10}
dialog.skill-room::backdrop{background:rgba(0,0,0,.78)}
dialog.skill-room h1,dialog.skill-room h2{color:#ffdc7a!important;font-family:'Chakra Petch',sans-serif!important;font-weight:700!important;letter-spacing:.1em;text-shadow:0 1px 0 #000,0 0 14px #d9b24a66}
dialog.skill-room h3,dialog.skill-room h4{color:#f4d27a!important;font-family:'Chakra Petch',sans-serif!important;letter-spacing:.04em}
dialog.skill-room header small,dialog.skill-room h2 small{color:#b9b6a8!important;letter-spacing:.04em;font-weight:500}
dialog.skill-room p,dialog.skill-room small,dialog.skill-room li,dialog.skill-room label,dialog.skill-room .skill-count{color:#c9c5b4!important}
dialog.skill-room b,dialog.skill-room strong{color:#f1e7c6}
dialog.skill-room a{color:#ffdc7a!important}
dialog.skill-room input,dialog.skill-room select{background:linear-gradient(#1d1d22,#0a0a0d)!important;color:#efe9d6!important;border:1px solid #a9aab388!important;border-radius:10px!important;box-shadow:inset 0 1px 3px #000a}
dialog.skill-room input::placeholder{color:#8f8c80}
dialog.skill-room select option{background:#15151a;color:#efe9d6}
dialog.skill-room input[type="checkbox"]{accent-color:#d9b24a}
dialog.skill-room>header button,dialog.skill-room>button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 18px;border-radius:11px;font:700 12px 'Chakra Petch',sans-serif!important;letter-spacing:.12em;text-transform:uppercase;color:#14151a!important;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff 0%,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db 100%)!important;border:1px solid #4a4c56!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 3px 0 #3a3b43,0 6px 10px #000a!important}
dialog.skill-room>header button:active,dialog.skill-room>button:active{transform:translateY(2px)}
dialog.skill-room .skill-cards>*,dialog.skill-room .cn-grid>*{background:linear-gradient(#1d1d22,#060607)!important;border:1px solid #a9aab388!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff22,0 5px 12px #0009!important;color:#e4dfcf!important}
dialog.skill-room .skill-cards>* *{color:inherit}
dialog.skill-room .skill-cards>* h3,dialog.skill-room .skill-cards>* h4{color:#ffdc7a!important}
dialog.skill-room .skill-cards>* small,dialog.skill-room .skill-cards>* p{color:#bdb9a8!important}
dialog.skill-room ol li::marker{color:#d9b24a}
dialog.skill-room ol li{padding:3px 0;border-bottom:1px solid #ffffff12}
dialog.skill-room progress,dialog.skill-room .bar{accent-color:#d9b24a}
dialog.skill-room.tactics-room label{color:#cfcab9!important;font-weight:600}
/* phone, before kick-off: the team-talk / touchline picture fills the rest of the pitch box (no empty block under it) */
@media(max-width:700px){
 .pitch:has(.prematch-stadium){display:flex!important;flex-direction:column;height:min(560px,calc(100svh - 330px))!important;min-height:420px!important;overflow:hidden}
 .pitch:has(.prematch-stadium) .prematch-venue{flex:0 0 auto;margin:0!important;border-radius:12px 12px 0 0}
 .pitch:has(.prematch-stadium) .prematch-stadium,.pitch .prematch-stadium.is-locker,.pitch .prematch-stadium.is-touchline{flex:1 1 auto!important;aspect-ratio:auto!important;min-height:0!important;position:relative;display:block;overflow:hidden;border-radius:0 0 12px 12px}
 .pitch .prematch-stadium>img.touchline-art{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:46% 50%}
 .pitch .prematch-stadium .pm-vs{display:none!important}
}
/* phone, live match: no empty block under the field; the two benches sit beside the pitch (bottom touchline, one at each end) */
@media(max-width:700px){
 .match-modal .pitch:has(.match-pop.open){min-height:0!important}
 .match-modal .pitch:has(.match-pop.open button[data-action]){min-height:440px!important}
 .match-modal .pitch:has(.result-pop){min-height:300px!important}
 .match-modal .pitch .match-team-controls{left:8px!important;right:8px!important;width:auto!important;bottom:6px!important;top:auto!important;transform:none!important;display:flex!important;justify-content:space-between!important;gap:0!important;pointer-events:none}
 .match-modal .pitch .match-team-controls>*{pointer-events:auto}
}
/* penalty shoot-out pop-up: one full-width picture with the result on it (no frame inside a frame) */
dialog .pk-art{width:100%!important;max-width:none!important;aspect-ratio:1/1!important;margin:0 0 10px!important;border:0!important;border-radius:12px!important;box-shadow:0 8px 20px #000a!important;background:#000}
dialog .pk-art img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;filter:none!important;margin:0!important}
dialog .pk-art b{padding:10px 0 9px!important;font-size:16px!important;letter-spacing:.2em!important}
dialog .pk-art.win b{background:linear-gradient(transparent,#7a5410cc 40%,#e0a43a)!important;color:#fff8d8!important;text-shadow:0 1px 2px #000}
dialog .pk-art.lose b{background:linear-gradient(transparent,#6b1712cc 40%,#d9382b)!important;color:#fff!important;text-shadow:0 1px 2px #000}
/* MY TROPHY card + world leader board */
dialog.hof-dlg{width:min(94vw,420px);max-height:94vh;padding:12px;border:0;background:transparent;overflow:auto;color:#efe3c4}
dialog.hof-dlg::backdrop{background:rgba(0,0,0,.84)}
.hf-card{position:relative;padding:14px 12px 12px;border:1.5px solid #d9b24a;border-radius:16px;background:radial-gradient(120% 40% at 50% 0%,#2b2410,#0d0b07 50%,#050504);box-shadow:0 14px 40px #000c,inset 0 0 0 4px #00000066,inset 0 0 0 5px #d9b24a33;text-align:center}
.hf-card.legend{box-shadow:0 0 30px #ffd24d88,0 14px 40px #000c,inset 0 0 0 4px #00000066,inset 0 0 0 5px #ffd24d88}
.hf-card h2{margin:0;font:700 19px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:#ffdc7a;text-shadow:0 0 14px #d9b24a88}
.hf-sub{display:block;font:600 9px 'Chakra Petch',sans-serif;letter-spacing:.34em;color:#a9aab3;margin-bottom:8px}
.hf-ava{width:58px;height:58px;margin:0 auto 8px;border-radius:50%;border:2px solid #d9b24a;overflow:hidden;background:#222;display:grid;place-items:center}
.hf-ava *{max-width:100%;max-height:100%}
.hf-id{padding:8px 10px;border:1px solid #d9b24a44;border-radius:12px;background:#0006;margin-bottom:8px}
.hf-id b{display:block;font:700 17px 'Chakra Petch',sans-serif;color:#fff}
.hf-id span{font-size:11px;color:#b9b19a;letter-spacing:.1em}
.hf-nick{margin-top:4px;font:600 12px 'Chakra Petch',sans-serif;color:#e4dfcf}.hf-nick em{font-style:normal;color:#ffd24d;letter-spacing:1px;font-size:11px}
.hf-club{margin-top:3px;font-size:12px;color:#cfc9b4;display:flex;align-items:center;justify-content:center;gap:6px}.hf-club img{height:18px}
.hf-mid{display:grid;grid-template-columns:42% 1fr;gap:6px;align-items:center;padding:6px;border:1px solid #d9b24a33;border-radius:12px;background:#0005;margin-bottom:8px}
.hf-radar{width:100%}
.hf-mid ul{list-style:none;margin:0;padding:0}.hf-mid li{display:flex;align-items:center;gap:6px;padding:3px 4px;font:600 10px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#d8d2c0;border-bottom:1px solid #ffffff10}
.hf-mid li i{width:8px;height:8px;border-radius:50%}.hf-mid li b{margin-left:auto;font-size:14px;color:#7dff9e}
.hf-pct{padding:8px;border:2px solid #d9b24a;border-radius:14px;background:linear-gradient(#1b1608,#050504);margin-bottom:8px}
.hf-pct small{display:block;font:600 9px 'Chakra Petch',sans-serif;letter-spacing:.3em;color:#a9aab3}
.hf-pct h3{margin:0;font:700 24px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:#ffdc7a;text-shadow:0 0 16px #d9b24a99}
.hf-pct b{font:700 34px 'Chakra Petch',sans-serif;color:#fff}
.hf-card.legend .hf-pct h3{background:linear-gradient(#fff6c9,#ffd75a 50%,#e6a91f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #ffcf4a)}
.hf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:6px}
.hf-grid span,.hf-wide span,.hf-score{padding:6px 4px;border:1px solid #a9aab366;border-radius:10px;background:linear-gradient(#1d1d22,#060607)}
.hf-card small{display:block;font:600 8.5px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#a9aab3}
.hf-grid b{font:700 18px 'Chakra Petch',sans-serif;color:#ffdc7a}
.hf-wide{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.hf-wide b{font:700 13px 'Chakra Petch',sans-serif;color:#fff}
.hf-score b{font:700 22px 'Chakra Petch',sans-serif;color:#ffdc7a}
.hof-act{display:flex;gap:8px;margin-top:10px}
.hof-act button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;height:38px;border-radius:11px;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#3a2504;text-shadow:0 1px 0 #fff8;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%);border:1px solid #8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 3px 0 #a8730f,0 6px 10px #000a}
.hof-act button.ghost,.hof-act button[data-lb-card]{color:#14151a;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db);border-color:#4a4c56;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 3px 0 #3a3b43,0 6px 10px #000a}
.hof-act button:active{transform:translateY(2px)}
dialog.hof-board{background:radial-gradient(120% 40% at 50% 0%,#2b2410,#0d0b07 50%,#050504);border:1.5px solid #d9b24a;border-radius:16px;padding:14px}
.hof-board h2{margin:0 0 4px;text-align:center;font:700 18px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#ffdc7a;text-shadow:0 0 14px #d9b24a88}
.lb-state{margin:0 0 8px;text-align:center;font:600 10px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#a9aab3}
.lb-list{display:flex;flex-direction:column;gap:5px;max-height:56vh;overflow:auto}
.lb-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:7px 10px;border:1px solid #a9aab344;border-radius:10px;background:linear-gradient(#1d1d22,#0a0a0d)}
.lb-row .rk{font:700 16px 'Chakra Petch',sans-serif;color:#a9aab3;text-align:center}
.lb-row .nm b{display:block;font:700 13px 'Chakra Petch',sans-serif;color:#fff}.lb-row .nm small{font-size:10px;color:#9d9a8c}
.lb-row .sc{font:700 15px 'Chakra Petch',sans-serif;color:#ffdc7a;text-align:right}.lb-row .sc small{display:block;font-size:9px;color:#9d9a8c}
.lb-row.top1 .rk{color:#ffd24d;font-size:19px}.lb-row.top2 .rk{color:#d3d6df}.lb-row.top3 .rk{color:#d08a4a}
.lb-row.top1{border-color:#ffd24d}
.lb-row.me{border-color:#7dff9e;box-shadow:0 0 12px #7dff9e55}
.lb-me{text-align:center;color:#7dff9e;font-size:12px}
.lb-row.view{cursor:pointer}.lb-row.view:hover{border-color:#ffdc7a;filter:brightness(1.1)}.lb-note{margin:0 0 8px;padding:8px;text-align:center;font-size:11.5px;color:#ffdc7a;border:1px dashed #d9b24a88;border-radius:10px;background:#0006}

.hf-sig{margin-top:8px;padding:6px 8px 2px;border-top:1px solid #d9b24a44;text-align:center}.hf-sig img{display:block;margin:0 auto;max-width:70%;max-height:54px;filter:drop-shadow(0 0 6px #d9b24a66)}.hf-sig small{letter-spacing:.3em}

.hf-path{margin:8px 0 6px;padding:8px;border:1px solid #d9b24a44;border-radius:12px;background:#0005;text-align:left}.hf-path small{text-align:center;margin-bottom:4px}.hf-path .pr{display:grid;grid-template-columns:62px 22px 1fr auto;gap:6px;align-items:center;padding:5px 2px;border-bottom:1px solid #ffffff12;font-size:12px}.hf-path .pr:last-child{border:0}.hf-path .py{font:600 10px 'Chakra Petch',sans-serif;color:#a9aab3;letter-spacing:.06em}.hf-path img{width:20px;height:20px;object-fit:contain}.hf-path i{width:18px;height:18px}.hf-path b{font:700 12px 'Chakra Petch',sans-serif;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hf-path .pg{font:600 11px 'Chakra Petch',sans-serif;color:#ffdc7a;text-align:right;white-space:nowrap}.hf-path .pg em{display:block;font-style:normal;font-size:9px;color:#9d9a8c}

/* title menu board (phone): black & gold luxury, same as the profile */
@media(max-width:700px){
 .ts-board{background:radial-gradient(120% 60% at 50% 0%,#33290f 0%,#121014 45%,#050506 100%)!important;border:1.5px solid #d9b24a;box-shadow:0 14px 36px #000d,inset 0 1px 0 #ffe9a655,inset 0 0 0 1px #000a,0 0 22px #d9b24a33!important;color:#efe3c4!important}
 .ts-board h2{color:#ffdc7a!important;text-shadow:0 1px 0 #000,0 0 14px #d9b24a99!important}
 .ts-board h2::before,.ts-board h2::after{background:linear-gradient(90deg,#0000,#d9b24a 45%,#ffe08a)!important}
 .ts-board [data-page="confirm"] p{color:#cfc6a6!important}
 .ts-item:not(.ts-cont):not(.ts-hot){background:linear-gradient(180deg,#fafbff 0%,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db 100%)!important;color:#14151a!important;border-color:#4a4c56!important}
 .ts-board .ts-cont small{color:#5a3a06!important}
 .ts-snd,.ts-mini button{background:linear-gradient(#26262b,#0b0b0e)!important;color:#ffdc7a!important;border:1px solid #d9b24a88!important;box-shadow:inset 0 1px 0 #ffffff22,0 3px 6px #000a!important}
}
/* SETTINGS dialog: black & gold */
dialog.dal-settings{width:min(92vw,400px);padding:16px 16px 14px;border:1.5px solid #d9b24a;border-radius:16px;background:radial-gradient(120% 55% at 50% 0%,#33290f,#121014 45%,#050506);color:#efe3c4;box-shadow:0 16px 44px #000d,inset 0 1px 0 #ffe9a655,0 0 22px #d9b24a33}
dialog.dal-settings::backdrop{background:rgba(0,0,0,.8)}
.dal-settings h2{margin:0 0 10px;text-align:center;font:700 19px 'Chakra Petch',sans-serif;letter-spacing:.24em;color:#ffdc7a;text-shadow:0 0 14px #d9b24a99}
.st-row{padding:9px 0;border-top:1px solid #d9b24a2e;display:flex;flex-direction:column;gap:7px}
.st-row label{font:600 10px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:#b9b19a}.st-row label b{color:#ffdc7a;margin-left:6px}
.st-seg{display:flex;gap:6px}
.dal-settings button{all:unset;box-sizing:border-box;cursor:pointer;flex:1;display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 10px;border-radius:10px;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#cfc9b4;background:linear-gradient(#26262b,#0b0b0e);border:1px solid #a9aab366;box-shadow:inset 0 1px 0 #ffffff22,0 3px 0 #000,0 5px 8px #0009}
.dal-settings button.on{color:#3a2504;text-shadow:0 1px 0 #fff8;background:linear-gradient(180deg,#fffbe0,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a);border-color:#8a5a06;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 3px 0 #a8730f,0 5px 8px #000a}
.dal-settings button:active{transform:translateY(2px)}
.dal-settings .st-sw{flex:none;align-self:flex-start;min-width:84px}
.dal-settings .st-danger{color:#fff;text-shadow:0 1px 0 #6b1712;background:linear-gradient(180deg,#ffd9d3,#ff7a6b 26%,#d9382b 52%,#b02218 66%,#f26a5c);border-color:#5c110c;box-shadow:inset 0 1px 0 #ffe9e5,inset 0 -3px 0 #7a1a1599,0 3px 0 #6b1712,0 5px 8px #000a}
.dal-settings .st-act{margin-top:10px;display:flex}
.dal-settings .st-act button{color:#14151a;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db);border-color:#4a4c56}
.dal-settings input[type=range]{width:100%;accent-color:#ffc72c;height:26px}
/* reduce motion */
html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
html.reduce-motion .ce-glit{display:none}
.ts-mini{gap:6px!important;flex-wrap:wrap;justify-content:center}.ts-mus.off{opacity:.7}

.ts-set{white-space:nowrap}

.ts-contact{position:absolute;left:50%;bottom:calc(6px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:5;font:500 10px 'Chakra Petch',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d9d2b8cc;text-decoration:none;text-shadow:0 1px 3px #000;padding:3px 10px;border-radius:99px;background:#0006}.ts-contact:hover{color:#ffdc7a}
.st-contact{display:block;margin-top:10px;text-align:center;font:500 10.5px 'Chakra Petch',sans-serif;letter-spacing:.08em;color:#a9a58f;text-decoration:none}.st-contact:hover{color:#ffdc7a;text-decoration:underline}

.cp-ava-btns .cp-conf{all:unset;box-sizing:border-box;cursor:pointer;width:116px!important;height:44px;display:flex!important;align-items:center;justify-content:center;border-radius:10px!important;font-size:0!important;background:linear-gradient(180deg,#fffbe0 0%,#ffe27a 30%,#ffc72c 52%,#f5b014 64%,#ffe58a 100%)!important;border:1px solid #8a5a06!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #c98a0a99,0 5px 0 #a8730f,0 9px 12px #000a,0 0 14px #ffd24d66!important;color:#3a2504!important;margin:6px 0!important;padding:0!important}
.cp-ava-btns .cp-conf::before{content:'CONFIRM';font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.08em;color:#3a2504;text-shadow:0 1px 0 #fff8}
.cp-ava-btns .cp-conf.on{background:linear-gradient(180deg,#eafff0 0%,#8fe0ae 30%,#3fae6a 55%,#2b8a52 66%,#7fd9a3 100%)!important;border-color:#14522e!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #1d6b3d99,0 5px 0 #14522e,0 9px 12px #000a,0 0 14px #3fae6a66!important}
.cp-ava-btns .cp-conf.on::before{content:'CONFIRMED ✓';font-size:12px;color:#06280f}
.cp-ava-btns .cp-conf{margin:0!important;align-self:center;padding:12px 18px!important;font-size:15px!important;border-radius:12px}.cp-ava-btns .cp-conf:disabled,.cp-go:disabled{opacity:.35;filter:grayscale(.6);cursor:not-allowed}.cp-go:disabled{box-shadow:0 5px 0 #4a3a12}
/* CONFIRM sits next to the random-face button; the signature box is bigger */
.cp-ava-btns{display:flex;flex-direction:column;gap:6px;align-items:flex-start;grid-area:btn;justify-self:start}
.cp-id>.cp-ava-btns{margin:0!important}
.cp-ava-btns .cp-conf{margin:0!important;height:34px!important;width:116px!important;border-radius:10px!important}
.cp-ava-btns .cp-conf::before{font-size:12px!important}
.cp-foot{grid-template-columns:1fr auto!important}
.cp-foot .cp-sign{width:100%!important;max-width:none!important;height:96px!important}
.cp-foot .cp-sign canvas{width:100%;height:100%}
@media(max-width:620px){.cp-foot .cp-sign{height:88px!important}.cp-ava-btns{flex-direction:row;flex-wrap:wrap}.cp-ava-btns .cp-conf{width:110px!important}}
/* header row on phones: avatar | OVR in the middle | buttons on the right of OVR */
@media(max-width:620px){
 .cp-id{grid-template-columns:auto 1fr auto!important;grid-template-areas:"ava ovr btn" "pts pts pts"!important}
 .cp-id>.cp-ovr{justify-self:center!important}
 .cp-id>.cp-ava-btns{grid-area:btn!important;flex-direction:column!important;align-items:stretch!important;justify-self:end!important}
 .cp-id>.cp-ava-btns .cp-conf,.cp-id>.cp-ava-btns .cp-dice{width:112px!important;justify-content:center}
}
.cp-ava-btns .cp-conf,.cp-id>.cp-ava-btns .cp-conf{font-size:0!important;line-height:0}
.cp-ava-btns .cp-conf::before{line-height:1}

.cp-ava-btns .cp-conf *{display:none!important}

/* random-face button sits under the avatar; CONFIRM stays on the right of OVR */
@media(max-width:620px){
 .cp-id{grid-template-areas:"ava ovr btn" "dice ovr btn" "pts pts pts"!important;row-gap:4px!important}
 .cp-id>.cp-ava{justify-self:center}
 .cp-id>.cp-ava-dice{grid-area:dice!important;justify-self:center!important;width:auto!important;padding:2px 10px!important;font-size:11px!important}
 .cp-id>.cp-ava-btns{align-self:center}
 .cp-id>.cp-ava-btns .cp-conf{width:120px!important;height:40px!important}
}
/* registration -> training button: die icon + TRAINING (no arrow) */
.cp-go{width:auto!important;min-width:150px!important;padding:0 20px!important;gap:10px!important;flex-direction:row}
.cp-foot .cp-go{width:auto!important}
.cp-go::before{content:''!important;display:block!important;width:26px!important;height:26px!important;flex:none;position:static!important;transform:none!important;margin:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Crect x='2.5' y='2.5' width='21' height='21' rx='5' fill='%23fffdf0' stroke='%233a2504' stroke-width='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='2' fill='%233a2504'/%3E%3Ccircle cx='13' cy='13' r='2' fill='%233a2504'/%3E%3Ccircle cx='17.5' cy='17.5' r='2' fill='%233a2504'/%3E%3C/svg%3E") center/contain no-repeat!important}
.cp-go::after{content:'TRAINING'!important;display:block!important;position:static!important;transform:none!important;margin:0!important;font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#3a2504;text-shadow:0 1px 0 #fff9}
@media(max-width:620px){.cp-foot{grid-template-columns:1fr!important}.cp-foot .cp-go{justify-self:center}}
body .cp-foot .cp-go::before{content:''!important;display:block!important;width:26px!important;height:26px!important;flex:none;position:static!important;transform:none!important;margin:0!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Crect x='2.5' y='2.5' width='21' height='21' rx='5' fill='%23fffdf0' stroke='%233a2504' stroke-width='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='2' fill='%233a2504'/%3E%3Ccircle cx='13' cy='13' r='2' fill='%233a2504'/%3E%3Ccircle cx='17.5' cy='17.5' r='2' fill='%233a2504'/%3E%3C/svg%3E") center/contain no-repeat!important}
body .cp-foot .cp-go::after{content:'TRAINING'!important;display:block!important;position:static!important;margin:0!important;font:700 15px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#3a2504;text-shadow:0 1px 0 #fff9}

body .cp-foot .cp-go{width:100%!important;max-width:none!important;justify-self:stretch!important;margin:6px 0 0!important}
@media(max-width:620px){body .cp-foot .cp-go{justify-self:stretch!important}}

body .cp-foot .cp-go{box-sizing:border-box!important;min-width:0!important}

.ts-board .ts-lb{font-size:inherit}

dialog.hof-ask{background:radial-gradient(120% 40% at 50% 0%,#2b2410,#0d0b07 50%,#050504);border:1.5px solid #d9b24a;border-radius:16px;padding:16px}.hof-ask h2{margin:0 0 4px;text-align:center;font:700 19px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#ffdc7a;text-shadow:0 0 14px #d9b24a99}.hof-ask label{display:block;margin:10px 0 0;font:600 10px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#b9b19a}.hof-ask input{box-sizing:border-box;width:100%;margin-top:5px;height:40px;padding:0 12px;border-radius:10px;border:1px solid #a9aab388;background:linear-gradient(#1d1d22,#0a0a0d);color:#fff;font:600 16px 'Chakra Petch',sans-serif}.hof-ask .as-err{margin:8px 0 0;text-align:center;color:#ff8a7a;font-size:12px}

body .mobile-actionbar{display:flex;width:100%!important}
body .mobile-actionbar #next{box-sizing:border-box!important;width:100%!important;min-width:0!important;flex:1 1 100%!important}

/* Season summary & transfer room: black + gold, compact header */
dialog.season-transfer-room{background:radial-gradient(120% 40% at 50% 0%,#2b2410 0%,#0e0d12 38%,#050506 100%)!important;color:#e4dfcf!important;border:1.5px solid #d9b24a!important;border-radius:16px!important;box-shadow:0 18px 48px #000d,inset 0 1px 0 #ffe9a644!important;scrollbar-color:#8a8c96 #0c0c10}
dialog.season-transfer-room::backdrop{background:rgba(0,0,0,.82)}
.season-transfer-title{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px!important;padding:6px 2px 8px!important;border-bottom:1px solid #d9b24a44;background:none!important}
.season-transfer-title small{display:block;font:600 9px 'Chakra Petch',sans-serif!important;letter-spacing:.3em;color:#d9b24a!important}
.season-transfer-title h1{margin:1px 0 0!important;font:700 17px 'Chakra Petch',sans-serif!important;letter-spacing:.14em;color:#ffdc7a!important;text-shadow:0 1px 0 #000,0 0 14px #d9b24a77}
.season-transfer-title button{all:unset;box-sizing:border-box;cursor:pointer;flex:none;height:30px;padding:0 14px;display:flex;align-items:center;border-radius:10px;font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#14151a;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db);border:1px solid #4a4c56;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 3px 0 #3a3b43,0 5px 8px #000a}
.season-transfer-title button:active{transform:translateY(2px)}
dialog.season-transfer-room{padding:10px 12px 14px!important}
dialog.season-transfer-room .ps-head,dialog.season-transfer-room .ms-bar{margin-top:0!important}
dialog.season-transfer-room>section,dialog.season-transfer-room>div{margin-top:8px}
.season-transfer-title h1{white-space:nowrap;font-size:15px!important;letter-spacing:.08em!important}
.season-transfer-title small{letter-spacing:.22em!important}

/* Summary & Transfer = a normal page of the game (not a pop-up) */
dialog.season-transfer-room[open]{position:relative!important;inset:auto!important;transform:none!important;display:block!important;width:min(1160px,100% - 16px)!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;margin:10px auto 30px!important;z-index:1}
dialog.season-transfer-room[open]::backdrop{display:none}
body[data-game-page="summary"] .layout,body[data-game-page="summary"] .match-modal{display:none!important}
/* PURCHASED pop-up */
.buy-pop{position:fixed;left:50%;top:calc(76px + env(safe-area-inset-top));z-index:100002;transform:translate(-50%,-14px);opacity:0;display:flex;align-items:center;gap:10px;max-width:min(92vw,340px);padding:8px 14px 8px 8px;border:1.5px solid #d9b24a;border-radius:14px;background:radial-gradient(120% 90% at 20% 0%,#33290f,#0d0c10 55%,#050506);color:#efe3c4;box-shadow:0 10px 28px #000c,inset 0 1px 0 #ffe9a655,0 0 18px #d9b24a44;pointer-events:none;transition:opacity .25s,transform .25s}
.buy-pop.on{opacity:1;transform:translate(-50%,0)}
.buy-pop .bp-ico{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:linear-gradient(#1d1d22,#060607);border:1px solid #a9aab388;overflow:hidden;font-size:26px}
.buy-pop .bp-ico:empty::before{content:'🛒'}
.buy-pop .bp-ico .item-art,.buy-pop .bp-ico .skill-art{--sz:42px!important}
.buy-pop .bp-ico .die-ico{transform:scale(.9)}
.buy-pop .bp-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.buy-pop small{font:700 9px 'Chakra Petch',sans-serif;letter-spacing:.26em;color:#7dff9e}
.buy-pop b{font:700 13px 'Chakra Petch','Mitr',sans-serif;color:#ffdc7a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.buy-pop span{font:600 11px 'Chakra Petch',sans-serif;color:#cfc9b4}.buy-pop span em{font-style:normal;color:#fff}
/* Hall of Fame: save / share buttons + footer links */
.hof-act2{margin-top:8px}
.hof-act button.steel{color:#14151a;text-shadow:0 1px 0 #fff9;background:linear-gradient(180deg,#fafbff,#d3d6df 34%,#a9aab3 55%,#8c8e99 66%,#cfd2db);border-color:#4a4c56;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 #6d6f7a99,0 3px 0 #3a3b43,0 6px 10px #000a}
.hof-act button:disabled{opacity:.6;cursor:wait}
.hf-foot{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:7px;border-top:1px solid #d9b24a44}
.hf-foot a{font:600 10px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#a9aab3;text-decoration:none}.hf-foot a:first-child{color:#ffdc7a}
/* How to play: compact numbered list inside the menu board, scrolls if long */
.ts-board [data-page="how"] ol{margin:6px 0 8px;padding:0 4px 0 20px;max-height:min(46vh,330px);overflow-y:auto;font:500 12px/1.4 'Chakra Petch',sans-serif;color:#d8d2bd;scrollbar-width:thin;scrollbar-color:#d9b24a #0006}
.ts-board [data-page="how"] li{margin:0 0 6px;padding-left:2px}
.ts-board [data-page="how"] li b{color:#ffdc7a;letter-spacing:.04em}
.ts-board [data-page="how"] li::marker{color:#d9b24a;font-weight:700}
@media(min-width:701px){.ts-board [data-page="how"] ol{font-size:max(11px,1.2cqw);color:#3d2c0e}.ts-board [data-page="how"] li b{color:#6a4a10}}
/* no flash of the old (back-office) shop list while the scene is being built / rebuilt */
body[data-game-page="store"] .intermission-page>.legacy-shelf,body[data-game-page="store"] .intermission-page>p{display:none!important}
body[data-game-page="store"] .intermission-page>.legacy-shelf.keep-visible{display:block!important}



/* match report: latest event in bright deep yellow */
.match-modal .event-report .match-story,.match-modal .event-report .match-story p,.match-modal .event-report .match-story span,.match-modal .match-log p:first-child,.match-modal .match-log p:first-child span{color:#ffd400!important;font-weight:700!important;text-shadow:0 0 8px #ffb80099,0 1px 3px #000!important}
.match-modal .event-report .match-story .lg-min,.match-modal .match-log p:first-child .lg-min{color:#ffd400!important}

/* NEXT button: gold 3D metal, under the result picture */
.result-pop .rp-next,.match-modal .auto-next.manual{display:block;width:100%;box-sizing:border-box;cursor:pointer;font:800 16px 'Chakra Petch',sans-serif;letter-spacing:.1em;color:#2a1a00!important;text-shadow:0 1px 0 #ffeeb0;background:linear-gradient(180deg,#fff0a8 0%,#f2c94c 22%,#c8962e 55%,#e0b444 78%,#9a6c14 100%)!important;border:1px solid #fff2b0!important;box-shadow:inset 0 1px 0 #fff9d8,inset 0 -3px 0 #8a5f0e,0 4px 0 #5e4008,0 8px 14px #000a!important}
.result-pop .rp-next{border-radius:0 0 18px 18px;padding:11px 12px;border-width:1px 0 0!important}
.match-modal .auto-next.manual{border-radius:12px;min-height:46px}
.result-pop .rp-next:active,.match-modal .auto-next.manual:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff9d8,inset 0 -2px 0 #8a5f0e,0 1px 0 #5e4008,0 3px 8px #000a!important}
.match-modal:has(.rp-next) #match-footer .auto-next.manual{display:none!important}
.result-pop:has(.rp-next) .rp-banner{bottom:44px!important}

/* match report: only the newest line (top) is yellow; older lines in the log are white */
.match-modal .match-log p,.match-modal .match-log p span,.match-modal .match-log p:first-child,.match-modal .match-log p:first-child span{color:#fff!important;font-weight:600!important;text-shadow:0 1px 3px #000!important}
.match-modal .match-log p .lg-min,.match-modal .match-log p:first-child .lg-min{color:#fff!important}

/* failed result: red 3D metal NEXT */
.result-pop.lose .rp-next{color:#fff!important;text-shadow:0 1px 2px #5a0000;background:linear-gradient(180deg,#ff9a8c 0%,#ee4a3a 22%,#b3170f 55%,#d63a2c 78%,#6e0a05 100%)!important;border-color:#ffb3a8!important;box-shadow:inset 0 1px 0 #ffd6d0,inset 0 -3px 0 #650804,0 4px 0 #3d0402,0 8px 14px #000a!important}
.result-pop.lose .rp-next:active{box-shadow:inset 0 1px 0 #ffd6d0,inset 0 -2px 0 #650804,0 1px 0 #3d0402,0 3px 8px #000a!important}

/* CONTINUE with no save: grey and empty */
.ts-board .ts-item.ts-cont:disabled{background:linear-gradient(180deg,#9a9ba3,#6d6f78)!important;color:#2a2b30!important;border-color:#4a4c56!important;opacity:.55;box-shadow:none!important}
.ts-board .ts-cont:disabled small{display:none!important}

/* training goals: new-goals button (20% of money) */
#quests.quests{position:relative}
#quests .goal-reroll{position:absolute;right:14px;top:6px;z-index:3;padding:6px 14px;border-radius:8px;cursor:pointer;font:800 12px 'Chakra Petch',sans-serif;letter-spacing:.06em;color:#2a1a00;text-shadow:0 1px 0 #ffeeb0;background:linear-gradient(180deg,#fff0a8 0%,#f2c94c 22%,#c8962e 55%,#e0b444 78%,#9a6c14 100%);border:1px solid #fff2b0;box-shadow:inset 0 1px 0 #fff9d8,inset 0 -2px 0 #8a5f0e,0 3px 0 #5e4008,0 6px 10px #0008}
#quests .goal-reroll small{font-weight:600;opacity:.75}
#quests .goal-reroll:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}
#quests .goal-reroll:not(:disabled):active{transform:translateY(2px)}

/* pre-match: starter = full stadium picture; substitute = 60% stadium / 40% touchline picture */
.pitch.pm-starter,.pitch.pm-sub{display:flex!important;flex-direction:column;height:min(620px,80svh)!important;min-height:420px!important;overflow:hidden}
.pitch.pm-starter .prematch-stadium{display:none!important}
.pitch.pm-starter .prematch-venue{flex:1 1 auto!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:12px!important}
.pitch.pm-sub .prematch-venue{flex:60 1 0!important;aspect-ratio:auto!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:12px 12px 0 0!important}
.pitch.pm-sub .prematch-stadium{flex:40 1 0!important;aspect-ratio:auto!important;min-height:0!important;position:relative;display:block;overflow:hidden;border-radius:0 0 12px 12px!important}
.pitch.pm-sub .prematch-stadium>img.touchline-art{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:46% 50%}
.pitch.pm-sub .prematch-stadium .pm-vs{display:none!important}
@media(max-width:700px){.pitch.pm-starter,.pitch.pm-sub{height:min(560px,calc(100svh - 330px))!important}}
@media(max-width:520px){#quests .goal-reroll{right:8px;top:8px;padding:5px 9px;font-size:11px}#quests .goal-reroll small{display:none}}

.pitch.pm-sub .prematch-stadium>img.touchline-art{object-position:50% 3%!important}

.result-pop.yellow{border-color:#ffe14a;box-shadow:0 14px 34px rgba(0,0,0,.55),0 0 24px #ffd24d88}
.result-pop.yellow .rp-banner{color:#ffe14a;text-shadow:0 0 16px #ffb800,0 2px 6px #000c}

/* NEW GOALS: same plate as the TRAINING GOALS label, in gold */
#quests .goal-reroll{right:16px!important;top:6px!important;padding:6px 16px!important;border:1px solid #6b4d0e!important;border-radius:3px!important;background:var(--tex-metal) 0 0/600px 120px,linear-gradient(#ffe9a0,#d9a93a 55%,#b98a22)!important;background-blend-mode:multiply,normal;color:#2d2000!important;font:700 12.5px 'Chakra Petch',sans-serif!important;letter-spacing:.14em!important;line-height:1.25!important;text-transform:uppercase;box-shadow:0 3px 5px #0007,inset 0 1px 0 #fff9,inset 0 -2px 0 #0003!important;text-shadow:0 1px 0 #fff9!important}
#quests .goal-reroll small{display:none!important}
#quests .goal-reroll:disabled{filter:grayscale(.75) brightness(.8)}
#quests .goal-reroll:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 2px #0007,inset 0 1px 0 #fff9,inset 0 -1px 0 #0003!important}
@media(max-width:520px){#quests .goal-reroll{right:12px!important;top:6px!important;padding:6px 12px!important;font-size:11.5px!important;letter-spacing:.1em!important}}
#quests .goal-reroll{white-space:nowrap!important;height:auto!important;background:linear-gradient(180deg,#fff3b8 0%,#f2cf62 30%,#d9a93a 62%,#b98a22 100%)!important;background-blend-mode:normal!important;border-color:#7a5712!important}
@media(max-width:520px){#quests .goal-reroll{right:10px!important;padding:5px 9px!important;font-size:10.5px!important;letter-spacing:.06em!important}}
#quests .goal-reroll{height:28px!important;padding:0 14px!important;line-height:26px!important;top:7px!important}
@media(max-width:520px){#quests .goal-reroll{height:26px!important;line-height:24px!important;padding:0 9px!important}}

#quests .goal-reroll{min-height:0!important;height:31px!important;line-height:29px!important;top:6px!important;padding:0 14px!important;box-sizing:border-box!important;border-radius:3px!important}
@media(max-width:520px){#quests .goal-reroll{height:31px!important;line-height:29px!important;padding:0 10px!important}}

/* the goal-card pins stay on top of the NEW GOALS plate */
#quests .goal-reroll{z-index:1!important;height:29px!important;line-height:27px!important}
#quests .quest.gcard .g-pin{z-index:6!important}

/* goal-card pins sit half above the card: the card must not clip them */
#quests .quest.gcard{overflow:visible!important}
#quests .quest.gcard .g-pic{overflow:hidden}

/* goal cards: star tiers (dice points needed) */
.g-stars{display:flex;flex-direction:column;gap:1px;margin:3px auto 4px;width:max-content;max-width:100%}
.g-stars span{display:flex;align-items:center;gap:6px;font:700 11px/1.25 'Chakra Petch',sans-serif;color:#3a2f1c;letter-spacing:.02em;white-space:nowrap}
.g-stars b{min-width:34px;text-align:left;font-weight:900;letter-spacing:-.04em;color:#f2b705;text-shadow:0 1px 0 #7a5410,0 0 6px #ffd24d88}
/* event results: good = green, bad = red */
body[data-game-page="event"] .legacy-event-result.is-good{border-color:#3fcf7a!important;background:radial-gradient(120% 60% at 50% 0%,#12401f 0%,#0b1a12 45%,#050806 100%)!important;box-shadow:inset 0 1px 0 #7dffb233,0 8px 18px #000b,0 0 18px #2fbf7155!important}
body[data-game-page="event"] .legacy-event-result.is-good small{color:#6de6a0!important}
body[data-game-page="event"] .legacy-event-result.is-good strong{color:#7dffb2!important;border-color:#3fcf7a99!important;background:#03160b!important}
body[data-game-page="event"] .legacy-event-result.is-good>.ev-art{border-color:#3fcf7a!important;box-shadow:0 6px 14px #000b,0 0 14px #2fbf7155!important}
body[data-game-page="event"] .legacy-event-result.is-bad{border-color:#ff5a4a!important;background:radial-gradient(120% 60% at 50% 0%,#4a1410 0%,#1a0b0a 45%,#080404 100%)!important;box-shadow:inset 0 1px 0 #ff9a8c33,0 8px 18px #000b,0 0 18px #e0362655!important}
body[data-game-page="event"] .legacy-event-result.is-bad small{color:#ff8a7a!important}
body[data-game-page="event"] .legacy-event-result.is-bad strong{color:#ff8a7a!important;border-color:#ff5a4a99!important;background:#1a0504!important}
body[data-game-page="event"] .legacy-event-result.is-bad>.ev-art{border-color:#ff5a4a!important;box-shadow:0 6px 14px #000b,0 0 14px #e0362655!important}
/* Super Lotto ticket (top right, beside the assistant) */
.shop-scene .sc-lotto{position:absolute;right:3%;top:6%;width:36%;z-index:9;box-sizing:border-box;padding:calc(var(--u)*.7) calc(var(--u)*.9);text-align:center;border-radius:calc(var(--u)*.9);border:2px dashed #7a5412;background:linear-gradient(180deg,#fff3b8 0%,#f2cf62 35%,#d9a93a 70%,#b98a22 100%);box-shadow:0 6px 14px #000a,inset 0 1px 0 #fffbe0;color:#2a1a00;animation:lotto-in .35s ease-out both}
.shop-scene .sc-lotto small{display:block;font:700 max(9px,calc(var(--u)*.95)) 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#5a3a06}
.shop-scene .sc-lotto .lotto-go{display:block;width:100%;margin-top:calc(var(--u)*.5);padding:calc(var(--u)*.7) calc(var(--u)*.6);cursor:pointer;border-radius:calc(var(--u)*.6);border:1px solid #ffdc7a;background:linear-gradient(180deg,#3a3b44,#0c0c10);color:#ffdc7a;font:800 max(10px,calc(var(--u)*1.15)) 'Chakra Petch',sans-serif;letter-spacing:.08em;box-shadow:0 3px 0 #000,0 0 0 0 #ffdc7a99;animation:lotto-pulse 1.4s ease-in-out infinite}
.shop-scene .sc-lotto .lotto-go:active{transform:translateY(2px)}
.shop-scene .sc-lotto.done b{display:block;font:800 max(13px,calc(var(--u)*1.7)) 'Chakra Petch',sans-serif;letter-spacing:.1em}
.shop-scene .sc-lotto.done em{display:block;font:800 max(14px,calc(var(--u)*2)) 'Chakra Petch',sans-serif;font-style:normal;color:#0d5c2a}
.shop-scene .sc-lotto.won{background:linear-gradient(180deg,#d8ffe6,#6de6a0 40%,#2fbf71 100%);border-color:#0d5c2a}
.shop-scene .sc-lotto.lost{background:linear-gradient(180deg,#ffd8d2,#ff8a7a 40%,#d63a2c 100%);border-color:#7a1810}
@keyframes lotto-in{from{opacity:0;transform:translateY(-8px) scale(.94)}to{opacity:1;transform:none}}
@keyframes lotto-pulse{0%,100%{box-shadow:0 3px 0 #000,0 0 0 0 #ffdc7a99}50%{box-shadow:0 3px 0 #000,0 0 0 7px #ffdc7a00}}
/* top-right stack beside the assistant: Mystery Pack picks + Lotto ticket */
.shop-scene .sc-top{position:absolute;right:2.5%;top:4%;width:44%;max-height:92%;overflow:auto;z-index:9;display:flex;flex-direction:column;gap:calc(var(--u)*.6);box-sizing:border-box;scrollbar-width:none}
.shop-scene .sc-top::-webkit-scrollbar{display:none}
.shop-scene .sc-top .sc-lotto{position:static;width:auto;right:auto;top:auto}
.shop-scene .sc-top .sc-over{position:static!important;left:auto!important;top:auto!important;width:auto!important;max-height:none!important;overflow:visible!important;padding:0!important}
.shop-scene .sc-top .sc-over .legacy-shelf{margin:0!important}
.shop-scene.mobile .sc-top{width:56%}
.shop-scene.mobile .sc-top .sc-over{zoom:.7}
/* training result pop-up: black & gold profile theme */
#training-result{background:radial-gradient(120% 70% at 50% 0%,#2e2a1c 0%,#14141a 42%,#060607 100%)!important;border:1.5px solid #d9b24a!important;border-radius:18px!important;box-shadow:inset 0 1px 0 #ffffff33,0 14px 34px #000c,0 0 24px #d9b24a33!important;color:#d8d8de!important;padding:20px 22px!important;text-align:center}
#training-result::backdrop{background:rgba(0,0,0,.72)}
#training-result .out-art{border:2px solid #d9b24a!important;box-shadow:0 6px 16px #000b,0 0 14px #d9b24a44!important}
#training-result-title{margin:12px 0 4px!important;font:800 20px 'Chakra Petch',sans-serif!important;letter-spacing:.1em;color:#ffdc7a!important;text-shadow:0 0 14px #ffb80066,0 2px 4px #000}
#training-result[data-tier="great"] #training-result-title{color:#7dffb2!important;text-shadow:0 0 14px #2fbf7188,0 2px 4px #000}
#training-result[data-tier="fail"] #training-result-title{color:#ff8a7a!important;text-shadow:0 0 14px #e0362688,0 2px 4px #000}
#training-result p{color:#b9bac4!important}
#training-result .tr-chip{border:1px solid #ffffff55;box-shadow:inset 0 1px 0 #ffffff66,0 3px 0 #0007}
#training-result small{display:block;margin-top:6px;font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#b9bac4}
#training-result-close{display:block;margin:10px auto 0;min-width:170px;padding:11px 20px;border-radius:10px;cursor:pointer;font:800 15px 'Chakra Petch',sans-serif;letter-spacing:.12em;color:#2a1a00!important;text-shadow:0 1px 0 #ffeeb0;background:linear-gradient(180deg,#fff0a8 0%,#f2c94c 22%,#c8962e 55%,#e0b444 78%,#9a6c14 100%)!important;border:1px solid #fff2b0!important;box-shadow:inset 0 1px 0 #fff9d8,inset 0 -3px 0 #8a5f0e,0 4px 0 #5e4008,0 8px 14px #000a}
#training-result-close:active{transform:translateY(3px)}
#training-result #training-result-close{width:auto!important;min-width:180px;max-width:100%;box-sizing:border-box!important;display:block!important;margin:14px auto 0!important;left:auto!important;right:auto!important;transform:none}
#training-result #training-result-close:active{transform:translateY(3px)}

/* round-sign scenes: the club crest sits centred inside the round plaque (never larger than the plaque; the assistant's head may cover it) */
.shop-scene:not(.v-wellness):not(.v-fitness) .sc-flag{left:17.7%!important;top:19.3%!important;width:7.4%!important;height:13.2%!important}
.shop-scene.v-fitness .sc-flag{left:25.9%!important;top:14.05%!important;width:6.6%!important;height:11.7%!important}
.shop-scene.v-wellness .sc-flag{left:21.8%!important;top:11.65%!important;width:9.1%!important;height:16.2%!important}
.shop-scene .sc-flag{display:grid!important;place-items:center!important;overflow:hidden}
.shop-scene .sc-flag .fl-plain{display:block;max-width:100%!important;max-height:100%!important;width:auto;height:auto;object-fit:contain}
/* selected dice total (top right of the dice tray) */
.dz-head{display:flex;align-items:center}
.dz-head .dz-total{margin-left:auto;display:inline-flex;align-items:baseline;gap:7px;padding:3px 14px;border-radius:5px;border:1px solid #6b4d0e;background:linear-gradient(180deg,#14141a,#050506);box-shadow:inset 0 1px 0 #ffffff33,0 2px 4px #0008;font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#d9d2c0}
.dz-head .dz-total b{font:800 18px 'Chakra Petch',sans-serif;letter-spacing:.02em;color:#ffdc7a;text-shadow:0 0 10px #ffb80077;min-width:1.2ch;text-align:right}
/* inventory / gear slot icons: PNG silhouettes drawn as a mask so the colour follows the theme */
.slot-ico{display:inline-block;background-color:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;vertical-align:middle}
.gs-slot.has-item .gs-ico .slot-ico{color:#d9b24a}

/* ---------- player card (profile): bigger, black & gold, with the worn slots and larger skills ---------- */
#hud .hud-player{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 14px;padding:12px 16px 12px!important;max-width:560px!important;flex:1 1 auto!important;border-radius:16px!important;border:1.5px solid #d9b24a!important;background:radial-gradient(120% 90% at 0% 0%,#2e2a1c 0%,#14141a 46%,#060607 100%)!important;box-shadow:inset 0 1px 0 #ffffff33,0 6px 16px #000a,0 0 18px #d9b24a22!important;text-align:left}
#hud .hud-player .hp-ava{width:66px!important;height:66px!important;border:3px solid #ffdc7a!important;box-shadow:0 0 14px #ffb80066,0 3px 6px #000a;font-size:20px}
#hud .hud-player .hp-name{font:700 19px 'Chakra Petch','Mitr',sans-serif!important;letter-spacing:.02em}
#hud .hud-player .hp-sub{font-size:12.5px!important;color:#d0d1d8!important;letter-spacing:.03em}
#hud .hud-player .hp-hp b{font-size:13.5px}
#hud .hud-player .hp-club{font-size:13px}
#hud .hud-player .hp-stars{font-size:15px}
#hud .hud-player .hp-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;padding-top:10px;border-top:1px solid #d9b24a44}
#hud .hud-player .hp-gear{display:flex!important;align-items:center;gap:6px;margin:0!important;padding:0!important}
#hud .hud-player .hp-slot{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;box-sizing:border-box;background:linear-gradient(#1c1c22,#09090c);border:1px dashed #8a7440;color:#d9b24a;box-shadow:inset 0 1px 0 #ffffff22}
#hud .hud-player .hp-slot.has{border:1px solid #ffdc7a;background:linear-gradient(#2a2418,#0d0b07);box-shadow:inset 0 1px 0 #ffffff33,0 0 8px #d9b24a44}
#hud .hud-player .hp-slot .slot-ico{opacity:.55}
#hud .hud-player .hp-slot .item-art{width:32px!important;height:32px!important;--sz:32px!important;background-color:transparent!important;border:0!important;box-shadow:none!important}
#hud .hud-player .hp-skills{display:flex;align-items:center;gap:6px;margin:0!important;padding:0!important}
#hud .hud-player .hp-skills[hidden]{display:none!important}
#hud .hud-player .hp-sk .skill-art{--sz:38px!important;filter:drop-shadow(0 0 6px #ffd24dcc)}
#hud .hud-player .hp-more{font:800 14px 'Chakra Petch';color:#ffd24d}
@media(max-width:720px){#hud .hud-player .hp-gear{display:flex!important}#hud .hud-player{max-width:none!important;padding:10px 12px!important}#hud .hud-player .hp-ava{width:58px!important;height:58px!important}#hud .hud-player .hp-slot{width:36px;height:36px}#hud .hud-player .hp-sk .skill-art{--sz:34px!important}#hud .hud-player .hp-name{font-size:17px!important}}
/* player card: stars beside the health %, stat radar (spider chart) in the free corner */
#hud .hud-player{grid-template-columns:auto minmax(0,1fr) auto!important}
#hud .hud-player .hp-line{display:flex;align-items:center;gap:10px}
#hud .hud-player .hp-row{justify-content:flex-start!important}
#hud .hud-player .hp-line .hp-stars{margin:0}
#hud .hud-player .hp-radar{display:block;width:104px;height:104px;margin:-6px -4px -6px 0}
#hud .hud-player .hp-radar svg{display:block;width:100%;height:100%;overflow:visible}
.hp-radar .rd-g{fill:none;stroke:#ffffff33;stroke-width:.7}
.hp-radar .rd-a{stroke:#ffffff26;stroke-width:.6}
.hp-radar .rd-d{fill:rgba(255,210,77,.34);stroke:#ffdc7a;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 0 3px #ffb800aa)}
.hp-radar .rd-p{fill:#fff3b8;stroke:#7a5410;stroke-width:.6}
.hp-radar .rd-t{font:700 7.4px 'Chakra Petch',sans-serif;fill:#e6e0cc;letter-spacing:.02em}
@media(max-width:720px){#hud .hud-player .hp-radar{width:88px;height:88px;margin:-4px -2px -4px 0}}
.hp-radar .rd-t{font-size:8.4px!important}
@media(max-width:720px){#hud .hud-player .hp-radar{width:96px;height:96px}}

.hp-radar .rd-s{fill-opacity:.55;stroke:none}
.hp-radar .rd-d{fill:none!important;stroke:#ffe9a0;stroke-width:1.1;filter:drop-shadow(0 0 2px #ffffff66)}
.hp-radar .rd-a{stroke-opacity:.5!important;stroke-width:.9}
.hp-radar .rd-t{font-weight:800!important;filter:drop-shadow(0 1px 1px #000)}
.hp-radar .rd-p{stroke:#fff;stroke-width:.7}

/* ---------- player card, wide (JS adds .wide when the card is >= 640px): [photo] [name / info] [slots over skills] [radar] ---------- */
#hud .hud-player.wide{grid-template-columns:auto minmax(150px,auto) minmax(0,1fr) auto!important;grid-template-rows:auto;align-items:center;padding:12px 20px!important;gap:0 18px!important;max-width:900px!important}
#hud .hud-player.wide .hp-ava{grid-column:1;grid-row:1;width:78px!important;height:78px!important;font-size:22px}
#hud .hud-player.wide .hp-txt{grid-column:2;grid-row:1;gap:3px}
#hud .hud-player.wide .hp-name{font-size:21px!important}
#hud .hud-player.wide .hp-bottom{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:0;border-top:0;justify-self:center}
#hud .hud-player.wide .hp-gear{gap:8px}
#hud .hud-player.wide .hp-slot{width:48px;height:48px;border-radius:11px}
#hud .hud-player.wide .hp-slot .slot-ico{width:30px!important;height:30px!important}
#hud .hud-player.wide .hp-slot .item-art{width:40px!important;height:40px!important;--sz:40px!important}
#hud .hud-player.wide .hp-skills{gap:7px}
#hud .hud-player.wide .hp-sk .skill-art{--sz:44px!important}
#hud .hud-player.wide .hp-radar{grid-column:4;grid-row:1;width:120px;height:120px;margin:-8px -6px -8px 0}
/* goal cards: more compact (icons and star tiers share one row) */
#quests .quest.gcard .g-mid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 8px;margin:0}
#quests .quest.gcard .g-mid .g-req{margin:0!important;gap:3px!important}
#quests .quest.gcard .g-mid .g-req .g-ico{width:24px!important;height:24px!important}
#quests .quest.gcard .g-mid .g-stars{margin:0;gap:0}
#quests .quest.gcard .g-mid .g-stars span{font-size:10px;line-height:1.15;gap:4px}
#quests .quest.gcard .g-mid .g-stars b{min-width:30px;font-size:10px}
#quests .quest.gcard{gap:3px!important;padding:5px 5px 6px!important}
#quests .quest.gcard h3{margin:0!important;font-size:13px!important;line-height:1.15!important}
#quests .quest.gcard>button[data-claim]{min-height:28px!important;height:28px!important;padding:0 8px!important;font-size:12px!important}
#quests .quest.gcard .g-pic{margin:0}
#quests .quest.gcard .reason:empty{display:none}
/* goal cards: smaller text */
#quests .quest.gcard h3{font-size:11.5px!important}
#quests .quest.gcard .g-mid .g-stars span{font-size:9px!important}
#quests .quest.gcard .g-mid .g-stars b{font-size:9px!important;min-width:26px!important}
#quests .quest.gcard>button[data-claim]{font-size:11px!important;min-height:26px!important;height:26px!important}
#quests .quest.gcard .g-pic .g-gain,#quests .quest.gcard .g-pic .g-tier{font-size:9.5px!important}
#quests .quest.gcard .g-mid .g-req .g-ico{width:22px!important;height:22px!important}
#quests .quest.gcard .reason{font-size:10px!important}
#quests .quest.gcard .g-pic .g-tier{white-space:nowrap!important;max-width:96%;overflow:hidden;text-overflow:ellipsis;padding:2px 8px!important;line-height:1.2!important;height:auto!important;min-height:0!important}

/* shop coach notes (ใบสั่งโค้ช): compact slip that fits its 125 x 180 slot */
.shop-scene .sc-note .coach-note{box-sizing:border-box;gap:2px!important;padding:9px 6px 6px 18px!important;overflow:hidden;justify-content:flex-start}
.shop-scene .sc-note .coach-note::before{left:5px;background-size:6px 18px}
.shop-scene .sc-note .coach-note .cn-tape{top:-5px;width:36px;height:10px;margin-left:-18px}
.shop-scene .sc-note .coach-note header{font-size:8.5px;line-height:1}
.shop-scene .sc-note .coach-note .cn-main{gap:4px;align-items:center}
.shop-scene .sc-note .coach-note .cn-main .skill-art{--sz:26px!important;flex:none}
.shop-scene .sc-note .coach-note .cn-main h4{font-size:11px;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shop-scene .sc-note .coach-note .cn-main small,.shop-scene .sc-note .coach-note .cn-task,.shop-scene .sc-note .coach-note .cn-gain{display:none!important}
.shop-scene .sc-note .coach-note .cn-req{gap:2px}
.shop-scene .sc-note .coach-note .cn-req li{grid-template-columns:10px 1fr auto;gap:0 3px;font-size:9px;line-height:1.1}
.shop-scene .sc-note .coach-note .cn-req li em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.shop-scene .sc-note .coach-note .cn-req li b{font-size:8.5px}
.shop-scene .sc-note .coach-note .cn-req li i{height:2px}
.shop-scene .sc-note .coach-note .cn-chk{width:9px;height:9px;font-size:8px;line-height:7px;border-width:1px}
.shop-scene .sc-note .coach-note .cn-buy{margin:auto 0 0!important;padding:2px!important;font-size:11px!important;min-height:0!important;line-height:1.2}
.shop-scene .sc-note .coach-note .cn-stamp{font-size:8.5px;padding:0 4px;margin:0}
/* slip height follows its content (about 112px instead of 180px) */
.shop-scene .sc-note{height:calc(112px*var(--ns))!important}
.shop-scene .sc-note .coach-note{height:112px!important}
.shop-scene .sc-note .coach-note .cn-buy{margin-top:auto!important}



/* ---------- item pictures V2: one row of 5 items per sheet (assets/items/v2/sheet_NN.png); silhouette until the picture exists ---------- */
.item-art{background-image:none!important;background-color:#ffffff0a;overflow:hidden}
.item-art .ia-ph{position:absolute;inset:18%;display:block;background:#d9b24a;opacity:.4;-webkit-mask:var(--ph) center/contain no-repeat;mask:var(--ph) center/contain no-repeat}
.item-art .ia{position:absolute;inset:0;display:block;border-radius:inherit;background:var(--art-url) var(--art-pos)/500% auto no-repeat}
.item-art.is-special::after{display:none!important}
.item-art.is-special i{z-index:3}
.prod-ico .item-art .ia-ph,.shop-pop .sp-ico .item-art .ia-ph{opacity:.55}
/* ---------- Shop renovation: dice icons = the real dice faces, Mystery Pack reveal, gold-aura rare items ---------- */
.die-ico{border-radius:24%;transform:none;
 background:linear-gradient(135deg,color-mix(in srgb,var(--c),#fff 22%),var(--c) 45%,color-mix(in srgb,var(--c),#000 38%));
 box-shadow:inset 0 0 0 2.5px #ffffff59,inset 0 0 0 4.5px #00000040,inset 2px 3px 0 #ffffff40,0 3px 0 color-mix(in srgb,var(--c),#000 55%),0 7px 9px #0007}
.die-ico::before{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,#ffffff1f 0 1px,#0000001f 1px 3px);opacity:.5;pointer-events:none}
.die-ico::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff57,#fff0 42%);pointer-events:none}
.die-ico svg{z-index:1}
.die-ico.g-RND{background:conic-gradient(from 20deg,#be5148,#b8891f,#398365,#467aa8,#8864a0,#be5148);box-shadow:inset 0 0 0 2.5px #ffffff59,inset 0 0 0 4.5px #00000040,0 3px 0 #2b2b2b,0 7px 9px #0007}
.item-art.is-boost{border-color:#ffd45a;animation:boost-aura 2.2s ease-in-out infinite}
@keyframes boost-aura{0%,100%{filter:drop-shadow(0 0 4px #ffd45a) drop-shadow(0 0 9px #ffb300aa)}50%{filter:drop-shadow(0 0 7px #fff1a8) drop-shadow(0 0 16px #ffc61acc)}}
.item-art.is-boost i{opacity:.9}
.pack-reveal{display:flex;align-items:center;gap:14px;max-width:360px;margin:0 auto;padding:12px 16px;border-radius:14px;color:#fff;
 background:linear-gradient(#2a2a2f,#0a0a0c);border:2px solid #a9aab3;box-shadow:0 6px 18px #000a;animation:pack-pop .45s cubic-bezier(.2,1.4,.4,1)}
.pack-reveal.is-win{border-color:#ffd45a;box-shadow:0 0 22px #ffc61a88,0 6px 18px #000a}
.pack-reveal .pr-txt{display:grid;gap:3px;text-align:left;min-width:0}
.pack-reveal small{font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#ffdc7a}
.pack-reveal h3{margin:0;font-size:16px}
.pack-reveal .it-eff{font-size:12px;opacity:.9}
.pack-reveal .pr-empty{font-size:44px;filter:grayscale(.7);opacity:.7}
@keyframes pack-pop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
.shop-scene .sc-shelf:empty{display:none}
/* Coach Notes dialog: Inventory button beside Close */
dialog.skill-room .sr-btns{display:flex;flex-direction:row-reverse;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
dialog.skill-room .sr-back{font:700 13px 'Chakra Petch',sans-serif;letter-spacing:.08em;padding:9px 14px;border-radius:10px;color:#2a1c00;background:linear-gradient(#ffe08a,#d9a21b);border:1px solid #fff3b0;cursor:pointer}

/* ---------- Missions bar, awards chips, year-end report ---------- */
.mission-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px auto 0;padding:5px 10px;max-width:1180px;border-radius:12px;color:#fff;
 background:linear-gradient(#2a2a2f,#0a0a0c);border:1px solid #a9aab3;box-shadow:inset 0 1px 0 #ffffff22,0 3px 8px #0008}
.mission-bar .ms-title{font:700 11px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:#ffdc7a;margin-right:4px}
.mission-bar .ms-title small{color:#9a9ba4;letter-spacing:.08em;margin-left:4px}
.mission-bar .ms-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 4px;border-radius:999px;font:600 11px 'Chakra Petch',sans-serif;background:#ffffff10;border:1px solid #ffd45a77}
.mission-bar .ms-chip em{font-style:normal}
.mission-bar .ms-chip u{text-decoration:none;font-weight:700}
.mission-bar .ms-chip.is-done{border-color:#5fe38a;background:#1f4a2f}
.mission-bar .ms-chip.is-done u{color:#7dffa6}
.mission-bar .ms-chip.is-out{opacity:.45;border-color:#777}
.mission-bar .ms-chip.is-out u{color:#ff8a8a}
.ms-die{display:inline-block;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px #ffffff66,0 1px 2px #000a}
.ms-die.rnd{background:conic-gradient(from 20deg,#be5148,#b8891f,#398365,#467aa8,#8864a0,#be5148)}
.ms-die.wild{background:linear-gradient(135deg,#555a62,#14161a)}
.aw-chip{display:inline-flex;align-items:center;gap:4px;margin:2px 3px 2px 0;padding:2px 9px 2px 6px;border-radius:999px;font:700 11px 'Chakra Petch',sans-serif;color:#2a1c00;background:linear-gradient(#ffe08a,#d9a21b);border:1px solid #fff3b0}
.aw-chip i{font-style:normal;font-size:10px}
.aw-chip.is-top{box-shadow:0 0 10px #ffd45a}
.ps-awards{margin:8px 0 2px}
.ps-awards small,.hf-awards small{display:block;font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.18em;color:#8a6a00;margin-bottom:2px}
.hf-awards{margin:8px 10px 4px}.hf-awards small{color:#ffdc7a}
.year-end-popup .ye-report{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px;text-align:left}
.year-end-popup .ye-report li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;background:#ffffff0d;border:1px solid #ffffff22;font:600 12px 'Chakra Petch',sans-serif;color:#fff}
.year-end-popup .ye-report li b{color:#ffdc7a;letter-spacing:.08em}
.year-end-popup .ye-report li span{text-align:right}
.year-end-popup .ye-report li.ye-ms{border-color:#5fe38a88;background:#1f4a2f}
.mission-bar .ms-chip small{opacity:.75;font-weight:500;font-size:10px}
.mission-bar .ms-chip u{margin-left:2px;color:#ffdc7a}
.ms-cash{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font:700 11px 'Chakra Petch',sans-serif;color:#3a2a00;background:linear-gradient(#ffe08a,#d9a21b);box-shadow:inset 0 0 0 1.5px #fff3b0}

.mission-bar{flex-wrap:nowrap!important;overflow:hidden;gap:5px!important;padding:3px 8px!important;margin-top:4px!important}
.mission-bar .ms-title{font-size:10px!important;margin-right:2px!important;white-space:nowrap}
.mission-bar .ms-chip{white-space:nowrap;gap:4px!important;padding:2px 7px 2px 3px!important;font-size:10px!important;min-width:0}
.mission-bar .ms-chip em{overflow:hidden;text-overflow:ellipsis}
.mission-bar .ms-die,.mission-bar .ms-cash{width:15px!important;height:15px!important;font-size:10px!important}

/* ---------- Season missions review pop-up (before Summary & Transfer) ---------- */
dialog.mission-review{width:min(92vw,380px);padding:14px 14px 16px;border-radius:18px;color:#fff;background:linear-gradient(#1d1d22,#060607);border:1px solid #a9aab3;box-shadow:0 20px 60px #000c}
dialog.mission-review::backdrop{background:#000b}
dialog.mission-review h2{margin:0 0 10px;text-align:center;font:700 16px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#ffdc7a}
dialog.mission-review h2 small{color:#9a9ba4;letter-spacing:.08em}
.mr-card{position:relative;display:grid;gap:8px;margin:0 0 9px;padding:11px 12px 10px;border-radius:12px;border:2px solid;background:#0d0d10}
.mr-card.is-ok{border-color:#3fcf7a;background:linear-gradient(#123a24,#0a1f14);box-shadow:0 0 14px #3fcf7a44}
.mr-card.is-fail{border-color:#e0453a;background:linear-gradient(#3a1512,#1f0a08)}
.mr-card b{font:700 14px 'Chakra Petch',sans-serif;padding-right:74px}
.mr-card .mr-st{position:absolute;right:10px;top:9px;font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.14em;font-style:normal}
.mr-card.is-ok .mr-st{color:#7dffa6}.mr-card.is-fail .mr-st{color:#ff8a80}
.mr-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mr-acts:empty{display:none}
.mr-acts button{padding:7px 12px;border-radius:9px;font:700 12px 'Chakra Petch',sans-serif;letter-spacing:.06em;cursor:pointer;color:#06240f;background:linear-gradient(#b8ffd0,#3fcf7a);border:1px solid #d9ffe7;box-shadow:inset 0 -2px 0 #1d7a43,0 2px 0 #0a3b1e}
.mr-acts button:disabled{opacity:.55;cursor:default;box-shadow:none}
.mr-acts small{font-size:10px;color:#9fd6b2}
.ms-next{display:block;margin:12px auto 0;width:118px;box-sizing:border-box;cursor:pointer;font:800 15px 'Chakra Petch',sans-serif;letter-spacing:.14em;padding:8px 10px;border-radius:12px;color:#2a1a00;text-shadow:0 1px 0 #ffeeb0;background:linear-gradient(180deg,#fff0a8 0%,#f2c94c 22%,#c8962e 55%,#e0b444 78%,#9a6c14 100%);border:1px solid #fff2b0;box-shadow:inset 0 1px 0 #fff9d8,inset 0 -3px 0 #8a5f0e,0 4px 0 #5e4008,0 8px 14px #000a}
.ms-next:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff9d8,inset 0 -2px 0 #8a5f0e,0 1px 0 #5e4008,0 3px 8px #000a}
.ms-next:disabled{filter:grayscale(.8);opacity:.5;cursor:default}
.ms-skip{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font:700 12px/1 'Chakra Petch',sans-serif;color:#06240f;background:linear-gradient(#b8ffd0,#3fcf7a);font-style:normal}
@media(max-width:480px){.mission-bar .ms-title{display:none}.mission-bar{gap:4px!important;padding:3px 6px!important}.mission-bar .ms-chip{padding:2px 5px 2px 3px!important;font-size:9.5px!important;gap:3px!important}}
dialog.mission-review{max-height:92vh;overflow-x:hidden!important;overflow-y:auto;box-sizing:border-box}
.mr-card b{padding-right:70px;overflow-wrap:anywhere}

/* mission bar dice = the real die look, small */
.mission-bar .die-ico.ms-mini{width:17px!important;height:17px!important;border-radius:28%;transform:none;flex:none;box-shadow:inset 0 0 0 1.5px #ffffffaa,inset 0 0 0 3px #0000004d,0 1px 2px #000a}
.mission-bar .die-ico.ms-mini.g-WILD{background:linear-gradient(135deg,#6b7078,#23262b 48%,#07080a);box-shadow:inset 0 0 0 1.5px #ffd45a,inset 0 0 0 3px #00000080,0 0 6px #ffd45a88,0 1px 2px #000a}

.mission-bar .die-ico.ms-mini::after{display:grid;place-items:center;font:700 10px/1 'Chakra Petch',sans-serif;color:#fffdf4;text-shadow:0 1px 1px #0008}
.mission-bar .die-ico.ms-mini.g-WILD::after{content:'★';color:#ffd45a;text-shadow:0 0 4px #ffb300}
.mission-bar .die-ico.ms-mini.g-RND::after{content:'?'}

/* ---------- stamina on the HUD player card (js/stamina.js) ---------- */
.hp-st{display:inline-flex;align-items:center;gap:2px;margin-left:6px;font:700 11px 'Chakra Petch',sans-serif;color:var(--sc,#4fd27a);text-shadow:0 0 6px color-mix(in srgb,var(--sc,#4fd27a) 60%,transparent)}
.hp-st i{font-style:normal;font-size:11px}.hp-st em{display:inline-block;width:26px;height:4px;margin-left:3px;border-radius:2px;background:#ffffff22;overflow:hidden}.hp-st em u{display:block;height:100%;background:var(--sc,#4fd27a)}
.hp-st[data-lvl=exhausted]{animation:stBlink 1s infinite}@keyframes stBlink{50%{opacity:.45}}

/* phase tabs: text only, smaller, shorter (user request 2026-10-22) */
#hud .flow-nav button svg,.flow-nav button svg{display:none!important}
#hud .flow-nav button,.flow-nav button{min-height:0!important;height:auto!important;padding:5px 6px 4px!important;gap:0!important;font-size:10px!important;letter-spacing:.08em!important;line-height:1.1!important}
#hud .flow-nav button span,.flow-nav button span{font-size:10px!important}

/* ---------- shop header: one line (title + long balance bar); FINISH SHOP at the bottom as a 3D red-metal button ---------- */
body[data-game-page="store"] .intermission-heading{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:12px!important}
body[data-game-page="store"] .intermission-heading h1{margin:0!important;flex:none}
body[data-game-page="store"] .intermission-heading .ih-actions{flex:1!important;display:flex!important;min-width:0}
body[data-game-page="store"] .intermission-heading .ih-actions strong{flex:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;padding:6px 14px;border-radius:9px;background:linear-gradient(#0d0f12,#1b1e24);border:1px solid #ffffff22;box-shadow:inset 0 2px 6px #000a;font:700 13px 'Chakra Petch',sans-serif!important;letter-spacing:.12em;color:#ffd76a!important}
.ih-finish{display:flex;justify-content:center;padding:18px 12px 26px}
body .ih-finish [data-finish]{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:min(360px,92%);height:50px;border-radius:12px;
 font:800 16px 'Chakra Petch',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#fff;text-shadow:0 1px 0 #5a0f0b,0 0 8px #ff8a7a66;
 background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,transparent 1px 3px),linear-gradient(180deg,#ff9a8a 0%,#e8463a 18%,#b51e16 52%,#8a120c 53%,#c4281f 100%);
 border:1px solid #ffb3a8;box-shadow:inset 0 2px 0 #ffd9d2,inset 0 -3px 0 #5a0b0799,0 4px 0 #6b1712,0 6px 0 #3d0c09,0 10px 18px #000b}
body .ih-finish [data-finish]:hover{filter:brightness(1.08)}
body .ih-finish [data-finish]:active{transform:translateY(4px);box-shadow:inset 0 2px 0 #ffd9d2,inset 0 -2px 0 #5a0b0799,0 1px 0 #6b1712,0 2px 0 #3d0c09,0 4px 8px #000a}
body .ih-finish [data-finish]:disabled{opacity:.5;filter:saturate(.5);cursor:not-allowed}
@media (max-width:620px){body[data-game-page="store"] .intermission-heading .ih-actions strong{font-size:11px!important;padding:5px 10px;letter-spacing:.06em}}

/* create player: FW / MF / DF / GK beside the photo (no slot chips) */
.cp-id{grid-template-columns:auto 1fr!important;grid-template-areas:"ava pos" "dice pos"!important;column-gap:14px!important}
.cp-id>.cp-pos{grid-area:pos!important;align-self:center;display:flex;flex-direction:column;gap:6px;min-width:0}
.cp-id>.cp-pos .cp-lb{align-self:flex-start}
.cp-id>.cp-pos .cp-groups{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
.cp-id>.cp-pos .cp-g{min-height:0!important;padding:8px 4px!important;margin:0!important}
@media (min-width:621px){.cp-id>.cp-pos .cp-groups{grid-template-columns:repeat(4,1fr)!important}}

/* first club cards: compact (crest + name on one row, 6 stats in 3x2) */
html body .cp-clubs{gap:4px!important}
html body .cp-k{display:grid!important;grid-template-columns:24px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:5px!important;row-gap:3px!important;padding:4px 5px!important;border-radius:8px!important;min-height:0!important}
html body .cp-k img,html body .cp-k i{width:24px!important;height:24px!important;font-size:9px!important}
html body .cp-k>span{font-size:11px!important;text-align:left;font-weight:700}
html body .cp-k small{grid-column:1/3;display:grid!important;grid-template-columns:repeat(3,auto)!important;justify-content:space-between;gap:1px 3px!important;padding:0!important;margin:0!important}
html body .cp-k small span{font-size:9.5px!important;letter-spacing:-.3px;white-space:nowrap;line-height:1.15!important}
html body .cp-k small span img{width:10px!important;height:10px!important}
html body .cp-clubs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body .cp-k{grid-template-columns:22px minmax(0,1fr)!important;min-width:0!important;overflow:hidden}
html body .cp-k img,html body .cp-k i{width:22px!important;height:22px!important}
html body .cp-k small{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px 0!important;justify-content:stretch}
html body .cp-k small span{font-size:8.5px!important;letter-spacing:-.5px!important;overflow:hidden;text-overflow:clip;min-width:0}
html body .cp-k small{grid-template-columns:1.25fr 1.25fr .9fr!important}html body .cp-k small span{font-size:8px!important;letter-spacing:-.6px!important;overflow:visible!important}html body .cp-k{padding:4px 4px!important}

/* training goal cards: compact */
html body #quests .quest.gcard{padding:3px 4px 4px!important;gap:2px!important}
html body #quests .quest.gcard h3{min-height:0!important;height:auto!important;margin:0!important;font-size:10.5px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #quests .quest.gcard h3 small,html body #quests .quest.gcard h3 .th{font-size:10px!important}
html body #quests .quest.gcard .g-pic{height:52px!important;min-height:0!important;margin:0!important}
html body #quests .quest.gcard .g-pic .drill-art,html body #quests .quest.gcard .g-pic .out-art{height:100%!important}
html body #quests .quest.gcard .g-tier,html body #quests .quest.gcard .g-gain{font-size:8.5px!important;padding:1px 5px!important;line-height:1.2!important}
html body #quests .quest.gcard .g-mid{margin:0!important;gap:4px!important;align-items:center}
html body #quests .quest.gcard .g-ico{width:18px!important;height:18px!important}
html body #quests .quest.gcard .g-ico svg{width:11px!important;height:11px!important}
html body #quests .quest.gcard .g-stars{margin:0 auto!important;gap:0!important}
html body #quests .quest.gcard .g-stars span{font-size:9px!important;line-height:1.1!important;gap:3px!important}
html body #quests .quest.gcard .g-stars b{min-width:26px!important;font-size:9px!important}
html body #quests .quest.gcard>button{min-height:0!important;height:20px!important;line-height:18px!important;padding:0!important;font-size:10px!important;margin:0!important}
html body #quests{row-gap:8px!important}
html body #quests .quest.gcard h3,html body #quests .quest.gcard h3 *{font-size:10.5px!important;line-height:1.15!important;max-width:100%;text-overflow:ellipsis}html body #quests .quest.gcard h3 .th,html body #quests .quest.gcard h3 small{display:block;text-align:center}
html body #quests .quest.gcard .g-mid .g-req{flex-direction:column!important;gap:2px!important}html body #quests .quest.gcard .g-mid .g-req b{display:none!important}html body #quests .quest.gcard .g-mid .g-req .g-ico{width:17px!important;height:17px!important;border-radius:5px!important}html body #quests .quest.gcard .g-mid .g-req .g-ico svg{width:10px!important;height:10px!important}html body #quests .quest.gcard .g-mid{flex-wrap:nowrap!important;gap:8px!important}

/* old match: compact report panel */
html body .match-modal .event-report{padding:4px 8px 4px!important;margin:0 0 4px!important;border-radius:10px!important;border-width:1px!important;box-shadow:inset 0 0 0 2px #050507,0 3px 0 #04040a!important}
html body .match-modal .event-report::before,html body .match-modal .event-report::after{inset:3px!important;border-radius:8px!important}
html body .match-modal .report-label{margin:0 0 2px 0!important;font-size:8.5px!important;letter-spacing:.12em!important;gap:5px!important}
html body .match-modal .report-label .live-dot{font-size:8px!important;padding:1px 5px!important;line-height:1.2!important}
html body .match-modal .event-report .match-story{margin:0 0 3px!important}
html body .match-modal .event-report .match-story p{font-size:11.5px!important;line-height:1.2!important;margin:0!important}
html body .match-modal .match-log{gap:1px!important;max-height:60px!important}
html body .match-modal .match-log p{padding:1px 6px!important;font-size:11px!important;line-height:1.2!important;grid-template-columns:28px 1fr!important;gap:6px!important;border-radius:5px!important}
html body .match-modal .match-log p .lg-min,html body .match-modal .event-report .match-story>.lg-min{min-width:24px!important;height:15px!important;font-size:9.5px!important;padding:0 3px!important;margin-right:5px!important}

/* training-complete banner: dark / gold like the rest of the game, compact */
html body .training-done-banner{margin:6px 8px!important;padding:8px 10px!important;gap:8px!important;border-radius:12px!important;border:1px solid #6b5a2a!important;background:linear-gradient(#26262c,#0a0a0d)!important;box-shadow:inset 0 1px 0 #ffffff14,0 3px 8px #0008!important;color:#e6e7ec!important;flex-direction:column;align-items:stretch}
html body .training-done-banner b{font:700 13px/1.2 'Chakra Petch',sans-serif!important;color:#ffe08a!important;letter-spacing:.02em}
html body .training-done-banner small{font-size:10.5px!important;color:#9a9ba4!important;margin-top:1px}
html body .training-done-banner button{min-height:0!important;height:34px;padding:0 12px!important;border-radius:8px!important;border:1px solid #7a5712!important;background:linear-gradient(180deg,#fff3b8 0%,#f2cf62 30%,#d9a93a 62%,#b98a22 100%)!important;color:#2d2000!important;font:800 12px 'Chakra Petch',sans-serif!important;letter-spacing:.06em;box-shadow:0 3px 0 #6b4d0e,inset 0 1px 0 #fffbe0!important}
html body .training-done-banner button:active{transform:translateY(2px);box-shadow:0 1px 0 #6b4d0e!important}

/* pre-match picture: shorter */
html body .pitch.pm-starter{height:290px!important;min-height:0!important}
html body .pitch.pm-starter .prematch-venue{height:100%!important;aspect-ratio:auto!important;margin:0!important}
html body .pitch.pm-starter .prematch-venue img,html body .pitch.pm-starter .prematch-venue .prematch-bg{object-position:center 45%}
html body .pitch.pm-sub{height:380px!important;min-height:0!important}

/* season-end page tabs */
.st-tabs{display:flex;gap:4px;margin:6px 0 8px;position:sticky;top:0;z-index:3}
.st-tabs button{flex:1 1 0;min-width:0;min-height:0!important;padding:7px 2px!important;border-radius:8px!important;border:1px solid #4a4b53!important;background:linear-gradient(#26262c,#0a0a0d)!important;color:#c9ccd4!important;font:700 11px 'IBM Plex Sans Thai','Chakra Petch',sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 1px 0 #ffffff14!important}
.st-tabs button.on{border-color:#ffd24d!important;color:#2d2000!important;background:linear-gradient(180deg,#fff3b8 0%,#f2cf62 30%,#d9a93a 62%,#b98a22 100%)!important}
.st-tabs~[hidden]{display:none!important}

/* season-end tabs: every tab fits one phone screen */
html body .season-transfer-room{padding:6px 8px!important;gap:0!important}
html body .season-transfer-title{padding:4px 8px!important;margin:0!important;min-height:0!important}
html body .season-transfer-title small{display:none!important}
html body .season-transfer-title h1{font-size:14px!important;margin:0!important;line-height:1.1!important}
html body .st-tabs{margin:4px 0 6px!important}
/* tab 1: personal summary */
html body .personal-season-summary .personal-clipboard{padding:6px!important;gap:4px!important}
html body .personal-season-summary .personal-clipboard-clip{display:none!important}
html body .personal-season-summary .ps-head{height:44px!important;min-height:0!important;margin:0!important;transform:none!important}
html body .personal-season-summary .ps-head *{max-height:44px}
html body .personal-season-summary .ps-year{transform:scale(.7);margin:-6px 0!important}
html body .personal-season-summary .ps-top{display:grid!important;gap:4px!important;margin:0!important}
html body .personal-season-summary .ps-rating{padding:6px 8px!important;margin:0!important}
html body .personal-season-summary .ps-rating svg{max-height:56px!important;height:56px!important}
html body .personal-season-summary .ps-side{display:grid!important;grid-template-columns:1fr 1fr;gap:4px!important;margin:0!important}
html body .personal-season-summary .ps-side article,html body .personal-season-summary .ps-side aside{padding:4px 8px!important;margin:0!important;min-height:0!important}
html body .personal-season-summary .ps-side aside{grid-column:1/-1}
html body .personal-season-summary .ps-side b{font-size:15px!important}
html body .personal-season-summary .ps-side p{font-size:10.5px!important;margin:0!important;line-height:1.25!important}
html body .personal-season-summary .ps-comps{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:0!important}
html body .personal-season-summary .ps-comp{padding:4px 8px!important;min-height:0!important;gap:1px!important}
html body .personal-season-summary .ps-comp *{font-size:10.5px!important;line-height:1.2!important}
html body .personal-season-summary .ps-comp b,html body .personal-season-summary .ps-comp strong{font-size:12px!important}
html body .personal-season-summary .ps-tiles{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;margin:0!important}
html body .personal-season-summary .ps-tile{padding:4px 5px!important;min-height:0!important;gap:0!important}
html body .personal-season-summary .ps-tile small,html body .personal-season-summary .ps-tile span{font-size:8px!important;line-height:1.15!important}
html body .personal-season-summary .ps-tile b,html body .personal-season-summary .ps-tile strong{font-size:15px!important;line-height:1.1!important}
html body .personal-season-summary .ps-head{height:auto!important;min-height:0!important}
html body .personal-season-summary .ps-head *{max-height:none!important}
html body .personal-season-summary .ps-year{transform:none!important;margin:0!important}
html body .personal-season-summary .ps-tiles{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body .personal-season-summary .ps-tile{min-width:0!important;overflow:hidden}
html body .personal-season-summary .ps-tile b,html body .personal-season-summary .ps-tile strong{font-size:14px!important;white-space:nowrap}
html body .personal-season-summary .ps-rating svg{height:44px!important;max-height:44px!important}
/* tab 2: league table + cups */
html body .season-table{padding:4px 6px!important;margin:0!important}
html body .season-table h2{font-size:12px!important;margin:0 0 3px!important;line-height:1.2!important}
html body .season-table .season-table-scroll{overflow:visible!important}
html body .season-table table td,html body .season-table table th{padding:2px 3px!important;font-size:10.5px!important;line-height:1.15!important;height:auto!important}
html body .season-table table img{width:14px!important;height:14px!important}
html body .season-table>small{display:none!important}
html body .season-transfer-room .tc-heading{display:none!important}
html body .season-transfer-room .tc-eligibility{display:none!important}
html body .season-transfer-room .trophy-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:4px 0 0!important}
html body .season-transfer-room .trophy-card{padding:4px 6px!important;gap:6px!important;min-height:0!important;height:auto!important}
html body .season-transfer-room .trophy-card .tc-trophy{width:30px!important;height:40px!important}
html body .season-transfer-room .trophy-card .tc-body{gap:2px!important}
html body .season-transfer-room .trophy-card .tc-body *{font-size:10px!important;line-height:1.2!important}
html body .season-transfer-room .trophy-card .tc-champ b{font-size:11px!important}
html body .season-transfer-room .trophy-card .ps-stages i{padding:0 4px!important;font-size:9px!important;min-height:0!important}
/* tab 3: transfer news */
html body .transfer-tv{padding:4px 6px!important;margin:0!important}
html body .transfer-tv-top{padding:2px 4px!important;min-height:0!important;gap:6px!important}
html body .transfer-tv-top *{font-size:9px!important}
html body .transfer-tv-screen{padding:4px 6px!important;gap:6px!important;min-height:0!important}
html body .transfer-tv-crest{width:30px!important;height:34px!important}
html body .transfer-tv-crest img{width:26px!important;height:30px!important}
html body .transfer-tv-screen h2{font-size:12px!important;margin:0!important;line-height:1.2!important}
html body .transfer-tv-screen p,html body .transfer-tv-screen small{font-size:9.5px!important;margin:0!important;line-height:1.2!important}
html body .transfer-tv-bottom{padding:2px 6px!important;min-height:0!important}
html body .transfer-tv-bottom *{font-size:9.5px!important;line-height:1.25!important}
html body .market-news{padding:4px 6px!important;margin:0!important}
html body .market-news header{padding:0!important;margin:0 0 2px!important}
html body .market-news header *{font-size:10px!important}
html body .market-news .market-category{font-size:9px!important;margin:4px 0 1px!important;padding:0!important}
html body .market-news article.market-news-line{padding:3px 0!important;display:block}
html body .market-news-line p{margin:0!important;font-size:10.5px!important;line-height:1.3!important}
/* tab 4: contract */
html body .transfer-desk{padding:6px 8px!important;margin:0!important}
html body .transfer-desk .contract-caption{font-size:10px!important;padding:2px 0!important;margin:0 0 4px!important}
html body .transfer-desk .contract-notice{font-size:11px!important;padding:5px 8px!important;margin:0 0 4px!important}
html body .transfer-desk h3{font-size:11px!important;margin:4px 0!important}
/* tiles: nothing may overflow */
html body .personal-season-summary .ps-tile{display:flex!important;flex-direction:column;justify-content:center;max-width:100%}
html body .personal-season-summary .ps-tile>*{min-width:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body .personal-season-summary .ps-tile b,html body .personal-season-summary .ps-tile strong{font-size:13px!important}
html body .personal-season-summary .ps-tile small,html body .personal-season-summary .ps-tile>span:first-child{font-size:7.5px!important;letter-spacing:0!important}
html body .personal-season-summary .ps-tile b small,html body .personal-season-summary .ps-tile b span{font-size:8px!important}
/* season-end tabs: CSS decides which blocks show (blocks added later by other modules are covered too) */
.season-transfer-room[data-st-tab] > :not(.season-transfer-title):not(.st-tabs){display:none!important}
html body .season-transfer-room.season-transfer-room[data-st-tab="0"] > .personal-season-summary{display:block!important}
html body .season-transfer-room.season-transfer-room[data-st-tab="1"] > .season-table{display:block!important}
html body .season-transfer-room.season-transfer-room[data-st-tab="1"] > .trophy-cards{display:grid!important}
html body .season-transfer-room.season-transfer-room[data-st-tab="2"] > .transfer-tv{display:block!important}
html body .season-transfer-room.season-transfer-room[data-st-tab="3"] > .transfer-desk{display:block!important}
html body .personal-season-summary .ps-year{padding:2px 8px!important}
html body .personal-season-summary .ps-year b{font-size:24px!important;line-height:1!important}
html body .personal-season-summary .ps-year small{font-size:8px!important}
html body .personal-season-summary .ps-who,html body .personal-season-summary .ps-club{min-width:0!important;overflow:hidden}
.st-tabs button{font-family:'Chakra Petch',sans-serif!important;letter-spacing:.06em;font-size:10.5px!important}

/* contract tab: profile theme (dark / gold), compact, gold 3D metal buttons */
html body .transfer-desk{background:linear-gradient(#26262c,#0a0a0d)!important;border:1px solid #4a4b53!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffffff14!important;padding:6px 8px 8px!important;color:#e6e7ec!important}
html body .transfer-desk .contract-caption{background:none!important;border:0!important;color:#ffe08a!important;font:700 10px 'Chakra Petch',sans-serif!important;letter-spacing:.1em;padding:0!important;margin:0 0 4px!important;text-shadow:none!important}
html body .transfer-desk .contract-notice{background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-left:3px solid #ffd24d!important;color:#c9ccd4!important;border-radius:8px!important;font-size:11px!important;padding:4px 8px!important;margin:0 0 4px!important}
html body .transfer-desk h3{color:#ffe08a!important;font:700 10px 'Chakra Petch',sans-serif!important;letter-spacing:.08em;margin:4px 0 3px!important}
html body .transfer-desk .contract-offers{gap:4px!important}
html body .transfer-desk .contract-block,html body .transfer-desk .contract-offer{background:#ffffff08!important;border:1px solid #ffffff1a!important;border-radius:10px!important;padding:6px 8px!important;margin:0!important;color:#e6e7ec!important}
html body .transfer-desk .contract-block h3{color:#fff!important;font:700 13px 'IBM Plex Sans Thai','Chakra Petch',sans-serif!important;letter-spacing:0;margin:0 0 2px!important}
html body .transfer-desk .contract-block p{font-size:10.5px!important;color:#9a9ba4!important;margin:0 0 5px!important}
html body .transfer-desk button{min-height:0!important;height:34px;padding:0 12px!important;border-radius:9px!important;border:1px solid #7a5712!important;background:linear-gradient(180deg,#fff3b8 0%,#f2cf62 30%,#d9a93a 62%,#b98a22 100%)!important;color:#2d2000!important;font:800 12px 'IBM Plex Sans Thai','Chakra Petch',sans-serif!important;letter-spacing:.03em;box-shadow:0 3px 0 #6b4d0e,0 5px 8px #0008,inset 0 1px 0 #fffbe0!important;width:100%}
html body .transfer-desk button:active{transform:translateY(2px);box-shadow:0 1px 0 #6b4d0e,inset 0 1px 0 #fffbe0!important}
html body .transfer-desk button:disabled{filter:grayscale(.7) brightness(.8)}
html body .transfer-desk .contract-offer *{font-size:10.5px}
html body .transfer-desk select{min-height:0!important;height:26px;background:#0d0d10!important;color:#fff!important;border:1px solid #4a4b53!important;border-radius:6px!important;font-size:11px!important}
html body .transfer-desk [data-transfer-error]{margin:3px 0 0!important;font-size:10.5px!important;min-height:0!important}
html body .season-transfer-room .transfer-desk,html body .season-transfer-room section.transfer-desk{background:linear-gradient(#26262c,#0a0a0d)!important;background-image:linear-gradient(#26262c,#0a0a0d)!important;border:1px solid #4a4b53!important}
html body .season-transfer-room .transfer-desk .contract-offers{display:grid!important;grid-template-columns:1fr!important}
html body .season-transfer-room .transfer-desk .contract-notice{background-image:none!important}

/* club shop on phones: very compact (hero strip, one-row shelves, small notes) */
@media(max-width:620px){
 html body .shop-scene.mobile.mobile .sc-hero{height:84px!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden}
 html body .shop-scene.mobile.mobile .sc-hero .sc-inner{height:auto!important}
 html body .shop-scene.mobile.mobile .sc-sign{height:24px!important;min-height:0!important}
 html body .shop-scene.mobile.mobile .sc-sign button{height:24px!important;min-height:0!important;padding:0 6px!important;font-size:9px!important}
 html body .shop-scene.mobile.mobile .sc-bubble{min-height:0!important;height:auto!important;padding:3px 8px!important;font-size:10px!important;line-height:1.2!important;margin:2px 0!important}
 html body .shop-scene.mobile.mobile .sc-shelf{padding:12px 4px 7px!important;margin:3px 0!important;min-height:0!important;height:auto!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-around;gap:2px!important;border-radius:10px!important}
 html body .shop-scene.mobile.mobile .sc-shelf::before{font-size:8px!important;top:2px!important}
 html body .shop-scene.mobile.mobile .sc-shelf .sc-item{width:auto!important;flex:1 1 0;min-width:0!important;max-width:56px;height:auto!important}
 html body .shop-scene.mobile.mobile .sc-shelf .prod-ico{width:34px!important;height:34px!important;margin:0 auto!important}
 html body .shop-scene.mobile.mobile .sc-shelf .prod-tag{font-size:7.5px!important;padding:1px 3px!important;height:auto!important;min-height:0!important;letter-spacing:-.4px;margin-top:2px!important}
 html body .shop-scene.mobile.mobile .sc-shelf.s2{justify-content:center;gap:14px!important}
 html body .shop-scene.mobile.mobile .sc-shelf.s2 .sc-item{flex:0 0 56px}
 html body .shop-scene.mobile.mobile .sc-notes{padding:12px 4px 4px!important;margin:3px 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;min-height:0!important;height:auto!important}
 html body .shop-scene.mobile.mobile .sc-notes .sc-note{width:auto!important;height:auto!important;min-height:0!important}
 html body .shop-scene.mobile.mobile .sc-notes .coach-note{width:100%!important;height:auto!important;min-height:0!important;padding:3px 4px!important;transform:none!important;margin:0!important}
 html body .shop-scene.mobile.mobile .sc-notes .coach-note *{font-size:8.5px!important;line-height:1.2!important;margin:0!important}
 html body .shop-scene.mobile.mobile .sc-notes .coach-note img{width:16px!important;height:16px!important}
}
@media(max-width:620px){
 html body .shop-scene.mobile.mobile .sc-bubble{margin:6px 0 4px!important;position:relative}
 html body .shop-scene.mobile.mobile .sc-sign{margin-bottom:2px!important}
 html body .shop-scene.mobile.mobile .sc-shelf{align-items:flex-start!important;padding:16px 4px 8px!important}
 html body .shop-scene.mobile.mobile .sc-shelf .sc-item{margin:0!important;display:flex!important;flex-direction:column;align-items:center}
 html body .shop-scene.mobile.mobile .sc-shelf .prod-tag{position:static!important;transform:none!important;margin:2px auto 0!important;display:block!important;width:auto!important;max-width:100%}
 html body .shop-scene.mobile.mobile .sc-notes{padding:16px 4px 4px!important}
 html body .shop-scene.mobile.mobile .sc-hero{margin-bottom:0!important}
}
@media(max-width:620px){
 html body .shop-scene.mobile.mobile .sc-shelf .prod-ico>span,html body .shop-scene.mobile.mobile .sc-shelf .prod-ico .die-ico,html body .shop-scene.mobile.mobile .sc-shelf .prod-ico svg,html body .shop-scene.mobile.mobile .sc-shelf .prod-ico img{width:34px!important;height:34px!important;max-width:34px!important}
 html body .shop-scene.mobile.mobile .sc-shelf .prod-ico{overflow:visible}
 html body .shop-scene.mobile.mobile .sc-shelf .prod-tag{padding:0 3px!important;line-height:1.3!important;font-size:8px!important;height:auto!important;min-height:0!important}
 html body .shop-scene.mobile.mobile .sc-notes .sc-note{margin:0!important;transform:none!important;position:relative!important;top:auto!important;left:auto!important}
 html body .shop-scene.mobile.mobile .sc-notes{padding-top:18px!important}
}
@media(max-width:620px){
 html body .shop-scene.mobile.mobile .sc-notes .coach-note{position:relative!important;inset:auto!important}
 html body .shop-scene.mobile.mobile .sc-shelf .prod-ico *{max-width:34px!important;max-height:34px!important}
 html body .shop-scene.mobile.mobile .sc-shelf.s2 .prod-ico{width:34px!important;height:34px!important}
}

/* shop on phones: the two room arrows are one row in every room (same as the main shop) */
html body .shop-scene.mobile.mobile .sc-sign,html body .shop-scene.mobile.mobile.v-wellness .sc-sign,html body .shop-scene.mobile.mobile.v-fitness .sc-sign{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:auto!important;display:flex!important;flex-direction:row!important;grid-template-columns:none!important;gap:8px!important;padding:0!important;margin:0 0 2px!important;align-items:stretch!important;justify-content:stretch!important}
html body .shop-scene.mobile.mobile .sc-sign .sg-top{display:none!important}
html body .shop-scene.mobile.mobile .sc-sign .sg-arrow,html body .shop-scene.mobile.mobile.v-wellness .sc-sign .sg-arrow,html body .shop-scene.mobile.mobile.v-fitness .sc-sign .sg-arrow{flex:1 1 0!important;width:auto!important;height:26px!important;min-width:0!important;max-width:none!important}
html body .shop-scene.mobile.mobile .sc-sign .sg-arrow span{font-size:9.5px!important;letter-spacing:.06em!important}
html body .shop-scene.mobile.mobile .sc-shelf:empty,html body .shop-scene.mobile.mobile .sc-notes:empty{display:none!important}

/* shop on phones: show the NPC (taller crop window, scene shifted up a little) */
html body .shop-scene.mobile.mobile .sc-hero{height:150px!important}
html body .shop-scene.mobile.mobile .sc-hero .sc-inner{margin-top:-34px!important}

/* leader board rows: tappable (open the Hall of Fame card) */
.hof-board .lb-row.view{cursor:pointer}
.hof-board .lb-row .go{margin-left:6px;color:#ffd24d;font:700 18px/1 'Chakra Petch',sans-serif;opacity:.85}
.hof-board .lb-row.view:active{filter:brightness(1.25)}
.hof-board .lb-list{max-height:58vh;overflow:auto}
.ts-board [data-page="how"] li .th{display:block;margin-top:2px;font:500 11px/1.35 'IBM Plex Sans Thai','Chakra Petch',sans-serif;color:#b9b19a}
@media(min-width:701px){.ts-board [data-page="how"] li .th{color:#6b5a3a}}
.ts-board [data-page="how"] ol{max-height:min(58vh,420px)!important}

/* title screen: account page (sign in / register / cloud save) */
.ts-board [data-page="acct"] h2{margin-bottom:6px}
.ts-board .ac-tabs{display:flex;gap:4px;margin:0 0 6px}
.ts-board .ac-tabs button{flex:1;min-height:0!important;padding:6px 4px!important;border-radius:8px!important;border:1px solid #4a4b53!important;background:linear-gradient(#26262c,#0a0a0d)!important;color:#c9ccd4!important;font:700 11px 'Chakra Petch',sans-serif!important;letter-spacing:.08em}
.ts-board .ac-tabs button.on{border-color:#ffd24d!important;color:#2d2000!important;background:linear-gradient(180deg,#fff3b8,#f2cf62 30%,#d9a93a 62%,#b98a22)!important}
.ts-board .ac-form{display:flex;flex-direction:column;gap:5px;margin:0}
.ts-board .ac-form input{width:100%;box-sizing:border-box;min-height:0!important;height:34px;padding:0 10px!important;border-radius:8px!important;border:1px solid #4a4b53!important;background:#0d0d10!important;color:#fff!important;font:500 13px 'IBM Plex Sans Thai','Chakra Petch',sans-serif!important}
.ts-board .ac-form input:focus{outline:0;border-color:#ffd24d!important}
.ts-board .ac-msg{min-height:14px;margin:2px 0 0!important;font:600 11px/1.3 'Chakra Petch',sans-serif;color:#ff8a7a}
.ts-board .ac-msg.ok{color:#7fe08f}
.ts-board .ac-note{font:500 12px/1.5 'Chakra Petch',sans-serif;color:#d8d2bd;margin:2px 0 4px;text-align:center}
.ts-board .ac-note b{color:#ffdc7a}
.ts-board .ac-fine{font:500 10px/1.35 'Chakra Petch',sans-serif;color:#9a9484;margin:4px 0 6px;text-align:center}
@media(min-width:701px){.ts-board .ac-note{color:#3d2c0e}.ts-board .ac-note b{color:#6a4a10}.ts-board .ac-fine{color:#5c4a28}.ts-board .ac-msg.ok{color:#1f7a35}}
.ts-board .ts-acct{font-size:inherit}

/* admin link: small, quiet text in the bottom-right corner of the title screen */
#title-screen .ts-admin{position:fixed;right:8px;bottom:6px;z-index:5;padding:4px 8px;border-radius:6px;color:#fff;font:600 9px/1 'Chakra Petch',sans-serif;letter-spacing:.18em;text-decoration:none;background:#0006;opacity:.45}
#title-screen .ts-admin:hover,#title-screen .ts-admin:focus{opacity:1;background:#000a}

/* CONTINUE button: two lines (title + season/club) must fit */
.ts-board .ts-item.ts-cont{height:auto!important;min-height:0!important;overflow:visible!important;line-height:1!important}@media(max-width:700px){.ts-board .ts-item.ts-cont{min-height:46px!important;padding:5px 10px!important}}@media(min-width:701px){.ts-board [data-page="main"] .ts-item{font-size:1.3cqw!important;padding:.6cqw .5cqw!important}.ts-board [data-page="main"] .ts-item small{font-size:.9cqw!important}}.ts-board .ts-item.ts-cont span{line-height:1.05}.ts-board .ts-item.ts-cont small{margin-top:1px!important;line-height:1.1!important}

.hf-ava img{width:100%;height:100%;object-fit:cover}

/* profile radar = Hall of Fame look: gold rings + spokes, green fill, plain grey labels */
.hp-radar .rd-g{stroke:#d9b24a55!important;stroke-width:.6!important}.hp-radar .rd-a{stroke:#d9b24a44!important;stroke-opacity:1!important;stroke-width:.5!important}.hp-radar .rd-s,.hp-radar .rd-p{display:none!important}.hp-radar .rd-d{fill:#3fbf6a55!important;stroke:#7dffa0!important;stroke-width:1.3!important;filter:none!important}.hp-radar .rd-t{fill:#cfc9b4!important;font-weight:600!important;font-size:7px!important;filter:none!important}

/* STATS & SCORE GUIDE page (menu) */
.ts-board [data-page="guide"] ol{margin:6px 0 8px;padding:0 4px 0 20px;max-height:min(50vh,360px);overflow-y:auto;font:500 12px/1.4 'Chakra Petch',sans-serif;color:#d8d2bd;scrollbar-width:thin;scrollbar-color:#d9b24a #0006}
.ts-board [data-page="guide"] ol[hidden]{display:none}
.ts-board [data-page="guide"] li{margin:0 0 6px;padding-left:2px}
.ts-board [data-page="guide"] li b{color:#ffdc7a;letter-spacing:.03em}
.ts-board [data-page="guide"] li::marker{color:#d9b24a;font-weight:700}
.ts-board [data-page="guide"] li .th{display:block;margin-top:2px;font:500 11px/1.35 'IBM Plex Sans Thai','Chakra Petch',sans-serif;color:#b9b19a}
.gd-tabs{display:flex;gap:4px;margin:4px 0}
.gd-tabs button{all:unset;box-sizing:border-box;flex:1;text-align:center;padding:6px 2px;font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.06em;color:#d8d2bd;border:1px solid #d9b24a66;border-radius:8px;background:#0005;cursor:pointer;white-space:nowrap}
.gd-tabs button.on{background:linear-gradient(180deg,#ffe58a,#d9a21b);color:#3a2504;border-color:#ffdc7a}
@media(min-width:701px){.ts-board [data-page="guide"] ol{font-size:max(11px,1.2cqw);color:#3d2c0e}.ts-board [data-page="guide"] li b{color:#6a4a10}.ts-board [data-page="guide"] li .th{color:#6b5a3a}.gd-tabs button{color:#3d2c0e;border-color:#6a4a1088;background:#fff8}.gd-tabs button.on{color:#3a2504}}
@media(min-width:701px){.ts-board [data-page="guide"] ol{font-size:max(9px,.95cqw)!important;max-height:27cqw!important;margin:.4cqw 0}.ts-board [data-page="guide"] li{margin-bottom:.5cqw}.ts-board [data-page="guide"] li .th{font-size:max(9px,.85cqw)}.gd-tabs button{font-size:max(8px,.8cqw)}}

/* summary page: the CONTRACT tab is the next step, so it stands out */
.st-tabs button.st-go:not(.on){border-color:#5dffa0!important;color:#eafff2!important;background:linear-gradient(180deg,#2fbf6a,#13763d)!important;box-shadow:0 0 0 1px #0008,0 0 10px #3dff8a88;animation:stGo 1.4s ease-in-out infinite}
.st-tabs button.st-go.seen:not(.on){animation:none}
@keyframes stGo{50%{box-shadow:0 0 0 1px #0008,0 0 18px #3dff8acc;transform:scale(1.04)}}
.st-hint{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 6px;padding:6px 8px;border:1px dashed #5dffa0;border-radius:8px;background:#0b2a18;color:#eafff2;font:600 11px 'IBM Plex Sans Thai','Chakra Petch',sans-serif;cursor:pointer}
.st-hint b{color:#7dffb0;letter-spacing:.06em;white-space:nowrap}.st-hint span{color:#c9e8d4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-hint[hidden]{display:none!important}
html body .season-transfer-room.season-transfer-room[data-st-tab]:not([data-x]) > .st-hint:not([hidden]){display:flex!important}

/* HOW TO PLAY / GUIDE pop-ups (dialog.ts-pop, styled like the leader board) */
dialog.ts-pop{width:min(94vw,460px)}
dialog.ts-pop .ts-page{display:block;padding:0;background:none}
dialog.ts-pop h2{margin:0 0 8px;text-align:center;font:700 16px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:#ffdc7a}
dialog.ts-pop ol{margin:0 0 10px;padding:0 6px 0 22px;max-height:60vh!important;overflow-y:auto;font:500 13px/1.5 'Chakra Petch',sans-serif!important;color:#e6dfc8!important;scrollbar-width:thin;scrollbar-color:#d9b24a #0006}
dialog.ts-pop ol[hidden]{display:none}
dialog.ts-pop li{margin:0 0 9px;padding-left:2px}
dialog.ts-pop li b{color:#ffdc7a!important;letter-spacing:.03em}
dialog.ts-pop li::marker{color:#d9b24a;font-weight:700}
dialog.ts-pop li .th{display:block;margin-top:3px;font:500 12px/1.45 'IBM Plex Sans Thai','Chakra Petch',sans-serif!important;color:#b9b19a!important}
dialog.ts-pop .gd-tabs{margin:0 0 8px}.dialog.ts-pop .gd-tabs button,dialog.ts-pop .gd-tabs button{color:#d8d2bd!important;background:#0005!important;border-color:#d9b24a66!important;font-size:11px}
dialog.ts-pop .gd-tabs button.on{background:linear-gradient(180deg,#ffe58a,#d9a21b)!important;color:#3a2504!important;border-color:#ffdc7a!important}

/* readability pass for the pop-ups: bigger type, more air, brighter Thai */
dialog.ts-pop{width:min(94vw,560px)!important;padding:16px!important}
dialog.ts-pop h2{font-size:19px!important;margin-bottom:12px!important}
dialog.ts-pop ol{font-size:15px!important;line-height:1.65!important;max-height:64vh!important;padding-left:26px!important}
dialog.ts-pop li{margin-bottom:14px!important}
dialog.ts-pop li b{font-size:1.02em}
dialog.ts-pop li .th{font-size:14px!important;line-height:1.6!important;margin-top:5px!important;color:#d4cbb0!important}
dialog.ts-pop .gd-tabs button{font-size:12.5px!important;padding:9px 2px!important}
@media(max-width:700px){dialog.ts-pop{width:min(96vw,460px)!important;padding:12px!important}dialog.ts-pop ol{font-size:14px!important;padding-left:22px!important}dialog.ts-pop li .th{font-size:13px!important}}

/* leader board: one-line compact rows (the > marker sits in its own column) */
.hof-board .lb-row{grid-template-columns:26px 1fr auto 12px!important;gap:6px!important;padding:5px 8px!important;border-radius:8px}
.hof-board .lb-row .go{margin:0!important;font-size:15px!important}
.hof-board .lb-row .rk{font-size:14px!important}.hof-board .lb-row.top1 .rk{font-size:16px!important}
.hof-board .lb-row .nm b{font-size:12.5px!important;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hof-board .lb-row .nm small{font-size:9.5px!important;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hof-board .lb-row .sc{font-size:13px!important}.hof-board .lb-row .sc small{font-size:8.5px!important}
.hof-board .lb-list{gap:4px!important;max-height:62vh!important}

.lb-reset{margin:8px 0 2px;padding:6px 8px;text-align:center;font:500 10.5px/1.4 'Chakra Petch',sans-serif;color:#cfc9b4;border:1px dashed #d9b24a66;border-radius:8px;background:#0006}.lb-reset b{color:#ffdc7a}.lb-reset[hidden]{display:none}