:root{color-scheme:dark;--bg:#0b0e16;--panel:#171b28;--panel2:#1f2433;--line:#34394d;--text:#f5f5fb;--soft:#c4c2d5;--muted:#9da3b6;--accent:#bba4ff;--accentTint:rgba(187,164,255,.12);--radius:15px;font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-width:290px}body.noScroll{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{text-decoration:none;color:inherit}[hidden]{display:none!important}
button{touch-action:manipulation}svg{flex:none}.shell{max-width:1680px;margin:auto;display:grid;grid-template-columns:206px minmax(0,1fr);grid-template-rows:70px 1fr;min-height:100vh}.top{grid-column:1/-1;grid-row:1;position:sticky;top:0;z-index:20;height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d3142;padding:0 28px;background:rgba(11,14,22,.98)}.brand{display:flex;gap:11px;align-items:center;padding:0;border:0;background:none;color:var(--text);text-align:left}.brand img{width:45px;height:41px;object-fit:contain;filter:drop-shadow(0 2px 6px #a48af42d)}.brand strong{display:block;font:750 18px/1.05 Georgia,serif;letter-spacing:.2em}.brand small{display:block;color:#bca6e5;font-size:8px;letter-spacing:.2em;font-weight:650;margin-top:5px}.topRight{display:flex;align-items:center;gap:13px}.prototypeTag{font-size:9px;color:#a8a0bf;letter-spacing:.12em;border:1px solid #3b3552;background:#201c2e;padding:8px 10px;border-radius:8px;font-weight:750}.topAccount,.iconButton{display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;width:39px;height:39px;background:#1a1d2a;color:#c5b9e4}.topAccount:hover,.iconButton:hover{border-color:var(--accent)}.sideNav{grid-column:1;grid-row:2;position:sticky;top:70px;height:calc(100vh - 70px);border-right:1px solid #2d3142;padding:28px 12px;display:flex;flex-direction:column;align-items:stretch;gap:5px}.navEyebrow{padding:0 13px;margin:0 0 10px!important}.sideItem{border:1px solid transparent;background:none;border-radius:11px;color:#b9b8cc;padding:12px 14px;display:flex;align-items:center;text-align:left;gap:12px;font-size:13px;font-weight:650}.sideItem:hover{background:#1e2231}.sideItem.selected{color:#d9caff;background:#bba4ff18;border-color:#bba4ff40}.sideDivider{height:1px;background:var(--line);margin:16px 5px 20px}#content{grid-column:2;grid-row:2;min-width:0;width:100%;max-width:1050px;margin:0 auto;padding:30px 35px 110px}.eyebrow{font-size:10px;color:#bb9ffc;letter-spacing:.16em;font-weight:800;text-transform:uppercase;line-height:1.6}.eyebrow i{font-style:normal;padding:0 6px;color:#716787}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(117deg,#211d34 0%,#171a29 65%,#121723 100%);border:1px solid #4a3e5c;border-radius:18px;padding:27px 30px;min-height:168px}.hero:before{content:"";position:absolute;left:31px;top:0;width:58px;height:2px;background:var(--accent);box-shadow:0 0 14px #bba4ff52}.hero:after{content:"";position:absolute;right:-51px;top:-82px;width:220px;height:220px;border:1px solid #bba4ff21;transform:rotate(42deg);border-radius:32px;z-index:-1}.hero h1{font-size:clamp(26px,3vw,36px);line-height:1.15;letter-spacing:-.048em;margin:10px 0 9px}.hero em{font-style:normal;color:var(--accent)}.hero p{max-width:520px;margin:0;font-size:12px;line-height:1.65;color:#c4c2d0}.heroFacet{position:absolute;right:48px;top:60px;color:#bb9ffc86}.sectionLabel{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:27px 0 13px}.sectionLabel.compact{margin:22px 0 9px}.sectionLabel h2{font-size:19px;letter-spacing:-.04em;margin:3px 0 0}.sectionLabel small{font-size:10px;color:#9794ad}.portalGrid,.featureGrid,.cardGrid,.studioGrid,.compareGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal{display:flex;flex-direction:column;gap:13px;position:relative;overflow:hidden;min-height:218px;padding:18px;text-align:left;color:var(--text);border:1px solid #45395c;border-radius:16px;background:linear-gradient(140deg,#252038,#171a28 80%);transition:transform .16s ease,border-color .16s ease}.portal:nth-child(2){background:linear-gradient(140deg,#1e2638,#181b29 78%);border-color:#3c445d}.portal:after,.feature:after{content:"";position:absolute;right:-37px;top:-42px;width:128px;height:128px;border:1px solid #ad95ed28;border-radius:25px;transform:rotate(45deg);pointer-events:none}.portal:hover,.feature:hover,.toolTile:hover{border-color:#aa8af3;transform:translateY(-1px)}.portalTop{display:flex;justify-content:space-between;align-items:center}.glyph,.tileIcon,.featureIcon,.pageIcon,.tinyIcon,.detailMark,.slotGlyph{display:grid;place-items:center;border:1px solid #bba4ff42;background:#bba4ff14;color:#c4aaff;border-radius:12px;flex:none}.glyph{width:43px;height:43px}.serial{font-size:9px;color:#a199bd;font-weight:800;letter-spacing:.16em}.portal h2{font-size:20px;letter-spacing:-.045em;margin:0 0 7px}.portal p{font-size:12px;line-height:1.55;color:#bdbccf;margin:0;max-width:335px}.portalFoot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #bba4ff27;font-size:10px;color:#bca8e9;font-weight:700;gap:8px}.portalFoot span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid #bba4ff52}.feature{display:flex;flex-direction:column;align-items:flex-start;gap:9px;position:relative;overflow:hidden;padding:15px;border:1px solid #373c50;border-radius:15px;background:linear-gradient(130deg,#1c2030,#151a27);color:var(--text);text-align:left;min-height:149px;transition:transform .16s,border-color .16s}.featureIcon{width:36px;height:36px}.feature strong{font-size:15px;letter-spacing:-.02em}.feature p{font-size:11px;color:#bbbccc;line-height:1.55;margin:0}.feature>span:last-child{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;color:#bca6f4;font-weight:740;margin-top:auto}.connectedFeature{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px;margin-top:24px;border:1px solid #514269;background:linear-gradient(115deg,#26203c,#171b2b 72%);border-radius:16px;overflow:hidden}.connectedFeature h3{font-size:20px;letter-spacing:-.04em;margin:7px 0}.connectedFeature p{font-size:12px;line-height:1.55;color:#c5c0d8;max-width:550px;margin:0 0 16px}.glowingMark{display:grid;place-items:center;width:80px;height:80px;border:1px solid #bba4ff38;border-radius:24px;transform:rotate(45deg);color:#bba4ff7a;flex:none}.glowingMark svg{transform:rotate(-45deg)}.recentList,.resultList,.menuList{display:grid;gap:8px}.footer{margin:32px 0 0;border-top:1px solid #333646;padding-top:17px;color:#9295a7;font-size:10px;display:flex;align-items:center;gap:7px}.footer svg{color:#bba4ff}.footer span{color:#615b78}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:730;border:1px solid #3c3e53;background:#232639;color:var(--text);line-height:1.3;text-align:center}.btn.primary{background:#bba4ff;color:#180f29;border-color:#bba4ff}.btn.secondary{background:#26253a;color:#e2d6ff;border-color:#554772}.btn.full{width:100%}.btn svg{flex:none}.btn:hover{filter:brightness(1.1)}.pageHead{margin:0 0 22px}.backLink{display:inline-flex;align-items:center;gap:4px;color:#a9a2bb;background:none;border:0;padding:5px 0;font-size:11px;margin-bottom:18px}.pageHeadline{display:flex;align-items:center;gap:14px}.pageIcon{width:52px;height:52px;border-radius:14px}.pageHeadline h1{margin:3px 0 0;letter-spacing:-.04em;font-size:clamp(24px,3.4vw,31px)}.lead{font-size:13px;color:#bfc0d0;line-height:1.6;margin:0 0 20px}.cardGrid{gap:12px}.toolTile{min-height:174px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;padding:17px;border-radius:14px;border:1px solid #373b50;background:#1a1e2b;color:var(--text);transition:border-color .16s,transform .16s}.tileIcon{width:41px;height:41px}.toolTile strong{font-size:15px}.toolTile p{font-size:11px;color:#abb0c2;line-height:1.55;margin:0}.tileMore{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--accent);font-weight:750;margin-top:auto}.notice{font-size:11px;color:#c5b8d8;line-height:1.65;border:1px solid #423a55;background:#201d2c;padding:13px 15px;border-radius:11px;margin:17px 0}.hintCard{display:flex;align-items:flex-start;gap:9px;background:#1d2130;border:1px solid #373b4d;padding:15px;border-radius:11px;font-size:12px;line-height:1.55;color:#c9c5d7;margin:18px 0}.hintCard svg{color:#bba4ff}.inlineLink,.textLink{border:0;background:none;padding:0;color:#c4aeff;font-weight:650;text-decoration:underline;text-underline-offset:3px}.textLink{display:flex;align-items:center;gap:7px;text-decoration:none;font-size:12px;margin-top:14px}.textLink:hover{text-decoration:underline}.guideFeature{display:flex;align-items:center;gap:15px;padding:17px;width:100%;text-align:left;background:linear-gradient(100deg,#272039,#191b2a);border:1px solid #54416c;border-radius:13px;color:var(--text)}.guideFeature>span{display:grid;place-items:center;color:#bca5fa}.guideFeature>div{flex:1}.guideFeature strong{font-size:15px}.guideFeature p{font-size:11px;color:#bdb4d2;margin:6px 0 0}.filterLine{display:flex;align-items:center;background:#161a26;border:1px solid #3c4052;border-radius:11px;margin:12px 0 18px;padding:0 13px;gap:8px}.filterLine input{background:none;border:0;padding:15px 3px;color:var(--text);outline:none;min-width:0;flex:1;font-size:13px}.filterLine svg{color:#bba4ff}.resultRow{display:flex;align-items:center;gap:12px;padding:11px 12px;background:#191d2c;border:1px solid #353b50;border-radius:11px;text-align:left;color:var(--text);min-width:0;width:100%}.resultRow:hover{background:#25253a;border-color:#8271b8}.resultRow>.resultText{flex:1;min-width:0}.resultText strong{display:block;font-size:12px;line-height:1.4}.resultText small{display:block;font-size:10px;color:#aeb2c4;margin-top:2px;line-height:1.4}.resultRow>svg:last-child{color:#a9a5bc}.tinyIcon{width:39px;height:39px;border-radius:10px}.articleHeader{padding:24px 23px;background:#1c1c2d;border:1px solid #4a3d60;border-radius:15px}.articleHeader h2{font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:8px 0}.articleHeader p{font-size:12px;color:#c0bcce;line-height:1.65}.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #4b435c;background:#2a243a;color:#d0c2f0;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:650;line-height:1.2}.chip.wide{padding:9px 12px}.articleSection{padding:5px 2px 0;margin:16px 0}.articleSection h3{font-size:16px;letter-spacing:-.02em;margin:0 0 7px}.articleSection p{font-size:12px;color:#c0c0d0;line-height:1.72;margin:0}.embeddedBuild{background:linear-gradient(130deg,#282139,#1a2030);border:1px solid #655183;border-radius:15px;padding:19px;margin:23px 0}.embeddedTop{display:flex;align-items:center;gap:14px}.embeddedTop .glyph{width:43px;height:43px}.embeddedTop h3{margin:3px 0 5px;font-size:17px}.embeddedTop p,.embeddedBuild small{font-size:11px;color:#bab4cc;margin:0}.buildMini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0}.buildMini div{padding:10px;border:1px solid #4a3e5b;background:#151a27;border-radius:8px}.buildMini span{display:block;font-size:9px;color:#9fa3b9;text-transform:uppercase;margin-bottom:4px}.buildMini strong{font-size:11px}.embeddedBuild>small{display:block;margin-top:11px;text-align:center}.detailCard{display:flex;gap:18px;padding:23px;border:1px solid #454059;background:linear-gradient(125deg,#242036,#1a1e2c);border-radius:14px}.detailMark{width:61px;height:61px;border-radius:14px}.detailCard h2{margin:4px 0 9px;font-size:21px}.detailCard p{font-size:12px;line-height:1.7;color:#c6bfd7;margin:0 0 10px}.actionsGroup{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}.studioHero{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:19px;background:linear-gradient(120deg,#262037,#171c2c);border:1px solid #554772;border-radius:14px}.studioHero h2{font-size:21px;letter-spacing:-.03em;margin:7px 0}.studioHero p{font-size:11px;line-height:1.6;color:#c2bfce;margin:0}.studioHero .chip{white-space:nowrap}.studioAction{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.studioGrid{align-items:start}.sectionCard{background:#191d2b;border:1px solid #383e50;border-radius:14px;padding:18px;margin:0 0 14px}.sectionCard h3{display:flex;align-items:center;gap:9px;margin:0;color:#ebecf6;font-size:15px}.sectionCard h3 svg{color:#bba4ff}.sectionCardTop{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:13px}.sectionCardTop span{font-size:9px;color:#9298ab}.sectionCardTop.spaceTop{margin-top:24px}.gearGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gearSlot{display:flex;gap:9px;align-items:center;text-align:left;padding:10px 8px;border:1px solid #3b4157;border-radius:10px;background:#121722;color:var(--text);min-width:0}.gearSlot .slotGlyph{width:34px;height:34px;border-radius:8px}.gearSlot>span:nth-child(2){min-width:0;flex:1}.gearSlot small{display:block;font-size:9px;color:#989fb1;margin-bottom:4px}.gearSlot strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gearSlot>svg:last-child{color:#a69abc}.gearSlot:hover{border-color:#ac91ec}.pillSet{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.mutedSmall{font-size:10px;color:#aeb1c5;line-height:1.55}.calcWorkspace{background:#1a1f2e;border:1px solid #343e51;border-radius:15px;padding:19px}.calcWorkspace h2{font-size:20px;letter-spacing:-.03em}.selection{display:flex;align-items:center;gap:12px;width:100%;background:#101622;border:1px solid #45445c;border-radius:10px;padding:12px;text-align:left;color:var(--text);margin-top:11px}.selection>span:nth-child(2){flex:1;min-width:0}.selection strong{display:block;font-size:14px}.selection small{display:block;margin-top:4px;color:#afb1c3;font-size:10px}.calcWarning{display:flex;align-items:start;gap:9px;background:#241d2f;border:1px solid #493759;padding:13px;margin:18px 0 0;border-radius:11px}.calcWarning svg{color:var(--accent)}.calcWarning p{margin:0;font-size:11px;line-height:1.65;color:#cfc4d9}.compareSlot{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 11px;min-height:190px;border-radius:14px;border:1px dashed #6f608a;background:#191c2b;color:var(--text)}.compareSlot:hover{border-style:solid;border-color:var(--accent)}.compareSlot strong{font-size:14px;text-align:center}.compareSlot small{font-size:10px;color:#aeb1c7;text-align:center}.petInputs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.petInputs label{display:grid;gap:7px;font-size:10px;color:#b8b6ce}.petInputs input{background:#101623;color:var(--text);border:1px solid #494459;border-radius:9px;padding:11px 9px;min-width:0;width:100%;font-size:15px}.resultMath{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding:17px;background:#29223a;border:1px solid #5d4b77;border-radius:10px}.resultMath span{font-size:11px;color:#c4b8d9}.resultMath strong{font-size:34px;color:#d3bfff}.resultMath small{font-size:10px;color:#b5a9c7}.runeSlots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.runeSlot{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:82px;background:#111622;border:1px solid #3b4256;border-radius:11px;color:#e8ddff}.runeSlot.isActive{border-color:#bba4ff;background:#29253c}.runeSlot strong{font-size:12px}.runeSlot small{font-size:9px;color:#a9a8bb;margin-top:7px}.runePicker{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.runePicker button{border-radius:9px;border:1px solid #454057;background:#242236;color:#d1c5ef;padding:10px;display:flex;align-items:center;gap:7px;font-size:11px}.emptyCard,.emptyMini{text-align:center;background:#191e2c;border:1px solid #363b4f;border-radius:13px;padding:28px 20px;color:#c4c1d0}.emptyCard>svg{color:#bba4ff}.emptyCard h3{font-size:17px;margin:13px 0}.emptyCard p{font-size:12px;line-height:1.6;max-width:470px;margin:0 auto 18px}.emptyMini{font-size:11px;line-height:1.6;padding:22px}
.bottomNav{display:none}.layer{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.scrim{position:absolute;inset:0;background:rgba(4,5,10,.78)}.sheet{z-index:1;position:relative;width:min(650px,100%);max-height:min(89vh,800px);overflow:auto;overscroll-behavior:contain;background:#171b28;border:1px solid #595077;border-radius:19px;padding:21px;box-shadow:0 28px 90px #0009}.sheetHandle{display:none}.sheetTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.sheetTitle{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.04em;margin:0 0 16px}.sheetTitle>svg{color:#bba4ff}.bigSearch{display:flex;align-items:center;gap:10px;background:#0e131f;border:1px solid #64537f;padding:6px 9px 6px 13px;border-radius:12px}.bigSearch>svg{color:var(--accent)}.bigSearch input{background:none;border:0;outline:0!important;color:var(--text);font-size:14px;padding:9px 1px;flex:1;min-width:0}.iconButton.small{width:29px;height:29px;border-radius:8px}.searchHint{font-size:10px;color:#9d9bad;margin:10px 0 19px}.resultsMeta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;font-size:11px;color:#d4c9f1}.resultsMeta small{color:#9c9caf}.sheet .resultList{margin:11px 0 20px}.sheet .eyebrow{display:block;margin:13px 0 8px}.sampleChip{border:1px solid #5a4a75;border-radius:9px;padding:8px 12px;background:#2d2740;color:#d6c6fb;font-size:11px}.previewHero{display:flex;align-items:flex-start;gap:15px;padding:11px 0 3px}.previewHero h2{font-size:22px;line-height:1.2;margin:6px 0 10px;letter-spacing:-.035em}.previewHero p{font-size:12px;color:#bdbbce;line-height:1.7;margin:0}.sheet .actionsGroup{margin:19px 0}.quickGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0 24px}.quickGrid button{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #41405a;background:#222335;color:#f1eafa;padding:13px;border-radius:11px;font-size:12px;font-weight:650}.quickGrid button>svg:first-child{color:#bba4ff}.quickGrid button>svg:last-child{margin-left:auto}.menuList button{width:100%;display:flex;align-items:center;gap:12px;border:1px solid #393e55;border-radius:11px;padding:11px;background:#1f2332;color:var(--text);text-align:left}.menuList button strong{font-size:13px;flex:1}.menuList{margin-bottom:20px}.toast{position:fixed;z-index:80;bottom:95px;left:50%;transform:translateX(-50%);background:#302745;border:1px solid #8e75bd;color:#ece3ff;padding:11px 18px;border-radius:10px;box-shadow:0 10px 30px #0008;font-size:12px;white-space:nowrap}
@media(max-width:960px){.shell{grid-template-columns:180px minmax(0,1fr)}#content{padding:23px 21px 100px}.sideNav{padding:20px 9px}.portal{min-height:208px}}
@media(max-width:700px){.shell{display:block;min-height:100svh}.top{height:65px;padding:0 15px}.brand img{width:39px;height:37px}.brand strong{font-size:15px}.brand small{font-size:7px}.prototypeTag{font-size:8px;padding:7px 8px}.sideNav{display:none}#content{padding:15px 14px calc(107px + env(safe-area-inset-bottom));max-width:none}.hero{min-height:135px;padding:18px 17px}.hero h1{font-size:24px;margin:8px 0}.hero p{font-size:11px;max-width:290px}.heroFacet{right:25px;top:55px;opacity:.28}.sectionLabel{margin:23px 0 11px}.sectionLabel h2{font-size:17px}.sectionLabel small{font-size:9px}.portalGrid,.featureGrid,.cardGrid,.studioGrid,.compareGrid{gap:9px}.portal{padding:13px;min-height:205px;gap:10px}.glyph{width:38px;height:38px}.glyph svg{width:20px;height:20px}.portal h2{font-size:16px}.portal p{font-size:10.5px}.serial{font-size:8px}.portalFoot{font-size:9px;gap:6px}.portalFoot span{width:23px;height:23px}.feature{padding:12px;min-height:143px;gap:8px}.feature strong{font-size:13px}.feature p{font-size:10.5px}.featureIcon{width:32px;height:32px}.featureIcon svg{width:18px}.connectedFeature{padding:17px 15px;margin-top:19px}.connectedFeature h3{font-size:18px}.connectedFeature p{font-size:11px}.glowingMark{width:38px;height:38px;border-radius:11px}.glowingMark svg{width:20px}.connectedFeature .btn{font-size:10px}.footer{font-size:9px}.bottomNav{position:fixed;z-index:25;bottom:0;left:0;right:0;display:grid;align-items:end;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 4px calc(6px + env(safe-area-inset-bottom));background:rgba(11,14,23,.97);border-top:1px solid #38364c;box-shadow:0 -8px 32px #0005}.navItem,.navSearch{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:57px;color:#9e9cae;border:1px solid transparent;background:none;border-radius:11px}.navItem small,.navSearch small{font-size:9px;font-weight:720}.navItem.selected{color:#d0b8ff;background:#bba4ff18;border-color:#bba4ff3c}.navSearch{min-height:66px;margin-top:-27px;gap:4px}.navSearch span{display:grid;place-items:center;width:57px;height:57px;background:radial-gradient(circle at 40% 25%,#3a2a53,#231a35);color:#d4c2ff;border-radius:50%;border:1px solid #c4adff;box-shadow:0 0 0 5px #0b0e16,0 8px 23px #0009}.navSearch small{font-size:9px;color:#c9b8ea}.pageHead{margin-bottom:17px}.pageHeadline{gap:11px}.pageIcon{width:44px;height:44px}.pageHeadline h1{font-size:23px}.lead{font-size:12px}.toolTile{min-height:160px;padding:12px}.toolTile strong{font-size:12px}.toolTile p{font-size:10px}.tileIcon{width:37px;height:37px}.guideFeature{padding:12px}.guideFeature strong{font-size:12px}.articleHeader{padding:17px}.articleHeader h2{font-size:20px}.embeddedBuild{padding:14px}.studioHero{padding:14px;display:block}.studioHero h2{font-size:18px}.studioHero>.chip{margin-top:12px}.studioGrid{grid-template-columns:1fr}.sectionCard{padding:14px}.gearGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailCard{padding:17px;gap:12px}.detailMark{width:45px;height:45px}.detailMark svg{width:24px}.detailCard h2{font-size:18px}.petInputs{gap:6px}.petInputs input{padding:10px 5px}.layer{padding:0;align-items:flex-end}.sheet{width:100%;max-height:91svh;border-radius:20px 20px 0 0;padding:12px 16px calc(24px + env(safe-area-inset-bottom));border-bottom:0}.sheetHandle{display:block;width:42px;height:4px;border-radius:4px;background:#737089;margin:0 auto 15px}.sheetTitle{font-size:21px}.sheet .resultList{max-height:52svh;overflow:auto}.previewHero h2{font-size:20px}}
@media(max-width:380px){.brand strong{font-size:13px}.prototypeTag{display:none}.portal{min-height:205px;padding:11px}.portal h2{font-size:15px}.portalFoot{font-size:8px}.feature{padding:11px}.feature p{font-size:10px}.hero p{max-width:250px}.gearGrid{gap:6px}.gearSlot{padding:8px 5px;gap:6px}.gearSlot strong{font-size:9px}.embeddedBuild .buildMini strong{font-size:10px}}
@media(max-width:325px){.portalGrid,.featureGrid,.cardGrid{grid-template-columns:1fr}.portal,.feature,.toolTile{min-height:130px}.heroFacet{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Arcana shared appearance tokens (read-only, from protected Design Control).
 * The six themes can use independent Main, Secondary, and Highlight colors.
 * Semantic errors/successes should never be overridden by theme highlights.
 */
:root{
 --theme-main:#0B0E16;--theme-secondary:#171B28;--theme-highlight:#BBA4FF;
 --theme-card:var(--theme-secondary);
 --theme-card-raised:color-mix(in srgb,var(--theme-secondary) 91%,white 9%);
 --theme-overlay:color-mix(in srgb,var(--theme-main) 55%,var(--theme-secondary) 45%);
 --theme-highlight-soft:color-mix(in srgb,var(--theme-highlight) 13%,transparent);
 --theme-highlight-border:color-mix(in srgb,var(--theme-highlight) 38%,transparent);
 --theme-accent-text:color-mix(in srgb,var(--theme-highlight) 71%,white 29%);
 --theme-border:color-mix(in srgb,var(--theme-secondary) 82%,white 18%);
}
body,.shell{background:var(--theme-main)}
.top,.sideNav,.bottomNav{background:var(--theme-main);border-color:var(--theme-border)}
.brand small,.eyebrow,.navEyebrow,.tileMore,.portalFoot,.textLink,.inlineLink,
.resultsMeta,.resultMath strong,.feature>span:last-child,.featureIcon,.glyph,.tileIcon,
.pageIcon,.detailMark,.slotGlyph,.tinyIcon,.glowingMark,.sheetTitle>svg,.hintCard svg,
.emptyCard>svg,.calcWarning svg,.quickGrid button>svg:first-child,.filterLine svg,
.footer svg,.searchHint+.resultsMeta,.bigSearch>svg{color:var(--theme-accent-text)}
.prototypeTag,.topAccount,.iconButton,.sideItem:hover,.sectionCard,.calcWorkspace,
.articleSection,.detailCard,.articleHeader,.embeddedBuild,.buildMini,.gearSlot,
.resultRow,.guideFeature,.filterLine,.studioHero,.hintCard,.notice,.selection,
.calcWarning,.compareSlot,.petInputs input,.resultMath,.runeSlot,.runePicker button,
.emptyCard,.emptyMini,.sheet,.sampleChip,.quickGrid button,.menuList button,.toast,
.chip,.pillSet button,.toolTile,.btn.secondary,.slotGlyph,.recentPanel,
.feature,.featureGrid .feature,.quickGrid,.studioGrid .sectionCard{
 background:var(--theme-card);border-color:var(--theme-border);
}
.portal,.portal:nth-child(2),.connectedFeature,.guideFeature,.hero{
 background:linear-gradient(135deg,var(--theme-card-raised),var(--theme-main) 94%);
 border-color:var(--theme-border);
}
.portal:after,.feature:after,.hero:after{
 border-color:var(--theme-highlight-border);
}
.hero:before{background:var(--theme-highlight);box-shadow:0 0 13px var(--theme-highlight-border)}
.heroFacet{color:var(--theme-highlight);opacity:.45}
.glyph,.tileIcon,.featureIcon,.pageIcon,.tinyIcon,.detailMark,.slotGlyph{
 border-color:var(--theme-highlight-border);background:var(--theme-highlight-soft);
 color:var(--theme-accent-text);
}
.portalFoot,.portalFoot span,.navItem.selected,.sideItem.selected{
 border-color:var(--theme-highlight-border);
}
.portalFoot,.portalFoot span,.feature>span:last-child{color:var(--theme-accent-text)}
.portal:hover,.feature:hover,.toolTile:hover,.gearSlot:hover,.selection:hover,.resultRow:hover{
 border-color:var(--theme-highlight);
}
.navItem.selected,.sideItem.selected{
 background:var(--theme-highlight-soft);color:var(--theme-accent-text);
}
.navSearch span{
 background:color-mix(in srgb,var(--theme-highlight) 18%,var(--theme-secondary));
 color:var(--theme-accent-text);border-color:var(--theme-highlight);
 box-shadow:0 0 0 5px var(--theme-main),0 8px 23px #0007;
}
.navSearch small{color:var(--theme-accent-text)}
.btn.primary{
 background:var(--theme-highlight);border-color:var(--theme-highlight);
 color:#101219;
}
.btn.secondary,.btn:not(.primary),.sampleChip,.runePicker button,.quickGrid button{
 background:var(--theme-card-raised);border-color:var(--theme-border);color:var(--text);
}
.btn:focus-visible,.navItem:focus-visible,.navSearch:focus-visible{outline:2px solid var(--theme-highlight);outline-offset:2px}
.footer,.sheet,.bigSearch,.filterLine,.compareSlot,.runeSlot,.petInputs input,.resultMath,.toolTile,.gearSlot,.calcWorkspace,.runePicker button{
 border-color:var(--theme-border);
}
.bigSearch,.selection,.runeSlot,.filterLine{background:var(--theme-overlay)}
.bigSearch{border-color:var(--theme-highlight-border)}
.runeSlot.isActive,.sampleChip:focus-visible{
 background:var(--theme-highlight-soft);border-color:var(--theme-highlight);
}
.resultMath{background:color-mix(in srgb,var(--theme-highlight) 13%,var(--theme-card))}
.resultMath strong{color:var(--theme-accent-text)}
.sheet{background:var(--theme-card)}
.toast{background:var(--theme-card-raised)}
.brand img{filter:drop-shadow(0 2px 5px var(--theme-highlight-border))}
[data-arcana-theme-density="comfortable"] .portal,
[data-arcana-theme-density="comfortable"] .toolTile,
[data-arcana-theme-density="comfortable"] .sectionCard{padding:21px}
[data-arcana-theme-minimal="false"] .portal,
[data-arcana-theme-minimal="false"] .hero,
[data-arcana-theme-minimal="false"] .feature{
 background:linear-gradient(122deg,color-mix(in srgb,var(--theme-highlight) 12%,var(--theme-card)),var(--theme-main));
}
[data-arcana-theme-glow="true"] .navSearch span{
 box-shadow:0 0 0 5px var(--theme-main),0 0 18px var(--theme-highlight-border);
}
.adminEntry{margin-top:12px}
.adminEntry h3{margin:4px 0 7px;font-size:15px}
.adminEntry .btn+.btn{margin-top:9px}
.themeReadout{display:flex;align-items:center;gap:8px;padding:11px 0;margin:5px 0 10px}
.themeSwatch{display:block;width:27px;height:27px;flex:none;border:1px solid #ffffff40;border-radius:8px}
.themeReadoutText{font-size:11px;color:var(--soft);margin-left:4px}

@media(max-width:700px){
 .top,.bottomNav{background:var(--theme-main)}
 [data-arcana-theme-density="comfortable"] .portal,
 [data-arcana-theme-density="comfortable"] .toolTile,
 [data-arcana-theme-density="comfortable"] .sectionCard{padding:15px}
}


/* Asset fidelity v2: game sprites are immutable, Arcana frames follow admin theme */
.gameArt{width:100%;height:100%;display:block;flex:none;background-repeat:no-repeat;background-color:#0b1018;border-radius:7px;image-rendering:auto;filter:none!important;mix-blend-mode:normal!important}
.gameArt-original{background-color:transparent}
.gameArt-missing{display:grid;place-items:center;color:#828598;border:1px dashed #4b4d5a;background:#141825;font-size:18px}
.tinyGameArt{padding:3px!important;overflow:hidden}.tinyGameArt .gameArt{width:100%;height:100%}
.gameDetailMark{padding:6px!important;width:108px!important;height:108px!important;max-width:30vw!important}
.gameDetailMark .gameArt{border-radius:9px}
.gearBoard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px}
.gearBoard .gearSlot{min-height:121px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:10px 5px;text-align:center;position:relative}
.gearBoard .gearSlot .slotGlyph{width:67px;height:65px;flex:none;border:0;background:transparent;padding:0}
.gearBoard .gearSlot .slotGlyph .gameArt{border-radius:9px}
.gearBoard .gearSlot strong{font-size:11px;line-height:1.3;white-space:normal;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gearBoard .gearSlot small{font-size:9px}.gearBoard .gearSlot>svg:last-child{position:absolute;top:8px;right:7px;width:12px;opacity:.6}
.gearBoard .gearSlot[data-arg=weapon]{grid-column:1}.gearBoard .gearSlot[data-arg=head]{grid-column:2;grid-row:1}
.gearBoard .gearSlot[data-arg=offhand]{grid-column:3;grid-row:1}
.gearBoard .gearSlot[data-arg=hands]{grid-column:1;grid-row:2}
.gearBoard .gearSlot[data-arg=chest]{grid-column:2;grid-row:2}
.gearBoard .gearSlot[data-arg=ring]{grid-column:3;grid-row:2}
.gearBoard .gearSlot[data-arg=feet]{grid-column:2;grid-row:3}
.gearBoard .gearSlot[data-arg=neck]{grid-column:1;grid-row:3}
.boardFootnote{font-size:10px;color:var(--soft);line-height:1.5;margin-top:11px}
.compareArt{padding:5px!important;width:82px!important;height:82px!important;margin:0 auto 6px}
.buildMini>div{display:flex!important;align-items:center;gap:8px}.buildMini .gameArt{width:34px;height:34px}
.skillStudyHeader{padding:19px;border:1px solid var(--theme-border);border-radius:15px;background:var(--theme-card);margin-bottom:14px}
.skillStudyHeader h2{font-size:20px;line-height:1.25;margin:9px 0}.skillStudyHeader p{font-size:12px;line-height:1.55;color:var(--soft);margin:0}
.skillTreeBoard{border:1px solid var(--theme-border);border-radius:17px;background:var(--theme-card);padding:15px 12px 23px}
.classTabs{display:flex;justify-content:space-around;border-bottom:1px solid var(--theme-border);gap:8px;margin-bottom:17px}
.classTabs span{padding:8px 12px 13px;color:var(--soft);font-size:13px;position:relative}.classTabs .selected{color:var(--text)}.classTabs .selected:after{content:'';position:absolute;bottom:-1px;left:5px;right:5px;height:3px;border-radius:4px;background:var(--theme-highlight)}
.skillTier{padding:4px 0 17px;position:relative}.skillTier+.skillTier{border-top:1px solid var(--theme-border);padding-top:17px}
.skillTierHead{text-align:center;font-size:14px;font-weight:750;margin:0 0 15px}
.skillNodes{display:flex;justify-content:center;gap:18px;max-width:460px;margin:auto}
.skillNode{width:105px;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111920;border:2px solid #29916d;border-radius:13px;color:#a9b9c2;padding:10px 7px;gap:7px;cursor:pointer}
.skillNode:hover,.skillNode:focus-visible{border-color:var(--theme-highlight);outline:none;box-shadow:0 0 0 2px var(--theme-highlight-border)}
.arcanaSkillImage{width:74px;height:74px;object-fit:contain;filter:none!important;mix-blend-mode:normal!important}
.skillNode small{font-size:8px;letter-spacing:.02em;white-space:nowrap}
.studyPreviewArt{display:grid;place-items:center;width:104px;height:104px;flex:none;border:1px solid #23896b;border-radius:12px;background:#101923}
.studyPreviewArt img{width:95px;height:95px}
@media(max-width:700px){.gearBoard .gearSlot{min-height:108px;padding:7px 3px}.gearBoard .gearSlot .slotGlyph{width:56px;height:56px}.gearBoard .gearSlot strong{font-size:9px}.gearBoard .gearSlot small{font-size:8px}.skillNode{width:105px;min-height:115px}.skillStudyHeader{padding:14px}.studyPreviewArt{width:81px;height:81px}.studyPreviewArt img{width:76px;height:76px}}
@media(max-width:355px){.gearBoard{gap:5px}.gearBoard .gearSlot .slotGlyph{width:48px;height:48px}.gearBoard .gearSlot strong{font-size:8px}.skillNodes{gap:9px}.skillNode{width:95px}}

/* ARCANA CORE SYSTEMS V4 – 13-slot game-shaped loadout / swipe trees */
.coreSwitch{display:flex;gap:5px;padding:5px;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:13px;margin:5px 0 14px;min-width:0}
.coreSwitch button{flex:1;min-width:0;min-height:40px;color:var(--soft);border:0;border-radius:9px;background:transparent;font-size:11px;font-weight:750}
.coreSwitch button.active{background:var(--theme-highlight-soft);color:var(--theme-accent-text);box-shadow:inset 0 0 0 1px var(--theme-highlight-border)}
.loadoutFrame{border:1px solid var(--theme-border);border-radius:19px;background:radial-gradient(ellipse 52% 40% at 50% 40%,color-mix(in srgb,var(--theme-highlight) 9%,var(--theme-card)),var(--theme-card) 84%);padding:16px 12px 13px;overflow:hidden}
.loadoutHead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 6px 15px;color:var(--theme-accent-text);font-weight:800;letter-spacing:.15em;font-size:9px}
.loadoutHead span+span{color:var(--soft);font-size:9px;letter-spacing:0;font-weight:600}
.loadoutStage{--gap:7px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(4,minmax(104px,auto));gap:var(--gap) 0;align-items:center;justify-items:stretch;position:relative}
.loadoutStage:before{content:"";pointer-events:none;position:absolute;z-index:0;left:24%;right:24%;top:12%;bottom:8%;border-radius:40%;border:1px solid var(--theme-highlight-border);opacity:.28}
.loadoutSlot{z-index:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:100px;border-radius:12px;border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-card-raised) 79%,transparent);padding:7px 3px;gap:3px;color:var(--text);box-shadow:0 3px 12px #0002;transition:border-color .15s ease,background .15s ease}
.loadoutSlot:not(.empty){border-color:color-mix(in srgb,var(--theme-highlight) 45%,var(--theme-border))}
.loadoutSlot:active{transform:scale(.98)}
.loadoutSlot:hover,.loadoutSlot:focus-visible{border-color:var(--theme-highlight);outline:none;background:var(--theme-highlight-soft)}
.loadoutSprite{width:72px;height:68px;display:grid;place-items:center;color:var(--theme-highlight);max-width:95%;max-height:75%;pointer-events:none}
.loadoutSprite .gameArt{width:100%;height:100%;background-color:transparent;border-radius:8px}
.loadoutMeta{display:flex;flex-direction:column;gap:2px;max-width:100%;align-items:center;text-align:center;pointer-events:none}
.loadoutMeta small{font-size:8px;color:var(--soft);white-space:nowrap}
.loadoutMeta strong{font-size:9px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}
.loadoutEquipped{position:absolute;width:5px;height:5px;top:5px;right:5px;background:var(--theme-highlight);border-radius:50%;opacity:.8}
.loadoutSlot.empty{border-style:dashed;border-color:var(--theme-border);color:var(--soft)}
.loadoutSlot[data-pos="top-left"]{grid-area:1/3/2/5}.loadoutSlot[data-pos="top-center"]{grid-area:1/5/2/9}.loadoutSlot[data-pos="top-right"]{grid-area:1/9/2/11}
.loadoutSlot[data-pos="weapon-left"]{grid-area:2/1/3/5;min-height:126px}.loadoutSlot[data-pos="chest-center"]{grid-area:2/5/3/9;min-height:126px}.loadoutSlot[data-pos="offhand-right"]{grid-area:2/9/3/13;min-height:126px}
.loadoutSlot[data-pos="ring-left"]{grid-area:3/3/4/5}.loadoutSlot[data-pos="belt-center"]{grid-area:3/5/4/9}.loadoutSlot[data-pos="ring-right"]{grid-area:3/9/4/11}
.loadoutSlot[data-pos="charm-left"]{grid-area:4/1/5/3;min-height:90px}.loadoutSlot[data-pos="gloves-center"]{grid-area:4/3/5/7}.loadoutSlot[data-pos="boots-center"]{grid-area:4/7/5/11}.loadoutSlot[data-pos="charm-right"]{grid-area:4/11/5/13;min-height:90px}
.loadoutSlot[data-pos^="charm"] .loadoutMeta strong{display:none}
.loadoutSlot[data-pos^="charm"] .loadoutSprite{width:45px;height:45px}
.loadoutSlot[data-pos^="charm"] .loadoutMeta small{font-size:7px;white-space:normal}
.boardCaveat{font-size:10px;line-height:1.5;color:var(--soft);margin:12px 2px 0}
.treeProvenance{padding:10px 12px;margin:0 0 12px;border:1px solid var(--theme-border);border-left:2px solid var(--theme-highlight);border-radius:9px;background:var(--theme-card);color:var(--soft);font-size:11px;line-height:1.4}
.plannerControls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.plannerControls label{font-size:11px;color:var(--soft);display:flex;gap:9px;align-items:center;font-weight:650}
.plannerControls input{max-width:75px;min-height:37px;padding:5px 8px;background:var(--theme-card);border:1px solid var(--theme-border);color:var(--text);border-radius:9px;font-size:14px}
.pointCounter{background:var(--theme-card);border:1px solid var(--theme-border);border-radius:9px;padding:9px 12px;color:var(--soft);font-size:10px;white-space:nowrap}
.pointCounter strong{display:block;color:var(--theme-accent-text);font-size:14px;margin-top:3px}
.coreTreePanel{padding:13px;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:18px;min-width:0;overflow:hidden}
.treeRail{display:flex;gap:5px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 0 9px;touch-action:pan-x}
.treeRail::-webkit-scrollbar{display:none}
.treeRail button{flex:none;min-height:35px;border:1px solid var(--theme-border);color:var(--soft);background:var(--theme-overlay);padding:8px 12px;font-weight:750;border-radius:10px;font-size:11px}
.treeRail button.selected{border-color:var(--theme-highlight);color:var(--theme-accent-text);background:var(--theme-highlight-soft)}
.treeContext{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:9px 0 16px}
.treeContext h2{font-size:18px;letter-spacing:-.02em;margin:5px 0}.treeContext p{font-size:10px;color:var(--soft);margin:0}
.pageCounter{font-size:11px;color:var(--soft);background:var(--theme-overlay);border-radius:8px;padding:7px 10px}
.treeSwipe{display:grid;gap:14px;touch-action:pan-y;user-select:none;min-height:274px;align-content:center;overflow:hidden}
.passiveRow{padding:9px 4px 10px;border-top:1px solid var(--theme-border)}
.passiveRowLabel{text-align:center;color:var(--soft);font-size:10px;letter-spacing:.1em;font-weight:800;margin:0 0 9px}
.passiveRowNodes{display:flex;gap:8px;justify-content:center;align-items:stretch;min-height:113px}
.passiveNode{width:32%;min-height:112px;max-width:165px;min-width:0;display:flex;align-items:center;flex-direction:column;gap:5px;padding:10px 3px 7px;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-overlay);color:var(--soft)}
.passiveNode.available{color:var(--text)}.passiveNode.allocated{border-color:var(--theme-highlight);background:var(--theme-highlight-soft);color:var(--text)}.passiveNode.locked{opacity:.48}
.passiveNode strong{font-size:10px;text-align:center;line-height:1.25;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.passiveNode small,.nodeRank{font-size:9px;color:var(--soft)}.passiveSymbol{color:var(--theme-highlight)}
.passivePips{display:flex;gap:4px;margin-top:auto}.passivePips i{width:6px;height:6px;border:1px solid var(--soft);border-radius:50%}.passivePips i.filled{background:var(--theme-highlight);border-color:var(--theme-highlight)}
.treePaging{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:13px;padding-top:12px;border-top:1px solid var(--theme-border)}
.treePaging button{display:flex;align-items:center;gap:5px;min-height:35px;background:var(--theme-overlay);border:1px solid var(--theme-border);color:var(--text);border-radius:9px;padding:7px 10px;font-size:10px;font-weight:700}
.treePaging button:disabled{opacity:.35}.treePaging span{font-size:9px;color:var(--soft)}
.treeFootControls{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.treeFootControls button{flex:1;font-size:10px;min-width:103px}
.classRail button{display:flex;align-items:center;gap:7px}.classGlyph,.realClassIcon{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--theme-border);border-radius:7px;color:var(--theme-highlight);background:var(--theme-overlay);font-weight:900}
.realClassIcon{object-fit:contain}
.classHeading{display:flex;gap:11px;align-items:center;margin:10px 3px 17px}.classMark{width:47px;height:47px;display:grid;place-items:center;border:1px solid var(--theme-highlight-border);background:var(--theme-highlight-soft);border-radius:13px}.classMark .classGlyph,.classMark .realClassIcon{width:33px;height:33px;font-size:21px}.classHeading h2{font-size:19px;margin:0}.classHeading p{font-size:11px;color:var(--soft);margin:4px 0 0}
.branchRail{display:flex;gap:6px;border-bottom:1px solid var(--theme-border);margin-bottom:11px;overflow:auto;scrollbar-width:none}.branchRail button{flex:1;white-space:nowrap;min-height:42px;background:none;border:0;border-bottom:2px solid transparent;color:var(--soft);padding:8px;font-size:12px}.branchRail button.selected{border-bottom-color:var(--theme-highlight);color:var(--text)}
.classSwipe{display:flex;gap:12px;justify-content:center;align-items:center;min-height:227px}
.classSkillNode{position:relative;width:120px;min-height:155px;padding:11px 7px;display:flex;flex-direction:column;align-items:center;gap:7px;background:var(--theme-overlay);border:2px solid var(--theme-border);color:var(--text);border-radius:12px}
.classSkillNode.available{border-color:var(--theme-highlight-border)}.classSkillNode.allocated{border-color:var(--theme-highlight);background:var(--theme-highlight-soft)}.classSkillNode.locked{opacity:.54}
.classSkillImage{width:68px;height:68px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#111720}.classSkillImage img{width:100%;height:100%;object-fit:contain;filter:none!important}.skillFallback{color:var(--theme-highlight)}
.classSkillNode strong{font-size:10px;line-height:1.3;text-align:center}.classSkillNode small{font-size:10px;color:var(--soft);margin-top:auto}
.skillLock{position:absolute;top:8px;right:8px;font-size:12px}
.skillInspector h2{margin:4px 0 10px;font-size:21px}.skillInspector p{font-size:12px;color:var(--soft);line-height:1.55}
.skillInspector .rank{padding:12px;border:1px solid var(--theme-border);background:var(--theme-overlay);border-radius:11px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}
.skillInspector .rank button{min-width:42px;min-height:40px;border:1px solid var(--theme-highlight-border);border-radius:9px;background:var(--theme-highlight-soft);color:var(--theme-accent-text);font-size:18px}
.skillInspector .rank button:disabled{opacity:.32}
.skillInspector .reason{font-size:11px;color:var(--soft)}
@media(max-width:700px){.loadoutFrame{padding:11px 7px}.loadoutStage{grid-template-rows:repeat(4,minmax(76px,auto));gap:5px 0}.loadoutSlot{min-height:78px;padding:4px 1px;gap:1px}.loadoutSlot[data-pos="weapon-left"],.loadoutSlot[data-pos="chest-center"],.loadoutSlot[data-pos="offhand-right"]{min-height:108px}.loadoutSlot[data-pos^="charm"]{min-height:75px}.loadoutSlot[data-pos^="charm"] .loadoutSprite{width:37px;height:37px}.loadoutSprite{width:60px;height:54px}.loadoutMeta small{font-size:7px}.loadoutMeta strong{font-size:8px}.treeSwipe{min-height:260px}.classSkillNode{width:115px}.treeContext h2{font-size:16px}}
@media(max-width:370px){.loadoutSprite{width:46px;height:45px}.loadoutMeta strong{font-size:7px}.loadoutMeta small{font-size:6px}.loadoutSlot[data-pos^="charm"] .loadoutSprite{width:31px;height:31px}.loadoutFrame{padding:10px 5px}.classSkillNode{width:108px}.passiveRowNodes{gap:5px}.passiveNode{padding:7px 2px}.passiveNode strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.loadoutSlot{transition:none}}

/* ARCANA V5: ONE COMPLETE TIER PER PAGE / INLINE RANK ADJUSTMENT */
.coreTreePanel{background:linear-gradient(160deg,color-mix(in srgb,var(--theme-card) 94%,var(--theme-highlight)),var(--theme-card) 42%);box-shadow:inset 0 1px 0 #fff00006,0 12px 35px #00000018;border-radius:17px}
.coreTreePanel .treeRail{padding-bottom:11px;gap:6px}
.coreTreePanel .treeRail button{border-radius:10px;letter-spacing:.015em;transition:background .15s ease,border-color .15s ease}
.coreTreePanel .treeRail button.selected{box-shadow:inset 0 0 0 1px var(--theme-highlight-border)}
.coreTreePanel .treeContext{margin:8px 1px 12px}
.coreTreePanel .treeContext h2{font-size:17px;margin:5px 0 3px}
.coreTreePanel .pageCounter{border:1px solid var(--theme-border);font-variant-numeric:tabular-nums}
.tierSwipe{display:flex;flex-direction:column;gap:5px;max-width:100%;min-width:0;touch-action:pan-y;user-select:none;padding:9px 6px;border:1px solid var(--theme-border);border-radius:13px;background:color-mix(in srgb,var(--theme-overlay) 82%,transparent)}
.passiveRow{display:grid;grid-template-columns:23px minmax(0,1fr);align-items:stretch;gap:5px;min-width:0;padding:0;border:0}
.passiveRow+.passiveRow{padding-top:5px;border-top:1px solid color-mix(in srgb,var(--theme-border) 60%,transparent)}
.passiveRowLabel{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);margin:0;font-size:9px;line-height:1;color:var(--soft);letter-spacing:.05em;font-weight:800}
.passiveRowNodes{display:grid;grid-template-columns:repeat(var(--row-nodes),minmax(0,1fr));align-items:stretch;gap:5px;min-width:0;min-height:0}
.passiveNode{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:5px;width:100%;max-width:none;min-height:77px;min-width:0;padding:6px;border-radius:10px;background:var(--theme-overlay);border:1px solid var(--theme-border);color:var(--text);opacity:1}
.passiveNode.available,.classSkillNode.available{border-color:color-mix(in srgb,var(--theme-highlight) 32%,var(--theme-border))}
.passiveNode.allocated,.classSkillNode.allocated{background:var(--theme-highlight-soft);border-color:var(--theme-highlight);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-highlight) 12%,transparent)}
.passiveNode.locked,.classSkillNode.locked{opacity:.72;background:color-mix(in srgb,var(--theme-overlay) 83%,var(--theme-card));border-color:var(--theme-border)}
.passiveInspect,.classSkillInspect{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;min-width:0;flex:1;padding:0 1px;border:0;background:transparent;color:inherit;cursor:pointer}
.passiveInspect:hover,.classSkillInspect:hover{color:var(--theme-accent-text)}
.passiveSymbol{display:flex;align-items:center;justify-content:center;height:17px;color:var(--theme-highlight)}
.passiveName{font-size:10px;font-weight:710;text-align:center;line-height:1.13;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.passiveInspect small{font-size:8px;line-height:1.1;color:var(--soft)}
.inlineStepper{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:3px;width:100%;min-width:0;border:1px solid var(--theme-border);border-radius:8px;background:color-mix(in srgb,var(--theme-card) 65%,transparent);padding:2px;font-variant-numeric:tabular-nums}
.inlineStepper button{display:grid;place-items:center;height:25px;min-width:0;padding:0;background:var(--theme-overlay);color:var(--theme-accent-text);border:1px solid var(--theme-highlight-border);border-radius:6px;font-size:18px;font-weight:650;line-height:1;touch-action:manipulation}
.inlineStepper button.stepMinus{font-size:19px;color:var(--text);border-color:var(--theme-border)}
.inlineStepper button:disabled{opacity:.28;cursor:not-allowed;color:var(--soft)}
.inlineStepper button:not(:disabled):active{background:var(--theme-highlight-soft);transform:scale(.95)}
.inlineStepper button:focus-visible,.passiveInspect:focus-visible,.classSkillInspect:focus-visible{outline:2px solid var(--theme-highlight);outline-offset:1px}
.inlineStepper output{color:var(--text);font-size:10px;text-align:center;font-weight:720;white-space:nowrap}
.inlineStepper output span{color:var(--soft);font-weight:500}
.tierSwipe.density-high{gap:3px;padding:6px 4px}
.density-high .passiveRow{gap:3px;grid-template-columns:18px minmax(0,1fr)}
.density-high .passiveRow+.passiveRow{padding-top:3px}
.density-high .passiveRowNodes{gap:3px}
.density-high .passiveNode{min-height:63px;padding:4px 3px;gap:2px;border-radius:8px}
.density-high .passiveSymbol{display:none}
.density-high .passiveName{font-size:9px;-webkit-line-clamp:2}
.density-high .passiveInspect small{font-size:8px}
.density-high .inlineStepper{gap:1px;padding:1px;border-radius:6px}
.density-high .inlineStepper button{height:22px;font-size:16px;border-radius:5px}
.density-high .inlineStepper output{font-size:9px}
.density-medium .passiveNode{min-height:72px}
.classTierRail{margin:0 0 3px}
.classTierSwipe{min-height:0;gap:9px;padding:11px}
.classTierRow{display:flex;flex-direction:column;gap:5px}
.classTierRow+.classTierRow{padding-top:9px;border-top:1px solid var(--theme-border)}
.classRowTitle{display:block;text-align:center;color:var(--soft);font-size:9px;font-weight:800;letter-spacing:.1em;min-height:1px}
.classTierNodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(105px,100%),1fr));gap:9px;justify-content:center;align-items:stretch}
.classSkillNode{width:100%;max-width:220px;min-height:160px;display:flex;flex-direction:column;gap:8px;padding:9px;border-radius:13px;opacity:1;margin:0 auto}
.classSkillInspect{min-height:106px;justify-content:flex-start;gap:6px}
.classSkillNode .classSkillImage{height:64px;width:64px;flex:none}
.classSkillInspect strong{font-size:11px;line-height:1.25;max-width:100%;overflow-wrap:anywhere}
.classSkillNode .inlineStepper{margin-top:auto}
.classSkillNode .skillLock{color:var(--soft);top:7px;right:7px}
.milestoneRow .passiveRowLabel{color:var(--theme-highlight)}
.milestoneRow .passiveNode{border-style:solid;border-color:color-mix(in srgb,var(--theme-highlight) 46%,var(--theme-border))}
.treePaging{margin-top:10px;padding-top:10px}
.treePaging button{min-height:39px;padding:7px 11px}
.treePaging span{font-size:9px;text-align:center}
@media(max-width:700px){
 .coreTreePanel{padding:11px 8px}.coreTreePanel .treeContext h2{font-size:15px}
 .coreTreePanel .treeContext p{font-size:10px}.tierSwipe{padding:6px 4px}
 .passiveRow{grid-template-columns:19px minmax(0,1fr);gap:3px}.passiveRowNodes{gap:4px}
 .passiveNode{min-height:70px;padding:4px 3px;gap:3px}
 .passiveName{font-size:9px}.passiveSymbol{height:15px}.passiveInspect small{font-size:8px}
 .inlineStepper{gap:2px;padding:1px}.inlineStepper button{height:24px;font-size:17px}.inlineStepper output{font-size:9px}
 .density-high .passiveNode{min-height:61px;padding:3px 2px}
 .density-high .inlineStepper button{height:21px}
 .classTierNodes{gap:7px;grid-template-columns:repeat(auto-fit,minmax(min(100px,100%),1fr))}
 .classSkillNode{min-height:151px;padding:7px;gap:5px}.classSkillNode .classSkillImage{height:57px;width:57px}
 .classSkillInspect{min-height:101px}.classSkillInspect strong{font-size:10px}
 .treePaging span{max-width:78px}
}
@media(max-width:380px){
 .coreTreePanel{padding:9px 5px}.tierSwipe{padding:4px 2px}
 .passiveRow{grid-template-columns:16px minmax(0,1fr);gap:2px}.passiveRowNodes{gap:2px}
 .passiveNode{padding:3px 2px}.passiveName{font-size:8.5px}
 .inlineStepper{gap:1px}.inlineStepper button{height:22px;font-size:15px}.inlineStepper output{font-size:8px}
 .density-high .passiveRow{grid-template-columns:15px minmax(0,1fr)}
 .density-high .passiveNode{min-height:59px}
 .classTierNodes{gap:5px}
}
@media(prefers-reduced-motion:reduce){.inlineStepper button,.treeRail button{transition:none!important}}

/* ARCANA 3.0 V6 — class art, semantic passive art, level editor and tier refinements */
.levelStudio{position:relative;overflow:hidden;padding:14px 17px 12px;margin:12px 0 14px;border:1px solid var(--theme-border);border-radius:17px;background:linear-gradient(127deg,color-mix(in srgb,var(--theme-card) 95%,var(--theme-highlight)) 0%,var(--theme-card) 82%);box-shadow:inset 0 1px 0 #ffffff08}
.levelStudio:before{content:"";position:absolute;width:125px;height:125px;right:-56px;top:-65px;transform:rotate(45deg);border:1px solid color-mix(in srgb,var(--theme-highlight) 20%,transparent);border-radius:21px;pointer-events:none}
.levelHead,.levelBottom{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative}
.levelHead .eyebrow{display:block;font-size:9px;letter-spacing:.15em;color:var(--theme-accent-text);opacity:.87;margin-bottom:4px}
.levelHead label{display:block;font-size:14px;line-height:1.25;font-weight:780;color:var(--text)}
.levelNumber{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:10px;font-weight:800}
.levelNumber input{display:block;width:78px;height:42px;min-width:0;border-radius:11px;border:1px solid var(--theme-highlight-border);background:var(--theme-overlay);color:var(--text);font-size:18px;font-weight:780;text-align:center;font-variant-numeric:tabular-nums;outline:0}
.levelNumber input:focus{border-color:var(--theme-highlight);box-shadow:0 0 0 2px var(--theme-highlight-soft)}
.levelNumber input::-webkit-inner-spin-button,.levelNumber input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.levelStudio input[type="range"]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;margin:18px 0 14px;border-radius:100px;border:0;background:linear-gradient(90deg,var(--theme-highlight) var(--level-progress,0%),color-mix(in srgb,var(--theme-highlight) 13%,var(--theme-overlay)) var(--level-progress,0%));touch-action:pan-x;cursor:pointer}
.levelStudio input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:19px;width:19px;border:3px solid var(--theme-card);border-radius:50%;background:var(--theme-highlight);box-shadow:0 0 0 1px var(--theme-highlight-border),0 0 14px var(--theme-highlight-soft)}
.levelStudio input[type="range"]::-moz-range-thumb{height:15px;width:15px;border:3px solid var(--theme-card);border-radius:50%;background:var(--theme-highlight)}
.levelBottom{color:var(--soft);font-size:10px}
.levelBottom .muted{opacity:.65}
.levelBottom .pointCounter{padding:0;border:0;background:transparent;display:flex;align-items:center;gap:8px;font-size:10px}
.levelBottom .pointCounter strong{font-size:13px;color:var(--theme-accent-text);margin:0}
.levelBottom .pointCounter small{font-size:10px;color:var(--soft)}
.coreTreePanel{position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-card) 97%,var(--theme-highlight)),var(--theme-card) 45%,color-mix(in srgb,var(--theme-overlay) 64%,var(--theme-card)));box-shadow:inset 0 1px 0 #fff1,0 14px 38px #0003}
.coreTreePanel .treeContext{margin:12px 2px 16px}
.coreTreePanel .treeContext .eyebrow{letter-spacing:.13em;font-weight:800;font-size:9px}
.coreTreePanel .treeContext h2{font-size:18px;font-weight:780;letter-spacing:-.032em}
.coreTreePanel .treeContext p{font-size:11px;line-height:1.5}
.coreTreePanel .treeRail button.selected{border-color:var(--theme-highlight-border);background:linear-gradient(150deg,var(--theme-highlight-soft),color-mix(in srgb,var(--theme-card) 85%,var(--theme-highlight)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-highlight) 13%,transparent)}
.tierSwipe{background:color-mix(in srgb,var(--theme-overlay) 75%,var(--theme-card));border-color:color-mix(in srgb,var(--theme-highlight) 16%,var(--theme-border))}
.passiveNode{border-radius:10px;box-shadow:inset 0 1px 0 #ffffff07;min-height:88px;gap:4px;padding:7px 4px 5px;transition:border-color .14s ease,background .14s ease}
.passiveNode.allocated{background:linear-gradient(156deg,color-mix(in srgb,var(--theme-highlight) 15%,var(--theme-overlay)),var(--theme-overlay));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--theme-highlight) 20%,transparent),0 0 14px color-mix(in srgb,var(--theme-highlight) 8%,transparent)}
.passiveNode.locked{opacity:.61}
.passiveInspect{gap:3px;min-height:52px}
.passiveSymbol{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid color-mix(in srgb,var(--theme-highlight) 25%,var(--theme-border));border-radius:9px;background:color-mix(in srgb,var(--theme-highlight) 7%,var(--theme-overlay));color:var(--theme-highlight)}
.arcanaArt{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.16))}
.passiveName{text-transform:none;font-weight:720;font-size:10px;line-height:1.15;overflow-wrap:normal;word-break:normal}
.passiveInspect small{font-size:8.5px;color:var(--soft)}
/* Rank adjustment should look like a minimal utility, not a second primary CTA */
.inlineStepper{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:0;background:transparent;padding:0;min-height:30px;border:1px solid color-mix(in srgb,var(--theme-border) 84%,transparent);border-radius:9px;overflow:hidden}
.inlineStepper button{display:grid;place-items:center;min-width:0;width:100%;height:30px;padding:0;background:transparent;border:0;color:var(--theme-accent-text);font-size:17px;font-weight:600;border-radius:0;line-height:1}
.inlineStepper button.stepMinus{background:transparent;border:0;color:var(--soft);font-size:17px}
.inlineStepper button.stepPlus{border-left:1px solid color-mix(in srgb,var(--theme-border) 66%,transparent)}
.inlineStepper button.stepMinus{border-right:1px solid color-mix(in srgb,var(--theme-border) 66%,transparent)}
.inlineStepper button:not(:disabled):active{background:var(--theme-highlight-soft);transform:none}
.inlineStepper button:disabled{opacity:.25}
.inlineStepper output{font-size:10px;color:var(--text);font-weight:750;white-space:nowrap;text-align:center;line-height:29px}
.inlineStepper output span{opacity:.55;margin:0 1px}
.classTone-warrior{--class-art:#ff6b5f}.classTone-archer{--class-art:#55d99b}.classTone-mage{--class-art:#b48dfd}.classTone-rogue{--class-art:#9d8cff}.classTone-druid{--class-art:#dfba72}.classTone-general{--class-art:#a89fff}
.classRail{gap:7px!important}
.classRail button{min-height:45px;padding:7px 12px;border-radius:12px;gap:8px!important}
.classRail button.selected{background:var(--theme-highlight-soft)}
.classRail button .classGlyph,.classRail button .realClassIcon{height:30px;width:30px;border:0;border-radius:8px;background:transparent}
.classGlyph{display:grid;place-items:center;overflow:hidden}
.classGlyph svg{width:30px;height:30px}
.classHeading{margin:12px 3px 14px}
.classMark{width:54px;height:54px;border-radius:15px;background:linear-gradient(130deg,var(--theme-highlight-soft),var(--theme-overlay));border-color:var(--theme-highlight-border)}
.classMark .classGlyph,.classMark .realClassIcon,.classMark .classGlyph svg{height:41px;width:41px}
.classTierSwipe{gap:7px;padding:9px;background:color-mix(in srgb,var(--theme-overlay) 79%,var(--theme-card))}
.classTierRow{gap:5px}
.classTierRow+.classTierRow{padding-top:9px}
.classTierNodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.classSkillNode{width:100%;max-width:none;min-height:159px;padding:10px 8px 7px;gap:7px;border:1px solid var(--theme-border);background:linear-gradient(165deg,color-mix(in srgb,var(--theme-overlay) 93%,var(--theme-highlight)),var(--theme-overlay));border-radius:14px}
.classSkillNode.available{border-color:color-mix(in srgb,var(--theme-highlight) 40%,var(--theme-border))}
.classSkillNode.allocated{border-color:var(--theme-highlight);box-shadow:inset 0 0 0 1px var(--theme-highlight-border),0 5px 18px color-mix(in srgb,var(--theme-highlight) 10%,transparent)}
.classSkillInspect{min-height:101px;gap:8px;justify-content:flex-start}
.classSkillImage{height:75px;width:75px;border-radius:18px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,color-mix(in srgb,var(--class-art) 12%,#111720),#10151c 80%);border:1px solid color-mix(in srgb,var(--class-art) 21%,transparent);box-shadow:inset 0 1px 0 #ffffff08}
.classSkillNode .classSkillImage{height:71px;width:71px}
.classSkillImage .skillFallback{display:grid;place-items:center;width:100%;height:100%;color:var(--class-art)}
.classSkillImage .skillFallback svg{height:66px;width:66px}
.classSkillImage img{width:100%;height:100%;object-fit:contain;filter:none!important}
.classSkillInspect strong{font-size:12px;line-height:1.22;letter-spacing:-.012em;max-width:100%}
.classSkillNode .inlineStepper{max-width:100%;margin-top:auto}
.classSkillNode .skillLock{top:9px;right:9px;font-size:11px;opacity:.5}
.coreTreePanel [hidden]{display:none!important}
@media(max-width:700px){
 .levelStudio{padding:12px 13px 11px;margin:9px 0 12px}.levelStudio input[type="range"]{margin:15px 0 13px}
 .coreTreePanel{padding:11px 8px}.coreTreePanel .treeContext h2{font-size:17px}
 .passiveNode,.density-high .passiveNode{min-height:90px;padding:5px 3px 4px;gap:3px}
 .passiveInspect{min-height:59px}.passiveSymbol,.density-high .passiveSymbol{display:grid;width:26px;height:26px}
 .passiveSymbol svg{width:24px;height:24px}.passiveName,.density-high .passiveName{font-size:9.5px}
 .inlineStepper,.density-high .inlineStepper{grid-template-columns:26px minmax(0,1fr) 26px;min-height:27px;border-radius:7px}
 .inlineStepper button,.density-high .inlineStepper button{height:27px;font-size:16px;border-radius:0}
 .inlineStepper output,.density-high .inlineStepper output{line-height:26px;font-size:9px}
 .classTierNodes{gap:7px}.classSkillNode{min-height:151px;padding:8px 6px 6px}.classSkillNode .classSkillImage{height:60px;width:60px}
 .classSkillImage .skillFallback svg{height:58px;width:58px}.classSkillInspect strong{font-size:11px}
}
@media(max-width:380px){
 .levelStudio{padding:10px 9px}.levelBottom .pointCounter{gap:4px}.levelBottom .pointCounter small{display:none}
 .passiveNode,.density-high .passiveNode{min-height:89px;padding:4px 2px}
 .passiveSymbol,.density-high .passiveSymbol{width:25px;height:25px}.passiveName,.density-high .passiveName{font-size:9px}
 .inlineStepper,.density-high .inlineStepper{grid-template-columns:23px minmax(0,1fr) 23px}
 .inlineStepper button,.density-high .inlineStepper button{height:26px}
 .classTierNodes{gap:6px}.classSkillNode{padding:7px 5px}
}

/* ARCANALABS V7 — unified workshop controls */
.labsTabs{display:flex;gap:7px;overflow-x:auto;padding:5px 1px 10px;margin:0 0 16px;scrollbar-width:none;scroll-snap-type:x proximity}.labsTabs::-webkit-scrollbar{display:none}
.labsTab{scroll-snap-align:start;display:flex;align-items:center;gap:6px;flex:none;min-height:37px;padding:8px 12px;border-radius:10px;border:1px solid var(--theme-border,var(--line));background:var(--theme-overlay,var(--panel));color:var(--soft);font-weight:650;font-size:11px}
.labsTab.active{color:var(--theme-highlight,var(--accent));background:var(--theme-highlight-soft,var(--accentTint));border-color:var(--theme-highlight-border,var(--accent))}
.linkedBuildV7{margin-top:17px;border:1px solid var(--theme-border,var(--line));background:var(--theme-card,var(--panel));padding:15px;border-radius:15px}
.buildDashV7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}
.buildDashItem{background:var(--theme-overlay,var(--panel2));border:1px solid var(--theme-border,var(--line));border-radius:12px;min-width:0;color:var(--text);display:flex;align-items:center;text-align:left;gap:11px;padding:13px}
.buildDashItem>svg:first-child{color:var(--theme-highlight,var(--accent))}.buildDashItem>svg:last-child{color:var(--muted);margin-left:auto;width:14px}
.buildDashItem span{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.buildDashItem strong{font-size:12px}.buildDashItem small{font-size:10px;color:var(--soft);line-height:1.4}
.runeIntro{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--theme-highlight-border,var(--line));border-radius:15px;padding:16px;margin:9px 0 15px;background:linear-gradient(115deg,var(--theme-highlight-soft,var(--accentTint)),var(--theme-card,var(--panel)))}
.runeIntro h2{margin:5px 0;font-size:22px;letter-spacing:-.04em}.runeIntro p{font-size:11px;color:var(--soft);line-height:1.5;margin:0}.runeProgress{font-weight:750;font-size:16px;color:var(--theme-highlight,var(--accent));white-space:nowrap}
.runeStudioGrid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:14px;align-items:start}
.runeWorkspace,.runeWorkbench{min-width:0;border:1px solid var(--theme-border,var(--line));background:var(--theme-card,var(--panel));border-radius:15px;padding:14px}
.runeWorkbench>.eyebrow{display:block;margin:16px 0 8px}
.runeBoard{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:3px;aspect-ratio:6/5;padding:5px;margin-top:15px;isolation:isolate;border-radius:13px;border:1px solid var(--theme-border,var(--line));background:#0d121c;box-shadow:inset 0 2px 18px #0008}
.runeGridCell{z-index:0;border:1px solid #4b4d60;background:#171c2a;min-width:0;min-height:0;padding:0;border-radius:7px}
.runeGridCell:not(:disabled):hover{border-color:var(--theme-highlight,var(--accent));background:#29243e}
.runePlaced{z-index:1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--rune-edge,#999);border-radius:8px;background:linear-gradient(148deg,var(--rune-bright,#555),var(--rune-base,#333));box-shadow:inset 0 0 0 1px #ffffff22,0 2px 4px #0008;color:#fff;gap:2px;padding:3px;text-align:center;overflow:hidden}
.runePlaced.selected{outline:2px solid var(--theme-highlight,var(--accent));outline-offset:-3px;box-shadow:0 0 0 2px var(--theme-highlight,var(--accent)),inset 0 0 0 1px #fff7;z-index:3}
.runeGlyph{font-size:clamp(13px,2.5vw,22px);font-weight:800;line-height:1.05;text-shadow:0 1px 4px #0008}.runePlaced small{font-size:clamp(7px,.8vw,9px);opacity:.83;line-height:1.1;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* These colors encode rune family, not the selectable Arcana palette. */
.family-fury{--rune-edge:#fa6b4f;--rune-bright:#a63830;--rune-base:#562123}
.family-fortitude{--rune-edge:#77aae2;--rune-bright:#48688d;--rune-base:#253b58}
.family-precision{--rune-edge:#65c1ee;--rune-bright:#2772a7;--rune-base:#144269}
.family-wisdom{--rune-edge:#c278de;--rune-bright:#80308d;--rune-base:#4c235f}
.family-vitality{--rune-edge:#6fca91;--rune-bright:#377d52;--rune-base:#1e4a36}
.family-bond{--rune-edge:#70d7d5;--rune-bright:#307e84;--rune-base:#1a4955}
.family-fortune{--rune-edge:#ecc17a;--rune-bright:#9e7242;--rune-base:#614629}
.familyStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.familyToken{display:flex;align-items:center;gap:7px;padding:8px;min-width:0;color:var(--text);font-size:11px;text-align:left;background:var(--theme-overlay,var(--panel2));border:1px solid var(--theme-border,var(--line));border-radius:10px}
.familyToken.chosen{border-color:var(--theme-highlight,var(--accent));background:var(--theme-highlight-soft,var(--accentTint))}.familyMark{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;border:1px solid var(--rune-edge);background:var(--rune-base);font-weight:800;font-size:11px;color:white}
.shapeStrip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.shapeToken{padding:10px 8px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--theme-overlay,var(--panel2));border:1px solid var(--theme-border,var(--line));border-radius:10px;color:var(--soft);font-size:10px;text-align:center}
.shapeToken.chosen{color:var(--theme-highlight,var(--accent));border-color:var(--theme-highlight,var(--accent));background:var(--theme-highlight-soft,var(--accentTint))}.shapeGlyph{letter-spacing:2px;font-size:15px;line-height:1;color:var(--theme-highlight,var(--accent))}
.runeContext{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--theme-overlay,var(--panel2));padding:11px;border-radius:10px;border:1px solid var(--theme-border,var(--line))}.runeContext>div{display:flex;flex-direction:column;gap:4px}.runeContext strong{font-size:12px}.runeContext small{font-size:10px;line-height:1.4;color:var(--soft)}.runeContext .btn{font-size:10px;min-height:33px;padding:6px 8px}
.petLabV7{min-width:0}.petHero{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(125deg,var(--theme-highlight-soft,var(--accentTint)),var(--theme-card,var(--panel)));padding:18px;border-radius:15px;border:1px solid var(--theme-highlight-border,var(--line));gap:10px}.petHero h2{font-size:24px;margin:5px 0}.petHero p{font-size:11px;color:var(--soft);margin:0}.petCap{background:var(--theme-overlay,var(--panel));padding:12px 16px;border:1px solid var(--theme-highlight-border,var(--line));border-radius:12px;text-align:center;flex:none}.petCap small{display:block;color:var(--soft);font-size:10px}.petCap strong{font-size:26px;color:var(--theme-highlight,var(--accent))}
.petModeToggle{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.petModeToggle button{min-height:41px;border-radius:10px;color:var(--soft);background:var(--theme-overlay,var(--panel));border:1px solid var(--theme-border,var(--line));font-size:12px}.petModeToggle button.selected{color:var(--theme-highlight,var(--accent));border-color:var(--theme-highlight-border,var(--line));background:var(--theme-highlight-soft,var(--accentTint))}
.petGridV7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.petSlotV7{border:1px solid var(--theme-border,var(--line));border-radius:14px;background:var(--theme-card,var(--panel));padding:14px;min-width:0;display:flex;flex-direction:column;gap:12px}.petSlotHead{display:flex;align-items:center;gap:10px}.petBadge{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--theme-highlight-soft,var(--accentTint));color:var(--theme-highlight,var(--accent));border:1px solid var(--theme-highlight-border,var(--line))}.petSlotHead>div{min-width:0}.petSlotHead strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.petSlotV7 label{display:flex;flex-direction:column;gap:6px;color:var(--soft);font-size:10px;font-weight:650}.petSlotV7 input,.petSlotV7 select{width:100%;min-width:0;padding:10px;background:var(--theme-overlay,var(--panel2));border:1px solid var(--theme-border,var(--line));border-radius:9px;color:var(--text);font-size:12px}.petEffectLine{border-top:1px solid var(--theme-border,var(--line));padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:7px}.petEffectLine span{font-size:11px}.petEffectLine b{color:var(--theme-highlight,var(--accent));font-size:15px}.petEffectLine small{font-size:9px;color:var(--soft);text-align:right}
.petEquation{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--theme-border,var(--line));background:var(--theme-card,var(--panel));padding:14px;margin:14px 0;border-radius:12px;font-size:11px;color:var(--soft)}.petEquation strong{color:var(--text);margin-left:6px}.petEquation .operator{color:var(--theme-highlight,var(--accent));font-weight:800;font-size:16px}
@media(max-width:1050px){.runeStudioGrid{grid-template-columns:minmax(0,1fr)}.runeBoard{max-width:560px;margin-left:auto;margin-right:auto}.runeWorkbench{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.runeWorkbench>.sectionCardTop,.runeWorkbench>.runeContext,.runeWorkbench>.actionsGroup,.runeWorkbench>.notice{grid-column:1/-1}.runeWorkbench>.eyebrow{margin:12px 0 7px}}
@media(max-width:680px){.runeWorkbench{display:block}.runeWorkspace,.runeWorkbench{padding:11px}.runeBoard{gap:2px;padding:3px}.runePlaced{border-radius:5px}.runePlaced small{font-size:7px}.runeGlyph{font-size:14px}.buildDashV7{gap:7px}.buildDashItem{padding:10px 8px;gap:7px}.buildDashItem strong{font-size:11px}.buildDashItem small{font-size:9px}.labsTab{padding:8px 10px}.petGridV7{gap:8px}.petSlotV7{padding:10px}.petSlotHead{gap:7px}.petBadge{height:35px;width:35px}.petEffectLine{flex-wrap:wrap}.petEquation{gap:7px}}
@media(max-width:365px){.petGridV7,.buildDashV7{grid-template-columns:1fr}.petEffectLine{flex-wrap:nowrap}}
/* V8: faithful pet/rune configuration separated from numerical calculators */
.runeSecondaryControl{display:flex;flex-direction:column;gap:7px;color:var(--soft);font-size:10px;font-weight:750;letter-spacing:.05em;margin:15px 0 4px}
.runeSecondaryControl select,.petSlotV8 input,.petSlotV8 select{width:100%;min-width:0;background:var(--theme-overlay,var(--panel2));color:var(--text);border:1px solid var(--theme-border,var(--line));border-radius:9px;font-size:12px;padding:10px}
.runeStatLine{font-size:11px;color:var(--soft);margin:12px 0 4px}.runeStatLine strong{color:var(--text)}
.runePlaced small{font-size:clamp(6px,1vw,9px);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:95%}
.family-fortitude{--rune-edge:#efa0d5;--rune-bright:#a65889;--rune-base:#502645}
.petLabV8{display:grid;gap:15px}.petConfigBadge{border:1px solid var(--theme-highlight-border,var(--line));background:var(--theme-overlay,var(--panel2));color:var(--theme-highlight,var(--accent));border-radius:10px;padding:12px;font-size:12px;font-weight:800;white-space:nowrap}
.petGridV8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.petSlotV8{background:var(--theme-card,var(--panel));border:1px solid var(--theme-border,var(--line));padding:15px;border-radius:14px;min-width:0;display:flex;flex-direction:column;gap:12px}.petSlotV8>label{display:grid;gap:5px;color:var(--soft);font-size:10px;font-weight:750}.petSlotV8 .petSlotHead>div{flex:1;min-width:0}.petSlotV8 .petSlotHead strong{font-size:13px}.petSwitch{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:10px}.petSwitch input{width:17px;height:17px;accent-color:var(--theme-highlight,var(--accent))}
.petAffixesV8{border:1px solid var(--theme-border,var(--line));border-radius:10px;padding:8px 10px}.petAffixesV8 summary{cursor:pointer;color:var(--text);font-size:11px;font-weight:750}.petAffixesV8 summary span{float:right;color:var(--soft);font-size:9px;font-weight:500}.petAffixGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.petAffixGrid label{display:grid;gap:6px;font-size:10px;color:var(--soft)}.petEffectLine{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--theme-border,var(--line));padding-top:11px;font-size:11px;color:var(--text);margin:0}.petEffectLine small{font-size:9px;color:var(--soft)}
.petSummaryList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.petSummaryList>div{background:var(--theme-card,var(--panel));border:1px solid var(--theme-border,var(--line));border-radius:10px;padding:13px}.petSummaryList strong{font-size:12px;display:block}.petSummaryList small{color:var(--soft);font-size:10px;display:block;margin-top:5px}
@media(max-width:680px){.petGridV8{grid-template-columns:1fr;gap:10px}.petSlotV8{padding:12px}.petAffixGrid{grid-template-columns:1fr 1fr;gap:8px}.petAffixesV8 summary span{float:none;display:inline-block;margin-left:5px}.petHero{padding:14px}.petSummaryList{grid-template-columns:1fr 1fr;gap:7px}}
@media(max-width:340px){.petSummaryList,.petAffixGrid{grid-template-columns:1fr}.petConfigBadge{font-size:10px;padding:7px}}

.petAffixEntry{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.75fr);gap:6px}.petAffixEntry label{display:grid;gap:6px;font-size:10px;color:var(--soft)}.petAffixEntry input{font-size:11px;padding:8px 6px}.petAffixEntry select:disabled,.petAffixEntry input:disabled{opacity:.48}@media(max-width:350px){.petAffixEntry{grid-template-columns:1fr 66px}}

/* Arcana Labs v9: simplified character setup and ML-progressive Rune Forge */
.runeBoard{grid-template-columns:repeat(var(--grid-cols,6),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows,5),minmax(0,1fr));min-height:0;width:100%}
.mlControl{border:1px solid var(--theme-border,var(--line));border-radius:12px;background:var(--theme-overlay,var(--panel2));padding:12px;display:grid;gap:9px;margin-top:13px}
.mlControlTop{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mlControlTop>div{display:grid;gap:4px}.mlControlTop strong{color:var(--theme-highlight,var(--accent));font-size:20px}.mlControlTop strong small{font-size:10px;color:var(--soft)}
.mlControlTop label{display:grid;gap:5px;color:var(--soft);font-size:10px;font-weight:750;max-width:148px}
.mlControlTop input{width:100%;background:var(--theme-card,var(--panel));color:var(--text);border:1px solid var(--theme-border,var(--line));border-radius:8px;padding:9px}
.mlControl input[type=range]{accent-color:var(--theme-highlight,var(--accent));width:100%;margin:3px 0}
.mlMilestones{display:flex;justify-content:space-between;color:var(--soft);font-size:9px}
.mlHint{color:var(--soft);font-size:10px;line-height:1.5}.runeInactiveNotice{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:9px;padding:10px;border-radius:10px;border:1px solid var(--theme-highlight-border,var(--line));color:var(--soft);font-size:11px}
.petSimpleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.petSimpleSlot{display:grid;gap:14px;border:1px solid var(--theme-border,var(--line));border-radius:14px;background:var(--theme-card,var(--panel));padding:14px;min-width:0}
.petSimpleFields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.petSimpleFields label{display:grid;gap:6px;min-width:0;color:var(--soft);font-size:10px;font-weight:700}.petSimpleFields input{min-width:0;width:100%;background:var(--theme-overlay,var(--panel2));border:1px solid var(--theme-border,var(--line));border-radius:9px;padding:10px;color:var(--text);font-size:12px}
.studioML{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;margin:14px 0;background:var(--theme-card,var(--panel));border:1px solid var(--theme-border,var(--line));border-radius:12px}.studioML strong{display:block;font-size:15px}.studioML small{font-size:11px;color:var(--soft)}.studioML .btn{font-size:10px}
@media(max-width:680px){.petSimpleGrid{grid-template-columns:1fr}.studioML{padding:11px}.mlControlTop strong{font-size:17px}.runeBoard{max-width:min(100%,520px)}}
@media(max-width:360px){.petSimpleFields{grid-template-columns:1fr}.studioML .btn{padding:9px 7px}}

.studioMLActions{display:flex;align-items:end;gap:7px}.studioMLInput{display:grid;gap:4px;font-size:9px;color:var(--soft)}.studioMLInput input{width:84px;max-width:100%;background:var(--theme-overlay,var(--panel2));color:var(--text);border:1px solid var(--theme-border,var(--line));border-radius:8px;padding:8px;font-size:12px}@media(max-width:390px){.studioMLActions{gap:5px}.studioML .btn{font-size:9px;padding:8px}.studioMLInput input{width:67px}}

.petCalcGrid{margin-top:5px}.petCalcSlot{display:grid;gap:7px;padding:12px;background:var(--theme-card,var(--panel));border:1px solid var(--theme-border,var(--line));border-radius:12px;color:var(--soft);font-size:11px}.petCalcSlot strong{font-size:12px;color:var(--text)}.petCalcSlot input{width:100%;background:var(--theme-overlay,var(--panel2));border:1px solid var(--theme-border,var(--line));border-radius:9px;padding:10px;color:var(--text);font-size:13px}.petCalcSlot small{color:var(--soft)}.petCalcSlot small b{color:var(--theme-highlight,var(--accent))}
/* ARCANA LFG v10: Unified community experience, responsive and theme-aware */
.lfgHero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;padding:22px 21px;border-radius:17px;background:linear-gradient(120deg,var(--theme-card-raised),var(--theme-main) 95%);border:1px solid var(--theme-border)}
.lfgHero:before{content:'';position:absolute;width:62px;height:2px;top:0;left:20px;background:var(--theme-highlight)}
.lfgHero h2{font-size:clamp(24px,3.5vw,31px);letter-spacing:-.05em;line-height:1.1;margin:11px 0 9px}.lfgHero em{font-style:normal;color:var(--theme-accent-text)}
.lfgHero p{font-size:12px;line-height:1.55;max-width:405px;color:var(--muted);margin:0}.lfgHeroGlyph{flex:none;display:grid;place-items:center;width:55px;height:55px;border:1px solid var(--theme-highlight-border);color:var(--theme-accent-text);background:var(--theme-highlight-soft);border-radius:15px;transform:rotate(-8deg)}
.lfgPrimaryNav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.lfgPrimaryNav button{display:flex;justify-content:center;align-items:center;gap:9px;color:var(--muted);padding:13px 10px;border:1px solid var(--theme-border);background:var(--theme-card);border-radius:12px;font-weight:700;font-size:12px}.lfgPrimaryNav button.selected{border-color:var(--theme-highlight);background:var(--theme-highlight-soft);color:var(--theme-accent-text)}
.lfgStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}.lfgStats>div{padding:14px;border:1px solid var(--theme-border);background:var(--theme-card);border-radius:13px;display:flex;align-items:center;gap:9px}.lfgStats strong{font-size:23px;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--theme-accent-text)}.lfgStats span{font-size:10px;color:var(--muted)}
.lfgTabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:6px 0 12px}.lfgTabs::-webkit-scrollbar{display:none}.lfgTabs button{flex:none;padding:11px 14px;border-radius:10px;border:1px solid var(--theme-border);background:var(--theme-card);color:var(--muted);font-size:11px;font-weight:730}.lfgTabs button.selected{color:var(--theme-accent-text);border-color:var(--theme-highlight);background:var(--theme-highlight-soft)}
.lfgFilterPanel{padding:14px;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:15px;display:grid;gap:10px;margin:0 0 16px}.lfgQuery{display:flex;align-items:center;gap:10px;border:1px solid var(--theme-highlight-border);border-radius:11px;padding:5px 12px;background:var(--theme-main);color:var(--theme-accent-text)}.lfgQuery input{width:100%;min-width:0;padding:11px 0;background:none;color:var(--text);border:0;outline:none;font-size:13px}
.lfgFilterRow{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lfgFilterPanel select,.lfgMightFilter input{width:100%;min-width:0;border:1px solid var(--theme-border);border-radius:9px;background:var(--theme-main);color:var(--text);padding:10px;font-size:12px}.lfgMightFilter{display:flex;align-items:center;gap:7px}.lfgMightFilter span{white-space:nowrap;font-size:11px;color:var(--muted);font-weight:700}.lfgMightFilter input{width:105px}.lfgMightFilter select{width:78px}.lfgClear{margin-left:auto;background:transparent;border:1px solid var(--theme-border);border-radius:8px;color:var(--theme-accent-text);font-size:10px;padding:9px 10px;font-weight:700}
.lfgResultsHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 11px}.lfgResultsHead strong{font-size:13px}.lfgResultsHead button{background:transparent;color:var(--theme-accent-text);border:0;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:720;padding:6px}
.lfgCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.lfgCard{min-width:0;display:flex;flex-direction:column;gap:9px;padding:16px;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:15px;text-align:left;color:var(--text);min-height:190px;transition:border-color .16s,transform .16s}.lfgCard:hover,.lfgCard:focus-visible{border-color:var(--theme-highlight)}.lfgCard:active{transform:scale(.99)}.lfgCardTop{display:flex;align-items:center;gap:6px;color:var(--muted)}.lfgCardTop small{font-size:10px;font-weight:750}.lfgDot{display:block;width:7px;height:7px;background:#808391;border-radius:50%}.lfgDot.on{background:#73d1a0;box-shadow:0 0 9px #73d1a054}.lfgArrow{margin-left:auto;color:var(--theme-accent-text)}.lfgCard>strong{font-size:16px;line-height:1.2;letter-spacing:-.027em;overflow-wrap:anywhere}.lfgMeta{font-size:11px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.lfgMeta b{color:var(--text)}.lfgPills{display:flex;flex-wrap:wrap;gap:6px}.lfgPill{border:1px solid var(--theme-highlight-border);background:var(--theme-highlight-soft);color:var(--theme-accent-text);font-size:10px;border-radius:7px;padding:5px 7px;white-space:nowrap}.lfgCardFoot{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;margin-top:auto;align-items:center}.lfgCardFoot span{color:var(--theme-accent-text);font-weight:700}
.lfgDisclosure,.lfgWarning,.lfgLoad{padding:12px 14px;border-radius:12px;background:var(--theme-card);border:1px solid var(--theme-border);color:var(--muted);font-size:11px;line-height:1.55;margin:0 0 14px}.lfgWarning a{color:var(--theme-accent-text)}.lfgEmpty{grid-column:1/-1;text-align:center;padding:43px 22px;background:var(--theme-card);color:var(--muted);border:1px dashed var(--theme-border);border-radius:14px;font-size:12px}
.lfgCreate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;margin:18px 0;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:14px}.lfgCreate strong{font-size:13px}.lfgCreate p{font-size:11px;color:var(--muted);max-width:390px;line-height:1.55;margin:6px 0 0}.lfgCreate a{white-space:nowrap;font-size:11px}
.lfgDetail{padding:20px;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:15px}.lfgDetail h2{font-size:24px;letter-spacing:-.04em;margin:8px 0 9px}.lfgDetail>p{font-size:12px;color:var(--muted);line-height:1.6}.lfgFacts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0}.lfgFacts>div{display:grid;gap:6px;align-content:start;background:var(--theme-main);padding:13px;border:1px solid var(--theme-border);border-radius:10px}.lfgFacts small{color:var(--muted);font-size:9px;letter-spacing:.09em}.lfgFacts strong{font-size:12px;overflow-wrap:anywhere}.lfgMemberSection{display:grid;gap:11px;margin:12px 0 22px}.lfgMemberSection strong{font-size:13px}.lfgMemberSection>div{display:flex;gap:7px;flex-wrap:wrap}
@media(max-width:700px){.lfgHero{padding:16px;min-height:124px}.lfgHero h2{font-size:24px}.lfgHero p{font-size:11px}.lfgHeroGlyph{width:43px;height:43px}.lfgHeroGlyph svg{width:22px;height:22px}.lfgCards{grid-template-columns:1fr}.lfgCard{min-height:154px;padding:14px}.lfgPrimaryNav button{font-size:11px}.lfgStats>div{padding:11px;gap:7px}.lfgStats strong{font-size:20px}.lfgStats span{font-size:9px}.lfgFilterPanel{padding:11px}.lfgMightFilter input{width:90px}.lfgCreate{flex-direction:column;align-items:flex-start}.lfgCreate a{width:100%;justify-content:center}.lfgDetail{padding:14px}}
@media(max-width:365px){.lfgFacts{grid-template-columns:1fr}.lfgMightFilter span{font-size:10px}.lfgMightFilter input{width:75px}.lfgMightFilter select{width:65px}.lfgClear{padding:7px 5px}.lfgStats{gap:5px}}
@media(prefers-reduced-motion:reduce){.lfgCard{transition:none}}
/* V11 Guild recruitment + indexed search */
.guildHero,.guildProfile,.guildFormPanel{border:1px solid var(--stroke,#3e3a50);border-radius:20px;background:linear-gradient(150deg,var(--panel,#191923),var(--surface,#11131a));padding:20px;margin-bottom:14px}.guildHero h2,.guildProfile h2,.guildFormPanel h2{font-size:25px;letter-spacing:-.04em;margin:8px 0}.guildHero em{font-style:normal;color:var(--accent,#b89bff)}.guildHero p,.guildFormPanel p,.guildBio{color:var(--muted,#b8b5c5);font-size:13px;line-height:1.58}.guildHeroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.guildModeNav{display:flex;gap:9px;margin:14px 0}.guildModeNav button{flex:1;padding:13px 8px;border-radius:12px;background:var(--surface,#171926);border:1px solid var(--line,#3e3a50);color:var(--muted,#beb8cc);font-weight:700}.guildModeNav button.active{color:var(--accent,#b89bff);border-color:var(--accent,#b89bff)}.guildCaution,.guildWarning{padding:11px 13px;border-radius:11px;background:color-mix(in srgb,var(--accent,#b89bff) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent,#b89bff) 21%,transparent);font-size:11px;line-height:1.5;color:var(--muted,#c5bfce)}.guildWarning{color:#ffd49e}.guildSearchBar{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#484053);border-radius:12px;background:var(--surface,#171925);padding:8px 13px;margin-top:14px}.guildSearchBar svg{color:var(--accent,#b89bff)}.guildSearchBar input{width:100%;border:none;background:none;color:inherit;padding:7px 0;min-width:0;outline:0}.guildResults{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:15px 0 10px;font-size:12px}.guildResults small{font-size:10px;color:var(--muted,#aaa)}.guildCards{display:grid;gap:10px}.guildCard{display:flex;flex-direction:column;gap:12px;text-align:left;padding:16px;border-radius:15px;border:1px solid var(--line,#3f3b4f);background:var(--surface,#1b1c29);color:inherit;width:100%}.guildCard:hover,.guildCard:focus-visible{border-color:var(--accent,#b89bff)}.guildCardHead,.guildProfileTitle{display:flex;gap:12px;align-items:center}.guildCardHead>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:3px}.guildCardHead b{font-size:16px}.guildCardHead small,.guildFoot{color:var(--muted,#a9a9ba);font-size:11px}.guildMonogram{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent,#b89bff) 45%,transparent);background:color-mix(in srgb,var(--accent,#b89bff) 15%,transparent);color:var(--accent,#b89bff);font-size:16px;font-weight:900}.guildDesc{font-size:12px;line-height:1.6;color:var(--muted,#c4bed1)}.guildTags{display:flex;gap:7px;flex-wrap:wrap}.guildTag{font-size:10px;border-radius:8px;border:1px solid var(--line,#50495f);padding:6px 8px;color:var(--accent,#ceb4ff)}.guildProfileTitle{margin:16px 0}.guildProfileTitle p{font-size:12px;color:var(--muted,#aaa)}.guildBio{margin:15px 0}.guildFacts{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.guildFacts>div{border:1px solid var(--line,#454052);border-radius:11px;padding:12px;min-width:0}.guildFacts small{color:var(--muted,#b1abba);font-size:9px;display:block;margin-bottom:7px}.guildFacts strong{font-size:12px;word-break:break-word}.guildProfile .btn.full{margin-top:10px}.guildForm{display:grid;gap:13px;margin-top:16px}.guildField{display:grid;gap:7px;font-size:11px;font-weight:750;color:var(--muted,#d3cfe0)}.guildField input,.guildField textarea,.guildFormPanel #guildRecovery{width:100%;background:var(--surface,#171925);border:1px solid var(--line,#4c485a);padding:13px;border-radius:10px;color:inherit;font:inherit;font-weight:400;min-width:0}.guildField textarea{resize:vertical}.guildRow{display:grid;grid-template-columns:1fr 1fr;gap:9px}.guildClasses{display:grid;gap:9px}.guildClasses strong{font-size:12px}.guildClasses small{color:var(--muted,#aaa);font-size:10px}.guildClasses>div{display:flex;gap:8px;flex-wrap:wrap}.guildClasses label{border:1px solid var(--line,#454052);padding:9px;border-radius:9px;font-size:11px}.guildCheck{display:flex;gap:10px;font-size:12px}.guildRecoveryKey{padding:15px;border:1px dashed var(--accent,#b89bff);border-radius:10px;word-break:break-all;font-size:11px;margin-bottom:15px}.searchCategoryRail{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:14px 0;padding-bottom:4px}.searchCategoryRail button{flex:none;border-radius:9px;background:var(--surface,#181b26);border:1px solid var(--line,#434050);padding:10px 12px;color:var(--muted,#beb8c6);font-size:11px;white-space:nowrap}.searchCategoryRail button.active{color:var(--accent,#b89bff);border-color:var(--accent,#b89bff);background:color-mix(in srgb,var(--accent,#b89bff) 10%,transparent)}
@media(min-width:750px){.guildCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.guildRow,.guildFacts{grid-template-columns:1fr}.guildHero,.guildProfile,.guildFormPanel{padding:15px}.guildCard{padding:13px}}
/* ARCANA WIKI V12 — reference-oriented components sharing main theme tokens */
.wikiPortal,.wikiLibrary,.wikiGuidesPage,.wikiArticle,.wikiReferencePage{max-width:860px;margin:0 auto;min-width:0}
.wikiHero{border:1px solid var(--theme-highlight-border);border-radius:21px;background:radial-gradient(circle at 100% 0%,var(--theme-highlight-soft),transparent 38%),linear-gradient(134deg,var(--theme-card-raised),var(--theme-main));padding:28px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;position:relative}
.wikiHero:before{content:"";position:absolute;top:0;left:25px;width:57px;height:2px;background:var(--theme-highlight)}
.wikiEyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--theme-accent-text);display:block}
.wikiHero h1{font-size:clamp(26px,4vw,34px);line-height:1.17;letter-spacing:-.045em;margin:12px 0}.wikiHero h1 em{font-style:normal;color:var(--theme-accent-text)}
.wikiHero p{font-size:12px;line-height:1.6;max-width:440px;color:var(--soft);margin:0}.wikiHeroRune{display:grid;place-items:center;width:65px;height:65px;border:1px solid var(--theme-highlight-border);border-radius:18px;background:var(--theme-highlight-soft);color:var(--theme-accent-text);transform:rotate(7deg);flex:none}
.wikiSearchLaunch{margin:14px 0 6px;width:100%;min-height:57px;border-radius:14px;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 15px;background:var(--theme-overlay);border:1px solid var(--theme-highlight-border);color:var(--theme-accent-text)}
.wikiSearchLaunch span:nth-child(2){min-width:0;flex:1;color:var(--soft);font-size:12px}.wikiSearchHint{font-size:9px;font-weight:780;letter-spacing:.06em;white-space:nowrap;color:var(--muted)}
.wikiFeaturedHead{margin:26px 0 12px;display:flex;align-items:end;justify-content:space-between;gap:7px}.wikiFeaturedHead h2{margin:4px 0 0;font-size:20px;letter-spacing:-.035em}.wikiTextLink{border:0;background:transparent;color:var(--theme-accent-text);display:inline-flex;align-items:center;gap:5px;padding:8px 0;font-size:11px;font-weight:760}.wikiMiniCount{font-size:10px;color:var(--muted)}
.wikiGuideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wikiArticleCard{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;min-height:175px;padding:18px;border:1px solid var(--theme-border);border-radius:15px;background:linear-gradient(139deg,var(--theme-card-raised),var(--theme-card));color:var(--text);min-width:0}.wikiArticleCard:hover,.wikiTopic:hover,.wikiRecord:hover{border-color:var(--theme-highlight)}.wikiArticleTop{width:100%;display:flex;justify-content:space-between;align-items:center;gap:5px}.wikiType{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:750;color:var(--theme-accent-text)}.wikiTime{font-size:10px;color:var(--muted)}.wikiArticleCard strong{font-size:17px;line-height:1.28;letter-spacing:-.035em}.wikiArticleCard p{font-size:11px;color:var(--soft);line-height:1.5;margin:0}.wikiCardArrow{margin-top:auto;display:inline-flex;gap:6px;align-items:center;color:var(--theme-accent-text);font-size:11px;font-weight:750}
.wikiTopicGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wikiTopic{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:14px 13px 18px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-card);color:var(--text);min-width:0;min-height:160px}.wikiTopicIcon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;border:1px solid var(--theme-highlight-border);background:var(--theme-highlight-soft);color:var(--theme-accent-text)}.wikiTopic strong{font-size:13px}.wikiTopic small{font-size:10px;line-height:1.5;color:var(--soft)}.wikiTopicArrow{position:absolute;top:18px;right:13px;color:var(--theme-accent-text);opacity:.8}
.wikiGuideToBuild{margin:22px 0 0;display:flex;gap:17px;align-items:flex-start;border-radius:16px;padding:20px;border:1px solid var(--theme-highlight-border);background:radial-gradient(circle at top right,var(--theme-highlight-soft),transparent 48%),var(--theme-card)}.wikiGtbIcon{display:grid;place-items:center;background:var(--theme-highlight-soft);border:1px solid var(--theme-highlight-border);border-radius:13px;width:48px;height:48px;flex:none;color:var(--theme-accent-text)}.wikiGuideToBuild h3{font-size:20px;letter-spacing:-.03em;margin:6px 0}.wikiGuideToBuild p{font-size:12px;color:var(--soft);line-height:1.55;margin:0 0 14px}.wikiGuideToBuild small{font-size:9px;color:var(--muted);display:block;margin-top:11px}.wikiInlineActions{display:flex;gap:8px;flex-wrap:wrap}.wikiFooterNote{display:flex;align-items:start;gap:8px;margin:22px 0;color:var(--muted);font-size:11px;line-height:1.5}.wikiFooterNote svg{color:var(--theme-accent-text)}
.wikiPageHeading{margin:0 0 20px}.wikiBack{display:inline-flex;align-items:center;gap:7px;border:0;background:none;color:var(--soft);font-weight:670;font-size:11px;margin:0 0 18px;padding:4px 0}.wikiPageHeading h1,.wikiArticleIntro h1,.wikiReferenceHero h1{font-size:clamp(25px,3.4vw,34px);line-height:1.16;letter-spacing:-.04em;margin:7px 0 9px}.wikiPageHeading p,.wikiArticleIntro p,.wikiReferenceHero p{font-size:12px;color:var(--soft);line-height:1.6;max-width:610px;margin:0}
.wikiFilterBox{display:flex;align-items:center;gap:10px;background:var(--theme-overlay);border:1px solid var(--theme-highlight-border);border-radius:12px;padding:0 12px;min-height:53px;margin:0 0 13px;color:var(--theme-accent-text)}.wikiFilterBox input{min-width:0;flex:1;outline:none;background:transparent;border:0;color:var(--text);font-size:14px;padding:13px 3px}.wikiFilterBox button{border:0;background:transparent;color:var(--soft);font-size:23px;padding:7px}
.wikiCategoryScroll{display:flex;overflow-x:auto;gap:7px;scrollbar-width:none;padding:2px 0 9px;overscroll-behavior-x:contain}.wikiCategoryScroll::-webkit-scrollbar{display:none}.wikiCategoryScroll button{display:flex;align-items:center;gap:6px;white-space:nowrap;min-height:38px;padding:8px 11px;border-radius:11px;border:1px solid var(--theme-border);background:var(--theme-card);color:var(--soft);font-size:10px;font-weight:700}.wikiCategoryScroll button.active{border-color:var(--theme-highlight);background:var(--theme-highlight-soft);color:var(--theme-accent-text)}.wikiCategoryScroll i{font-style:normal;font-size:9px;opacity:.75}.wikiResultHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 1px}.wikiResultHead strong{font-size:12px}.wikiResultHead small{color:var(--muted);font-size:10px}.wikiLoading{display:flex;gap:8px;padding:14px;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:11px;font-size:11px;color:var(--muted)}
.wikiRecordList{display:grid;gap:7px}.wikiRecord{width:100%;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text);background:var(--theme-card);border:1px solid var(--theme-border);border-radius:12px;text-align:left}.wikiRecordArt{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:10px;background:var(--theme-highlight-soft);border:1px solid var(--theme-highlight-border);color:var(--theme-accent-text)}.wikiRecordArt .gameArt{width:42px;height:42px}.wikiRecordContent{min-width:0;flex:1}.wikiRecordContent strong{display:block;font-size:12px;line-height:1.3}.wikiRecordContent small{font-size:10px;color:var(--muted);line-height:1.4;display:block;margin-top:4px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wikiRecord>svg:last-child{color:var(--theme-accent-text)}.wikiMoreWrap{text-align:center;padding:19px 0}.wikiEmpty{padding:25px;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-card);text-align:center}.wikiEmpty svg{color:var(--theme-accent-text)}.wikiEmpty p{font-size:11px;color:var(--muted)}
.wikiGuidesPage .wikiGuideGrid{margin-top:10px}.compactGuide{margin-top:18px}
.wikiArticle{max-width:760px}.wikiArticleIntro{padding:23px;border:1px solid var(--theme-highlight-border);border-radius:16px;background:linear-gradient(125deg,var(--theme-card-raised),var(--theme-card))}.wikiArticleIntro p{font-size:13px}.wikiArticleTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.wikiArticleTags span{display:flex;align-items:center;gap:6px;color:var(--theme-accent-text);background:var(--theme-highlight-soft);border-radius:8px;font-size:10px;padding:7px 10px}
.wikiArticleBody{padding:0 4px}.wikiArticleSection{padding:23px 0;border-bottom:1px solid var(--theme-border)}.wikiArticleSection h2{font-size:18px;margin:0 0 10px;letter-spacing:-.025em}.wikiArticleSection p{font-size:13px;line-height:1.8;color:var(--soft);margin:0;max-width:68ch}.wikiArticleActions,.wikiRelated{margin:22px 0;padding:20px;border:1px solid var(--theme-border);border-radius:15px;background:var(--theme-card)}.wikiArticleActions h2,.wikiRelated h2{font-size:17px;letter-spacing:-.02em;margin:7px 0 13px}.wikiActionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wikiAction{border:1px solid var(--theme-highlight-border);background:var(--theme-highlight-soft);border-radius:11px;padding:13px;min-height:62px;display:flex;gap:10px;align-items:center;color:var(--text);text-align:left}.wikiAction>svg:first-child{color:var(--theme-accent-text)}.wikiAction strong{font-size:11px;line-height:1.3;flex:1}.wikiAction svg:last-child{color:var(--theme-accent-text)}.wikiTableFrame{overflow:auto;border:1px solid var(--theme-border);border-radius:11px}.wikiTableFrame table{width:100%;border-collapse:collapse;font-size:12px}.wikiTableFrame td,.wikiTableFrame th{padding:12px;border-bottom:1px solid var(--theme-border);text-align:left}.wikiTableFrame td:last-child,.wikiTableFrame th:last-child{text-align:right}.wikiTableFrame th{color:var(--muted);background:var(--theme-card);font-weight:700}.wikiTableFrame tr:last-child td{border-bottom:none}.wikiSource{font-size:11px;color:var(--muted);line-height:1.5;margin:17px 0}.wikiSource a{color:var(--theme-accent-text);text-decoration:underline}.wikiEnd{margin:24px 0}
.wikiReferenceHero{display:flex;gap:17px;align-items:center;border:1px solid var(--theme-highlight-border);border-radius:16px;background:var(--theme-card);padding:20px}.wikiReferenceArt{display:grid;place-items:center;width:94px;height:94px;flex:none;color:var(--theme-accent-text);background:var(--theme-highlight-soft);border:1px solid var(--theme-highlight-border);border-radius:15px}.wikiReferenceArt .gameArt{width:82px;height:82px}.wikiReferenceHero h1{font-size:25px}.wikiFactPanel{margin:17px 0;border:1px solid var(--theme-border);background:var(--theme-card);padding:20px;border-radius:15px}.wikiFactGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.wikiFact{display:flex;flex-direction:column;gap:6px;padding:13px;background:var(--theme-overlay);border-radius:10px;border:1px solid var(--theme-border);min-width:0}.wikiFact span{font-size:10px;color:var(--muted)}.wikiFact strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:700px){.wikiHero{padding:20px 17px}.wikiHero h1{font-size:24px}.wikiHeroRune{width:44px;height:44px;border-radius:12px}.wikiHeroRune svg{width:26px}.wikiSearchLaunch{min-height:52px}.wikiArticleCard{padding:14px;min-height:181px;gap:8px}.wikiArticleCard strong{font-size:14px}.wikiArticleCard p{font-size:10.5px}.wikiTopicGrid{gap:8px}.wikiTopic{padding:11px;min-height:144px}.wikiTopic strong{font-size:12px}.wikiTopic small{font-size:9px}.wikiGuideToBuild{padding:15px;gap:10px}.wikiGuideToBuild h3{font-size:17px}.wikiGtbIcon{width:38px;height:38px}.wikiFeaturedHead h2{font-size:18px}.wikiReferenceHero{padding:15px;gap:12px}.wikiReferenceArt{width:67px;height:67px}.wikiReferenceArt .gameArt{width:60px;height:60px}.wikiReferenceHero h1{font-size:22px}.wikiArticleIntro{padding:17px}.wikiArticleSection p{font-size:12px}.wikiArticleSection{padding:19px 0}.wikiArticleActions{padding:14px}.wikiAction{padding:11px;gap:7px}.wikiAction strong{font-size:10.5px}}
@media(max-width:390px){.wikiSearchHint{display:none}.wikiTopicGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wikiTopic{min-height:125px}.wikiGuideGrid{gap:8px}.wikiArticleCard{min-height:185px;padding:12px}.wikiArticleCard strong{font-size:13px}.wikiArticleCard p{font-size:10px}.wikiGtbIcon{display:none}.wikiRecordContent small{font-size:9px}.wikiFactGrid{gap:7px}.wikiFact{padding:10px}}
@media(max-width:335px){.wikiGuideGrid,.wikiActionGrid{grid-template-columns:1fr}.wikiArticleCard{min-height:122px}.wikiHeroRune{display:none}.wikiArticleCard strong{font-size:16px}}

/* ArcanaWiki v13 - original in-game artwork gallery */
.wikiVariantSection{padding:17px 0;border-bottom:1px solid var(--theme-border)}
.wikiVariantSection h2{font-size:17px;margin:8px 0 4px}
.wikiVariantSection p{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:12px}
.wikiVariantRail{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:9px;scrollbar-width:thin;padding-bottom:10px}
.wikiVariant{flex:none;width:80px;display:grid;place-items:center;gap:6px;background:var(--theme-card);border:1px solid var(--theme-border);border-radius:12px;padding:10px 7px}
.wikiVariantImage{width:55px;height:55px;display:block}
.wikiVariant strong{font-size:10px;color:var(--theme-accent-text)}