/* routes/artist.css — #/artist THE ARTIST LOG (mockup v1 04_artist, drawn in mockup px: calc(1 * var(--m)) = 1.1483 css px at 1920; x = mockup x - 56 container gutter) */
.artist{--m:calc(1.1483px * var(--u));--lav:#d9a8ff;--glow:#b56bff;--gr:#6bd889;--cell:#190275;--well:#1c028d;color:var(--ink);font-family:var(--font-body)}
.artist *{box-sizing:border-box}
:where(.artist) button{background:none;color:inherit;cursor:pointer;padding:0;font:inherit;text-align:center}
.artist h1,.artist h2,.artist h3,.artist p{margin:0}
.artist .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.artist svg{display:block}
.artist .ar-btn-on,.artist [aria-pressed="true"]{background:#5c01e5;box-shadow:inset 0 0 0 max(1px, calc(2px * var(--m))) #3AF1BE,0 0 calc(10 * var(--m)) rgba(58,241,190,.5);color:#fff}
.artist [aria-pressed]{transition:background-color .22s var(--ease-settle),box-shadow .15s var(--ease-settle)}
.artist [aria-pressed="false"]:hover,.artist .ar-reg:hover,.artist .ar-rnav button:hover{box-shadow:inset 0 0 0 max(1px, calc(2px * var(--m))) rgba(234,220,255,.7),0 0 calc(12 * var(--m)) rgba(58,241,190,.5)}

/* ---------- first screen ---------- */
.ar-hero{position:relative;height:calc(719 * var(--m))}
.ar-cab{position:absolute;left:calc(12 * var(--m));top:calc(11 * var(--m));width:calc(959 * var(--m));height:calc(245 * var(--m))}
.ar-arch{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ar-arch .fill{fill:#1a027b}
.ar-arch .tube{fill:none;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.ar-arch .t1{stroke:#dcb2ff;stroke-width:11}
.ar-arch .t2{stroke:#6bd889;stroke-width:10}
.ar-arch .t3{stroke:#c98cff;stroke-width:9}
.ar-arch .t4{stroke:#f3e8ff;stroke-width:2.5}
.ar-arch .cap rect{fill:#efe2ff}
.ar-mark{position:absolute;left:calc(112 * var(--m));top:calc(68 * var(--m));width:calc(80 * var(--m));height:calc(99 * var(--m));object-fit:contain}
.ar-name{position:absolute;left:calc(222 * var(--m));top:calc(70 * var(--m));font:400 calc(78 * var(--m))/1 var(--font-display);letter-spacing:calc(-2.5 * var(--m));color:#f6ecff;white-space:nowrap;text-shadow:0 0 calc(8 * var(--m)) rgba(181,107,255,.9)}
.ar-top{position:absolute;left:calc(62 * var(--m));top:calc(177 * var(--m));width:calc(840 * var(--m));height:calc(56 * var(--m));display:grid;grid-template-columns:274fr 272fr 271fr;gap:calc(11 * var(--m))}
.ar-chip{position:relative;display:flex;align-items:center;height:100%;background:#1a027b;box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) var(--lav);transition:box-shadow .15s var(--ease-settle),transform .22s var(--ease-settle)}
.ar-chip:hover{transform:translateY(calc(-2 * var(--m)))}
.ar-chip.is-on{background:linear-gradient(#4602bc,#5705de);box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #fff,0 0 calc(14 * var(--m)) rgba(181,107,255,.8)}
.ar-chip .cd{position:absolute;left:calc(16 * var(--m));font:400 calc(21 * var(--m))/1 var(--font-mono);color:var(--lav)}
.ar-chip .dv{position:absolute;left:calc(62 * var(--m));top:calc(12 * var(--m));width:max(1px, calc(2 * var(--m)));height:calc(32 * var(--m));background:#b78af0}
.ar-chip .nm{position:absolute;left:calc(80 * var(--m));font:500 calc(16 * var(--m))/1 var(--font-body);color:#fff;white-space:nowrap}
.ar-chip svg{position:absolute;right:calc(16 * var(--m));width:calc(29 * var(--m));height:calc(29 * var(--m))}
.ar-play circle{fill:none;stroke:#fff;stroke-width:2.2}
.ar-play path{fill:#fff}

.ar-pick{position:absolute;left:calc(991 * var(--m));top:calc(31 * var(--m));width:calc(566 * var(--m));height:calc(222 * var(--m));background:var(--well);border-radius:calc(12 * var(--m))}
.ar-pick h2{position:absolute;left:calc(23 * var(--m));top:calc(15 * var(--m));font:500 calc(20 * var(--m))/1.2 var(--font-body)}
.ar-pick h3{position:absolute;left:calc(23 * var(--m));top:calc(124 * var(--m));font:500 calc(17 * var(--m))/1.2 var(--font-body)}
.ar-pick-row{position:absolute;left:calc(23 * var(--m));top:calc(46 * var(--m));display:grid;grid-template-columns:calc(170 * var(--m)) calc(160 * var(--m)) calc(168 * var(--m));gap:calc(10.5 * var(--m));height:calc(45 * var(--m))}
.ar-range{position:absolute;left:calc(23 * var(--m));top:calc(154 * var(--m));display:grid;grid-template-columns:calc(92 * var(--m)) calc(92 * var(--m));gap:calc(7 * var(--m));height:calc(45 * var(--m))}
.ar-pick-row button,.ar-range button,.ar-rseg button{background:#1a0276;border-radius:calc(8 * var(--m));box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #6a3fd0;font:500 calc(16 * var(--m))/1 var(--font-body);color:#fff}
.ar-pick-row button[aria-pressed="true"]{font-weight:600;font-size:calc(18 * var(--m))}
.ar-vr{position:absolute;top:calc(125 * var(--m));width:max(1px, calc(2 * var(--m)));height:calc(74 * var(--m));background:#7b4fd6}
.ar-vr.a{left:calc(241 * var(--m))}.ar-vr.b{left:calc(383 * var(--m))}
.ar-kpi{position:absolute;top:calc(122 * var(--m));display:flex;flex-direction:column;align-items:center;gap:calc(6 * var(--m))}
.ar-kpi.c{left:calc(243 * var(--m));width:calc(140 * var(--m))}
.ar-kpi.p{left:calc(385 * var(--m));width:calc(181 * var(--m))}
.ar-kpi b{display:block;font:400 calc(48 * var(--m))/1 var(--font-mono);color:#e7c4ff;white-space:nowrap}
.ar-kpi.p b{color:var(--gr)}
.ar-kpi span{font:500 calc(20 * var(--m))/1 var(--font-body)}

.ar-hist{position:absolute;left:calc(7 * var(--m));top:calc(268 * var(--m));width:calc(1550 * var(--m));height:calc(450 * var(--m));background:var(--well)}
.ar-hist > h2{position:absolute;left:calc(26 * var(--m));top:calc(10 * var(--m));font:600 calc(27 * var(--m))/1.2 var(--font-body)}
.ar-reg,.ar-soonpill{display:flex;align-items:center;justify-content:center;height:calc(40 * var(--m));border-radius:calc(8 * var(--m));font:500 calc(17 * var(--m))/1 var(--font-body);white-space:nowrap}
.ar-reg{background:#1a0276;box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #f3ecff;color:#fff}
.ar-soonpill{box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #4a2aa8;color:#6f55c4}
.ar-hist > .ar-reg{position:absolute;left:calc(1204 * var(--m));top:calc(10 * var(--m));width:calc(167 * var(--m))}
.ar-hist > .ar-soonpill{position:absolute;left:calc(1385 * var(--m));top:calc(10 * var(--m));width:calc(135 * var(--m))}
.ar-nights{position:absolute;left:calc(14 * var(--m));top:calc(60 * var(--m));width:calc(1516 * var(--m));height:calc(157 * var(--m));display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:max(1px, calc(2.5 * var(--m)));padding:max(1px, calc(2.5 * var(--m)));background:#6e2fe0;border-radius:calc(4 * var(--m)) calc(4 * var(--m)) 0 0}
.ar-night{position:relative;background:var(--cell);text-align:left!important;transition:box-shadow .15s var(--ease-settle),background-color .15s var(--ease-settle)}
.ar-night:hover{background:#22038f}
.ar-night[data-open="true"]{box-shadow:inset 0 0 0 round(max(1px, calc(3 * var(--m))), 1px) var(--gr);z-index:1}
.ar-night .dl{position:absolute;left:calc(18 * var(--m));top:calc(12 * var(--m));font:600 calc(21 * var(--m))/1.2 var(--font-body);color:var(--lav);white-space:nowrap}
.ar-night .ct{position:absolute;left:calc(18 * var(--m));top:calc(45 * var(--m));font:600 calc(21 * var(--m))/1.2 var(--font-body);color:#fff;white-space:nowrap}
.ar-night[data-open="true"] .dl{color:var(--gr)}
.ar-nights.slim .ar-night .dl,.ar-nights.slim .ar-night .ct{left:0;right:0;text-align:center;font-size:max(12px, calc(13 * var(--m)))}
.ar-nights.slim .ar-night .ct{top:calc(34 * var(--m));font-weight:500}
.ar-bars{position:absolute;left:calc(14 * var(--m));top:calc(60 * var(--m));width:calc(1516 * var(--m));height:calc(157 * var(--m));pointer-events:none;z-index:2;overflow:visible}
.ar-bars rect{fill:#a443fd;transform-box:fill-box;transform-origin:50% 100%}
.ar-bars rect.b2{fill:#c77dff}
.ar-bars rect.g{fill:var(--gr)}
.ar-bars rect.on{fill:#d7a3ff}
.ar-bars .paid{fill:none;stroke:var(--gr);stroke-width:3;stroke-linecap:round}
.ar-drawer{position:absolute;left:calc(14 * var(--m));top:calc(217 * var(--m));width:calc(1516 * var(--m));height:calc(221 * var(--m));background:#1a0275;box-shadow:inset 0 0 0 max(1px, calc(2.5 * var(--m))) #6e2fe0;border-radius:0 0 calc(4 * var(--m)) calc(4 * var(--m));overflow:hidden}
.ar-drawer .hd{position:relative;height:calc(42 * var(--m));display:flex;align-items:center;padding-left:calc(20 * var(--m));box-shadow:inset 0 calc(-2 * var(--m)) 0 #6e2fe0}
.ar-drawer .hd .d{font:600 calc(21 * var(--m))/1 var(--font-body);color:var(--gr);width:calc(208 * var(--m));white-space:nowrap}
.ar-drawer .hd span{font:500 calc(16 * var(--m))/1 var(--font-body);white-space:nowrap}
.ar-drawer .chev{position:absolute;right:calc(22 * var(--m));top:calc(14 * var(--m));width:calc(20 * var(--m));height:calc(14 * var(--m))}
.ar-drawer .chev svg{width:100%;height:100%;transition:transform .22s var(--ease-settle)}
.ar-drawer .chev path,.ar-rnav path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ar-drawer[data-open="false"] .chev svg{transform:rotate(180deg)}
.ar-drawer[data-open="false"] .ar-tbl{opacity:.0;transform:translateY(calc(-8 * var(--m)))}
.ar-tbl{transition:opacity .22s var(--ease-settle),transform .22s var(--ease-settle)}
.ar-tbl .th,.ar-tbl .tr{display:grid;grid-template-columns:calc(133 * var(--m)) calc(191 * var(--m)) calc(227 * var(--m)) calc(338 * var(--m)) calc(266 * var(--m)) 1fr;align-items:center;padding-left:calc(36 * var(--m))}
.ar-tbl .th{height:calc(29 * var(--m));font:400 max(12px, calc(14 * var(--m)))/1 var(--font-body);color:var(--muted);box-shadow:inset 0 calc(-2 * var(--m)) 0 #4d1fb8}
.ar-tbl .th span:first-child,.ar-tbl .tr span:first-child{padding-left:calc(10 * var(--m))}
.ar-tbl .tb{height:calc(150 * var(--m));overflow-y:auto;scrollbar-width:none}
.ar-tbl .tb::-webkit-scrollbar{display:none}
.ar-tbl .tr{height:calc(30 * var(--m));font:400 calc(15.5 * var(--m))/1 var(--font-body);box-shadow:inset 0 calc(-2 * var(--m)) 0 #4d1fb8;transform-origin:50% 50%}
.ar-tbl .tr .am{font-weight:600;color:var(--gr);font-family:var(--font-body)}
.ar-tbl .tr .ok{color:var(--gr);font-weight:500}
.ar-tbl .tr.is-on{background:rgba(107,216,137,.12)}
.ar-tbl .none{display:flex;align-items:center;justify-content:center;height:100%;font:500 calc(17 * var(--m))/1 var(--font-body);color:var(--muted)}

.artist .clone-dock,.artist + .clone-dock{height:calc(102 * var(--m))}

/* ---------- second screen ---------- */
.ar-lower{position:relative;height:calc(846 * var(--m));margin-top:calc(41 * var(--m))}
.ar-lower .rule-panel{position:absolute;background:#180184}
.ar-lower h2{position:absolute;font:600 calc(27 * var(--m))/1.2 var(--font-body);white-space:nowrap}
.ar-lower .sub{position:absolute;font:400 calc(15.5 * var(--m))/1.2 var(--font-body);color:#efe6ff;white-space:nowrap}
.ar-ledger{left:calc(10 * var(--m));top:calc(23 * var(--m));width:calc(1540 * var(--m));height:calc(516 * var(--m));background:var(--well)!important}
.ar-ledger h2{left:calc(28 * var(--m));top:calc(9 * var(--m));font-size:calc(29 * var(--m))}
.ar-ledger .sub{left:calc(28 * var(--m));top:calc(47 * var(--m))}
.ar-rnav{position:absolute;left:calc(1213 * var(--m));top:calc(14 * var(--m));width:calc(298 * var(--m));height:calc(41 * var(--m));display:flex;align-items:center;justify-content:space-between;border-radius:calc(8 * var(--m));box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #8b56e6}
.ar-rnav span{font:500 calc(17 * var(--m))/1 var(--font-body);white-space:nowrap}
.ar-rnav button{width:calc(39 * var(--m));height:100%;display:flex;align-items:center;justify-content:center;border-radius:calc(8 * var(--m));box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #8b56e6}
.ar-rnav button.r{background:#3a10c8}
.ar-rnav button:disabled{opacity:.4;cursor:default}
.ar-rnav svg{width:calc(11 * var(--m));height:calc(19 * var(--m))}
.ar-cards{position:absolute;left:calc(16 * var(--m));top:calc(82 * var(--m));width:calc(1508 * var(--m));height:calc(158 * var(--m));display:grid;grid-template-columns:repeat(15,1fr);gap:calc(4 * var(--m))}
.ar-card{position:relative;background:#180173;border-radius:calc(6 * var(--m));box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #6e2fe0;transition:box-shadow .15s var(--ease-settle),transform .22s var(--ease-settle)}
.ar-card:hover{transform:translateY(calc(-2 * var(--m)))}
.ar-card[data-open="true"]{box-shadow:inset 0 0 0 round(max(1px, calc(3 * var(--m))), 1px) var(--gr)}
.ar-card .wd,.ar-card .dt{position:absolute;left:0;right:0;font:400 max(12px, calc(14 * var(--m)))/1.2 var(--font-body)}
.ar-card .wd{top:calc(11 * var(--m))}.ar-card .dt{top:calc(29 * var(--m))}
.ar-card[data-open="true"] .wd,.ar-card[data-open="true"] .dt{color:var(--gr)}
.ar-card svg{position:absolute;left:calc(18 * var(--m));top:calc(64 * var(--m));width:calc(62 * var(--m));height:calc(32 * var(--m))}
.ar-card svg rect{fill:#a443fd;transform-box:fill-box;transform-origin:50% 100%}
.ar-card svg rect.b2{fill:#c77dff}
.ar-card[data-open="true"] svg rect{fill:var(--gr)}
.ar-card[data-open="true"] svg rect.b2{fill:#c9b3ff}
.ar-card .ct{position:absolute;left:0;right:0;top:calc(105 * var(--m));font:400 calc(15.5 * var(--m))/1.2 var(--font-body)}
.ar-card .pd{position:absolute;left:0;right:0;top:calc(127 * var(--m));font:600 calc(17 * var(--m))/1.2 var(--font-body);color:var(--gr)}
.ar-drawer.l{left:calc(14 * var(--m));top:calc(252 * var(--m));width:calc(1510 * var(--m));height:calc(252 * var(--m));background:#180277;border-radius:calc(4 * var(--m))}
.ar-drawer.l .hd{height:calc(48 * var(--m));padding-left:calc(22 * var(--m))}
.ar-drawer.l .hd .d{font-size:calc(23 * var(--m));width:calc(201 * var(--m))}
.ar-drawer.l .hd .vr{display:block;width:max(1px, calc(2 * var(--m)));height:calc(27 * var(--m));background:#b78af0;margin-right:calc(28 * var(--m))}
.ar-drawer.l .hd .g{font:600 calc(20 * var(--m))/1 var(--font-body);color:var(--gr);margin-left:calc(13 * var(--m))}
.ar-drawer.l .chev{top:calc(18 * var(--m))}
.ar-drawer.l .ar-tbl .tb{height:calc(172 * var(--m))}
.ar-drawer.l .ar-tbl .tr{height:calc(28.7 * var(--m))}
.ar-drawer.l .ar-tbl .th{height:calc(29 * var(--m))}

.ar-tracks{left:calc(10 * var(--m));top:calc(553 * var(--m));width:calc(559 * var(--m));height:calc(278 * var(--m))}
.ar-tracks h2,.ar-lands h2,.ar-recent h2{top:calc(12 * var(--m))}
.ar-tracks .sub,.ar-lands .sub,.ar-recent .sub{top:calc(48 * var(--m))}
.ar-tracks h2,.ar-tracks .sub{left:calc(19 * var(--m))}
.ar-trk{position:absolute;left:calc(16 * var(--m));top:calc(70 * var(--m));width:calc(524 * var(--m));display:flex;flex-direction:column;gap:calc(9.5 * var(--m))}
.ar-trow{position:relative;display:flex;align-items:center;height:calc(57 * var(--m));width:100%;background:#1b0a8a;border-radius:calc(6 * var(--m));box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #6e2fe0;transition:box-shadow .15s var(--ease-settle)}
.ar-trk > .ar-trow:not(:first-child):not(.is-on):not(:hover){box-shadow:inset round(max(1px, calc(2 * var(--m))), 1px) 0 0 #6e2fe0,inset calc(-1 * round(max(1px, calc(2 * var(--m))), 1px)) 0 0 #6e2fe0,inset 0 calc(-1 * round(max(1px, calc(2 * var(--m))), 1px)) 0 #6e2fe0}
.ar-trow.is-on{box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #fff,0 0 calc(12 * var(--m)) rgba(181,107,255,.7)}
.ar-trow .cd{position:absolute;left:calc(4 * var(--m));top:calc(4 * var(--m));width:calc(70 * var(--m));height:calc(49 * var(--m));display:flex;align-items:center;justify-content:center;background:#2b0193;border-radius:calc(6 * var(--m));box-shadow:inset 0 0 0 max(1px, calc(2.5 * var(--m))) #d77cff;font:400 calc(22 * var(--m))/1 var(--font-mono);color:#e08cff}
.ar-trow .nm{position:absolute;left:calc(94 * var(--m));font:500 calc(17 * var(--m))/1 var(--font-body);white-space:nowrap}
.ar-trow .dv{position:absolute;left:calc(303 * var(--m));top:calc(11 * var(--m));width:max(1px, calc(2 * var(--m)));height:calc(35 * var(--m));background:#9a6ae8}
.ar-trow .ct{position:absolute;left:calc(325 * var(--m));top:calc(8 * var(--m));font:500 calc(16 * var(--m))/1.2 var(--font-body);text-align:left}
.ar-trow .pd{position:absolute;left:calc(325 * var(--m));top:calc(30 * var(--m));font:600 calc(17 * var(--m))/1.2 var(--font-body);color:var(--gr);white-space:nowrap}
.ar-trow svg{position:absolute;right:calc(18 * var(--m));width:calc(29 * var(--m));height:calc(29 * var(--m))}

.ar-lands{left:calc(579 * var(--m));top:calc(553 * var(--m));width:calc(507 * var(--m));height:calc(278 * var(--m))}
.ar-lands h2,.ar-lands .sub{left:calc(17 * var(--m))}
.ar-flow{position:absolute;left:calc(15 * var(--m));top:calc(94 * var(--m));display:flex;align-items:center;height:calc(120 * var(--m))}
.ar-flow .st{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6 * var(--m));border-radius:calc(10 * var(--m));text-align:center}
.ar-flow .st span{font:400 calc(15.5 * var(--m))/1.25 var(--font-body)}
.ar-flow .st b{font:400 calc(25 * var(--m))/1 var(--font-mono)}
.ar-flow .q{width:calc(126 * var(--m));background:#08007f;box-shadow:inset 0 0 0 round(max(1px, calc(3 * var(--m))), 1px) #e28cff}
.ar-flow .q b{color:#e8a0ff}
.ar-flow .a{width:calc(142 * var(--m));background:#050369;box-shadow:inset 0 0 0 round(max(1px, calc(3 * var(--m))), 1px) var(--gr)}
.ar-flow .a b{color:var(--gr)}
.ar-flow .p{width:calc(130 * var(--m));background:#14027a;box-shadow:inset 0 0 0 max(1px, calc(2.5 * var(--m))) #ddd0ff}
.ar-flow .p svg{width:calc(38 * var(--m));height:calc(38 * var(--m))}
.ar-flow .p circle,.ar-flow .p path{fill:none;stroke:var(--gr);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ar-arrow{width:calc(26 * var(--m));height:calc(24 * var(--m));margin:0 calc(6 * var(--m))}
.ar-arrow path{fill:none;stroke:#c77dff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

.ar-recent{left:calc(1097 * var(--m));top:calc(553 * var(--m));width:calc(454 * var(--m));height:calc(278 * var(--m))}
.ar-recent h2,.ar-recent .sub{left:calc(18 * var(--m))}
.ar-rseg{position:absolute;left:calc(279 * var(--m));top:calc(14 * var(--m));width:calc(159 * var(--m));height:calc(44 * var(--m));display:grid;grid-template-columns:1fr 1fr;border-radius:calc(8 * var(--m));box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #6a3fd0;background:#1a0276}
.ar-rseg button{box-shadow:none;background:transparent}
.ar-rseg button[aria-pressed="true"]{background:#4902dd}
.ar-empty{position:absolute;left:calc(15 * var(--m));top:calc(75 * var(--m));width:calc(422 * var(--m));height:calc(195 * var(--m));background:#1a027c;border-radius:calc(6 * var(--m));box-shadow:inset 0 0 0 max(1px, calc(2 * var(--m))) #6e2fe0;text-align:center}
.ar-empty svg{position:absolute;left:calc(186 * var(--m));top:calc(11 * var(--m));width:calc(44 * var(--m));height:calc(46 * var(--m))}
.ar-empty svg rect,.ar-empty svg path{fill:none;stroke:#b56bff;stroke-width:3;stroke-linecap:round}
.ar-empty b{position:absolute;left:0;right:0;top:calc(62 * var(--m));font:600 calc(19 * var(--m))/1.2 var(--font-body)}
.ar-empty > span{position:absolute;left:0;right:0;top:calc(85 * var(--m));font:400 calc(15 * var(--m))/1.3 var(--font-body);color:var(--muted)}
.ar-empty .btns{position:absolute;left:calc(12 * var(--m));right:calc(12 * var(--m));top:calc(137 * var(--m));height:calc(58 * var(--m));box-shadow:inset 0 max(1px, calc(1.5 * var(--m))) 0 #6e2fe0}
.ar-empty .ar-reg{position:absolute;left:calc(27 * var(--m));top:calc(10 * var(--m));width:calc(167 * var(--m));height:calc(39 * var(--m))}
.ar-empty .ar-soonpill{position:absolute;left:calc(218 * var(--m));top:calc(10 * var(--m));width:calc(150 * var(--m));height:calc(39 * var(--m))}

.ar-soon{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:rgba(16,0,82,.72)}
.ar-soon[hidden]{display:none}
.ar-soon .box{width:calc(460 * var(--m));padding:calc(28 * var(--m));background:var(--panel);text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(14 * var(--m))}
.ar-soon .box b{font:400 calc(34 * var(--m))/1.1 var(--font-display);color:#fff}
.ar-soon .box p{font:400 calc(16 * var(--m))/1.4 var(--font-body);color:var(--muted)}
.ar-soon .ar-reg{width:calc(140 * var(--m))}

@media (prefers-reduced-motion: reduce){.artist *{transition:none!important}}

/* ---------- below 1024: one column ---------- */
@media (max-width:1023px){
  .artist{--m:1px}
  .ar-hero,.ar-lower{height:auto;margin-top:0;display:flex;flex-direction:column;gap:16px;padding:16px 0}
  .ar-cab,.ar-pick,.ar-hist,.ar-lower .rule-panel{position:relative;left:auto;top:auto;width:100%}
  .ar-cab{overflow:hidden;height:auto;padding:24px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}
  .ar-mark,.ar-name,.ar-top{position:relative;left:auto;top:auto}
  .ar-name{font-size:clamp(34px, 9vw, 72px);white-space:normal;text-align:center}
  .ar-top{width:100%;height:auto;grid-template-columns:1fr;gap:8px}
  .ar-chip{height:48px}
  .ar-pick{height:auto;padding:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
  .ar-pick > *{position:relative!important;left:auto!important;top:auto!important}
  .ar-pick h2,.ar-pick h3{width:100%}
  .ar-pick-row{grid-template-columns:repeat(3,1fr);width:100%}
  .ar-vr{display:none}
  .ar-kpi{width:auto!important;flex:1}
  .ar-hist{height:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
  .ar-hist > *{position:relative!important;left:auto!important;top:auto!important;width:100%!important}
  .ar-nights{height:140px;overflow-x:auto}
  .ar-bars{display:none}
  .ar-drawer,.ar-drawer.l{position:relative;left:auto;top:auto;width:100%;height:auto}
  .ar-tbl{overflow-x:auto}
  .ar-tbl .th,.ar-tbl .tr{grid-template-columns:40px 50px 1fr 80px 70px;padding-left:4px;font-size:13px}
  .ar-tbl .th span:last-child,.ar-tbl .tr span:last-child{display:none}
  .ar-tbl .tb{height:auto!important;max-height:240px}
  .ar-lower .rule-panel{height:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
  .ar-lower .rule-panel > *{position:relative!important;left:auto!important;top:auto!important;right:auto!important}
  .ar-lower h2{white-space:normal}
  .ar-lower .sub{white-space:normal}
  .ar-rnav{width:100%}
  .ar-cards{width:100%;height:auto;grid-template-columns:repeat(5,1fr);gap:4px}
  .ar-card{height:150px}
  .ar-trk{width:100%}
  .ar-trow .dv{display:none}
  .ar-trow .ct,.ar-trow .pd{left:auto;right:56px}
  .ar-flow{height:auto;flex-wrap:wrap;gap:6px;justify-content:center}
  .ar-flow .st{height:110px}
  .ar-empty{width:100%;height:210px}
  .ar-empty svg{left:50%;transform:translateX(-50%)}
  .ar-empty .btns{display:flex;justify-content:center;gap:10px}
  .ar-empty .btns > *{position:relative!important;left:auto!important;top:10px!important}
}