/* EuropeMC store template (Mosaic). Built from the approved prototype; the store itself is drawn by app.js from Tebex data. */
:root{--f-ui:system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#0D0E17;color:#F3F4FA;font-size:14px;min-height:100vh}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid #8FD3FF;outline-offset:2px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#1b1e27;border:1px solid #333847;color:#eceef4;padding:10px 16px;border-radius:12px;font-weight:600;transition:.25s;z-index:99;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:calc(100vw - 32px);font-family:'Minecraftia','Courier New',monospace}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.bad{border-color:#E0566A}
.px-img{image-rendering:pixelated}
@font-face{font-family:'Minecraftia';src:url(data:font/woff;base64,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) format('woff');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:'Minecraft Title';src:url(data:font/woff;base64,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) format('woff');font-weight:400;font-style:normal;font-display:block}
/* =====================================================================
   MOSAIC  (two colourways share one structure)
   ===================================================================== */
.m{--px-big:'Minecraft Title','Courier New',monospace;--px:'Minecraftia','Courier New',monospace;font-synthesis:none;
  --gold:#FFC53D;--gold-ink:#2A1A00;--good:#3BE07F;--bad:#E0566A;--blurple:#5865F2;--dot:rgba(255,255,255,.05);
  position:relative;background-color:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1.5px),var(--bg-grad);background-size:22px 22px,100% 100%;
  color:var(--fg);font-family:'Chakra Petch',system-ui,sans-serif;font-size:15px}
.m.purple{--bg:#0D0E17;--bg-grad:linear-gradient(#0D0E17,#0D0E17);--panel:#161827;--panel-2:#1F2236;--line:#2B2F47;--fg:#F3F4FA;--fg-2:#C9CDE3;--muted:#959CBB;
  --accent:#7C4DFF;--accent-2:#A383FF;--accent-ink:#FFFFFF;--accent-tint:rgba(124,77,255,.2);--ip:#8FD3FF;
  --t1:#7C4DFF;--t1-ink:#fff;--t2:#1E8BFF;--t2-ink:#fff;--t3:#F5A400;--t3-ink:#fff;--t3-sh:rgba(0,0,0,.25);--t4:#E8384B;--t4-ink:#fff;--t5:#1DB35C;--t5-ink:#fff}
.m.blue{--bg:#101224;--bg-grad:linear-gradient(180deg,#101224 0%,#111325 100%);--panel:#161A35;--panel-2:#1D2346;--line:#283059;--fg:#EEF3FF;--fg-2:#C6D0F0;--muted:#8F9CC9;
  --accent:#35A9FF;--accent-2:#7CCBFF;--accent-ink:#04182B;--accent-tint:rgba(53,169,255,.18);--ip:#8FD3FF;
  --t1:#7C4DFF;--t1-ink:#fff;--t2:#1E8BFF;--t2-ink:#fff;--t3:#F5A400;--t3-ink:#fff;--t3-sh:rgba(0,0,0,.25);--t4:#E8384B;--t4-ink:#fff;--t5:#1DB35C;--t5-ink:#fff}
.m.midnight{--bg:#0D0E17;--bg-grad:linear-gradient(#0D0E17,#0D0E17);--panel:#161827;--panel-2:#1F2236;--line:#2B2F47;--fg:#F3F4FA;--fg-2:#C9CDE3;--muted:#959CBB;
  --accent:#35A9FF;--accent-2:#7CCBFF;--accent-ink:#FFFFFF;--accent-tint:rgba(53,169,255,.18);--ip:#8FD3FF;
  --t1:#7C4DFF;--t1-ink:#fff;--t2:#1E8BFF;--t2-ink:#fff;--t3:#F5A400;--t3-ink:#fff;--t3-sh:rgba(0,0,0,.25);--t4:#E8384B;--t4-ink:#fff;--t5:#1DB35C;--t5-ink:#fff}
.m.midnight .m-btn:not(.dark):not(.blurple),.m.midnight .m-cart,.m.midnight .m-opt.on,.m.midnight .m-mode button.on{text-shadow:2px 2px 0 rgba(0,0,0,.3)}
.m .in{max-width:1100px;margin:0 auto;padding-inline:24px}
/* Base heading rules; the type system block further down sets the final fonts (Minecraftia + Minecraft Title) */
.m h1,.m h2,.m h3{margin:0;font-family:var(--px-big);font-weight:400;letter-spacing:.125em;line-height:1.1;text-shadow:.125em 0 0 currentColor,.125em .125em 0 var(--sh,rgba(0,0,0,.45)),.25em .125em 0 var(--sh,rgba(0,0,0,.45))}
.m h4,.m h5,.m .px{margin:0;font-family:var(--px);font-weight:400}
.m h4,.m h5,.m-btn,.m-price,.m-prod-price,.m-cart b,.m-acct b,.m-ip b{text-shadow:.125em .125em 0 rgba(0,0,0,.35)}

/* header */
.m-top{padding-top:16px}
.m-logo{display:block;margin:0 auto -30px;height:66px;max-width:calc(100% - 32px);object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 6px 0 rgba(0,0,0,.45));cursor:pointer}
.m-bar{background:var(--panel);border:2px solid var(--line);border-radius:14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:38px 14px 14px}
.m-acct{display:flex;gap:12px;align-items:center;background:var(--panel-2);border:0;border-radius:10px;padding:8px 16px 8px 8px;cursor:pointer;justify-self:start;text-align:left;min-width:0}
.m-acct .ic{width:40px;height:40px;border-radius:8px;background:var(--line);display:grid;place-items:center;box-shadow:inset 0 -4px 0 rgba(0,0,0,.25);flex:none}
.m-acct small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em}
.m-acct b{font-family:var(--px);font-size:16px;display:block;max-width:13ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-ip{text-align:center;background:none;border:0;cursor:pointer;padding:0}
.m-ip b{display:block;color:var(--ip);font-family:var(--px);font-size:16px;letter-spacing:.08em}
.m-ip small{color:var(--muted);font-size:12px;display:inline-flex;gap:6px;align-items:center}
.m-live{width:8px;height:8px;border-radius:2px;background:var(--good);animation:mpulse 1.6s ease-in-out infinite}
@keyframes mpulse{50%{opacity:.3}}
/* shiny cart */
.m-cart{justify-self:end;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;gap:12px;border:0;border-radius:12px;padding:10px 12px 10px 16px;cursor:pointer;color:var(--accent-ink);
  background:linear-gradient(180deg,var(--accent-2),var(--accent) 60%);box-shadow:inset 0 -5px 0 rgba(0,0,0,.28),inset 0 2px 0 rgba(255,255,255,.4),0 8px 28px -8px var(--accent);transition:filter .15s,transform .1s}
.m-cart::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 48%,transparent 60%);background-size:260% 100%;background-position:160% 0;animation:msheen 3.6s ease-in-out infinite}
.m-cart::after{content:"";position:absolute;top:7px;right:9px;width:4px;height:4px;background:#fff;box-shadow:0 0 6px 2px rgba(255,255,255,.8);opacity:0;animation:mspark 3.6s ease-in-out infinite;z-index:-1}
@keyframes msheen{0%,52%{background-position:160% 0}100%{background-position:-70% 0}}
@keyframes mspark{0%,80%{opacity:0;transform:scale(.4) rotate(0)}88%{opacity:1;transform:scale(1.2) rotate(45deg)}100%{opacity:0;transform:scale(.4) rotate(90deg)}}
.m-cart:hover{filter:brightness(1.08)}
.m-cart:active{transform:translateY(2px)}
.m-cart .ico{font-size:20px}
.m-cart .t{text-align:left;line-height:1.15}
.m-cart b{font-family:var(--px);font-size:16px;display:block}
.m-cart small{font-size:12.5px;font-weight:700;opacity:.9;font-variant-numeric:tabular-nums}
.m-count{min-width:26px;height:26px;padding:0 7px;border-radius:7px;background:rgba(0,0,0,.28);color:#fff;font:400 12px/26px var(--px);text-align:center}
.m-cart.bump{animation:mbump .45s}
@keyframes mbump{35%{transform:scale(1.1) rotate(-2deg)}70%{transform:scale(.97)}}

/* bento */
.m-bento{display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:180px 180px 150px;gap:12px;margin-top:14px}
.m-tile{position:relative;overflow:hidden;border-radius:14px;padding:24px 26px;cursor:pointer;color:var(--ink);background:var(--tc);box-shadow:inset 0 -6px 0 rgba(0,0,0,.22),inset 0 2px 0 rgba(255,255,255,.18);transition:transform .15s;border:0;text-align:left;display:block}
.m-tile:hover{transform:translateY(-3px)}
.m-tile:hover img{transform:translate(-4px,-4px) rotate(-2deg)}
.m-tile h3{font-size:48px;line-height:1;position:relative;z-index:1;max-width:11ch}
.m-tile p{margin:10px 0 0;font-family:var(--px);font-size:16px;text-shadow:.125em .125em 0 var(--sh,rgba(0,0,0,.25));position:relative;z-index:1;max-width:22ch}
.m-tile img{position:absolute;right:10px;bottom:-8px;height:150px;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.28));transition:transform .2s}
.m-tile.big{grid-row:1/3}
.m-tile.big h3{font-size:72px}
.m-tile.big img{height:290px;right:-6px;bottom:-14px}
.tc1{--tc:var(--t1);--ink:var(--t1-ink)} .tc2{--tc:var(--t2);--ink:var(--t2-ink)} .tc3{--tc:var(--t3);--ink:var(--t3-ink);--sh:var(--t3-sh)} .tc4{--tc:var(--t4);--ink:var(--t4-ink)} .tc5{--tc:var(--t5);--ink:var(--t5-ink)}
.m-tag{position:absolute;top:16px;right:18px;z-index:2;background:#fff;color:#14121c;font:400 16px var(--px);padding:5px 10px;transform:rotate(4deg);box-shadow:4px 4px 0 rgba(0,0,0,.35);font-variant-numeric:tabular-nums;}

/* best value */
.m-shine{display:inline-flex;gap:6px;align-items:center;font:400 12px var(--px);color:var(--gold-ink);background:linear-gradient(110deg,#FFB800 20%,#FFF3C4 40%,#FFB800 60%);background-size:260% 100%;animation:mgold 2.8s linear infinite;padding:4px 9px;border-radius:6px;letter-spacing:.05em;white-space:nowrap}
@keyframes mgold{from{background-position:130% 0}to{background-position:-130% 0}}
.m-best{margin-top:12px;display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:18px;align-items:center;background:linear-gradient(90deg,rgba(255,197,61,.16),rgba(255,197,61,0) 55%),var(--panel);border:2px solid rgba(255,197,61,.55);border-radius:14px;padding:10px 20px 10px 10px}
.m-best .art{width:112px;height:112px;border-radius:10px;background:radial-gradient(circle at 50% 60%,rgba(255,197,61,.28),transparent 70%);display:grid;place-items:center}
.m-best .art img{width:100%}
.m-best h3{font-size:32px;margin-top:6px}
.m-best p{margin:4px 0 0;color:var(--fg-2);font-size:14px;line-height:1.45}
.m-best .act{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* modules */
.m-mods{display:grid;grid-template-columns:1.25fr 1fr .85fr;gap:12px;margin-top:12px}
.m-panel{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:18px;min-width:0}
.m-panel h5{font-size:13px;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.m-panel h5 svg,.m-panel h5 i{color:var(--ip)}
.m-seg{display:grid;grid-template-columns:repeat(20,1fr);gap:3px}
.m-seg span{height:16px;background:var(--panel-2)}
.m-seg span.on{background:var(--good);box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.m-goalmeta{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted);font-size:13px}
.m-goalmeta b{color:var(--good);font-family:var(--px);font-size:16px}
.m-heads{display:flex;gap:8px;flex-wrap:wrap}
.m-heads img{width:38px;height:38px;border:2px solid var(--line);border-radius:6px}

/* buttons */
.m-btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;font:400 16px var(--px);color:var(--accent-ink);background:var(--accent);box-shadow:inset 0 -5px 0 rgba(0,0,0,.25);cursor:pointer;text-decoration:none;white-space:nowrap}
.m-btn:hover{filter:brightness(1.1)}
.m-btn:active{box-shadow:inset 0 -2px 0 rgba(0,0,0,.25);transform:translateY(2px)}
.m-btn.gold{background:var(--gold);color:var(--gold-ink)}
.m-btn.green{background:#1DB35C;color:#fff}
.m-btn.dark{background:var(--panel-2);color:var(--fg)}
.m-btn.blurple{background:var(--blurple);color:#fff}
.m-btn.full{width:100%}
.m-btn.sm{padding:8px 10px;font-size:12px}

/* category pages */
.m-head{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}
.m-back{width:44px;height:44px;border-radius:10px;background:var(--panel-2);border:2px solid var(--line);cursor:pointer;display:grid;place-items:center}
.m-head h2{font-size:32px;margin-right:auto}
.m-chips{display:flex;gap:6px;flex-wrap:wrap}
.m-chips button{background:var(--panel);border:2px solid var(--line);border-radius:8px;padding:6px 10px;font:400 16px var(--px);cursor:pointer;color:var(--muted)}
.m-chips button:hover{color:var(--fg)}
.m-chips button.on{color:var(--fg);border-color:var(--accent);background:var(--accent-tint)}
.m-plus{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:16px;align-items:center;background:linear-gradient(90deg,var(--accent-tint),transparent 60%),var(--panel);border:2px solid var(--line);border-radius:14px;padding:10px 18px 10px 10px;margin-top:14px}
.m-plus img{width:88px;height:88px;object-fit:contain}
.m-plus h4{font-size:16px}
.m-plus .act{display:grid;gap:6px}
.m-pchips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.m-pchips span{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:12.5px;font-weight:600;color:var(--fg-2)}
.m-pchips span.new{border-color:rgba(59,224,127,.45);color:var(--good)}
.m-pchips span.cmd{font-family:ui-monospace,Consolas,monospace;font-size:12px}
.m-sub{color:var(--muted);font-size:13px}

/* comparison table */
.m-tablewrap{overflow-x:auto;margin-top:8px;padding-bottom:6px}
.m-table{border-collapse:separate;border-spacing:6px;width:100%;min-width:840px;font-variant-numeric:tabular-nums}
.m-table th,.m-table td{background:var(--panel);border-radius:10px;text-align:center;padding:9px 8px;font-size:14px;font-weight:600}
.m-table thead th{position:relative;vertical-align:bottom;padding:20px 6px 10px;cursor:pointer;transition:background .15s}
.m-table thead th:hover{background:var(--panel-2)}
.m-table thead th img{width:76px;height:76px;object-fit:contain;display:block;margin:0 auto 6px;transition:transform .2s}
.m-table thead th:hover img{transform:translateY(-3px) scale(1.05)}
.m-table thead th b{font-family:var(--px);font-size:16px;display:block}
.m-table thead th small{display:block;color:var(--muted);font-size:11px;margin-top:3px;font-weight:600}
.m-table th.corner{background:transparent;cursor:default;text-align:left;vertical-align:bottom;padding-left:2px}
.m-table td.lbl{text-align:left;background:var(--panel-2);color:var(--fg-2);font-size:13px;width:168px;position:sticky;left:0;z-index:1}
.m-table tr.sec td{background:transparent;text-align:left;font:400 12px var(--px);color:var(--muted);padding:14px 2px 0;letter-spacing:.06em;position:static}
.m-table .best{background:linear-gradient(rgba(255,197,61,.11),rgba(255,197,61,.11)),var(--panel)!important;box-shadow:inset 0 0 0 2px rgba(255,197,61,.75)}
.m-table thead .best:hover{background:linear-gradient(rgba(255,197,61,.18),rgba(255,197,61,.18)),var(--panel-2)!important}
.m-table .top{background:linear-gradient(var(--accent-tint),var(--accent-tint)),var(--panel)!important;box-shadow:inset 0 0 0 2px var(--accent)}
.m-ribbon{position:absolute;top:-1px;left:50%;transform:translateX(-50%);font:400 12px var(--px);padding:3px 8px;border-radius:0 0 6px 6px;white-space:nowrap;letter-spacing:.05em;background:var(--accent);color:var(--accent-ink)}
.m-ribbon.m-shine{border-radius:0 0 6px 6px;padding:3px 8px;font-size:10px}
.m-table td.cmd{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}
.yes{color:var(--good)} .no{color:var(--bad);opacity:.75} .dash{color:var(--muted)}
.m-prefix{font:400 12px var(--px);border:1px solid var(--line);background:var(--panel-2);padding:3px 6px;border-radius:5px;letter-spacing:.04em}
.m-mini{height:6px;background:var(--panel-2);border-radius:3px;margin:6px auto 0;overflow:hidden;max-width:80px}
.m-mini span{display:block;height:100%;background:var(--good)}
.m-toggle{background:none;border:2px dashed var(--line);border-radius:10px;width:100%;padding:9px;cursor:pointer;color:var(--fg-2);font:400 16px var(--px)}
.m-toggle:hover{border-color:var(--accent);color:var(--fg)}
.m-table tr.toggle td{background:transparent;padding:0}
.m-price{font:400 16px var(--px);display:block;margin-bottom:8px}
.m-cap{color:var(--muted);font-size:12.5px;margin-top:6px}

/* upgrades */
.m-ups{display:grid;gap:10px;margin-top:14px}
.m-up{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:12px 16px 12px 12px}
.m-pair{display:flex;align-items:center;gap:6px}
.m-pair .av{width:64px;height:64px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;overflow:hidden}
.m-pair .av img{width:92%}
.m-pair .av.from img{filter:grayscale(.7) brightness(.75)}
.m-pair svg,.m-pair i{color:var(--accent)}
.m-up h4{font-size:14px}
.m-up .buy{display:grid;gap:6px;justify-items:end;text-align:right}
.m-up .buy b{font:400 24px var(--px)}
.m-up .buy small{color:var(--muted);font-size:12.5px}
.m-up .buy s{color:var(--muted)}

.m-tag.gold{background:var(--gold);color:var(--gold-ink);top:14px;right:14px;transform:rotate(-3deg)}

/* upgrade cards */
.m-ugrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.m-ucard{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:12px 12px 14px;display:grid;gap:8px;text-align:center;transition:transform .15s,border-color .15s}
.m-ucard:hover{transform:translateY(-3px);border-color:var(--accent)}
.m-ucard .art{position:relative;height:170px;border-radius:10px;border:0;background:radial-gradient(circle at 50% 65%,var(--accent-tint),transparent 70%),var(--panel-2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:12px;margin-bottom:4px;overflow:hidden}
.m-ucard .art>img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.28));transition:transform .2s}
.m-ucard:hover .art>img{transform:scale(1.06) rotate(-2deg)}
.m-ucard .from{position:absolute;left:8px;bottom:8px;width:40px;height:40px;border-radius:8px;background:var(--panel);border:2px solid var(--line);display:grid;place-items:center;overflow:hidden}
.m-ucard .from img{width:90%;filter:grayscale(.7) brightness(.75)}
.m-ucard h4{font-size:16px;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}
.m-ucard h4 svg,.m-ucard h4 i{color:var(--accent);font-size:14px}
.m-uprice{font:400 24px var(--px);color:var(--accent-2);text-shadow:.125em .125em 0 rgba(0,0,0,.35)}
.m-uprice small{font-size:16px;color:var(--muted)}
.m-ucard .m-row{margin-top:4px}
.m-btn.grow{flex:1}
.m-btn.icon{width:44px;padding:0}
.m-btn.big{padding:15px 22px;font-size:16px}

/* gems */
.m-gfeat{position:relative;margin-top:14px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:radial-gradient(70% 90% at 25% 50%,rgba(255,197,61,.18),transparent 70%),var(--panel);border:2px solid rgba(255,197,61,.7);border-radius:16px;overflow:hidden;box-shadow:0 0 0 4px rgba(255,197,61,.08),0 20px 50px -25px rgba(255,197,61,.45)}
.m-gfeat::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,240,200,.12) 50%,transparent 60%);background-size:250% 100%;animation:msheen 5s ease-in-out infinite}
.m-gfeat .art{position:relative;display:grid;place-items:center;padding:30px 20px;min-height:300px}
.m-gfeat .art img{width:min(300px,90%);filter:drop-shadow(10px 10px 0 rgba(0,0,0,.3));animation:mfloat 4s ease-in-out infinite}
@keyframes mfloat{50%{transform:translateY(-8px) rotate(-1deg)}}
.m-gfeat .m-ribbon{left:24px;transform:none;top:0;font-size:16px;padding:6px 12px}
.m-gfeat .body{padding:30px 30px 30px 10px;display:grid;gap:14px;align-content:center}
.m-gfeat h2{font-size:48px}
.m-gbonus{font:400 16px var(--px);color:var(--fg-2)}
.m-gbonus b{font-weight:400;color:var(--good);text-shadow:.125em 0 0 currentColor}
.m-gstats{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.m-gstats li{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:baseline;color:var(--fg-2);font-size:14.5px}
.m-gstats b{font:400 24px var(--px);color:var(--gold);text-align:right;font-variant-numeric:tabular-nums;text-shadow:.125em .125em 0 rgba(0,0,0,.4)}
.m-gh{font-size:16px;margin:30px 0 0;display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.m-gh .m-sub{text-shadow:none;font-family:'Chakra Petch',sans-serif}
.m-gpacks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px}
.m-gpack{position:relative;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:8px;text-align:center}
.m-gpack .art{height:110px;display:grid;place-items:center;background:var(--panel-2);border-radius:10px}
.m-gpack .art img{max-height:90px;max-width:80%;object-fit:contain}
.m-gpack h4{font-size:16px}
.m-gb{position:absolute;top:-10px;left:50%;transform:translateX(-50%);z-index:1;background:#1DB35C;color:#fff;font:400 12px var(--px);padding:3px 8px;border-radius:999px;white-space:nowrap}
.m-rate{display:grid;gap:4px;color:var(--muted);font-size:13px}
.m-rate .m-mini{max-width:none;margin:0}
.m-nudge{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start;margin-top:6px;padding:12px;border-radius:12px;border:2px dashed rgba(255,197,61,.6);background:rgba(255,197,61,.08)}
.m-nudge img{width:56px}
.m-nudge b{display:block;font:400 16px var(--px);color:var(--gold);line-height:1.3}
.m-nudge .m-sub{display:block;margin:4px 0 10px}

/* single product (gems, unban) */
.m-prod{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--panel);border:2px solid var(--line);border-radius:14px;overflow:hidden;margin-top:14px}
.m-prod-art{background:var(--panel-2);display:grid;place-items:center;padding:24px;min-height:320px}
.m-prod-art img{max-width:260px;width:80%;filter:drop-shadow(8px 8px 0 rgba(0,0,0,.3))}
.m-prod-r{padding:28px;display:grid;gap:14px;align-content:center;min-width:0}
.m-prod-r.c{text-align:center}
.m-prod-r h2{font-size:40px}
.m-prod-price{color:var(--good);font:400 24px var(--px);margin-top:-6px}
.m-prod-r p{margin:0;color:var(--fg-2);line-height:1.55}
.m-opts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}
.m-opt{position:relative;background:var(--panel-2);border:2px solid var(--line);border-radius:10px;padding:16px 4px 12px;cursor:pointer;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2)}
.m-opt b{display:block;font:400 16px var(--px)}
.m-opt small{color:var(--muted);font-size:12px}
.m-opt.on{background:var(--accent);border-color:var(--accent-2);color:var(--accent-ink)}
.m-opt.on small{color:inherit;opacity:.85}
.m-opt em{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#1DB35C;color:#fff;font:400 12px var(--px);font-style:normal;padding:2px 6px;border-radius:999px;white-space:nowrap}
.m-val{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap;color:var(--fg-2);font-size:13.5px}
.m-warn{border:2px solid rgba(232,56,75,.5);background:rgba(232,56,75,.1);border-radius:10px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex;gap:10px;color:var(--fg-2)}
.m-warn svg,.m-warn i{color:#ff6b7c;margin-top:3px;flex:none}
.m-row{display:flex;gap:8px;flex-wrap:wrap}

/* overlays */
.m-ov{position:fixed;inset:0;background:rgba(5,6,12,.72);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:60;padding:16px;animation:mfade .15s}
@keyframes mfade{from{opacity:0}}
.m-modal{width:min(600px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--panel);border:2px solid var(--line);border-radius:16px;position:relative;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);animation:mpop .18s}
@keyframes mpop{from{transform:translateY(8px) scale(.98)}}
.m-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:9px;border:2px solid var(--line);background:var(--panel);cursor:pointer;display:grid;place-items:center;z-index:2}
.m-mh{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:18px 56px 18px 20px;background:var(--panel-2);border-bottom:2px solid var(--line)}
.m-mh img{width:96px;height:96px;object-fit:contain}
.m-mh h3{font-size:32px}
.m-mb{padding:16px 20px 20px}
.m-mb h5{font-size:11px;color:var(--muted);letter-spacing:.06em;margin:4px 0 8px}
.m-perks{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;list-style:none;padding:0;margin:0 0 14px}
.m-perks li{display:flex;gap:8px;align-items:baseline;font-size:14px;line-height:1.35}
.m-perks li svg,.m-perks li i{color:var(--good);flex:none}
.m-mf{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:2px solid var(--line);padding:14px 20px;background:var(--panel)}
.m-mf b{font:400 24px var(--px)}
.m-drawer{position:fixed;top:0;right:0;bottom:0;width:min(390px,100%);background:var(--panel);border-left:2px solid var(--line);z-index:61;display:flex;flex-direction:column;animation:mslide .2s ease-out;box-shadow:-20px 0 60px rgba(0,0,0,.5)}
@keyframes mslide{from{transform:translateX(30px);opacity:0}}
.m-dh{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:2px solid var(--line)}
.m-dh h3{font-size:24px}
.m-dl{flex:1;overflow:auto;padding:12px 16px;display:grid;gap:8px;align-content:start}
.m-di{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--panel-2);border-radius:10px;padding:8px 10px 8px 8px}
.m-di img{width:52px;height:52px;object-fit:contain}
.m-di b{font-size:14px;display:block;line-height:1.25}
.m-di small{color:var(--muted)}
.m-di button{background:none;border:0;color:var(--muted);cursor:pointer;width:32px;height:32px;border-radius:8px}
.m-di button:hover{color:var(--bad);background:var(--panel)}
.m-empty{text-align:center;color:var(--muted);padding:40px 16px;display:grid;gap:12px;justify-items:center}
.m-df{border-top:2px solid var(--line);padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));display:grid;gap:10px}
.m-total{display:flex;justify-content:space-between;align-items:baseline}
.m-total b{font:400 24px var(--px)}
.m-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--panel-2);border-radius:10px;padding:4px}
.m-mode button{border:0;background:none;border-radius:8px;padding:10px;cursor:pointer;font:400 16px var(--px);color:var(--muted);display:flex;gap:8px;justify-content:center;align-items:center}
.m-mode button.on{background:var(--accent);color:var(--accent-ink)}
.m-input{width:100%;background:var(--bg);border:2px solid var(--line);border-radius:10px;padding:12px 14px;font-size:16px}
.m-input:focus{outline:none;border-color:var(--accent)}

