:root{--bg:#0c101b;--panel:#141b2a;--line:#273044;--text:#edf2fa;--muted:#96a3b8;--accent:#baadff;--mint:#78e1c3}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font:14px/1.5 system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}a{color:var(--mint);text-decoration:none}a:hover{text-decoration:underline}.layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{padding:30px 22px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;letter-spacing:-.5px;color:white}.mark{display:grid;place-items:center;background:var(--accent);color:#15132c;font-size:23px;width:38px;height:40px;border-radius:11px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.4px;text-transform:uppercase;margin-top:1px}nav{margin-top:40px;display:grid;gap:7px}nav button{background:none;border:0;text-align:left;padding:12px;color:var(--muted);border-radius:8px;display:flex;gap:13px;align-items:center}nav button.active,nav button:hover{background:#25253d;color:var(--accent)}nav .ico{width:20px;font-size:19px}aside .bottom{margin-top:auto;color:var(--muted);font-size:11px;padding:15px 10px 0;border-top:1px solid var(--line)}.dot{width:7px;height:7px;background:var(--mint);display:inline-block;border-radius:50%;margin-right:6px}main{min-width:0;padding:0 42px 36px;max-width:1650px;width:100%;margin:auto}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:32px;color:var(--muted);font-size:12px}.pill{border:1px solid var(--line);background:#161e2d;border-radius:30px;padding:7px 12px;font-size:11px;color:#b6c2d3;display:inline-flex;align-items:center;gap:6px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--mint);font-weight:700;text-transform:uppercase}h1{font-size:36px;line-height:1.15;letter-spacing:-1.2px;margin:10px 0 12px}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 8px}h3{font-size:16px;margin:0 0 7px}p{color:var(--muted);margin:8px 0 20px}.hero{border:1px solid #3a3556;border-radius:16px;padding:32px 36px;background:radial-gradient(ellipse at right,#302644,transparent 65%),linear-gradient(120deg,#171d30,#18182a);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 270px;gap:20px;margin-bottom:25px}.hero h1{font-size:46px;max-width:580px}.hero em{font-style:normal;color:var(--accent)}.hero p{max-width:510px;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{border:1px solid var(--line);border-radius:8px;background:#1d2638;color:var(--text);padding:10px 16px;font-weight:600;font-size:12px}.btn.primary{background:var(--accent);color:#171229;border-color:var(--accent)}.btn:hover{filter:brightness(1.15)}.orbit{position:relative;min-height:230px;display:grid;place-items:center}.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #75669255;border-radius:50%;width:210px;height:210px;transform:rotate(-30deg)}.orbit:after{width:275px;height:170px;transform:rotate(35deg)}.sigil{width:140px;height:160px;background:linear-gradient(135deg,#3a344e,#191728);border:1px solid #857599;clip-path:polygon(50% 0,95% 20%,85% 75%,50% 100%,15% 75%,5% 20%);display:grid;place-items:center;color:#d9c7ff;font-size:65px;text-shadow:0 4px 24px #bba7ff80}.orbit .pill{position:absolute;bottom:0;right:5px;background:#1d2331;color:var(--mint)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 32px}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.stat{padding:17px 22px}.stat strong{display:block;font-size:27px;font-weight:650;letter-spacing:-1px}.stat span{font-size:11px;color:var(--muted)}.stat small{float:right;color:var(--mint);font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.section-title span{color:var(--muted);font-size:12px}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:21px;text-align:left;color:var(--text);min-height:170px;transition:transform .15s,border-color .15s}.tool:hover{transform:translateY(-3px);border-color:#7c709f}.tool .symbol{color:var(--accent);background:#2b2743;width:36px;height:36px;display:grid;place-items:center;font-size:21px;border-radius:9px;margin-bottom:17px}.tool p{font-size:12px;margin:5px 0}.tool .arrow{float:right;color:var(--muted)}.two{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:24px}.panel{padding:25px}.notice{padding:12px 15px;background:#152d2b;border:1px solid #26453e;border-radius:8px;color:#a2cfc3;font-size:12px;margin:20px 0}.muted{color:var(--muted)}.toolbar{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}input,select{border:1px solid #35405a;background:#101725;color:var(--text);padding:10px 12px;border-radius:7px;width:100%;min-width:0}select{color-scheme:dark}label{display:block;font-size:12px;color:#adb9cc;margin-bottom:16px}label input,label select{display:block;margin-top:7px}.toolbar select{width:auto;max-width:220px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-align:left;position:relative;overflow:hidden}.card:hover{border-color:#625b85}.avatar{width:60px;height:65px;border-radius:15px;margin:10px 0 23px;background:linear-gradient(145deg,#3d345a,#25223b);display:grid;place-items:center;font-size:24px;color:#d4c4ff;font-weight:600;border:1px solid #6d5d8855}.card.ranger .avatar{background:linear-gradient(145deg,#214e48,#152e30);color:#99ead5}.card.legion .avatar{background:linear-gradient(145deg,#634635,#332621);color:#f6cea4}.tag{font-size:9px;letter-spacing:.6px;color:#d0baff;border:1px solid #58426c;padding:2px 6px;border-radius:4px}.card .type{position:absolute;top:22px;right:20px;color:var(--muted);font-size:10px}.card h3{font-size:15px}.card p{font-size:11px;margin:3px 0 13px;min-height:16px}.card .meta{border-top:1px solid var(--line);padding-top:11px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.calc-layout{display:grid;grid-template-columns:340px 1fr;gap:22px;margin-top:22px;align-items:start}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tabs button{background:#172031;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:9px 13px;font-size:12px}.tabs button.active{color:var(--accent);border-color:#766390;background:#2b2641}.results{display:grid;grid-template-columns:1fr 1fr;gap:13px}.result{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.result strong{display:block;font-size:29px;letter-spacing:-.8px;margin:7px 0}.result span,.result small{font-size:11px;color:var(--muted)}.result.highlight{background:#182f2c;border-color:#325c4e}.result.highlight strong{color:var(--mint)}.error{color:#ffa1a1;border:1px solid #713e4a;padding:15px;border-radius:8px}.scroll{overflow:auto;margin-top:20px;max-height:520px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{color:var(--muted);background:#192133;font-size:10px;text-transform:uppercase;letter-spacing:.6px;position:sticky;top:0}td,th{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}details summary{cursor:pointer;color:var(--accent);font-size:12px;margin-top:22px}details pre{white-space:pre-wrap;word-break:break-word;font-size:11px;color:#a8b8cb;max-height:450px;overflow:auto}.pagehead{display:flex;justify-content:space-between;align-items:end;gap:18px}.pagehead p{margin-bottom:0;max-width:680px}.timeline-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.timeline-row small{color:var(--muted)}.timeline-row b{color:var(--mint)}.empty{padding:50px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}dialog{background:#141b2a;color:var(--text);border:1px solid #455069;border-radius:14px;max-width:820px;width:90%;padding:30px;max-height:88vh}dialog::backdrop{background:#050911bc;backdrop-filter:blur(4px)}dialog .close{float:right}.detailtext{white-space:pre-wrap;font-size:13px;line-height:1.8;color:#aab9cc}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto;margin:0}.download{color:var(--mint);font-size:12px;border:0;background:none}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.data-item{padding:20px}.data-item p{font-size:12px;margin-bottom:12px}.warn{color:#e0ba7b}.mobile-brand{display:none}
@media(min-width:1600px){main{padding-left:60px;padding-right:60px}}@media(max-width:1150px){.cards{grid-template-columns:repeat(3,1fr)}main{padding:0 25px 30px}.layout{grid-template-columns:200px 1fr}.hero{grid-template-columns:1fr 180px;padding:25px}.hero h1{font-size:38px}.orbit{transform:scale(.8)}.calc-layout{grid-template-columns:290px 1fr}.toolgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.layout{display:block}aside{position:relative;height:auto;padding:17px 20px;border-right:0;border-bottom:1px solid var(--line)}aside .brand{font-size:17px}aside nav{margin:18px 0 0;display:flex;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:9px 12px;font-size:11px}nav .ico{display:none}aside .bottom{display:none}main{padding:0 20px 25px}header{height:60px;margin-bottom:23px}.hero{grid-template-columns:1fr}.hero h1{font-size:36px}.orbit{display:none}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px 18px}.cards{grid-template-columns:repeat(2,1fr)}.calc-layout,.two{grid-template-columns:1fr}.data-grid{grid-template-columns:1fr 1fr}h1{font-size:29px}.results{gap:10px}.result{padding:18px}.result strong{font-size:25px}.pagehead{align-items:start}.pagehead .pill{display:none}.toolgrid{gap:10px}.tool{padding:17px}.panel{padding:20px}}@media(max-width:460px){.cards,.data-grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:15px}.card .type{right:15px;top:17px;font-size:9px}.card h3{font-size:13px}.toolgrid{grid-template-columns:1fr}.toolbar select{width:calc(50% - 5px);max-width:none}.hero{padding:22px}.hero h1{font-size:32px}header .pill{font-size:9px}.result strong{font-size:22px}footer{display:block}}

