: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)}}

/* Placement controls for the deduplicated building library. */
.building-variant-picker{display:block;max-width:440px;margin:16px 0 10px}.building-variant-picker select{display:block;width:100%;min-height:44px;font-size:16px;margin-top:7px}.building-variant-note{font-size:13px;line-height:1.6;max-width:580px;opacity:.85}.building-placement-links{margin:16px 0}.building-placement-links nav{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.building-placement-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;color:var(--text)}

/* Keep building cost panels inside narrow phone screens, with scrollable tables. */
@media(max-width:1000px){
 .profile-banner:has(.building-profile-art)+.detail-layout{grid-template-columns:minmax(0,1fr);min-width:0}
 .profile-banner:has(.building-profile-art)+.detail-layout>*{min-width:0}
 .profile-banner:has(.building-profile-art)+.detail-layout .results{grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-banner:has(.building-profile-art)+.detail-layout .result{min-width:0}
 .profile-banner:has(.building-profile-art)+.detail-layout .scroll{max-width:100%;overflow:auto}
}
@media(max-width:600px){
 .profile-banner:has(.building-profile-art)+.detail-layout .result strong{font-size:clamp(16px,4.8vw,22px);overflow-wrap:anywhere}
}

/* Local channel media: purple glass, responsive cards and opt-in playback. */
.channel-video-section{margin:30px 0;min-width:0;scroll-margin-top:24px}.video-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.video-section-heading h2{margin:7px 0 10px;font-size:clamp(23px,3vw,32px);letter-spacing:-.04em}.video-section-heading p,.video-privacy{color:var(--muted);line-height:1.65;max-width:74ch}.video-privacy{font-size:12px;margin:12px 0 20px}.video-grid,.catalog-grid.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.video-card.panel{padding:0;margin:0;overflow:hidden;min-width:0;border-radius:22px;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px #6336ad1a}.video-stage{position:relative;aspect-ratio:16/9;background:#130d20;border-bottom:1px solid var(--line,rgba(140,110,190,.18));overflow:hidden}.video-poster{display:block;position:relative;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#130d20;color:#fff;border-radius:0;text-align:initial}.video-poster img{display:block;width:100%;height:100%;object-fit:contain;opacity:.9;transition:transform .35s ease,opacity .25s}.video-poster:hover img{transform:scale(1.025);opacity:1}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(93,44,163,.9);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 30px #0005;font-size:21px;backdrop-filter:blur(10px);padding-left:3px}.video-duration{position:absolute;right:12px;bottom:12px;background:#100a20e6;color:white;border-radius:7px;font-size:12px;letter-spacing:.03em;padding:5px 7px}.video-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}.video-card-body{padding:22px}.video-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.video-kicker span{color:var(--accent,#9556da)}.video-kicker time{font-weight:500;text-transform:none;letter-spacing:0;white-space:nowrap}.video-card h3{font-size:18px;line-height:1.4;margin:13px 0 10px;overflow-wrap:anywhere}.video-card p{font-size:13px;line-height:1.7;color:var(--muted)}.video-actions{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 4px;font-size:12px;font-weight:700}.video-actions a,.video-snapshots a{color:var(--accent,#8954c9);text-underline-offset:4px}.video-snapshots{border-top:1px solid var(--line,rgba(140,110,190,.18));margin-top:18px;padding-top:4px}.video-snapshots summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:44px;list-style:none;font-size:12px;font-weight:650;color:var(--muted)}.video-snapshots summary::-webkit-details-marker{display:none}.video-snapshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:10px}.video-snapshot-grid figure{margin:0;text-align:center;min-width:0}.video-frame{display:grid;place-items:center;width:100%;height:180px;padding:0;background:#100b1e;border:1px solid #8d63b72b;border-radius:10px;overflow:hidden;cursor:pointer}.video-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:180px;object-fit:contain}.video-snapshots figcaption{font-size:10px;color:var(--muted);padding:9px 0}.video-card .video-frame-note{font-size:10px;line-height:1.5;margin-bottom:0}.video-collection-tools{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:16px;background:var(--panel,rgba(132,90,185,.06));border:1px solid var(--line,rgba(140,110,190,.18));border-radius:16px;margin:20px 0 12px}.video-collection-tools label{display:grid;gap:7px;flex:1;min-width:150px;font-size:12px;color:var(--muted)}.video-collection-tools input,.video-collection-tools select{width:100%;min-width:0;min-height:44px;font-size:16px}.video-collection-tools>span{font-size:12px;align-self:center;color:var(--muted);white-space:nowrap}.reference-sections .video-grid{grid-template-columns:minmax(0,1fr)}.video-index-links{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.video-index-links a{font-size:12px}.channel-video-section a:focus-visible,.video-card button:focus-visible,.video-card summary:focus-visible{outline:3px solid #b580ff;outline-offset:4px}@media(min-width:1500px){.catalog-grid.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.video-grid,.catalog-grid.video-grid{grid-template-columns:minmax(0,1fr)}.video-card-body{padding:18px}.video-section-heading{flex-wrap:wrap}.video-section-heading .pill{margin:0}.video-collection-tools label{flex-basis:100%}.video-collection-tools>span{padding-top:0}.video-kicker{font-size:9px;gap:8px}.video-card h3{font-size:17px}.video-frame{height:160px}.video-frame img{max-height:160px}}@media(prefers-reduced-motion:reduce){.video-card,.video-poster img{transition:none}.video-card:hover,.video-poster:hover img{transform:none}}

/* Organized event shelves, guide topics and external-only channel links. */
.organized-content,.organized-video-results{display:block;min-width:0}.library-topic-section,.media-format-group{margin:0 0 34px;min-width:0}.organized-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px}.organized-section-heading h2{font-size:23px;letter-spacing:-.025em;margin:7px 0}.organized-section-heading h3{font-size:18px;letter-spacing:-.02em;margin:0}.organized-section-heading p{font-size:13px;color:var(--muted);line-height:1.7;max-width:72ch;margin:6px 0}.organized-section-heading>span{color:var(--muted);font-size:11px;white-space:nowrap}.organized-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-bottom:12px}.organized-toolbar label{display:grid;gap:8px;font-size:12px;color:var(--muted);min-width:160px;flex:0 1 210px}.organized-toolbar .catalog-search-label{flex:1;min-width:200px}.organized-toolbar input,.organized-toolbar select{min-height:46px;font-size:16px;width:100%;min-width:0}.organized-toolbar .video-only-toggle{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:46px;flex:0 0 auto;min-width:0;padding:0 5px}.organized-toolbar .video-only-toggle input{width:18px;min-height:18px;height:18px;accent-color:#9255ce}.organized-reference-category{border:1px solid var(--line,rgba(145,100,195,.2));border-radius:18px;background:var(--panel,rgba(145,100,195,.05));margin:12px 0;overflow:hidden}.organized-reference-category>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;min-height:64px;padding:18px 22px;list-style:none;font-size:15px;font-weight:650}.organized-reference-category>summary::-webkit-details-marker{display:none}.organized-reference-category>summary>span:last-child{font-size:11px;color:var(--muted);white-space:nowrap;font-weight:500}.organized-reference-category summary b{margin-left:12px}.organized-reference-category[open]>summary b{display:inline-block;transform:rotate(45deg)}.organized-reference-category>.catalog-grid{padding:0 20px 22px}.guide-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}.guide-paths>a,.guide-paths>button{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;gap:10px;border:1px solid var(--line,rgba(145,100,195,.2));background:linear-gradient(135deg,rgba(149,90,210,.12),rgba(149,90,210,.04));padding:20px;border-radius:16px;text-decoration:none;color:inherit;cursor:pointer;min-height:100px;transition:transform .18s,box-shadow .18s}.guide-paths>a:hover,.guide-paths>button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #6a38a81c}.guide-paths span{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:700}.guide-paths b{font-size:14px;font-weight:650}.organized-guide-tabs{flex-wrap:wrap;overflow:visible;gap:8px}.organized-guide-tabs button{white-space:normal;min-height:44px}.stage-search-help{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 20px;max-width:88ch}.video-stage-range{display:inline-block;border:1px solid var(--line,rgba(145,100,195,.2));border-radius:7px;padding:5px 8px;font-size:11px;font-weight:650;color:var(--accent,#9556da);margin:0 0 4px}.video-external-badge{position:absolute;left:12px;bottom:12px;padding:5px 8px;background:rgba(20,10,35,.88);border:1px solid #ffffff28;border-radius:7px;color:#fff;font-size:11px;font-weight:650}.topic-page-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.topic-page-nav button,.topic-page-nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:12px;border-radius:10px;padding:10px 13px;border:1px solid var(--line,rgba(145,100,195,.25));background:rgba(130,90,190,.09);color:inherit;cursor:pointer;text-decoration:none}.topic-page-nav span{display:inline-grid;place-items:center;min-width:21px;min-height:21px;padding:1px 5px;border-radius:6px;background:rgba(145,85,210,.16);font-size:10px}.media-format-group+.media-format-group{border-top:1px solid var(--line,rgba(145,100,195,.2));padding-top:28px}.stage-match-results{padding:22px;border:1px solid var(--line,rgba(145,100,195,.25));border-radius:20px;background:rgba(130,90,190,.05)}a.search-result{text-decoration:none;color:inherit}.channel-video-section .organized-section-heading h3{font-size:18px}.organized-reference-category summary:focus-visible,.guide-paths>*:focus-visible,.topic-page-nav>*:focus-visible{outline:3px solid #a970ea;outline-offset:4px}@media(max-width:760px){.guide-paths{grid-template-columns:minmax(0,1fr);gap:9px;margin-bottom:20px}.guide-paths>a,.guide-paths>button{min-height:75px;padding:15px;gap:7px}.organized-toolbar{align-items:stretch}.organized-toolbar label,.organized-toolbar .catalog-search-label{flex:1 1 100%;min-width:0}.organized-toolbar .video-only-toggle{flex:1 1 100%;padding:0}.organized-section-heading{gap:10px;align-items:flex-start}.organized-section-heading h2{font-size:21px}.organized-section-heading>span{padding-top:9px}.organized-guide-tabs{display:flex;gap:7px}.organized-guide-tabs button{flex:1 1 calc(50% - 7px);font-size:11px;padding:10px 8px}.topic-page-nav{gap:8px}.topic-page-nav button{font-size:11px;padding:9px 10px}.organized-reference-category>summary{padding:16px;font-size:14px}.organized-reference-category>.catalog-grid{padding:0 12px 15px}.stage-match-results{padding:15px}}@media(prefers-reduced-motion:reduce){.guide-paths>a,.guide-paths>button{transition:none}.guide-paths>a:hover,.guide-paths>button:hover{transform:none}}

/* Compact written-guide topic shelves. */
.guide-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.guide-topic-grid>.library-topic-section{padding:20px;border:1px solid var(--line,rgba(145,100,195,.2));border-radius:19px;background:var(--panel,rgba(145,100,195,.05));margin:0}.guide-topic-grid .organized-section-heading h2{font-size:19px}.guide-topic-grid .catalog-grid{grid-template-columns:minmax(0,1fr);gap:13px}.guide-topic-grid .library-card{display:grid;grid-template-columns:125px minmax(0,1fr);min-width:0;border-radius:13px}.guide-topic-grid .library-art{height:100%;min-height:145px;border-bottom:0;border-right:1px solid var(--line,rgba(145,100,195,.15));padding:12px}.guide-topic-grid .library-art img{max-width:100%;max-height:130px}.guide-topic-grid .library-body{min-width:0;padding:16px}.guide-topic-grid .library-body h3{font-size:15px;line-height:1.45}.guide-topic-grid .library-body p{font-size:11px}.guide-topic-grid .library-body .meta{font-size:10px;gap:7px}.guide-topic-grid .library-body .eyebrow{font-size:8px}@media(max-width:1100px){.guide-topic-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.guide-topic-grid>.library-topic-section{padding:14px}.guide-topic-grid .library-card{grid-template-columns:85px minmax(0,1fr)}.guide-topic-grid .library-art{padding:8px}.guide-topic-grid .library-body{padding:13px}.guide-topic-grid .library-body h3{font-size:14px}.guide-topic-grid .library-body .meta{flex-wrap:wrap}}

/* Keep reference banners and topic jump controls inside narrow mobile columns. */
.reference-profile>div{min-width:0}.reference-profile .pill{max-width:100%;white-space:normal;line-height:1.5;box-sizing:border-box}.topic-page-nav{min-width:0;max-width:100%}.topic-page-nav button{max-width:100%;min-width:0;white-space:normal;flex-wrap:wrap;overflow-wrap:anywhere}@media(max-width:760px){.reference-profile .topic-page-nav{flex-direction:column;align-items:stretch}.reference-profile .topic-page-nav button{width:100%;justify-content:center}}

/* Spatial materials: a visionOS-inspired layer, with native artwork and no canvas. */
html[data-theme]{--space-surface:rgba(255,255,255,.56);--space-surface-strong:rgba(255,255,255,.79);--space-rim:rgba(255,255,255,.82);--space-divider:rgba(104,74,147,.12);--space-shadow:0 16px 45px rgba(69,39,112,.075),0 3px 8px rgba(69,39,112,.025),inset 0 1px 0 rgba(255,255,255,.9);--space-ink:#302544;--space-muted:#766884;--space-purple:#7950c8;--space-soft:#d8c6f4;--panel:var(--space-surface);--line:var(--space-divider);--text:var(--space-ink);--muted:var(--space-muted);--accent:var(--space-purple)}
html[data-theme="dark"]{--space-surface:rgba(36,28,53,.62);--space-surface-strong:rgba(45,35,63,.88);--space-rim:rgba(235,220,255,.15);--space-divider:rgba(211,181,250,.13);--space-shadow:0 18px 55px rgba(3,0,13,.21),0 3px 10px rgba(3,0,13,.13),inset 0 1px 0 rgba(255,255,255,.055);--space-ink:#f0e9fb;--space-muted:#b3a6c4;--space-purple:#c7a6ff;--space-soft:#44305f}
html[data-theme] body{background:radial-gradient(ellipse at 92% 3%,#d1b7f28c,transparent 42%),radial-gradient(ellipse at 13% 43%,#bcb4ee43,transparent 47%),radial-gradient(ellipse at 91% 85%,#f4dbd871,transparent 44%),linear-gradient(135deg,#f4f0f8,#ebe4f4 58%,#f1edf6);background-attachment:fixed;color:var(--space-ink)}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 90% 4%,#66428a40,transparent 43%),radial-gradient(ellipse at 5% 42%,#3b356536,transparent 44%),radial-gradient(ellipse at 86% 85%,#67454924,transparent 45%),linear-gradient(140deg,#100d19,#171020 60%,#100c18);background-attachment:fixed}
html[data-theme] body:before{background:#bd94e51c;filter:blur(95px);pointer-events:none}
html[data-theme] :is(.panel,.stat,.tool,.library-card,.organized-reference-category,.guide-topic-grid>.library-topic-section){background:var(--space-surface);border:1px solid var(--space-rim);box-shadow:var(--space-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border-radius:20px}
html[data-theme] :is(.panel,.library-card,.tool){transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
html[data-theme] :is(.library-card,.tool):hover{transform:translateY(-4px);border-color:var(--space-rim);box-shadow:0 24px 45px #66428a15,inset 0 1px 0 #ffffff70;text-decoration:none}
html[data-theme] :is(h1,h2,h3,.library-body h3){color:var(--space-ink)}
html[data-theme] :is(.reference-section p,.reference-section li,.pagehead p,.library-body p,.article-meta,.source-line,footer){color:var(--space-muted)}
html[data-theme] .btn{border-radius:12px;min-height:42px;border-color:var(--space-rim);background:var(--space-surface);box-shadow:inset 0 1px 0 #ffffff30,0 3px 12px #4e276412;color:var(--space-ink)}
html[data-theme] .btn.primary{background:linear-gradient(135deg,#9666de,#7244b8);color:#fff;border:1px solid #a579e9;box-shadow:0 7px 18px #7547bc28,inset 0 1px 0 #ffffff30}
html[data-theme] .btn.primary:hover{filter:brightness(1.06);box-shadow:0 10px 25px #7547bc3a}
html[data-theme] .btn:disabled{cursor:not-allowed;opacity:.5}
html[data-theme] :is(input,select){border-radius:12px;border-color:var(--space-divider);color:var(--space-ink)}
html[data-theme] a{color:var(--space-purple)}
html[data-theme] .layout>aside .brand{color:var(--space-ink)}
html[data-theme] .layout>aside .brand small{color:var(--space-muted);font-size:8px;letter-spacing:1.7px}
html[data-theme] nav a.nav-link{color:var(--space-muted);border-radius:13px}
html[data-theme] nav a.nav-link.active{background:linear-gradient(130deg,#a87bdd24,#af8ade17);border-color:#ad80dc30;color:var(--space-purple);box-shadow:inset 0 1px 0 #ffffff40,0 5px 15px #5532780a}
html[data-theme] nav a.nav-link:hover{color:var(--space-purple);background:#aa7ed917}
html[data-theme] .layout>aside .nav-label{color:var(--space-muted);opacity:.7}
html[data-theme] .layout>aside .bottom{border-color:var(--space-divider);color:var(--space-muted)}
html[data-theme] .layout>aside .bottom p{color:var(--space-muted)}
html[data-theme] .sidebar-channel{color:var(--space-purple)}
html[data-theme] .search-trigger,html[data-theme] .theme-toggle{background:var(--space-surface);border:1px solid var(--space-rim);color:var(--space-muted);box-shadow:inset 0 1px 0 #ffffff35,0 2px 7px #4e276409;border-radius:999px;min-height:40px}
html[data-theme] .search-trigger kbd{border-color:var(--space-divider);color:var(--space-muted)}
@media(min-width:1101px){html[data-theme] .layout{grid-template-columns:224px minmax(0,1fr)}html[data-theme] .layout>aside{margin:16px 0 16px 14px;top:16px;height:calc(100vh - 32px);padding:25px 17px 20px;border:1px solid var(--space-rim);border-radius:26px;background:var(--space-surface);box-shadow:var(--space-shadow);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}html[data-theme] .layout>aside #nav{margin-top:30px;gap:5px}html[data-theme] .layout>aside #nav a{padding:11px 12px;font-size:11px}html[data-theme] .layout>aside #nav .ico{font-size:16px;width:17px}html[data-theme] main{padding-left:30px;padding-right:30px}html[data-theme] main>header{position:sticky;top:16px;z-index:40;min-height:66px;height:auto;margin:16px 0 26px;padding:10px 18px;border:1px solid var(--space-rim);border-radius:24px;background:var(--space-surface);box-shadow:var(--space-shadow);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}html[data-theme] main>header #breadcrumb{font-size:10px}}
@media(max-width:1100px){html[data-theme] .layout>aside{background:var(--space-surface-strong);border-color:var(--space-rim);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}html[data-theme] main>header{position:relative;border-bottom-color:var(--space-divider)}}
/* Homepage: large, calm spatial layers rather than a flat dashboard. */
.spatial-home{padding-top:0;min-width:0}.spatial-home svg{width:22px;height:22px;flex:none}.spatial-home .eyebrow{color:var(--space-purple);font-size:9px;letter-spacing:1.8px}.spatial-home a:hover{text-decoration:none}
html[data-theme] .welcome.spatial-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr .95fr;gap:12px;align-items:center;overflow:hidden;min-height:485px;padding:36px 38px 35px;border:1px solid var(--space-rim);border-radius:30px;background:linear-gradient(125deg,rgba(255,255,255,.57),rgba(255,255,255,.24));box-shadow:var(--space-shadow);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%)}
html[data-theme="dark"] .welcome.spatial-hero{background:linear-gradient(130deg,#32234088,#251b3559 60%,#49305340)}
html[data-theme] .welcome.spatial-hero:after{content:'';position:absolute;z-index:-1;right:-90px;top:-100px;width:640px;height:640px;filter:blur(10px);background:radial-gradient(circle,#c3a3f23d,transparent 68%);pointer-events:none}
html[data-theme="dark"] .welcome.spatial-hero:after{background:radial-gradient(circle,#a775e91c,transparent 68%)}
.spatial-hero-copy{position:relative;z-index:3;min-width:0}.spatial-focus{display:inline-flex;gap:3px;padding:4px;border:1px solid var(--space-rim);border-radius:999px;background:#9d7ac50a;margin-bottom:31px;box-shadow:inset 0 1px 3px #6e47700a}.spatial-focus button{border:1px solid transparent;border-radius:999px;color:var(--space-muted);background:transparent;min-height:32px;padding:7px 17px;font-size:11px;line-height:1.2;transition:all .2s}.spatial-focus button.active{color:var(--space-ink);background:var(--space-surface-strong);border-color:var(--space-rim);box-shadow:0 3px 9px #593a8020}.spatial-eyebrow{display:flex;align-items:center;gap:8px}.spatial-star{font-size:15px;line-height:1}
html[data-theme] .welcome.spatial-hero h1{font-size:clamp(37px,4.1vw,64px);font-weight:650;letter-spacing:-.055em;line-height:1.07;margin:17px 0 19px;color:var(--space-ink);max-width:15ch}
html[data-theme] .welcome.spatial-hero h1 em{font-style:normal;background:linear-gradient(115deg,#7c51bf,#a773b6);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="dark"] .welcome.spatial-hero h1 em{background-image:linear-gradient(110deg,#c0a2f0,#e3bfd9)}
html[data-theme] .welcome.spatial-hero p{color:var(--space-muted);font-size:13px;line-height:1.8;max-width:40ch;margin:0 0 23px}
.spatial-hero .actions{gap:10px;margin:0}.spatial-hero .btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:12px 16px;font-size:11px}.spatial-hero .btn svg{width:17px;height:17px}.spatial-trust{font-size:9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--space-muted);margin-top:25px;letter-spacing:.015em}.spatial-trust-mark{font-size:14px;color:var(--space-purple)}
html[data-theme] .welcome-art.spatial-scene{display:grid;place-items:center;position:relative;min-width:0;height:405px;perspective:1000px;transform:rotateX(var(--spatial-rotate-x,0deg)) rotateY(var(--spatial-rotate-y,0deg));transition:transform .5s ease-out;transform-style:preserve-3d}
html[data-theme] .welcome-art.spatial-scene:before{display:none}.spatial-stage-glow{position:absolute;inset:6% -10%;background:radial-gradient(ellipse,#b994e633,transparent 65%);filter:blur(15px);pointer-events:none}.spatial-stage-platform{position:absolute;bottom:48px;left:13%;width:74%;height:42px;border:1px solid var(--space-rim);border-radius:50%;background:linear-gradient(150deg,#ffffff3d,#cfb6eb17);box-shadow:0 17px 18px #7043990f,inset 0 1px 0 #ffffff80;transform:rotate(-8deg)}.spatial-stage-orbit{position:absolute;width:90%;height:160px;border:1px solid var(--space-rim);border-radius:50%;pointer-events:none;opacity:.6;transform:rotate(-22deg)}.spatial-stage-orbit.orbit-one{bottom:84px;box-shadow:0 0 25px #c8a3e214}.spatial-stage-orbit.orbit-two{transform:rotate(25deg);width:100%;height:190px;bottom:120px;opacity:.3;border-style:dashed}.spatial-artifact{position:absolute;inset:5px 0 50px;transform:translateZ(22px);min-width:0}.spatial-castle-float{height:100%;display:grid;place-items:center;animation:spatial-levitate 8s ease-in-out infinite}
html[data-theme] .welcome-art.spatial-scene img.spatial-castle{position:relative;display:block;width:106%;max-width:410px;max-height:350px;object-fit:contain;animation:none;filter:drop-shadow(0 28px 19px #63457935)}
html[data-theme="dark"] .welcome-art.spatial-scene img.spatial-castle{filter:drop-shadow(0 26px 18px #05000b66)}
.spatial-float-note{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--space-rim);border-radius:16px;background:var(--space-surface-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 24px #5c327315,inset 0 1px 0 #ffffff40;transform:translateZ(38px);z-index:3}.spatial-float-note b{display:block;font-size:18px;line-height:1.25;font-weight:650;letter-spacing:-.04em}.spatial-float-note small{display:block;font-size:8px;line-height:1.5;color:var(--space-muted)}.spatial-mini-icon{display:grid;place-items:center;width:30px;height:34px;background:#a170cf12;border-radius:8px;color:var(--space-purple)}.spatial-mini-icon svg{width:18px;height:18px}.float-note-a{right:-2px;top:38px;animation:spatial-note-drift 9s ease-in-out infinite}.float-note-b{left:-8px;bottom:30px;animation:spatial-note-drift 10s 1s ease-in-out infinite}.spatial-scene-caption{position:absolute;bottom:18px;font-size:7px;letter-spacing:2px;color:var(--space-muted);text-align:center}.spatial-scene-dots{position:absolute;bottom:0;display:flex;gap:5px}.spatial-scene-dots i{width:4px;height:4px;border-radius:50%;background:var(--space-purple);opacity:.25}.spatial-scene-dots i:first-child{width:15px;border-radius:5px;opacity:.65}
.spatial-squad{height:100%;display:flex;align-items:center;justify-content:center;isolation:isolate;padding-top:8px}.spatial-squad-card{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:258px;width:172px;padding:14px 10px;border:1px solid var(--space-rim);border-radius:24px;background:linear-gradient(145deg,#edac7738,#fcdfcc20);box-shadow:0 20px 28px #4a27551f;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);text-decoration:none;color:var(--space-ink)!important}.spatial-squad-card[data-rarity="SSR"]{background:linear-gradient(135deg,#ac74d54d,#cba3e329)}.spatial-squad-card[data-rarity="SR"]{background:linear-gradient(135deg,#609fe34d,#96c8ed29)}.spatial-squad-card.squad-0{z-index:3;transform:translateY(-10px) rotate(2deg)}.spatial-squad-card.squad-1{z-index:2;transform:translate(-100px,25px) rotate(-12deg)}.spatial-squad-card.squad-2{z-index:1;transform:translate(103px,25px) rotate(13deg)}
html[data-theme] .welcome-art .spatial-squad-card img{height:186px;width:auto;max-width:140px;object-fit:contain;animation:none;filter:drop-shadow(0 8px 8px #24172e20)}.spatial-squad-card span{align-self:flex-start;position:absolute;top:12px;left:12px;font-size:9px;border:1px solid var(--space-rim);padding:3px 5px;border-radius:6px}.spatial-squad-card b{font-size:12px;font-weight:650}.spatial-event-planes{position:relative;width:100%;height:100%;display:grid;place-items:center}.spatial-event-plane{position:absolute;display:block;width:90%;max-width:320px;overflow:hidden;border-radius:20px;border:1px solid var(--space-rim);background:var(--space-surface-strong);box-shadow:0 18px 30px #3d20513a;backdrop-filter:blur(12px)}.spatial-event-plane.event-plane-0{transform:translate(-16px,-33px) rotate(-8deg);z-index:2}.spatial-event-plane.event-plane-1{transform:translate(20px,70px) rotate(7deg);z-index:1}
html[data-theme] .welcome-art .spatial-event-plane img{width:100%;max-width:none;display:block;aspect-ratio:16/9;object-fit:cover;animation:none;filter:none}.spatial-event-plane>span{display:flex;justify-content:space-between;padding:12px 15px;font-size:8px;letter-spacing:.09em;color:var(--space-ink)}
.spatial-launch-dock{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;border:1px solid var(--space-rim);border-radius:24px;padding:13px 10px;background:var(--space-surface);box-shadow:var(--space-shadow);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);margin:18px 0 24px}.spatial-launch-dock>a{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--space-muted);padding:10px 7px;border:1px solid transparent;border-radius:14px;min-height:44px;transition:transform .2s,background .2s}.spatial-launch-dock>a:hover{background:var(--space-surface-strong);border-color:var(--space-rim);transform:translateY(-3px);color:var(--space-purple)}.spatial-launch-dock>a>span{display:grid;place-items:center;color:var(--space-purple)}.spatial-launch-dock svg{width:21px;height:21px}.spatial-launch-dock b{font-size:11px;font-weight:600}
.spatial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 38px}.spatial-metrics>a{position:relative;padding:17px 22px;border:1px solid var(--space-rim);border-radius:20px;background:var(--space-surface);box-shadow:var(--space-shadow);color:var(--space-ink)}.spatial-metrics strong{display:block;font-size:29px;line-height:1.2;letter-spacing:-.06em;font-weight:600}.spatial-metrics span{display:block;font-size:10px;color:var(--space-muted);margin-top:6px}.spatial-metrics i{position:absolute;right:18px;top:17px;font-style:normal;font-size:13px;color:var(--space-muted);opacity:.65}.spatial-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:0 0 20px}.spatial-section-heading h2{margin:8px 0 0;font-size:26px;letter-spacing:-.045em;font-weight:600}.spatial-section-heading>a{font-size:10px;white-space:nowrap;padding-bottom:5px}.spatial-workbench{display:grid;grid-template-columns:1.13fr 1fr;gap:20px;margin-bottom:24px}.spatial-home .panel{margin:0;border-radius:24px;padding:25px}.spatial-panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.spatial-icon-box{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--space-rim);background:#9b78c20e;border-radius:13px;color:var(--space-purple);flex:none}.spatial-panel-heading h3{font-size:16px;letter-spacing:-.03em;margin:0 0 5px}.spatial-panel-heading p{font-size:10px;line-height:1.6;color:var(--space-muted);margin:0}.spatial-plan-tabs{display:flex;gap:6px;margin-bottom:22px}.spatial-plan-tabs button{font-size:10px;padding:8px 17px;min-height:36px;border:1px solid var(--space-divider);background:transparent;border-radius:10px;color:var(--space-muted)}.spatial-plan-tabs button.active{background:#9c6dce14;color:var(--space-purple);border-color:#a378c844;box-shadow:inset 0 1px 0 #ffffff38}.spatial-estimate-fields{display:grid;grid-template-columns:1fr 20px 1fr;align-items:end;gap:12px;margin-bottom:22px}.spatial-estimate-fields label{display:grid;gap:7px;font-size:10px;color:var(--space-muted)}.spatial-estimate-fields select{width:100%;min-width:0;min-height:44px;font-size:16px}.spatial-estimate-fields>span{font-size:18px;align-self:end;padding-bottom:12px;color:var(--space-muted);text-align:center}.spatial-estimate-numbers{display:flex;gap:0;margin-bottom:13px}.spatial-estimate-numbers>div{flex:1;padding:0 16px;border-left:1px solid var(--space-divider);min-width:0}.spatial-estimate-numbers>div:first-child{padding-left:0;border-left:0}.spatial-estimate-numbers small{display:block;font-size:9px;color:var(--space-muted);margin-bottom:6px}.spatial-estimate-numbers strong{font-size:23px;line-height:1.3;letter-spacing:-.045em;font-weight:600;overflow-wrap:anywhere}.spatial-home .spatial-estimate-note{font-size:9px;line-height:1.6;color:var(--space-muted);margin:0 0 19px}.spatial-estimate-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--space-divider);padding-top:17px}.spatial-estimate-footer>span{font-size:8px;line-height:1.6;color:var(--space-muted)}.spatial-estimate-footer .btn{font-size:10px;padding:10px 12px;white-space:nowrap}.spatial-estimate-error{font-size:12px;color:#bd567e;margin:15px 0 20px}.spatial-spotlight{display:flex;flex-direction:column}.spatial-spotlight-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.spatial-spotlight-header h3{font-size:15px;letter-spacing:-.025em;margin:8px 0 0}.spatial-carousel-controls{display:flex;gap:6px}.spatial-carousel-controls button{display:grid;place-items:center;width:34px;height:34px;font-size:20px;border:1px solid var(--space-rim);border-radius:50%;background:var(--space-surface);color:var(--space-muted)}#spatialHeroSpotlight{flex:1;display:grid;align-items:center;margin:12px 0}.spatial-featured-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:43% 57%;align-items:center;min-height:224px;gap:3px;color:var(--space-ink)!important;text-decoration:none}.spatial-hero-halo{position:absolute;z-index:-1;left:-10px;top:0;width:55%;height:100%;border-radius:50%;background:radial-gradient(ellipse,#e2ae7930,transparent 68%)}.spatial-featured-hero[data-rarity="SSR"] .spatial-hero-halo{background:radial-gradient(ellipse,#aa75de4a,transparent 68%)}.spatial-featured-hero[data-rarity="SR"] .spatial-hero-halo{background:radial-gradient(ellipse,#75abde4a,transparent 68%)}.spatial-featured-portrait{display:grid;place-items:center;align-self:stretch}.spatial-featured-portrait img{max-width:100%;width:155px;height:200px;object-fit:contain;filter:drop-shadow(0 10px 8px #6e446028)}.spatial-hero-rarity{display:inline-block;font-size:8px;font-weight:650;letter-spacing:.1em;border:1px solid #d0985345;background:#d8963d0d;color:#a66c25;border-radius:6px;padding:4px 7px}.spatial-featured-hero[data-rarity="SSR"] .spatial-hero-rarity{border-color:#ad7ed247;color:#a675d4;background:#ae72dc0d}.spatial-featured-hero[data-rarity="SR"] .spatial-hero-rarity{border-color:#72a8d247;color:#68a0ce;background:#72acdc0d}.spatial-featured-hero h2{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:13px 0 7px}.spatial-featured-hero p{font-size:10px;color:var(--space-muted);margin:0 0 19px}.spatial-hero-profile-link{display:flex;gap:9px;align-items:center;font-size:10px;color:var(--space-purple)}.spatial-hero-profile-link svg{width:15px;height:15px}.spatial-spotlight-bottom{border-top:1px solid var(--space-divider);padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:8px}.spatial-spotlight-bottom span{font-size:8px;line-height:1.6;color:var(--space-muted)}.spatial-spotlight-bottom a{font-size:10px;white-space:nowrap}
.spatial-home .spatial-stage-finder{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:37px;background:linear-gradient(125deg,#b8a0d517,#a8a6db19);padding:24px 27px}.spatial-stage-finder-copy{display:flex;gap:15px;align-items:center;min-width:0}.spatial-stage-finder h2{font-size:21px;margin:6px 0 4px;letter-spacing:-.04em}.spatial-stage-finder p{font-size:10px;color:var(--space-muted);margin:0}.spatial-stage-finder form{display:grid;gap:7px;min-width:280px}.spatial-stage-finder label{font-size:9px;color:var(--space-muted)}.spatial-stage-finder form>div{display:flex;gap:9px}.spatial-stage-finder input{width:94px;min-width:0;font-size:16px;min-height:44px}.spatial-stage-finder .btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;font-size:10px;padding:10px 13px}.spatial-stage-finder .btn svg{width:16px;height:16px}.spatial-home-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.spatial-home .spatial-home-video{padding:0;overflow:hidden;border-radius:21px;min-width:0}.spatial-home-video-cover{display:block;position:relative;overflow:hidden;aspect-ratio:16/9;background:#201525}.spatial-home-video-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.spatial-home-video-cover:hover>img{transform:scale(1.035)}.spatial-watch-pill{position:absolute;bottom:11px;left:11px;font-size:9px;color:#fff;background:#1b0e2ba8;border:1px solid #ffffff52;display:flex;gap:6px;align-items:center;border-radius:999px;padding:6px 10px;backdrop-filter:blur(15px)}.spatial-watch-pill svg{width:10px;height:10px}.spatial-video-time{position:absolute;bottom:12px;right:12px;color:#fff;background:#170d23bf;font-size:9px;padding:4px 6px;border-radius:6px}.spatial-home-video>div{padding:19px 20px 21px}.spatial-home-video .eyebrow{font-size:7px;letter-spacing:1.2px}.spatial-home-video h3{font-size:13px;line-height:1.6;letter-spacing:-.01em;margin:10px 0 14px}.spatial-home-video>div>a{font-size:9px}.spatial-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.spatial-home .spatial-personal-space{display:flex;align-items:flex-start;gap:16px;padding:24px}.spatial-personal-space h2{font-size:21px;margin:8px 0;letter-spacing:-.03em}.spatial-personal-space p{font-size:11px;color:var(--space-muted);line-height:1.8;margin-bottom:18px}.spatial-personal-space .btn{font-size:10px;display:inline-flex;align-items:center}.spatial-bottom-grid .gift-code-preview{height:100%;min-width:0;gap:15px}.spatial-bottom-grid .gift-code-preview .gift-preview-icon{display:none}.spatial-bottom-grid .gift-code-preview h2{font-size:21px}.spatial-bottom-grid .gift-code-preview p{font-size:11px;color:var(--space-muted)}.spatial-bottom-grid .gift-code-preview .btn{font-size:10px;white-space:normal;min-width:0}.spatial-bottom-grid .gift-code-preview .eyebrow{font-size:7px}
.spatial-home :is(a,button,input,select):focus-visible{outline:3px solid #a976e0;outline-offset:4px}.spatial-reveal{opacity:1;transform:none}.spatial-reveal.spatial-ready{opacity:0;transform:translateY(13px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}.spatial-reveal.spatial-ready.spatial-visible{opacity:1;transform:translateY(0)}
@keyframes spatial-levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes spatial-note-drift{0%,100%{transform:translate3d(0,0,38px)}50%{transform:translate3d(0,-5px,38px)}}
@media(min-width:1600px){html[data-theme] .welcome.spatial-hero{min-height:535px;padding:45px 50px}.spatial-scene{height:430px}.spatial-launch-dock{padding:15px}}
@media(max-width:1200px) and (min-width:761px){html[data-theme] .welcome.spatial-hero{padding:30px;min-height:475px}.spatial-focus button{padding:7px 13px}.spatial-trust{font-size:8px}.spatial-float-note{padding:10px;gap:7px}.float-note-a{right:-6px}.float-note-b{left:-8px}.spatial-workbench{grid-template-columns:1.05fr 1fr}.spatial-home .panel{padding:21px}.spatial-estimate-numbers strong{font-size:20px}.spatial-estimate-footer{flex-wrap:wrap}.spatial-home .spatial-stage-finder{flex-wrap:wrap}.spatial-stage-finder form{flex:1;min-width:250px}.spatial-stage-finder input{flex:1}.spatial-launch-dock>a{gap:8px}.spatial-squad-card{width:145px;height:235px}.spatial-squad-card.squad-1{transform:translate(-80px,25px) rotate(-11deg)}.spatial-squad-card.squad-2{transform:translate(80px,25px) rotate(12deg)}}
@media(max-width:760px){html[data-theme] main>header{margin-bottom:18px}html[data-theme] .welcome.spatial-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:24px 23px 17px;border-radius:25px;align-items:stretch}.spatial-focus{margin-bottom:25px}.spatial-focus button{min-height:36px;padding:8px 17px}.spatial-home .eyebrow{font-size:8px;letter-spacing:1.5px}html[data-theme] .welcome.spatial-hero h1{font-size:43px;line-height:1.08;letter-spacing:-.055em;max-width:16ch;margin:15px 0 17px}html[data-theme] .welcome.spatial-hero p{font-size:12px;line-height:1.8;max-width:42ch;margin-bottom:20px}.spatial-hero .btn{font-size:10px;padding:11px 13px;min-height:44px}.spatial-trust{font-size:8px;margin-top:20px}.spatial-trust-mark{font-size:12px}html[data-theme] .welcome-art.spatial-scene{display:grid;height:300px;min-height:300px;width:100%;margin-top:8px;transform:none}.spatial-artifact{inset:0 0 35px}html[data-theme] .welcome-art.spatial-scene img.spatial-castle{max-height:265px;max-width:310px;width:100%}.spatial-stage-platform{bottom:36px;height:30px}.spatial-stage-orbit.orbit-one{bottom:75px;height:120px}.spatial-stage-orbit.orbit-two{bottom:95px;height:155px}.spatial-float-note{padding:9px 10px;gap:7px;border-radius:12px}.spatial-float-note b{font-size:16px}.spatial-float-note small{font-size:7px}.spatial-mini-icon{width:25px;height:29px}.spatial-mini-icon svg{width:15px;height:15px}.float-note-a{right:0;top:22px}.float-note-b{left:0;bottom:19px}.spatial-scene-caption{bottom:11px;font-size:6px;letter-spacing:1.6px}.spatial-scene-dots{bottom:-3px}.spatial-launch-dock{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;border-radius:22px;margin:15px 0 18px}.spatial-launch-dock>a{gap:9px;padding:9px 7px;min-height:45px}.spatial-launch-dock b{font-size:10px}.spatial-launch-dock svg{width:18px;height:18px}.spatial-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:30px}.spatial-metrics>a{padding:16px 19px;border-radius:17px}.spatial-metrics strong{font-size:28px}.spatial-metrics span{font-size:9px}.spatial-section-heading{align-items:flex-start;gap:10px;margin-bottom:18px}.spatial-section-heading h2{font-size:23px;line-height:1.3}.spatial-section-heading>a{font-size:8px;white-space:normal;min-width:65px;text-align:right;margin-top:3px}.spatial-workbench{grid-template-columns:minmax(0,1fr);gap:17px;margin-bottom:18px}.spatial-home .panel{padding:22px}.spatial-panel-heading{gap:10px}.spatial-panel-heading h3{font-size:14px}.spatial-panel-heading p{font-size:10px}.spatial-plan-tabs button{min-height:40px;flex:1;padding:9px 10px}.spatial-estimate-numbers strong{font-size:23px}.spatial-estimate-footer{gap:10px;flex-wrap:wrap}.spatial-estimate-footer>span{font-size:8px}.spatial-estimate-footer .btn{font-size:9px;min-height:44px}.spatial-spotlight-header h3{font-size:14px}.spatial-carousel-controls button{width:40px;height:40px}.spatial-featured-hero{min-height:210px}.spatial-featured-portrait img{height:192px;width:145px}.spatial-featured-hero h2{font-size:25px}.spatial-home .spatial-stage-finder{display:flex;align-items:stretch;flex-direction:column;gap:19px;padding:22px;margin-bottom:28px}.spatial-stage-finder-copy{gap:11px}.spatial-stage-finder h2{font-size:20px}.spatial-stage-finder .eyebrow{font-size:6px;letter-spacing:1.2px}.spatial-stage-finder p{font-size:10px}.spatial-stage-finder form{min-width:0;width:100%}.spatial-stage-finder input{width:78px;flex:1;min-width:0}.spatial-stage-finder .btn{flex:2;min-width:0;font-size:9px;gap:6px;padding:10px}.spatial-stage-finder .btn svg{width:15px}.spatial-home-videos{grid-template-columns:minmax(0,1fr);gap:17px}.spatial-home .spatial-home-video{padding:0}.spatial-home-video>div{padding:18px 21px 21px}.spatial-home-video h3{font-size:14px}.spatial-home-video>div>a{font-size:10px}.spatial-bottom-grid{grid-template-columns:minmax(0,1fr);gap:17px}.spatial-home .spatial-personal-space{padding:22px}.spatial-bottom-grid .gift-code-preview{min-height:165px}.spatial-squad-card{height:205px;width:135px;border-radius:20px}.spatial-squad-card.squad-0{transform:translateY(-5px) rotate(2deg)}.spatial-squad-card.squad-1{transform:translate(-77px,18px) rotate(-10deg)}.spatial-squad-card.squad-2{transform:translate(78px,18px) rotate(11deg)}html[data-theme] .welcome-art .spatial-squad-card img{height:147px;max-width:110px}.spatial-squad-card b{font-size:10px}.spatial-event-plane{max-width:265px}.spatial-event-plane.event-plane-0{transform:translate(-7px,-27px) rotate(-6deg)}.spatial-event-plane.event-plane-1{transform:translate(8px,48px) rotate(6deg)}}
@media(max-width:360px){html[data-theme] .welcome.spatial-hero{padding:22px 18px 15px}html[data-theme] .welcome.spatial-hero h1{font-size:36px}.spatial-focus button{padding:8px 13px}.spatial-hero .actions{gap:8px}.spatial-hero .btn{font-size:9px;padding:10px 11px}.spatial-trust{font-size:7px;gap:5px}html[data-theme] .welcome-art.spatial-scene{height:265px;min-height:265px}.spatial-artifact{inset:0 0 32px}html[data-theme] .welcome-art.spatial-scene img.spatial-castle{max-height:235px}.spatial-float-note small{font-size:6px}.spatial-float-note{padding:8px;gap:5px}.spatial-float-note b{font-size:14px}.spatial-mini-icon{width:22px;height:25px}.spatial-scene-caption{font-size:5px}.spatial-launch-dock>a{gap:6px}.spatial-launch-dock b{font-size:9px}.spatial-launch-dock svg{width:16px}.spatial-home .panel{padding:19px}.spatial-estimate-numbers strong{font-size:20px}.spatial-estimate-numbers>div{padding:0 10px}.spatial-panel-heading h3{font-size:13px}.spatial-featured-hero{grid-template-columns:42% 58%}.spatial-featured-hero h2{font-size:22px}.spatial-featured-portrait img{width:120px;height:180px}.spatial-spotlight-header h3{font-size:12px}.spatial-carousel-controls{gap:4px}.spatial-carousel-controls button{width:36px;height:36px}.spatial-squad-card{width:115px;height:190px}.spatial-squad-card.squad-1{transform:translate(-63px,18px) rotate(-10deg)}.spatial-squad-card.squad-2{transform:translate(64px,18px) rotate(11deg)}}
@media(prefers-reduced-motion:reduce){.spatial-home *,html[data-theme] .library-card,html[data-theme] .tool{animation:none!important;transition:none!important}.spatial-reveal.spatial-ready{opacity:1;transform:none}.spatial-castle-float,.spatial-float-note,html[data-theme] .welcome-art.spatial-scene{animation:none!important;transform:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-theme]{--space-surface:#f5f0fa;--space-surface-strong:#faf7fd}html[data-theme="dark"]{--space-surface:#261e33;--space-surface-strong:#30253e}}

.spatial-motion-toggle{position:absolute;bottom:-2px;right:0;min-height:28px;padding:4px 8px;border:1px solid var(--space-rim);border-radius:999px;background:var(--space-surface);color:var(--space-muted);font-size:7px;z-index:4}.spatial-motion-toggle:disabled{opacity:.65;cursor:default}.spatial-motion-paused .spatial-castle-float,.spatial-motion-paused .spatial-float-note{animation-play-state:paused!important}.spatial-scene:has(.spatial-motion-toggle) .spatial-scene-caption{bottom:27px}@media(max-width:760px){.spatial-motion-toggle{font-size:7px;min-height:32px;bottom:-5px}.spatial-scene:has(.spatial-motion-toggle) .spatial-scene-caption{bottom:25px}.spatial-scene-dots{left:50%;transform:translateX(-50%)}}

/* Readable glass controls and progressive (never hidden) scroll entrances. */
html[data-theme] .welcome.spatial-hero .actions .btn.spatial-primary,html[data-theme] .spatial-home .panel .btn.primary{background:linear-gradient(135deg,#8854d0,#7040b6);color:#fff;border-color:#a579e9;box-shadow:0 7px 18px #7547bc28,inset 0 1px 0 #ffffff30;text-shadow:none}html[data-theme] .welcome.spatial-hero .actions .btn.spatial-secondary{background:var(--space-surface);color:var(--space-ink);border-color:var(--space-rim);text-shadow:none;box-shadow:inset 0 1px 0 #ffffff60,0 3px 10px #55327809}.spatial-reveal.spatial-ready{opacity:1;transform:none;transition:none}.spatial-reveal.spatial-ready.spatial-visible{animation:spatial-reveal-in .55s cubic-bezier(.2,.7,.2,1) both}@keyframes spatial-reveal-in{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}html[data-theme=dark] .spatial-hero-rarity{color:#e8bd84}.spatial-motion-toggle{font-size:8px}.spatial-scene:has(.spatial-motion-toggle) .spatial-scene-caption{bottom:39px}@media(max-width:760px){.spatial-estimate-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.spatial-estimate-numbers>div{padding:0!important;border:0}.spatial-estimate-numbers>div:nth-child(3){grid-column:1/-1;border-top:1px solid var(--space-divider);padding-top:12px!important;display:flex;align-items:center;justify-content:space-between;gap:10px}.spatial-estimate-numbers>div:nth-child(3) small{margin:0}.spatial-estimate-numbers strong{font-size:22px;overflow-wrap:normal;white-space:nowrap}.spatial-focus button,.spatial-plan-tabs button{min-height:44px}.spatial-carousel-controls button{width:44px;height:44px}.spatial-motion-toggle{min-height:40px;font-size:8px;bottom:-4px}.spatial-scene:has(.spatial-motion-toggle) .spatial-scene-caption{bottom:42px}}

/* Keep long reference sidebars clear of the floating navigation. */
@media(min-width:1101px){html[data-theme] main>header{position:relative;top:auto}html[data-theme] main:has(.spatial-home)>header{position:sticky;top:16px}html[data-theme] .layout>aside #nav{flex:1;min-height:0;overflow-y:auto;align-content:start;gap:3px;scrollbar-width:thin;overscroll-behavior:contain}html[data-theme] .layout>aside .bottom{flex:none}}

/* Give every stacked guide a reachable centre and keyboard focus layer. */
.spatial-event-plane{max-width:300px}.spatial-event-plane.event-plane-0{transform:translate(-16px,-65px) rotate(-8deg)}.spatial-event-plane.event-plane-1{transform:translate(20px,60px) rotate(7deg)}.spatial-event-plane:is(:hover,:focus-visible),.spatial-squad-card:is(:hover,:focus-visible){z-index:5}@media(max-width:760px){.spatial-scene:has(.spatial-event-planes){height:340px;min-height:340px}.spatial-event-plane{max-width:235px}.spatial-event-plane.event-plane-0{transform:translate(-7px,-60px) rotate(-6deg)}.spatial-event-plane.event-plane-1{transform:translate(8px,35px) rotate(6deg)}}

/* Living atmosphere. Decorative light stays behind high-contrast glass surfaces. */
html[data-theme]{--space-muted:#55405f;--space-purple:#5c2b99;--space-surface:rgba(255,255,255,.82);--space-surface-strong:rgba(255,255,255,.94);--living-orb-violet:#ae7eea;--living-orb-blue:#8eaaf2;--living-orb-rose:#e9accc;--living-orb-opacity:.46}
html[data-theme=dark]{--space-muted:#beafcf;--space-purple:#ceb1ff;--space-surface:rgba(31,24,46,.86);--space-surface-strong:rgba(37,28,53,.96);--living-orb-violet:#7840b2;--living-orb-blue:#414496;--living-orb-rose:#8c466e;--living-orb-opacity:.42}
.living-ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.layout{position:relative;z-index:1}.living-depth{position:absolute;inset:-120px -60px;transform:translate3d(var(--living-depth-x,0px),var(--living-depth-y,0px),0);transition:transform .35s ease-out}.living-aura{position:absolute;width:min(85vw,1100px);height:min(85vw,1100px);border-radius:50%;opacity:var(--living-orb-opacity);background:radial-gradient(ellipse at center,var(--aura-color) 0%,transparent 68%);animation:living-drift 23s ease-in-out infinite alternate;will-change:transform}.aura-violet{--aura-color:var(--living-orb-violet);right:-18%;top:-25%;animation-duration:23s}.aura-blue{--aura-color:var(--living-orb-blue);left:-28%;top:30%;animation-duration:29s;animation-delay:-13s}.aura-rose{--aura-color:var(--living-orb-rose);right:-14%;bottom:-46%;animation-duration:27s;animation-delay:-8s}
@keyframes living-drift{0%{transform:translate3d(-25px,0,0) scale(.93)}50%{transform:translate3d(50px,45px,0) scale(1.08)}100%{transform:translate3d(-20px,-55px,0) scale(1.02)}}
.living-mote{position:absolute;width:3px;height:3px;background:var(--space-purple);border-radius:50%;opacity:0;animation:living-mote-rise 19s linear infinite}.mote-0{left:21%;top:85%;animation-delay:-2s}.mote-1{left:43%;top:62%;animation-delay:-12s}.mote-2{left:68%;top:94%;animation-delay:-7s}.mote-3{left:87%;top:78%;animation-delay:-16s}.mote-4{left:35%;top:42%;animation-delay:-5s}.mote-5{left:77%;top:40%;animation-delay:-11s}.mote-6{left:92%;top:55%;animation-delay:-1s}@keyframes living-mote-rise{0%,100%{opacity:0;transform:translate3d(0,35px,0)}20%,70%{opacity:.24}95%{opacity:0;transform:translate3d(22px,-140px,0)}}
.living-scroll-track{position:absolute;inset:0 0 auto;height:3px;background:transparent}.living-scroll-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#8452c9,#ac83df,#dd99bd);transform:scaleX(var(--living-scroll,0));transform-origin:left;box-shadow:0 0 10px #9c65da66}
html[data-theme] .living-motion-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border:1px solid var(--space-rim);border-radius:50%;background:var(--space-surface);color:var(--space-ink);box-shadow:inset 0 1px 0 #ffffff30,0 2px 8px #4e276409;cursor:pointer;transition:background .2s,box-shadow .2s}.living-motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.living-motion-toggle[aria-pressed=true] svg{fill:currentColor;stroke:none}.living-motion-toggle:disabled{cursor:default;opacity:.7}html[data-theme] .living-motion-toggle:hover:not(:disabled){box-shadow:0 0 0 4px #9b6ad51a,inset 0 1px 0 #ffffff40}html[data-theme] .living-motion-toggle:focus-visible{outline:3px solid var(--space-purple);outline-offset:3px}
.living-enter{opacity:1}.living-enter.living-in-view{animation:living-arrive .65s cubic-bezier(.2,.7,.2,1) var(--living-delay,0ms) backwards}@keyframes living-arrive{from{transform:translateY(14px)}to{transform:translateY(0)}}
/* Native art lifts within its frame; labels and research map coordinates stay put. */
html[data-theme] :is(.library-card,.portrait-card,.video-card){transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .3s;transform-style:preserve-3d}
.library-art{position:relative;isolation:isolate;overflow:hidden}.library-art img,.portrait-stage img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s;position:relative;z-index:1}.library-art::after{content:"";position:absolute;inset:-40% -65%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 38%,#ffffff22 48%,transparent 60%);transform:translateX(-100%) rotate(-12deg);opacity:0;transition:transform .85s,opacity .3s}.library-card:focus-visible{outline:3px solid var(--space-purple);outline-offset:3px}
@media(hover:hover) and (pointer:fine){html[data-theme] :is(.library-card,.portrait-card,.video-card):hover{border-color:var(--space-purple);box-shadow:0 18px 32px #6333a62a,inset 0 1px 0 #ffffff30;transform:translateY(-5px)}html[data-theme] #app :is(.library-card,.portrait-card).living-tilted{animation:none;transform:perspective(900px) translateY(-5px) rotateX(var(--living-rx,0deg)) rotateY(var(--living-ry,0deg))}.library-card:hover .library-art img{transform:translateY(-9px) scale(1.07) rotate(-1.5deg);filter:drop-shadow(0 17px 13px #34204b55)}.portrait-card:hover .portrait-stage img{transform:translateY(-4px) scale(1.055)}.library-card:hover .library-art::after{transform:translateX(95%) rotate(-12deg);opacity:1}.nav-link:hover .ico{transform:translateY(-2px) rotate(-7deg)}.research-node:hover .node-icon img{transform:translateY(-3px) scale(1.06)}.research-node:hover .hex-outer{filter:drop-shadow(0 0 5px #b98bf566)}}
.library-card:focus-visible .library-art img{transform:translateY(-5px) scale(1.04)}.nav-link .ico,.node-icon img{transition:transform .3s}.node-hex{transition:filter .25s}.research-node:focus-visible .node-hex{filter:drop-shadow(0 0 6px #ab7bea80)}
.profile-art{position:relative;isolation:isolate}.profile-art img{position:relative;z-index:1;animation:living-profile-float 7s ease-in-out infinite;transition:filter .35s}.profile-art:before{content:"";position:absolute;left:12%;right:12%;bottom:6px;height:30px;border:1px solid var(--space-rim);border-radius:50%;background:radial-gradient(ellipse,#a477d52b,transparent 70%);box-shadow:0 0 22px #966bc51a;pointer-events:none}.profile-art:hover img{filter:drop-shadow(0 21px 17px #633da655)}@keyframes living-profile-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* Legibility beats decoration: opaque-enough material and explicit secondary text. */
html[data-theme] :is(.library-body,.portrait-info) :is(p,.meta),html[data-theme] :is(.nav-label,.crumb,.source-line,.section-title,.skill-heading,.spatial-estimate-note,.spatial-estimate-footer){color:var(--space-muted)}html[data-theme] :is(.library-body,.portrait-info) :is(h2,h3){color:var(--space-ink)}html[data-theme] .library-body .eyebrow{color:var(--space-purple)}html[data-theme] .layout>aside .nav-label{opacity:1;color:var(--space-muted)}html[data-theme] :is(input,select,textarea)::placeholder{color:var(--space-muted);opacity:1}html[data-theme] .panel p:not(.error):not([role=alert]){color:var(--space-muted)}html[data-theme] .video-card :is(.video-title,h3){color:var(--space-ink)}html[data-theme] .video-card :is(.video-meta,.video-description){color:var(--space-muted)}
html[data-theme] :is(.btn,.text-button,.nav-link,.backlink,.crumb):focus-visible{outline:3px solid var(--space-purple);outline-offset:3px}
@media(max-width:760px){.living-aura{width:135vw;height:135vw}.aura-violet{right:-38%;top:0}.aura-blue{left:-52%;top:40%}.aura-rose{right:-34%;bottom:-12%}.living-mote:nth-of-type(n+8){display:none}html[data-theme] main>header{flex-wrap:wrap;row-gap:9px}html[data-theme] .living-motion-toggle{width:36px;height:36px}.living-enter.living-in-view{animation-duration:.5s}.profile-art img{animation-duration:8s}}
/* Pause covers all auto-motion, not just the hero. Static hover/focus colour feedback remains. */
html[data-motion=paused] :is(.living-aura,.living-mote,.profile-art img){animation-play-state:paused!important}html[data-motion=paused] :is(.living-enter,.spatial-reveal){animation:none!important;transform:none}html[data-motion=paused] .living-depth{transition:none}html[data-motion=paused] #app :is(.library-card,.portrait-card,.video-card):hover,html[data-motion=paused] #app .living-tilted{transform:none!important}html[data-motion=paused] :is(.library-art img,.portrait-stage img,.node-icon img,.nav-link .ico){transform:none!important;transition:none!important}html[data-motion=paused] .library-art::after{display:none}html[data-motion-rest=true] :is(.living-aura,.living-mote,.profile-art img,.spatial-castle-float,.spatial-float-note){animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.living-aura,.living-mote,.living-enter.living-in-view,.profile-art img{animation:none!important}.living-mote{display:none}.living-depth{transform:none!important;transition:none!important}.living-scroll-track{display:none}html[data-theme] #app :is(.library-card,.portrait-card,.video-card):hover,html[data-theme] #app .living-tilted{transform:none!important}html[data-theme] :is(.library-art img,.portrait-stage img,.node-icon img,.nav-link .ico){transform:none!important;transition:none!important}.library-art::after{display:none}}
html[data-theme] .pill{color:var(--space-muted);background:var(--space-surface-strong);border-color:var(--space-divider)}html[data-theme] :is(.source-line a,.header-youtube,.footer-links a,.text-button,.backlink){color:var(--space-purple)}
.video-poster img{transition:transform .45s ease-out}@media(hover:hover) and (pointer:fine){.video-card:hover .video-poster img{transform:scale(1.035)}}
.research-node.selected .hex-outer{animation:living-node-signal 4s ease-in-out infinite}@keyframes living-node-signal{0%,100%{filter:drop-shadow(0 0 1px #ac80ec33)}50%{filter:drop-shadow(0 0 6px #ac80ec99)}}html[data-motion=paused] .research-node.selected .hex-outer,html[data-motion-rest=true] .research-node.selected .hex-outer{animation-play-state:paused!important}html[data-motion=paused] .video-poster img{transform:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.research-node.selected .hex-outer{animation:none!important}.video-poster img{transform:none!important;transition:none!important}}
/* Keep exact planner values inside narrow screens, rather than shrinking or hiding totals. */
.calc-layout>*,.results,.result{min-width:0}.results{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-layout .scroll{max-width:100%;overflow-x:auto}@media(max-width:600px){.calc-layout .results{grid-template-columns:minmax(0,1fr)}.calc-layout .result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px}.calc-layout .result strong{font-size:22px;margin:0;white-space:nowrap;justify-self:end}.calc-layout .result small{grid-column:1/-1}}
html[data-theme] .welcome.spatial-hero .spatial-hero-copy .eyebrow{color:var(--space-purple)}
@media(max-width:550px){html[data-theme] main>header{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;column-gap:8px;row-gap:9px;height:auto}html[data-theme] main>header #breadcrumb{grid-row:1;grid-column:1/-1;justify-self:start;max-width:calc(100% - 130px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-theme] main>header .header-youtube{grid-row:1;grid-column:1/-1;justify-self:end;white-space:nowrap;margin:0}html[data-theme] main>header .search-trigger{grid-row:2;grid-column:1;min-width:0;width:100%;margin:0;justify-content:flex-start}html[data-theme] main>header .theme-toggle{grid-row:2;grid-column:2;width:36px;height:36px;padding:7px}html[data-theme] main>header .living-motion-toggle{grid-row:2;grid-column:3}}

/* Research map camera. Browser page zoom is untouched outside this viewport. */
html[data-theme] .research-board{background:var(--space-surface-strong);border-color:var(--space-rim)}.tree-camera-controls{padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;border-top:1px solid var(--space-divider);background:var(--space-surface-strong)}.tree-zoom-row,.tree-camera-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tree-camera-actions{margin-left:auto}.tree-camera-controls button{min-height:42px;padding:8px 12px;border:1px solid var(--space-divider);border-radius:10px;background:var(--space-surface);color:var(--space-ink);font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.tree-camera-controls button:hover:not(:disabled){background:var(--space-surface-strong);border-color:var(--space-purple)}.tree-camera-controls button:disabled{opacity:.45;cursor:default}.tree-camera-controls button:focus-visible,.tree-scroll:focus-visible{outline:3px solid var(--space-purple);outline-offset:-3px}.tree-camera-controls #treeZoomOut,.tree-camera-controls #treeZoomIn{width:42px;font-size:22px;padding:4px}.tree-zoom-row output{min-width:42px;text-align:center;font-weight:650;font-size:12px;color:var(--space-ink);font-variant-numeric:tabular-nums}.tree-zoom-row input[type=range]{width:95px;min-height:42px;padding:0;accent-color:var(--space-purple);cursor:pointer}.tree-camera-controls #treeGestureHelp{flex-basis:100%;margin:1px 0 0;font-size:11px;line-height:1.55;color:var(--space-muted)}
html[data-theme] .tree-scroll{height:min(70vh,740px);min-height:300px;max-height:none;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;overflow:auto;overflow-anchor:none;scroll-behavior:auto;scrollbar-gutter:stable;overscroll-behavior:contain}.tree-scroll.tree-dragging,.tree-scroll.tree-dragging .research-node{cursor:grabbing}.tree-extent{position:relative;overflow:hidden;min-width:100%}html[data-theme] .tree-canvas{position:absolute;margin:0;transform-origin:0 0;transition:none!important;will-change:transform}.tree-scroll .research-node{touch-action:none}.tree-scroll img{-webkit-user-drag:none;user-select:none;pointer-events:none}.tree-scroll .research-node:focus-visible{outline:3px solid var(--space-purple);outline-offset:3px;border-radius:12px}
html[data-theme] .tree-scroll .node-name{font-size:clamp(13px,calc(10px / var(--tree-zoom,1)),28px);line-height:1.2;color:var(--space-ink);font-weight:650;text-shadow:none;margin-top:6px;min-height:0;max-height:2.4em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}html[data-theme] .tree-scroll .node-level{font-size:clamp(19px,calc(13px / var(--tree-zoom,1)),36px);line-height:1.1;bottom:17px;color:#40234f;text-shadow:0 1px 0 #ffffff60}html[data-theme=dark] .tree-scroll .node-level{color:#fff4ff;text-shadow:0 1px 2px #0009}html[data-theme] .tree-scroll .research-node.search-dim{opacity:.36}.tree-scroll.tree-dragging .research-node:hover{transform:none}.tree-scroll .tree-lines{pointer-events:none}
.tree-selected-strip{padding:13px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--space-divider);background:var(--space-surface-strong);min-width:0}.tree-selected-strip>div{min-width:0;flex:1}.tree-selected-strip small{display:block;font-size:9px;letter-spacing:1px;color:var(--space-muted)}.tree-selected-strip strong{display:block;font-size:14px;line-height:1.4;color:var(--space-ink)}.tree-selected-strip span{display:block;font-size:11px;color:var(--space-muted)}.tree-selected-strip .btn{flex:none;min-height:44px;padding:10px 12px;font-size:11px}.tree-return-button{display:none!important}.research-selection{scroll-margin-top:24px}.board-hint{color:var(--space-muted)!important}
.research-focus-mode{overflow:hidden}.research-board.tree-focused{position:fixed!important;inset:14px;z-index:200;display:flex;flex-direction:column;margin:0;isolation:isolate;background:var(--space-surface-strong)!important;box-shadow:0 0 0 40px #140d2480;backdrop-filter:blur(30px);border-radius:20px;max-height:calc(100dvh - 28px)}html[data-theme] .tree-focused .tree-scroll{flex:1;min-height:80px;height:auto}.tree-focused .board-heading{padding-top:12px;padding-bottom:8px}.tree-focused .tree-legend{padding-bottom:9px}.tree-focused .tree-footnote{display:none}.tree-focused #treeFocusToggle{color:#fff;background:#7644b8;border-color:#9b75ce}.tree-focused .tree-camera-controls{padding-top:8px;padding-bottom:8px}.tree-focused .tree-selected-strip{flex:none}
@media(max-width:1000px){.tree-return-button{display:inline-flex!important;min-height:44px;margin-bottom:18px}.research-category-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:8px}.research-category-tabs button{flex:none}.research-selection{scroll-margin-top:18px}html[data-theme] .tree-scroll{height:min(62svh,620px);min-height:300px}.research-board.tree-focused{inset:8px;border-radius:16px;max-height:calc(100dvh - 16px)}}
@media(max-width:550px){.tree-camera-controls{padding:10px;gap:7px}.tree-zoom-row{gap:5px;flex:1;justify-content:space-between;flex-wrap:nowrap}.tree-zoom-row input[type=range]{display:none}.tree-camera-controls button{min-height:44px;padding:7px 10px;font-size:11px}.tree-camera-controls #treeZoomOut,.tree-camera-controls #treeZoomIn{width:38px;min-width:38px}.tree-zoom-row output{min-width:34px}.tree-camera-actions{width:100%;margin:0;justify-content:space-between}.tree-camera-controls #treeGestureHelp{font-size:10px}.tree-selected-strip{padding:12px;gap:8px}.tree-selected-strip strong{font-size:13px}.tree-selected-strip .btn{padding:10px;font-size:10px}.tree-focused .tree-legend{display:none}.tree-focused .board-heading{padding:12px}.tree-focused .board-hint{display:none}}
@media(prefers-reduced-motion:reduce){.tree-canvas,.tree-camera-controls *{transition:none!important;scroll-behavior:auto!important}}
.research-focus-mode #app{transform:none!important;animation:none!important}
html[data-theme] :is(.tree-legend,.tree-footnote,.local-progress-note,.small-note,.tree-costs>span,.tech-status){color:var(--space-muted)}html[data-theme] .tree-costs b{color:var(--space-ink)}.tree-legend{font-size:11px!important}.tree-footnote{font-size:11px!important;line-height:1.6}

/* Mobile-only navigation polish; desktop sidebar geometry stays intact. */
.mobile-brand-row{display:contents}.mobile-nav-toggle{display:none}.mobile-navigation-sheet{display:none}.mobile-navigation-sheet[open]{display:block}.mobile-navigation-open{overflow:hidden}
.mobile-navigation-sheet{position:fixed;inset:auto 0 8px;margin:0 auto;width:calc(100% - 16px);max-width:520px;max-height:min(84dvh,740px);padding:0;border:1px solid var(--space-rim);border-radius:25px;overflow-y:auto;overscroll-behavior:contain;background:var(--space-surface-strong);color:var(--space-ink);box-shadow:0 -12px 70px #160a3c30;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);scrollbar-width:thin}.mobile-navigation-sheet::backdrop{background:#10091e88;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mobile-navigation-sheet[open]{animation:mobile-menu-arrive .23s ease-out}.mobile-navigation-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 19px 16px;border-bottom:1px solid var(--space-divider);background:var(--space-surface-strong);backdrop-filter:blur(20px)}.mobile-navigation-heading>div>span{font-size:9px;font-weight:650;letter-spacing:1.5px;color:var(--space-purple)}.mobile-navigation-heading h2{margin:5px 0 0;font-size:23px;color:var(--space-ink);letter-spacing:-.6px}.mobile-menu-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--space-divider);border-radius:50%;background:var(--space-surface);color:var(--space-ink);font-size:26px;cursor:pointer}.mobile-nav-group{padding:0 17px;margin:17px 0 0}.mobile-nav-group h3{font-size:10px;font-weight:650;letter-spacing:1px;color:var(--space-muted);margin:0 0 8px}.mobile-nav-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-menu-link{display:flex;align-items:center;gap:9px;min-height:56px;padding:11px 10px;border:1px solid var(--space-divider);border-radius:13px;background:var(--space-surface);color:var(--space-ink);text-decoration:none;font-size:12px;font-weight:550;line-height:1.45;transition:background .2s,border-color .2s}.mobile-menu-icon{display:inline-grid;place-items:center;width:23px;height:27px;flex:none;font-size:19px;color:var(--space-purple)}.mobile-menu-chevron{margin-left:auto;color:var(--space-muted);font-size:18px}.mobile-menu-link.active{color:var(--space-purple);border-color:var(--space-purple);background:linear-gradient(130deg,#bd96e52a,#ffffff1a);box-shadow:inset 0 1px 0 #ffffff30}.mobile-menu-link:hover{border-color:var(--space-purple);text-decoration:none}.mobile-navigation-note{padding:18px 20px max(19px,env(safe-area-inset-bottom));font-size:11px;color:var(--space-muted)}.mobile-menu-close:focus-visible,.mobile-menu-link:focus-visible{outline:3px solid var(--space-purple);outline-offset:-3px}@keyframes mobile-menu-arrive{from{opacity:.8;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:760px){html[data-theme] .layout>aside{padding:17px 16px 11px;background:var(--space-surface-strong);border-bottom:1px solid var(--space-divider)}.mobile-brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin-bottom:13px}html[data-theme] .layout>aside .brand{margin:0;gap:10px;min-width:0;font-size:clamp(16px,4.5vw,19px);line-height:1.35}html[data-theme] .layout>aside .brand small{font-size:8px;letter-spacing:1.2px;color:var(--space-muted)}html[data-theme] .layout>aside .brand .mark{width:35px!important;height:39px!important;flex:none}html[data-theme] .mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex:none;padding:10px;border:1px solid var(--space-divider);border-radius:13px;background:var(--space-surface);box-shadow:inset 0 1px 0 #ffffff35;color:var(--space-ink);font:inherit;font-size:11px;font-weight:650;cursor:pointer}.mobile-nav-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.mobile-nav-toggle[aria-expanded=true]{border-color:var(--space-purple);color:var(--space-purple)}.mobile-nav-toggle:focus-visible{outline:3px solid var(--space-purple);outline-offset:2px}html[data-theme] .layout>aside #nav{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;margin-top:0;padding:2px 1px 4px;max-width:100%;min-width:0;scrollbar-width:none;overscroll-behavior-x:contain;scroll-padding-inline:14px;mask-image:linear-gradient(to right,transparent,#000 var(--nav-fade-start,0px),#000 calc(100% - var(--nav-fade-end,0px)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--nav-fade-start,0px),#000 calc(100% - var(--nav-fade-end,0px)),transparent)}#nav::-webkit-scrollbar{display:none}html[data-theme] .layout>aside #nav .nav-link{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:44px;padding:10px 13px;border:1px solid var(--space-divider);border-radius:13px;background:var(--space-surface);color:var(--space-muted);font-size:12px;line-height:1.3;white-space:nowrap;text-decoration:none;transform:none;box-shadow:none}html[data-theme] .layout>aside #nav .nav-link .ico{display:inline-grid;place-items:center;flex:none;width:17px;min-height:19px;font-size:16px;color:inherit;transform:none}html[data-theme] .layout>aside #nav .nav-link.active{color:var(--space-purple);font-weight:700;border-color:var(--space-purple);background:linear-gradient(135deg,#c4a0f039,#ffffff24);box-shadow:inset 0 1px 0 #ffffff50}html[data-theme=dark] .layout>aside #nav .nav-link.active{color:#f5edff;background:linear-gradient(135deg,#9862d145,#6f45a32b)}html[data-theme] .layout>aside #nav .nav-link:focus-visible{outline:3px solid var(--space-purple);outline-offset:-3px}}
html[data-motion=paused] .mobile-navigation-sheet[open]{animation:none}@media(prefers-reduced-motion:reduce){.mobile-navigation-sheet[open]{animation:none!important}.mobile-menu-link,.mobile-nav-toggle{transition:none!important}}
.mobile-nav-group>div>.mobile-menu-link:only-child{grid-column:1/-1}

#mobileNavigationLinks{padding-bottom:max(20px,env(safe-area-inset-bottom))}

/* Complete, fixed-appearance presets. Rarity artwork and game colours are intentionally untouched. */
html[data-preset=lavender][data-theme=light]{--preset-bg:#f4f0f8;--preset-bg-end:#ebe4f4;--preset-halo:#c5a0e8;--preset-rgb:108 64 159;--preset-button-start:#8854d0;--preset-button-end:#7040b6;--preset-heading-start:#7545a8;--preset-heading-end:#9365b3;--space-surface:rgba(255,255,255,.82);--space-surface-strong:rgba(255,255,255,.94);--space-ink:#302544;--space-muted:#55405f;--space-purple:#5c2b99}
html[data-preset=midnight][data-theme=dark]{--preset-bg:#100d19;--preset-bg-end:#171020;--preset-halo:#66428a;--preset-rgb:192 155 244;--preset-button-start:#8854d0;--preset-button-end:#7040b6;--preset-heading-start:#c0a1fa;--preset-heading-end:#dbb8d5;--space-surface:rgba(31,24,46,.86);--space-surface-strong:rgba(37,28,53,.96);--space-ink:#f0e9fb;--space-muted:#beafcf;--space-purple:#ceb1ff}
html[data-preset=ocean][data-theme=light]{--preset-bg:#eff7fb;--preset-bg-end:#e4f0f5;--preset-halo:#8dbed6;--preset-rgb:23 103 140;--preset-button-start:#17678c;--preset-button-end:#164e70;--preset-heading-start:#175877;--preset-heading-end:#356d88;--space-surface:rgba(250,254,255,.86);--space-surface-strong:rgba(251,254,255,.96);--space-rim:rgba(240,252,255,.92);--space-divider:rgba(34,93,120,.18);--space-ink:#14364a;--space-muted:#3c5869;--space-purple:#125d82;--space-soft:#bedce9;--space-shadow:0 16px 45px #204c6912,0 3px 8px #204c6907,inset 0 1px 0 #fff;--living-orb-violet:#81bdd4;--living-orb-blue:#87a8e2;--living-orb-rose:#94c8c9;--living-orb-opacity:.38}
html[data-preset=emerald][data-theme=dark]{--preset-bg:#0b1815;--preset-bg-end:#10211b;--preset-halo:#27694c;--preset-rgb:143 215 179;--preset-button-start:#226747;--preset-button-end:#194d39;--preset-heading-start:#9cdeb9;--preset-heading-end:#d1dfaa;--space-surface:rgba(17,37,31,.88);--space-surface-strong:rgba(22,45,37,.96);--space-rim:rgba(198,240,213,.18);--space-divider:rgba(169,215,187,.18);--space-ink:#e4f5ec;--space-muted:#a8c9b8;--space-purple:#8fd7b3;--space-soft:#294b3c;--space-shadow:0 18px 55px #000d081f,0 3px 10px #000d081a,inset 0 1px 0 #d4ffdf10;--living-orb-violet:#27694c;--living-orb-blue:#254f5b;--living-orb-rose:#626339;--living-orb-opacity:.35}
html[data-preset=amber][data-theme=dark]{--preset-bg:#1b1410;--preset-bg-end:#251a13;--preset-halo:#9a6333;--preset-rgb:239 191 124;--preset-button-start:#9b571f;--preset-button-end:#7a421b;--preset-heading-start:#f1cd91;--preset-heading-end:#df9c75;--space-surface:rgba(45,33,25,.89);--space-surface-strong:rgba(52,37,28,.97);--space-rim:rgba(255,225,180,.19);--space-divider:rgba(231,191,149,.18);--space-ink:#fff0de;--space-muted:#d6baa0;--space-purple:#efbf7c;--space-soft:#63442e;--space-shadow:0 18px 55px #1608002e,0 3px 10px #1608001f,inset 0 1px 0 #ffeac411;--living-orb-violet:#9a6333;--living-orb-blue:#704c45;--living-orb-rose:#6c5630;--living-orb-opacity:.36}
html[data-theme][data-preset] body{background:radial-gradient(ellipse at 95% 7%,rgb(var(--preset-rgb,108 64 159) / .12),transparent 45%),radial-gradient(ellipse at 4% 70%,rgb(var(--preset-rgb,108 64 159) / .07),transparent 50%),linear-gradient(140deg,var(--preset-bg,var(--bg)),var(--preset-bg-end,var(--bg)));background-attachment:fixed;color:var(--space-ink)}
html[data-theme][data-preset] dialog{background:var(--space-surface-strong);color:var(--space-ink);border-color:var(--space-rim)}html[data-theme][data-preset] #app .btn.primary{background:linear-gradient(135deg,var(--preset-button-start,#8854d0),var(--preset-button-end,#7040b6));color:#fff;border-color:rgb(var(--preset-rgb,108 64 159) / .5);box-shadow:0 7px 18px rgb(var(--preset-rgb,108 64 159) / .16),inset 0 1px 0 #ffffff30;text-shadow:none}html[data-theme][data-preset] .spatial-hero h1 em{background-image:linear-gradient(115deg,var(--preset-heading-start,#7545a8),var(--preset-heading-end,#9365b3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html[data-theme][data-preset] .welcome.spatial-hero{background:linear-gradient(135deg,var(--space-surface-strong),var(--space-surface) 70%,rgb(var(--preset-rgb,108 64 159) / .12));border-color:var(--space-rim)}html[data-theme][data-preset] :is(.panel,.profile-banner,.library-card,.returning-progress,.guide-topic-grid>.library-topic-section){background:var(--space-surface);border-color:var(--space-divider);color:var(--space-ink)}html[data-theme][data-preset] .portrait-info{background:var(--space-surface-strong);color:var(--space-ink)}html[data-theme][data-preset] :is(.spatial-metrics strong,.stat strong,.library-body .eyebrow,.spatial-home .eyebrow){color:var(--space-purple)}
html[data-theme][data-preset] #nav a.nav-link.active,html[data-theme][data-preset] .mobile-menu-link.active{color:var(--space-purple);background:rgb(var(--preset-rgb,108 64 159) / .12);border-color:var(--space-purple)}html[data-theme][data-preset] :is(.tabs,.spatial-focus,.spatial-plan-tabs,.view-switch) button.active{background:rgb(var(--preset-rgb,108 64 159) / .14);color:var(--space-ink);border-color:var(--space-divider)}html[data-theme][data-preset] .spatial-stage-glow{background:radial-gradient(ellipse,rgb(var(--preset-rgb,108 64 159) / .16),transparent 70%)}html[data-theme][data-preset] .spatial-stage-orbit{border-color:rgb(var(--preset-rgb,108 64 159) / .16)}html[data-theme][data-preset] .spatial-stage-platform{background:linear-gradient(140deg,rgb(var(--preset-rgb,108 64 159) / .23),rgb(var(--preset-rgb,108 64 159) / .04));border-color:rgb(var(--preset-rgb,108 64 159) / .2)}html[data-theme][data-preset] .living-scroll-track i{background:linear-gradient(90deg,var(--space-purple),var(--preset-heading-end));box-shadow:0 0 10px rgb(var(--preset-rgb,108 64 159) / .4)}html[data-theme][data-preset] .tree-scroll{background-color:rgb(var(--preset-rgb,108 64 159) / .035);background-image:linear-gradient(rgb(var(--preset-rgb,108 64 159) / .05) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--preset-rgb,108 64 159) / .05) 1px,transparent 1px),linear-gradient(rgb(var(--preset-rgb,108 64 159) / .07) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--preset-rgb,108 64 159) / .07) 1px,transparent 1px)}html[data-theme][data-preset] .research-node.selected .hex-outer{stroke:var(--space-purple)}html[data-theme][data-preset] .tree-focused #treeFocusToggle{background:var(--preset-button-end);color:#fff;border-color:var(--space-purple)}
/* Colour picker is separate from, and does not replace, the existing mode switch. */
html[data-theme] .theme-preset-toggle{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;padding:8px;border:1px solid var(--space-rim);border-radius:50%;background:var(--space-surface);color:var(--space-ink);box-shadow:inset 0 1px 0 #ffffff30;cursor:pointer}.theme-preset-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.theme-preset-toggle svg circle{fill:currentColor;stroke:none}.theme-preset-toggle:hover,.theme-preset-toggle[aria-expanded=true]{outline:2px solid var(--space-divider);outline-offset:2px}.theme-preset-toggle:focus-visible{outline:3px solid var(--space-purple);outline-offset:3px}.theme-picker-open{overflow:hidden}
html[data-theme][data-preset] .theme-preset-sheet{position:fixed;inset:0;margin:auto;width:calc(100% - 28px);max-width:750px;max-height:90dvh;padding:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--space-rim);border-radius:26px;background:var(--space-surface-strong);color:var(--space-ink);box-shadow:0 25px 90px #0005;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.theme-preset-sheet::backdrop{background:#080c1599;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.theme-preset-heading{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--space-divider);background:var(--space-surface-strong);backdrop-filter:blur(22px)}.theme-preset-heading>div>span{font-size:9px;font-weight:650;letter-spacing:1.5px;color:var(--space-purple)}.theme-preset-heading h2{font-size:28px;margin:5px 0 0;letter-spacing:-.8px;color:var(--space-ink)}.theme-preset-close{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--space-divider);border-radius:50%;background:var(--space-surface);color:var(--space-ink);font-size:27px;cursor:pointer}.theme-preset-intro{margin:17px 24px 0;font-size:12px;line-height:1.65;color:var(--space-muted)}.theme-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 24px 20px;padding:0;border:0;min-width:0}.theme-choice{display:block;position:relative;min-width:0;cursor:pointer}.theme-choice>input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;z-index:2;cursor:pointer}.preset-card{position:relative;display:block;height:100%;padding:9px;border:1px solid var(--space-divider);border-radius:17px;background:var(--space-surface);color:var(--space-ink);transition:border-color .2s,box-shadow .2s}.theme-choice input:checked+.preset-card{border-color:var(--space-purple);box-shadow:0 0 0 2px var(--space-divider)}.theme-choice input:focus-visible+.preset-card{outline:3px solid var(--space-purple);outline-offset:3px}.preset-mini-preview{display:block;position:relative;height:78px;overflow:hidden;border-radius:10px;background:var(--choice-bg);border:1px solid var(--choice-accent)}.preset-mini-sidebar{position:absolute;left:7px;top:7px;bottom:7px;width:22px;border-radius:5px;background:var(--choice-surface);box-shadow:0 0 0 1px var(--choice-accent);opacity:.8}.preset-mini-header{position:absolute;left:36px;right:7px;top:7px;height:10px;border-radius:4px;background:var(--choice-surface);box-shadow:0 0 0 1px var(--choice-accent);opacity:.7}.preset-mini-hero{position:absolute;left:36px;right:7px;top:24px;height:24px;border-radius:5px;background:var(--choice-accent);opacity:.68}.preset-mini-card{position:absolute;bottom:7px;width:calc((100% - 57px)/3);height:14px;border-radius:4px;background:var(--choice-surface);box-shadow:0 0 0 1px var(--choice-accent);opacity:.8}.mini-a{left:36px}.mini-b{left:calc(36px + (100% - 57px)/3 + 7px)}.mini-c{right:7px}.preset-choice-copy{display:block;padding:10px 2px 3px}.preset-choice-copy strong{display:block;font-size:13px;line-height:1.45;padding-right:14px;color:var(--space-ink)}.preset-choice-copy>span{display:block;font-size:11px;margin-top:2px;color:var(--space-purple)}.preset-choice-copy small{display:block;font-size:10px;line-height:1.5;margin-top:6px;color:var(--space-muted)}.preset-check{position:absolute;right:10px;top:10px;display:none;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--space-purple);color:var(--preset-bg);font-size:13px;border:1px solid var(--space-rim)}.theme-choice input:checked+.preset-card .preset-check{display:grid}.theme-preset-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 24px;padding-top:17px;border-top:1px solid var(--space-divider)}.theme-preset-footer strong{display:block;font-size:12px;color:var(--space-ink)}.theme-preset-footer p{font-size:11px;line-height:1.5;margin:5px 0;color:var(--space-muted)}.theme-preset-footer .btn{min-height:44px;font-size:11px;flex:none;color:var(--space-ink);background:var(--space-surface);border-color:var(--space-divider)}#themePresetStatus{margin:14px 24px max(22px,env(safe-area-inset-bottom));font-size:11px;line-height:1.6;color:var(--space-muted)}.theme-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.theme-preset-close:focus-visible{outline:3px solid var(--space-purple);outline-offset:2px}
@media(max-width:760px){html[data-theme] .theme-preset-toggle{width:36px;height:36px}.theme-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-choice:last-child{grid-column:1/-1}.theme-choice:last-child .preset-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;align-items:center}.theme-choice:last-child .preset-choice-copy{padding:2px}.theme-preset-sheet .preset-mini-preview{height:67px}.theme-preset-heading{padding:18px}.theme-preset-intro{margin-left:18px;margin-right:18px}.theme-preset-grid{margin:15px 18px 18px;gap:10px}.theme-preset-footer{margin:0 18px}#themePresetStatus{margin-left:18px;margin-right:18px}.theme-preset-footer{align-items:flex-start}.theme-preset-footer .btn{max-width:125px;white-space:normal}.theme-preset-heading h2{font-size:25px}}
@media(max-width:550px){html[data-theme] main>header{grid-template-columns:minmax(0,1fr) 36px 36px 36px}html[data-theme] main>header #themePresetToggle{grid-row:2;grid-column:2}html[data-theme] main>header #themeToggle{grid-row:2;grid-column:3}html[data-theme] main>header #livingMotionToggle{grid-row:2;grid-column:4}.preset-choice-copy strong{font-size:12px}.preset-choice-copy small{font-size:9px}.theme-choice:last-child .preset-card{grid-template-columns:85px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.preset-card,.theme-preset-toggle{transition:none!important}}