/* footer */
.m-foot{border-top:2px solid var(--line);margin-top:40px;background:rgba(0,0,0,.28);padding-block:28px}
.m-foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.m-foot p{color:var(--muted);font-size:13px;line-height:1.7;margin:8px 0 0;max-width:48ch}
.m-foot .r{text-align:right;justify-self:end}
.m-foot .r p{margin-left:auto}
.m-foot .brand{display:flex;gap:10px;align-items:center;color:var(--ip);font-size:14px}
.m-foot .fine{grid-column:1/-1;border-top:2px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:12px}
.m-foot .links{display:flex;gap:14px;flex-wrap:wrap}
.m-foot .links a{cursor:pointer;text-decoration:none}
.m-foot .links a:hover{color:var(--fg)}
.m-soc{display:flex;gap:8px}
.m-soc a{width:36px;height:36px;border-radius:8px;background:var(--panel-2);display:grid;place-items:center;color:var(--fg-2);text-decoration:none}
@media (prefers-reduced-motion: reduce){.m *,.m *::before,.m *::after{animation:none!important;transition:none!important}}

/* ---------- type system (matches ColorGens) ----------
   Minecraftia: all small and running text, regular weight only, generous line height.
   Minecraft Title: anything that needs weight (headings, buttons, prices, names), uppercase, flat 25% drop shadow.
   Bold is never synthesised; emphasis switches to Minecraft Title instead. */
.m{font-family:var(--px);font-size:14px;line-height:1.75;font-synthesis:none}
.m b,.m strong{font-weight:400}
.m h1,.m h2,.m h3,.m h4,.m h5,.m-btn,.m-price,.m-uprice,.m-prod-price,.m-gstats b,.m-total b,.m-mf b,.m-cart b,.m-acct b,.m-table thead th b,.m-chips button,.m-mode button,.m-toggle,.m-nudge b,.m-count,.m-prefix,.m-opt b,.m-up .buy b,.m-gbonus b{
  font-family:var(--px-big);font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1.15;text-shadow:2px 2px 0 rgba(0,0,0,.25)}
