:root{color-scheme:dark;--bg:#0c0b18;--panel:#19152c;--panel2:#211a37;--stroke:#393050;--text:#f9f6ff;--muted:#aea5c6;--green:#70f5a7;--purple:#b494ff;--negative:#ff879d;--gold:#ffd78a;--shadow:0 18px 60px #07051265}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 14% 0,#32205080,transparent 33%),radial-gradient(ellipse at 92% 14%,#0e4b3760,transparent 26%),#0b0a17;background-attachment:fixed;color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}button:disabled{opacity:.43;cursor:not-allowed}a{color:var(--green)}.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;max-width:1900px;margin:auto}.sidebar{height:100vh;position:sticky;top:0;border-right:1px solid #423657;background:#0e0b1ceb;padding:26px 15px 18px;display:flex;flex-direction:column;z-index:5}.logo{display:flex;align-items:center;gap:12px;margin-bottom:35px;padding:2px 8px}.logo-mark{width:42px;height:42px;background:linear-gradient(135deg,#8855dd,#289b73);border:1px solid #ae93ff;border-radius:13px;display:grid;place-items:center;font-size:31px;color:white;box-shadow:0 0 35px #8d5ce257}.brand-text strong{letter-spacing:-.5px;font-weight:950;font-size:17px;white-space:nowrap}.brand-text strong span{color:var(--green)}.brand-text small{display:block;color:var(--muted);letter-spacing:1.3px;font-size:9px;font-weight:700}.small-label{font-size:10px;color:#9c8caf;letter-spacing:1.8px;font-weight:850;margin:7px 13px 13px}nav{overflow:auto}nav::-webkit-scrollbar{width:4px}nav::-webkit-scrollbar-thumb{background:#3a2c52}.nav-link{width:100%;border:1px solid transparent;text-align:left;background:transparent;color:#c8c0d8;border-radius:13px;display:flex;align-items:center;gap:12px;padding:11px 13px;margin:1px 0;transition:background .16s,color .16s}.nav-link:hover{background:#2a2042;color:white}.nav-link.active{background:linear-gradient(110deg,#754bac,#225b48);color:white;border-color:#745b8b;font-weight:800}.nav-link>span:first-child{font-size:19px}.sidebar-bottom{margin-top:auto;border-top:1px solid #332a46;padding:14px 4px 0}.sidebar-bottom select{width:100%}.sidebar-signature{font-size:12px;color:var(--muted);margin:12px 8px}.sidebar-signature strong{color:var(--green)}.tiny-chip{display:inline-block;color:#baabcd;font-size:9px;letter-spacing:1px;margin:0 7px}.main{min-width:0;width:100%;max-width:1570px;padding:30px clamp(17px,3vw,50px) 20px;margin:0 auto}.hero{position:relative;overflow:hidden;padding:33px 35px 21px;border:1px solid #5a4770;border-radius:26px;background:radial-gradient(circle at 88% 16%,#2d81513b,transparent 35%),radial-gradient(circle at 0 0,#6949a74f,transparent 45%),linear-gradient(110deg,#211635,#141324);box-shadow:var(--shadow)}.hero:after{content:'✦';position:absolute;right:3%;top:0;font-size:180px;line-height:1;color:#ac85ff0c;pointer-events:none}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}.kicker{font-size:11px;color:var(--green);letter-spacing:1.5px;font-weight:900}.version{font-size:12px;background:#5f438b55;color:#e5d0ff;border:1px solid #775f9a;border-radius:30px;padding:4px 12px}.hero h1{font-size:clamp(38px,5.3vw,76px);line-height:1.02;letter-spacing:-3px;margin:15px 0 12px;font-weight:1000;position:relative;z-index:1}.hero h1 span{background:linear-gradient(95deg,#a783fe,#70f5a7);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{max-width:800px;color:#cec5dd;margin:0 0 27px;position:relative;z-index:1}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;position:relative;z-index:1}.stat-card{background:#100e21a8;border:1px solid #57456d;border-radius:15px;padding:13px 16px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.stat-card .stat-icon{font-size:23px}.stat-card strong{color:var(--green);font-size:25px;letter-spacing:-.8px}.stat-card span{display:block;flex-basis:100%;font-size:11px;color:#beb1ce;margin-top:-4px}.source-notice{margin:18px 0 30px;border:1px solid #31795c;background:linear-gradient(90deg,#15372f,#172237);border-radius:13px;padding:12px 16px;display:flex;align-items:center;gap:12px}.source-notice>span{color:var(--green);font-size:23px}.source-notice p{font-size:12px;margin:0;color:#c9e6db}.page{display:none;animation:appear .2s ease}.page.active{display:block}@keyframes appear{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;gap:15px;align-items:end;margin:4px 0 21px}.eyebrow{font-size:11px;color:var(--green);letter-spacing:1.8px;font-weight:900}.section-header h2{font-size:clamp(24px,3.2vw,36px);margin:4px 0 4px;letter-spacing:-.7px;line-height:1.16}.section-sub{color:var(--muted);margin:5px 0 0;font-size:13px}.filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(140px,1fr));gap:12px;padding:17px;background:#191329;border:1px solid var(--stroke);border-radius:19px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{color:#b9accc;font-size:12px;font-weight:700}input,select{background:#0e0d20;border:1px solid #57466c;border-radius:10px;color:var(--text);min-width:0;width:100%;height:46px;padding:10px 12px}input::placeholder{color:#817895}input:focus,select:focus{border-color:#99d5b2}input[type=number]{font-variant-numeric:tabular-nums}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.resultline{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 2px 13px;color:#a99cbd;font-size:12px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:13px}.unit-card{border:1px solid #46365e;background:linear-gradient(145deg,#211a35,#161526);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .15s,border-color .15s}.unit-card:hover{transform:translateY(-2px);border-color:#9273cf}.art{height:124px;background:radial-gradient(circle at 70% 15%,#5b4089,transparent 45%),linear-gradient(140deg,#1a3150,#25203e 60%,#144534);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art:before,.profile-art:before{content:'';position:absolute;left:12%;top:24%;width:66%;height:82%;border:1px solid #a78fff36;transform:rotate(-21deg);border-radius:27%}.art:after,.profile-art:after{content:'';position:absolute;right:9%;top:-55%;height:130%;width:42%;border:1px solid #81e2a548;transform:rotate(26deg);border-radius:50%}.art span{font-size:56px;filter:drop-shadow(0 0 24px #7deac46e)}.art .art-corner{position:absolute;left:12px;top:12px;background:#161020ae;border:1px solid #8876a88c;border-radius:14px;padding:3px 8px;font-size:10px;color:#e7ddf5}.card-body{padding:14px;display:flex;flex-direction:column;flex:1;gap:8px}.card-heading{display:flex;gap:9px;align-items:start;justify-content:space-between}.card-heading h3{font-size:16px;overflow-wrap:anywhere;line-height:1.2;margin:0;min-height:38px}.favorite-button{background:transparent;border:1px solid #6f5b80;color:#e0caef;width:33px;height:33px;border-radius:10px;font-size:20px;flex-shrink:0;line-height:1}.favorite-button.is-fav{color:#ff91c4;border-color:#db7da6;background:#572b4b}.price{font-size:19px;line-height:1.2;font-weight:950;color:var(--green);font-variant-numeric:tabular-nums}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid #665675;border-radius:18px;padding:2px 9px;color:#d9ccec;font-size:10px}.tag.high{border-color:#3a9c79;color:#85fac1}.tag.low{border-color:#957e68;color:#f1bf8b}.tag.category{border-color:#735bb0;color:#cba9ff}.card-buttons{display:flex;gap:6px;margin-top:auto}.primary-button,.ghost-button,.pill{border:1px solid transparent;border-radius:11px;padding:11px 15px;color:white;font-weight:800;background:linear-gradient(105deg,#7d53c8,#2e8d67);text-decoration:none;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:filter .16s,transform .16s}.primary-button:hover,.ghost-button:hover,.pill:hover{filter:brightness(1.15)}.primary-button:active,.ghost-button:active,.pill:active{transform:scale(.99)}.ghost-button{background:#362b50;border-color:#645074;font-size:12px}.card-buttons .primary-button{flex:1;padding:9px 7px;font-size:12px}.card-buttons .ghost-button{padding:8px 11px}.center-button{margin:25px auto 5px;display:flex;min-width:180px}.panel{background:linear-gradient(145deg,#201831,#171528);border:1px solid #473758;border-radius:20px;padding:20px;margin-bottom:15px}.panel h3{margin:0 0 13px;font-size:19px}.muted{color:var(--muted)}.fineprint{color:#afa3c0;font-size:12px;line-height:1.6}.trade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.trade-side{display:flex;flex-direction:column;min-width:0}.side-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.side-title h3{margin:0}.side-orb{height:39px;width:39px;display:grid;place-items:center;font-size:23px;font-weight:900;border-radius:12px}.give-orb{background:#65429e55;color:#d0b4ff}.get-orb{background:#2b9e6b44;color:#9affc8}.input-pair,.picker-row{display:flex;gap:10px;align-items:end;margin:10px 0}.input-pair .field{flex:1}.input-pair .add-button{flex:1;height:46px}.picker-results{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;min-height:28px}.match-chip{border-radius:9px;border:1px solid #564568;background:#2b223e;color:#e7daff;padding:6px 9px;font-size:11px;max-width:100%;overflow-wrap:anywhere}.match-chip.active{background:#355d51;border-color:#7ae1ac}.match-chip .match-type{color:#bcadd2;opacity:.85}.trade-list{min-height:55px;max-height:300px;overflow-y:auto}.listline{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 2px;border-bottom:1px solid #372d4d;font-size:12px}.listline>span{min-width:0;overflow-wrap:anywhere}.remove-button{background:#3b2a53;color:#ffe3ee;border:1px solid #765b84;border-radius:10px;min-width:36px;height:33px;flex-shrink:0}.mush-label{margin-top:auto;padding-top:20px}.subtotal{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:15px;background:#132d29aa;border:1px solid #337457;padding:12px;border-radius:12px}.subtotal span{font-size:12px;color:#cae9df}.subtotal strong{font-size:21px;color:var(--green);font-variant-numeric:tabular-nums}.verdict{margin-top:17px;background:radial-gradient(circle at 90% 10%,#1b654542,transparent 50%),linear-gradient(120deg,#271b42,#171b30);border-color:#755c96;padding:23px}.verdict.win{border-color:#56d39d;background:linear-gradient(115deg,#1b4b39,#1e203e)}.verdict.lose{border-color:#e47797;background:linear-gradient(115deg,#492438,#262039)}.verdict.fair{border-color:#c1a06e;background:linear-gradient(115deg,#3e352c,#28203c)}.verdict.unknown{border-color:#837a98}.verdict-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.verdict h3{font-size:clamp(21px,3vw,29px);margin:8px 0}.verdict p{color:#d1c7dd;font-size:13px;margin:4px 0 17px}.wfl-chip{border-radius:999px;border:1px solid #7b63aa;background:#55417d;padding:8px 12px;white-space:nowrap;font-size:13px;font-weight:900}.verdict.win .wfl-chip{background:#1e754d;border-color:#63d39c}.verdict.lose .wfl-chip{background:#763249;border-color:#e391ac}.verdict.fair .wfl-chip{background:#795c38;border-color:#d6bc83}.bars-heading{display:flex;justify-content:space-between;color:#cbbfd5;font-weight:800;font-size:12px}.value-track{height:14px;background:#101021;border:1px solid #584d75;display:flex;overflow:hidden;border-radius:99px;margin:8px 0 19px}.value-track #barGive{background:linear-gradient(95deg,#7f53ca,#b593ff);width:50%}.value-track #barGet{background:linear-gradient(95deg,#2cbb85,#78f2a1);width:50%}.verdict-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.verdict-metrics>div{min-width:0;background:#0e11235d;border:1px solid #6c5c8055;border-radius:12px;padding:13px}.verdict-metrics span{color:#bcb0ce;font-size:11px;display:block;min-height:33px}.verdict-metrics strong{color:var(--green);font-size:clamp(13px,1.4vw,18px);overflow-wrap:anywhere}.actionline{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{display:flex;flex-direction:column;gap:5px}.metric span{color:#c0b5ce;font-size:12px}.metric strong{color:var(--green);font-size:25px}.grow{flex:1}.short-field{width:130px;flex-shrink:0}.picker-row>.primary-button{height:46px;white-space:nowrap}.stack-list{display:flex;flex-direction:column;gap:9px}.stack-entry{border:1px solid #4a385e;background:#211a33;border-radius:15px;padding:13px 15px;display:flex;justify-content:space-between;gap:13px;align-items:center}.stack-entry>div:first-child{min-width:0}.stack-entry strong{display:block;font-size:14px;overflow-wrap:anywhere}.stack-entry .muted{font-size:12px}.entry-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.entry-right strong{color:var(--green);font-size:15px}.entry-right .remove-button{height:34px}.upload-label{cursor:pointer}.balance-panel{display:flex;justify-content:space-between;align-items:end;gap:16px}.balance-panel .field{width:min(400px,100%)}.goal-total{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.goal-total span{font-size:12px;color:var(--muted)}.goal-total strong{color:var(--green);font-size:24px}.progress-track{height:8px;background:#100d1f;border-radius:99px;overflow:hidden;border:1px solid #4b3a61;margin:8px 0 2px}.progress-track>span{height:100%;display:block;background:linear-gradient(90deg,#9065e6,#6ef3a6);width:0}.compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.compare-results{display:grid;grid-template-columns:1fr 1fr;gap:15px}.compare-card{background:#1c1730;border:1px solid #574376;border-radius:19px;padding:19px}.compare-card h3{font-size:21px;margin:7px 0}.compare-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #463658;padding:9px 0;font-size:13px}.compare-row span:first-child{color:#bdb0d0}.compare-row strong{text-align:right;overflow-wrap:anywhere}.external-link{display:inline-block;margin:12px 0 0}.tab-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.pill{background:#2b2342;border-color:#65537c}.pill.active{background:linear-gradient(110deg,#8659d0,#288562);border-color:#9576ce}.history-controls{display:flex;gap:10px;align-items:end}.history-controls .primary-button{height:46px}.history-chart{background:#100f22;border:1px solid #423556;border-radius:16px;margin-top:20px;min-height:220px;display:grid;place-items:center;padding:16px}.history-chart svg{width:100%;max-height:270px;overflow:visible}.chart-line{fill:none;stroke:#73eeb0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#b792fc;stroke:#f3eaff;stroke-width:1.5}.chart-gridline{stroke:#54496866;stroke-width:1}.chart-label{fill:#b7a9ce;font-size:11px}.history-data{margin:12px 0}.observation-fields{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:10px;margin:14px 0}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px}.guide-card{border:1px solid #59446f;background:linear-gradient(145deg,#231936,#172d2a);border-radius:17px;padding:20px}.guide-card h3{margin:0 0 9px;font-size:17px}.guide-card p{font-size:13px;color:#d5c9e1;line-height:1.75;margin:0}.calc-panel{margin-top:16px}.author-panel{display:flex;align-items:flex-start;gap:18px}.creator-avatar{background:linear-gradient(135deg,#8856e0,#43c991);height:78px;width:78px;border-radius:22px;display:grid;place-items:center;font-size:41px;font-weight:950;flex-shrink:0}.author-panel h3{font-size:30px;margin:4px 0}.author-panel p{color:#c9bddb;margin:5px 0 16px}.creator-links{display:flex;flex-wrap:wrap;gap:9px}.social-pill{border:1px solid #62517a;background:#312441;border-radius:12px;padding:9px 13px;font-size:12px}.social-pill strong{color:var(--green)}.source-list{display:flex;gap:11px;flex-wrap:wrap;margin:14px 0}.source-list a{border:1px solid #465c5a;background:#17352f;border-radius:9px;padding:8px 12px;text-decoration:none;font-size:12px}.footer{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #4c3e60;margin-top:40px;padding:23px 0;color:#b4a4c6;font-size:12px}.footer strong{color:var(--green)}.empty-state{border:1px dashed #62516d;border-radius:15px;color:#bbb0c9;padding:30px;text-align:center;grid-column:1/-1}.modal-shade{position:fixed;inset:0;background:#080610e3;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal-shade[hidden]{display:none}.profile-modal{max-width:620px;width:100%;background:#1b172d;border:1px solid #8669a8;box-shadow:0 35px 100px #05030acc;border-radius:24px;position:relative;overflow:hidden;max-height:calc(100vh - 40px);overflow-y:auto}.modal-close{position:absolute;z-index:1;right:12px;top:12px;background:#0d0a1db8;color:white;border:1px solid #9981ae;border-radius:10px;height:38px;width:38px;font-size:25px}.profile-art{height:190px;display:grid;place-items:center;background:radial-gradient(circle,#8548bd6b,transparent 55%),linear-gradient(110deg,#171d40,#243d39);overflow:hidden;position:relative}.profile-art span{font-size:85px;filter:drop-shadow(0 0 25px #9c73ec)}.profile-body{padding:25px}.profile-body h2{font-size:32px;letter-spacing:-.8px;margin:4px 0 14px;overflow-wrap:anywhere}.profile-prices{display:grid;grid-template-columns:2fr 1fr;gap:10px}.profile-prices>div{background:#121226;border:1px solid #59486d;border-radius:13px;padding:13px}.profile-prices small{display:block;color:#b9aecd}.profile-prices strong{display:block;color:var(--green);font-size:19px;margin-top:5px}.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.profile-actions>.primary-button,.profile-actions>.ghost-button{font-size:12px;padding:9px 12px}.toast{position:fixed;bottom:25px;right:25px;background:#2d624b;border:1px solid #84f9b9;color:white;font-weight:750;border-radius:12px;box-shadow:var(--shadow);padding:12px 17px;z-index:100;max-width:min(400px,calc(100vw - 35px))}.toast[hidden]{display:none}
@media(max-width:1180px){.shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:17px 10px}.brand-text strong{font-size:14px}.logo{gap:8px}.stat-card{padding:10px}.verdict-metrics{grid-template-columns:1fr 1fr}}@media(max-width:900px){.shell{display:block}.sidebar{position:sticky;height:auto;padding:9px 15px;background:#100d20f5;border-right:0;border-bottom:1px solid #594473;display:block}.logo{display:inline-flex;margin-bottom:3px}.logo-mark{height:34px;width:34px;font-size:24px}.brand-text strong{font-size:16px}.brand-text small{font-size:8px}.sidebar>.small-label{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto;padding:5px 0 8px;scrollbar-width:thin}.nav-link{width:auto;white-space:nowrap;padding:7px 12px;flex-shrink:0;border-radius:10px;font-size:12px}.nav-link>span:first-child{font-size:15px}.sidebar-bottom{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0 4px 1px;border:0}.sidebar-bottom>.small-label,.sidebar-bottom .tiny-chip{display:none}.sidebar-bottom select{width:145px;height:36px;font-size:12px}.sidebar-signature{margin:2px 0}.main{padding:18px 16px}.hero{padding:23px}.hero h1{letter-spacing:-2px}.source-notice{margin:13px 0 26px}}@media(max-width:670px){.stat-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:43px}.hero p{font-size:13px}.filters{grid-template-columns:1fr 1fr;padding:12px}.search-span{grid-column:1/-1}.trade-grid,.compare-results{grid-template-columns:1fr}.observation-fields{grid-template-columns:1fr 1fr}.metric-grid{gap:8px}.metric{padding:13px}.metric strong{font-size:18px}.section-header{align-items:start;flex-direction:column}.balance-panel{flex-direction:column;align-items:stretch}.goal-total{align-items:flex-start}.profile-prices{grid-template-columns:1fr 1fr}.history-controls{flex-direction:column;align-items:stretch}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-body{padding:11px}.art{height:100px}.art span{font-size:44px}.card-heading h3{font-size:13px}.price{font-size:15px}.card-buttons{flex-direction:column}.card-buttons .ghost-button{width:100%}.tag{font-size:9px}.picker-row{flex-wrap:wrap}.picker-row .grow{flex-basis:100%}.picker-row .primary-button{flex:1}.verdict-metrics{grid-template-columns:1fr 1fr}.compare-inputs{grid-template-columns:1fr}.author-panel{flex-direction:column}}@media(max-width:380px){.cards-grid{grid-template-columns:1fr}.hero h1{font-size:37px}.logo{margin-right:0}.sidebar-signature{font-size:11px}.filters{grid-template-columns:1fr}.search-span{grid-column:auto}.verdict-metrics{grid-template-columns:1fr}.profile-body{padding:15px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* V7 interactive components */
.unit-card{cursor:pointer}.unit-card .art{height:124px}.unit-card .card-body{min-height:165px}.unit-card .card-body h3{margin:0;font-size:17px;overflow-wrap:anywhere}.unit-card .card-heading{margin-top:auto;align-items:center}.unit-card .favorite-button{font-size:22px}.unit-card .tag.category{align-self:start}.match-chip{display:flex;gap:10px;align-items:center;justify-content:space-between}.match-chip small{color:#80edb1}.listline button,.entry-right button{background:#36264f;color:#fff;border:1px solid #765c98;border-radius:8px;min-width:32px;height:32px}.stack-entry small{display:block;color:#bbb0ca}.entry-right{display:flex;align-items:center}.rank-row{width:100%;background:transparent;border:0;color:#e9dff5;text-align:left;cursor:pointer}.rank-row strong{color:#7de9ac}.ranking-panel{min-width:0}.guide-emoji{font-size:31px;margin-bottom:8px}.history-row{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #483a5b}.history-row small{color:#c7bbd4}.compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compare-columns .panel{min-width:0}.compare-columns h3{overflow-wrap:anywhere}.picker-results p{color:#b7a9c5;font-size:12px}.unit-card:focus-visible{outline:2px solid #8df1b9}.wfl-chip{max-width:40%;white-space:normal;text-align:center}
@media(max-width:650px){.compare-columns{grid-template-columns:1fr}.stack-entry{flex-wrap:wrap}.entry-right{width:100%;justify-content:flex-start}.history-row{flex-direction:column}.unit-card .art{height:105px}}

.authentic-art{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:linear-gradient(135deg,#211b3a,#12382e)}.authentic-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px #0007)}.authentic-art .image-unavailable{font-size:12px;line-height:1.5;text-align:center;color:#c2b5d8;max-width:85%;padding:12px;border:1px dashed #6c587c;border-radius:12px}.authentic-art img+span{display:none}

.item-hint{display:block;font-size:11px;color:#c5b5dc;margin:1px 0 6px}
.authentic-art .image-unavailable{font-size:43px;display:grid;place-items:center;width:100%;height:100%;border:0;background:transparent}

/* 14.0 extras */
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.tool-grid .panel{display:flex;flex-direction:column;gap:12px}
.tool-grid input,.tool-grid textarea,#player input,#player textarea,#discover input,#settings input,#settings select{max-width:100%;width:100%;background:#130e23;border:1px solid #5a4777;color:#fff;padding:12px;border-radius:10px;font:inherit}
.shot-preview{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:12px;background:#110d20}
.shot-preview[hidden]{display:none}
.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.achievement{border:1px solid #514167;border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:7px;opacity:.55}
.achievement span{font-size:28px}.achievement.unlocked{opacity:1;background:#2b2040;border-color:#9b73d9}
#watchList{margin-top:16px}
body[data-theme="gold"]{filter:none;--accent:#e7bd57}
body[data-theme="gold"] .shell{background:linear-gradient(125deg,#120e15,#20190e)}
body[data-theme="gold"] .nav-link.active,body[data-theme="gold"] .primary-button{background:linear-gradient(90deg,#725329,#b98b43)}
body[data-theme="gold"] .price{color:#ffdf78}
body[data-theme="light"] .shell{background:#e9e4f3;color:#20192f}
body[data-theme="light"] .main{background:#f4f0fa;color:#20192f}
body[data-theme="light"] .panel,body[data-theme="light"] .unit-card{background:#fff;color:#20192f}
body[data-theme="light"] .page-head h2,body[data-theme="light"] .panel h3{color:#20192f}
@media(max-width:650px){.tool-grid{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Full palette skins — applies to navigation, panels, controls, cards and typography */
body[data-theme="gold"]{--v15-bg:#0c0a09;--v15-sidebar:#17130b;--v15-panel:#221b11;--v15-card:#261f13;--v15-edge:#806333;--v15-ink:#fff2d5;--v15-muted:#c4ab7e;--v15-primary:#e4ae49;--v15-secondary:#f5d778;--v15-art1:#382b13;--v15-art2:#6b4a18}
body[data-theme="light"]{--v15-bg:#f0ecf8;--v15-sidebar:#e4dced;--v15-panel:#ffffff;--v15-card:#ffffff;--v15-edge:#c9b6de;--v15-ink:#29193d;--v15-muted:#635376;--v15-primary:#7848b8;--v15-secondary:#007d62;--v15-art1:#e8ddf7;--v15-art2:#d5eee5}
body[data-theme="ocean"]{--v15-bg:#061623;--v15-sidebar:#09243a;--v15-panel:#102b43;--v15-card:#112f49;--v15-edge:#277b9b;--v15-ink:#e6faff;--v15-muted:#9fc7d7;--v15-primary:#24b5e6;--v15-secondary:#68f2df;--v15-art1:#12456e;--v15-art2:#0e877d}
body[data-theme="rose"]{--v15-bg:#210e23;--v15-sidebar:#32162d;--v15-panel:#40203c;--v15-card:#48233f;--v15-edge:#a25a89;--v15-ink:#fff0f8;--v15-muted:#e3b4d0;--v15-primary:#f478b8;--v15-secondary:#ffccdf;--v15-art1:#77355d;--v15-art2:#b95b87}
body[data-theme="forest"]{--v15-bg:#071a13;--v15-sidebar:#0e2b1e;--v15-panel:#163a29;--v15-card:#153526;--v15-edge:#347b51;--v15-ink:#e8ffec;--v15-muted:#a8d5b7;--v15-primary:#51d789;--v15-secondary:#b5ffa3;--v15-art1:#1c533b;--v15-art2:#316f39}
body[data-theme="crimson"]{--v15-bg:#16090d;--v15-sidebar:#250d17;--v15-panel:#351621;--v15-card:#391821;--v15-edge:#8e364e;--v15-ink:#ffe9ed;--v15-muted:#dba8b6;--v15-primary:#f44f76;--v15-secondary:#ffaf9a;--v15-art1:#612036;--v15-art2:#9c3242}
body[data-theme="cyber"]{--v15-bg:#07091d;--v15-sidebar:#0e1133;--v15-panel:#151947;--v15-card:#1a2053;--v15-edge:#6a59d7;--v15-ink:#eef2ff;--v15-muted:#b1b7ed;--v15-primary:#a269ff;--v15-secondary:#2efce6;--v15-art1:#242a76;--v15-art2:#087b91}
body[data-theme]:not([data-theme="original"]){background:var(--v15-bg)!important;color:var(--v15-ink)!important}
body[data-theme]:not([data-theme="original"]) .shell,
body[data-theme]:not([data-theme="original"]) .main{background:var(--v15-bg)!important;color:var(--v15-ink)!important}
body[data-theme]:not([data-theme="original"]) .sidebar{background:var(--v15-sidebar)!important;color:var(--v15-ink)!important;border-color:var(--v15-edge)!important}
body[data-theme]:not([data-theme="original"]) .panel,
body[data-theme]:not([data-theme="original"]) .unit-card,
body[data-theme]:not([data-theme="original"]) .profile-modal,
body[data-theme]:not([data-theme="original"]) .achievement{background:var(--v15-card)!important;border-color:var(--v15-edge)!important;color:var(--v15-ink)!important}
body[data-theme]:not([data-theme="original"]) .art,
body[data-theme]:not([data-theme="original"]) .profile-art{background:linear-gradient(130deg,var(--v15-art1),var(--v15-art2))!important}
body[data-theme]:not([data-theme="original"]) h1,
body[data-theme]:not([data-theme="original"]) h2,
body[data-theme]:not([data-theme="original"]) h3,
body[data-theme]:not([data-theme="original"]) .panel h3,
body[data-theme]:not([data-theme="original"]) .page-head h2,
body[data-theme]:not([data-theme="original"]) .section-header h2{color:var(--v15-ink)!important}
body[data-theme]:not([data-theme="original"]) .price,
body[data-theme]:not([data-theme="original"]) .brand-text span{color:var(--v15-secondary)!important}
body[data-theme]:not([data-theme="original"]) .section-sub,
body[data-theme]:not([data-theme="original"]) .fineprint,
body[data-theme]:not([data-theme="original"]) .item-hint{color:var(--v15-muted)!important}
body[data-theme]:not([data-theme="original"]) input,
body[data-theme]:not([data-theme="original"]) textarea,
body[data-theme]:not([data-theme="original"]) select,
body[data-theme]:not([data-theme="original"]) .ghost-button,
body[data-theme]:not([data-theme="original"]) .nav-link{background:var(--v15-panel)!important;color:var(--v15-ink)!important;border-color:var(--v15-edge)!important}
body[data-theme]:not([data-theme="original"]) .nav-link.active,
body[data-theme]:not([data-theme="original"]) .primary-button{background:linear-gradient(105deg,var(--v15-primary),var(--v15-art2))!important;color:var(--v15-bg)!important;border-color:var(--v15-edge)!important}
body[data-theme]:not([data-theme="original"]) .tag{color:var(--v15-secondary)!important;border-color:var(--v15-edge)!important}

.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.stat-tile{padding:12px;border:1px solid #6d5982;border-radius:12px;background:rgba(126,88,169,.10)}.stat-tile small{display:block;color:#aaa2c0;font-size:12px;margin-bottom:6px}.stat-tile strong{font-size:19px}.stat-panel{margin-top:16px}.stat-panel h3{margin:14px 0 7px}

/* 16.1: Full theme coverage for header, logo and overview */
body[data-theme]:not([data-theme="original"]) .hero{
 background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--v15-secondary) 16%,transparent),transparent 38%),
 linear-gradient(125deg,var(--v15-panel),var(--v15-sidebar))!important;
 border-color:var(--v15-edge)!important;
 box-shadow:0 12px 45px color-mix(in srgb,var(--v15-bg) 65%,transparent)!important;
}
body[data-theme]:not([data-theme="original"]) .hero:after{color:var(--v15-primary)!important;opacity:.13}
body[data-theme]:not([data-theme="original"]) .hero h1{color:var(--v15-ink)!important}
body[data-theme]:not([data-theme="original"]) .hero h1 span{
 background:linear-gradient(100deg,var(--v15-primary),var(--v15-secondary))!important;
 background-clip:text!important;-webkit-background-clip:text!important;
 -webkit-text-fill-color:transparent!important;
}
body[data-theme]:not([data-theme="original"]) .hero p,
body[data-theme]:not([data-theme="original"]) .stat-card span,
body[data-theme]:not([data-theme="original"]) .brand-text small,
body[data-theme]:not([data-theme="original"]) .small-label{color:var(--v15-muted)!important}
body[data-theme]:not([data-theme="original"]) .kicker,
body[data-theme]:not([data-theme="original"]) .stat-card strong,
body[data-theme]:not([data-theme="original"]) .sidebar-signature strong{color:var(--v15-secondary)!important}
body[data-theme]:not([data-theme="original"]) .stat-card,
body[data-theme]:not([data-theme="original"]) .stat-tile{
 background:var(--v15-card)!important;border-color:var(--v15-edge)!important;color:var(--v15-ink)!important
}
body[data-theme]:not([data-theme="original"]) .stat-tile small{color:var(--v15-muted)!important}
body[data-theme]:not([data-theme="original"]) .version{
 background:var(--v15-card)!important;border-color:var(--v15-edge)!important;color:var(--v15-secondary)!important
}
body[data-theme]:not([data-theme="original"]) .logo-mark{
 background:linear-gradient(135deg,var(--v15-primary),var(--v15-secondary))!important;
 border-color:var(--v15-edge)!important;
 box-shadow:0 0 25px color-mix(in srgb,var(--v15-primary) 30%,transparent)!important
}
body[data-theme]:not([data-theme="original"]) .brand-text strong{color:var(--v15-ink)!important}
body[data-theme]:not([data-theme="original"]) .source-notice{
 background:var(--v15-panel)!important;border-color:var(--v15-edge)!important
}
body[data-theme]:not([data-theme="original"]) .source-notice p{color:var(--v15-muted)!important}

/* SHUMORYX rebrand: component color overlays remain theme-aware */
.brand-text strong {font-weight:950;letter-spacing:-.7px;font-size:19px}
.brand-text small {letter-spacing:1.12px;font-size:8.5px}
.logo-mark {flex-shrink:0}
.logo-mark svg {filter:drop-shadow(0 2px 3px #1c0b3b)}
.shumoryx-title {font-weight:1000;letter-spacing:-3.8px;font-size:clamp(41px,6vw,86px)!important;line-height:1.06}
.shumoryx-title span {text-shadow:0 0 48px #5fd6b325}
.shumoryx-title::first-letter {letter-spacing:-4px}
@media (max-width:680px) {.shumoryx-title{font-size:clamp(38px,9vw,58px)!important;letter-spacing:-2px}.brand-text strong{font-size:18px}}
body[data-theme]:not([data-theme="original"]) .shumoryx-title span{background:linear-gradient(96deg,var(--v15-primary),var(--v15-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* Support center · SHUMORYX 17.2.1 */
.support-panel{display:flex;align-items:center;gap:26px;padding:32px!important;max-width:850px}
.support-emblem{width:94px;height:94px;flex:0 0 94px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#8454e9,#2dbf88);font-size:44px;color:white;box-shadow:0 12px 38px #5539a23d}
.support-copy{min-width:0}.support-copy h3{font-size:27px;margin:8px 0}.support-copy p{line-height:1.6}.support-contact{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;margin:12px 0 8px;border-radius:13px;background:linear-gradient(100deg,#8c5be5,#39b994);color:white!important;font-weight:800;text-decoration:none!important;box-shadow:0 8px 25px #704bc52a}.support-contact:hover{filter:brightness(1.12);transform:translateY(-1px)}
@media(max-width:600px){.support-panel{flex-direction:column;align-items:flex-start;padding:20px!important}.support-emblem{width:68px;height:68px;flex-basis:68px;font-size:32px}}