:root{
  --bg:#160b10;
  --bg2:#261017;
  --panel:#30151d;
  --panel2:#471e2b;
  --panel3:#27141c;
  --line:#99535b;
  --line2:#5bd6dd;
  --violet:#f2a47c;
  --cyan:#82e5eb;
  --gold:#f4c574;
  --text:#fff3ee;
  --muted:#e5c5c0;
  --soft:#ba9695;
  --success:#9ee1bb;
  --danger:#ff9a9e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:
radial-gradient(circle at 15% 0%,rgba(123,34,52,.45),transparent 34%),
radial-gradient(circle at 90% 8%,rgba(184,99,50,.23),transparent 30%),
linear-gradient(180deg,#10080d,#10080d 20%,#160b10 100%);min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.cx-shell{max-width:1180px;margin:auto;padding:18px 18px 60px}
.cx-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.cx-brand{display:flex;align-items:center;gap:12px}
.cx-logo{width:54px;height:54px;border-radius:18px;background:radial-gradient(circle at 35% 35%,#d2a7ff 0,#7041b2 48%,#201441 100%);display:grid;place-items:center;font-size:28px;border:1px solid #ba92ff;box-shadow:0 0 25px rgba(140,90,255,.28), inset 0 0 16px rgba(115,239,255,.15)}
.cx-brand h1{margin:0;font-size:24px;line-height:1}
.cx-brand small{display:block;color:var(--cyan);letter-spacing:2px;font-weight:800;font-size:10px;margin-top:4px}
.cx-chip{padding:10px 14px;border-radius:999px;border:1px solid #6a4a9e;background:rgba(33,23,64,.78);color:#eadfff;font-size:12px;font-weight:800;letter-spacing:.8px}
.cx-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0 24px}
.cx-nav a{padding:10px 13px;border-radius:13px;border:1px solid #75414b;background:rgba(24,18,44,.9);font-size:13px;font-weight:800;color:#f7e2db;display:inline-flex;align-items:center;gap:8px}
.cx-nav a:hover,.cx-nav a.active{background:linear-gradient(135deg,#74273d,#4b2938);border-color:#e5a56f;box-shadow:0 0 18px rgba(211,105,65,.2)}
.cx-nav a.exit{margin-left:auto;background:linear-gradient(135deg,#64202b,#3e1720);border-color:#e49b95}
.cx-hero{position:relative;overflow:hidden;border:1px solid #a75b56;border-radius:28px;padding:30px;background:linear-gradient(135deg,rgba(39,24,70,.96),rgba(20,18,51,.96) 56%,rgba(16,41,73,.95));box-shadow:0 26px 65px rgba(0,0,0,.32)}
.cx-hero:after{content:'';position:absolute;inset:auto -80px -80px auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(251,172,107,.16),transparent 68%);pointer-events:none}
.cx-kicker{display:inline-block;color:#9deeff;font-size:12px;font-weight:900;letter-spacing:2px}
.cx-hero h2{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:12px 0 10px;max-width:720px}
.cx-hero p{max-width:680px;line-height:1.7;color:#f0d2cb;margin:0}
.cx-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.cx-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;border:1px solid #e9ae7e;background:linear-gradient(100deg,#bd4e57,#e5ad73);color:#260e15;font-weight:900;box-shadow:0 12px 30px rgba(160,53,64,.28)}
.cx-btn.secondary{background:rgba(255,255,255,.04);color:#fff;border-color:#87505b;box-shadow:none}
.cx-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 30px}
.cx-stat{padding:18px;border-radius:20px;border:1px solid #69404a;background:linear-gradient(145deg,rgba(28,21,52,.95),rgba(17,17,37,.96));box-shadow:inset 0 0 20px rgba(243,197,116,.04)}
.cx-stat b{display:block;font-size:30px;color:var(--gold);line-height:1.1;margin-bottom:4px}
.cx-stat span{font-size:13px;color:var(--muted)}
.cx-section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:28px 0 14px}
.cx-section-title h3{margin:0;font-size:26px}
.cx-section-title p{margin:0;color:var(--soft);font-size:14px}
.cx-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.cx-card{border:1px solid #794650;border-radius:22px;padding:22px;background:linear-gradient(145deg,#3a1624,#221019);min-height:190px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s,box-shadow .2s}
.cx-card:hover{transform:translateY(-4px);border-color:#efa570;box-shadow:0 18px 36px rgba(0,0,0,.25)}
.cx-card .icon{font-size:34px;margin-bottom:8px}
.cx-card .eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:900;color:#78d6df}
.cx-card h4{margin:8px 0 8px;font-size:22px}
.cx-card p{margin:0;color:#e2c2bc;line-height:1.6;font-size:14px}
.cx-card .more{margin-top:14px;color:#f2c374;font-weight:800;font-size:13px}
.cx-panel{border:1px solid #503d73;border-radius:24px;padding:22px;background:linear-gradient(160deg,#1d163a,#121126)}
.cx-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cx-world{position:relative;overflow:hidden;border:1px solid #90505a;border-radius:22px;padding:18px;background:linear-gradient(155deg,#441b2b,#28131d);min-height:210px;display:flex;flex-direction:column;gap:10px}
.cx-world:before{content:'';position:absolute;inset:auto -30px -30px auto;width:120px;height:120px;border-radius:24px;transform:rotate(25deg);background:linear-gradient(135deg,rgba(245,185,103,.07),rgba(221,111,85,.04));pointer-events:none}
.cx-world:nth-child(4n+1){background:linear-gradient(135deg,#682338,#28121d)}
.cx-world:nth-child(4n+2){background:linear-gradient(135deg,#522131,#28121d)}
.cx-world:nth-child(4n+3){background:linear-gradient(135deg,#5c342a,#28121d)}
.cx-world:nth-child(4n+4){background:linear-gradient(135deg,#69313d,#28121d)}
.cx-world-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cx-world-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.cx-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:800;letter-spacing:1.2px;color:#ffdfc6}
.cx-world h4{margin:0;font-size:19px;line-height:1.35;position:relative;z-index:1}
.cx-world p{margin:0;color:#e6c9c6;font-size:13px;line-height:1.55;position:relative;z-index:1}
.cx-world-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.cx-mini{padding:7px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.15);font-size:12px;color:#f5dbcf}
.cx-linkrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.cx-small-btn{padding:10px 12px;border-radius:12px;border:1px solid #d69069;background:rgba(20,14,39,.68);font-size:13px;font-weight:800;color:#fff;display:inline-flex;align-items:center;gap:6px}
.cx-lab-layout{display:grid;grid-template-columns:260px 1fr;gap:18px}
.cx-tabs{display:grid;gap:8px}
.cx-tabs button{width:100%;text-align:left;padding:14px;border-radius:14px;border:1px solid #6d3a48;background:#351720;color:#f7e2dc;font-weight:800}
.cx-tabs button.active{background:linear-gradient(135deg,#7c2b3a,#17385c);border-color:#e2a16e}
.cx-lab-panel{display:grid;gap:16px}
.cx-lab-core{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.cx-control{display:block;margin:0 0 14px}
.cx-control span{display:block;margin-bottom:6px;color:#d7c8e6;font-size:14px}
.cx-control output{display:block;font-size:28px;font-weight:900;color:var(--gold);margin-top:8px}
 .cx-input,.cx-select,input[type=range],select{width:100%}
select{padding:12px;border-radius:12px;border:1px solid #6a50a0;background:#110e25;color:#fff}
input[type=range]{accent-color:#9e74ff}
.cx-beaker{min-height:220px;border:3px solid #c48d78;border-radius:16px 16px 44px 44px;background:linear-gradient(to top,var(--liquid,#4b97c5) 0 57%,#243c50 57% 100%);box-shadow:inset 0 0 30px #ffffff19,0 18px 35px #0004;margin:10px auto;max-width:170px;display:grid;place-items:center;font-size:48px}
.cx-note{padding:14px;border-radius:16px;border:1px solid #86535b;background:#321b25;color:#ecd1cb;line-height:1.6;font-size:13px}
.cx-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cx-info{padding:16px;border-radius:18px;border:1px solid #70414a;background:#2a1520}
.cx-info strong{display:block;color:#e8bd7a;margin-bottom:6px}
.cx-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cx-summary{padding:18px;border-radius:20px;border:1px solid #76404b;background:linear-gradient(145deg,#3b1824,#261219)}
.cx-summary b{display:block;font-size:28px;color:var(--gold);margin-bottom:4px}
.cx-relic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cx-relic{padding:18px;border-radius:22px;border:1px solid #79505a;background:linear-gradient(145deg,#221b43,#241019);position:relative;overflow:hidden}
.cx-relic.locked{opacity:.72;filter:saturate(.7)}
.cx-relic-art{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);margin-bottom:12px}
.cx-relic h4{margin:0 0 6px;font-size:18px}
.cx-relic p{margin:0;color:#d1c4e6;font-size:13px;line-height:1.55}
.cx-relic .state{display:inline-block;margin-top:10px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1.2px;border:1px solid rgba(255,255,255,.14)}
.cx-relic .state.on{background:rgba(110,228,195,.12);color:#bcffeb;border-color:#67d8bc}
.cx-relic .state.off{background:rgba(255,255,255,.06);color:#c6b8db}
.cx-table{display:grid;gap:10px}
.cx-row{display:grid;grid-template-columns:64px 1.4fr .9fr .9fr .8fr;gap:10px;align-items:center;padding:14px 16px;border:1px solid #70414b;border-radius:16px;background:#301620}
.cx-row.header{background:#572436;color:#f3c37b;font-weight:900}
.cx-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid #9b5960;background:#321b25;font-size:12px;font-weight:800}
.cx-setting{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #754550;background:#2b151e;border-radius:18px}
.cx-setting-copy strong{display:block;font-size:16px;margin-bottom:4px}
.cx-setting-copy p{margin:0;color:#e9c9c1;font-size:14px;line-height:1.55}
.cx-action{padding:11px 14px;border-radius:12px;border:1px solid #cf8a71;background:linear-gradient(135deg,#833b4c,#684333);color:#fff;font-weight:800;cursor:pointer}
.cx-action.danger{border-color:#e8888b;background:linear-gradient(135deg,#852b39,#501a25)}
.cx-footer{text-align:center;color:#c19b97;font-size:12px;letter-spacing:1.5px;margin-top:36px}
@media(max-width:900px){.cx-world-grid,.cx-relic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-lab-layout,.cx-lab-core{grid-template-columns:1fr}.cx-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-info-grid{grid-template-columns:1fr}.cx-row{grid-template-columns:1fr}.cx-row.header{display:none}.cx-nav a.exit{margin-left:0}}
@media(max-width:700px){.cx-card-grid,.cx-stat-grid{grid-template-columns:1fr 1fr}.cx-nav{flex-wrap:nowrap;overflow:auto;padding-bottom:10px}.cx-nav a{flex-shrink:0}.cx-hero{padding:24px}}
@media(max-width:520px){.cx-shell{padding:12px 12px 44px}.cx-card-grid,.cx-world-grid,.cx-relic-grid,.cx-stat-grid,.cx-summary-grid{grid-template-columns:1fr}.cx-topbar{align-items:flex-start}.cx-brand h1{font-size:22px}}

/* V92 MAROON ALCHEMY — final authoring palette */
:root{--bg:#160b10;--bg2:#261017;--panel:#30151d;--panel2:#471e2b;--line:#99535b;--line2:#5bd6dd;--violet:#f2a47c;--cyan:#82e5eb;--gold:#f4c574;--text:#fff3ee;--muted:#e5c5c0}
.cx-logo{background:radial-gradient(circle at 30% 25%,#ffd39a,#a13b4c 42%,#3d1424 78%);border:1px solid #f0bd83;box-shadow:0 0 30px #be4b5655,inset 0 0 16px #f4bb7550}
.cx-brand small{color:#f3bd80}.cx-chip{background:#391924;border-color:#92535c;color:#f7d3c2}
.cx-hero{background:radial-gradient(circle at 90% 15%,#8c3f342d,transparent 43%),linear-gradient(125deg,#632439,#371725 58%,#291a22);border-color:#a46061}
.cx-kicker{color:#f0c37a}.cx-btn{background:linear-gradient(110deg,#e9a967,#b94956);color:#2d1019;border-color:#f1be8e}
.cx-stat b,.cx-summary b{color:#f4c574}
.cx-nav a.active,.cx-nav a:hover{border-color:#d89472;background:linear-gradient(120deg,#642438,#442330)}
.cx-card:nth-child(4n+1){background:linear-gradient(135deg,#572032,#25121d)}
.cx-card:nth-child(4n+2){background:linear-gradient(135deg,#673c2b,#24151b)}
.cx-card:nth-child(4n+3){background:linear-gradient(135deg,#3b3037,#22151e)}
.cx-card:nth-child(4n+4){background:linear-gradient(135deg,#5b2b3c,#22121e)}
.cx-world-icon{background:radial-gradient(circle at 30% 25%,#f5cc9b33,#9a394a55 65%,#25111a);border-color:#e1a97666;box-shadow:inset 0 1px 13px #fff1ce18}
.cx-world:hover,.cx-card:hover,.cx-relic:hover{border-color:#e3a06f}
.cx-mini{color:#f1d8ca}.cx-small-btn{border-color:#c58a78}.cx-nav a.exit{background:#54212a;border-color:#cc717d}
body{background:radial-gradient(circle at 13% 0%,#692a3b85,transparent 35%),radial-gradient(circle at 93% 8%,#9e512d44,transparent 36%),linear-gradient(#130a10,#14090f)!important}
:focus-visible{outline:3px solid #82e5eb!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}

/* CHEMYSTIC — Alchemy Academy cinematic background (V94) */
body{background:linear-gradient(180deg,rgba(12,5,10,.78) 0%,rgba(18,7,12,.87) 42%,rgba(12,5,10,.97) 100%),url("backgrounds/alchemy-academy.webp") center top/cover fixed no-repeat,#12080c!important}
.cx-hero{isolation:isolate;background:linear-gradient(90deg,rgba(29,8,16,.95) 0%,rgba(40,12,22,.86) 48%,rgba(23,8,15,.30) 100%),url("backgrounds/alchemy-academy.webp") center 45%/cover no-repeat!important;border-color:#c68a58!important;box-shadow:0 20px 55px #05010499,0 0 0 1px #f4c57416 inset!important}
.cx-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(14,4,9,.36),transparent 48%);z-index:-1}
.cx-hero p{color:#fff0e7!important;text-shadow:0 2px 12px #14020ecc}
.cx-hero h2{text-shadow:0 3px 19px #13040b}
.cx-card,.cx-world,.cx-panel,.cx-stat,.cx-relic,.cx-setting,.cx-summary,.cx-row,.cx-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cx-card{background:linear-gradient(135deg,rgba(53,16,29,.93),rgba(20,8,15,.95))!important;border-color:#965e52!important}
.cx-world{background:linear-gradient(140deg,rgba(64,22,34,.94),rgba(25,9,16,.96))!important}
.cx-world:nth-child(4n+2){background:linear-gradient(140deg,rgba(79,34,32,.94),rgba(25,9,16,.96))!important}
.cx-world:nth-child(4n+3){background:linear-gradient(140deg,rgba(70,31,41,.94),rgba(25,9,16,.96))!important}
.cx-world:nth-child(4n+4){background:linear-gradient(140deg,rgba(62,25,28,.94),rgba(25,9,16,.96))!important}
.cx-panel,.cx-stat,.cx-relic,.cx-setting,.cx-summary,.cx-row,.cx-info{background:linear-gradient(155deg,rgba(52,18,29,.94),rgba(20,9,15,.97))!important}
@media(max-width:700px){body{background:linear-gradient(180deg,rgba(12,5,10,.82),rgba(14,5,9,.98)),url("backgrounds/alchemy-academy-mobile.webp") center top/cover scroll no-repeat,#12080c!important}.cx-hero{background:linear-gradient(180deg,rgba(30,7,16,.93),rgba(24,7,13,.79)),url("backgrounds/alchemy-academy-mobile.webp") 50% 30%/cover no-repeat!important}}
@media(prefers-reduced-motion:reduce){.cx-card{transition:none!important}}

/* V100 — Relic collection, score-driven rewards */
.relic-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.relic-number{border:1px solid #7b4351;border-radius:18px;background:linear-gradient(145deg,#401b2a,#1a1120);padding:17px}.relic-number strong{display:block;color:#ffd78d;font-size:28px}.relic-number small{font-size:15px;color:#d7c0ae}.relic-number span{font-size:12px;color:#f4deda}.star-panel{border:1px solid #b9884f;border-radius:24px;background:linear-gradient(145deg,#381725,#180e1d);padding:22px;margin:20px 0}.star-panel-heading{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.star-panel-heading h3{font-size:29px;margin:6px 0;color:#ffe7b2}.star-panel-heading p{color:#e8ced2;margin:0 0 16px}.star-total{padding:10px 14px;border:1px solid #b9884f;border-radius:40px;color:#ffe7b2;font-weight:900}.star-track{height:15px;border-radius:40px;border:1px solid #bb865b;background:#100914;overflow:hidden}.star-track>div{height:100%;background:linear-gradient(90deg,#b66d41,#edba61,#fff0b0);transition:width .4s}.star-ticks{display:flex;justify-content:space-between;font-size:11px;color:#dfbb8c;margin:8px 0 22px}.relic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.relic-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.relic-card{min-width:0;padding:19px;border-radius:22px;border:1px solid #8d5a67;background:radial-gradient(circle at 50% 5%,#6e3853,#291321 78%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px}.relic-card.locked{filter:saturate(.55);opacity:.76}.relic-mark{display:grid;place-items:center;width:78px;height:78px;font-size:48px;line-height:1;border:3px solid #bfa5ab;border-radius:23px;color:#f9d8ba;background:radial-gradient(circle,#804e61,#2e2337);box-shadow:inset 0 0 20px #fdf0c220,0 7px 20px #05030677}.relic-card.rare .relic-mark{color:#85e8ff;border-color:#7acafa;background:radial-gradient(circle,#2e668a,#1b243e)}.relic-card.epic .relic-mark{color:#e8b7ff;border-color:#c682ff;background:radial-gradient(circle,#7b3e94,#291a42)}.relic-card.legendary .relic-mark{color:#ffe79e;border-color:#f5c45e;background:radial-gradient(circle,#956c32,#3b1930);box-shadow:0 0 25px #f8c35a55}.relic-rank{font-size:11px;font-weight:900;letter-spacing:2px;color:#f0c78b}.relic-card h4{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}.relic-card p{font-size:13px;color:#e8cfce;line-height:1.55;margin:0}.relic-mini{font-size:12px;color:#ffe1b8;margin-top:auto}.relic-state{display:inline-block;padding:8px 10px;border-radius:40px;background:#1c111c;border:1px solid #886174;color:#d7b9b9;font-size:11px;font-weight:850;letter-spacing:.5px;margin-top:auto}.relic-card.earned .relic-state{border-color:#a8da8d;color:#d5ffce;background:#24412a}.relic-grand{display:flex;gap:24px;align-items:center;border:2px solid #a67b4c;border-radius:28px;padding:26px;margin:25px 0;background:radial-gradient(circle at 18% 30%,#763e3d 0%,#2e1523 50%,#150b18 100%);box-shadow:inset 0 0 35px #f3c45b10}.relic-grand.unlocked{box-shadow:0 0 45px #f3ba5245,inset 0 0 35px #f3c45b22}.relic-grand-crown{font-size:96px;color:#ffd37a;text-shadow:0 0 35px #ffc65b;min-width:110px;text-align:center}.relic-grand h3{font-size:clamp(23px,4vw,39px);line-height:1.1;letter-spacing:1px;color:#ffe0a0;margin:10px 0}.relic-grand p{color:#ecd9d4;line-height:1.65}.relic-grand .relic-state{margin-top:8px}@media(max-width:850px){.relic-summary,.relic-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.relic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.relic-card{padding:12px}.relic-mark{width:62px;height:62px;font-size:39px}.relic-card h4{font-size:13px}.relic-card p{font-size:11px}.relic-summary{gap:8px}.relic-number{padding:12px}.relic-number strong{font-size:22px}.relic-grand{flex-direction:column;gap:3px;text-align:center;padding:18px}.relic-grand-crown{font-size:70px}}

/* V101: original individual 3D relic artwork; preserve V100 scoring rules */
.relic-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.relic-card{overflow:hidden;justify-content:flex-start;gap:8px;padding:15px 11px;min-height:350px;}
.relic-card.locked{filter:none;opacity:1;}
.relic-card.locked .relic-art-img{filter:grayscale(.88) brightness(.46);opacity:.8;}
.relic-card.earned{border-color:#e3b470;box-shadow:0 0 21px #c98a4d42,inset 0 0 22px #ffcc7620;}
.relic-mark,.relic-card.rare .relic-mark,.relic-card.epic .relic-mark,.relic-card.legendary .relic-mark{width:100%;max-width:210px;height:auto;aspect-ratio:1/1;padding:0;margin:0 auto 4px;overflow:hidden;border:0;background:transparent!important;border-radius:18px;box-shadow:none!important;display:flex;align-items:center;justify-content:center;}
.relic-art-img{display:block;width:100%;height:100%;object-fit:contain;border-radius:15px;}
.relic-card h4{font-size:clamp(13px,1.4vw,17px);line-height:1.33;min-height:2.66em;}
.relic-card p{font-size:12px;}
.relic-card .relic-mini{margin-top:auto;font-size:12px;}
.relic-card .relic-state{font-size:10px;padding:7px 8px;white-space:normal;}
.relic-grand{display:grid;grid-template-columns:minmax(150px,290px) 1fr;gap:22px;align-items:center;}
.relic-grand-crown{font-size:initial;min-width:0;line-height:0;}
.relic-grand-img{width:100%;max-width:290px;aspect-ratio:1;object-fit:contain;border-radius:18px;filter:grayscale(.88) brightness(.43);}
.relic-grand.unlocked .relic-grand-img{filter:none;drop-shadow:0 0 22px #ffc97255;}
@media(max-width:850px){.relic-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:590px){.relic-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.relic-card{padding:10px 7px;min-height:325px}.relic-card h4{font-size:12px;min-height:3em}.relic-card p{font-size:11px}.relic-mark,.relic-card.rare .relic-mark,.relic-card.epic .relic-mark,.relic-card.legendary .relic-mark{width:100%;height:auto;max-width:180px}.relic-grand{display:flex;flex-direction:column;text-align:center}.relic-grand-crown{width:100%;max-width:240px}.relic-grand-img{max-width:240px}}