.m h1,.m h2,.m h3,.m-tile h3{text-shadow:3px 3px 0 rgba(0,0,0,.25)}
.m-tile h3{font-size:48px;line-height:1}
.m-tile.big h3{font-size:64px}
.m-tile p{font-family:var(--px);font-size:18px;line-height:1.5;text-transform:uppercase;text-shadow:3px 3px 0 rgba(0,0,0,.25);letter-spacing:0}
.m-head h2{font-size:36px}
.m-best h3,.m-mh h3{font-size:36px}
.m-prod-r h2,.m-gfeat h2{font-size:48px}
.m-dh h3{font-size:28px}
.m h4{font-size:18px}
.m h5{font-size:16px}
.m-btn{font-size:16px;padding:12px 18px}
.m-btn.sm{font-size:14px;padding:9px 12px}
.m-btn.big{font-size:18px;padding:15px 22px}
.m-btn.dark,.m-btn.gold{text-shadow:2px 2px 0 rgba(0,0,0,.3)}
.m-btn.gold{background:#F29A00;color:#fff}
.m-cart b{font-size:18px}
.m-cart small{font-family:var(--px);font-size:12px;font-weight:400}
.m-acct small{font-size:14px;letter-spacing:0}
.m-acct b{font-size:22px;max-width:12ch}
.m-ip b{font-family:var(--px);font-size:18px;letter-spacing:1.4px;text-shadow:none}
.m-ip small{font-size:13px}
.m-count{font-size:14px;line-height:26px}
.m-tag{font-family:var(--px);font-size:20px;line-height:1.2;padding:6px 12px}
.m-tag.gold{font-size:14px;color:#fff;background:#F29A00;text-shadow:2px 2px 0 rgba(0,0,0,.25)}
.m-shine,.m-ribbon,.m-gb,.m-opt em{font-family:var(--px);font-size:12px;letter-spacing:0;line-height:1.4}
.m-ribbon{padding:3px 9px}
.m-gfeat .m-ribbon{font-size:16px;padding:5px 14px}
.m-table td,.m-table th{font-size:14px;font-weight:400}
.m-table thead th b{font-size:16px}
.m-table thead th small{font-size:12px}
.m-table td.lbl{font-size:13px}
.m-table td.cmd,.m-pchips span.cmd{font-family:var(--px);font-size:13px}
.m-table tr.sec td{font-family:var(--px);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.m-prefix{font-size:12px;text-shadow:none}
.m-price{font-size:18px}
.m-uprice{font-size:28px}
.m-uprice small{font-family:var(--px);font-size:14px;text-transform:none;text-shadow:none}
.m-prod-price{font-size:24px}
.m-gstats b{font-size:26px}
.m-gstats li{grid-template-columns:112px minmax(0,1fr)}
.m-gbonus{font-family:var(--px);font-size:16px}
.m-gbonus b{font-size:18px}
.m-total b,.m-mf b{font-size:24px}
.m-chips button{font-size:14px;padding:7px 11px}
.m-mode button,.m-toggle{font-size:15px}
.m-opt b{font-size:18px}
.m-nudge b{font-size:16px;line-height:1.3}
.m-sub,.m-pchips span,.m-perks li,.m-gstats li,.m-rate,.m-prod-r p,.m-best p,.m-warn,.m-di small{font-family:var(--px);font-size:13px;line-height:1.8}
.m-di b{font-family:var(--px-big);font-size:15px;text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.25)}
.m-gh .m-sub{font-family:var(--px);text-transform:none;text-shadow:none;letter-spacing:0}
.m-foot p{font-size:12px;line-height:2.4}
.m-foot .brand{font-family:var(--px-big);font-size:24px;text-transform:uppercase;letter-spacing:1.2px}
.m-foot .fine,.m-foot .links a{font-size:12px}
.m-input{font-family:var(--px);font-size:16px}
.ch-ctrls,.brief{font-family:var(--f-ui)}


/* ---------- round 4: settings-driven pieces ---------- */
.m{--best:#F29A00;--best-ink:#fff;--best-soft:rgba(242,154,0,.16);--best-line:rgba(242,154,0,.7)}
.m-tile{--ink:#fff;color:var(--ink);background:var(--tc)}
.m-bento{grid-template-rows:none;grid-auto-rows:170px}
.m-tile.big{grid-row:span 2}
.m-tile.wide{grid-column:1/-1}
.m-tile.tall{grid-row:span 2}
.m-bento.solo{grid-template-columns:minmax(0,1fr)}
.m-arrow{font-size:.75em;margin:0 .35em;color:var(--accent-2);text-shadow:none}

/* gold = the configurable best-value colour */
.m-shine{background:linear-gradient(110deg,var(--best) 20%,#FFF3C4 40%,var(--best) 60%);background-size:260% 100%;color:#2A1A00}
.m-btn.gold,.m-tag.gold{background:var(--best);color:var(--best-ink)}
.m-best{background:linear-gradient(90deg,var(--best-soft),transparent 55%),var(--panel);border-color:var(--best-line)}
.m-best .act{display:grid;gap:6px;justify-items:end}
.m-best .act .m-sub{font-size:12px}
.m-best h3{margin-top:8px}
.m-gfeat{border-color:var(--best-line);background:radial-gradient(70% 90% at 25% 50%,var(--best-soft),transparent 70%),var(--panel);box-shadow:0 0 0 4px var(--best-soft),0 20px 50px -25px var(--best)}
.m-gstats b,.m-nudge b{color:var(--gold)}
.m-nudge{border-color:var(--best-line);background:var(--best-soft)}
.m-table .best{background:linear-gradient(var(--best-soft),var(--best-soft)),var(--panel)!important;box-shadow:inset 0 0 0 2px var(--best-line)}
.m-table thead .best:hover{background:linear-gradient(var(--best-soft),var(--best-soft)),var(--panel-2)!important}

/* bug fixes */
.m-table th.corner,.m-table th.corner:hover{background:transparent;cursor:default}
.m-mini{display:none}
.m-row.tight{gap:6px;align-items:center}
.m-chip{display:inline-flex;gap:6px;align-items:center;background:var(--accent-tint);color:var(--fg);border:1px solid var(--accent);border-radius:6px;padding:2px 8px;font-family:var(--px);font-size:12px;line-height:1.5}
.m-plusmark{font-family:var(--px-big);font-size:16px}

/* shine on any button */
.m-cart:not(.shine)::before,.m-cart:not(.shine)::after{display:none}
.m-btn.shine{position:relative;overflow:hidden;isolation:isolate}
.m-btn.shine::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.6) 48%,transparent 60%);background-size:260% 100%;background-position:160% 0;animation:msheen 3.6s ease-in-out infinite}

/* sale */
.m-salebar{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;background:var(--best);color:#fff;font-family:var(--px-big);text-transform:uppercase;padding:9px 16px;text-shadow:2px 2px 0 rgba(0,0,0,.25);font-size:16px;letter-spacing:.03em}
.m-salebar-t{font-family:var(--px);text-transform:none;background:rgba(0,0,0,.22);border-radius:6px;padding:2px 9px;font-size:14px;text-shadow:none;letter-spacing:0}
.m-off{display:inline-block;background:#E8384B;color:#fff;font-family:var(--px);font-size:12px;line-height:1.5;padding:0 6px;border-radius:5px;margin-right:6px;text-shadow:none;vertical-align:middle;text-transform:none}
.m del{opacity:.6;font-size:.75em;margin-right:4px}

/* monthly rank card */
.m-subcard{position:relative;margin-top:14px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:2px solid var(--best-line);border-radius:16px;overflow:hidden;background:radial-gradient(60% 90% at 22% 50%,var(--best-soft),transparent 70%),var(--panel);box-shadow:0 0 0 4px var(--best-soft),0 24px 60px -30px var(--best)}
.m-subcard::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,240,200,.1) 50%,transparent 60%);background-size:250% 100%;animation:msheen 5s ease-in-out infinite}
.m-subcard .art{display:grid;place-items:center;padding:24px;min-height:320px}
.m-subcard .art img{width:min(280px,90%);filter:drop-shadow(10px 10px 0 rgba(0,0,0,.3));animation:mfloat 4s ease-in-out infinite}
.m-subcard .body{padding:28px 30px 28px 4px;display:grid;gap:12px;align-content:center;position:relative;z-index:1}
.m-subcard h2{font-size:56px;line-height:1}
.m-subtext{margin:0;color:var(--fg-2);font-size:14px}
.m-headperks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.m-headperks span{display:flex;gap:10px;align-items:center;background:var(--panel-2);border:2px solid var(--line);border-radius:10px;padding:10px 12px;font-family:var(--px-big);text-transform:uppercase;font-size:15px;line-height:1.25;text-shadow:2px 2px 0 rgba(0,0,0,.25)}
.m-headperks svg,.m-headperks i{color:var(--gold);flex:none}
.m-worth{margin:0;color:var(--gold);font-size:14px;display:flex;gap:8px;align-items:center}
.m-gh{margin-top:30px}

/* gems spacing */
.m-gh2{margin-top:44px;display:grid;gap:2px}
.m-gh2 h5{font-size:20px}
.m-gpacks{margin-top:16px;row-gap:22px}
.m-rate{font-size:13px}

/* login, ColorGens style: outlined choices, yellow when selected */
.m-login{width:min(440px,100%)}
.m-login .m-mb{padding:28px 24px 24px;display:grid;gap:14px}
.m-login h3{font-size:32px}
.m-login .m-sub{margin:0}
.m-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:none;padding:0;border-radius:0}
.m-mode button{background:var(--panel-2);border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 12px;color:var(--muted);font-family:var(--px);font-size:16px;text-transform:none;text-shadow:none;letter-spacing:0;transition:border-color .15s,color .15s}
.m-mode button:hover{color:var(--fg)}
.m-mode button.on{background:var(--panel-2);border-color:#FFC53D;color:var(--fg)}
.m-input{background:var(--panel-2);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:18px;padding:12px 16px}
.m-input:focus{border-color:#FFC53D}
.m-loginform{display:grid;gap:10px}

/* goal styles, legal footer */
.m-smooth{height:14px;border-radius:7px;background:var(--panel-2);overflow:hidden}
.m-smooth span{display:block;height:100%;background:var(--good)}
.m-foot .r h4{font-size:18px}
.m-legal{padding:14px 24px;text-align:center;font-family:var(--f-ui);font-size:12.5px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}
@media (max-width: 760px){
  .m-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .m-tile.big{grid-column:1/-1;grid-row:auto;min-height:250px}
  .m-tile{min-height:160px}
  .m-mods{grid-template-columns:minmax(0,1fr)}
  .m-prod{grid-template-columns:minmax(0,1fr)}
  .m-prod-art{min-height:220px}
  .m-best{grid-template-columns:96px minmax(0,1fr)}
  .m-best .art{width:96px;height:96px}
  .m-best .act{grid-column:1/-1;justify-content:stretch}
  .m-best .act .m-btn{flex:1}
  .m-up{grid-template-columns:auto minmax(0,1fr)}
  .m-up .buy{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;justify-items:start;text-align:left}
  .m-up .buy .m-btn{grid-row:1/3;grid-column:2}
  .m-ugrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-gfeat{grid-template-columns:minmax(0,1fr)}
  .m-gfeat .art{min-height:220px;padding-top:40px}
  .m-gfeat .body{padding:0 22px 24px}
  .m-gpacks{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
}
@media (max-width: 600px){
  .m .in{padding-inline:16px}
  .m-bento{grid-template-columns:minmax(0,1fr)}
  .m-tile{min-height:140px;padding:20px}
  .m-tile h3{font-size:40px}
  .m-tile.big h3{font-size:48px}
  .m-tile.big img{height:200px}
  .m-tile img{height:118px}
  .m-logo{height:48px;margin-bottom:-22px}
  .m-bar{padding-top:30px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding-inline:10px}
  .m-acct{padding:6px}
  .m-acct .t,.m-cart .t{display:none}
  .m-cart{padding:10px 10px 10px 14px;gap:8px}
  .m-ip b{font-size:11px}
  .m-foot-grid{grid-template-columns:minmax(0,1fr)}
  .m-foot .r{text-align:left;justify-self:start}
  .m-foot .r p{margin-left:0}
  .m-plus{grid-template-columns:64px minmax(0,1fr)}
  .m-plus img{width:64px;height:64px}
  .m-plus .act{grid-column:1/-1}
  .m-prod-r{padding:20px}
  .m-prod-r h2{font-size:32px}
  .m-opts{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}
  .m-head h2{font-size:24px}
  .m-up{grid-template-columns:minmax(0,1fr)}
  .m-perks{grid-template-columns:minmax(0,1fr)}
  .m-mh{grid-template-columns:64px minmax(0,1fr)}
  .m-mh img{width:64px;height:64px}
  .m-mh h3{font-size:24px}
  .m-ugrid{grid-template-columns:minmax(0,1fr)}
  .m-gfeat h2{font-size:32px}
  .m-gfeat .m-row .m-btn{flex:1}
  .m-gstats li{grid-template-columns:64px minmax(0,1fr)}
  .m-gstats b{font-size:16px}
  .m-tag.gold{display:none}
  .m-tile h3{font-size:40px}
  .m-tile.big h3{font-size:48px}
  .m-tile p{font-size:14px}
  .m-head h2{font-size:28px}
  .m-prod-r h2,.m-gfeat h2{font-size:36px}
  .m-acct b,.m-cart b{font-size:18px}
  .m-ip b{font-size:13px;letter-spacing:.5px}
}

@media (max-width: 760px){
  .m-subcard{grid-template-columns:minmax(0,1fr)}
  .m-subcard .art{min-height:220px;padding-bottom:0}
  .m-subcard .body{padding:0 22px 24px}
  .m-best .act{justify-items:stretch}
}
@media (max-width: 600px){
  .m-bento{grid-auto-rows:auto}
  .m-tile.big,.m-tile.tall{grid-row:auto}
  .m-subcard h2{font-size:40px}
  .m-headperks{grid-template-columns:minmax(0,1fr)}
  .m-subcard .m-row .m-btn{flex:1}
  .m-salebar{font-size:14px}
}

.m .m-gh{margin:34px 0 6px;font-size:18px}
.m-nudge b{font-family:var(--px);text-transform:none;font-size:14px;line-height:1.55;text-shadow:none;letter-spacing:0;color:var(--gold);margin-bottom:8px}
@media (max-width: 1000px){
  .m-best{grid-template-columns:112px minmax(0,1fr)}
  .m-best .act{grid-column:1/-1;justify-items:stretch}
  .m-best .act .m-row .m-btn{flex:1}
}
.m-subcard .body,.m-gfeat .body,.m-prod-r{min-width:0}
@media (max-width: 600px){
  .m-subcard .m-row .m-btn{flex:1 1 100%;white-space:normal;text-align:center}
  .m-best{grid-template-columns:72px minmax(0,1fr)}
  .m-best .art{width:72px;height:72px}
  .m-best .act .m-row .m-btn{flex:1 1 100%;white-space:normal}
}
/* ---------- round 5 ---------- */
/* in-game coloured text: Minecraft's shadow is the same colour at 25% brightness */
.mc span{text-shadow:.12em .12em 0 var(--sh)!important}
.m-prefix{display:inline-block;background:#121218;border:1px solid rgba(255,255,255,.08);padding:4px 8px 3px;border-radius:5px;font-family:var(--px-big);font-size:14px;letter-spacing:.04em;line-height:1.2}
.m-footlogo{height:34px;display:block;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}
/* monthly rank in the crimson of the Plus cloak, gold kept for the chain */
.m-btn.sub{background:linear-gradient(180deg,var(--sub-2),var(--sub) 62%);color:var(--sub-ink);box-shadow:inset 0 -5px 0 rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.28),0 10px 26px -12px var(--sub)}
.m-subcard{border-color:var(--sub-line);background:radial-gradient(55% 90% at 22% 50%,var(--sub-soft),transparent 72%),linear-gradient(160deg,transparent 40%,var(--sub-soft)),var(--panel);box-shadow:0 0 0 4px var(--sub-soft),0 24px 60px -30px var(--sub)}
.m-subcard .m-headperks span{border-color:var(--sub-line);background:linear-gradient(var(--sub-soft),var(--sub-soft)),var(--panel-2)}
.m-subcard .m-chip,.m-best.sub .m-chip{background:var(--sub-soft);border-color:var(--sub-line)}
.m-best.sub{background:linear-gradient(90deg,var(--sub-soft),transparent 60%),var(--panel);border-color:var(--sub-line);box-shadow:0 14px 40px -26px var(--sub)}
.m-best.sub .art{background:radial-gradient(circle at 50% 60%,var(--sub-soft),transparent 70%)}
/* sale bar: moving stripes, a shine, a wobbling badge and a ticking countdown */
.m-salebar{position:relative;overflow:hidden;isolation:isolate;display:flex;gap:10px 16px;justify-content:center;align-items:center;flex-wrap:wrap;padding:11px 16px;color:#fff;background:var(--sale);font-family:var(--px-big);text-transform:uppercase;font-size:20px;letter-spacing:.03em;line-height:1.2;text-shadow:3px 3px 0 rgba(0,0,0,.35);border-bottom:3px solid rgba(0,0,0,.28)}
.m-salebar::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.16) 0 14px,transparent 14px 28px);background-size:39.6px 39.6px;animation:mstripes 1.4s linear infinite}
.m-salebar::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;background-position:160% 0;animation:msheen 3.4s ease-in-out infinite}
@keyframes mstripes{to{background-position:39.6px 0}}
.m-salebadge{background:#fff;color:var(--sale);text-shadow:none;padding:4px 10px 3px;border-radius:6px;font-size:16px;box-shadow:3px 3px 0 rgba(0,0,0,.35);animation:mwobble 1.8s ease-in-out infinite}
@keyframes mwobble{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(4deg) scale(1.1)}}
.m-salecd{display:flex;gap:4px}
.m-salecd b{background:rgba(0,0,0,.4);border-radius:6px;padding:4px 7px 3px;font-family:var(--px);font-weight:400;font-size:16px;text-shadow:none;text-transform:none;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}
.m-salecd b small{font-size:11px;opacity:.75;margin-left:1px}
.m-salebtn{background:#fff;color:#14121c;text-shadow:none;border-radius:8px;padding:7px 13px 6px;font-size:15px;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),3px 3px 0 rgba(0,0,0,.25);display:inline-flex;gap:8px;align-items:center;text-decoration:none;transition:transform .15s}
.m-salebtn:hover{transform:translateY(-2px)}
.m-tag:not(.gold){animation:mtag 2.4s ease-in-out infinite}
@keyframes mtag{0%,100%{transform:rotate(4deg)}50%{transform:rotate(1deg) scale(1.05)}}
@media (max-width: 600px){
  .m-salebar{font-size:15px;gap:8px 10px;padding:9px 10px}
  .m-salecd b{min-width:34px;font-size:14px;padding:3px 5px}
  .m-salebtn{font-size:13px}
}
/* ---------- round 6 ---------- */
/* pop-ups animate only when they open */
.m-ov,.m-modal,.m-drawer{animation:none}
.enter .m-ov{animation:mfade .15s}
.enter .m-modal{animation:mpop .18s}
.enter .m-drawer{animation:mslide .2s ease-out}
/* blue glow at the top of the store, like the ColorGens rainbow one */
#m-shell{position:relative;isolation:isolate}
#m-root{position:relative;z-index:1}
.m-glowbg{position:absolute;left:0;right:0;top:0;height:460px;z-index:0;pointer-events:none;background:radial-gradient(42% 70% at 50% 0%,rgba(92,200,255,.42),rgba(53,169,255,.18) 45%,transparent 75%),radial-gradient(70% 100% at 50% 0%,rgba(47,107,255,.2),transparent 70%);animation:mglow 6s ease-in-out infinite}
@keyframes mglow{50%{opacity:.72}}
.m-glow{position:absolute;left:0;top:0;width:100%;height:420px;z-index:0;pointer-events:none}
.m-logo{filter:drop-shadow(0 6px 0 rgba(0,0,0,.45)) drop-shadow(0 0 22px rgba(92,200,255,.55))}
/* best value badge: a pixel gold plaque with a moving glint */
.m-shine{position:relative;overflow:hidden;display:inline-flex;gap:6px;align-items:center;background:linear-gradient(180deg,#FFE88F 0%,#FFC23A 48%,#F29A00 100%);border:2px solid #6E4300;border-radius:6px;color:#3A2200;font-family:var(--px-big);font-size:13px;text-transform:uppercase;letter-spacing:.04em;line-height:1;padding:5px 9px 4px;text-shadow:1px 1px 0 rgba(255,255,255,.45);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.18),2px 2px 0 rgba(0,0,0,.35);animation:none;white-space:nowrap}
.m-shine::after{content:"";position:absolute;top:-2px;bottom:-2px;width:14px;left:-30px;background:rgba(255,255,255,.75);transform:skewX(-20deg);animation:mglint 3.2s ease-in-out infinite}
@keyframes mglint{0%,62%{left:-30px}100%{left:130%}}
.m-shine svg,.m-shine i{color:#B35A00;filter:drop-shadow(1px 1px 0 rgba(255,255,255,.5))}
.m-ribbon.m-shine{border-top:0;border-radius:0 0 6px 6px;padding:4px 9px 3px;font-size:11px}
.m-chip{font-family:var(--px-big);text-transform:uppercase;font-size:12px;letter-spacing:.04em;padding:4px 8px 3px;line-height:1;border-width:2px}
/* monthly rank: compact card, light blue */
.m-subcard{grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px 22px 14px 14px;margin-top:16px}
.m-subcard .art{min-height:0;padding:0;width:150px;height:150px;border-radius:12px;background:radial-gradient(circle at 50% 62%,var(--sub-soft),transparent 72%)}
.m-subcard .art img{width:100%;animation:mfloat 4s ease-in-out infinite}
.m-subcard .body{padding:0;gap:8px}
.m-subcard h2{font-size:40px}
.m-subcard .m-headperks{grid-template-columns:repeat(3,auto);justify-content:start;gap:6px}
.m-subcard .m-headperks span{padding:6px 10px;font-size:13px;border-width:2px}
.m-subcard .m-headperks svg,.m-subcard .m-headperks i{color:var(--sub-2)}
.m-subcard .m-worth{font-size:13px;color:var(--sub-2)}
.m-subcard .buy{display:grid;gap:8px;justify-items:stretch;min-width:200px;position:relative;z-index:1}
.m-subprice{font-family:var(--px-big);font-size:30px;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.3);line-height:1.1}
.m-subprice small{display:block;font-family:var(--px);font-size:12px;color:var(--muted);text-shadow:none}
.m-btn.sub{text-shadow:2px 2px 0 rgba(0,0,0,.3)}
.m-best.sub .m-btn.sub{color:#fff}
@media (max-width: 860px){
  .m-subcard{grid-template-columns:110px minmax(0,1fr)}
  .m-subcard .art{width:110px;height:110px}
  .m-subcard .buy{grid-column:1/-1;grid-template-columns:auto 1fr auto;align-items:center}
  .m-subcard .m-headperks{grid-template-columns:minmax(0,1fr)}
}
@media (max-width: 600px){
  .m-subcard{grid-template-columns:72px minmax(0,1fr);padding:12px;gap:12px}
  .m-subcard .art{width:72px;height:72px}
  .m-subcard h2{font-size:30px}
  .m-subcard .buy{grid-template-columns:1fr}
  .m-glowbg{height:300px}
}
/* ---------- round 8 ---------- */
/* ribbons: .m-shine set position:relative, which knocked ribbons off centre */
.m-ribbon.m-shine,.m-ribbon{position:absolute}
.m-table thead .m-ribbon{left:50%;transform:translateX(-50%);top:-2px}
.m-gfeat .m-ribbon.m-shine{left:28px;top:0;transform:none;font-size:17px;padding:8px 16px 7px;border-width:0 2px 2px;border-radius:0 0 8px 8px}
.m-gfeat .m-ribbon.m-shine svg,.m-gfeat .m-ribbon.m-shine i{font-size:14px}
/* Plus: big readable monthly tiles */
.m-subtext{font-size:13px;margin:-2px 0 2px}
.m-monthly{display:grid;gap:6px}
.m-monthly-h{font-family:var(--px);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sub-2)}
.m-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.m-stat{background:linear-gradient(180deg,var(--sub-soft),transparent),var(--panel-2);border:2px solid var(--sub-line);border-radius:10px;padding:8px 12px 7px;display:grid;gap:2px;min-width:0}
.m-stat b{font-family:var(--px-big);font-size:26px;line-height:1;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.35)}
.m-stat span{font-family:var(--px);font-size:13px;color:var(--fg-2);line-height:1.3}
.m-subcard .m-worth{margin:2px 0 0;padding:7px 12px;border-radius:8px;background:var(--sub-soft);color:#fff;font-family:var(--px);font-size:13.5px;line-height:1.5;display:flex;gap:10px;align-items:center}
.m-subcard .m-worth svg,.m-subcard .m-worth i{color:#FFD15C;flex:none;animation:mbob 1.8s ease-in-out infinite}
@keyframes mbob{50%{transform:translateY(-2px) rotate(-8deg)}}
@media (max-width: 600px){
  .m-stat b{font-size:20px}
  .m-stat{padding:6px 8px}
  .m-stat span{font-size:12px}
}
/* ---------- round 9 ---------- */
/* gems: savings badge grows with pack size */
.m-save{position:absolute;top:10px;right:10px;z-index:1;background:var(--best);color:#fff;font-family:var(--px-big);text-transform:uppercase;font-size:13px;line-height:1;padding:5px 8px 4px;border-radius:6px;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:2px 2px 0 rgba(0,0,0,.35);transform:rotate(3deg)}
/* plus: "and more" line + clear all-perks button */
.m-andmore{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;text-align:left;background:none;border:2px dashed var(--sub-line);border-radius:8px;padding:6px 10px;color:var(--fg-2);font-family:var(--px);font-size:13px;line-height:1.5;cursor:pointer;transition:border-color .15s,background .15s}
.m-andmore:hover{background:var(--sub-soft);color:#fff}
.m-andmore b{font-family:var(--px-big);text-transform:uppercase;color:var(--sub-2);font-weight:400;font-size:14px}
.m-andmore .m-plusn{background:var(--sub);color:#fff;border-radius:5px;padding:0 6px;font-size:12px}
.m-andmore svg,.m-andmore i{color:var(--sub-2)}
.m-btn.m-allperks{background:transparent;color:#fff;border:2px solid var(--sub-2);box-shadow:none;text-shadow:2px 2px 0 rgba(0,0,0,.3)}
.m-btn.m-allperks:hover{background:var(--sub-soft)}
/* punishments: several packages */
.m-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:14px}
.m-pcard{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:14px;align-items:start}
.m-pcard .art{width:96px;height:96px;border-radius:10px;background:var(--panel-2);display:grid;place-items:center;font-size:40px;color:var(--fg-2)}
.m-pcard .art img{width:80%}
.m-pcard h3{font-size:24px}
.m-pcard p{margin:4px 0 0;color:var(--fg-2);font-size:13px;line-height:1.6}
.m-pcard .buy{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:2px solid var(--line);padding-top:12px}
/* patron */
.m-phero{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:stretch}
.m-phero h1{font-size:52px;line-height:1;text-shadow:3px 3px 0 rgba(0,0,0,.3)}
.m-phero p{margin:10px 0 0;color:var(--fg-2);font-size:15px;line-height:1.7;max-width:56ch}
.m-pcheck{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:12px 16px 12px 10px}
.m-pcheck img{width:72px}
.m-pcheck p{margin:0;font-size:13px;line-height:1.6}
.m-pcheck b{display:block;font-family:var(--px-big);text-transform:uppercase;font-weight:400;font-size:16px;color:#fff;margin-bottom:2px}
.m-ptiers{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:10px;margin-top:18px;overflow-x:auto;padding-bottom:6px}
.m-ptier{background:var(--panel);border:2px solid color-mix(in srgb,var(--pc) 55%,transparent);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.m-ptier header{padding:14px 14px 12px;background:linear-gradient(180deg,color-mix(in srgb,var(--pc) 30%,transparent),transparent);border-bottom:2px solid color-mix(in srgb,var(--pc) 35%,transparent)}
.m-ptier-n{font-family:var(--px);font-size:12px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.08em}
.m-ptier h3{font-size:26px;color:var(--pc);text-shadow:2px 2px 0 rgba(0,0,0,.45)}
.m-ptier-a{display:block;font-family:var(--px-big);font-weight:400;font-size:22px;margin-top:2px;text-shadow:2px 2px 0 rgba(0,0,0,.35)}
.m-ptier ul{list-style:none;margin:0;padding:12px 14px;display:grid;gap:8px;flex:1;align-content:start}
.m-ptier li{display:grid;grid-template-columns:14px minmax(0,1fr);column-gap:8px;font-size:12.5px;line-height:1.5;color:var(--fg-2)}
.m-ptier li svg,.m-ptier li i{color:var(--pc);margin-top:3px}
.m-ptier li.new{color:#fff}
.m-ptier li em{grid-column:2;justify-self:start;font-style:normal;font-family:var(--px-big);text-transform:uppercase;font-size:10px;background:var(--pc);color:#14121c;border-radius:4px;padding:1px 5px;margin-top:2px}
.m-ptier footer{padding:10px 14px;border-top:2px solid var(--line);font-size:12px;color:var(--muted)}
.m-pgroup{margin-top:12px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:14px 16px}
.m-pgroup h5{display:flex;align-items:center;gap:8px;font-size:18px;color:var(--pc)}
.m-pgroup h5 .dot{width:12px;height:12px;border-radius:3px;background:var(--pc);box-shadow:0 0 12px var(--pc)}
.m-pgroup h5 small{font-family:var(--px);font-size:12px;color:var(--muted);text-transform:none}
.m-pheads{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin-top:10px}
.m-pheads figure{margin:0;background:var(--panel-2);border:2px solid color-mix(in srgb,var(--pc) 40%,transparent);border-radius:10px;padding:8px 4px 6px;text-align:center;min-width:0}
.m-pheads img{width:56px;height:56px}
.m-pheads figcaption{font-size:11.5px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}
.m-pcta{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(90deg,var(--accent-tint),transparent),var(--panel);border:2px solid var(--line);border-radius:14px;padding:16px 20px}
.m-pcta p{margin:0;font-family:var(--px-big);text-transform:uppercase;font-size:18px;line-height:1.3;text-shadow:2px 2px 0 rgba(0,0,0,.3)}
/* legal */
.m-lnote{margin:14px 0 0;display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:10px 14px;color:var(--fg-2);font-size:13px;line-height:1.6}
.m-lnote svg,.m-lnote i{color:var(--ip);margin-top:4px;flex:none}
.m-legalwrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;margin-top:14px;align-items:start}
.m-legalwrap aside{display:grid;gap:12px;position:sticky;top:12px}
.m-lnav{background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:6px;display:grid;gap:2px}
.m-lnav button{display:flex;gap:10px;align-items:center;background:none;border:0;border-radius:8px;padding:9px 10px;cursor:pointer;color:var(--muted);font-family:var(--px-big);text-transform:uppercase;font-size:14px;text-align:left}
.m-lnav button:hover{color:var(--fg)}
.m-lnav button.on{background:var(--panel-2);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}
.m-ltoc{background:var(--panel);border:2px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:2px;max-height:420px;overflow:auto}
.m-ltoc h5{font-size:13px;color:var(--muted);margin-bottom:6px}
.m-ltoc a{font-size:12.5px;line-height:1.5;color:var(--fg-2);cursor:pointer;padding:3px 0;text-decoration:none}
.m-ltoc a:hover{color:var(--accent-2)}
.m-doc{background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:26px 30px;min-width:0}
.m-doc h1{font-size:34px}
.m-doc h3{font-size:18px;margin:22px 0 4px}
.m-lph{margin:0;color:var(--muted);font-size:13px;font-style:italic}
.m-imp{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px 16px;margin:20px 0 0;font-size:14px}
.m-imp dt{color:var(--muted)}
.m-imp dd{margin:0}
@media (max-width: 860px){
  .m-phero,.m-legalwrap{grid-template-columns:minmax(0,1fr)}
  .m-legalwrap aside{position:static}
  .m-phero h1{font-size:40px}
}
@media (max-width: 600px){
  .m-pcard{grid-template-columns:64px minmax(0,1fr)}
  .m-pcard .art{width:64px;height:64px;font-size:28px}
  .m-doc{padding:18px}
  .m-imp{grid-template-columns:minmax(0,1fr)}
}
/* ---------- round 10 ---------- */
.m-gbline{display:flex;gap:6px;justify-content:center;align-items:center;margin-top:-4px;color:var(--good);font-family:var(--px);font-size:12.5px}
.m-gbline svg,.m-gbline i{font-size:11px}
.m-more{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.m-perkchip{display:inline-flex;gap:7px;align-items:center;background:var(--panel-2);border:2px solid var(--line);border-radius:999px;padding:4px 11px 4px 9px;font-family:var(--px);font-size:12.5px;line-height:1.3;color:var(--fg-2);white-space:nowrap}
.m-perkchip svg,.m-perkchip i{color:var(--sub-2);font-size:11px}
.m-morebtn{display:inline-flex;gap:7px;align-items:center;border:0;border-radius:999px;padding:6px 12px 5px;cursor:pointer;background:linear-gradient(180deg,var(--sub-2),var(--sub));color:#fff;font-family:var(--px-big);text-transform:uppercase;font-size:12.5px;line-height:1.2;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 0 var(--sub);animation:mmore 2.4s ease-in-out infinite;transition:transform .15s}
.m-morebtn:hover{transform:translateX(2px)}
@keyframes mmore{0%,100%{box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 0 var(--sub-soft)}50%{box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 5px var(--sub-soft)}}
@media (max-width: 600px){.m-perkchip{white-space:normal}}
.m-subcard .art,.m-best .art,.m-best.sub .art{background:radial-gradient(closest-side,var(--sub-soft),rgba(0,0,0,0) 100%);border-radius:50%}
.m-best:not(.sub) .art{background:radial-gradient(closest-side,var(--best-soft),rgba(0,0,0,0) 100%)}
.m-gpack{display:flex;flex-direction:column;gap:8px}
.m-gpack>.m-btn{margin-top:auto}
.m-gbline{white-space:nowrap}
.m-footbrand{display:flex;align-items:center;gap:12px}
.m-footbrand img{width:52px;height:auto;filter:drop-shadow(0 4px 10px rgba(53,169,255,.35))}
.m-footbrand span{font-family:var(--px-big);text-transform:uppercase;font-size:30px;line-height:1;letter-spacing:.04em;color:#35A9FF;text-shadow:3px 3px 0 rgba(0,0,0,.45)}
.m-gpack.hasbonus{border-color:rgba(59,224,127,.6);background:radial-gradient(90% 60% at 50% 0%,rgba(59,224,127,.14),transparent 70%),var(--panel);box-shadow:0 0 0 3px rgba(59,224,127,.1),0 14px 34px -20px rgba(59,224,127,.6)}
.m-gbline{margin:0;justify-content:center;gap:8px;background:linear-gradient(180deg,#3BE07F,#1DB35C);color:#fff;border-radius:8px;padding:7px 10px 6px;font-family:var(--px-big);text-transform:uppercase;font-size:14px;line-height:1.1;text-shadow:2px 2px 0 rgba(0,0,0,.25);box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),inset 0 2px 0 rgba(255,255,255,.3);position:relative;overflow:hidden;white-space:nowrap}
.m-gbline b{font-weight:400;font-size:18px}
.m-gbline svg,.m-gbline i{font-size:14px;animation:mbob 1.8s ease-in-out infinite}
.m-gbline::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;background-position:160% 0;animation:msheen 3s ease-in-out infinite}
.m-gbonus-sm{text-align:center;font-size:13px;margin-top:-4px;line-height:1.35}.m-gbonus-sm b{display:block;font-size:16px;white-space:nowrap}
.m-foot-grid{align-items:start}.m-footbrand{height:56px}.m-foot .r h4{height:56px;margin:0;display:flex;align-items:center;justify-content:flex-end;font-size:30px;line-height:1}.m-foot .r p,.m-foot-grid>div:first-child p{margin-top:10px}@media (max-width: 600px){.m-foot .r h4{justify-content:flex-start}}
.m-gpack .m-gbonus-sm{align-self:stretch;text-align:center}
/* bonus styles */
.m-gpack .art{position:relative;overflow:hidden}
.m-bpill{align-self:center;display:inline-flex;gap:7px;align-items:center;background:rgba(59,224,127,.14);border:2px solid rgba(59,224,127,.65);color:var(--good);border-radius:999px;padding:4px 12px 3px;margin-top:-4px;font-family:var(--px-big);text-transform:uppercase;font-size:13px;line-height:1.2;white-space:nowrap}
.m-bpill svg,.m-bpill i{font-size:11px}
.m-bsticker{position:absolute;left:8px;bottom:8px;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#6BF0A0,#1DB35C 70%);color:#fff;font-family:var(--px-big);font-size:15px;line-height:1;text-shadow:1px 1px 0 rgba(0,0,0,.3);box-shadow:0 0 0 3px rgba(255,255,255,.18),3px 3px 0 rgba(0,0,0,.35);transform:rotate(-12deg);animation:mwobble 2.6s ease-in-out infinite;text-align:center;padding-top:4px}
.m-bsticker small{display:block;font-size:10px;text-transform:uppercase;margin-top:-10px}
.m-bribbon{position:absolute;left:0;right:0;bottom:0;display:flex;gap:7px;justify-content:center;align-items:center;background:linear-gradient(180deg,#3BE07F,#1DB35C);color:#fff;font-family:var(--px-big);text-transform:uppercase;font-size:13px;padding:5px 6px 4px;text-shadow:1px 1px 0 rgba(0,0,0,.3);white-space:nowrap}
.m-bstrike{font-family:var(--px);font-size:14px;color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#E0566A;text-shadow:none;margin-right:2px;vertical-align:middle}
.m-bstrike-note{text-align:center;color:var(--good);font-family:var(--px);font-size:12.5px;margin-top:-4px}
/* readable Plus buttons: deeper blue so white text has contrast */
.m-btn.sub{background:linear-gradient(180deg,#3FB2FF,#1677E0 70%);color:#fff;text-shadow:2px 2px 0 rgba(0,20,60,.45)}
.m-best.sub .m-btn.sub,.m-subcard .m-btn.sub{color:#fff}
/* Plus suggestion styles */
.m-pn{margin-top:6px;border-radius:12px;border:2px solid var(--sub-line);background:linear-gradient(135deg,var(--sub-soft),transparent 70%),var(--panel-2);padding:12px;color:var(--fg)}
.m-pn img{width:52px;flex:none}
.m-pn b{font-family:var(--px-big);text-transform:uppercase;font-weight:400;font-size:16px;line-height:1.25;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.3);display:block}
.m-pn .m-pn-price{display:inline;font-size:inherit;color:#8FD3FF}
.m-pn .m-sub{display:block;font-size:12.5px;line-height:1.6;margin:4px 0 10px;color:var(--fg-2)}
.m-pn .m-sub .m-pn-price{font-family:var(--px);text-transform:none;text-shadow:none;font-size:12.5px}
.m-pn-pitch,.m-pn-topup{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start}
.m-pn-tiles .m-pn-h{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}
.m-pn-tiles .m-pn-h img{width:44px}
.m-pn-tiles small{font-size:12px;color:var(--fg-2)}
.m-pn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
.m-pn-grid div{background:var(--panel);border:2px solid var(--sub-line);border-radius:8px;padding:6px 6px 5px;text-align:center}
.m-pn-grid div b{font-size:18px}
.m-pn-grid div span{font-size:11px;color:var(--fg-2);line-height:1.3;display:block}
.m-pn-slim{display:flex;align-items:center;gap:10px;padding:8px 10px}
.m-pn-slim img{width:36px}
.m-pn-slim span{flex:1;min-width:0;font-family:var(--px-big);text-transform:uppercase;font-size:14px;line-height:1.25;text-shadow:2px 2px 0 rgba(0,0,0,.3)}
.m-pn-slim .m-btn{flex:none}
.m-pn-list{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}
.m-pn-list li{display:flex;gap:7px;align-items:baseline;font-size:12px;line-height:1.35;color:var(--fg-2)}
.m-pn-list svg,.m-pn-list i{color:#8FD3FF;font-size:10px;flex:none}
.m-pn-more{background:none;border:0;padding:0;margin:0 0 10px;color:#8FD3FF;font-family:var(--px);font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.m-pn-tiles .m-pn-grid{margin-bottom:10px}
/* Minecraft-style chat preview: translucent black box, Minecraftia, coloured text with the game's 25% shadow */
.m-chat{display:grid;gap:4px}
.m-chat-l{font-family:var(--px);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.m-chat-line{background:rgba(0,0,0,.55);border-left:3px solid rgba(255,255,255,.12);padding:6px 10px 5px;font-family:var(--px);font-size:14px;line-height:1.5;color:#fff;text-shadow:2px 2px 0 #3f3f3f;overflow-wrap:anywhere}
.m-chat-tag,.m-chat-msg{text-shadow:2px 2px 0 var(--sh)}
.m-chat-tag{font-family:var(--px-big);text-transform:uppercase;font-size:15px}
.m-chat-sep{color:#aaa}
.m-pn .m-chat{margin:10px 0 0}
.m-modal .m-chat{margin-bottom:14px}
/* darker "+N more perks" so white text reads */
.m-morebtn{background:linear-gradient(180deg,#2E8BE6,#1560C0);text-shadow:1px 1px 0 rgba(0,20,60,.5)}
.m-rankplus{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:10px 0 0;padding:8px 10px;background:rgba(0,0,0,.35);border-radius:8px}.m-rankplus svg,.m-rankplus i{color:var(--muted)}.m-rankplus .m-prefix{font-size:15px}.m-rankplus .m-prefix.big{font-size:18px;box-shadow:0 0 0 2px var(--sub-line)}.m-rankplus small{flex-basis:100%;font-size:12px;color:var(--fg-2)}
.m-chat-tag{font-family:var(--px);text-transform:none;font-size:14px}.m-chat-br{color:#555555;text-shadow:2px 2px 0 #151515}
.m-pn .m-btn.sub{font-size:17px;padding:13px 16px 12px;letter-spacing:.03em;text-shadow:2px 2px 0 rgba(0,20,60,.55)}.m-pn .m-btn.sub svg,.m-pn .m-btn.sub i{font-size:15px}.m-pn-slim .m-btn.sub{font-size:15px;padding:10px 12px}
/* Plus buttons: flat like Add to cart, no gradient or glow */ .m .m-btn.sub,.m .m-pn .m-btn.sub{background:var(--sub-btn);color:#fff;box-shadow:inset 0 -5px 0 rgba(0,0,0,.25);text-shadow:2px 2px 0 rgba(0,0,0,.3)}.m .m-btn.sub:active{box-shadow:inset 0 -2px 0 rgba(0,0,0,.25)}
.m .m-worth{gap:12px}.m .m-worth svg,.m .m-worth i{font-size:1.15em;flex:none}
.m .m-morebtn{background:var(--sub-btn);text-shadow:1px 1px 0 rgba(0,0,0,.3)}
/* ---------- monthly rank shine effects ---------- */
.m-subcard,.m-best.sub{position:relative;isolation:isolate;overflow:hidden}
.m-subcard>*:not(.m-sparks),.m-best.sub>*:not(.m-sparks){position:relative;z-index:2}
.m-subcard::after,.m-best.sub::after,.m-subcard::before,.m-best.sub::before{content:none;animation:none}
/* 1 Light sweep: a soft white band crossing every few seconds */
.sh-sweep::after{content:""!important;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.13) 47%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.13) 53%,transparent 62%);background-size:300% 100%;background-position:120% 0;animation:shSweep 4.5s cubic-bezier(.6,0,.3,1) infinite!important}
@keyframes shSweep{0%,40%{background-position:120% 0}100%{background-position:-20% 0}}
/* 2 Enchanted glint: Minecraft's enchanted-item shimmer, two drifting diagonal bands */
.sh-glint::after{content:""!important;position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.55;
  background:repeating-linear-gradient(115deg,transparent 0 40px,rgba(150,110,255,.0) 40px,rgba(150,110,255,.35) 70px,rgba(190,160,255,.5) 80px,rgba(150,110,255,.35) 90px,transparent 120px,transparent 260px),
             repeating-linear-gradient(65deg,transparent 0 120px,rgba(110,170,255,.3) 150px,rgba(160,200,255,.4) 158px,rgba(110,170,255,.3) 166px,transparent 196px,transparent 340px);
  background-size:520px 520px,680px 680px;animation:shGlint 7s linear infinite!important}
@keyframes shGlint{to{background-position:520px 0,-680px 0}}
/* 3 Holographic: a slow iridescent wash, like a foil trading card */
.sh-holo::after{content:""!important;position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:overlay;opacity:.7;
  background:linear-gradient(120deg,rgba(255,80,200,.0) 0%,rgba(255,110,210,.45) 18%,rgba(120,180,255,.5) 34%,rgba(90,255,220,.45) 50%,rgba(255,230,120,.45) 66%,rgba(180,120,255,.5) 82%,rgba(255,80,200,0) 100%);
  background-size:250% 250%;animation:shHolo 8s ease-in-out infinite alternate!important}
@keyframes shHolo{from{background-position:0% 50%}to{background-position:100% 50%}}
/* 4 Border light: a bright point of light running round the edge */
.sh-border{border-color:transparent!important;background-clip:padding-box}
.sh-border::before{content:""!important;position:absolute;inset:-60%;z-index:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 70%,var(--sub) 84%,#fff 90%,var(--sub) 94%,transparent 100%);animation:shSpin 5s linear infinite!important}
.sh-border::after{content:""!important;position:absolute;inset:2px;z-index:1;pointer-events:none;border-radius:12px;background:radial-gradient(55% 90% at 22% 50%,var(--sub-soft),transparent 72%),var(--panel)}
@keyframes shSpin{to{transform:rotate(360deg)}}
/* 5 Sparkles: pixel stars twinkling at random spots */
.m-sparks{position:absolute;inset:0;z-index:1;pointer-events:none}
.m-sparks i{position:absolute;width:10px;height:10px;opacity:0;animation:shTwinkle 3.2s ease-in-out infinite;
  background:linear-gradient(#fff,#fff) center/2px 10px no-repeat,linear-gradient(#fff,#fff) center/10px 2px no-repeat;filter:drop-shadow(0 0 4px var(--sub))}
@keyframes shTwinkle{0%,70%,100%{opacity:0;transform:scale(.3) rotate(0)}80%{opacity:1;transform:scale(1.1) rotate(45deg)}90%{opacity:.6;transform:scale(.7) rotate(90deg)}}
/* 6 Breathing glow: the frame slowly glows and fades */
.sh-breathe{animation:shBreathe 3.6s ease-in-out infinite}
@keyframes shBreathe{0%,100%{box-shadow:0 0 0 2px var(--sub-soft),0 0 0 0 transparent}50%{box-shadow:0 0 0 2px var(--sub-line),0 0 34px 4px var(--sub-soft)}}
@media (prefers-reduced-motion: reduce){.m-subcard::after,.m-subcard::before,.m-best.sub::after,.m-best.sub::before,.m-sparks i,.sh-breathe{animation:none!important}}
/* shine lab */
.m-lab{margin-top:22px}
.m-lab h5{font-size:16px;margin-bottom:-4px;display:flex;gap:8px;align-items:center}
.m-lab .m-chip{font-size:11px}
/* Minecraft-style bold: the game draws bold glyphs twice, one font pixel apart, then adds the drop shadow to both */ .m .m-chat-tag{letter-spacing:.125em;text-shadow:.125em 0 0 currentColor,.125em .125em 0 var(--sh),.25em .125em 0 var(--sh)!important;margin-right:-.125em}
/* smaller gem packs: lift, brighter edge, gems tilt and grow */ .m .m-gpack{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.m .m-gpack:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 26px -14px var(--accent)}.m .m-gpack.hasbonus:hover{border-color:#3BE07F;box-shadow:0 12px 26px -14px rgba(59,224,127,.8)}.m .m-gpack .art img{transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.m .m-gpack:hover .art img{transform:scale(1.1) rotate(-4deg)}@media (prefers-reduced-motion: reduce){.m .m-gpack,.m .m-gpack .art img{transition:none}.m .m-gpack:hover,.m .m-gpack:hover .art img{transform:none}}
/* server IP in Minecraft-style bold (drawn twice, one font pixel apart, plus drop shadow) */ .m .m-ip b{font-family:var(--px);font-weight:400;letter-spacing:.14em;--sh:#123a5a;text-shadow:.0625em 0 0 currentColor,.125em .125em 0 var(--sh),.1875em .125em 0 var(--sh)}
/* sale prices: original crossed out, new price in red (white inside buttons so it stays readable) */ .m del{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#FF4D5E;opacity:.7;font-size:.72em;margin-right:5px}.m .m-now{color:#FF4D5E}.m .m-btn .m-now,.m .m-subprice .m-now{color:inherit}.m .m-btn del{opacity:.8;text-decoration-color:currentColor}.m .m-subprice.m-onsale,.m .m-subprice .m-onsale .m-now{color:#FF4D5E}
.m .m-best.clickable{cursor:pointer;transition:transform .18s ease,border-color .18s ease}.m .m-best.clickable:hover{transform:translateY(-2px);border-color:var(--sub-2)}.m .m-best.clickable:focus-visible{outline:2px solid var(--sub-2);outline-offset:3px}
.m .m-chat-rank{font-family:var(--px);text-transform:uppercase;letter-spacing:.125em;margin-right:-.125em}.m .m-chat-rank span{text-shadow:.125em 0 0 currentColor,.125em .125em 0 var(--sh),.25em .125em 0 var(--sh)!important}
/* ---------- gifting ---------- */
.m-giftm{width:min(480px,100%)}
.m-giftm .m-mh{grid-template-columns:80px minmax(0,1fr)}
.m-giftm .m-mh img{width:80px;height:80px}
.m-giftm .m-mh h3{font-size:26px;margin-top:6px}
.m-giftform{display:grid;gap:12px;padding:18px 20px 20px}
.m-giftlbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:-6px}
.m-giftrow{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}
.m-gifthead{width:48px;height:48px;border-radius:10px;background:var(--panel-2);border:2px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:border-color .15s}
.m-gifthead img{width:36px;height:36px;opacity:.45;filter:grayscale(1);transition:.15s}
.m-gifthead.ok{border-color:var(--good)}
.m-gifthead.ok img{opacity:1;filter:none}
.m-giftcheck{font-size:12.5px;color:var(--muted);min-height:1.6em;margin-top:-6px}
.m-giftcheck.ok{color:var(--good)}
.m-giftcheck.bad{color:#FF6B7C}
.m-giftcheck.warn{color:#FFC53D}
.m-giftform .m-btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}
.m-buyrow{flex-wrap:nowrap;margin-top:auto}
.m-buyrow .m-btn.icon{flex:none}
.m-di.gift{border:2px solid rgba(59,224,127,.45)}
.m-giftto{display:inline-flex;gap:6px;align-items:center;margin-top:3px;font-size:12px;color:var(--good)}
.m-giftto b{font-family:var(--px);font-weight:400;color:#fff;text-transform:none;text-shadow:none;font-size:12px}
.m-pcard .buy .m-row{flex-wrap:nowrap}
.m-giftto{display:flex;width:max-content}.m-giftm .m-warn{border-color:rgba(255,197,61,.55);background:rgba(255,197,61,.08)}.m-giftm .m-warn svg,.m-giftm .m-warn i{color:#FFC53D}.stage{position:relative;z-index:2}
body.ovl-open .ch{z-index:1}
/* vivid tiles like ColorGens: soft depth instead of a heavy dark base */ .m .m-tile{box-shadow:inset 0 -5px 0 rgba(0,0,0,.14),inset 0 2px 0 rgba(255,255,255,.22)}.m .m-tile h3,.m .m-tile p{text-shadow:3px 3px 0 rgba(0,0,0,.22)}
/* ---------- rank upgrades layouts ---------- */
.m-upsave{display:inline-block;font-size:12px;color:var(--good)}
.m .m-uprow img,.m .m-stair-art img,.m .m-rd-art img,.m .m-ph-art img,.m .m-split-art img,.m .m-roadstop img,.m .m-pick-tabs img,.m .m-pick-next img{filter:drop-shadow(4px 4px 0 rgba(0,0,0,.3))}
.m img.from{filter:grayscale(.6) brightness(.7) drop-shadow(4px 4px 0 rgba(0,0,0,.3))!important}
/* 1 staircase */
.m-stairs{position:relative;display:grid;gap:10px;margin-top:16px}
.m-stair{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:12px 16px 12px 12px;margin-left:calc((var(--n) - 1 - var(--i)) * 34px);position:relative;transition:transform .18s,border-color .18s}
.m-stair:hover{transform:translateX(4px);border-color:var(--accent)}
.m-stair::before{content:"";position:absolute;left:-14px;top:50%;width:10px;height:10px;border-radius:2px;background:var(--accent);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 10px var(--accent)}
.m-stair-art{display:flex;align-items:center;gap:6px;background:var(--panel-2);border-radius:10px;padding:6px 10px;justify-content:center}
.m-stair-art img{width:62px}
.m-stair-art svg,.m-stair-art i{color:var(--accent)}
.m-stair-body h4{font-size:18px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.m-stair-buy{display:grid;gap:6px;justify-items:end}
/* 2 rank road */
.m-road{margin-top:16px;background:var(--panel);border:2px solid var(--line);border-radius:14px;padding:18px 16px 14px;overflow-x:auto}
.m-roadtrack{display:flex;align-items:center;min-width:760px}
.m-roadstop{flex:none;width:96px;display:grid;justify-items:center;gap:4px;opacity:.55;transition:opacity .2s,transform .2s}
.m-roadstop.lit{opacity:1;transform:translateY(-4px)}
.m-roadstop img{width:76px}
.m-roadstop b{font-family:var(--px-big);font-weight:400;text-transform:uppercase;font-size:14px}
.m-roadtag{flex:1;position:relative;background:none;border:0;cursor:pointer;height:40px;color:var(--fg);font-family:var(--px-big);font-size:14px;padding:0}
.m-roadtag::before{content:"";position:absolute;left:4px;right:4px;top:50%;border-top:3px dashed var(--line)}
.m-roadtag>span{position:relative;background:var(--panel-2);border:2px solid var(--line);border-radius:999px;padding:4px 10px;white-space:nowrap}
.m-roadtag:hover>span{border-color:var(--accent)}
.m-roadtag.on::before{border-top-style:solid;border-color:var(--accent)}
.m-roadtag.on>span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.m-roaddetail,.m-pickhero{margin-top:12px;display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:20px;align-items:center;background:radial-gradient(60% 100% at 15% 50%,var(--accent-tint),transparent 70%),var(--panel);border:2px solid var(--accent);border-radius:14px;padding:16px 20px 16px 16px}
.m-rd-art,.m-ph-art{display:flex;align-items:center;justify-content:center;gap:8px}
.m-rd-art img,.m-ph-art img{width:88px}
.m-rd-art img.from,.m-ph-art img.from{width:64px}
.m-rd-art svg,.m-rd-art i,.m-ph-art svg,.m-ph-art i{color:var(--accent);font-size:20px}
.m-roaddetail h3{font-size:30px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.m-rd-gains{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;margin-top:10px}
.m-rd-gains div{background:var(--panel-2);border:2px solid var(--line);border-radius:8px;padding:6px 8px 5px;display:grid;gap:1px}
.m-rd-gains b{font-family:var(--px-big);font-weight:400;font-size:20px;color:var(--good);line-height:1.1}
.m-rd-gains span{font-size:11.5px;color:var(--fg-2);line-height:1.3}
.m-rd-buy{display:flex;gap:8px;align-self:end}
/* 3 before & after */
.m-splits{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;margin-top:16px}
.m-split{background:var(--panel);border:2px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .18s,border-color .18s}
.m-split:hover{transform:translateY(-3px);border-color:var(--accent)}
.m-split-art{position:relative;display:grid;grid-template-columns:1fr 1fr;height:150px}
.m-split-art>div{display:grid;place-items:center;align-content:center;gap:4px;position:relative}
.m-split-art .old{background:linear-gradient(135deg,#0b0c14,var(--panel-2))}
.m-split-art .old img{width:70px;filter:grayscale(.7) brightness(.6) drop-shadow(4px 4px 0 rgba(0,0,0,.3))!important}
.m-split-art .new{background:radial-gradient(circle at 50% 55%,var(--accent-tint),transparent 70%),var(--panel-2);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);margin-left:-14%}
.m-split-art .new img{width:96px}
.m-split-art span{font-family:var(--px-big);text-transform:uppercase;font-size:13px;color:var(--fg-2)}
.m-split-art .new span{color:#fff}
.m-split-price{position:absolute;left:50%;top:10px;transform:translateX(-50%);background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:4px 12px;font-family:var(--px-big);font-weight:400;font-size:16px;white-space:nowrap;box-shadow:2px 2px 0 rgba(0,0,0,.35)}
.m-split-price small{font-size:11px}
.m-split-body{padding:12px;display:grid;gap:8px}
.m-split-gains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.m-split-gains div{text-align:center;background:var(--panel-2);border-radius:8px;padding:6px 4px 5px}
.m-split-gains b{display:block;font-family:var(--px-big);font-weight:400;font-size:18px;color:var(--good);line-height:1.1}
.m-split-gains span{font-size:11px;color:var(--fg-2);line-height:1.25;display:block}
/* 4 pick your rank */
.m-pick{margin-top:16px;display:grid;gap:8px}
.m-pick-l{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.m-pick-tabs{display:flex;gap:8px;flex-wrap:wrap}
.m-pick-tabs button{display:flex;gap:8px;align-items:center;background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:6px 14px 6px 6px;cursor:pointer;color:var(--fg-2);font-family:var(--px-big);text-transform:uppercase;font-size:14px}
.m-pick-tabs button img{width:34px}
.m-pick-tabs button:hover{color:#fff;border-color:var(--accent)}
.m-pick-tabs button.on{border-color:var(--accent);background:var(--accent-tint);color:#fff}
.m-pickhero{grid-template-columns:240px minmax(0,1fr)}
.m-ph-art img{width:110px}
.m-ph-art img.from{width:72px}
.m-pickhero h2{font-size:44px;margin-top:2px}
.m-ph-buy{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px}
.m-pick-next{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:8px}
.m-pick-next button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:6px 12px 6px 6px;cursor:pointer;color:var(--fg-2);text-align:left;font-size:12.5px}
.m-pick-next button:hover{border-color:var(--accent)}
.m-pick-next img{width:40px}
.m-pick-next b{font-weight:400;color:#fff}
.m-pick-next em{font-style:normal;font-family:var(--px-big);color:#fff;font-size:14px}
/* 5 compact list */
.m-uplist{margin-top:16px;background:var(--panel);border:2px solid var(--line);border-radius:14px;overflow:hidden}
.m-uprow{display:grid;grid-template-columns:52px minmax(190px,auto) minmax(0,1fr) auto;gap:16px;align-items:center;padding:10px 16px 10px 12px;transition:background .15s}
.m-uprow+.m-uprow{border-top:2px solid var(--line)}
.m-uprow:hover{background:var(--panel-2)}
.m-uprow>img{width:52px}
.m-uprow-name{display:flex;gap:8px;align-items:center}
.m-uprow-name svg,.m-uprow-name i{color:var(--muted)}
.m-uprow-name .m-prefix{font-size:13px}
.m-uprow-gains{display:flex;gap:6px;flex-wrap:wrap}
.m-uprow-gains span{font-size:12px;color:var(--fg-2);background:var(--panel-2);border-radius:6px;padding:3px 8px}
.m-uprow-gains b{font-weight:400;color:var(--good);font-family:var(--px-big)}
.m-uprow-buy{display:grid;gap:4px;justify-items:end}
@media (max-width: 860px){
  .m-stair{grid-template-columns:120px minmax(0,1fr);margin-left:calc((var(--n) - 1 - var(--i)) * 14px)}
  .m-stair-buy{grid-column:1/-1;justify-items:stretch}
  .m-stair-art img{width:44px}
  .m-roaddetail,.m-pickhero{grid-template-columns:1fr}
  .m-uprow{grid-template-columns:44px minmax(0,1fr)}
  .m-uprow-gains,.m-uprow-buy{grid-column:1/-1;justify-items:stretch}
}
@media (max-width: 600px){
  .m-stair{margin-left:0}
  .m-stair::before{display:none}
}
.m-stair{margin-left:calc(var(--i) * 34px)}@media (max-width: 860px){.m-stair{margin-left:calc(var(--i) * 14px)}}@media (max-width: 600px){.m-stair{margin-left:0}}.m-ga{font-size:.75em;margin:0 3px}.m-split-price{background:var(--panel);border:2px solid var(--accent);color:#fff;text-shadow:none}.m-split-price small{color:var(--fg-2)}.m-pick-next button>span{display:grid;line-height:1.3}.m-pick-next small{font-size:11px;color:var(--muted)}.m-pick-next b{font-family:var(--px-big);text-transform:uppercase;font-size:15px}.m-roadtag>span>span{border:0;background:none;padding:0}
.m-rd-gains span,.m-split-gains span{overflow-wrap:normal;word-break:keep-all}.m-rd-gains b,.m-split-gains b{white-space:nowrap}
/* cart gem upgrade button: bigger, flat, dark text on gold for contrast */ .m .m-nudge .m-btn.gold{font-size:16px;padding:11px 16px 10px;background:#FFC53D;color:#2A1A00;text-shadow:none!important;box-shadow:inset 0 -4px 0 rgba(0,0,0,.2);width:100%}.m .m-nudge .m-btn.gold svg,.m .m-nudge .m-btn.gold i{font-size:14px}
/* cart button: no corner specks. The shine layers take the button's own rounded shape instead of relying on overflow clipping, which leaks a pixel where the corners meet the edges */ .m .m-cart{overflow:visible;box-shadow:inset 0 -5px 0 rgba(0,0,0,.28),0 8px 28px -10px var(--accent)}.m .m-cart::before{border-radius:inherit}.m .m-cart::after{display:none}
/* ---------- gem upgrade suggestion styles ---------- */
.m-gn{margin-top:6px;border-radius:12px;background:var(--panel-2);border:2px solid var(--line);padding:12px;display:grid;gap:10px}
.m-gn .m-btn{font-size:15px}
.m-gn .m-btn.sm{font-size:13px}
.m-gn-l{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
/* side by side */
.m-gn-vs{border-color:var(--accent)}
.m-gn-cmp{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
.m-gn-cmp>div{display:grid;justify-items:center;gap:2px;background:var(--panel);border:2px solid var(--line);border-radius:10px;padding:8px 6px 6px}
.m-gn-cmp img{width:44px;height:44px;object-fit:contain}
.m-gn-cmp b{font-family:var(--px-big);font-weight:400;font-size:18px;line-height:1.1}
.m-gn-cmp small{font-size:12px;color:var(--muted)}
.m-gn-cmp .from{opacity:.6}
.m-gn-cmp .to{border-color:var(--accent);background:radial-gradient(circle at 50% 30%,var(--accent-tint),transparent 70%),var(--panel)}
.m-gn-cmp svg,.m-gn-cmp i{color:var(--accent)}
/* value bars */
.m-gn-h{font-family:var(--px-big);font-weight:400;text-transform:uppercase;font-size:17px;color:var(--good);text-shadow:2px 2px 0 rgba(0,0,0,.3)}
.m-gn-bar{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;gap:8px;align-items:center;font-size:12.5px}
.m-gn-bar span{color:var(--fg-2)}
.m-gn-bar i{height:12px;border-radius:4px;background:var(--muted);opacity:.55;display:block}
.m-gn-bar.good i{background:var(--good);opacity:1}
.m-gn-bar em{font-style:normal;text-align:right;color:var(--fg-2)}
.m-gn-bar.good em{color:var(--good)}
.m-gn-bars small{margin-top:-6px;font-size:11px}
/* slim strip */
.m-gn-strip{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:8px 8px 8px 12px;background:linear-gradient(90deg,var(--accent-tint),transparent),var(--panel-2);border-color:var(--accent)}
.m-gn-strip>svg,.m-gn-strip>i{color:var(--accent-2)}
.m-gn-strip span{font-size:13px;color:var(--fg-2)}
.m-gn-strip b{font-weight:400;color:#fff}
/* coupon */
.m-gn-coupon{grid-template-columns:96px minmax(0,1fr);gap:0;padding:0;background:#FFC53D;border:0;color:#2A1A00;overflow:hidden}
.m-gn-coupon .l{display:grid;justify-items:center;align-content:center;padding:10px 6px;border-right:3px dashed rgba(42,26,0,.35);position:relative}
.m-gn-coupon .l::before,.m-gn-coupon .l::after{content:"";position:absolute;right:-9px;width:16px;height:16px;border-radius:50%;background:var(--panel)}
.m-gn-coupon .l::before{top:-8px}.m-gn-coupon .l::after{bottom:-8px}
.m-gn-coupon small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.m-gn-coupon .l b{font-family:var(--px-big);font-weight:400;font-size:26px;line-height:1}
.m-gn-coupon .l span{font-size:12px}
.m-gn-coupon .r{padding:10px 12px;display:grid;gap:8px;font-size:12.5px;line-height:1.5}
.m-gn-coupon .r b{font-weight:400;font-family:var(--px-big);text-transform:uppercase}
.m-gn-coupon .m-btn{background:#2A1A00!important;color:#FFC53D!important;text-shadow:none!important;justify-self:start}
/* big number */
.m-gn-big{grid-template-columns:56px minmax(0,1fr);align-items:center;background:radial-gradient(circle at 20% 30%,rgba(59,224,127,.16),transparent 60%),var(--panel-2);border-color:rgba(59,224,127,.55)}
.m-gn-big img{width:56px}
.m-gn-big b{display:block;font-family:var(--px-big);font-weight:400;font-size:34px;line-height:1;color:var(--good);text-shadow:3px 3px 0 rgba(0,0,0,.35)}
.m-gn-big span{font-size:13px;color:var(--fg-2)}
.m-gn-big .m-btn{grid-column:1/-1}
.m-gn-cmp em{font-style:normal;font-size:11px;color:var(--muted)}.m-gn-cmp .to em{color:var(--good)}.m-gn-save{display:flex;gap:8px;align-items:center;justify-content:center;font-size:13px;color:var(--fg-2);background:rgba(59,224,127,.1);border:1px solid rgba(59,224,127,.35);border-radius:8px;padding:6px 8px}.m-gn-save svg,.m-gn-save i{color:var(--good)}.m-gn-save b{font-weight:400;color:var(--good);font-family:var(--px-big)}
.m-gn-save span{white-space:nowrap}.m-gn-save b{white-space:nowrap}
/* savings amount in Minecraft-style bold Mojangles; bigger upgrade button text */ .m .m-gn-save b{font-family:var(--px);font-size:13px;letter-spacing:.125em;margin-right:-.125em;text-shadow:.125em 0 0 currentColor,.125em .125em 0 #0d3a20,.25em .125em 0 #0d3a20}.m .m-gn-vs .m-btn{font-size:17px;padding:12px 14px 11px;text-shadow:2px 2px 0 rgba(0,20,60,.5)}
/* ---------- heading font test: Mojangles in Minecraft's bold (letters drawn twice, 1 font pixel apart, plus drop shadow) ---------- */
.m.ft-mojang :is(h1,h2,h3,h4,h5,.m-btn,.m-price,.m-uprice,.m-prod-price,.m-subprice,.m-gstats b,.m-total b,.m-mf b,.m-cart b,.m-acct b,.m-table thead th b,.m-chips button,.m-mode button,.m-toggle,.m-count,.m-opt b,.m-stat b,.m-gbonus b,.m-shine,.m-chip,.m-salebar,.m-salebadge,.m-salebtn,.m-pn b,.m-gn-cmp b,.m-gn-h,.m-rd-gains b,.m-split-gains b,.m-split-price,.m-ptier-a,.m-lnav button,.m-pick-tabs button,.m-pick-next b,.m-pick-next em,.m-roadstop b,.m-roadtag,.m-footbrand span,.m-plusmark,.m-uprow-gains b,.m-pcheck b,.m-pcta p,.m-di b,.m-morebtn,.m-gb,.m-save,.m-bpill,.m-prefix,.m-pn-grid div b,.m-headperks span,.m-gn-coupon .l b,.m-gn-big b,.m-nudge b,.m-tag,.m-ribbon,.m-off):not(.m-tile *){
  font-family:'Minecraftia','Courier New',monospace!important;font-weight:400!important;letter-spacing:.125em;
  text-shadow:.125em 0 0 currentColor,.125em .125em 0 rgba(0,0,0,.42),.25em .125em 0 rgba(0,0,0,.42)!important}
/* Mojangles is wider than Minecraft Title, so the biggest titles step down to the next 8px size */
.m.ft-mojang .m-head h2{font-size:32px}
.m.ft-mojang :is(.m-prod-r h2,.m-gfeat h2,.m-phero h1){font-size:40px}
.m.ft-mojang .m-subcard h2{font-size:40px}
.m.ft-mojang :is(.m-best h3,.m-mh h3,.m-pickhero h2){font-size:32px}
.m.ft-mojang .m-footbrand span{font-size:26px}
.m.ft-mojang .m-salebar{font-size:16px}
.m.ft-mojang .m-cart b{font-size:14px}
.m.ft-mojang .m-acct b{font-size:16px}
.m.ft-mojang .m-btn{font-size:14px}
.m.ft-mojang .m-btn.big{font-size:16px}
.m.ft-mojang .m-btn.sm{font-size:12px}
.m.ft-mojang :is(.m-shine,.m-chip,.m-ribbon,.m-gb,.m-save,.m-off){font-size:11px}
.m.ft-mojang .m-table thead th b{font-size:13px}
.m.ft-mojang :is(.m-subprice,.m-uprice,.m-cart) small{letter-spacing:0;text-shadow:none!important;font-family:var(--px)!important}
.m.ft-mojang .m-gstats li{grid-template-columns:140px minmax(0,1fr)}.m.ft-mojang .m-gstats b{font-size:22px}
/* ---------- hybrid: Minecraft Title everywhere, except account, cart, buy/price buttons, gift buttons and Save badges in bold Mojangles ---------- */
.m.ft-hybrid :is(.m-acct b,.m-cart b,.m-count,.m-btn[data-add]:not(.sub),.m-btn[data-gift],.m-btn[data-swap],.m-save,.m-table thead th b,.m-table .m-price):not(.m-tile *){
  font-family:'Minecraftia','Courier New',monospace!important;font-weight:400!important;letter-spacing:.125em;
  text-shadow:.125em 0 0 currentColor,.125em .125em 0 rgba(0,0,0,.42),.25em .125em 0 rgba(0,0,0,.42)!important}
.m.ft-hybrid .m-cart b{font-size:14px}
.m.ft-hybrid .m-cart small{letter-spacing:0;text-shadow:none!important;font-family:var(--px)!important}
.m.ft-hybrid .m-acct b{font-size:16px}
.m.ft-hybrid :is(.m-btn[data-add]:not(.sub),.m-btn[data-gift],.m-btn[data-swap]){font-size:14px}
.m.ft-hybrid .m-table .m-price{font-size:16px}
.m.ft-hybrid .m-table .m-price :is(.m-off,del){letter-spacing:0;text-shadow:none!important}
.m.ft-hybrid :is(.m-btn[data-add]:not(.sub),.m-btn[data-gift],.m-btn[data-swap]).big{font-size:16px}
.m.ft-hybrid :is(.m-btn[data-add]:not(.sub),.m-btn[data-gift],.m-btn[data-swap]).sm{font-size:12px}
.m.ft-hybrid .m-save{font-size:11px}
.m.ft-hybrid .m-btn :is(.m-off,del){letter-spacing:0;text-shadow:none!important}
.m.ft-hybrid .m-table thead th b{font-size:13px}
/* Minecraft-style bold inside regular Mojangles text, the same in every font mode */ .m .m-mcb{font-family:var(--px)!important;font-weight:400;letter-spacing:.125em;margin-right:-.125em;text-shadow:.125em 0 0 currentColor!important}
/* 13,000 gems buy button: polished gold bar with dark text, a bright top edge and the moving shine */
.m.m .m-gfeat .m-btn.gold.big[data-add]{background:linear-gradient(180deg,#FFF1B8 0%,#FFD24A 22%,#F7B414 55%,#E09400 100%);color:#3A2200;border:2px solid #B87400;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -4px 0 rgba(150,90,0,.45),0 4px 0 #8A5700,0 10px 24px -8px rgba(255,190,40,.7);
  text-shadow:none!important;padding:12px 22px 11px}
.m.m.ft-hybrid .m-gfeat .m-btn.gold.big[data-add],.m.m.ft-mojang .m-gfeat .m-btn.gold.big[data-add]{text-shadow:.125em 0 0 currentColor!important}
.m.m .m-gfeat .m-btn.gold.big[data-add]::before{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.85) 48%,transparent 58%);background-size:260% 100%;border-radius:inherit}
.m.m .m-gfeat .m-btn.gold.big[data-add]:hover{filter:brightness(1.06) saturate(1.1)}
.m.m .m-gfeat .m-btn.gold.big[data-add] svg,.m.m .m-gfeat .m-btn.gold.big[data-add] i{color:#3A2200}
/* twinkling pixel stars on the 13,000 gems button */
.m-bsparks{position:absolute;inset:0;pointer-events:none;z-index:0}
.m-bsparks i{position:absolute;width:9px;height:9px;opacity:0;transform:translate(-50%,-50%) scale(.3);animation:mbtwinkle 3.2s ease-in-out infinite;
  background:linear-gradient(#fff,#fff) center/2px 9px no-repeat,linear-gradient(#fff,#fff) center/9px 2px no-repeat;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 5px #FFD24A)}
@keyframes mbtwinkle{0%,62%,100%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}72%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(45deg)}84%{opacity:.5;transform:translate(-50%,-50%) scale(.6) rotate(90deg)}}
.m-gfeat .m-btn.gold.big[data-add]>:not(.m-bsparks){position:relative;z-index:1}
@media (prefers-reduced-motion: reduce){.m-bsparks{display:none}}
.m.m .m-pn .m-mcb{display:inline;font-size:inherit;line-height:inherit;color:inherit;text-transform:none;text-shadow:.125em 0 0 currentColor!important}
/* Hybrid: rank prefix chips in the comparison table in bold Mojangles */
.m.m.ft-hybrid .m-table .m-prefix{font-family:'Minecraftia','Courier New',monospace!important;font-weight:400!important;letter-spacing:.125em;
  text-shadow:.125em 0 0 currentColor,.125em .125em 0 rgba(0,0,0,.42),.25em .125em 0 rgba(0,0,0,.42)!important}
.m.m.ft-hybrid .m-table .m-prefix{font-size:13px;padding:3px 9px 5px 7px}
.m.m.ft-hybrid .m-table .m-prefix *{text-shadow:inherit!important;letter-spacing:inherit;font-family:inherit!important}
/* Hybrid: rank chips in the cart's Plus box and cart item names in bold Mojangles */
.m.m.ft-hybrid :is(.m-rankplus .m-prefix,.m-di>div>b){font-family:'Minecraftia','Courier New',monospace!important;font-weight:400!important;letter-spacing:.125em;
  text-shadow:.125em 0 0 currentColor,.125em .125em 0 rgba(0,0,0,.42),.25em .125em 0 rgba(0,0,0,.42)!important}
.m.m.ft-hybrid .m-rankplus .m-prefix *{text-shadow:inherit!important;letter-spacing:inherit;font-family:inherit!important}
.m.m.ft-hybrid .m-rankplus .m-prefix{font-size:13px;padding:3px 9px 5px 7px}
.m.m.ft-hybrid .m-rankplus .m-prefix.big{font-size:15px;padding:3px 8px 5px 8px}
.m.m.ft-hybrid .m-di>div>b{font-size:13px}
/* cart Plus perks: two columns that flow top to bottom, so every line is evenly spaced */
.m.m .m-pn-list{display:block;columns:2;column-gap:12px}
.m.m .m-pn-list li{break-inside:avoid;margin:0 0 6px}
.m.m .m-pn-list li:last-child{margin-bottom:0}
/* cart Plus box: gems and keys as one quiet panel, like the rank row above it */
.m.m .m-pn-grid{gap:0;background:rgba(0,0,0,.35);border-radius:8px;padding:9px 0 8px}
.m.m .m-pn-grid div{background:none;border:0;border-radius:0;padding:0 4px}
.m.m .m-pn-grid div+div{border-left:1px solid rgba(255,255,255,.08)}
.m.m .m-pn-grid div b{display:block;font-size:18px;line-height:1.1;color:#fff}
.m.m .m-pn-grid div span{white-space:nowrap;margin-top:2px}
/* cart Plus box: plain HERO+ chip (no outline), slightly larger perk icons */
.m.m .m-rankplus .m-prefix.big{box-shadow:none}
.m.m .m-pn-list li{gap:6px}
.m.m .m-pn-list li svg,.m.m .m-pn-list li i{font-size:13px;width:14px;text-align:center;position:relative;top:1px}
/* 13,000 gems: no moving shine on the card or its buy button; the Best value ribbon keeps its shine */
.m.m .m-gfeat::after{display:none}
.m.m .m-gfeat .m-btn.gold.big[data-add]::before{display:none}
/* Hybrid: cart Plus box headline, stat numbers and Add Plus button in bold Mojangles */
.m.m.ft-hybrid :is(.m-pn-tiles .m-pn-h b,.m-pn-tiles .m-pn-grid div b,.m-pn-tiles .m-btn.sub){font-family:'Minecraftia','Courier New',monospace!important;font-weight:400!important;letter-spacing:.125em;
  text-shadow:.125em 0 0 currentColor,.125em .125em 0 rgba(0,0,0,.42),.25em .125em 0 rgba(0,0,0,.42)!important}
.m.m.ft-hybrid .m-pn-tiles .m-pn-h b{font-size:12px;line-height:1.3;letter-spacing:.1em}
.m.m.ft-hybrid .m-pn-tiles .m-pn-grid div b{font-size:15px;line-height:1.3}
.m.m.ft-hybrid .m-pn-tiles .m-btn.sub{font-size:14px}
/* gem upsell (side by side): plain-English headline above the comparison */
.m-gn-top{display:grid;gap:3px}
.m-gn-top b{font-family:var(--px);font-weight:400;font-size:15px;line-height:1.35;color:var(--gold)}
.m-gn-top span{font-size:12px;line-height:1.4;color:var(--fg-2)}
.m-gn-save .m-gn-ch{font-style:normal;color:var(--good);margin-left:.15em}
/* cart: items stack from the top, upsells sit at the bottom next to checkout */
.m-dl{display:flex;flex-direction:column}
.m-dl>*{flex:none}
.m-dnudge{margin-top:auto;display:grid;gap:8px;padding-top:4px}
/* cart: small gem pack offered with ranks */
.m-ga{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--panel-2);border:2px solid var(--line);border-radius:12px;padding:10px 12px}
.m-ga img{width:44px;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.3))}
.m-ga b{display:block;font-family:var(--px);font-weight:400;font-size:14px;line-height:1.3;color:var(--gold)}
.m-ga span{display:block;font-size:12px;line-height:1.35;color:var(--fg-2)}
.m-ga .m-btn{white-space:nowrap}
/* cart spend target */
.m-ct{display:grid;gap:7px}
.m-ct-t{display:flex;gap:8px;align-items:baseline;font-size:12.5px;line-height:1.4;color:var(--fg-2)}
.m-ct-t svg,.m-ct-t i{color:var(--gold);flex:none}
.m-ct-t b{font-weight:400;color:#fff}
.m-ct-bar{height:8px;border-radius:4px;background:var(--panel-2);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.m-ct-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--best),var(--gold));transition:width .4s ease}
.m-ct.done .m-ct-t,.m-ct.done .m-ct-t b{color:var(--good)}
.m-ct.done .m-ct-t svg,.m-ct.done .m-ct-t i{color:var(--good)}
.m-ct.done .m-ct-bar i{background:var(--good)}

/* ---------- live store additions ---------- */
#m-shell{min-height:100vh;overflow-x:clip}
#m-shell>#m-root{position:relative;z-index:1}
body.ovl-open{overflow:hidden}
.m a.m-btn,.m a.m-tile,.m a.m-back{text-decoration:none}
.m a[data-go],.m [data-go]{cursor:pointer}
.m-boot{min-height:60vh;display:grid;place-items:center;color:#959CBB;font-family:'Minecraftia','Courier New',monospace}
/* content Tebex renders itself (custom pages, package options, its own pages) */
.m-doc .m-server{line-height:1.65;color:var(--fg-2)}
.m-doc .m-server h1,.m-doc .m-server h2,.m-doc .m-server h3{margin:22px 0 8px}
.m-doc .m-server a{color:var(--ip)}
.m-doc .m-server img{max-width:100%;height:auto}
.m-doc .m-server table{border-collapse:collapse;width:100%}
.m-doc .m-server td,.m-doc .m-server th{border:1px solid var(--line);padding:6px 10px}
.m-form{display:grid;gap:14px;max-width:560px}
.m-form label{display:grid;gap:6px;font-size:13px;color:var(--fg-2)}
.m-form select,.m-form input[type=text]{width:100%;background:var(--panel-2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;font-family:var(--px);font-size:15px;color:var(--fg)}
.m-form .m-row{margin-top:6px}
/* basket page (/checkout/basket): the cart drawer laid out as a page */
.m-cartpage{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}
.m-cartpage .m-cp-items,.m-cartpage .m-cp-side{background:var(--panel);border:2px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:8px}
.m-cartpage .m-df{border-top:0;padding:4px 2px 2px}
.m-qty{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--muted)}
@media (max-width: 860px){.m-cartpage{grid-template-columns:minmax(0,1fr)}}
/* login page (/login) */
.m-loginpage{display:grid;place-items:center;padding:40px 0}
.m-loginpage .m-modal{animation:none;max-height:none}
/* footer sits at the bottom on short pages */
#m-root{min-height:100vh;display:flex;flex-direction:column}
#m-root>*{width:100%}
#m-root>.m-foot{margin-top:auto}
#m-root>.m-foot:not(:first-child){position:relative}
#m-root>:nth-last-child(2){margin-bottom:40px}
/* icons never take the drawn-on bold text shadow */
.m svg.svg-inline--fa,.m i[class*="fa-"]{text-shadow:none!important}
/* cart: dim while Tebex updates the basket */
.m-drawer.m-busy .m-dl,.m-drawer.m-busy .m-df,.m-cartpage.m-busy{opacity:.55;pointer-events:none;transition:opacity .15s}
/* checkout button while the cart is still saving to Tebex */
.m .m-btn.m-saving{filter:saturate(.6) brightness(.92)}
/* ---------- desktop scale, matched to store.colorgens.com (1280px content, 128px header, ~208px tiles, 40px tile padding) ---------- */
@media (min-width: 1180px){
  .m.m .in{max-width:1328px}
  .m.m .m-logo{height:120px;margin-bottom:-64px}
  .m.m .m-bar{padding:20px;border-radius:16px;gap:16px;min-height:128px}
  .m.m .m-ip{padding-top:46px;align-self:start}
  .m.m .m-acct{padding:12px 22px 12px 12px;border-radius:12px;gap:16px}
  .m.m .m-acct .ic{width:64px;height:64px;border-radius:10px;font-size:24px}
  .m.m .m-acct small{font-size:16px}
  .m.m .m-acct b{font-size:30px}
  .m.m.ft-hybrid .m-acct b,.m.m.ft-mojang .m-acct b{font-size:20px}
  .m.m .m-ip b{font-size:22px}
  .m.m .m-ip small{font-size:15px}
  .m.m .m-cart{padding:16px 18px 16px 22px;gap:16px;border-radius:14px}
  .m.m .m-cart .ico{font-size:28px}
  .m.m .m-cart b{font-size:24px}
  .m.m.ft-hybrid .m-cart b,.m.m.ft-mojang .m-cart b{font-size:18px}
  .m.m .m-cart small{font-size:14px}
  .m.m .m-count{min-width:32px;height:32px;line-height:32px;font-size:16px;border-radius:8px}
  .m.m .m-bento{gap:16px;margin-top:16px;grid-auto-rows:208px}
  .m.m .m-tile{padding:40px;border-radius:16px}
  .m.m .m-tile h3{font-size:56px}
  .m.m .m-tile.big h3{font-size:76px}
  .m.m .m-tile p{font-size:20px;margin-top:12px}
  .m.m .m-tile img{height:190px;right:16px}
  .m.m .m-tile.big img{height:380px}
  .m.m .m-tile .m-tag{font-size:22px;top:20px;right:22px}
  .m.m .m-best{margin-top:16px;padding:22px 26px;gap:24px;grid-template-columns:140px minmax(0,1fr) auto;border-radius:16px}
  .m.m .m-best .art{width:140px;height:140px}
  .m.m .m-best h3{font-size:44px}
  .m.m .m-best p{font-size:15px}
  .m.m .m-mods{gap:16px;margin-top:16px}
  .m.m .m-panel{padding:22px 24px;border-radius:16px}
  .m.m .m-panel h5{font-size:16px;margin-bottom:16px}
  .m.m .m-heads img{width:44px;height:44px}
  .m.m .m-head h2{font-size:44px}
}

/* Plus offer: limited-time banner on the Plus card, featured strip, Plus pop-up and cart suggestion */
.m .m-offer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-radius:12px;border:2px solid color-mix(in srgb,var(--offer) 75%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--offer) 32%,transparent),color-mix(in srgb,var(--offer) 8%,transparent) 70%);box-shadow:0 0 22px -8px var(--offer);color:var(--fg);text-align:left}
.m .m-offer>.fa-ghost{font-size:24px;color:var(--offer);filter:drop-shadow(0 0 8px var(--offer));animation:m-offer-bob 2.4s ease-in-out infinite}
.m .m-offer-tag{display:block;font-family:var(--px);font-size:11px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:var(--offer)}
.m .m-offer b{display:block;font-family:var(--px-big);font-weight:400;font-size:18px;line-height:1.2;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.35)}
.m .m-offer small{display:block;margin-top:3px;font-family:var(--px);font-size:12px;line-height:1.7;color:var(--fg-2)}
.m .m-offer-cd{font-family:var(--px);font-size:11px;line-height:1.5;color:var(--fg-2);text-align:right;white-space:nowrap}
.m .m-offer-cd b{display:block;font-family:var(--px);font-size:13px;text-transform:none;text-shadow:none}
.m .m-offer.sm{margin-top:10px;padding:8px 12px}
.m .m-offer.sm b{font-size:15px}
.m .m-offer.slim{margin:8px 0 10px;padding:7px 10px;gap:10px}
.m .m-offer.slim>.fa-ghost{font-size:18px}
.m .m-offer.slim b{font-size:13px}
.m .m-offer-line{display:block;margin-top:2px;font-family:var(--px);font-size:11px;line-height:1.6;color:#FFA34B}
@keyframes m-offer-bob{50%{transform:translateY(-3px)}}
@media (max-width: 600px){.m .m-offer{grid-template-columns:auto minmax(0,1fr)}.m .m-offer-cd{grid-column:2;text-align:left}.m .m-offer-cd b{display:inline}}