/* WORLD ORDER v041 — CHOOSE YOUR LEADER revamp, menu video, BEGIN DUEL (VS BOT) and PLAY ONLINE stacked, STORE (soon), the
   red cursor and the cursor tips on what is not available, the rank seal on the HUD, PROFILE, PLAY WITH A FRIEND, the Founder's
   Card claim and the store pop-up. Same brand tokens: petroleum #11232F, deep #0A151D, gold #D4AA5B. Loaded after online.css. */

/* ------------------------------------------------------------ the menu backdrop: clips in a loop, with a veil */
.mm-video{position:absolute;inset:0;overflow:hidden;z-index:0}
.mm-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;pointer-events:none;
  filter:brightness(.6) saturate(.8) contrast(1.05);transition:opacity .01s linear 1.45s}
.mm-video video.is-on{opacity:1;z-index:2;transition:opacity 1.4s ease}
.mm-video.is-still video,.mm-video.is-off video{display:none}
.mm-backdrop .mm-light,.mm-backdrop .mm-shade{z-index:2}
.mm-veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 60% 46% at calc(var(--side-w) + (100% - var(--side-w)) * .34) 22%,#050c11b3,transparent 72%),
    linear-gradient(180deg,#050c11c4 0,#050c1166 26%,#050c1126 46%,#050c1159 66%,#050c11e0 88%,#050c11f2 100%),#050c1140}

/* ------------------------------------------------------------ CHOOSE YOUR LEADER: the chosen leader large, the row lower */
.main-menu .mm-duel-head{align-items:center;min-height:36px}
.mm-hero{flex:1 1 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:clamp(16px,2.4vw,44px);align-items:center;align-content:center;margin:clamp(10px,2.4vh,30px) 0 clamp(4px,1vh,12px);min-height:0}
.mm-hero-id{display:flex;flex-direction:column;gap:clamp(4px,.7vh,8px);min-width:0;padding-left:2px}
.mm-hero-nation{display:flex;align-items:center;gap:8px;font:600 clamp(11px,.75vw,13px)/1 var(--wo-title);letter-spacing:.24em;color:#cbb07a;text-shadow:0 1px 3px #000}
.mm-hero-nation .flag-svg{width:24px;height:16px;box-shadow:0 0 0 1px #0008}
.mm-hero-name{display:flex;flex-direction:column;gap:2px;min-width:0;text-transform:uppercase;color:#f6e6bd;text-shadow:0 2px 14px #000c,0 1px 2px #000}
.mm-hero-first{font:700 clamp(17px,1.45vw,27px)/1 var(--wo-title);letter-spacing:.12em;color:#d8c69d}
.mm-hero-last{font:700 clamp(38px,3.9vw,78px)/.92 var(--wo-title);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:.04em;
  background:linear-gradient(180deg,#fff4d6 0%,#f0d9a5 55%,#c99a52 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 3px 10px #000c)}
.mm-hero-id::after{content:"";width:clamp(60px,6vw,110px);height:2px;margin-top:clamp(4px,.8vh,10px);background:linear-gradient(90deg,#d4aa5b,transparent)}
/* the special and the passive beside the name: no box, two columns with a gold hairline */
.main-menu .mm-hero .mm-dossier{grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,32px);margin:0;padding:0;border:0;background:none;box-shadow:none;align-self:center}
.mm-hero .mm-power{padding:2px 0 2px clamp(10px,1vw,16px);border-left:2px solid #d4aa5b88;gap:6px}
.mm-hero .mm-power span{font-size:10.5px;color:#d8bd85;text-shadow:0 1px 2px #000}
.mm-hero .mm-power b{font-size:clamp(16px,1.15vw,20px);color:#f6ead0;text-shadow:0 1px 3px #000}
.mm-hero .mm-power p{font-size:clamp(12.5px,.86vw,14.5px);line-height:1.42;color:#d3dbd8;text-shadow:0 1px 3px #000e}
.mm-hero .mm-power p i{color:#a6b8b8}
html:not(.wo-reduced-motion) .main-menu[open] .mm-hero{animation:mm-in .6s cubic-bezier(.2,.7,.2,1) .12s both}
.mm-hero-name,.mm-hero .mm-dossier{transition:opacity .25s}
/* the five leaders lower, right above the deck and the opponent (the hero takes the free space above them) */
.main-menu .mm-leaders{margin-top:0;padding-top:clamp(6px,1.4vh,18px)}
/* the plate: country, then the name with the leader level small beside it (one line: the plate may run a little past its column,
   into the gap, rather than drop the level under a long name) */
.mm-plate{display:grid;grid-template-columns:auto;justify-content:center;justify-items:center;align-items:baseline;column-gap:6px;row-gap:4px;padding-top:14px;max-width:none}
.mm-plate:has(.mm-lv:not([hidden])){grid-template-columns:auto auto}
.mm-plate small,.mm-plate .mm-lock,.mm-plate::after{grid-column:1 / -1}
.mm-plate small{justify-content:center}
.mm-plate em.mm-lv{padding:3px 5px 2px;border:1px solid #8ca69b55;background:#08131bcc;font:700 10px/1 var(--wo-title);letter-spacing:.12em;color:#9fb0ae;white-space:nowrap}
.mm-plate em.mm-lv[hidden]{display:none}
.mm-leader.is-on .mm-plate em.mm-lv{border-color:#d4aa5b99;color:#f0d9a5}
.mm-plate::after{justify-self:stretch;width:auto;height:2px;margin-top:2px;background:linear-gradient(#d4aa5b,#d4aa5b) 50% 0/0 2px no-repeat;transition:background-size .3s}
.mm-leader.is-on .mm-plate::after{width:auto;background-size:56px 2px}
.mm-leader:has(input:focus-visible) .mm-plate::after{width:auto;background:linear-gradient(#f6e2b0,#f6e2b0) 50% 0/84px 2px no-repeat;box-shadow:none}
@media (max-width:1500px){.mm-plate em.mm-lv{padding:2px 4px 1px;font-size:9px;letter-spacing:.08em}.mm-plate{column-gap:4px}}
html.wo-reduced-motion .main-menu .mm-plate::after{transition:none}

/* deck · opponent · BEGIN DUEL (VS BOT) over PLAY ONLINE, where the seed was */
.main-menu .mm-config{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(230px,.95fr)}
.main-menu .mm-field.mm-actions{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:stretch;gap:clamp(8px,1.1vh,12px);margin:0;padding:0;border:0;background:none;box-shadow:none;min-width:0}
.main-menu .mm-actions .setup-start{flex:1 1 0;width:100%;min-height:44px;max-height:72px;height:auto;margin:0;padding:0 14px;gap:9px;
  font:700 clamp(13.5px,.98vw,17.5px)/1 var(--wo-title)!important;letter-spacing:.15em!important;white-space:nowrap}
.main-menu .mm-actions .setup-start small{display:inline!important;font:inherit;font-size:.74em;letter-spacing:.1em;color:inherit;opacity:.72}
.main-menu .mm-actions .setup-start svg{width:18px;height:18px}
.main-menu .mm-actions .setup-online{flex:1 1 0}
.main-menu .mm-go .setup-rules{display:none}

/* ------------------------------------------------------------ what is not available: red cursor, tip beside the cursor */
.main-menu :is(#mm-online,#mm-friend,#mm-store)[aria-disabled="true"],.main-menu :is(#mm-online,#mm-friend,#mm-store)[aria-disabled="true"] *{
  cursor:url("../assets/ui/cursor_locked_v001.png") 3 3,not-allowed;
  cursor:-webkit-image-set(url("../assets/ui/cursor_locked_v001.png") 1x,url("../assets/ui/cursor_locked_v001_2x.png") 2x) 3 3,not-allowed}
#setup-dialog [data-tip]:not([data-tip=""]):is(:hover,.is-tipping,:focus-visible)::after{content:none!important;display:none!important}
.wo-tip{position:fixed;z-index:2147483000;left:0;top:0;max-width:min(360px,calc(100vw - 16px));padding:8px 12px 7px;pointer-events:none;
  border:1px solid #ff6b5f88;background:linear-gradient(180deg,#1a0f12f5,#0b0d12f7);box-shadow:0 10px 26px #000b,inset 0 1px 0 #ffffff10;
  color:#ffc9c2;font:700 11.5px/1.25 var(--wo-title);letter-spacing:.14em;text-transform:uppercase}
.wo-tip[hidden]{display:none}
.wo-tip::before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:#ff5a4f;box-shadow:0 0 8px #ff5a4f}

/* STORE: locked, with SOON */
.mm-item.mm-store .mm-soon{border-color:#8ca69b88;color:#cdd7d5;background:#ffffff0d}
.mm-item.mm-store svg{color:#d4aa5b}

/* ------------------------------------------------------------ buttons at the top right: claim, profile, wallet (36 px) */
.mm-duel-head .fc-claim{margin-left:auto}
.mm-duel-head .fc-claim:not([hidden]) ~ .online-profile-button,.mm-duel-head .fc-claim:not([hidden]) ~ .gw-connect{margin-left:10px!important}
.mm-duel-head .fc-claim[hidden] + .online-profile-button{margin-left:auto}
.online-profile-button{height:36px;gap:8px;padding:0 13px 0 9px;border-color:#d4aa5b99;max-width:min(300px,26vw)}
.online-profile-button span{overflow:hidden;text-overflow:ellipsis}
.online-profile-button .op-icon{width:22px;height:22px;flex:none;object-fit:contain;filter:drop-shadow(0 0 3px #d4aa5b55)}
.online-profile-button[hidden]{display:none}
.fc-claim{position:relative;display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 13px 0 6px;border:1px solid #e2be74;cursor:pointer;
  background:linear-gradient(180deg,#2a2110f0,#120d06f5);color:#ffe8b0;box-shadow:inset 0 1px 0 #fff3cf33,0 0 18px #d4aa5b33;white-space:nowrap;font-family:var(--wo-title)}
.fc-claim[hidden]{display:none}
.fc-claim:hover{filter:brightness(1.12);box-shadow:inset 0 1px 0 #fff3cf55,0 0 24px #d4aa5b66}
.fc-claim:focus-visible{outline:2px solid #f0cf8a;outline-offset:3px}
.fc-mini{position:relative;flex:none;width:21px;height:29px;margin-top:-1px;transform:rotate(-6deg);background:#050403 center/cover no-repeat;
  border:1.5px solid #e7c47c;box-shadow:0 2px 6px #000c,0 0 8px #d4aa5b77}
.fc-mini i{position:absolute;left:50%;top:-4px;width:12px;height:5px;translate:-50% 0;background:linear-gradient(180deg,#fbe9bf,#c99a45);box-shadow:0 1px 2px #000}
.fc-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1}
.fc-label small{font:600 9px/1 var(--wo-title);letter-spacing:.2em;color:#d8bd85}
.fc-label b{font:700 12.5px/1 var(--wo-title);letter-spacing:.12em;color:#fff1cc}
.fc-claim.is-claimed{border-color:#d4aa5b88;box-shadow:inset 0 1px 0 #fff3cf22}
html:not(.wo-reduced-motion) .fc-claim:not(.is-claimed) .fc-mini{animation:fc-glint 3.6s ease-in-out infinite}
@keyframes fc-glint{0%,100%{box-shadow:0 2px 6px #000c,0 0 6px #d4aa5b55}50%{box-shadow:0 2px 6px #000c,0 0 14px #f0cf8acc}}

/* ------------------------------------------------------------ the X in a circle on every online window (like OPTIONS) */
.online-dialog .od-head{position:relative;padding-right:56px}
.online-dialog .od-close,.fc-dialog .fc-close,.wo-store .st-close{position:absolute;right:12px;top:12px;width:30px;height:30px;display:grid;place-items:center;margin:0;padding:0;
  border:1px solid #8ca69b44;border-radius:50%;background:#0b182099;color:#aebcb9;cursor:pointer}
.online-dialog .od-close:hover,.fc-dialog .fc-close:hover,.wo-store .st-close:hover{border-color:#d4aa5b;color:#f0d9a5}
.online-dialog .od-close svg,.fc-dialog .fc-close svg,.wo-store .st-close svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6}
.online-dialog .od-close:focus-visible,.fc-dialog .fc-close:focus-visible,.wo-store .st-close:focus-visible{outline:2px solid #f0cf8a;outline-offset:2px}

/* buttons of the online windows (the same look as the wallet pop-up) */
.wo-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border:1px solid #d4aa5b88;border-radius:0;background:#0b1820cc;color:#f0d9a5;
  font:700 12.5px/1 var(--wo-title);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s,color .12s}
.wo-btn:hover:not(:disabled){border-color:#e2be74;background:#d4aa5b1f}
.wo-btn.is-gold{border-color:transparent;background:linear-gradient(180deg,#e2be74,#b98b3e);color:#17110a;box-shadow:inset 0 1px 0 #fff3cf77}
.wo-btn.is-gold:hover:not(:disabled){background:linear-gradient(180deg,#ecca83,#c49645)}
.wo-btn.is-quiet{border-color:#8ca69b44;color:#aebcb9}
.wo-btn:disabled{opacity:.5;cursor:not-allowed}

/* ------------------------------------------------------------ PLAY WITH A FRIEND: the arrow of the dropdowns further in */
.online-room .or-pick select{-webkit-appearance:none;appearance:none;padding:0 40px 0 12px;cursor:pointer;
  background:#08131b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.75 6 6.25l4.5-4.5' fill='none' stroke='%23d8bd85' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/11px 8px}
.online-room .or-pick select:hover{border-color:#d4aa5b88}

/* ------------------------------------------------------------ the rank seal */
.rank-seal{display:block;flex:none;overflow:visible}
.rank-seal .rks-mark{fill:none;stroke:var(--rks,#e2be74);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.rank-seal .rks-fill{fill:var(--rks,#e2be74);stroke:#0008;stroke-width:.6}
.rank-seal .rks-div{font:700 12px/1 var(--wo-num,var(--wo-title));letter-spacing:.06em;paint-order:stroke;stroke:#000a;stroke-width:2px}
.rank-seal[data-tier="-1"] .rks-div{font-size:11px}
/* on the HUD: the top left corner of the portrait */
.lh.cmd .lh-id .portrait-wrap .rank-seal{position:absolute;left:4%;top:3%;width:clamp(26px,19cqw,52px);height:auto;z-index:6;filter:drop-shadow(0 3px 6px #000d)}
html:not(.wo-reduced-motion) .lh.cmd .lh-id .portrait-wrap .rank-seal{animation:rs-in .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes rs-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.oi-row{align-items:center}
.oi-row .rank-seal{width:34px;height:auto}
.op-board-rank{display:inline-flex;align-items:center;gap:8px}
.op-board-rank .rank-seal{width:22px;height:auto}
.op-board tr.is-me td{background:#d4aa5b12}

/* ------------------------------------------------------------ PROFILE */
.online-profile{width:min(1040px,calc(100vw - 32px))}
.online-profile .op-body{max-height:min(74vh,780px)}
.online-profile .op-head{grid-template-columns:1.15fr .9fr 1.2fr;gap:12px;margin-bottom:14px}
.online-profile .op-head > .op-card{padding:12px 14px;gap:6px;min-width:0}
.op-card .eyebrow{font:600 10.5px/1 var(--wo-title);letter-spacing:.2em;color:#cbb07a}
.op-card small{color:#8b9da4;font-size:12.5px;line-height:1.35}
.op-card small b{color:#f6ead0;font-family:var(--wo-num,var(--wo-title))}
.op-card .ol-bar{flex:none;height:6px;margin:4px 0 2px}
.op-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.op-actions .wo-btn{height:28px;padding:0 10px;font-size:11px}
.op-rank{display:flex!important;flex-direction:row!important;align-items:center;gap:14px!important}
.op-rank > div{display:flex;flex-direction:column;gap:5px;min-width:0}
.op-rank .rank-seal{width:62px;height:auto;filter:drop-shadow(0 4px 10px #000c)}
.op-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 8px;font:600 11px/1 var(--wo-title);letter-spacing:.2em;color:#cbb07a}
.op-h small{font:400 12.5px/1.3 var(--wo-text);letter-spacing:0;color:#7f9299;text-transform:none}
.op-founder{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:10px 14px;border:1px solid #d4aa5b55;background:linear-gradient(90deg,#2a2110cc,#0b1820aa 60%)}
.op-founder > div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.op-founder strong{font:700 18px/1 var(--wo-title);letter-spacing:.06em;color:#ffe8b0}
.op-founder small{color:#cdbb92;font-size:12.5px}
.op-founder-art{flex:none;width:38px;height:52px;background:#050403 center/cover no-repeat;border:2px solid #e7c47c;box-shadow:0 4px 10px #000b;transform:rotate(-4deg)}
.op-founder:not(.is-claimed) .op-founder-art{filter:grayscale(.4) brightness(.8)}
.op-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.op-skin{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 8px 10px;border:1px solid #ffffff17;background:#0a1820aa;color:#e8e2d3;text-align:left;cursor:pointer;font-family:var(--wo-text)}
.op-skin:hover{border-color:#d4aa5b88}
.op-skin.is-on{border-color:var(--on-gold,#d4aa5b);box-shadow:inset 0 0 0 1px #d4aa5b55,0 0 18px #d4aa5b22}
.op-skin b{font:700 15px/1.1 var(--wo-title);letter-spacing:.05em;color:#f6ead0}
.op-skin small{font-size:11.5px;line-height:1.3;color:#8b9da4}
.op-skin em{position:absolute;right:8px;top:8px;padding:3px 6px;background:linear-gradient(180deg,#e2be74,#b98b3e);color:#17110a;font:700 9.5px/1 var(--wo-title);letter-spacing:.16em;font-style:normal;z-index:3}
.op-skin-art{position:relative;display:block;height:96px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1b2f3b,#08121a 75%);margin-bottom:4px}
.op-skin-art .sk-aura{position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 45%,color-mix(in srgb,var(--sk-aura) 45%,transparent),transparent 70%)}
.op-skin-art .sk-banner{position:absolute;left:14%;top:6px;width:30%;height:58%;background:linear-gradient(180deg,var(--sk-banner),color-mix(in srgb,var(--sk-banner) 55%,#000));clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}
.op-skin-art img{position:absolute;left:50%;bottom:22px;height:80%;translate:-50% 0;object-fit:contain;filter:drop-shadow(0 3px 5px #000b)}
.op-skin-art .sk-plinth{position:absolute;left:6%;right:6%;bottom:0;height:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--sk-plinth) 90%,#fff),var(--sk-plinth) 40%,color-mix(in srgb,var(--sk-plinth) 55%,#000));box-shadow:0 -2px 8px #0008}
.op-skin-art .sk-gauge{position:absolute;left:8%;right:8%;top:5px;height:5px;background:var(--sk-gauge);box-shadow:0 0 6px var(--sk-gauge)}
.op-skin-art .sk-budget{position:absolute;left:8%;right:8%;bottom:5px;height:5px;background:repeating-linear-gradient(90deg,var(--sk-budget) 0 30%,transparent 30% 34%);box-shadow:0 0 6px color-mix(in srgb,var(--sk-budget) 60%,transparent)}
.op-skin-art .sk-seal{position:absolute;right:10%;bottom:16px;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 45%),var(--sk-seal);border:2px solid #000a;box-shadow:0 2px 6px #000b}
.op-note{padding:0 22px 14px;min-height:0}
.op-note:empty{display:none}
@media (max-width:1100px){.online-profile .op-head{grid-template-columns:1fr 1fr}.op-hud{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-height:800px){.online-profile .op-body{max-height:calc(100vh - 150px)}.op-skin-art{height:78px}}

/* ------------------------------------------------------------ CLAIM YOUR FOUNDER'S CARD */
.fc-dialog{position:fixed;inset:0;margin:auto;width:min(860px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);overflow:auto;padding:0;
  border:1px solid #e2be74aa;border-radius:0;color:#e7ecea;font-family:var(--wo-text);
  background:radial-gradient(ellipse 70% 60% at 22% 30%,#3a2c1240,transparent 70%),linear-gradient(160deg,#17303af8,#0a1922fb);box-shadow:0 30px 90px #000e,inset 0 1px 0 #ffffff14}
.fc-dialog::backdrop{background:#01070abd;backdrop-filter:blur(3px)}
.fc-head{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 56px 14px 22px;border-bottom:1px solid #d4aa5b2e}
.fc-head .eyebrow{font:600 10.5px/1 var(--wo-title);letter-spacing:.22em;color:#e2be74}
.fc-head h2{margin:0;font:700 26px/1 var(--wo-title);letter-spacing:.06em;text-transform:uppercase;color:#fff1cc}
.fc-body{display:grid;grid-template-columns:minmax(200px,290px) 1fr;gap:clamp(18px,2.6vw,34px);padding:20px 22px 20px}
.fc-card{align-self:start;filter:drop-shadow(0 18px 30px #000c)}
html:not(.wo-reduced-motion) .fc-dialog[open] .fc-card{animation:fc-rise .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes fc-rise{from{opacity:0;transform:translateY(16px) rotate(-2deg)}to{opacity:1;transform:none}}
.fc-info{display:flex;flex-direction:column;gap:10px;min-width:0}
.fc-info .eyebrow{font:600 10.5px/1.3 var(--wo-title);letter-spacing:.18em;color:#cbb07a}
.fc-info h3{margin:0;font:700 clamp(26px,2.4vw,34px)/1 var(--wo-title);letter-spacing:.03em;color:#ffe8b0;text-shadow:0 0 18px #d4aa5b44}
.fc-rule{margin:0;padding:10px 12px;border-left:2px solid #d4aa5b;background:#08131b99;font:14px/1.45 var(--wo-text);color:#e7dfcb}
.fc-rule span{display:block;margin-bottom:4px;font:600 10.5px/1 var(--wo-title);letter-spacing:.16em;color:#9fb0ae}
.fc-thanks{margin:0;font:15px/1.5 var(--wo-text);color:#d6dcd9}
.fc-facts{margin:0;padding:0 0 0 18px;color:#aebcbb;font-size:13.5px;line-height:1.5}
.fc-facts li::marker{color:#d4aa5b}
.fc-count{position:relative;display:flex;align-items:center;margin:2px 0 0;height:22px;border:1px solid #d4aa5b44;background:#08131b;overflow:hidden}
.fc-count i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#8a6a2b,#e2be74)}
.fc-count span{position:relative;padding:0 10px;font:600 11px/1 var(--wo-title);letter-spacing:.16em;color:#fff1cc;text-shadow:0 1px 2px #000}
.fc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}
.fc-actions .fc-go{height:46px;padding:0 22px;font-size:14px;letter-spacing:.16em}
.fc-done{margin:0;flex:1 1 260px;color:#cfe9d6;font-size:14px;line-height:1.45}
.fc-done b{color:#9fe3a8}
.fc-status{min-height:20px;margin:0;font-size:13.5px;line-height:1.4;color:#c7d2d1}
.fc-status:empty{min-height:0}
.fc-status[data-kind="error"]{color:#ff8a7a}
.fc-status[data-kind="ok"]{color:#9fe3a8}
.fc-status[data-kind="busy"]::before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border:2px solid #d4aa5b;border-right-color:transparent;border-radius:50%;vertical-align:-1px;animation:on-spin .8s linear infinite}
@media (max-width:700px){.fc-body{grid-template-columns:1fr}.fc-card{width:min(260px,70vw);justify-self:center}}

/* ------------------------------------------------------------ STORE (frozen) */
.wo-store{position:fixed;inset:0;margin:auto;width:min(980px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);overflow:auto;padding:0;border:1px solid #cbb17b99;border-radius:0;
  background:linear-gradient(160deg,#17303af8,#0a1922fb);color:#e7ecea;font-family:var(--wo-text);box-shadow:0 30px 90px #000e,inset 0 1px 0 #ffffff12}
.wo-store::backdrop{background:#01070abd;backdrop-filter:blur(3px)}
.st-head{position:relative;display:flex;align-items:center;gap:14px;padding:16px 56px 13px 22px;border-bottom:1px solid #d4aa5b22;flex-wrap:wrap}
.st-head .eyebrow{font:600 10.5px/1 var(--wo-title);letter-spacing:.22em;color:#cbb07a}
.st-head h2{margin:0;font:700 26px/1 var(--wo-title);letter-spacing:.06em;text-transform:uppercase;color:#f6ead0}
.st-tabs{display:flex;gap:6px;margin-left:12px}
.st-tabs button{height:34px;padding:0 14px;border:1px solid #ffffff22;background:transparent;color:#a9bcc4;font:600 13px/1 var(--wo-title);letter-spacing:.16em;cursor:pointer}
.st-tabs button[aria-selected="true"]{border-color:#d4aa5b;color:#ffe2a3;background:#d4aa5b14}
.st-body{padding:16px 22px 6px}
.st-note{margin:0 0 14px;color:#9fb0b6;font-size:13.5px}
.st-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.st-item{display:flex;flex-direction:column;border:1px solid #ffffff17;background:#06111799}
.st-art{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(circle at 50% 35%,#24414d,#08141b 70%)}
.st-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%;filter:saturate(.7) brightness(.85)}
.st-new{position:absolute;left:50%;top:50%;width:46%;translate:-50% -46%;opacity:.55;filter:grayscale(.3) brightness(.8) drop-shadow(0 6px 14px #000c)}
.st-q{position:absolute;left:50%;top:44%;translate:-50% -50%;font:700 40px/1 var(--wo-title);color:#d4aa5bcc;text-shadow:0 2px 10px #000}
.st-pack{position:absolute;left:50%;top:50%;width:44%;aspect-ratio:5/7;translate:-50% -50%;rotate:-6deg;background:#0b161d center/cover no-repeat;border:2px solid #d4aa5b88;box-shadow:12px 6px 0 -2px #0a1820,12px 6px 0 0 #d4aa5b44,0 10px 24px #000b}
.st-pack img{position:absolute;left:50%;bottom:-14%;width:58%;translate:-50% 0;filter:drop-shadow(0 3px 6px #000)}
.st-hudlook{position:absolute;inset:14% 18%;border:2px solid #d4aa5b55;background:linear-gradient(180deg,transparent 60%,#b98b3e 60%,#6e4421)}
.st-hudlook[data-set="warroom"]{background:radial-gradient(ellipse at 50% 30%,#ff7a3a55,transparent 60%),linear-gradient(180deg,transparent 60%,#3a3f46 60%,#15181d)}
.st-hudlook[data-set="summit"]{background:radial-gradient(ellipse at 50% 30%,#59b8ff44,transparent 60%),linear-gradient(180deg,transparent 60%,#e6e1d6 60%,#a9a49a)}
.st-hudlook[data-set="iron"]{background:radial-gradient(ellipse at 50% 30%,#f0cf8a44,transparent 60%),linear-gradient(180deg,transparent 60%,#9aa7b0 60%,#4f5a61)}
.st-soon{position:absolute;right:8px;top:8px;padding:4px 8px;border:1px solid #8ca69b88;background:#0a151dd9;color:#cdd7d5;font:700 10px/1 var(--wo-title);letter-spacing:.18em;font-style:normal}
.st-info{display:flex;flex-direction:column;gap:5px;padding:10px 10px 12px}
.st-info small{font:600 10px/1 var(--wo-title);letter-spacing:.18em;color:#cbb07a}
.st-info b{font:700 16px/1.1 var(--wo-title);letter-spacing:.05em;color:#f3ead4}
.st-info span{font-size:12px;line-height:1.35;color:#8ea3a4}
.st-info .wo-btn{margin-top:6px;width:100%}
.st-foot{margin:12px 0 0;padding:12px 22px 16px;border-top:1px solid #ffffff10;font-size:12.5px;color:#8ea3a4}

/* ------------------------------------------------------------ smaller heights and widths */
@media (max-height:820px){
  .mm-hero{margin-top:clamp(8px,1.6vh,14px)}
  .mm-hero-last{font-size:clamp(32px,3.1vw,52px)}
  .mm-hero .mm-power p{font-size:12.5px}
  .mm-hero .mm-power b{font-size:15px}
  .main-menu .mm-actions .setup-start{min-height:40px}
}
@media (max-height:760px){
  .mm-hero .mm-power p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-width:1500px){
  .main-menu .mm-config{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(220px,.95fr)}
  .fc-label small{font-size:8.5px}
  .fc-label b{font-size:11.5px}
}
@media (max-width:1366px){
  .online-profile-button{max-width:170px}
}