.avatar{overflow:hidden;width:76px;height:86px}.avatar img{width:100%;height:100%;object-fit:contain}.building-avatar{width:110px;height:105px;background:linear-gradient(145deg,#242d40,#171e2c)}.artstrip{display:flex;gap:15px;flex-wrap:wrap;padding:20px 0}.artstrip img{width:90px;height:105px;object-fit:contain;background:#0d1421;border-radius:9px;border:1px solid #354056}
main{margin:0 auto}aside{overflow-y:auto;padding-top:26px}aside nav{margin-top:24px;gap:3px}.nav-label{font-size:9px;letter-spacing:1.5px;color:#626f86;margin:18px 11px 8px;font-weight:750}nav button{padding:9px 11px;font-size:12px}aside .bottom{font-size:10px;padding-top:12px;margin-top:25px}aside .bottom p{margin-bottom:10px}header{gap:18px}.crumb{background:none;border:0;padding:0;color:#98a6bc;font-size:11px}.crumb:hover{color:white}.search-trigger{display:flex;align-items:center;gap:12px;margin-left:auto;border:1px solid #2b364b;background:#121a29;border-radius:8px;padding:9px 13px;color:#8493ac;font-size:12px;min-width:240px;text-align:left}.search-trigger span{font-size:20px}.search-trigger kbd{margin-left:auto;border:1px solid #374159;border-radius:4px;font-size:10px;padding:1px 6px}.welcome{padding:35px 38px;display:grid;grid-template-columns:1.5fr 1fr;gap:20px;border:1px solid #3e3856;border-radius:16px;background:radial-gradient(ellipse at 80% 40%,#37314970,transparent 60%),linear-gradient(130deg,#1c2338,#171a2b);overflow:hidden}.welcome h1{font-size:44px;line-height:1.15;font-weight:700;letter-spacing:-1.4px;margin-top:15px}.welcome h1 em{color:#c6b7ff;font-style:normal}.welcome p{max-width:530px;font-size:14px;line-height:1.8}.snapshot-note{display:block;color:#8e9ab1;font-size:10px;margin-top:25px}.welcome-art{position:relative;display:flex;align-items:center;justify-content:center}.welcome-art:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #9884c433;transform:rotate(45deg);border-radius:50px}.welcome-art img{width:100%;max-width:350px;position:relative;filter:drop-shadow(0 20px 25px #04091290)}.castle-caption{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;color:#bcaed1}.compact-stats{margin:18px 0 34px}.compact-stats .stat{padding:14px 22px;display:flex;align-items:center;gap:16px}.compact-stats strong{font-size:26px}.compact-stats span{max-width:80px}.explore-grid,.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.library-card{border:1px solid #2c374c;border-radius:12px;overflow:hidden;background:#141c2b;color:#eef2f8;padding:0;text-align:left;transition:transform .15s,border-color .15s}.library-card:hover{border-color:#8070a7;transform:translateY(-3px)}.library-art{height:155px;display:flex;align-items:center;justify-content:center;padding:17px;background:radial-gradient(ellipse at center,#2a3347,#172031);font-size:45px;color:#bdaaff}.library-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px #050b1570)}.library-body{padding:19px}.library-body .eyebrow{font-size:8px;letter-spacing:1.5px;color:#ab9ddd}.library-body h3{margin:9px 0;font-size:17px}.library-body p{font-size:11px;line-height:1.65;min-height:38px;max-height:55px;overflow:hidden;margin-bottom:18px}.library-body .meta{display:flex;justify-content:space-between;font-size:9px;color:#8899b0;border-top:1px solid #2c3748;padding-top:12px}.overview-lower{grid-template-columns:1.1fr 1fr}.text-button{background:transparent;border:0;padding:0;color:#bcaaff;font-size:11px}.quick-row{display:flex;align-items:center;gap:13px;background:none;color:inherit;width:100%;padding:15px 0;border:0;border-bottom:1px solid #2a3448;text-align:left}.quick-row:last-child{border:0;padding-bottom:0}.quick-icon{display:grid;place-items:center;width:34px;height:36px;background:#2e2947;border-radius:8px;font-size:20px;color:#c7b6ff}.quick-row small{display:block;color:#8f9fb7;font-size:11px;margin-top:3px}.quick-row b{font-size:12px}.quick-row>span:last-child{margin-left:auto;color:#b5a2e9}.portrait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.portrait-card{position:relative;background:#151d2b;border:1px solid #354057;border-radius:13px;overflow:hidden;transition:transform .15s,border-color .15s}.portrait-card:hover{border-color:#9780c7;transform:translateY(-3px)}.portrait-link{width:100%;height:100%;display:block;background:none;border:0;padding:0;text-align:left;color:inherit}.portrait-stage{height:215px;background:radial-gradient(ellipse at center bottom,#58426a,#232335 75%);position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.ranger .portrait-stage{background:radial-gradient(ellipse at center bottom,#345650,#182b31 75%)}.legion .portrait-stage{background:radial-gradient(ellipse at center bottom,#694638,#30262b 75%)}.portrait-stage img{height:94%;max-width:90%;object-fit:contain;filter:drop-shadow(0 5px 7px #101326);transition:transform .2s}.portrait-card:hover .portrait-stage img{transform:scale(1.035)}.rarity{position:absolute;z-index:1;top:15px;left:16px;font-size:10px;letter-spacing:1px;padding:4px 8px;border:1px solid #d5b17477;border-radius:5px;background:#332d2988;color:#f2d69b;font-weight:750}.rarity.ssr{border-color:#b689e099;color:#d2b2ff;background:#2e234eaa}.rarity.sr{border-color:#65a9e699;color:#b2d9ff;background:#173957aa}.save-button{position:absolute;z-index:2;top:12px;right:13px;border:1px solid #b5bed62b;border-radius:6px;background:#18203099;color:#b9c4d8;font-size:18px;line-height:24px;min-width:31px;padding:2px}.save-button.saved{color:#edce89}.promoted-label{position:absolute;bottom:12px;left:14px;font-size:8px;padding:3px 7px;background:#342743ed;border:1px solid #a47bc6;color:#dfc2f7;border-radius:4px;letter-spacing:1px}.portrait-info{padding:19px}.portrait-info h3{font-size:16px;margin-bottom:5px}.portrait-info p{font-size:11px;margin-bottom:16px;min-height:16px;color:#929fb5}.portrait-info .meta{display:flex;justify-content:space-between;border-top:1px solid #2b3549;padding-top:13px;font-size:10px;color:#94a2ba}.backlink{background:none;color:#a8a0c5;border:0;padding:0;margin-bottom:24px;font-size:12px}.profile-banner{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:35px;padding:27px 36px;border:1px solid #3c3851;background:radial-gradient(ellipse at left,#3d2f4b77,transparent 75%),#171f2f;border-radius:14px;margin-bottom:25px}.profile-banner.ranger{background:radial-gradient(ellipse at left,#29574966,transparent 75%),#171f2f}.profile-banner.legion{background:radial-gradient(ellipse at left,#6a413666,transparent 75%),#171f2f}.profile-art{height:230px;display:flex;align-items:center;justify-content:center;color:#c5b4ff;font-size:60px}.profile-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 15px #02081066)}.profile-banner h1{font-size:40px;margin:12px 0}.profile-banner p{font-size:14px}.detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.skill-panel{padding:24px}.skill-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px;font-size:9px;color:#92a3bc;letter-spacing:.5px}.skill-number{display:grid;place-items:center;color:#c1adf2;background:#2f2945;border:1px solid #51405e;border-radius:7px;width:30px;height:30px;font-size:12px}.skill-panel h3{font-size:16px;margin-bottom:12px}.skill-panel p{font-size:12px;line-height:1.8;min-height:63px;margin-bottom:15px}.skill-panel .pill{font-size:9px}.side-panel{margin-top:18px}.side-panel p{font-size:12px;line-height:1.8}.source-line{font-size:10px;color:#7e90aa;margin:26px 0 5px;border-top:1px solid #283246;padding-top:16px}.source-line a{margin-left:15px;color:#ac9fc8}.requirement-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:15px 0;border:0;border-bottom:1px solid #2c3649;background:none;color:#b1bdd1;font-size:12px;text-align:left}.requirement-row b{white-space:nowrap;color:#b8a7df;font-size:11px}.building-profile-art{height:225px}.tech-grid .library-art{height:95px}.tech-grid .library-art img{max-width:60px}.tech-grid .library-body h3{font-size:14px}.tech-profile .profile-art{height:150px}.tech-profile .profile-art img{max-width:110px}.reference-profile .profile-art{height:160px}.reference-layout{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:start}.contents.panel{position:sticky;top:20px;width:auto;height:auto;padding:21px;border:1px solid #2c374b;display:block}.contents button{font-size:11px;line-height:1.6;display:block;text-align:left;background:none;border:0;color:#97a6c1;padding:9px 0;width:100%}.contents button:hover{color:#c7b7ee}.contents .notice{margin-bottom:0;font-size:10px}.reference-sections{min-width:0}.reference-section{margin-bottom:18px;scroll-margin-top:20px}.reference-section h2{margin-bottom:19px}.reference-section p,.reference-section li{font-size:13px;line-height:1.9;color:#a6b4ca}.reference-section ul{padding-left:20px}.reference-section td{white-space:normal;min-width:100px}.search-result{display:flex;align-items:center;gap:15px;border:0;border-bottom:1px solid #283348;padding:13px 0;background:none;color:#e1e8f5;width:100%;text-align:left}.search-result>span:last-child{margin-left:auto;color:#ab97d7}.search-result small{display:block;color:#8d9db8;margin-top:3px;font-size:11px}.search-art{display:grid;place-items:center;width:42px;height:45px;background:#233047;border-radius:6px}.search-art img{width:100%;height:100%;object-fit:contain}.asset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.asset-card{background:#172030;color:inherit;text-align:left;border:1px solid #2c384d;border-radius:10px;overflow:hidden;padding:0 0 13px}.asset-card>div{height:145px;display:flex;align-items:center;justify-content:center;padding:15px;background:radial-gradient(ellipse,#2d374b,#151e2c)}.asset-card img{width:100%;height:100%;object-fit:contain}.asset-card span,.asset-card h3,.asset-card small{display:block;margin:10px 13px 0}.asset-card span{text-transform:uppercase;font-size:8px;color:#b9a4de;letter-spacing:1px}.asset-card h3{font-size:10px;overflow-wrap:anywhere}.asset-card small{color:#8a9eb9;font-size:9px}.full-image{height:320px;display:flex;justify-content:center;background:#101724;margin:15px 0}.full-image img{width:100%;height:100%;object-fit:contain}.image-download{display:inline-block;margin-bottom:20px}
@media(max-width:1250px){.explore-grid,.catalog-grid{grid-template-columns:repeat(3,1fr)}.explore-grid{grid-template-columns:repeat(4,1fr)}.portrait-grid{grid-template-columns:repeat(3,1fr)}.welcome h1{font-size:37px}.library-body{padding:16px}.library-body h3{font-size:14px}.compact-stats .stat{gap:10px;padding:13px 16px}.asset-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){.header-status{display:none}.search-trigger{min-width:210px}.welcome{padding:29px;grid-template-columns:1.5fr 1fr}.welcome h1{font-size:33px}.welcome-art:before{width:180px;height:180px}.castle-caption{display:none}.explore-grid{grid-template-columns:repeat(2,1fr)}.portrait-grid{gap:14px}.portrait-stage{height:175px}.portrait-info{padding:14px}.portrait-info h3{font-size:14px}.portrait-info .meta{font-size:9px}.detail-layout{grid-template-columns:1fr}.reference-layout{grid-template-columns:180px 1fr}}
@media(max-width:800px){aside{overflow:visible}aside nav{margin-top:15px}.nav-label{display:none}nav button{font-size:11px;flex:none}.welcome{grid-template-columns:1.4fr 1fr;padding:26px}.welcome h1{font-size:34px}.welcome-art:before{width:160px;height:160px}.snapshot-note{font-size:9px}.compact-stats .stat{padding:12px 16px;gap:15px}.catalog-grid{grid-template-columns:repeat(3,1fr)}.portrait-grid{grid-template-columns:repeat(3,1fr)}.overview-lower{grid-template-columns:1fr}.profile-banner{gap:25px;padding:25px;grid-template-columns:140px 1fr}.profile-banner h1{font-size:32px}.profile-art{height:180px}.reference-layout{grid-template-columns:1fr}.contents.panel{position:static}.contents button{display:inline-block;width:auto;border:1px solid #33405a;border-radius:6px;margin:4px;padding:7px 10px}.contents .notice{display:none}.asset-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:550px){header{gap:10px;height:65px}#breadcrumb{font-size:9px;min-width:0}.crumb{font-size:9px}.search-trigger{min-width:0;font-size:10px;padding:8px;gap:7px}.search-trigger kbd{display:none}.welcome{display:block;padding:25px;position:relative}.welcome h1{font-size:32px;position:relative;z-index:1}.welcome p{font-size:12px;position:relative;z-index:1}.welcome-art{display:none}.welcome .actions{gap:8px}.welcome .btn{font-size:10px;padding:10px 12px}.explore-grid,.catalog-grid{grid-template-columns:repeat(2,1fr);gap:11px}.library-art{height:125px}.library-body{padding:15px}.library-body p{min-height:50px;margin-bottom:13px}.library-body .meta{font-size:8px}.portrait-grid{grid-template-columns:repeat(2,1fr);gap:12px}.portrait-stage{height:185px}.portrait-info h3{font-size:13px}.portrait-info p{font-size:10px;min-height:30px}.portrait-info .meta{font-size:8px}.hero .actions{gap:6px}.toolbar select{width:calc(33% - 6px);font-size:11px;padding:9px 7px}.toolbar input{font-size:12px}.profile-banner{grid-template-columns:100px 1fr;padding:22px 17px;gap:16px}.profile-banner h1{font-size:26px}.profile-banner p{font-size:11px}.profile-banner .eyebrow{font-size:8px;letter-spacing:1px}.profile-art{height:155px}.profile-banner .actions{gap:7px;margin-top:15px}.profile-banner .btn{font-size:9px;padding:8px}.profile-banner .snapshot-note{font-size:8px;margin-top:13px}.skill-grid{grid-template-columns:1fr}.skill-panel p{min-height:0}.reference-profile{grid-template-columns:70px 1fr}.reference-profile .profile-art{height:90px}.reference-profile .pill{font-size:8px}.source-line a{display:block;margin:8px 0 0}.asset-grid{grid-template-columns:repeat(2,1fr)}.compact-stats strong{font-size:23px}.compact-stats span{font-size:10px}}

.planner-context{display:flex;gap:14px;align-items:center;padding-bottom:17px;margin-bottom:21px;border-bottom:1px solid #30405a}.planner-context img{width:42px;height:50px;object-fit:contain}.planner-context b{display:block;font-size:13px}.planner-context small{display:block;color:#a1afc5;font-size:10px;margin-top:3px}

/* Original light liquid-glass visual system. */
:root{--bg:#edf2fa;--panel:rgba(255,255,255,.48);--line:rgba(111,134,166,.2);--text:#25334b;--muted:#64738a;--accent:#6f58d9;--mint:#287d77;--glass-border:rgba(255,255,255,.84);--glass-shadow:0 8px 30px rgba(69,94,133,.075),inset 0 1px 0 rgba(255,255,255,.88);color-scheme:light}
html{background:#edf2fa}body{background:radial-gradient(ellipse at 90% 5%,#d7cef375,transparent 48%),radial-gradient(ellipse at 15% 40%,#bbdcf673,transparent 45%),radial-gradient(ellipse at 85% 80%,#f6d3c055,transparent 45%),linear-gradient(130deg,#eef4fa,#e8eef7 55%,#f2edf8);background-attachment:fixed;color:var(--text);font-weight:400}body:before{content:'';position:fixed;width:460px;height:460px;border-radius:50%;background:#bfc5f344;filter:blur(85px);left:42%;top:18%;z-index:-1;pointer-events:none}.layout{position:relative}::selection{background:#c6bbf6;color:#322a5b}h1,h2,h3{color:#26354c}button{color:var(--text)}button,a,input,select{outline-color:#9182cb}a{color:#5e55a9}
.layout>aside{background:linear-gradient(155deg,rgba(255,255,255,.66),rgba(249,251,255,.33));border-right:1px solid rgba(255,255,255,.7);box-shadow:8px 0 45px #5c709f05;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%)}.brand{color:#2c3654}.brand .mark{background:linear-gradient(145deg,#ffffffb8,#cdc2fa94);color:#6c55b5;border:1px solid #fff;box-shadow:0 5px 17px #655f9b15,inset 0 1px 0 #fff}.brand small{color:#7a7994}.nav-label{color:#8a93a6}nav button{color:#66718a;border:1px solid transparent;transition:background .22s,color .22s,box-shadow .22s,transform .22s}nav button.active{background:linear-gradient(120deg,#fff9,#d9d1f578);border-color:#ffffffc7;box-shadow:0 4px 16px #7071970b,inset 0 1px 0 #fff;color:#6952af}nav button:hover{background:#ffffff98;color:#634faf;transform:translateX(3px)}aside .bottom{color:#748198;border-top-color:#aeb9ce40}aside .bottom p{color:#677b8c}.dot{background:#51a69a;box-shadow:0 0 0 3px #5fbaa30b}
header{border-bottom-color:#a6b5cf36}#breadcrumb,.crumb{color:#7a869d}.crumb:hover{color:#61529c}.search-trigger{background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.8);box-shadow:0 3px 15px #667da00b,inset 0 1px 0 #fff;color:#7c86a0;backdrop-filter:blur(18px);transition:background .2s,box-shadow .2s}.search-trigger:hover{background:#ffffffba;box-shadow:0 5px 20px #7a6ead17}.search-trigger kbd{background:#fff7;border-color:#b6bfda5c;color:#848ba6}.eyebrow{color:#6977a1}.pill{color:#69768e;background:#ffffff65;border:1px solid #ffffffb0;box-shadow:inset 0 1px 0 #ffffffaa}.header-status{color:#5f7981}
.welcome{position:relative;isolation:isolate;border:1px solid #ffffffdf;border-radius:22px;background:linear-gradient(125deg,#ffffff8c,#ffffff3d 70%,#d8d1f547);box-shadow:0 16px 50px #7990b018,inset 0 1px 0 #fff;backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}.welcome:after{content:'';position:absolute;width:300px;height:300px;right:4%;top:18%;border-radius:50%;background:radial-gradient(circle,#b4b1e246,transparent 72%);filter:blur(12px);z-index:-1}.welcome h1{color:#2d3856;font-weight:650}.welcome h1 em{background:linear-gradient(110deg,#7264bb,#9d77bc);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome p{color:#6e7e98}.welcome .eyebrow{color:#857aa7}.welcome-art:before{border-color:#ffffffab;background:#fff2;box-shadow:inset 1px 1px 0 #fff7,0 12px 35px #79749c09}.welcome-art img{filter:drop-shadow(0 19px 17px #7583a930);animation:castle-float 7s ease-in-out infinite}.castle-caption{color:#8d89a3}.snapshot-note{color:#8a90a7}
.panel,.stat,.tool,.result,.data-item{background:linear-gradient(135deg,#ffffff87,#ffffff42);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-radius:15px}.panel h3,.panel h2{color:#33415d}.stat strong{color:#344462;font-weight:600}.stat span{color:#8290a6}.tool .symbol{background:linear-gradient(135deg,#ede7ffc2,#dbd3f86e);border:1px solid #fff;color:#8870b8;box-shadow:inset 0 1px 0 #fff}.tool .arrow{color:#9788b3}.tool p{color:#7d8ba1}.section-title span{color:#8190a8}.section-title h2{font-weight:600}.two p{color:#73839b}.btn{background:linear-gradient(135deg,#ffffffd4,#ffffff72);border:1px solid #ffffffe0;color:#655d87;border-radius:10px;box-shadow:0 3px 14px #566a9510,inset 0 1px 0 #fff;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;backdrop-filter:blur(16px)}.btn.primary{background:linear-gradient(135deg,#8977cbde,#7663b3e6);border-color:#9c8bd5b5;box-shadow:0 5px 18px #7c69b835,inset 0 1px 0 #ffffff42;color:#fff}.btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 9px 23px #786d9d27,inset 0 1px 0 #fff}.btn.primary:hover{background:linear-gradient(135deg,#917ed8,#7d67bd);box-shadow:0 9px 24px #7c69b840,inset 0 1px 0 #ffffff50}.btn:active{transform:translateY(0) scale(.98)}.text-button{color:#8170ad}.text-button:hover{color:#5b438b}.quick-row{color:#475674;border-color:#a7b4cc2a;transition:padding .2s,background .2s}.quick-row:hover{padding-left:8px;background:#ffffff37;border-radius:10px}.quick-icon{background:#e3dcf56b;border:1px solid #ffffffde;color:#8c77b8}.quick-row small{color:#8794aa}.quick-row>span:last-child{color:#ad9bc8}.source-line{color:#8894aa;border-top-color:#adb9cd36}.source-line a{color:#8e7cad}.backlink{color:#817499}.backlink:hover{color:#614888}.muted{color:#7d8da5}
.library-card,.portrait-card,.asset-card{position:relative;isolation:isolate;background:linear-gradient(130deg,#ffffffb5,#ffffff6b);border:1px solid #ffffffd8;box-shadow:0 7px 25px #6b80a110,inset 0 1px 0 #ffffffed;border-radius:16px;backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}.library-card:after,.portrait-card:after,.asset-card:after,.tool:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(180px circle at var(--px,50%) var(--py,20%),#ffffff85,transparent 70%);opacity:0;transition:opacity .3s;z-index:3}.tool{position:relative;isolation:isolate}.library-card:hover,.portrait-card:hover,.asset-card:hover,.tool:hover{transform:translateY(-5px);border-color:#fff;box-shadow:0 17px 32px #586f9b20,inset 0 1px 0 #fff}.library-card:hover:after,.portrait-card:hover:after,.asset-card:hover:after,.tool:hover:after{opacity:.55}.library-card:active,.portrait-card:active,.asset-card:active{transform:translateY(-2px) scale(.995)}.library-art{background:radial-gradient(ellipse at center,#dce4f34f,#ffffff23);border-bottom:1px solid #fff8;color:#ad9bca}.library-art img{filter:drop-shadow(0 8px 10px #7583a92a);transition:transform .35s}.library-card:hover .library-art img{transform:translateY(-3px) scale(1.035)}.library-body .eyebrow{color:#a38db9}.library-body h3{color:#3b4966;font-weight:600}.library-body p{color:#7c8ba3}.library-body .meta{border-top-color:#a0adc72b;color:#8694aa}
/* Rarity is the only color input for hero cards: faction never changes it. */
.portrait-card{--rarity-rgb:233,155,66;border:1px solid rgba(var(--rarity-rgb),.29);background:linear-gradient(145deg,#ffffffe0,#ffffff8f);box-shadow:0 5px 22px rgba(var(--rarity-rgb),.055),inset 0 1px 0 #fff}.portrait-card.sr{--rarity-rgb:70,149,235}.portrait-card.ssr{--rarity-rgb:155,109,222}.portrait-card.ur{--rarity-rgb:235,155,63}.portrait-card:hover{border-color:rgba(var(--rarity-rgb),.56);box-shadow:0 17px 34px rgba(var(--rarity-rgb),.15),inset 0 1px 0 #fff}.portrait-card .portrait-stage,.portrait-card.ranger .portrait-stage,.portrait-card.legion .portrait-stage{background:radial-gradient(ellipse at 50% 78%,rgba(var(--rarity-rgb),.36),transparent 75%),linear-gradient(145deg,rgba(var(--rarity-rgb),.11),rgba(var(--rarity-rgb),.2));border-bottom:1px solid rgba(var(--rarity-rgb),.16)}.portrait-card .portrait-stage:after{content:'';position:absolute;width:105px;height:150px;border-radius:55%;border:1px solid #ffffff8c;left:calc(50% - 52px);top:32px;z-index:-1;background:#fff2}.portrait-stage img{filter:drop-shadow(0 10px 10px rgba(var(--rarity-rgb),.2));position:relative;z-index:1}.portrait-card:hover .portrait-stage img{transform:translateY(-3px) scale(1.025)}.portrait-info{background:linear-gradient(130deg,#ffffff9e,#ffffff5a)}.portrait-info h3{color:#3c475e;font-weight:600}.portrait-info p{color:#8690a1}.portrait-info .meta{border-top-color:rgba(var(--rarity-rgb),.16);color:#8290a5}.rarity,.rarity.sr,.rarity.ssr{background:rgba(255,255,255,.74);border:1px solid rgba(var(--rarity-rgb),.35);color:#906832;box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(12px)}.rarity.sr{color:#3e7db1}.rarity.ssr{color:#8e63ab}.save-button{background:#ffffff7d;border:1px solid #ffffffd9;color:#a0937f;backdrop-filter:blur(14px);box-shadow:0 2px 8px #7c8a9f0a;transition:transform .2s,background .2s}.save-button:hover{transform:scale(1.08);background:#ffffffd4}.save-button.saved{color:#b78532}.promoted-label{background:#ffffffac;border-color:rgba(var(--rarity-rgb),.3);color:#a18a69;backdrop-filter:blur(12px)}
.profile-banner,.profile-banner.ranger,.profile-banner.legion{background:linear-gradient(135deg,#ffffff9c,#ffffff4b);border:1px solid #ffffffdf;border-radius:19px;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.profile-banner h1{color:#35415a}.profile-banner p{color:#7a879a}.profile-banner.sr{--rarity-rgb:70,149,235;background:radial-gradient(ellipse at left,rgba(70,149,235,.17),transparent 65%),linear-gradient(135deg,#ffffffaa,#ffffff60);border-color:#8dbde060}.profile-banner.ssr{--rarity-rgb:155,109,222;background:radial-gradient(ellipse at left,rgba(155,109,222,.17),transparent 65%),linear-gradient(135deg,#ffffffaa,#ffffff60);border-color:#bba1dc65}.profile-banner.ur{--rarity-rgb:235,155,63;background:radial-gradient(ellipse at left,rgba(235,155,63,.19),transparent 65%),linear-gradient(135deg,#ffffffaa,#ffffff60);border-color:#e3bb7665}.profile-art img{filter:drop-shadow(0 10px 12px #697b9420)}.profile-banner .profile-art{border-radius:13px}.skill-heading{color:#9299ac}.skill-number{background:#dfd4f657;color:#9a81b7;border:1px solid #fff;box-shadow:inset 0 1px 0 #fff}.skill-panel p{color:#7a89a1}.timeline-row{color:#7b89a1;border-bottom-color:#a5b5cc35}.timeline-row b{color:#5d928d}.side-panel p{color:#7e8ba0}.requirement-row{color:#7686a2;border-bottom-color:#adbed336}.requirement-row b{color:#9582b8}.requirement-row:hover{color:#574b8a}.contents.panel{background:#ffffff70;border-color:#ffffffd1;box-shadow:var(--glass-shadow);backdrop-filter:blur(22px)}.contents button{color:#8490a7}.contents button:hover{color:#77629b}.reference-section p,.reference-section li{color:#697b95}.reference-section h2{font-weight:600}.reference-profile .eyebrow{color:#9182aa}.tag{background:#ffffff80;border-color:#baa8d45e;color:#9880b4}.avatar{background:#ece5fa80;border-color:#fff;color:#ab9ac7}.artstrip img{background:#fff6;border-color:#fff;box-shadow:0 5px 15px #7184a017}
input,select{background:linear-gradient(135deg,#ffffffa1,#ffffff72);color:#5c6d88;border:1px solid #b9c7dc5c;border-radius:9px;box-shadow:inset 0 1px 3px #61769a04,0 1px 0 #ffffffc9;transition:border-color .2s,box-shadow .2s,background .2s;backdrop-filter:blur(10px)}input::placeholder{color:#99a5b9}input:focus,select:focus{outline:0;border-color:#aa98ce8c;box-shadow:0 0 0 3px #b6a4e21f,inset 0 1px 0 #fff;background:#ffffffba}select{color-scheme:light}label{color:#7a89a2}.checkbox{color:#7d819a}.checkbox input{accent-color:#8b75bb}.tabs button{background:#ffffff5b;border-color:#ffffffaa;color:#8692ab;box-shadow:inset 0 1px 0 #fff8;transition:all .2s;border-radius:10px;backdrop-filter:blur(12px)}.tabs button.active{background:linear-gradient(135deg,#ffffffc9,#e3d9f983);color:#7d62ae;border-color:#ffffffef;box-shadow:0 4px 14px #897aad18,inset 0 1px 0 #fff}.tabs button:hover{background:#ffffffb8;transform:translateY(-2px);color:#775e9d}.planner-context{border-color:#b1bcd635}.planner-context small{color:#9a98ad}.result strong{color:#4b5c7d;font-weight:550}.result span,.result small{color:#8c97ac}.result.highlight{background:linear-gradient(140deg,#eefbf8b8,#daeeeb7a);border-color:#ffffffde}.result.highlight strong{color:#599a92}.notice{background:linear-gradient(125deg,#ecf8f3a1,#dff0ec63);color:#648b84;border-color:#ffffffdc;border-radius:11px;box-shadow:inset 0 1px 0 #fff}.error{color:#b46676;background:#fff4f6a6;border-color:#eecad572}.warn{color:#a58b5c}.data-item .download{color:#8673ac}.data-item p{color:#8292ac}
th{background:#edf1f8df;color:#7d88a1;border-bottom-color:#cad4e657;backdrop-filter:blur(10px)}td{color:#687a95;border-bottom-color:#b8c5da40}table tbody tr{transition:background .2s}table tbody tr:hover{background:#ffffff6b}details summary{color:#8c78b2}details pre{color:#7e8da3}footer{color:#94a0b3;border-top-color:#b3bfd038}.empty{color:#8a96aa}
.asset-card>div{background:radial-gradient(ellipse,#dbe3f266,#ffffff2d);border-bottom:1px solid #fff7}.asset-card span{color:#a08cbd}.asset-card h3{color:#72819b}.asset-card small{color:#91a0b9}.full-image{background:#ffffff5b;border-radius:12px;border:1px solid #fff}.search-result{color:#65748f;border-bottom-color:#bbcade42;transition:background .2s,transform .2s}.search-result:hover{background:#fff6;border-radius:10px;transform:translateX(3px)}.search-result small{color:#98a2b5}.search-art{background:#e5eaf570;border:1px solid #fff}.search-result>span:last-child{color:#aa99c6}dialog{background:linear-gradient(140deg,#fdfdffd9,#f4f6ffd1);border:1px solid #fff;color:#62708b;box-shadow:0 35px 90px #3b517b38,inset 0 1px 0 #fff;backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);border-radius:20px}dialog::backdrop{background:#7890b72a;backdrop-filter:blur(9px)}.detailtext{color:#7a89a1}.editorial-badge{color:#8d74b4;background:#fff7}.article-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#8a96aa;font-size:10px;margin-top:18px}.editorial-note{color:#7a82a0;font-size:12px;padding:14px 17px;background:#eae4f665;border:1px solid #fff;border-radius:10px;margin-bottom:20px}
@keyframes castle-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(hover:none){.library-card:hover,.portrait-card:hover,.asset-card:hover,.tool:hover{transform:none}.welcome-art img{animation:none}.library-card:after,.portrait-card:after,.asset-card:after,.tool:after{display:none}}@media(max-width:800px){.layout>aside{border-bottom:1px solid #fff9;border-right:0}.contents button{border-color:#ffffffc2;background:#fff4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.library-card:hover,.portrait-card:hover,.asset-card:hover,.tool:hover,.btn:hover,nav button:hover{transform:none!important}}

/* Keep small text readable without making the glass opaque. */
.welcome p,.library-body p,.portrait-info p,.skill-panel p,.side-panel p,.reference-section p,.reference-section li,.pagehead p,.two p{color:#5f6f88}.library-body .meta,.portrait-info .meta,.stat span,.result span,.result small,.section-title span,.snapshot-note,.quick-row small,.article-meta{color:#6c7890}.asset-card small,.asset-card h3,.skill-heading,footer,.source-line,aside .bottom{color:#707b91}

/* Persistent light/dark materials and richer rarity backdrops. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;background:linear-gradient(135deg,#ffffffc0,#ffffff60);border:1px solid #ffffffdc;color:#7b6b9c;border-radius:11px;padding:9px 12px;min-height:40px;box-shadow:0 3px 14px #697c9710,inset 0 1px 0 #fff;backdrop-filter:blur(16px);transition:transform .2s,box-shadow .2s,background .2s}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 7px 22px #8274a527}.theme-icon{font-size:19px;line-height:20px}.theme-label{font-size:11px}.theme-toggle:focus-visible{outline:2px solid #9380bd;outline-offset:3px}
/* The rim stays thin; the portrait area carries the deeper rarity color. */
.portrait-card.sr{--rarity-rgb:70,149,235}.portrait-card.ssr{--rarity-rgb:155,109,222}.portrait-card.ur{--rarity-rgb:235,155,63}
.portrait-card.sr .portrait-stage{background:radial-gradient(ellipse at 50% 45%,#a5d8f08f,transparent 70%),linear-gradient(140deg,#779fcb,#47739f);border-bottom-color:#417daf50}.portrait-card.ssr .portrait-stage{background:radial-gradient(ellipse at 50% 45%,#dab7f08a,transparent 70%),linear-gradient(140deg,#9b7fb8,#72518f);border-bottom-color:#835bac50}.portrait-card.ur .portrait-stage{background:radial-gradient(ellipse at 50% 45%,#ffe0a07d,transparent 70%),linear-gradient(140deg,#d7a567,#ab753e);border-bottom-color:#c0813750}.portrait-stage img{filter:drop-shadow(0 10px 13px #12172940)}.portrait-card .portrait-stage:after{border-color:#ffffff6d;background:#ffffff06}.portrait-info{background:linear-gradient(135deg,#ffffffba,#ffffff80)}
html[data-theme="dark"]{--bg:#101723;--panel:rgba(31,42,59,.7);--line:#67799835;--text:#e4eaf7;--muted:#a0aec7;--accent:#c5b4f4;--mint:#87c9ba;--glass-border:#ffffff19;--glass-shadow:0 8px 35px #040b1725,inset 0 1px 0 #ffffff0c;color-scheme:dark;background:#101723}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 88% 8%,#49375957,transparent 46%),radial-gradient(ellipse at 8% 40%,#203e594d,transparent 45%),radial-gradient(ellipse at 85% 82%,#614b3b24,transparent 48%),linear-gradient(135deg,#111b29,#141929 60%,#191827);background-attachment:fixed;color:#e4eaf7}html[data-theme="dark"] body:before{background:#27345740}html[data-theme="dark"] :is(h1,h2,h3){color:#e7edf9}html[data-theme="dark"] a{color:#bbade4}html[data-theme="dark"] ::selection{background:#746394;color:#fff}
html[data-theme="dark"] .layout>aside{background:linear-gradient(140deg,#192431b8,#18203089);border-color:#ffffff12;box-shadow:8px 0 45px #050a1420}html[data-theme="dark"] .brand{color:#edf1fa}html[data-theme="dark"] .brand .mark{background:linear-gradient(140deg,#a899d858,#75658f61);border-color:#c2b1ec3c;color:#d9cafa;box-shadow:0 5px 18px #060b2020,inset 0 1px 0 #ffffff22}html[data-theme="dark"] .brand small{color:#9dacc4}html[data-theme="dark"] .nav-label{color:#7d8ca6}html[data-theme="dark"] nav button{color:#a5b3c8}html[data-theme="dark"] nav button.active{background:linear-gradient(135deg,#b39be721,#8570b626);border-color:#c0aaf226;color:#d0bdf7;box-shadow:inset 0 1px 0 #ffffff0d,0 4px 16px #04091215}html[data-theme="dark"] nav button:hover{background:#d0d7ef0b;color:#e0cbff}html[data-theme="dark"] .layout>aside .bottom{color:#91a3be;border-color:#8093b423}html[data-theme="dark"] .layout>aside .bottom p{color:#a3b8c4}html[data-theme="dark"] :is(header,footer,.source-line){border-color:#8296b624}html[data-theme="dark"] :is(.crumb,#breadcrumb){color:#a4b0c5}
html[data-theme="dark"] .search-trigger{background:#c6d3ed08;border-color:#c6d2e923;color:#9aaac4;box-shadow:inset 0 1px 0 #ffffff10,0 5px 19px #060b1617}html[data-theme="dark"] .search-trigger:hover{background:#cad5f00e}html[data-theme="dark"] .search-trigger kbd{background:#20304666;border-color:#b4c2db22;color:#a8b9cd}html[data-theme="dark"] .theme-toggle{background:linear-gradient(135deg,#bfa9e821,#b9cde010);border-color:#c6b5ec37;color:#d0bdea;box-shadow:inset 0 1px 0 #ffffff13,0 3px 16px #03091026}html[data-theme="dark"] .theme-toggle:hover{background:#cab3e52b}html[data-theme="dark"] .pill{background:#d0dbf10a;border-color:#d1def226;color:#b1bed2;box-shadow:inset 0 1px 0 #ffffff08}html[data-theme="dark"] .eyebrow{color:#a6a1c1}html[data-theme="dark"] .header-status{color:#a6c8c1}html[data-theme="dark"] .dot{background:#78b8ab}
html[data-theme="dark"] .welcome{background:linear-gradient(130deg,#b7c3e314,#a88dc412 65%,#8e73ba1a);border-color:#d7ddf125;box-shadow:0 18px 50px #03091730,inset 0 1px 0 #ffffff12}html[data-theme="dark"] .welcome:after{background:radial-gradient(circle,#ae88c821,transparent 72%)}html[data-theme="dark"] .welcome h1{color:#e5eaf7}html[data-theme="dark"] .welcome h1 em{background:linear-gradient(110deg,#c0b2ee,#d4b8d9);background-clip:text;-webkit-background-clip:text;color:transparent}html[data-theme="dark"] .welcome p{color:#aab9d1}html[data-theme="dark"] .welcome-art:before{border-color:#c8b2eb26;background:#ac9bdc05;box-shadow:inset 1px 1px 0 #ffffff0a}html[data-theme="dark"] .welcome-art img{filter:drop-shadow(0 19px 20px #03091788)}html[data-theme="dark"] .castle-caption{color:#a5a0b8}
html[data-theme="dark"] :is(.panel,.stat,.tool,.result,.data-item){background:linear-gradient(135deg,#cedaee0c,#d4def605);border-color:#c0cee521;box-shadow:0 7px 30px #030a161f,inset 0 1px 0 #ffffff0c}html[data-theme="dark"] .panel :is(h2,h3){color:#e2e9f7}html[data-theme="dark"] .stat strong{color:#e1e9f9}html[data-theme="dark"] :is(.stat span,.section-title span,.snapshot-note,.article-meta,.source-line,footer){color:#93a3bd}html[data-theme="dark"] :is(.welcome p,.library-body p,.portrait-info p,.skill-panel p,.side-panel p,.reference-section p,.reference-section li,.pagehead p,.two p,.data-item p){color:#a8b6cf}
html[data-theme="dark"] .btn{background:linear-gradient(135deg,#c8d8f414,#d3e0f207);border-color:#d4dcef26;color:#bcb3d2;box-shadow:0 3px 14px #02091626,inset 0 1px 0 #ffffff0e}html[data-theme="dark"] .btn.primary{background:linear-gradient(135deg,#a38dcb,#8473ad);border-color:#c8b5e75c;color:#fff;box-shadow:0 4px 20px #6b558c28,inset 0 1px 0 #ffffff32}html[data-theme="dark"] .btn:hover{box-shadow:0 8px 24px #00091a3a,inset 0 1px 0 #ffffff21}html[data-theme="dark"] .text-button{color:#c0ace1}html[data-theme="dark"] :is(.tool .symbol,.quick-icon,.skill-number){background:#bea1eb16;border-color:#d1b9f028;color:#c6afe9;box-shadow:inset 0 1px 0 #ffffff0d}html[data-theme="dark"] .quick-row{color:#d9e2f4;border-color:#c5d1e717}html[data-theme="dark"] .quick-row:hover{background:#cfd6eb06}html[data-theme="dark"] .quick-row small{color:#93a6c0}html[data-theme="dark"] .backlink{color:#bea9d9}
html[data-theme="dark"] :is(.library-card,.asset-card){background:linear-gradient(135deg,#ccd8ec0d,#b8c9ed08);border-color:#cfdbed22;box-shadow:0 7px 25px #0009182b,inset 0 1px 0 #ffffff0c}html[data-theme="dark"] :is(.library-art,.asset-card>div){background:radial-gradient(ellipse at center,#677a9a28,#a7b8d209);border-color:#d9e5f20c}html[data-theme="dark"] .library-art img{filter:drop-shadow(0 8px 12px #00091c60)}html[data-theme="dark"] .library-body h3{color:#dde7f6}html[data-theme="dark"] .library-body .eyebrow{color:#b3a2d0}html[data-theme="dark"] :is(.library-body .meta,.portrait-info .meta){color:#91a3be;border-color:#bdcde624}html[data-theme="dark"] :is(.library-card,.portrait-card,.asset-card,.tool):after{background:radial-gradient(180px circle at var(--px,50%) var(--py,20%),#d8dff323,transparent 70%)}html[data-theme="dark"] :is(.library-card,.asset-card,.tool):hover{border-color:#c7b5e14d;box-shadow:0 19px 32px #04091c40,inset 0 1px 0 #ffffff19}
html[data-theme="dark"] .portrait-card{background:linear-gradient(135deg,#33435977,#28384d55);border-color:rgba(var(--rarity-rgb),.32);box-shadow:0 8px 23px #060b1725,inset 0 1px 0 #ffffff0e}html[data-theme="dark"] .portrait-card.sr .portrait-stage{background:radial-gradient(ellipse at 50% 45%,#64a5d24d,transparent 74%),linear-gradient(140deg,#234a6a,#172e48)}html[data-theme="dark"] .portrait-card.ssr .portrait-stage{background:radial-gradient(ellipse at 50% 45%,#b087d94a,transparent 74%),linear-gradient(140deg,#514069,#302541)}html[data-theme="dark"] .portrait-card.ur .portrait-stage{background:radial-gradient(ellipse at 50% 45%,#e3b57938,transparent 74%),linear-gradient(140deg,#775231,#403023)}html[data-theme="dark"] .portrait-card:hover{border-color:rgba(var(--rarity-rgb),.65);box-shadow:0 18px 35px rgba(var(--rarity-rgb),.09),0 8px 25px #04091230}html[data-theme="dark"] .portrait-info{background:linear-gradient(135deg,#d7e5ff08,#dbe6fc04)}html[data-theme="dark"] .portrait-info h3{color:#e1e9f7}html[data-theme="dark"] :is(.rarity,.rarity.sr,.rarity.ssr){background:#12223591;box-shadow:inset 0 1px 0 #ffffff14;border-color:rgba(var(--rarity-rgb),.46);color:#e7c29a}html[data-theme="dark"] .rarity.sr{color:#a6d4f7}html[data-theme="dark"] .rarity.ssr{color:#d6b6f2}html[data-theme="dark"] .save-button{background:#14233475;border-color:#cadbf42d;color:#bcbdcc;box-shadow:none}html[data-theme="dark"] .save-button.saved{color:#f0cf8c}html[data-theme="dark"] .promoted-label{background:#192332a6;color:#d4c4b5;border-color:rgba(var(--rarity-rgb),.4)}
html[data-theme="dark"] :is(.profile-banner,.profile-banner.ranger,.profile-banner.legion){background:linear-gradient(135deg,#d0d7ef0f,#c8d4ec05);border-color:#d2d9ee24;box-shadow:var(--glass-shadow)}html[data-theme="dark"] .profile-banner.sr{background:radial-gradient(ellipse at left,#3373b133,transparent 65%),#afc4e507;border-color:#72b2e342}html[data-theme="dark"] .profile-banner.ssr{background:radial-gradient(ellipse at left,#965eb233,transparent 65%),#c9b2e807;border-color:#af8bd342}html[data-theme="dark"] .profile-banner.ur{background:radial-gradient(ellipse at left,#c8884033,transparent 65%),#d1b39307;border-color:#d9a75c40}html[data-theme="dark"] .profile-banner h1{color:#e5ebf7}html[data-theme="dark"] .profile-banner p{color:#a5b4ce}html[data-theme="dark"] .profile-art img{filter:drop-shadow(0 12px 15px #030c1c44)}html[data-theme="dark"] .skill-heading{color:#a2b2ca}html[data-theme="dark"] .timeline-row{color:#a7b6ce;border-color:#a2b4d323}html[data-theme="dark"] .timeline-row b{color:#85bdad}html[data-theme="dark"] .requirement-row{color:#a7b6ce;border-color:#a2b4d323}html[data-theme="dark"] .requirement-row b{color:#c2ace4}
html[data-theme="dark"] :is(input,select){background:linear-gradient(135deg,#c4d7f40d,#c1d2e606);border-color:#b6cce330;color:#d1dced;box-shadow:inset 0 1px 2px #0b182416,0 1px 0 #ffffff04;color-scheme:dark}html[data-theme="dark"] input::placeholder{color:#8a9bb5}html[data-theme="dark"] :is(input,select):focus{background:#c4d7e916;border-color:#b29aca77;box-shadow:0 0 0 3px #baa7e114}html[data-theme="dark"] label{color:#afbbd0}html[data-theme="dark"] .tabs button{background:#c2d3ee08;border-color:#cedbf21d;color:#a4b2ca;box-shadow:inset 0 1px 0 #ffffff08}html[data-theme="dark"] .tabs button.active{background:linear-gradient(135deg,#c3a5ec25,#bca2df15);border-color:#c5acdf49;color:#d9c0f7;box-shadow:0 4px 15px #03091420,inset 0 1px 0 #ffffff12}html[data-theme="dark"] .tabs button:hover{background:#d3c3f10f;color:#d9c8ec}html[data-theme="dark"] .result strong{color:#d2ddf2}html[data-theme="dark"] .result :is(span,small){color:#a2b1c9}html[data-theme="dark"] .result.highlight{background:linear-gradient(135deg,#519f9221,#417e7819);border-color:#98c7bc2c}html[data-theme="dark"] .result.highlight strong{color:#95d5c7}html[data-theme="dark"] .notice{background:linear-gradient(135deg,#8bcdb31a,#72bca110);border-color:#bce0cc22;color:#a0c9bb;box-shadow:inset 0 1px 0 #ffffff08}html[data-theme="dark"] .error{background:#d8879c13;border-color:#d895a63b;color:#edbcc7}html[data-theme="dark"] .warn{color:#ddbc8f}html[data-theme="dark"] .planner-context{border-color:#abc2e127}html[data-theme="dark"] .planner-context small{color:#a8a2bd}
html[data-theme="dark"] th{background:#233247de;border-color:#b1c4df26;color:#afbed8}html[data-theme="dark"] td{color:#b8c5da;border-color:#b3c7e521}html[data-theme="dark"] table tbody tr:hover{background:#ccdcf10b}html[data-theme="dark"] details summary{color:#c5aee9}html[data-theme="dark"] details pre{color:#a6b8ce}html[data-theme="dark"] .contents.panel{background:#24304786;border-color:#c4cfe223;box-shadow:var(--glass-shadow)}html[data-theme="dark"] .contents button{color:#afbdd4}html[data-theme="dark"] .contents button:hover{color:#d3bef2}html[data-theme="dark"] .editorial-note{background:#b497d818;border-color:#ceb7e625;color:#bfb1cf}html[data-theme="dark"] .asset-card :is(h3,small){color:#a8bad4}html[data-theme="dark"] .asset-card span{color:#bfabdf}html[data-theme="dark"] .full-image{background:#acc3e50a;border-color:#bbcdeb23}html[data-theme="dark"] .source-line a{color:#bfaad8}
html[data-theme="dark"] dialog{background:linear-gradient(140deg,#1e2d43eb,#25263fe8);border-color:#bfcce837;color:#afc0d9;box-shadow:0 35px 90px #01081966,inset 0 1px 0 #ffffff13}html[data-theme="dark"] dialog::backdrop{background:#04102779}html[data-theme="dark"] .search-result{color:#dde7f6;border-color:#b4c8e527}html[data-theme="dark"] .search-result:hover{background:#bdd3e807}html[data-theme="dark"] .search-result small{color:#98acc8}html[data-theme="dark"] .search-art{background:#a2bad716;border-color:#bfd2ec22}
@media(max-width:550px){.theme-toggle{padding:8px;min-width:35px;min-height:36px}.theme-label{display:none}.search-trigger{font-size:9px;padding:6px;gap:5px}header{gap:8px}#breadcrumb{max-width:130px;overflow:hidden;white-space:nowrap}.theme-icon{font-size:18px}.header-status{display:none}}@media(prefers-reduced-motion:reduce){.theme-toggle:hover{transform:none}}

/* Three-column, exact-position technology tree inspired by the supplied game screenshot. */
.research-toolbar{align-items:center}.view-switch{display:flex;gap:3px;background:#ffffff4b;border:1px solid #ffffffb8;border-radius:11px;padding:4px;backdrop-filter:blur(15px)}.view-switch button{background:none;border:1px solid transparent;border-radius:8px;padding:7px 12px;color:#8190a8;font-size:11px;transition:background .2s,color .2s}.view-switch button.active{background:linear-gradient(140deg,#ffffffe8,#f1ebfc94);border-color:#fff;color:#8265a9;box-shadow:0 3px 10px #7877a913}.research-tree-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:21px;align-items:start}.research-board{min-width:0;background:linear-gradient(140deg,#ffffff72,#f1f5fd55);border:1px solid #ffffffd8;border-radius:19px;box-shadow:0 10px 34px #6f83a716,inset 0 1px 0 #fff;backdrop-filter:blur(20px);overflow:hidden}.board-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 12px;gap:15px}.board-heading h2{margin-top:7px;font-size:21px}.board-hint{font-size:10px;color:#90a0b5}.tree-legend{display:flex;gap:16px;padding:0 25px 20px;flex-wrap:wrap;font-size:9px;color:#8996ab}.tree-legend>span{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.legend-dot.learned{background:#61aba3}.legend-dot.ready{background:#6797ce}.legend-dot.locked{background:#9caabb}.tree-scroll{overflow:auto;max-height:750px;max-height:min(750px,72vh);scrollbar-width:thin;scrollbar-color:#acbfd080 transparent;overscroll-behavior:contain;padding:0;position:relative;border-top:1px solid #bcd0e32d;border-bottom:1px solid #bcd0e331;background-color:#d9e5f044;background-image:linear-gradient(#7fa1c00b 1px,transparent 1px),linear-gradient(90deg,#7fa1c00b 1px,transparent 1px),linear-gradient(#7097bc13 1px,transparent 1px),linear-gradient(90deg,#7097bc13 1px,transparent 1px);background-size:22px 22px,22px 22px,110px 110px,110px 110px}.tree-canvas{position:relative;margin:0 auto;isolation:isolate}.tree-lines{position:absolute;inset:0;z-index:0;overflow:visible}.tree-connection{fill:none;stroke:#8fabc27a;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,filter .2s}.tree-connection.met{stroke:#6daca5a6}.tree-connection.alternative{stroke-dasharray:10 7;stroke-width:5}.research-node{position:absolute;width:160px;padding:0;background:none;border:0;z-index:1;color:#536b87;text-align:center;transition:opacity .2s,transform .25s;cursor:pointer}.research-node:hover{transform:translateY(-3px)}.node-hex{width:160px;height:176px;position:relative;isolation:isolate;filter:drop-shadow(0 7px 10px #567c9a1d);transition:filter .25s}.hex-frame{position:absolute;inset:0;width:160px;height:176px;overflow:visible}.hex-outer{fill:#c4d6e8;stroke:#a4b9d4;stroke-width:2}.hex-inner{fill:#d9e5f0;stroke:#ffffff70;stroke-width:1.5}.research-node.ready .hex-outer{fill:#90b9e0;stroke:#74a8dc;stroke-width:2.5}.research-node.ready .hex-inner{fill:#c1d6ed;stroke:#e4f1ff95}.research-node.learned .hex-outer{fill:#89b9cf;stroke:#5493b0;stroke-width:2.5}.research-node.learned .hex-inner{fill:#b3d8e4;stroke:#d8fbffa2}.research-node.complete .hex-outer{fill:#8dc4b8;stroke:#6ea596;stroke-width:2.5}.research-node.complete .hex-inner{fill:#c6e8da;stroke:#f4fff58d}.research-node.selected .hex-outer{stroke:#5e89c4;stroke-width:3.5}.research-node.selected .node-hex{filter:drop-shadow(0 0 7px #6f9bcd3b) drop-shadow(0 8px 12px #4e789a28)}.research-node:hover .node-hex{filter:drop-shadow(0 0 8px #749cce50) drop-shadow(0 8px 12px #4e789a28)}.node-icon{position:absolute;top:34px;left:34px;width:92px;height:90px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#6588b1}.node-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px #426a882b);transition:filter .25s,transform .25s}.research-node.locked .node-icon img{filter:grayscale(1) opacity(.65) drop-shadow(0 3px 4px #47607630)}.research-node:hover .node-icon img{transform:scale(1.035)}.node-level{position:absolute;left:0;right:0;bottom:19px;color:#496080;font-size:19px;line-height:23px;text-shadow:0 1px 0 #ffffffa0;letter-spacing:-.5px}.node-name{display:block;font-size:11px;line-height:16px;color:#657993;font-weight:550;margin-top:9px;padding:0 1px;min-height:32px}.node-check{position:absolute;right:15px;top:44px;background:#4b9684c9;color:white;border:1px solid #eafff384;width:22px;height:22px;border-radius:50%;font-size:14px;line-height:19px}.research-node.search-dim{opacity:.2}.research-node:focus-visible{outline:2px solid #7c95bf;outline-offset:4px;border-radius:16px}.tree-footnote{padding:15px 22px;font-size:10px;line-height:1.8;color:#8a9ab0}.research-selection{position:sticky;top:20px;min-width:0;padding:24px}.selected-tech-art{height:92px;display:grid;place-items:center;margin:17px 0}.selected-tech-art img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 7px 10px #8a99ad28)}.research-selection h2{font-size:20px;margin-top:6px}.tech-status{font-size:11px;line-height:1.7;margin-bottom:22px}.local-progress-note{font-size:10px;margin-top:-9px;margin-bottom:23px;color:#8e9fb4}.next-level-title{font-size:12px!important;margin-bottom:13px!important}.tree-costs{display:grid;gap:9px;border-top:1px solid #a9bfd130;border-bottom:1px solid #a9bfd130;padding:14px 0;margin-bottom:21px}.tree-costs>span{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#7d8fa9}.tree-costs b{color:#5f7290;font-weight:600;text-align:right}.research-selection h3{font-size:12px;margin:19px 0 11px}.tree-requirement{font-size:11px;line-height:1.7;padding:10px 12px;background:#d7e2f145;border:1px solid #9eafcd22;border-radius:8px;margin-bottom:7px;color:#7f8fa9}.tree-requirement.satisfied{background:#d5ede355;color:#658f82;border-color:#a3d3c030}.small-note{font-size:11px!important;line-height:1.7;color:#7d8ca4;margin-bottom:10px}.research-selection .actions{gap:9px;margin-top:24px}.research-selection .btn{font-size:10px;padding:9px 12px}.reset-tree{display:block;font-size:9px;margin-top:22px}
html[data-theme="dark"] .view-switch{background:#bdd0ef07;border-color:#bed0eb24}html[data-theme="dark"] .view-switch button{color:#a6b6d0}html[data-theme="dark"] .view-switch button.active{background:#ad94db24;border-color:#c0a4e642;color:#d7c2f5;box-shadow:0 3px 10px #060b1820}html[data-theme="dark"] .research-board{background:linear-gradient(135deg,#bac8e40a,#cbd7ef04);border-color:#bfd2e823;box-shadow:0 10px 34px #030b1a30,inset 0 1px 0 #ffffff0a}html[data-theme="dark"] :is(.board-hint,.tree-legend,.tree-footnote){color:#94a9c6}html[data-theme="dark"] .tree-scroll{background-color:#0e1b2f62;background-image:linear-gradient(#6b91c009 1px,transparent 1px),linear-gradient(90deg,#6b91c009 1px,transparent 1px),linear-gradient(#6b91c015 1px,transparent 1px),linear-gradient(90deg,#6b91c015 1px,transparent 1px);border-color:#7099cb20;scrollbar-color:#789dc244 transparent}html[data-theme="dark"] .tree-connection{stroke:#718bac74}html[data-theme="dark"] .tree-connection.met{stroke:#75b5b7b3;filter:drop-shadow(0 0 3px #78b8c04d)}html[data-theme="dark"] .hex-outer{fill:#34435d;stroke:#819dbd;stroke-width:2}html[data-theme="dark"] .hex-inner{fill:#4c5c73;stroke:#a5bbd535}html[data-theme="dark"] .research-node.ready .hex-outer{fill:#2c5990;stroke:#71b3fc;stroke-width:3}html[data-theme="dark"] .research-node.ready .hex-inner{fill:#446c9f;stroke:#a5d4fe5b}html[data-theme="dark"] .research-node.learned .hex-outer{fill:#2c698b;stroke:#76cbf5;stroke-width:3}html[data-theme="dark"] .research-node.learned .hex-inner{fill:#417f9d;stroke:#b7f0fe5e}html[data-theme="dark"] .research-node.complete .hex-outer{fill:#387b76;stroke:#84d5bd;stroke-width:3}html[data-theme="dark"] .research-node.complete .hex-inner{fill:#57948b;stroke:#c5fbd55b}html[data-theme="dark"] .research-node.selected .hex-outer{stroke:#8bccff;stroke-width:4}html[data-theme="dark"] .research-node.selected .node-hex,html[data-theme="dark"] .research-node.ready .node-hex{filter:drop-shadow(0 0 6px #52a3ef5b) drop-shadow(0 7px 10px #00102555)}html[data-theme="dark"] .research-node:hover .node-hex{filter:drop-shadow(0 0 9px #6fbcf673) drop-shadow(0 7px 10px #00102555)}html[data-theme="dark"] .node-level{color:#edf4ff;text-shadow:0 2px 2px #1726429c}html[data-theme="dark"] .node-name{color:#b1c3db}html[data-theme="dark"] .research-node.locked .node-icon img{filter:grayscale(1) opacity(.6) drop-shadow(0 4px 4px #0d182244)}html[data-theme="dark"] .node-icon{color:#afc5e0}html[data-theme="dark"] .node-check{background:#7dbdac94;border-color:#b6f2d792;color:#e7fff4}html[data-theme="dark"] :is(.local-progress-note,.small-note,.tree-costs>span){color:#a0b6d0}html[data-theme="dark"] .tree-costs{border-color:#abc7e424}html[data-theme="dark"] .tree-costs b{color:#c9d8ed}html[data-theme="dark"] .tree-requirement{background:#a5bbd20c;border-color:#abc0dc20;color:#a9bdd7}html[data-theme="dark"] .tree-requirement.satisfied{background:#8cd2b714;border-color:#90cabb2b;color:#b0d7c5}
@media(max-width:1250px){.research-tree-layout{grid-template-columns:minmax(0,1fr) 265px}.research-selection{padding:20px}.board-heading{padding-left:20px;padding-right:20px}.tree-legend{padding-left:20px;gap:11px}}@media(max-width:1000px){.research-tree-layout{grid-template-columns:minmax(0,1fr)}.research-selection{position:static}.selected-tech-art{height:65px;float:left;width:75px;margin:5px 14px 12px 0}.research-selection>label{clear:both}.research-selection .tree-costs{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.tree-scroll{max-height:65vh}.tree-canvas{margin:0 auto}.research-selection .actions{margin-top:20px}}@media(max-width:550px){.research-toolbar input{flex-basis:100%}.view-switch button{padding:7px 13px}.research-toolbar>.btn{margin-left:auto;font-size:10px}.research-category-tabs{gap:6px}.research-category-tabs button{padding:7px 10px;font-size:10px}.board-heading{padding:18px 17px 12px}.tree-legend{padding-left:17px;gap:13px;font-size:8px}.board-hint{font-size:9px}.tree-scroll{max-height:60vh}.tree-canvas{margin:0}.research-board{border-radius:14px}.tree-footnote{padding:14px 17px;font-size:9px}.research-selection .tree-costs{grid-template-columns:1fr 1fr;column-gap:15px}.research-tree-layout{gap:16px}}
@media(prefers-reduced-motion:reduce){.research-node:hover{transform:none}.node-icon img{transition:none}.view-switch button{transition:none}}

/* Top Lords Wiki • luminous purple, sculpted glass and tactile depth. */
html[data-theme]{--bg:#eee5ff;--panel:#ffffffa6;--line:#8d63c22c;--text:#302046;--muted:#68587e;--accent:#8650d5;--mint:#7742bb;--glass-shadow:0 12px 28px #51307712,inset 0 1px 0 #fff;--lift-shadow:0 22px 40px #55238924,inset 0 1px 0 #fff;color-scheme:light}
html[data-theme="dark"]{--bg:#130b23;--panel:#3020479c;--line:#b68bec2b;--text:#f0e9ff;--muted:#bdacd2;--accent:#c998ff;--mint:#d0b0ff;--glass-shadow:0 12px 28px #07021045,inset 0 1px 0 #ffffff19;--lift-shadow:0 22px 42px #06011078,inset 0 1px 0 #ffffff30;color-scheme:dark}
html[data-theme] body{background:radial-gradient(ellipse at 85% 2%,#c595fa63,transparent 46%),radial-gradient(ellipse at 25% 45%,#e4c9ff7d,transparent 48%),radial-gradient(ellipse at 90% 85%,#dcc3ee92,transparent 50%),linear-gradient(135deg,#f5edff,#e9defb 58%,#f2e8fb);background-attachment:fixed;color:var(--text)}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 82% 5%,#7132ad4f,transparent 47%),radial-gradient(ellipse at 25% 44%,#4426755c,transparent 46%),radial-gradient(ellipse at 100% 90%,#702d722c,transparent 50%),linear-gradient(135deg,#150d25,#1b1030 58%,#1e122d);background-attachment:fixed}
html[data-theme] body:before{background:radial-gradient(circle at center,#ba72eb22,transparent 68%);pointer-events:none}
html[data-theme] :is(h1,h2,h3){color:var(--text);font-weight:680}
html[data-theme] :is(p,.pagehead p,.library-body p,.portrait-info p,.skill-panel p,.side-panel p,.reference-section p,.reference-section li,.two p,.small-note,.local-progress-note,.tech-status){color:var(--muted)}
html[data-theme] :is(.stat span,.section-title span,.article-meta,.source-line,footer,.result span,.result small,.library-body .meta,.portrait-info .meta,.tree-footnote,.board-hint,.tree-legend,.quick-row small){color:var(--muted)}
html[data-theme] :is(a,.text-button,.backlink){color:var(--accent)}
html[data-theme] ::selection{color:#fff;background:#8441ca}
html[data-theme] .eyebrow{color:var(--accent);letter-spacing:1.7px;font-weight:750}
html[data-theme] .layout>aside{background:radial-gradient(ellipse at 0 4%,#713baf5c,transparent 55%),linear-gradient(155deg,#332047ed,#20142ee8);border-right:1px solid #d1a5ff2f;box-shadow:12px 0 38px #311a5220;backdrop-filter:blur(28px)}
html[data-theme] .brand{color:#faf3ff;font-size:18px;gap:9px}
html[data-theme] .brand .mark{background:linear-gradient(145deg,#aa75f2,#6c36a8);border:1px solid #d9b4ff70;color:#fff;box-shadow:0 5px 0 #150a3070,0 10px 20px #14042365,inset 0 1px 0 #ffffff80;flex:none;font-size:24px;width:36px;height:40px;transform:rotate(-3deg)}
html[data-theme] .brand small{color:#c5addd;font-size:8px;letter-spacing:1.55px}
html[data-theme] .nav-label{color:#b296ca;font-size:9px;letter-spacing:1.65px}
html[data-theme] nav button{color:#d5c3e8;border:1px solid transparent;transition:transform .25s,background .25s,box-shadow .25s;border-radius:12px}
html[data-theme] nav button.active{background:linear-gradient(130deg,#9151d74f,#7441c04b);border-color:#bf87f044;color:#f6e8ff;box-shadow:0 4px 16px #12032540,inset 0 1px 0 #ebceff2b}
html[data-theme] nav button:hover{background:#bc80f922;color:#fff;transform:translateX(3px)}
html[data-theme] .layout>aside .bottom{color:#bba1d1;border-color:#d3abff22}
html[data-theme] .layout>aside .bottom p{color:#ba9dd6;line-height:1.7;margin:14px 0}
html[data-theme] .sidebar-channel{display:flex;gap:8px;align-items:center;color:#f0d8ff;font-size:11px;font-weight:650;line-height:1.8}
html[data-theme] header{gap:12px;border-color:var(--line)}
html[data-theme] :is(.crumb,#breadcrumb){color:var(--muted);font-size:11px}
html[data-theme] .search-trigger{background:var(--panel);border-color:var(--line);color:var(--muted);box-shadow:var(--glass-shadow);max-width:295px}
html[data-theme] .search-trigger kbd{color:var(--muted);background:#b79bd923;border-color:var(--line)}
html[data-theme] .theme-toggle{background:var(--panel);border-color:var(--line);color:var(--accent);box-shadow:var(--glass-shadow)}
.yt-icon{display:inline-grid;place-items:center;width:21px;height:15px;background:linear-gradient(145deg,#f1537e,#d4235d);color:#fff;border-radius:5px;font-size:8px;box-shadow:0 2px 5px #ab124325;flex:none}
html[data-theme] .header-youtube{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;white-space:nowrap;color:var(--accent);padding:8px 0}
html[data-theme] .channel-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:650}
html[data-theme] .youtube-button{display:inline-flex;align-items:center;gap:8px;justify-content:center;text-decoration:none}
html[data-theme] .welcome{position:relative;padding:42px 38px;grid-template-columns:1.3fr 1fr;background:radial-gradient(ellipse at 85% 55%,#9b4cc771,transparent 58%),radial-gradient(ellipse at 15% 0,#774bcab0,transparent 56%),linear-gradient(130deg,#3e2460,#261538 70%,#462559);border:1px solid #c692f36b;border-radius:24px;box-shadow:0 8px 0 #2d174315,0 26px 55px #60378c29,inset 0 1px 0 #f7d9ff48;overflow:hidden}
html[data-theme="dark"] .welcome{box-shadow:0 8px 0 #08041138,0 28px 55px #07021170,inset 0 1px 0 #f7d9ff32}
html[data-theme] .welcome:after{width:500px;height:450px;right:-12%;top:-20%;background:radial-gradient(circle,#d780f92f,transparent 67%);filter:blur(18px)}
html[data-theme] .welcome h1{color:#fff4ff;font-size:clamp(34px,3.3vw,50px);font-weight:720;line-height:1.12;letter-spacing:-1.9px;text-shadow:0 4px 12px #15092429}
html[data-theme] .welcome h1 em{background:linear-gradient(105deg,#e1b5ff,#f5d1ef);background-clip:text;-webkit-background-clip:text;color:transparent;font-style:normal}
html[data-theme] .welcome .eyebrow{color:#d8b6ff;font-size:10px;letter-spacing:2px}
html[data-theme] .welcome p{color:#dbcaec;line-height:1.8;font-size:13px;max-width:485px}
html[data-theme] .welcome .snapshot-note{color:#baa0d5;font-size:10px}
html[data-theme] .welcome .actions{gap:9px;margin-top:25px;margin-bottom:22px}
html[data-theme] .welcome .btn{background:#fff1;color:#f2e1ff;border-color:#dab5ff45;box-shadow:0 4px 0 #10052233,inset 0 1px 0 #ffffff13;font-size:11px}
html[data-theme] .welcome .btn.primary{background:linear-gradient(130deg,#f1d8ff,#c39dfb);color:#38164f;border-color:#efd4ff9e;box-shadow:0 4px 0 #643996b0,0 10px 23px #11052943,inset 0 1px 0 #fff}
html[data-theme] .welcome-art{min-height:300px;perspective:850px;isolation:isolate}
html[data-theme] .welcome-art:before{width:240px;height:240px;transform:rotateX(59deg) rotateZ(45deg);bottom:10px;border-radius:35px;background:linear-gradient(140deg,#c48bfa20,#4e1f853d);border:1px solid #e3bcff7a;box-shadow:0 12px 0 #1b092c67,0 20px 42px #a844ec37,inset 0 0 42px #f4caff1c}
html[data-theme] .welcome-art img{max-width:320px;filter:drop-shadow(0 23px 14px #10001f8c);animation:kingdom-float 6s ease-in-out infinite;z-index:1}
html[data-theme] .castle-caption{color:#c0a0d9;bottom:-4px;font-size:8px;letter-spacing:2px}
.float-badge{position:absolute;z-index:2;padding:12px 15px;display:flex;flex-direction:column;font-size:9px;letter-spacing:.2px;border-radius:13px;background:linear-gradient(135deg,#704295a3,#29143ba1);border:1px solid #f0bcff45;box-shadow:0 5px 0 #10042136,0 12px 30px #1004215c,inset 0 1px 0 #fff3;backdrop-filter:blur(16px);color:#dcc5f1;pointer-events:none;animation:badge-float 7s ease-in-out infinite}
.float-badge b{color:#fae9ff;font-size:26px;line-height:1.2;font-weight:650;letter-spacing:-1px}
.badge-research{right:0;top:15px;transform:rotate(5deg)}
.badge-planner{bottom:29px;left:0;font-size:8px;flex-direction:row;gap:8px;align-items:center;transform:rotate(-5deg);animation-delay:-3s}
.badge-planner i{font-size:20px;color:#e6b4ff;font-style:normal}
html[data-theme] :is(.panel,.stat,.tool,.result,.research-board,.library-card,.contents.panel){background:linear-gradient(135deg,#ffffffc2,#f5edff8f);border-color:#b08dd141;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(160%)}
html[data-theme="dark"] :is(.panel,.stat,.tool,.result,.research-board,.library-card,.contents.panel){background:linear-gradient(135deg,#9d6cc61b,#704d9b15),#2519369c;border-color:#c393f12e}
html[data-theme] .stat{position:relative;border-radius:15px;padding:18px 22px}
html[data-theme] .stat:before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:3px;background:linear-gradient(#b886ef,#7d46ba);border-radius:0 4px 4px 0}
html[data-theme] .stat strong{color:var(--text);font-size:30px;font-weight:700;letter-spacing:-1.2px}
html[data-theme] .compact-stats{gap:13px;margin:23px 0 35px}
html[data-theme] .library-art{background:radial-gradient(ellipse at 50% 75%,#bd87eb2e,transparent 76%),linear-gradient(145deg,#b284db17,#7b4ba71c);border-bottom-color:var(--line)}
html[data-theme] .library-art img{filter:drop-shadow(0 12px 10px #4020593b)}
html[data-theme] .library-body h3{color:var(--text);font-weight:700}
html[data-theme] .library-body .eyebrow{color:var(--accent)}
html[data-theme] :is(.library-card,.portrait-card,.tool){transition:transform .28s cubic-bezier(.18,.8,.3,1),box-shadow .28s,border-color .28s;transform:perspective(950px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));will-change:auto}
@media(hover:hover) and (pointer:fine){html[data-theme] :is(.library-card,.portrait-card,.tool):hover{--lift:-7px;box-shadow:var(--lift-shadow);border-color:#a976db7a}html[data-theme] .portrait-card:hover{border-color:rgba(var(--rarity-rgb),.65);box-shadow:0 20px 40px rgba(var(--rarity-rgb),.2),inset 0 1px 0 #ffffff80}}
html[data-theme] .portrait-card{border-width:1px;box-shadow:0 5px 0 #55327e0b,0 12px 25px #51307716,inset 0 1px 0 #ffffff6b;border-radius:18px}
html[data-theme] .portrait-info{background:linear-gradient(130deg,#fffdfddd,#f3eafaab)}
html[data-theme="dark"] .portrait-info{background:linear-gradient(130deg,#342047,#251832)}
html[data-theme] .portrait-info h3{color:var(--text);font-weight:700}
html[data-theme] .btn{color:var(--text);background:var(--panel);border-color:var(--line);box-shadow:0 3px 0 #48206a12,inset 0 1px 0 #ffffff68;border-radius:10px;transition:transform .2s,box-shadow .2s}
html[data-theme] .btn.primary{background:linear-gradient(130deg,#9b65e4,#7842bd);border-color:#9360cc;color:#fff;box-shadow:0 4px 0 #4b277154,0 8px 20px #6d34a42b,inset 0 1px 0 #dab7ff63}
html[data-theme] .btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #48206a10,0 10px 25px #6e369d22;filter:none}
html[data-theme] .btn:active{transform:translateY(1px)}
html[data-theme] :is(.tabs button,.view-switch button){color:var(--muted);background:var(--panel);border-color:var(--line)}
html[data-theme] :is(.tabs button.active,.view-switch button.active){background:linear-gradient(140deg,#a068e333,#8341b426);color:var(--accent);border-color:#ae74e477;box-shadow:0 3px 10px #702da614,inset 0 1px 0 #ffffff3f}
html[data-theme] :is(input,select){color:var(--text);background:#fff9;border-color:#956cbe42;box-shadow:inset 0 2px 5px #5b337710;accent-color:#9e64e4}
html[data-theme="dark"] :is(input,select){background:#140c2266;border-color:#bd89ed42}
html[data-theme] label{color:var(--muted)}
html[data-theme] th{background:#ebe0f4;color:#745788;border-color:var(--line)}
html[data-theme="dark"] th{background:#342045;color:#d0b9e4}
html[data-theme] td{color:var(--text);border-color:var(--line)}
html[data-theme] :is(.result.highlight,.notice){background:linear-gradient(135deg,#b585e823,#d6b4ff26);border-color:#a169cd3d;color:var(--muted)}
html[data-theme] .result.highlight strong{color:var(--accent)}
html[data-theme] :is(.timeline-row,.quick-row,.requirement-row){color:var(--text);border-color:var(--line)}
html[data-theme] :is(.timeline-row b,.requirement-row b,.tool .symbol){color:var(--accent)}
html[data-theme] .tool .symbol{background:#a06bdd1e;border-color:var(--line)}
html[data-theme] .quick-icon{background:#a06bdd1b;color:var(--accent)}
html[data-theme] .reference-section h2{font-weight:700}
html[data-theme] .editorial-note{color:var(--muted);background:#a77ace19;border-color:var(--line)}
html[data-theme] .contents button{color:var(--muted)}
html[data-theme] .contents button:hover{color:var(--accent)}
html[data-theme] dialog{background:#f5edffe8;color:var(--text);border-color:#b089d25e;box-shadow:0 25px 70px #1b063950;backdrop-filter:blur(35px)}
html[data-theme="dark"] dialog{background:#271736ed}
html[data-theme] .search-result{color:var(--text);border-color:var(--line)}
html[data-theme] .search-result small{color:var(--muted)}
html[data-theme] .search-result:hover{background:#af7ed620}
html[data-theme] .tree-scroll{background-color:#d1afe518;background-image:linear-gradient(#9565b40a 1px,transparent 1px),linear-gradient(90deg,#9565b40a 1px,transparent 1px),linear-gradient(#9565b418 1px,transparent 1px),linear-gradient(90deg,#9565b418 1px,transparent 1px);scrollbar-color:#9461bb65 transparent;border-color:var(--line)}
html[data-theme="dark"] .tree-scroll{background-color:#140d24a3}
html[data-theme] .research-node .hex-outer{filter:drop-shadow(0 5px 5px #2f12413d)}
html[data-theme] .research-node.selected .hex-outer{stroke:#b879f0;stroke-width:3}
html[data-theme] .tree-connection.met{stroke:#a16ade}
html[data-theme] .research-selection{max-height:calc(100vh - 40px);overflow:auto;scrollbar-width:thin}
html[data-theme] .progress-notice{padding:15px;border-radius:12px;background:linear-gradient(135deg,#ae83dc25,#c696ed1b);border:1px solid #a66ed947;color:var(--text);margin-bottom:22px;font-size:11px;line-height:1.7;box-shadow:inset 0 1px 0 #ffffff24}
.progress-notice>strong{font-weight:650;display:block}
.progress-notice details summary{margin-top:9px;font-size:10px;color:var(--accent)}
.progress-notice ul{list-style:none;padding:0;margin:12px 0;max-height:230px;overflow:auto}
.progress-notice li{border-bottom:1px solid var(--line);padding:8px 0}
.progress-notice small{display:block;font-size:9px;color:var(--muted)}
.progress-notice .btn{margin-top:12px;padding:7px 10px}
html[data-theme] footer{line-height:1.9;border-color:var(--line);font-size:10px}
.footer-links{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.page-enter{animation:page-arrive .35s ease both}
@keyframes page-arrive{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes kingdom-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes badge-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:1150px){html[data-theme] .welcome{padding:32px 28px;grid-template-columns:1.4fr 1fr}html[data-theme] .welcome h1{font-size:38px}html[data-theme] .welcome-art{min-height:265px}.badge-research{right:-7px;top:0;padding:10px}.badge-planner{left:-8px;bottom:10px;padding:9px}html[data-theme] .welcome .actions .btn{font-size:10px;padding:9px 10px}html[data-theme] .search-trigger{max-width:245px}}
@media(max-width:800px){html[data-theme] .layout>aside{border-bottom:1px solid #c695f32b;border-right:0}html[data-theme] nav button:hover{transform:none}html[data-theme] header{flex-wrap:wrap;height:auto;min-height:72px;padding:14px 0;gap:9px}html[data-theme] #breadcrumb{flex:1;min-width:140px}html[data-theme] .search-trigger{flex:1;max-width:300px;margin-left:0}html[data-theme] .welcome{padding:28px 25px}html[data-theme] .welcome h1{font-size:35px}html[data-theme] .research-selection{max-height:none;overflow:visible}.float-badge{display:none}}
@media(max-width:560px){html[data-theme] #breadcrumb{flex-basis:100%;font-size:10px}html[data-theme] .header-youtube{font-size:10px;padding:7px 0}html[data-theme] .search-trigger{min-width:115px;max-width:none;font-size:10px}html[data-theme] .search-trigger kbd{display:none}html[data-theme] .theme-toggle{padding:7px 9px;min-height:35px}html[data-theme] .theme-label{display:none}html[data-theme] .welcome{display:block;padding:26px 22px;border-radius:20px}html[data-theme] .welcome-art{display:none}html[data-theme] .welcome h1{font-size:34px;letter-spacing:-1.3px}html[data-theme] .welcome p{font-size:12px}html[data-theme] .welcome .actions{gap:8px}html[data-theme] .welcome .actions .btn{font-size:10px}html[data-theme] .stat{padding:15px 18px}html[data-theme] .stat strong{font-size:28px}.footer-links{margin-top:14px;gap:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-theme] :is(.library-card,.portrait-card,.tool,.btn):hover{transform:none!important}.page-enter{opacity:1;transform:none}}

html[data-theme]{background:var(--bg)}html[data-theme] body{min-height:100vh}.sidebar-channel>span:last-child{font-size:10px;white-space:nowrap}

/* Larger, smoother artwork surfaces. Resampled files retain the original game art. */
.brand .mark img{width:100%;height:100%;object-fit:cover;border-radius:11px}.brand .mark{overflow:hidden;transform:none!important;padding:0!important}
html[data-theme] .brand .mark{width:43px;height:47px;box-shadow:0 4px 0 #150a3040,0 8px 19px #14042342,inset 0 1px 0 #ffffff50;border-radius:12px}
.portrait-stage{height:275px}.portrait-stage img{height:97%;max-width:98%;object-fit:contain;object-position:bottom center;image-rendering:auto}
html[data-theme] .library-art{height:198px;padding:12px}.library-art img{image-rendering:auto;object-fit:contain}
html[data-theme] .tech-grid .library-art{height:140px;padding:14px}.tech-grid .library-art img{max-width:105px;max-height:110px}
html[data-theme] .profile-art img{image-rendering:auto}
.catalog-grid .library-body h3,.portrait-info h3{font-size:16px}
html[data-theme] nav a.nav-link{display:flex;gap:13px;align-items:center;text-align:left;padding:12px;color:#d5c3e8;border:1px solid transparent;border-radius:12px;font-size:12px;text-decoration:none;transition:background .25s,transform .25s}
html[data-theme] nav a.nav-link.active{background:linear-gradient(130deg,#9151d74f,#7441c04b);border-color:#bf87f044;color:#f6e8ff;box-shadow:0 4px 16px #12032540,inset 0 1px 0 #ebceff2b}
html[data-theme] nav a.nav-link:hover{background:#bc80f922;color:#fff;transform:translateX(3px)}
a.library-card,a.portrait-link{color:var(--text);text-decoration:none;display:block}.seo-index{max-width:1150px;margin:auto}.seo-index section{margin-bottom:24px}.seo-index ul{columns:3;list-style:none;padding:0}.seo-index li{padding:7px 0;break-inside:avoid}.seo-index a{font-size:13px}.seo-body{padding-top:16px}.seo-body .panel{margin-bottom:20px}.seo-body .profile-banner{margin-bottom:26px}.seo-body dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seo-body dt{color:var(--muted)}.seo-body dd{margin:0}.seo-reference-section p{max-width:850px;line-height:1.9}.seo-note{font-size:12px}.skip-link{position:absolute;top:-80px;left:15px;background:#6b329e;color:#fff!important;padding:12px;z-index:100}.skip-link:focus{top:8px}
@media(max-width:1250px){.portrait-stage{height:245px}}
@media(max-width:800px){.portrait-stage{height:225px}html[data-theme] .library-art{height:166px}.catalog-grid .library-body h3,.portrait-info h3{font-size:14px}.seo-index ul{columns:2}html[data-theme] nav a.nav-link{white-space:nowrap;padding:9px 12px;font-size:11px;flex:none}html[data-theme] nav a.nav-link .ico{display:none}html[data-theme] nav a.nav-link:hover{transform:none}.brand .mark{width:36px!important;height:39px!important}}
@media(max-width:460px){.portrait-stage{height:214px}html[data-theme] .library-art{height:150px;padding:9px}html[data-theme] .tech-grid .library-art{height:125px}.seo-index ul{columns:1}}
@media(prefers-reduced-motion:reduce){html[data-theme] nav a.nav-link:hover{transform:none}}

html[data-theme] .local-save-status{display:flex;align-items:center;gap:9px;padding:10px 13px;margin-bottom:22px;border:1px solid var(--line);border-radius:10px;background:#a675d412;font-size:11px;color:var(--muted);line-height:1.6}.local-save-status>span:first-child{color:var(--accent);font-weight:750}.local-save-status .text-button{margin-left:auto;font-size:10px;white-space:nowrap}html[data-theme] .local-save-status.save-unavailable{background:#efb84716;border-color:#bd92444d}.save-unavailable>span:first-child{color:#ad6f22!important}@media(max-width:560px){.local-save-status{flex-wrap:wrap;font-size:10px!important}.local-save-status>span:nth-child(2){flex:1}.local-save-status .text-button{margin-left:20px}}

.returning-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.returning-progress h2{font-size:19px;margin-top:8px}.returning-progress p{font-size:11px;margin-bottom:0}.returning-progress .actions{margin-top:0;flex:none}@media(max-width:1100px){.returning-progress{display:block}.returning-progress .actions{margin-top:16px}}

/* Gift Codes is a placeholder only: no checkout, code input or redemption claims. */
.gift-code-preview{display:flex;align-items:center;gap:24px;margin-top:28px}.gift-code-preview h2{margin:7px 0}.gift-code-preview p{margin:0}.gift-code-preview>.btn{margin-left:auto;flex:none}.gift-preview-icon{width:70px;color:var(--purple);flex:none}.gift-preview-icon svg{width:100%;height:70px}.gift-code-panel{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:26px;overflow:hidden;padding:44px}.gift-code-copy h2{font-size:32px;line-height:1.18;max-width:360px;margin:23px 0 16px}.gift-code-copy p{max-width:430px}.gift-coming-badge{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:99px;border:1px solid rgba(146,94,241,.35);background:rgba(139,92,246,.12);color:var(--text);font-size:12px;font-weight:700}.gift-code-art{min-height:310px;display:grid;place-items:center;perspective:1000px;background:radial-gradient(ellipse,rgba(152,82,250,.24),transparent 70%)}.gift-code-mock{width:min(100%,325px);aspect-ratio:1.58;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:23px;border-radius:23px;background:linear-gradient(135deg,#9465eb,#6335af 58%,#32165e);color:#fff;border:1px solid rgba(255,255,255,.36);box-shadow:0 26px 45px rgba(53,22,102,.3),inset 0 1px 0 rgba(255,255,255,.5);transform:rotateY(-15deg) rotateZ(-8deg);transition:transform .45s}.gift-code-art:hover .gift-code-mock{transform:rotateY(-5deg) rotateZ(-3deg) translateY(-6px)}.gift-code-brand{align-self:flex-start;font-size:13px;font-weight:800;letter-spacing:.2px}.gift-code-mock svg{width:75px;height:75px}.gift-code-small{align-self:flex-end;font-size:9px;font-weight:700;letter-spacing:3px}.gift-code-symbol{font-size:65px;line-height:1}@media(max-width:1000px){.gift-code-panel{grid-template-columns:1fr;padding:28px}.gift-code-art{min-height:255px}.gift-code-copy h2{font-size:27px}.gift-code-preview{flex-wrap:wrap}.gift-code-preview>.btn{margin-left:0}.gift-preview-icon{width:48px}}@media(prefers-reduced-motion:reduce){.gift-code-mock{transition:none}.gift-code-art:hover .gift-code-mock{transform:rotateY(-15deg) rotateZ(-8deg)}}