:root{color-scheme:dark;--wr-incursion:#c084fc;--bg:#090b0e;--surface:#12161c;--surface2:#181d24;--line:#2c343f;--text:#edf0f4;--muted:#9aa5b1;--gold:#d8ae60;--gold2:#f0ce8c;--good:#77c78a;--bad:#e07878;--shadow:0 22px 70px rgba(0,0,0,.32)} *{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -15%,#332510 0,#12100d 20%,var(--bg) 52%);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}.shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 70px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:42px}.brand{font:700 1.4rem Georgia,serif;letter-spacing:.02em;color:#fff}.brand span{color:var(--gold)}.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nav form{margin:0}.eyebrow{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}h1,h2,h3{font-family:Georgia,serif}h1{font-size:clamp(2.7rem,6vw,5.8rem);line-height:.92;margin:.2em 0}.lead{font-size:1.12rem;color:var(--muted);max-width:760px}.panel{background:linear-gradient(180deg,rgba(25,30,38,.96),rgba(16,20,26,.96));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:26px}.auth-wrap{width:min(560px,100%);margin:6vh auto}.stack{display:grid;gap:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.field{display:grid;gap:7px}.field label{font-weight:700;font-size:.92rem}.field input{width:100%;background:#0d1015;border:1px solid #353e49;color:#fff;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.field input:focus{border-color:#9d7738;box-shadow:0 0 0 3px rgba(216,174,96,.12)}.hint{font-size:.82rem;color:var(--muted)}.button,button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #7a5b28;background:linear-gradient(#332511,#21170b);color:#f5d79f;font:700 .94rem/1 system-ui;padding:12px 16px;cursor:pointer;text-decoration:none}.button:hover,button:hover{text-decoration:none;filter:brightness(1.12)}.button.secondary,button.secondary{border-color:#3b4652;background:#171c22;color:#d8dee6}.button.danger,button.danger{border-color:#684040;background:#251416;color:#f0b7b7}.flash{border-radius:11px;padding:12px 14px;margin-bottom:14px;border:1px solid}.flash.error{border-color:#704040;background:#261517;color:#f1b9b9}.flash.success{border-color:#386447;background:#122319;color:#b6e8c0}.meta{color:var(--muted);font-size:.9rem}.character{display:grid;gap:13px}.character h3{font-size:1.45rem;margin:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat{background:#0c0f13;border:1px solid var(--line);border-radius:9px;padding:10px;text-align:center}.stat b{display:block;font-size:1.08rem}.stat span{font-size:.72rem;color:var(--muted)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.game-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr);gap:16px}.world{min-height:390px;position:relative;overflow:hidden}.world::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 30%,rgba(216,174,96,.12),transparent 38%);pointer-events:none}.world h2{font-size:2.15rem;margin:.15em 0}.world-copy{max-width:640px;color:var(--muted)}.badge{display:inline-block;border:1px solid #674f2b;background:#20180d;color:#e5bf7b;border-radius:999px;padding:4px 9px;font-size:.78rem}.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.kv:last-child{border:0}.footer{margin-top:28px;color:var(--muted);font-size:.83rem}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.game-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.shell{width:min(100% - 20px,1120px);padding-top:20px}} .combat-card{position:relative;z-index:1;margin-top:24px;padding:18px;border:1px solid #4c3a22;background:rgba(10,12,15,.78);border-radius:14px}.combat-card h3{font-size:1.7rem;margin:.25em 0}.health-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:10px 0 6px}.healthbar{height:10px;background:#080a0d;border:1px solid #343b45;border-radius:999px;overflow:hidden;margin-bottom:14px}.healthbar i{display:block;height:100%;background:linear-gradient(90deg,#8f3434,#d35c47);border-radius:999px} .fight-picker{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:end;margin:14px 0 18px} .fight-picker label{grid-column:1/-1;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em} .fight-picker select{min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#11161c;color:var(--text);padding:0 12px;font:inherit} .fight-actions{display:flex;gap:10px;margin-top:16px} .fight-actions form{flex:1}.fight-actions button{width:100%}.fight-actions button:disabled{opacity:.42;cursor:default} @media(max-width:620px){.fight-picker{grid-template-columns:1fr}.fight-picker label{grid-column:auto}.fight-picker button{width:100%}} /* Wyverns Reach 0.1.5 — modernized classic realm layout */ .realm-shell{display:grid;gap:16px}.realm-statusbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(20,24,30,.97),rgba(13,16,21,.97));box-shadow:var(--shadow)}.realm-name{display:block;font:700 1.2rem Georgia,serif}.realm-location{text-align:center;display:grid;gap:2px}.realm-location span{color:var(--gold2);font-family:Georgia,serif;font-size:1.08rem}.realm-location strong{font-size:.84rem;color:var(--muted)}.realm-currency{justify-self:end;display:grid;grid-template-columns:auto auto;gap:2px 10px;text-align:right}.realm-currency span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.realm-currency strong{color:#fff}.realm-grid{display:grid;grid-template-columns:minmax(220px,.74fr) minmax(420px,1.7fr) minmax(220px,.72fr);gap:16px;align-items:stretch}.realm-card{background:linear-gradient(180deg,rgba(24,29,36,.98),rgba(13,17,22,.98));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.card-heading h2,.navigation-panel h2,.activity-head h2{margin:.12em 0;font-size:1.55rem}.level-chip{border:1px solid #6b512b;background:#22190d;color:#f1ca82;border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:800}.player-health{margin:14px 0 16px}.healthbar.player i{background:linear-gradient(90deg,#287657,#53b77d)}.character-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.character-stat-grid div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #29313a;border-radius:10px;background:#0d1116}.character-stat-grid span{font-size:.78rem;color:var(--muted)}.character-stat-grid strong{font-size:1rem}.quick-links{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.quick-links span{font-size:.76rem;color:var(--muted)}.battle-stage{position:relative;overflow:hidden;min-height:535px}.battle-stage:before{content:"";position:absolute;inset:-30% 10% auto;height:300px;background:radial-gradient(circle,rgba(216,174,96,.09),transparent 68%);pointer-events:none}.battle-stage-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--line)}.battle-stage-head h1{font-size:clamp(2.1rem,4vw,3.7rem);margin:.16em 0 .1em}.battle-stage-head p{margin:0;color:var(--muted);max-width:620px}.zone-tags{text-align:right;max-width:280px}.zone-tags .badge{margin:2px}.combat-modern{position:relative;z-index:1;margin-top:20px;padding:20px;border:1px solid #49391f;border-radius:16px;background:linear-gradient(180deg,rgba(16,18,21,.92),rgba(8,10,13,.94))}.combat-title-row{display:flex;align-items:end;justify-content:space-between;gap:14px}.combat-title-row h2{margin:.1em 0;font-size:1.7rem}.section-kicker{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}.roster-note{font-size:.76rem;color:var(--muted)}.combat-modern .fight-picker{grid-template-columns:minmax(200px,1fr) auto;margin:15px 0}.combat-modern .fight-picker label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.combat-modern .fight-picker select{height:48px;border-color:#3b4652;background:#0b0f14}.combat-modern .fight-picker button{min-width:118px}.combat-modern .fight-actions{margin-top:14px}.combat-modern .fight-actions button{height:48px}.combat-modern .fight-actions form:first-child button{background:linear-gradient(#342512,#21170b);border-color:#7a5b28}.combat-modern .fight-actions form:last-child button{background:linear-gradient(#1e2840,#131a2a);border-color:#465a87;color:#cad9ff}.system-note{font-size:.76rem;color:#7e8995;margin:13px 0 0}.navigation-panel{display:flex;flex-direction:column}.nav-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0}.nav-pad form{margin:0}.nav-pad button,.nav-center{width:100%;min-height:58px;padding:7px 4px;display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;border:1px solid #37414c;border-radius:10px;background:#10151b;color:#dde3ea;font-size:1.18rem}.nav-pad button span,.nav-center span{font-size:.62rem;text-transform:uppercase;letter-spacing:.04em;color:#87929e}.nav-pad button:hover,.nav-center:hover{border-color:#8a6833;background:#1a1711;color:#f4d49b;text-decoration:none}.nav-center{color:var(--gold2)}.coord-card{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:12px;border-radius:11px;border:1px solid #303944;background:#0d1116}.coord-card span{color:var(--muted);font-size:.78rem}.coord-card strong{font-size:1.05rem}.activity-panel{padding:17px 20px}.activity-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.live-dot{display:inline-flex;align-items:center;gap:7px;color:#9bd8ad;font-size:.76rem}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#58bd78;box-shadow:0 0 0 4px rgba(88,189,120,.1)}.activity-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:14px}.activity-columns>div+div{border-left:1px solid var(--line);padding-left:24px}.activity-columns .kv{font-size:.82rem;padding:7px 0}.activity-columns .kv strong{font-size:.76rem}.realm-shell .combat-card{border:0;background:transparent;padding:0;margin:0}.realm-shell .combat-card>.eyebrow{display:none} @media(max-width:1040px){.realm-grid{grid-template-columns:250px minmax(0,1fr)}.navigation-panel{grid-column:1/-1}.nav-pad{grid-template-columns:repeat(9,1fr)}.nav-pad button,.nav-center{min-height:50px}.nav-pad button span,.nav-center span{display:none}} @media(max-width:760px){.realm-statusbar{grid-template-columns:1fr 1fr}.realm-location{grid-column:1/-1;grid-row:2;text-align:left}.realm-currency{justify-self:end}.realm-grid{grid-template-columns:1fr}.battle-stage{min-height:auto}.battle-stage-head{display:block}.zone-tags{text-align:left;max-width:none;margin-top:10px}.navigation-panel{grid-column:auto}.nav-pad{grid-template-columns:repeat(3,1fr)}.nav-pad button span,.nav-center span{display:block}.activity-columns{grid-template-columns:1fr}.activity-columns>div+div{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.combat-modern .fight-picker{grid-template-columns:1fr}.shell{width:min(100% - 14px,1120px)}} /* Wyverns Reach 0.1.6 — classic Wyverns Reach interaction fidelity */ .combat-modern .fight-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:15px 0 10px;align-items:stretch} .combat-modern .fight-picker select{width:100%;height:48px} .combat-modern .fight-picker button{height:48px;min-width:118px} .combat-modern .fight-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px} .combat-modern .fight-actions form{margin:0} .combat-modern .fight-actions button{width:100%;height:46px} .realm-shell form[data-busy-visual="1"]{opacity:.72} @media(max-width:620px){.combat-modern .fight-picker{grid-template-columns:1fr}.combat-modern .fight-picker button{width:100%}} /* Wyverns Reach 0.1.7 — faithful modern Wyverns Reach realm */ body:has(.classic-realm){ background: radial-gradient(circle at 18% 16%,rgba(136,59,137,.18),transparent 25%), radial-gradient(circle at 74% 22%,rgba(77,25,86,.25),transparent 28%), repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px), linear-gradient(135deg,#251127 0%,#34133a 46%,#1c0d21 100%); color:#f3edf4; } .shell:has(.classic-realm){width:100%;max-width:none;margin:0;padding:0;min-height:100vh} .shell:has(.classic-realm)>.topbar,.shell:has(.classic-realm)>.footer{display:none} .shell:has(.classic-realm)>.flash{position:fixed;z-index:50;top:14px;left:50%;transform:translateX(-50%);max-width:min(680px,calc(100% - 24px));box-shadow:0 12px 35px #0008} .classic-realm{min-height:100vh;display:grid;grid-template-columns:minmax(240px,22%) minmax(440px,1fr) minmax(250px,23%);grid-template-rows:minmax(430px,1fr) minmax(220px,34vh);grid-template-areas:"left center right" "activity activity activity";column-gap:18px;padding:18px 20px 0;background:linear-gradient(180deg,#0001,#0003)} .classic-left{grid-area:left;padding:8px 6px;color:#ece3eb}.classic-center{grid-area:center;display:flex;flex-direction:column;align-items:center;padding-top:8px}.classic-right{grid-area:right;display:flex;flex-direction:column;align-items:flex-end;padding-top:2px}.classic-activity{grid-area:activity;align-self:end;margin:0 -20px;background:#050406;border-top:1px solid #76507b;box-shadow:0 -18px 45px #0006;min-height:220px;display:grid;grid-template-rows:auto 1fr auto} .classic-character-name{font:800 clamp(1.18rem,2vw,1.55rem) Georgia,serif;color:#76ff77;text-align:center;text-shadow:0 0 13px #3cff5a22}.classic-rank{text-align:center;margin:12px 0 22px;color:#ece4ec;font-size:.84rem}.classic-stat-list{max-width:300px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:4px;font-size:.86rem}.classic-stat-list div{display:flex;gap:5px}.classic-stat-list span{color:#e4dce4}.classic-stat-list strong{color:#f2de62;font-weight:700}.classic-links{margin-top:18px;display:flex;gap:5px;flex-wrap:wrap;font-weight:700;font-size:.82rem}.classic-links a{color:#45f45d}.classic-links span{color:#928194} .classic-world-info{text-align:center;display:grid;gap:2px;margin:0 0 10px}.classic-world-info strong{font-size:1rem;color:#fff}.classic-world-info span{font-weight:800;color:#f3e331}.classic-world-info em{font-family:Georgia,serif;color:#d6c4d9;font-size:.86rem} .classic-map{margin-top:5px;text-align:center}.map-title{font-weight:800;font-size:.8rem;margin-bottom:6px;color:#f3edf4}.zone-map-grid{display:grid;grid-template-columns:repeat(var(--map-cols),28px);grid-auto-rows:28px;gap:2px;padding:4px;border:1px solid #96719b;background:#d8d0c7;box-shadow:0 6px 22px #0007}.zone-tile{display:grid;place-items:center;background:linear-gradient(#f1ede6,#d6d0c7);border:1px solid #847b72;color:#19161a;font-size:.82rem;font-weight:900;cursor:default}.zone-tile.landmark{color:#24663d}.zone-tile.encounter{color:#9b392d}.zone-tile.player{background:#fff5b0;color:#a31329;box-shadow:inset 0 0 0 2px #cc9f37}.map-legend{display:flex;justify-content:center;gap:11px;margin-top:6px;color:#d5c7d7;font-size:.62rem}.map-legend span{display:flex;align-items:center;gap:4px}.map-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.legend-you{background:#fff5b0;border:1px solid #cc9f37}.legend-landmark{background:#58b879} .classic-combat{width:min(100%,430px);margin-top:15px;text-align:center}.combat-topline{display:flex;align-items:center;justify-content:center;gap:6px}.combat-topline>span{display:inline-grid;place-items:center;height:34px;padding:0 10px;background:linear-gradient(#6f6870,#343037);border:1px solid #99909a;color:#fff;font-size:.78rem}.classic-combat .fight-picker{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:5px;margin:0;align-items:center;flex:1}.classic-combat .fight-picker label{position:absolute;width:1px;height:1px;overflow:hidden}.classic-combat .fight-picker select{height:34px;border-radius:2px;border:1px solid #8e858f;background:#4a444b;color:white;padding:0 8px;font-size:.78rem}.classic-combat .fight-picker button,.classic-combat .fight-actions button{border-radius:2px;border:1px solid #9a909b;background:linear-gradient(#69626b,#373238);color:white;box-shadow:none;font-size:.78rem;font-weight:600}.classic-combat .fight-picker button{height:34px;padding:0 11px}.classic-combat .fight-actions{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:8px 34px 0}.classic-combat .fight-actions form{margin:0}.classic-combat .fight-actions button{height:34px;width:100%;padding:0 12px}.classic-combat button:hover:not(:disabled){background:linear-gradient(#89768b,#4b3d50);border-color:#bca9be}.classic-combat button:disabled{opacity:.45}.classic-combat-status{margin-top:8px;min-height:25px;font-size:.76rem}.classic-combat-status h3{font-size:.9rem;margin:4px 0;color:#fff}.classic-combat-status .meta{font-size:.72rem;color:#ddd0df}.classic-combat-status .health-line{max-width:330px;margin:5px auto 3px}.classic-combat-status .healthbar{max-width:330px;margin:0 auto 5px;height:7px}.classic-combat-status .kv{max-width:330px;margin:auto;padding:4px 0;border:0;font-size:.7rem} .classic-coords{color:#f4e732;font-weight:800;text-align:center;width:100%;font-size:.83rem;margin:4px 0 7px}.classic-nav-pad{width:min(100%,372px);display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.classic-nav-pad form{display:block!important;margin:0}.classic-nav-pad button,.classic-refresh{display:grid;place-items:center;width:100%;height:38px;padding:0 8px!important;border-radius:2px!important;border:1px solid #9b929d!important;background:linear-gradient(#6e676f,#373138)!important;color:#fff!important;font-size:.78rem!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important}.classic-nav-pad button:hover,.classic-refresh:hover{background:linear-gradient(#8b778d,#4d3d50)!important;border-color:#bfa8c2!important} .activity-tabs{height:36px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:4px;padding:4px 8px 0;background:#2d252f;border-bottom:1px solid #4f3e52}.activity-tabs button{border-radius:1px;border:1px solid #706672;background:#4d4650;color:#ddd6df;font-size:.75rem;padding:4px}.activity-tabs button.active{color:#fff;font-weight:800;border-color:#8c7c8e;background:#5a515c}.activity-tabs button:disabled{opacity:.45}.activity-log{overflow:auto;min-height:150px;max-height:31vh;padding:8px 10px;background:#050406;font:500 .75rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.realm-log-line{white-space:normal}.realm-log-line b{color:#62e9df}.realm-log-line.combat-line{color:#eee}.realm-log-line.move-line{color:#8edcff}.realm-log-line.muted{color:#837784}.activity-footer{display:flex;justify-content:space-between;gap:15px;padding:6px 10px;color:#51f262;background:#161019;border-top:1px solid #382b3b;font-size:.67rem;font-weight:700} .classic-realm form[data-busy-visual="1"]{opacity:.72} @media(max-width:980px){.classic-realm{grid-template-columns:1fr 1.3fr;grid-template-rows:auto auto minmax(220px,34vh);grid-template-areas:"left right" "center center" "activity activity"}.classic-left{padding-right:15px}.classic-right{align-items:stretch}.classic-nav-pad{margin-left:auto}.classic-center{padding:10px 0 20px}.classic-map{margin-top:2px}} @media(max-width:660px){.classic-realm{display:block;min-height:100vh;padding:12px 12px 0}.classic-left,.classic-right,.classic-center{padding:8px 0}.classic-right{align-items:center}.classic-stat-list{max-width:none}.classic-nav-pad{margin:auto}.classic-combat{width:100%}.classic-activity{margin:18px -12px 0;min-height:250px}.classic-combat .fight-actions{gap:10px;margin:8px 0 0}.activity-footer{display:grid}.zone-map-grid{grid-template-columns:repeat(var(--map-cols),32px);grid-auto-rows:32px}} /* 0.1.8 — zone identity: each zone owns a visual background key. */ .classic-realm{position:relative;isolation:isolate;background:#1d071e;overflow:hidden} .classic-realm::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(135deg,#2a082e,#130814)} .classic-realm::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.38;background-image:repeating-linear-gradient(127deg,#ffffff08 0 1px,transparent 1px 7px),repeating-linear-gradient(37deg,#0000001c 0 2px,transparent 2px 11px)} .zone-bg-development_crossroads::before,.zone-bg-development-crossroads::before{background:radial-gradient(circle at 52% 24%,#67315a66 0 14%,transparent 36%),radial-gradient(circle at 12% 72%,#8d3b2544 0 10%,transparent 31%),linear-gradient(135deg,#3b0d39 0%,#1c081f 48%,#100812 100%)} .classic-right #zone-map{width:min(100%,372px);display:flex;justify-content:center;margin-top:12px} .classic-right .classic-map{margin-top:0} .combat-topline{width:100%}.combat-topline .fight-picker{width:100%} .realm-log-line.loot-line{color:#f2df78}.realm-log-line.loot-line b{color:#ffd54f} /* 0.1.10 classic inventory + robust movement */ .classic-nav-pad .move-form{display:contents} .inventory-shell{max-width:760px} .inventory-category{margin:18px 0;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)} .inventory-category-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#d8ffd4} .inventory-category-head span{color:#aaa;font-size:.85rem} .inventory-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px} .inventory-select{width:100%;min-height:38px;background:#332d38;color:#fff;border:1px solid #777;padding:6px 8px} .inventory-examine-panel{min-height:1.4em;margin-top:8px} /* 0.1.11 inline classic inventory + reliable 8-way movement */ .movement-pad-form{margin:0} .classic-nav-pad.movement-pad-form{display:grid} .classic-inventory-view{max-width:330px} .inventory-title{color:#76ff77;font-weight:800;margin:2px 0 10px} .inline-inventory-category{margin:9px 0} .inline-inventory-label{color:#e9e1ea;font-size:.76rem;font-weight:700;margin-bottom:4px} .inline-inventory-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px} .inline-inventory-row select{min-width:0;width:100%;height:30px;padding:3px 6px;background:#373138;color:#fff;border:1px solid #8f858f;border-radius:2px} .inline-inventory-row button{height:30px;padding:0 8px;border-radius:2px;background:linear-gradient(#6e676f,#373138);border:1px solid #9b929d;color:#fff;font-size:.7rem} .inventory-examine-panel{margin-top:4px;color:#cfc5cf;font-size:.72rem;line-height:1.25;min-height:1.1em} .classic-left-view[hidden]{display:none!important} /* 0.1.12 persistent loadout additions */ .inline-inventory-row .inventory-equip { min-width: 58px; } .classic-loadout-view { max-width: 390px; } .loadout-row { display:grid; grid-template-columns: 86px minmax(100px,1fr) auto; gap:8px; align-items:center; margin:3px 0; font-size:13px; } .loadout-row > span { color:#d7c9db; } .loadout-row > strong { color:#f4f0f5; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .inline-loadout-form { margin:0; } .inventory-unequip { padding:4px 7px; font-size:11px; } .movement-direction-form{margin:0;display:block}.movement-direction-form button{width:100%;height:100%} .zone-bg-development_wilds::before,.zone-bg-development-wilds::before{background:radial-gradient(circle at 72% 24%,#39704f55 0 15%,transparent 37%),radial-gradient(circle at 18% 70%,#6e713544 0 12%,transparent 32%),linear-gradient(135deg,#173624 0%,#111d17 48%,#090f0c 100%)} /* 0.1.15 — restore Wyverns Reach-sized direction pad + clickable authoritative map travel */ .classic-nav-pad{width:min(100%,300px)!important;gap:4px!important} .classic-nav-pad button,.classic-refresh{height:30px!important;min-height:30px!important;font-size:.76rem!important;padding:0 6px!important} .classic-right #zone-map{width:min(100%,300px)!important} .map-tile-form{margin:0;padding:0;display:block;width:100%;height:100%} .map-tile-form .zone-tile{width:100%;height:100%;padding:0;border-radius:0;cursor:pointer;font:inherit} .map-tile-form .zone-tile:hover{outline:2px solid #e1b85d;outline-offset:-2px;filter:brightness(1.08)} .map-tile-form .zone-tile.player{cursor:default} /* 0.1.16 — compact graphite map */ .classic-right #zone-map{width:auto!important;max-width:100%;align-self:flex-end;justify-content:flex-end} .classic-map{width:max-content;max-width:100%} .zone-map-grid{width:max-content;max-width:100%;background:#111214;border-color:#555a60;box-shadow:0 6px 22px #000a} .zone-tile{background:linear-gradient(#3b3e42,#25272a);border-color:#5c6065;color:#e5e7e9} .zone-tile:hover{filter:brightness(1.14)} .zone-tile.landmark{color:#86d69a} .zone-tile.encounter{color:#ee9a8c} .zone-tile.player{background:#d7d9dc;color:#920f21;box-shadow:inset 0 0 0 2px #8b9096} .legend-you{background:#d7d9dc;border-color:#8b9096}.legend-landmark{background:#70bf85} .map-legend{color:#aaaeb4;white-space:nowrap} /* 0.1.17 / 0.34.0 — in-place level-up prompt with a deliberate victory break. */ .classic-level-ready{margin:12px auto 0;max-width:560px;text-align:center;padding:10px 10px 11px;border:0;background:transparent} .level-ready-break{width:min(180px,42%);height:1px;margin:0 auto 8px;background:linear-gradient(90deg,transparent,rgba(196,164,83,.62),transparent);box-shadow:0 0 8px rgba(196,164,83,.08)} .level-ready-line{color:#e8d98e;font-weight:900;font-size:.78rem;letter-spacing:.055em;text-transform:uppercase} .level-ready-reward{margin-top:2px;color:#f0f0f0;font-size:.72rem} .level-ready-title{margin-top:3px;color:#c9c6b8;font-weight:700;font-size:.72rem;text-transform:none} .level-ready-buttons{margin-top:7px;display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap} .level-stat-form{margin:0;display:inline-flex;align-items:center} .level-stat-form:not(:last-child)::after{content:none} .level-stat-form button{appearance:none;min-width:58px;height:29px;border:1px solid #3d5b40;border-radius:3px;background:linear-gradient(180deg,#121913,#0b100c);padding:0 9px;color:#a9dfa5;font-size:.72rem;font-weight:900;line-height:1;letter-spacing:.035em;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025),0 2px 8px rgba(0,0,0,.18);text-shadow:0 0 8px rgba(113,255,114,.08);transition:border-color .12s ease,background .12s ease,color .12s ease,transform .12s ease} .level-stat-form button:hover{border-color:#8e824d;background:linear-gradient(180deg,#182019,#0f1510);color:#f0df94} .level-stat-form button:focus-visible{outline:1px solid #d6be68;outline-offset:2px;border-color:#a18d4c;color:#f5e7a9} .level-stat-form button:active{transform:translateY(1px)} .level-stat-form-all button{min-width:64px;border-color:#74652f;color:#ecd36f;background:linear-gradient(180deg,#19180e,#111008)} .level-stat-form-all button:hover{border-color:#b29a49;color:#fff0a8;background:linear-gradient(180deg,#211f11,#141309)} .level-stat-form button:disabled{opacity:.46;cursor:default;transform:none} /* R22v — desktop batch Level Up uses the same server-authoritative batch allocation path as mobile without turning the combat column into a form wall. */ html:not([data-presentation-shell="mobile"]) [data-level-up-control].desktop-level-up-control{ position:relative;max-width:560px;padding-bottom:10px } html:not([data-presentation-shell="mobile"]) [data-level-up-control].desktop-level-up-control.desktop-level-up-multiple .level-ready-buttons{display:none!important} html:not([data-presentation-shell="mobile"]) [data-level-up-control].desktop-level-up-control.desktop-level-up-single .desktop-level-up-open, html:not([data-presentation-shell="mobile"]) [data-level-up-control].desktop-level-up-control.desktop-level-up-single .desktop-level-up-sheet{display:none!important} html:not([data-presentation-shell="mobile"]) .desktop-level-up-open[hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .desktop-level-up-open{ display:inline-flex;align-items:center;justify-content:center;min-width:154px;height:32px;margin-top:8px;padding:0 14px; border:1px solid #75632f;border-radius:5px;background:linear-gradient(180deg,#29230f,#151108);color:#f0d36d; font-size:.7rem;font-weight:900;letter-spacing:.025em;cursor:pointer;box-shadow:0 4px 14px #0006 } html:not([data-presentation-shell="mobile"]) .desktop-level-up-open:hover, html:not([data-presentation-shell="mobile"]) .desktop-level-up-open[aria-expanded="true"]{border-color:#a88c3d;background:linear-gradient(180deg,#342d13,#1b1609);color:#ffe79b} html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet{ position:fixed;left:50%;top:50%;z-index:96;width:min(470px,calc(100vw - 40px));max-height:calc(100vh - 80px);overflow:auto; transform:translate(-50%,-50%);display:grid;gap:9px;padding:12px;border:1px solid #5b5132;border-radius:9px; background:linear-gradient(180deg,#101611 0%,#070b08 100%);box-shadow:0 22px 64px #000e;color:#d9d3c4;text-align:left } html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet[hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 8px;border-bottom:1px solid #30382f} html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet>header>div{display:grid;gap:2px} html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet>header span{color:#b5954d;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase} html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet>header strong{color:#f0dfad;font:700 1rem/1.15 Georgia,serif} html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet>header button{width:32px;height:32px;min-width:32px;padding:0;border:1px solid #424a42;background:#0b100c;color:#bfc5bd;font-size:1rem} html:not([data-presentation-shell="mobile"]) .desktop-level-up-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8f998f;font-size:.65rem} html:not([data-presentation-shell="mobile"]) .desktop-level-up-meta b{color:#d9c370;font-weight:900} html:not([data-presentation-shell="mobile"]) .desktop-level-up-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} html:not([data-presentation-shell="mobile"]) .desktop-level-stat-row{display:grid;grid-template-columns:minmax(42px,1fr) 32px 38px 32px 50px;align-items:center;gap:4px;min-width:0;padding:6px;border:1px solid #303a32;border-radius:6px;background:#09100b} html:not([data-presentation-shell="mobile"]) .desktop-level-stat-row>strong{color:#d7ddcf;font-size:.69rem;letter-spacing:.035em} html:not([data-presentation-shell="mobile"]) .desktop-level-stat-row>span{display:grid;place-items:center;color:#f0d474;font-size:.74rem;font-weight:900} html:not([data-presentation-shell="mobile"]) .desktop-level-stat-row>button{height:30px;min-height:30px;min-width:0;padding:0;border:1px solid #3d4b3e;background:#101813;color:#bdd4bd;font-size:.75rem;font-weight:850} html:not([data-presentation-shell="mobile"]) .desktop-level-stat-row>button.desktop-level-stat-max{font-size:.58rem;color:#d8c47c;border-color:#51482e} html:not([data-presentation-shell="mobile"]) .desktop-level-stat-row>button:disabled{opacity:.34} html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet>footer{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:7px;margin:0;padding-top:2px} html:not([data-presentation-shell="mobile"]) .desktop-level-up-sheet>footer>button{height:38px;min-height:38px} @media(max-width:760px){html:not([data-presentation-shell="mobile"]) .desktop-level-up-rows{grid-template-columns:minmax(0,1fr)}} /* 0.1.18 — Wyverns Reach-faithful compact battle transcript */ .classic-combat .fight-actions{grid-template-columns:1fr 1fr;gap:80px;margin:8px 34px 0} .battle-transcript{margin:8px auto 0;min-height:70px;max-width:390px;text-align:center;font-size:.76rem;line-height:1.42;color:#f1edf2} .battle-line{margin:1px 0} .battle-line strong{color:#fff} .battle-hit{color:#e7e2e9} .battle-enemy{color:#efb6b6} .battle-victory{color:#88ee98;font-weight:700} .battle-reward{color:#f2d56f} .battle-muted,.battle-state{color:#c8bdca;font-size:.71rem} .battle-error{color:#ffabab;font-weight:700} @media(max-width:660px){.classic-combat .fight-actions{gap:10px;margin:8px 0 0}.battle-transcript{max-width:100%}} /* 0.1.19 — unified navigation/map block + clean Wyverns Reach victory transcript */ .classic-right{align-items:flex-end} .classic-coords,.classic-nav-pad,.classic-right #zone-map{width:min(100%,300px)!important;max-width:300px!important} .classic-right #zone-map{align-self:flex-end!important;justify-content:stretch!important;margin-top:10px} .classic-map{width:100%!important;max-width:none!important;margin:0;text-align:center} .classic-map .map-title{width:100%;text-align:center;margin:0 0 6px;color:#f4f1f5;font-size:.82rem;font-weight:800} .zone-map-grid{width:100%!important;max-width:none!important;grid-template-columns:repeat(var(--map-cols),minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:3px!important;padding:5px!important;background:#0b0c0e!important;border:1px solid #555a60!important} .zone-map-grid>*{aspect-ratio:1/1;min-width:0;min-height:0} .map-tile-form{width:100%!important;height:100%!important} .zone-tile{width:100%;height:100%;min-width:0;min-height:0} .map-legend{width:100%;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px;line-height:1.1} .battle-loot{color:#e6d778;font-weight:700} .battle-loot strong{color:#fff1a3} /* Reward accounting remains server-side and visible in stats/activity, not the compact battle transcript. */ .battle-reward,.battle-state{display:none!important} @media(max-width:980px){.classic-right{align-items:flex-end}.classic-coords,.classic-nav-pad,.classic-right #zone-map{margin-left:auto}} @media(max-width:660px){.classic-right{align-items:center}.classic-coords,.classic-nav-pad,.classic-right #zone-map{width:min(100%,300px)!important;margin-left:auto;margin-right:auto}} /* 0.2.0 systems expansion */ .classic-spellbook-view .inline-inventory-category{margin-top:.35rem} .spell-equip-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin:.35rem 0} .spell-equip-actions button,.inventory-feed-amulet{font-size:.72rem;padding:.3rem .45rem} .loadout-row.amulet-row{align-items:start;grid-template-columns:74px 1fr} .loadout-row.amulet-row small{grid-column:2;color:#b8aebb;line-height:1.35;margin-top:.12rem} .battle-line.battle-effect{color:#d7b7ff} .battle-line.battle-heal{color:#79e7aa} /* 0.3.0 — larger content surfaces must grow the realm instead of sliding beneath activity/chat. */ .classic-realm{grid-template-rows:minmax(430px,auto) minmax(220px,34vh);align-content:start;overflow:visible} .classic-left{min-width:0;padding-bottom:28px} .classic-activity{position:relative;z-index:2} .classic-links{position:relative;z-index:3;padding-bottom:8px} .classic-inventory-view,.classic-loadout-view,.classic-amulet-view,.classic-classes-view{max-width:360px} .inline-inventory-category{margin-bottom:12px} .gem-enchant-controls{margin:8px 0 15px;padding:9px;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a} .gem-target-select,.gem-codex-select,.class-codex-select,.amulet-feed-select{width:100%;height:34px;border:1px solid #8e858f;background:#4a444b;color:#fff;padding:0 7px} .amulet-summary{display:grid;gap:4px;margin:7px 0 14px;padding:9px;border:1px solid #ffffff1a;background:#09070a66}.amulet-summary strong{color:#f0df68}.amulet-summary span{color:#ddd0df;font-size:.76rem} .gem-codex .inventory-examine-panel,.class-codex-description{max-height:150px;overflow:auto} @media(max-width:980px){.classic-realm{grid-template-rows:auto auto minmax(220px,34vh)}} @media(max-width:660px){.classic-realm{display:block}.classic-inventory-view,.classic-loadout-view,.classic-amulet-view,.classic-classes-view{max-width:none}} /* 0.5.0 equipment UX + pinned communication console */ body:has(.classic-realm){height:100vh;overflow:hidden} .classic-realm{height:100vh;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr) clamp(220px,32vh,360px);align-content:stretch} .classic-left,.classic-center,.classic-right{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin} .classic-left{display:flex;flex-direction:column} .classic-left-view{flex:0 0 auto} .classic-links{position:sticky;bottom:0;z-index:8;margin-top:auto;padding:10px 0 7px;background:linear-gradient(180deg,transparent,#07130ed9 28%,#07130ef5);backdrop-filter:blur(6px)} .classic-activity{min-height:0;height:auto;align-self:stretch;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto} .activity-log{min-height:0;overflow:auto;overscroll-behavior:contain} .classic-realm:has(#inventory-panel:not([hidden])){grid-template-columns:minmax(430px,32%) minmax(420px,1fr) minmax(300px,23%)} .classic-realm:has(#loadout-panel:not([hidden])){grid-template-columns:minmax(590px,40%) minmax(360px,1fr) minmax(300px,22%)} .classic-inventory-view,.classic-loadout-view,.classic-amulet-view,.classic-races-view{max-width:none;width:100%} .inventory-filter-bar{display:flex;gap:4px;flex-wrap:wrap;margin:2px 0 8px} .inventory-filter-bar button{padding:5px 9px;font-size:.68rem;border:1px solid #59635d;background:#151a18;color:#cfd8d2;border-radius:3px} .inventory-filter-bar button.active{border-color:#65d77a;color:#8cff9c;background:#102b18} .unified-inventory-select{width:100%;height:34px;padding:4px 7px;background:#242a27;color:#fff;border:1px solid #768079;border-radius:3px} .unified-inventory-detail{margin-top:7px;min-height:52px;padding:8px 9px;border:1px solid #ffffff18;background:#05090885;color:#d8dfda;font-size:.72rem;line-height:1.4;border-radius:3px} .unified-inventory-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px} .unified-inventory-actions button,.inventory-socket-apply{padding:6px 10px;font-size:.7rem;border:1px solid #88702a;background:linear-gradient(#463b20,#241c0f);color:#fff1a8;border-radius:999px} .inventory-socket-tools{margin-top:10px;padding-top:9px;border-top:1px solid #ffffff17} .socket-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:5px 0} .socket-tool-grid label{font-size:.65rem;color:#b9c3bc}.socket-tool-grid select{display:block;width:100%;margin-top:3px;height:31px;background:#242a27;color:#fff;border:1px solid #69736c} .saved-loadout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px} .saved-loadout-card{margin:0}.saved-loadout-card button{width:100%;min-height:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:7px 9px;border-radius:4px;background:#151918;border:1px solid #4b5650;color:#eee} .saved-loadout-card button strong{font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-loadout-card button span{font-size:.6rem;color:#aeb8b2;margin-top:3px} .saved-loadout-card.status-active button{border-color:#62d977;background:#102b18}.saved-loadout-card.status-active button span{color:#75ff8d}.saved-loadout-card.status-ready button{border-color:#6b8172}.saved-loadout-card.status-missing button{border-color:#a15f4e}.saved-loadout-card.status-empty button{opacity:.55} .saved-loadout-manager{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-bottom:12px;padding:9px;border:1px solid #ffffff18;background:#07100c85} .saved-loadout-manager form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:end}.saved-loadout-manager label{font-size:.64rem;color:#b9c3bc}.saved-loadout-manager select,.saved-loadout-manager input{width:100%;height:29px;background:#242a27;color:#fff;border:1px solid #68716c;padding:3px 5px}.saved-loadout-manager input{grid-column:1/2}.saved-loadout-manager button{height:29px;padding:0 8px;font-size:.64rem} .equipment-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .equipment-slot-card{min-height:94px;padding:8px;border:1px solid #3f4c45;background:#080d0b9e;border-radius:4px;display:flex;flex-direction:column;gap:4px}.equipment-slot-card.filled{border-color:#597362;background:#0b1510c7}.equipment-slot-card .slot-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#80d28e}.equipment-slot-card strong{font-size:.72rem;color:#f0f4f1;line-height:1.2}.slot-sockets{font-size:.58rem;color:#d9c871;line-height:1.25}.equipment-slot-card form,.equipment-slot-card a{margin-top:auto}.equipment-slot-card button,.equipment-slot-card a{font-size:.6rem;padding:3px 6px}.equipment-slot-card a{color:#77ff8b;text-decoration:none} .lineage-current{display:flex;flex-direction:column;gap:3px;padding:8px 9px;margin-bottom:8px;border:1px solid #ffffff18;background:#07100c85}.lineage-current strong{color:#83ff8e}.lineage-current span{font-size:.68rem;color:#c7d0ca} @media(max-width:1180px){.classic-realm:has(#inventory-panel:not([hidden])),.classic-realm:has(#loadout-panel:not([hidden])){grid-template-columns:minmax(380px,38%) minmax(340px,1fr) minmax(260px,25%)}.equipment-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:980px){body:has(.classic-realm){overflow:auto;height:auto}.classic-realm{height:auto;min-height:100vh;overflow:visible;grid-template-rows:auto auto minmax(260px,34vh)}.classic-realm:has(#inventory-panel:not([hidden])),.classic-realm:has(#loadout-panel:not([hidden])){grid-template-columns:1fr 1.3fr}.classic-left,.classic-center,.classic-right{overflow:visible}.classic-links{position:static;background:none;backdrop-filter:none}.classic-activity{position:sticky;bottom:0;z-index:20;max-height:38vh}.saved-loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* 0.6.1 async command feedback: the realm updates in place, so flashes need a stable sync target. */ .flash-stack:empty{display:none} /* 0.7.0 — non-layout-shifting realm notifications. */ .flash-stack{position:fixed;top:14px;right:14px;z-index:1000;width:min(380px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:none} .flash-stack:empty{display:none} .toast{pointer-events:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px 9px 12px;border:1px solid #386546;border-radius:5px;background:#0b1b10f2;color:#c8f6d1;box-shadow:0 12px 30px #0009;font-size:.76rem;line-height:1.3;opacity:0;transform:translateY(-7px) scale(.985);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(9px)} .toast.visible{opacity:1;transform:translateY(0) scale(1)} .toast.error{border-color:#79454b;background:#281013f4;color:#ffd0d4} .toast-close{appearance:none;border:0;background:transparent!important;color:inherit!important;padding:2px 4px!important;min-width:0!important;height:auto!important;box-shadow:none!important;font-size:1rem!important;line-height:1!important;opacity:.7;cursor:pointer} .toast-close:hover{opacity:1} @media(max-width:660px){.flash-stack{top:8px;right:8px;width:calc(100vw - 16px)}} /* 0.7.0 — first canonical starter-world presentation. */ .zone-bg-emberwatch_crossing::before{background:radial-gradient(circle at 52% 24%,#925c3155 0 14%,transparent 36%),radial-gradient(circle at 12% 72%,#506c3d44 0 10%,transparent 31%),linear-gradient(135deg,#3a2218 0%,#1e1412 48%,#100b0a 100%)} .zone-bg-blackwater_underworks::before,.zone-bg-gloam-sewers::before{background:radial-gradient(circle at 70% 20%,#2f787044 0 13%,transparent 35%),radial-gradient(circle at 20% 75%,#66773433 0 12%,transparent 32%),linear-gradient(135deg,#0b2526 0%,#09191d 50%,#070b0f 100%)} .zone-bg-whisperbriar_wood::before,.zone-bg-thornveil-forest::before{background:radial-gradient(circle at 68% 20%,#5d8b4255 0 14%,transparent 36%),radial-gradient(circle at 18% 70%,#394f2b55 0 13%,transparent 34%),linear-gradient(135deg,#152817 0%,#0c180f 50%,#08100a 100%)} /* 0.8.0 — exploration thresholds, Wayfarer's Network, and collision-safe notifications. */ .flash-stack{top:auto;right:auto;left:var(--toast-left,50%);bottom:var(--toast-bottom,14px);transform:translateX(-50%);width:var(--toast-width,min(430px,calc(100vw - 28px)));z-index:1000} @media(max-width:660px){.flash-stack{top:auto;right:auto;left:var(--toast-left,50%);bottom:var(--toast-bottom,10px);transform:translateX(-50%);width:min(var(--toast-width,calc(100vw - 20px)),calc(100vw - 20px))}} .zone-tile.exit{color:#7bdcff;background:linear-gradient(#34444a,#202a2e);border-color:#54808f;box-shadow:inset 0 0 0 1px #6ab5cc44;cursor:default} .legend-exit{background:#55b8d8} .zone-tile.exit.landmark{color:#7bdcff} .classic-waypoints-view{display:flex;flex-direction:column;gap:10px} .waypoint-grid{display:grid;gap:7px} .waypoint-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px;border:1px solid #405149;background:#09120ec7}.waypoint-card[hidden]{display:none!important} .waypoint-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}.waypoint-card strong{font-size:.72rem;color:#edf5ef}.waypoint-card span{font-size:.61rem;color:#93a69a} .waypoint-card button{height:27px;padding:0 8px;font-size:.62rem}.waypoint-card button:disabled{opacity:.45} .waypoint-empty{padding:10px;border:1px dashed #425149;color:#aab8af;font-size:.67rem;line-height:1.4;background:#07100c85} .revive-action{width:min(430px,92%);margin:12px auto 0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;border:1px solid #775e42;background:#1c1209d9;box-shadow:0 8px 24px #0006} .revive-action>div{display:flex;flex-direction:column;gap:2px;text-align:left}.revive-action strong{color:#ffd28a;font-size:.75rem}.revive-action span{color:#d0c0a8;font-size:.64rem}.revive-action form{margin:0}.revive-action button{padding:5px 12px} .zone-tile.sanctum{color:#d9ef9a;border-color:#708356;box-shadow:inset 0 0 0 1px #a6c46a33} .legend-sanctum{background:#9fbf69} /* 0.9.0 — living hubs, contextual services, global trade, and special encounters. */ .zone-tile.service{color:#ffd875;border-color:#8d7132;background:linear-gradient(#43391f,#282114);box-shadow:inset 0 0 0 1px #f0c95a2b} .legend-service{background:#d9ad42} .location-service{width:min(720px,96%);margin:8px auto 0;padding:14px 15px;border:1px solid #725f3b;background:linear-gradient(145deg,#15120ded,#090b0aee);box-shadow:0 16px 38px #0008;text-align:left;border-radius:5px} .location-service>header{padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid #ffffff16;text-align:center} .service-kicker{display:block;color:#d7b968;text-transform:uppercase;letter-spacing:.12em;font-size:.59rem;font-weight:800} .location-service h2{margin:3px 0 4px;color:#fff0a5;font-size:1.18rem}.location-service>header p{margin:0 auto;max-width:610px;color:#c7bfae;font-size:.7rem;line-height:1.45} .service-note{margin-top:10px;padding:8px 9px;border:1px solid #ffffff12;background:#05070780;color:#bfc5bf;font-size:.65rem;line-height:1.45}.service-note strong{color:#ece3b0} .sanctum-attuned{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid #587147;background:#10190ec7} .service-sigil{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #9cbc66;color:#dff3a5;background:#1a2a16;font-size:1.05rem;font-weight:900;box-shadow:0 0 22px #95c45d2c}.sanctum-attuned>div{display:flex;flex-direction:column;gap:3px}.sanctum-attuned strong{color:#dff3a5}.sanctum-attuned span{color:#bdcbb7;font-size:.67rem;line-height:1.4} .bank-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bank-balance-grid>div{padding:10px;border:1px solid #455149;background:#0b100dd6;display:flex;flex-direction:column;gap:3px}.bank-balance-grid span{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:#93a89b}.bank-balance-grid strong{font-size:1rem;color:#ffdc75} .service-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.service-form{display:grid;gap:6px;padding:9px;border:1px solid #ffffff15;background:#090b0ac7}.service-form label{font-size:.62rem;color:#b8c2bb}.service-form input,.service-form select{display:block;width:100%;height:32px;margin-top:3px;border:1px solid #606960;background:#222823;color:#fff;padding:4px 6px}.service-form button{justify-self:start} .merchant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.merchant-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px;border:1px solid #4c4a3c;background:#0b0c0ad9}.merchant-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.merchant-type{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:#bca96c}.merchant-card strong{color:#f3e7b4;font-size:.74rem}.merchant-card p{margin:0;color:#bfc1b9;font-size:.62rem;line-height:1.35}.merchant-card small{color:#7fd28d;font-size:.57rem}.merchant-card form{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:0}.merchant-price{white-space:nowrap;color:#f5cc61;font-size:.63rem;font-weight:700}.merchant-card button{font-size:.62rem;padding:4px 9px} .arcanium-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10px}.arcanium-grid>section{padding:10px;border:1px solid #514566;background:#0d0a12d9}.arcanium-grid h3{margin:0 0 4px;color:#d4b6ff;font-size:.84rem}.arcanium-grid p{margin:0 0 8px;color:#bbb2c3;font-size:.62rem;line-height:1.4}.arcanium-fuse{padding:0;border:0;background:none}.fusion-recipes{margin-top:8px;border-top:1px solid #ffffff12;padding-top:6px}.fusion-recipes summary{cursor:pointer;color:#cbb2ef;font-size:.62rem}.fusion-recipe-list{display:grid;gap:3px;margin-top:6px;max-height:150px;overflow:auto}.fusion-recipe-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:4px 5px;background:#06040880;font-size:.57rem}.fusion-recipe-list span{color:#aaa0b0}.fusion-recipe-list strong{color:#d7c0f6} .extract-list{display:grid;gap:5px;max-height:230px;overflow:auto}.extract-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid #ffffff12;background:#070609a6}.extract-row>div:first-of-type{display:flex;flex-direction:column;gap:2px}.extract-row strong{font-size:.62rem;color:#e4dbea}.extract-row span{font-size:.56rem;color:#a99eae}.extract-row>div:last-of-type{display:flex;align-items:center;gap:7px}.extract-row button{font-size:.58rem;padding:3px 7px} .defeat-surface{border-color:#76484c;background:linear-gradient(145deg,#240e12ee,#0d0809f2)} .special-monster-type{color:var(--special-color,#f4d35e);text-shadow:0 0 8px color-mix(in srgb,var(--special-color,#f4d35e) 38%,transparent);letter-spacing:.015em}.battle-line .special-monster-type{font-weight:900} .inventory-trade-tools{margin-top:9px;padding:9px;border-top:1px solid #ffffff17;background:#070b0982}.inventory-trade-tools input,.inventory-trade-tools select{display:block;width:100%;margin-top:3px;height:31px;background:#242a27;color:#fff;border:1px solid #69736c;padding:3px 5px}.inventory-trade-send{margin-top:5px} .trade-activity{display:grid;align-content:start;gap:5px}.trade-offer-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 9px;border-bottom:1px solid #292f2b;background:#050706}.trade-offer-card>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline}.trade-offer-card span{font-size:.55rem;color:#78d88a}.trade-offer-card strong{font-size:.66rem;color:#f0f3f1}.trade-offer-card p{grid-column:1/-1;margin:0;color:#c1c8c3;font-size:.61rem}.trade-offer-card small{grid-column:1/-1;color:#a4aca7;font-size:.55rem}.trade-offer-actions{display:flex;gap:4px}.trade-offer-actions form{margin:0}.trade-offer-actions button{padding:3px 7px;font-size:.56rem} @media(max-width:780px){.merchant-grid,.arcanium-grid,.service-action-grid{grid-template-columns:1fr}.location-service{width:100%;padding:11px}.merchant-card{grid-template-columns:1fr}.merchant-card form{flex-direction:row;justify-content:space-between;align-items:center}} .inventory-sell-tools{margin-top:8px;padding:8px 9px;border:1px solid #68562d;background:#161207c7;display:flex;align-items:center;justify-content:space-between;gap:8px}.inventory-sell-tools span{font-size:.64rem;color:#e4d6a2}.inventory-sell-tools button{font-size:.61rem;padding:4px 8px}.inventory-sell-tools[hidden]{display:none!important} .ledger-transfer{margin-top:9px}.ledger-transfer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end}.ledger-transfer-grid button{height:32px;white-space:nowrap}@media(max-width:780px){.ledger-transfer-grid{grid-template-columns:1fr 1fr}.ledger-transfer-grid button{grid-column:1/-1;justify-self:start}} .slot-progression{display:block;margin-top:2px;color:#d6b66e;font-size:.62rem;line-height:1.25;letter-spacing:.035em} /* 0.11.0 — restrained Wyverns Reach interface renaissance (Concept B direction). */ :root{--db11-bg:#0b0c0d;--db11-panel:#111312;--db11-panel-2:#161716;--db11-line:#454035;--db11-line-soft:#2d2b27;--db11-text:#ded8cf;--db11-muted:#918b82;--db11-gold:#d2ad62;--db11-green:#77c978} body:has(.classic-realm){background:#090a0a;color:var(--db11-text)} .classic-realm{grid-template-columns:minmax(250px,21%) minmax(500px,1fr) minmax(285px,22%);column-gap:14px;padding:12px 14px 0;background:var(--db11-bg)!important} .classic-realm::before{background:radial-gradient(circle at 52% 14%,#5b3a231c 0 16%,transparent 42%),linear-gradient(135deg,#111210 0%,#0b0c0c 55%,#090a0a 100%)!important} .classic-realm::after{opacity:.09!important;background-image:repeating-linear-gradient(130deg,#fff 0 1px,transparent 1px 8px)!important} .classic-left,.classic-center,.classic-right{background:linear-gradient(180deg,#101110c7,#0a0b0bd9);border:1px solid var(--db11-line-soft);box-shadow:0 8px 28px #0005} .classic-left{padding:16px 15px 18px!important}.classic-center{padding:13px 14px 18px!important}.classic-right{padding:13px 12px 18px!important} .classic-character-name{color:#e9e0d2!important;text-shadow:none!important;text-align:left!important;font-size:1.42rem!important;letter-spacing:.01em} .classic-rank{text-align:left!important;margin:2px 0 17px!important;color:#a9a197!important;font-size:.72rem!important} .classic-stat-list{max-width:none!important;grid-template-columns:1fr 1fr!important;gap:5px 18px!important;padding:11px 10px;border:1px solid var(--db11-line-soft);background:#0c0e0d;font-size:.76rem!important} .classic-stat-list div{justify-content:space-between;gap:10px!important}.classic-stat-list span{color:#bdb6ad!important}.classic-stat-list strong{color:#e7c96e!important;font-weight:700!important} .classic-links{position:relative!important;bottom:auto!important;margin:14px 0 0!important;padding:0!important;display:grid!important;gap:0!important;background:#0d0f0e!important;border:1px solid var(--db11-line-soft)!important;backdrop-filter:none!important;font-size:.75rem!important;font-weight:500!important} .classic-links span{display:none!important}.classic-links a{display:block;padding:7px 10px;color:#bdb7ae!important;border-bottom:1px solid #262824;text-decoration:none!important;transition:background .12s ease,color .12s ease,border-color .12s ease}.classic-links a:last-child{border-bottom:0}.classic-links a:hover{background:#171a17;color:#f0e9dd!important}.classic-links a.active{background:linear-gradient(90deg,#1c2b1d,#141815);color:#90de8f!important;border-left:3px solid #65b966;padding-left:7px} .classic-world-info{margin:0 0 12px!important;padding:2px 0 10px;border-bottom:1px solid var(--db11-line-soft);gap:1px!important}.classic-world-info strong{font:700 1rem Georgia,serif!important;color:#e8e0d3!important}.classic-world-info span{color:#e5c957!important;font-size:.82rem}.classic-world-info em{color:#9f978d!important;font-size:.74rem!important} .classic-combat{width:min(100%,500px)!important;margin-top:14px!important;padding:12px;border:1px solid var(--db11-line-soft);background:#0d0f0e;text-align:center}.classic-combat .fight-picker{gap:7px!important}.classic-combat .fight-picker select{height:36px!important;background:#181a19!important;border:1px solid #57534a!important;color:#ddd7cf!important;border-radius:2px!important}.classic-combat .fight-picker button,.classic-combat .fight-actions button{height:36px!important;border-radius:2px!important;background:#171a18!important;border:1px solid #57534a!important;color:#ddd7cf!important}.classic-combat .fight-picker button:hover,.classic-combat .fight-actions button:hover{border-color:#71906d!important;background:#172017!important}.classic-combat .fight-actions{gap:8px!important;margin:8px 0 0!important}.battle-transcript{min-height:24px!important;margin-top:7px!important;color:#b3ada5!important}.battle-victory{color:#8fd28c!important} .classic-nav-pad{width:min(100%,300px)!important}.classic-nav-pad button,.classic-waypoint-shortcut{display:grid;place-items:center;width:100%;height:31px!important;min-height:31px;padding:0 6px;border-radius:2px;border:1px solid #5a5650;background:linear-gradient(#292a29,#181918);color:#e2ddd5;font-size:.72rem;font-weight:650;text-decoration:none;box-shadow:none}.classic-nav-pad button:hover,.classic-waypoint-shortcut:hover{background:#20231f;border-color:#7e8b73;text-decoration:none}.classic-waypoint-shortcut{color:#91d991;border-color:#51664e;background:linear-gradient(#1f2920,#151a15)} .classic-coords{color:#e6ce55!important;font-size:.78rem!important}.classic-map .map-title{color:#ddd7ce!important;font:700 .8rem Georgia,serif!important}.zone-map-grid{background:#0a0b0b!important;border-color:#504d47!important;box-shadow:none!important}.zone-tile{background:linear-gradient(#303230,#202220)!important;border-color:#50534f!important;color:#dededb!important}.zone-tile.player{background:#d6d8d5!important;color:#97182a!important}.map-legend{color:#898982!important;font-size:.58rem!important} .location-service{width:min(860px,100%)!important;max-height:calc(100% - 58px);overflow:hidden;margin:0 auto!important;padding:0!important;border:1px solid var(--db11-line)!important;background:#0f1110f2!important;box-shadow:0 12px 30px #0007!important;border-radius:2px!important;display:flex;flex-direction:column}.location-service>header{padding:13px 16px 11px!important;margin:0!important;background:linear-gradient(180deg,#171816,#101110);border-bottom:1px solid var(--db11-line-soft)!important;text-align:left!important}.service-kicker{color:#9b8a66!important;font-size:.54rem!important}.location-service h2{margin:2px 0!important;color:#d9bf7b!important;font-size:1.13rem!important}.location-service>header p{max-width:none!important;margin:2px 0 0!important;color:#aaa298!important;font-size:.65rem!important}.catalog-browser{display:flex;flex-direction:column;min-height:0;padding:11px 13px 0}.catalog-filterbar{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr);gap:10px;margin-bottom:10px}.catalog-filterbar label{display:grid;gap:4px;color:#a9a196;font-size:.58rem;text-transform:uppercase;letter-spacing:.07em}.catalog-filterbar select{height:34px;padding:0 9px;border:1px solid #514d45;background:#1a1c1a;color:#e3ddd3;font-size:.72rem}.catalog-results{min-height:0;max-height:360px;overflow:auto;padding-right:3px;scrollbar-width:thin}.merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.merchant-card{padding:9px!important;border-color:#393832!important;background:#0a0c0b!important}.merchant-card[hidden]{display:none!important}.merchant-type{color:#998969!important}.merchant-card strong{color:#ded4bb!important;font-size:.72rem!important}.merchant-card p{color:#918d85!important}.merchant-card small{color:#72b779!important}.merchant-price{color:#ddc35f!important}.merchant-card button{background:#191b19!important;border:1px solid #5b5140!important;color:#e1d7c3!important;border-radius:2px!important}.merchant-card button:disabled{color:#777!important;border-color:#333!important} .service-note{margin:10px 13px 12px!important;color:#8f938d!important;background:#0a0b0a!important;border-color:#2a2c29!important}.service-note strong{color:#cfc2a0!important} .classic-activity{margin:0 -14px!important;border-top:1px solid #4a4640!important;background:#050606!important;box-shadow:0 -10px 30px #0005!important}.activity-tabs{background:#171717!important;border-color:#373737!important}.activity-tabs button{background:#202020!important;border-color:#444!important;color:#aaa!important}.activity-tabs button.active{background:#192019!important;border-color:#53694f!important;color:#87d386!important}.activity-log{background:#050606!important;color:#bbb!important}.activity-footer{background:#0c0d0d!important;color:#69c86b!important;border-color:#292929!important} /* Quality is informative, not decorative neon. */ .quality-standard{color:#d5d0c8}.quality-umbral{color:#a89bd6}.quality-runebound{color:#7ba8d7}.quality-primordial{color:#d39a63}.quality-ascendant{color:#e1c85d} @media(max-width:1180px){.classic-realm{grid-template-columns:minmax(235px,25%) minmax(420px,1fr) minmax(255px,25%)}.merchant-grid{grid-template-columns:1fr!important}} @media(max-width:780px){.catalog-filterbar{grid-template-columns:1fr}.location-service{max-height:none}.catalog-results{max-height:420px}} /* 0.11.0 — fold existing Inventory / Loadout / Amulet / Waypoints into the same restrained theme. */ .inventory-title{color:#d9bf7b!important;font:700 .92rem Georgia,serif!important;margin-bottom:9px!important} .inventory-filter-bar button{border-color:#3e403c!important;background:#111312!important;color:#aaa59d!important;border-radius:2px!important}.inventory-filter-bar button.active{border-color:#587456!important;color:#8cd98b!important;background:#172018!important} .unified-inventory-select,.inline-inventory-row select,.gem-target-select,.gem-codex-select,.class-codex-select,.amulet-feed-select,.saved-loadout-manager select,.saved-loadout-manager input,.inventory-trade-tools input,.inventory-trade-tools select{background:#171918!important;color:#ddd7cf!important;border-color:#4c4d48!important;border-radius:2px!important} .unified-inventory-detail,.inventory-examine-panel{background:#0b0d0c!important;border-color:#2d2f2b!important;color:#a9a49c!important;border-radius:2px!important} .unified-inventory-actions button,.inventory-socket-apply,.inventory-unequip,.equipment-slot-card button,.saved-loadout-manager button{border-radius:2px!important;background:#181a18!important;border-color:#574f41!important;color:#d9cfba!important} .saved-loadout-card button{background:#0f1110!important;border-color:#343733!important;border-radius:2px!important}.saved-loadout-card.status-active button{border-color:#526b50!important;background:#152016!important}.saved-loadout-card.status-ready button{border-color:#494d47!important} .saved-loadout-manager{background:#0b0d0c!important;border-color:#2d2f2b!important}.equipment-slot-card{background:#0b0d0c!important;border-color:#30332f!important;border-radius:2px!important}.equipment-slot-card.filled{background:#0d120e!important;border-color:#465247!important}.equipment-slot-card .slot-label{color:#8db48d!important}.equipment-slot-card strong{color:#ddd7cf!important}.equipment-slot-card a{color:#84cf83!important} .amulet-summary{background:#0b0d0c!important;border-color:#30322e!important}.amulet-summary strong{color:#d9c36d!important} /* 0.12.0 — fixed workspace polish, zone identity, compact equipment flow, and roaming hotspots. */ :root{--db12-hotspot:#49b86b;--db12-hotspot-deep:#173a22;--db12-service:#d4aa4f} /* The three gameplay columns are permanent. Left views no longer resize the realm. */ .classic-realm:has(#inventory-panel:not([hidden])), .classic-realm:has(#loadout-panel:not([hidden])){grid-template-columns:minmax(250px,21%) minmax(500px,1fr) minmax(285px,22%)!important} .classic-left{overflow:hidden!important;display:flex!important;flex-direction:column!important} .classic-character-header{position:relative;flex:0 0 auto;padding:0 70px 11px;border-bottom:1px solid var(--db11-line-soft);text-align:center} .classic-character-name{text-align:center!important;margin:0!important;font-size:1.38rem!important} .classic-rank{text-align:center!important;margin:3px 0 0!important;font-size:.7rem!important;white-space:normal} .character-switch{position:absolute;right:0;top:1px;padding:4px 7px;border:1px solid #45443e;background:#151716;color:#aaa49a!important;font-size:.58rem;line-height:1;text-decoration:none!important;border-radius:2px} .character-switch:hover{border-color:#75684d;color:#e7dac2!important;background:#1c1c19} .classic-left-workspace{flex:1 1 auto;min-height:0;overflow:hidden;margin-top:10px} .classic-left-view{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px} .classic-links{flex:0 0 auto;margin:10px 0 0!important} /* Compact saved loadouts: the page manages sets; Inventory manages individual equipment. */ .saved-loadout-grid{gap:4px!important;margin-bottom:7px!important}.saved-loadout-card button{min-height:38px!important;padding:5px 7px!important} .saved-loadout-manager{grid-template-columns:1fr!important;gap:5px!important;margin-bottom:7px!important;padding:7px!important}.saved-loadout-manager form{grid-template-columns:minmax(0,1fr) auto!important}.saved-loadout-manager label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;align-items:center}.saved-loadout-manager label select{margin:0} .compact-loadout-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid #2d302c;background:#090b0a;padding:4px} .compact-loadout-row{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:2px 7px;align-items:baseline;padding:5px 6px;border:1px solid transparent;color:#c8c2b8!important;text-decoration:none!important;background:#0d0f0e} .compact-loadout-row:hover{border-color:#4d514a;background:#131613}.compact-loadout-row>span{font-size:.55rem;text-transform:uppercase;letter-spacing:.06em;color:#879d87}.compact-loadout-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;color:#ddd7cf}.compact-loadout-row>small{grid-column:2;font-size:.51rem;color:#9c8d69;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* One Equip action. Multi-slot equipment asks for a destination only when necessary. */ .inventory-equip-tools{margin-top:7px;padding:7px;border:1px solid #3d423c;background:#0b0e0c;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center}.inventory-equip-tools[hidden]{display:none!important}.inventory-equip-tools>span{font-size:.6rem;color:#aaa49b}.inventory-equip-slot{height:29px;background:#171918;color:#ddd7cf;border:1px solid #4c4d48}.inventory-equip-confirm{height:29px;padding:0 9px;border:1px solid #574f41;background:#181a18;color:#d9cfba} /* Center the movement/map stack inside its column. */ .classic-right{align-items:center!important;text-align:center!important;overflow:hidden!important}.classic-coords,.classic-nav-pad,.classic-right #zone-map{align-self:center!important;margin-left:auto!important;margin-right:auto!important}.classic-right #zone-map{margin-top:10px!important}.classic-map{margin-left:auto!important;margin-right:auto!important} /* Service squares are unmistakably special even under the global dark map theme. */ .zone-tile.service{border-color:var(--db12-service)!important;box-shadow:inset 0 0 0 1px #f1ca6a55,0 0 0 1px #8b6a2f!important;color:#f1cb70!important;background:linear-gradient(#3a321e,#211d14)!important} .zone-tile.sanctum{border-color:#758d58!important;box-shadow:inset 0 0 0 1px #a5c87366!important;color:#d9ef9a!important;background:linear-gradient(#283120,#181e16)!important} .zone-tile.exit{border-color:#4f8190!important;color:#79d9f7!important;background:linear-gradient(#253a40,#18272b)!important} /* The hotspot is a temporary ordinary fight tile, not a service/landmark. */ .zone-tile.hotspot{background:linear-gradient(#285a36,#183c25)!important;border-color:#63cf7e!important;box-shadow:inset 0 0 0 1px #a0ecad66,0 0 8px #46b96a33!important;color:#e4f6e7!important} .zone-tile.hotspot.player{background:linear-gradient(#b7d9bc,#89bb92)!important;border-color:#4cad66!important;color:#98182a!important;box-shadow:inset 0 0 0 2px #45985a,0 0 9px #46b96a55!important} .legend-hotspot,.hotspot-key{background:var(--db12-hotspot);border:1px solid #76d98c}.hotspot-status{display:flex;align-items:center;justify-content:center;gap:5px;margin:6px auto 0;color:#8faa91;font-size:.55rem;line-height:1.2}.hotspot-key{display:inline-block;width:8px;height:8px;flex:0 0 auto}.hotspot-status b{color:#b9dcbf;font-weight:700}.hotspot-active-note{display:block;margin-top:4px;color:#7ed88e!important;font:600 .58rem Arial,sans-serif!important;font-style:normal!important;letter-spacing:.02em}.battle-hotspot{color:#78d789!important;font-weight:700} /* Special titles must win over the generic battle strong-color rule. */ .battle-line .special-monster-type{color:var(--special-color,#f4d35e)!important;text-shadow:0 0 8px color-mix(in srgb,var(--special-color,#f4d35e) 45%,transparent)!important} /* Per-zone atmospheric wallpaper lives only in the central gameplay column. */ .classic-center{position:relative;isolation:isolate;overflow:hidden!important;background:#0b0c0b!important} .classic-center::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.58;background-size:cover} .classic-center::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#08090955,#090a09b8 62%,#080909e8)} .zone-bg-emberwatch_crossing .classic-center::before{background-image:radial-gradient(ellipse at 50% 12%,#8b58233d 0 16%,transparent 43%),repeating-linear-gradient(90deg,transparent 0 84px,#b3844a0b 85px 86px),linear-gradient(145deg,#251b12 0%,#151510 44%,#0c0e0c 100%)} .zone-bg-blackwater_underworks .classic-center::before{background-image:radial-gradient(ellipse at 52% 18%,#36694a42 0 15%,transparent 43%),repeating-linear-gradient(0deg,#20382b10 0 18px,#0e17130a 19px 36px),linear-gradient(145deg,#0e1b16 0%,#0d1311 52%,#080b0a 100%)} .zone-bg-whisperbriar_wood .classic-center::before{background-image:radial-gradient(ellipse at 50% 12%,#315d3542 0 18%,transparent 46%),repeating-linear-gradient(103deg,transparent 0 54px,#4567440b 55px 58px),linear-gradient(155deg,#101d12 0%,#0d130e 55%,#080a09 100%)} .zone-bg-development_crossroads .classic-center::before,.zone-bg-development_wilds .classic-center::before{background-image:linear-gradient(145deg,#181817,#0b0c0b)} .classic-world-info,.classic-combat,.location-service{position:relative;z-index:1} @media(max-width:1180px){.classic-realm:has(#inventory-panel:not([hidden])),.classic-realm:has(#loadout-panel:not([hidden])){grid-template-columns:minmax(235px,25%) minmax(420px,1fr) minmax(255px,25%)!important}.compact-loadout-grid{grid-template-columns:1fr}} @media(max-width:980px){.classic-left{overflow:visible!important}.classic-left-workspace{overflow:visible}.classic-left-view{height:auto;max-height:480px}.classic-right{overflow:visible!important}} /* 0.13.0 — Wildreach frontier atmosphere + material inventory identity. */ .zone-bg-stormward_wilds::before{background:radial-gradient(circle at 62% 22%,#8b704333 0 14%,transparent 38%),radial-gradient(circle at 18% 76%,#556a3c36 0 12%,transparent 34%),linear-gradient(145deg,#252318 0%,#171912 48%,#0b0e0a 100%)} .zone-bg-stormward_wilds .classic-center::before{background-image:radial-gradient(ellipse at 48% 12%,#8a6c333b 0 17%,transparent 45%),repeating-linear-gradient(112deg,transparent 0 68px,#7c77420b 69px 72px),linear-gradient(150deg,#1d1c12 0%,#12150e 52%,#090b08 100%)} .inventory-filter-bar [data-inventory-filter="material"].active{border-color:#8f773f!important;color:#e2c675!important;background:#201c10!important} /* 0.14.0 — Blood Duels, realm-system foundations, and map-service iconography. */ :root{--db14-blood:#a63a38;--db14-blood-deep:#341414;--db14-gold:#d6ad55;--db14-gold-soft:#80652e} /* Compact inline SVG map glyphs replace development letters for important world services. */ .zone-tile.has-icon{display:grid!important;place-items:center!important;padding:0!important} .zone-map-icon{display:grid;width:70%;height:70%;place-items:center;color:inherit;pointer-events:none} .zone-map-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible} .zone-tile.service.has-icon{color:#f0c968!important;border-color:#cf9f3c!important;background:radial-gradient(circle at 50% 40%,#4b3a19 0%,#221c10 72%)!important;box-shadow:inset 0 0 0 1px #ffd97a55,0 0 6px #b6812d22!important} .zone-tile.sanctum.has-icon{color:#b8d783!important;border-color:#779750!important;background:radial-gradient(circle at 50% 42%,#304523 0%,#182016 75%)!important} .zone-tile.player .zone-map-icon{display:none!important} /* Monster / player targeting stays compact and occupies the same center authority. */ .target-mode-tabs{display:flex;justify-content:center;gap:4px;max-width:430px;margin:0 auto 8px;padding:3px;border:1px solid #2c302c;background:#090b0a} .target-mode-tabs a{flex:1;padding:7px 10px;text-align:center;text-decoration:none!important;color:#b7b0a5!important;border:1px solid transparent;background:#111311;font-size:.67rem;font-weight:700;letter-spacing:.02em} .target-mode-tabs a:hover{border-color:#4e514a;color:#eee3cf!important} .target-mode-tabs a.active{border-color:#667d5e;background:#172018;color:#b8deb0!important} .target-mode-tabs a.blood{border-color:#88413c;background:linear-gradient(#321817,#211111);color:#e8a19c!important} .blood-duel-surface{max-width:610px;margin:0 auto;border:1px solid #55302d;background:linear-gradient(180deg,#100d0d,#0a0909);box-shadow:inset 0 0 0 1px #1d1514;padding:0 12px 12px} .blood-duel-surface>header{padding:12px 2px 10px;border-bottom:1px solid #362321;margin-bottom:10px;text-align:left} .blood-duel-surface>header h2{margin:2px 0 3px;color:#d87770;font-size:1.18rem}.blood-duel-surface>header p{margin:0;color:#a9948f;font-size:.62rem} .blood-duel-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.blood-duel-picker label{display:grid;gap:4px;color:#a89d94;font-size:.58rem}.blood-duel-picker select{height:33px;background:#151716;color:#ddd7cf;border:1px solid #4d4844}.blood-duel-picker button,.blood-duel-actions button{height:33px;border-color:#8b3b36!important;background:linear-gradient(#5a201d,#321311)!important;color:#f0c5bd!important}.blood-duel-picker button:disabled{opacity:.42} .duel-rule-strip,.duel-opponent{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:9px;padding:8px;border:1px solid #362b28;background:#0b0b0a}.duel-rule-strip strong{color:#d87770;font-size:.64rem}.duel-rule-strip span{color:#968d85;font-size:.56rem;text-align:right}.duel-opponent strong{color:#e1b0a9}.duel-opponent span{color:#c97c75;font-size:.62rem}.blood-duel-actions{margin:10px 0 5px}.blood-duel-victory,.blood-duel-target{color:#d9867e!important} /* Realm-system summaries share the fixed left viewport rather than enlarging the page. */ .system-summary-card{display:grid;gap:3px;margin-bottom:7px;padding:9px;border:1px solid #30342f;background:#0a0d0b}.system-summary-card strong{color:#dec57f;font-size:.82rem}.system-summary-card span{color:#9a978e;font-size:.70rem;line-height:1.35}.mini-chip-grid{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}.mini-chip-grid span{padding:4px 6px;border:1px solid #343833;background:#101310;color:#aab5a6;font-size:.54rem}.compact-system-list{display:grid;gap:3px}.compact-system-row{display:flex;justify-content:space-between;gap:8px;padding:6px 7px;border:1px solid #2b2f2b;background:#0b0e0c;font-size:.58rem}.compact-system-row span{color:#b6b0a7}.compact-system-row strong{color:#d4c17b}.compact-system-card{padding:8px;border:1px solid #30342f;background:#0b0e0c}.compact-system-card strong{display:block;color:#d8c07a}.compact-system-card span,.compact-system-card small{display:block;color:#8f968d;font-size:.54rem}.compact-system-card p{margin:5px 0;color:#b4aea4;font-size:.58rem;line-height:1.4} .arcanium-foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.arcanium-foundation-grid section{padding:9px;border:1px solid #403722;background:#0c0c09}.arcanium-foundation-grid h3{margin:0 0 4px;color:#d5b45d}.arcanium-foundation-grid p{margin:0;color:#aaa294;font-size:.59rem;line-height:1.42} .highhold-overview{max-width:620px;margin:0 auto}.highhold-building-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.highhold-building-row{display:flex;justify-content:space-between;gap:6px;padding:7px;border:1px solid #3b3529;background:#0c0d0b}.highhold-building-row strong{color:#d2b36f}.highhold-building-row span{color:#898e84;font-size:.54rem} .zone-bg-dragonward_hold .classic-center::before{background-image:radial-gradient(ellipse at 50% 10%,#9a6f343a 0 15%,transparent 44%),repeating-linear-gradient(90deg,transparent 0 74px,#b897590c 75px 77px),linear-gradient(155deg,#221b11 0%,#15130e 48%,#090b09 100%)} @media(max-width:980px){.blood-duel-picker{grid-template-columns:1fr}.arcanium-foundation-grid,.highhold-building-list{grid-template-columns:1fr}.duel-rule-strip{align-items:flex-start;flex-direction:column}.duel-rule-strip span{text-align:left}} /* 0.15.0 — permanent character rail + communication workspace. */ :root{--db15-console-min:220px} .classic-realm{grid-template-columns:minmax(250px,21%) minmax(500px,1fr) minmax(285px,22%)!important;grid-template-rows:minmax(0,1fr) var(--activity-height,clamp(240px,30vh,420px))!important;grid-template-areas:"left center right" "left activity activity"!important;row-gap:0!important;height:100vh!important;min-height:0!important;overflow:hidden!important} .classic-left{grid-area:left!important;height:100%!important;min-height:0!important;padding:16px 15px 14px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important} .classic-stat-pinned{flex:0 0 auto;margin-top:10px}.classic-stat-pinned .classic-stat-list{margin:0!important} /* Keep the exact compact two-column vital-stat projection permanently visible. */ .classic-stat-pinned .classic-stat-list{max-width:none!important;grid-template-columns:1fr 1fr!important;gap:5px 18px!important;padding:11px 10px!important;border:1px solid var(--db11-line-soft)!important;background:#0c0e0d!important;font-size:.76rem!important} .classic-stat-pinned .classic-stat-list div{justify-content:space-between!important;gap:10px!important}.classic-stat-pinned .classic-stat-list span{color:#bdb6ad!important}.classic-stat-pinned .classic-stat-list strong{color:#e7c96e!important;font-weight:700!important} /* Only frequent management workspaces remain in primary navigation. */ .classic-links{flex:0 0 auto!important;margin:10px 0 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;border:1px solid var(--db11-line-soft)!important;background:#0d0f0e!important} .classic-links a{min-width:0!important;padding:7px 9px!important;border-right:1px solid #262824!important;border-bottom:1px solid #262824!important}.classic-links a:nth-child(2n){border-right:0!important}.classic-links a:nth-last-child(-n+2){border-bottom:0!important} .classic-left-workspace{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;margin-top:8px!important;border-top:1px solid #232622;padding-top:7px}.classic-left-view{height:100%!important;max-height:none!important;overflow:auto!important} .left-workspace-idle{height:100%;display:grid;place-items:start;color:#696e68;font-size:.58rem;padding:4px 2px}.left-workspace-idle[hidden]{display:none!important} .progression-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:7px}.progression-tabs button{padding:6px 3px;border-radius:1px;background:#111311;border-color:#393c37;color:#aaa49b;font-size:.56rem}.progression-tabs button.active{background:#182019;border-color:#53694f;color:#8bd58a}.progression-pane[hidden]{display:none!important} .sanctum-guild-affairs{margin-top:10px;padding-top:10px;border-top:1px solid #49432f}.sanctum-guild-affairs h3{margin:0 0 7px;color:#dec57f;font-size:.9rem} /* The communication console begins to the right of the character rail and remains a major screen region. */ .classic-activity{grid-area:activity!important;align-self:stretch!important;min-height:var(--db15-console-min)!important;height:auto!important;margin:0!important;border:1px solid #343735!important;border-bottom:0!important;background:#050606!important;box-shadow:0 -10px 30px #0005!important;display:grid!important;grid-template-rows:7px 36px minmax(0,1fr) auto!important;overflow:hidden!important;position:relative!important} .activity-resize-handle{height:7px!important;width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#272a27,#111311)!important;cursor:ns-resize!important;position:relative}.activity-resize-handle::after{content:"";position:absolute;left:calc(50% - 22px);top:2px;width:44px;height:2px;background:#696d67;border-radius:2px} .activity-tabs{height:36px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:0!important;background:#151715!important;border-bottom:1px solid #353835!important}.activity-tabs button{width:100%!important;height:36px!important;border:0!important;border-right:1px solid #353835!important;border-radius:0!important;background:#1d1f1e!important;color:#a6a5a0!important;font-size:.7rem!important}.activity-tabs button:last-child{border-right:0!important}.activity-tabs button.active{background:#172018!important;color:#91d690!important;border-bottom:2px solid #5f9f60!important;font-weight:800!important} .activity-pane{min-height:0;overflow:auto;overscroll-behavior:contain;background:#050606;color:#bbb;font:500 .72rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.activity-pane[hidden]{display:none!important}.realm-activity,.trade-activity{padding:8px 10px}.activity-footer{padding:5px 9px!important;min-height:24px!important} /* Public/private/system Chat uses one persistent feed with a pinned composer. */ .chat-activity,.guild-activity{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden!important}.guild-activity{grid-template-rows:auto minmax(0,1fr) auto}.chat-message-list{min-height:0;overflow:auto;padding:7px 10px;display:flex;flex-direction:column;gap:2px}.chat-empty{color:#6f756f;padding:10px}.chat-message{display:grid;grid-template-columns:38px auto minmax(0,1fr) auto;gap:6px;align-items:baseline;min-width:0}.chat-stamp{color:#5f665f;font-size:.59rem}.chat-prefix{color:#d6c88e;white-space:nowrap}.chat-body{color:#d1d0ca;min-width:0;overflow-wrap:anywhere}.chat-message.private .chat-prefix{color:#a99de6}.chat-message.system .chat-prefix{color:#7fc5de}.chat-message.event-omen .chat-prefix,.chat-message.event-omen .chat-body{color:#e2c768}.chat-message.event-trade_offer .chat-prefix,.chat-message.event-trade_accepted .chat-prefix{color:#83c7a1}.chat-name{display:inline!important;padding:0!important;border:0!important;background:transparent!important;color:#8bc5e5!important;font:inherit!important;font-weight:700!important;vertical-align:baseline}.chat-name:hover{text-decoration:underline!important;filter:none!important}.chat-inline-action{padding:2px 6px!important;border-radius:1px!important;font-size:.58rem!important;white-space:nowrap} .chat-composer{display:grid;grid-template-columns:minmax(145px,220px) minmax(0,1fr) auto;gap:6px;padding:6px 8px;border-top:1px solid #303330;background:#0c0e0d}.chat-composer label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px;align-items:center;color:#838983;font-size:.58rem}.chat-composer select,.chat-composer input{height:31px;min-width:0;background:#151817;color:#ddd9d0;border:1px solid #444843;padding:0 8px;font:inherit}.chat-composer button{height:31px;padding:0 13px;border-radius:1px!important}.guild-composer{grid-template-columns:minmax(0,1fr) auto}.guild-chat-head{display:flex;justify-content:space-between;gap:10px;padding:6px 10px;border-bottom:1px solid #303330;background:#0c0e0d}.guild-chat-head strong{color:#d7c27c}.guild-chat-head span{color:#7f887f;font-size:.6rem}.guild-chat-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:28px;color:#898f88}.guild-chat-empty strong{color:#d4c17b}.guild-chat-empty span{max-width:520px;font-size:.65rem} @media(max-width:980px){.classic-realm{height:auto!important;min-height:100vh!important;grid-template-columns:1fr 1.3fr!important;grid-template-rows:auto auto minmax(300px,38vh)!important;grid-template-areas:"left right" "center center" "activity activity"!important;overflow:visible!important}.classic-left{height:auto!important;overflow:visible!important}.classic-stat-pinned .classic-stat-list{max-width:none!important}.classic-left-workspace{max-height:420px}.classic-activity{min-height:300px!important}.activity-resize-handle{display:none!important}.chat-composer{grid-template-columns:1fr}.chat-composer label{grid-template-columns:40px 1fr}} /* 0.16.0 — social identity, player directory, buddies, Guild affairs, and combat-target placement. */ .chat-activity{grid-template-rows:auto minmax(0,1fr) auto!important} .chat-tools{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 8px;border-bottom:1px solid #292d29;background:#090b0a;font:600 .58rem/1.2 ui-sans-serif,system-ui,sans-serif;color:#777f78} .chat-tool-group{display:flex;gap:4px}.chat-tool{min-height:25px!important;padding:3px 8px!important;border:1px solid #343a34!important;border-radius:2px!important;background:#111511!important;color:#aeb5ad!important;font-size:.58rem!important}.chat-tool:hover{border-color:#526b53!important;color:#8ed58e!important;background:#151d15!important} .social-count{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:3px;padding:0 4px;border-radius:9px;background:#283029;color:#bfc7be;font-size:.5rem}.social-count.urgent{background:#6b281f;color:#ffd6c8}.social-count[hidden]{display:none!important} .chat-filter-label{margin-left:auto;display:flex;align-items:center;gap:5px;color:#788078}.chat-filter-label select{height:25px;padding:0 22px 0 7px;border:1px solid #343a34;background:#111411;color:#aaa;font-size:.57rem}.chat-tool-hint{color:#626a63;font-weight:500} .chat-message[hidden]{display:none!important} .chat-message.public{grid-template-columns:38px auto minmax(0,1fr)} .chat-message.public .chat-prefix{color:inherit}.chat-colon{margin-left:0;color:#a9aaa4}.chat-name,.chat-name-static{font-weight:800!important}.chat-name.alignment-neutral,.chat-name-static.alignment-neutral{color:#d8e2e8!important}.chat-name.alignment-positive,.chat-name-static.alignment-positive{color:#ffd74f!important;text-shadow:0 0 7px #c8901638}.chat-name.alignment-negative,.chat-name-static.alignment-negative{color:#ff3d3d!important;text-shadow:0 0 7px #c3151538}.chat-staff-tag{font-weight:750;opacity:.96}.chat-self-name{color:#cfd6cf;font-weight:700} .chat-context-menu{position:fixed;z-index:10040;min-width:170px;padding:4px;border:1px solid #655631;background:#0b0d0c;box-shadow:0 12px 38px #000b}.chat-context-menu[hidden]{display:none!important}.chat-context-menu button{display:block;width:100%;padding:7px 9px;border:0!important;border-radius:0!important;background:transparent!important;color:#d1cbbb!important;text-align:left;font-size:.65rem}.chat-context-menu button:hover{background:#182018!important;color:#91da91!important}.chat-context-menu button:disabled{color:#666!important;background:transparent!important} .social-modal-backdrop{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;padding:24px;background:#0009;backdrop-filter:blur(2px)}.social-modal-backdrop[hidden]{display:none!important}.social-modal{width:min(720px,calc(100vw - 36px));max-height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;border:1px solid #5a6d50;background:linear-gradient(180deg,#101310,#080a09);box-shadow:0 20px 70px #000d}.social-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid #30352f;background:#111511}.social-modal h2{margin:2px 0 0;color:#e1d8c4;font:700 1.12rem Georgia,serif}.social-modal-close{width:30px!important;height:30px!important;padding:0!important;border:1px solid #3c413c!important;background:#171a18!important;color:#bbb!important;font-size:1.15rem!important}.social-modal-body{min-height:120px;overflow:auto;padding:13px 14px}.social-loading,.social-empty{padding:30px;text-align:center;color:#7e867d} .player-id-lead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 11px;margin-bottom:10px;border:1px solid #343a34;background:#080b09}.player-id-name{font:800 1rem Georgia,serif}.player-id-subtitle{margin-top:3px;color:#a7a296;font-size:.67rem}.player-presence{display:inline-flex;align-items:center;gap:5px;color:#929990;font-size:.6rem}.player-presence::before{content:"";width:7px;height:7px;border-radius:50%;background:#6c726b}.player-presence.online::before{background:#5ecf65;box-shadow:0 0 7px #5ecf6580}.player-presence.recent::before{background:#e3c34b}.player-presence.offline::before{background:#a44a4a}.player-id-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px}.player-id-field{display:flex;justify-content:space-between;gap:10px;padding:7px 8px;border:1px solid #2d322d;background:#0b0e0c}.player-id-field span{color:#7f887f;font-size:.59rem}.player-id-field strong{color:#d7d0c2;font-size:.63rem;text-align:right}.player-id-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.player-id-actions button{padding:6px 9px!important;font-size:.61rem!important}.player-history-title{margin:11px 0 6px;color:#d5b967;font-size:.7rem}.player-history{display:grid;gap:3px}.player-history-row{display:grid;grid-template-columns:85px 1fr auto;gap:8px;padding:6px 7px;border:1px solid #292e29;background:#090c0a;font-size:.58rem}.player-history-row span{color:#8a9188}.player-history-row strong{color:#c9c3b7}.player-history-row time{color:#656d65;text-align:right} .social-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 5px;color:#d5ba72;font-size:.69rem}.social-directory-list{display:grid;gap:4px}.social-player-row{display:grid;grid-template-columns:minmax(130px,1.25fr) 70px minmax(110px,1fr) minmax(105px,.9fr) auto;gap:7px;align-items:center;padding:7px 8px;border:1px solid #2b302b;background:#090c0a}.social-player-row:hover{border-color:#3f4d3d;background:#0d120e}.social-player-main{display:flex;align-items:center;gap:6px;min-width:0}.social-player-name{padding:0!important;border:0!important;background:transparent!important;font:800 .65rem ui-sans-serif,system-ui,sans-serif!important;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-player-meta,.social-player-guild{color:#858d84;font-size:.57rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-row-actions{display:flex;gap:4px}.social-row-actions button{padding:4px 6px!important;font-size:.54rem!important}.buddy-request-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid #4b4028;background:#111008}.buddy-request-card strong{color:#dfc56f}.buddy-request-card span{display:block;color:#8d918a;font-size:.57rem}.buddy-actions{display:flex;gap:4px}.buddy-actions button{padding:4px 7px!important;font-size:.55rem!important} .combat-target-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important}.combat-picker-slot{min-width:0}.combat-picker-slot .fight-picker{margin:0!important}.target-mode-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;margin:0!important;padding:0!important;align-self:end!important}.target-mode-tabs a{display:grid;place-items:center;min-width:76px;height:36px;padding:0 8px;border:1px solid #4a4e48;background:#121513;color:#aaa;text-decoration:none;font-size:.58rem;font-weight:700}.target-mode-tabs a:hover{border-color:#64735e;color:#d6ddd2;text-decoration:none}.target-mode-tabs a.active{border-color:#55784e;background:#172117;color:#91da8f}.target-mode-tabs a.active.blood{border-color:#87524a;background:#211413;color:#e6aaa0}.duel-mode-row{display:flex;justify-content:flex-end;margin:0 0 8px}.duel-mode-row:empty{display:none}.blood-duel-surface .target-mode-tabs{width:max-content} .sanctum-guild-affairs .guild-admin-grid{display:grid;gap:7px}.guild-invite-card,.guild-member-admin{padding:8px;border:1px solid #353a34;background:#0b0e0c}.guild-member-admin{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:7px;align-items:center}.guild-member-admin strong{color:#d8c27d}.guild-member-admin small{display:block;color:#80877f}.guild-member-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.guild-member-controls form{display:flex;gap:4px}.guild-member-controls select,.guild-member-controls button{height:27px!important;font-size:.55rem!important}.guild-member-controls select{background:#141715;color:#ccc;border:1px solid #40443f}.guild-danger{border-color:#63443d!important;color:#e1a59a!important} @media(max-width:980px){.chat-tools{flex-wrap:wrap}.chat-tool-hint{display:none}.chat-filter-label{margin-left:0}.social-player-row{grid-template-columns:minmax(130px,1fr) 65px minmax(100px,1fr) auto}.social-player-guild{display:none}.combat-target-row{grid-template-columns:1fr!important}.target-mode-tabs{justify-self:end}.player-id-grid{grid-template-columns:1fr}} .chat-guild-role{color:#8fc890;font-weight:700} .guild-invite-list{display:grid;gap:5px;margin:8px 0}.guild-invite-list h4{margin:0;color:#d8c071;font-size:.68rem}.guild-invite-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid #3b3e35;background:#0a0d0b}.guild-invite-card strong{display:block;color:#d8c27d}.guild-invite-card span{color:#8a9188;font-size:.57rem}.guild-inline-actions,.guild-member-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.guild-inline-actions form,.guild-member-actions form{display:flex;gap:4px}.guild-member-list{display:grid;gap:4px;margin:8px 0}.guild-member-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid #313631;background:#0a0d0b}.guild-member-row span{display:block;color:#c7c2b8;font-size:.61rem}.guild-member-row strong{display:block;color:#8eaa8d;font-size:.54rem;text-transform:uppercase;letter-spacing:.05em}.guild-member-actions select{height:27px;background:#121512;color:#ccc;border:1px solid #3b403a;font-size:.55rem}.guild-member-actions button,.guild-inline-actions button{height:27px!important;padding:0 7px!important;font-size:.54rem!important}.guild-member-actions .danger{border-color:#69453d!important;color:#e2a59a!important}.guild-leave-form{margin-top:8px}.guild-invite-form{margin-top:8px} /* 0.17.0 — adaptive inventory, unified combat targeting, scroll-safe institutions, and narrow-rail resilience. */ .classic-left{container-type:inline-size;min-width:0!important} .classic-character-header,.classic-stat-pinned,.classic-left-workspace,.classic-links{min-width:0} .classic-rank{max-width:100%;overflow-wrap:anywhere} .classic-stat-pinned .classic-stat-list{min-width:0!important} .classic-stat-pinned .classic-stat-list>div{min-width:0!important;align-items:baseline} .classic-stat-pinned .classic-stat-list span{min-width:0;overflow-wrap:anywhere} .classic-stat-pinned .classic-stat-list strong{min-width:0;max-width:62%;margin-left:auto;text-align:right;overflow-wrap:anywhere;white-space:normal} @container (max-width:310px){ .classic-stat-pinned .classic-stat-list{grid-template-columns:1fr!important;gap:4px!important;padding:9px!important} .classic-stat-pinned .classic-stat-list>div{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(72px,auto)!important;gap:8px!important} .classic-stat-pinned .classic-stat-list strong{max-width:none!important;white-space:normal!important} .classic-character-name{font-size:1.13rem!important}.classic-rank{font-size:.6rem!important;margin-bottom:8px!important} } @container (max-width:235px){ .classic-stat-pinned .classic-stat-list{font-size:.67rem!important} .classic-stat-pinned .classic-stat-list>div{grid-template-columns:minmax(0,1fr) minmax(60px,auto)!important} .classic-links{grid-template-columns:1fr!important} } /* One combat surface; mode boxes are separate controls beside the existing picker. */ .combat-target-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:11px!important;align-items:stretch!important} .combat-picker-slot{min-width:0;display:flex;align-items:stretch}.combat-picker-slot .fight-picker{margin:0!important;width:100%!important;align-self:center} .target-mode-boxes{display:grid;grid-template-columns:repeat(2,minmax(82px,1fr));gap:7px;align-items:stretch;align-self:stretch} .target-mode-box{display:grid;place-items:center;min-width:88px;padding:7px 10px;border:1px solid #454a45;background:#101311;color:#aaa;text-decoration:none!important;font-size:.59rem;font-weight:800;letter-spacing:.01em;box-shadow:inset 0 0 0 1px #0008} .target-mode-box:hover{border-color:#667265;color:#e1e5df;background:#151a16} .target-mode-box.active{border-color:#568353;background:#162217;color:#91db8e;box-shadow:inset 0 0 0 1px #79c27422} .target-mode-box.blood{border-color:#5c4845}.target-mode-box.blood:hover{border-color:#8b5d55;color:#efb3aa;background:#1a1211}.target-mode-box.blood.active{border-color:#9a5b52;background:#261513;color:#ffb7aa;box-shadow:inset 0 0 0 1px #d77d6c24} .target-mode-box.locked{opacity:.55;pointer-events:none} .duel-target-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;color:#8b928a;font-size:.57rem}.duel-target-meta strong{color:#d8b86b} .service-active-duel{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:8px 9px;border:1px solid #74473f;background:#1a0e0dda}.service-active-duel>div:first-child{display:flex;flex-direction:column;gap:2px}.service-active-duel span{color:#d68678;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.service-active-duel strong{color:#f0cec8;font-size:.67rem}.service-duel-actions{display:flex;gap:5px}.service-duel-actions form{margin:0}.service-duel-actions button{padding:4px 8px!important;font-size:.57rem!important} /* Tall institutions scroll inside the center without exposing a scrollbar or moving the console. */ .location-service{display:flex;flex-direction:column;min-height:0!important;max-height:100%!important;overflow:hidden!important} .location-service>header{flex:0 0 auto} .special-location-scroll{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:0 2px 18px 0} .special-location-scroll::-webkit-scrollbar{width:0;height:0;display:none} .location-service::after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:24px;pointer-events:none;background:linear-gradient(transparent,#090b0ae8);opacity:.62} .classic-center>.location-service{flex:1 1 auto;min-height:0} /* Inventory is one workspace with purpose-built category surfaces. */ .inventory-filter-groups{display:grid;gap:5px;margin-bottom:7px}.inventory-filter-group{display:flex;flex-wrap:wrap;gap:4px}.inventory-filter-group.ledger{padding-top:5px;border-top:1px solid #262b27}.inventory-filter-group.ledger [data-inventory-filter]{border-color:#534722!important;color:#b9aa80!important}.inventory-filter-group.ledger [data-inventory-filter].active{border-color:#85723b!important;background:#1d190d!important;color:#e7ca70!important} .inventory-context-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:2px 0 7px;padding-bottom:6px;border-bottom:1px solid #252a26}.inventory-context-head>div{min-width:0}.inventory-context-head strong{display:block;color:#e2cc7d;font-size:.72rem}.inventory-context-head span{display:block;margin-top:2px;color:#838b83;font-size:.68rem;line-height:1.35} .inventory-item-browser{display:grid;gap:6px}.inventory-ledger-view{display:grid;gap:5px;overflow:auto;scrollbar-width:none}.inventory-ledger-view::-webkit-scrollbar{display:none}.inventory-ledger-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid #303630;background:#090d0a}.inventory-ledger-row>div{min-width:0}.inventory-ledger-row strong{display:block;color:#d9d3c5;font-size:.66rem;overflow-wrap:anywhere}.inventory-ledger-row span{display:block;margin-top:2px;color:#7f897f;font-size:.54rem;line-height:1.35}.inventory-ledger-row .inventory-ledger-qty{color:#e5c766;font-size:.7rem;font-weight:800}.inventory-ledger-row.protected{border-color:#50472f;background:#100e09}.inventory-ledger-row.protected strong{color:#dfc878}.inventory-ledger-row button{padding:4px 7px!important;font-size:.55rem!important} .inventory-context-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.inventory-context-actions button[hidden]{display:none!important}.inventory-context-actions button{min-width:54px} .inventory-socket-tools,.inventory-trade-tools,.inventory-sell-tools,.inventory-equip-tools{scroll-margin-top:8px} .inventory-socket-tools .inline-inventory-label::after{content:" · Gems are embedded, never equipped";color:#7e857d;font-weight:400} /* Campaigns are live progression cards, not generic inventory rows. */ .campaign-card{border-color:#3b453c!important}.campaign-card[data-status="complete"]{border-color:#76623a!important;background:#121008!important}.campaign-card[data-status="claimed"]{opacity:.72}.campaign-objective-progress{display:grid;gap:3px;margin:7px 0}.campaign-objective-progress>div{display:flex;justify-content:space-between;gap:8px;color:#8e968e;font-size:.57rem}.campaign-objective-progress strong{color:#d1c9b8}.campaign-claim-form{margin-top:7px} /* Guild Needs belongs to Guild communication/status, not Sanctum administration. */ .guild-needs-board{border-bottom:1px solid #2c312c;background:#080b09}.guild-needs-board>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;cursor:pointer;color:#ceb86e;font-size:.62rem;list-style:none}.guild-needs-board>summary::-webkit-details-marker{display:none}.guild-needs-board>summary::before{content:"▸";color:#70786f}.guild-needs-board[open]>summary::before{content:"▾"}.guild-needs-board>summary strong{margin-right:auto}.guild-needs-board>summary span{color:#788078}.guild-needs-list{display:grid;gap:3px;max-height:150px;overflow:auto;scrollbar-width:none;padding:0 7px 6px}.guild-needs-list::-webkit-scrollbar{display:none}.guild-need-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:6px 7px;border:1px solid #2b302b;background:#0a0d0b}.guild-need-row strong{color:#d9d1bf;font-size:.61rem}.guild-need-row span{display:block;color:#778077;font-size:.52rem}.guild-need-row p{margin:2px 0 0;color:#aeb5ad;font-size:.57rem;line-height:1.3}.guild-need-row form{margin:0}.guild-need-row button{padding:3px 6px!important;font-size:.52rem!important}.guild-need-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:0 7px 7px}.guild-need-form input{min-width:0;height:29px;border:1px solid #3b413b;background:#111511;color:#ddd;padding:4px 7px;font-size:.58rem}.guild-need-form button{height:29px!important;padding:0 8px!important;font-size:.55rem!important} .realm-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #282d29;background:#0a0d0b}.realm-summary-grid>div{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-right:1px solid #252a26}.realm-summary-grid>div:last-child{border-right:0}.realm-summary-grid span{color:#707970;font-size:.51rem;text-transform:uppercase;letter-spacing:.05em}.realm-summary-grid strong{color:#d6c078;font-size:.61rem}.duel-line b{color:#d98c7e!important} @media(max-width:1180px){ .classic-stat-pinned .classic-stat-list{grid-template-columns:1fr!important;gap:4px!important} .classic-stat-pinned .classic-stat-list>div{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(78px,auto)!important;gap:9px!important} .classic-stat-pinned .classic-stat-list strong{max-width:none!important} .realm-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:980px){ .combat-target-row{grid-template-columns:minmax(0,1fr) auto!important}.target-mode-boxes{justify-self:end} .classic-center{min-height:440px!important;overflow:hidden!important}.classic-center>.location-service{height:min(560px,72vh);max-height:min(560px,72vh)!important} .classic-stat-pinned .classic-stat-list{grid-template-columns:1fr!important} } @media(max-width:720px){ .combat-target-row{grid-template-columns:1fr!important}.target-mode-boxes{justify-self:stretch}.target-mode-box{min-height:34px} .service-active-duel{align-items:flex-start;flex-direction:column}.realm-summary-grid{grid-template-columns:1fr 1fr} } @media(max-width:520px){.realm-summary-grid{grid-template-columns:1fr}.inventory-filter-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.guild-need-form{grid-template-columns:1fr}.guild-need-form button{justify-self:start}} .location-service{position:relative} /* 0.18.3 — rigid combat controls: no outer panel, fixed four-control top row, reserved action row, fixed narration well. */ .combat-cluster-row{display:flex;justify-content:center;align-items:flex-start;gap:9px;width:100%;max-width:620px;margin:0 auto} .combat-cluster-row>.classic-combat{flex:0 1 430px;max-width:430px;width:100%;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .combat-picker-slot .fight-picker{width:100%!important;grid-template-columns:minmax(0,1fr) 88px!important;gap:6px!important} .combat-picker-slot .fight-picker select,.combat-picker-slot .fight-picker button{height:36px!important} .combat-picker-slot .fight-picker button{width:88px!important;min-width:88px!important;padding:0 7px!important} .combat-actions-slot{height:36px;min-height:36px;margin-top:6px} .classic-combat .fight-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important;height:36px} .classic-combat .fight-actions form{margin:0!important} .classic-combat .fight-actions button{height:36px!important;width:100%!important} .classic-combat .fight-actions form:first-child button{background:#17191d!important;border-color:#4e5360!important} .classic-combat .fight-actions form:last-child button{background:#191815!important;border-color:#5d5547!important} .classic-combat-status{height:64px;min-height:64px!important;margin-top:5px!important;overflow:hidden} .battle-transcript{height:64px;min-height:64px!important;max-height:64px;margin:0!important;padding:0 2px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none} .battle-transcript::-webkit-scrollbar{display:none} .combat-cluster-row>.target-mode-boxes{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,82px);gap:6px;align-self:flex-start} .combat-cluster-row .target-mode-box{display:grid;place-items:center;width:82px;height:36px;min-width:82px;min-height:36px;padding:0 7px;box-sizing:border-box;font-size:.62rem;line-height:1.05;text-align:center} .classic-world-info{margin-bottom:8px!important} @media(max-width:760px){ .combat-cluster-row{flex-wrap:wrap;max-width:430px;gap:6px} .combat-cluster-row>.classic-combat{flex-basis:430px} .combat-cluster-row>.target-mode-boxes{flex:0 0 auto;grid-template-columns:repeat(2,1fr);width:100%} .combat-cluster-row .target-mode-box{width:100%;min-width:0;height:36px;min-height:36px} } /* Central item-quality authority. Text is colored; cards stay restrained. */ .quality-normal{color:#e7e1d5!important} .quality-umbral{color:#c77dff!important} .quality-runebound{color:#59d8ff!important} .quality-primordial{color:#ff9f43!important} .quality-ascendant{color:#ffd75e!important} .quality-eternal{color:#ff7ad9!important} /* Gem star palette: one presentation registry for * through *********. */ .gem-stars-1{color:#f5f0e4!important} .gem-stars-2{color:#9be26f!important} .gem-stars-3{color:#5ecbff!important} .gem-stars-4{color:#b58cff!important} .gem-stars-5{color:#ff77c8!important} .gem-stars-6{color:#ff9f43!important} .gem-stars-7{color:#ffd75e!important} .gem-stars-8{color:#66ffff!important} .gem-stars-9{color:#ff5f68!important} option.quality-umbral,option.quality-runebound,option.quality-primordial,option.quality-ascendant,option.quality-eternal, option.gem-stars-1,option.gem-stars-2,option.gem-stars-3,option.gem-stars-4,option.gem-stars-5,option.gem-stars-6,option.gem-stars-7,option.gem-stars-8,option.gem-stars-9{background:#101310} .inventory-gem-bulk-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:end;margin:7px 0;padding:7px;border:1px solid #39362a;background:#100e09} .inventory-gem-bulk-tools[hidden]{display:none!important} .inventory-gem-bulk-tools label{display:grid;gap:3px;color:#928d80;font-size:.54rem} .inventory-gem-bulk-tools small{grid-column:1/-1;color:#777f77;font-size:.51rem} .inventory-gem-bulk-tools button{height:30px!important;padding:0 8px!important;font-size:.55rem!important} .battle-quest{color:#e6c76b!important} .merchant-affordability{display:block;margin-top:2px;color:#858d84;font-size:.5rem} .merchant-card.affordable{border-color:#405b3d!important} .merchant-card.short{border-color:#3a332d!important} .merchant-card.affordable .merchant-affordability{color:#8bc98a} .merchant-card.short .merchant-affordability{color:#c49c6d} .merchant-progression-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 7px;border:1px solid #343932;background:#0a0d0b} .merchant-progression-summary>div{display:flex;flex-direction:column;gap:2px;padding:7px 9px} .merchant-progression-summary span{color:#737c73;font-size:.51rem;text-transform:uppercase;letter-spacing:.05em} .merchant-progression-summary strong{color:#d7c174;font-size:.61rem} .questmaster-board{display:grid;gap:8px} .quest-contract-list{display:grid;gap:6px} .quest-contract-card{display:grid;gap:5px;padding:8px;border:1px solid #343b34;background:#090d0a} .quest-contract-card.active{border-color:#7d683a;background:#121008} .quest-contract-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px} .quest-contract-head strong{color:#ded7c7;font-size:.68rem} .quest-contract-head>span{color:#8b938a;font-size:.54rem;white-space:nowrap} .quest-contract-card p{margin:0;color:#858d85;font-size:.56rem} .quest-reward-line{display:flex;justify-content:space-between;gap:8px;color:#777f77;font-size:.54rem} .quest-reward-line strong{color:#d8bd68} .quest-contract-card form{margin:2px 0 0} .quest-contract-card button{padding:4px 8px!important;font-size:.56rem!important} .quest-contract-state{color:#d0b965;font-size:.55rem} .quest-contract-state.muted{color:#787f78} .quest-claim-card,.quest-active-summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px;border:1px solid #76623a;background:#161207} .quest-claim-card>div,.quest-active-summary{min-width:0} .quest-claim-card strong,.quest-active-summary strong{display:block;color:#ebce72;font-size:.68rem} .quest-claim-card span,.quest-active-summary span{display:block;color:#9c9276;font-size:.55rem;margin-top:2px} .quest-progress-card strong{color:#e2c56a} .quest-progress-card.status-complete{border-color:#75623c!important} .realm-summary-grid.economy-summary{grid-template-columns:repeat(4,minmax(0,1fr))} .realm-summary-grid .summary-wide{grid-column:span 2} .zone-bg-elderbloom_weald{background-image:linear-gradient(135deg,#11150f,#0b0f0b)!important} .zone-bg-cindermaw_gate{background-image:linear-gradient(135deg,#190c09,#0c0b0a)!important} .zone-bg-nightglass_sanctum{background-image:linear-gradient(135deg,#0d1018,#090b0f)!important} .zone-bg-ironbriar_march{background-image:linear-gradient(135deg,#100b14,#0a090c)!important} @media(max-width:620px){ .merchant-progression-summary{grid-template-columns:1fr} .inventory-gem-bulk-tools{grid-template-columns:1fr} .inventory-gem-bulk-tools button{justify-self:start} .realm-summary-grid.economy-summary{grid-template-columns:1fr 1fr} } .quest-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:6px 0 8px;padding:6px;border:1px solid #2d332d;background:#080b09} .quest-check{display:flex;align-items:center;gap:5px;min-width:0;padding:3px 5px;color:#6f776f;font-size:.54rem;border:1px solid transparent} .quest-check.killed{color:#b7c9ae;background:#0d130e;border-color:#263527} .quest-check-mark{width:12px;text-align:center;color:#657065;font-weight:800}.quest-check.killed .quest-check-mark{color:#65d16f} .quest-cooldown-card{display:grid;gap:5px;padding:8px;border:1px solid #665738;background:#131007}.quest-cooldown-card strong{color:#e0c66d}.quest-cooldown-card span,.quest-cooldown-card small{color:#8f8974;font-size:.55rem}.quest-cooldown-card.service{grid-template-columns:minmax(0,1fr) auto;align-items:center}.quest-cooldown-card.service small{grid-column:1/-1}.quest-cooldown-card.service form{margin:0}.quest-cooldown-card.service button{white-space:nowrap} .quest-contract-card.status-completed{opacity:.72;border-color:#4c4431} @media(max-width:1180px){.quest-checklist{grid-template-columns:1fr}.quest-cooldown-card.service{grid-template-columns:1fr}.quest-cooldown-card.service small{grid-column:auto}} /* 0.18.5 — character-select migration controls. */ .character-card-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.character-card-actions form{margin:0}.character-card-actions form:first-child{flex:1}.character-card-actions form:first-child button{width:100%}.character-delete{border-color:#7a3535!important;background:#281313!important;color:#ffaaaa!important}.character-delete:hover{border-color:#b94b4b!important;background:#3a1717!important}.character-legacy-badge{border-color:#a65e2d!important;color:#ffbc78!important}.character-legacy-note,.character-migration-warning{color:#e9b777!important}.character-migration-warning{margin:14px 0;padding:12px;border:1px solid #79522e;background:#251a0f} /* 0.19.0 — sourced Masteries, compact combat stage, realm reference, typed trading. */ .classic-combat.combat-stage{width:min(100%,520px)!important;max-width:520px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex;flex-direction:column;gap:6px} .combat-stage>.target-mode-boxes{order:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important;margin:0!important;align-self:stretch!important} .combat-stage>.target-mode-boxes .target-mode-box{width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 9px!important;border:1px solid #454b45!important;background:#101310!important;color:#acaea8!important;font-size:.61rem!important;letter-spacing:.055em;text-transform:uppercase} .combat-stage>.target-mode-boxes .target-mode-box.active{border-color:#648563!important;background:#162019!important;color:#9de19c!important;box-shadow:inset 0 -2px #5c9a5b} .combat-stage>.target-mode-boxes .target-mode-box.blood.active{border-color:#8c4d50!important;background:#211416!important;color:#e4a5aa!important;box-shadow:inset 0 -2px #a5575d} .combat-stage>.combat-picker-slot{order:1}.combat-stage>.combat-actions-slot{order:2}.combat-stage>.classic-combat-status{order:3;height:auto!important;min-height:76px!important;max-height:132px!important;margin-top:0!important;overflow:hidden!important} .compact-battle-transcript{height:auto!important;min-height:76px!important;max-height:132px!important;display:block!important;padding:6px 8px!important;border:1px solid #2c302c;background:#080a09;overflow-y:auto!important} .compact-battle-transcript .battle-line{margin:0 0 3px;padding:0;font-size:.59rem;line-height:1.3}.compact-battle-transcript .battle-line:last-child{margin-bottom:0} .battle-summary-player,.battle-summary-enemy{display:grid;grid-template-columns:auto auto 1fr;gap:5px;align-items:baseline}.battle-summary-player span,.battle-summary-enemy span{color:#898f88}.battle-summary-player strong{color:#d7e8d3}.battle-summary-enemy strong{color:#e1b0a8}.battle-summary-player em,.battle-summary-enemy em{justify-self:end;color:#686f68;font-style:normal;font-size:.52rem} .battle-summary-note{font-size:.53rem!important}.battle-victory{color:#e47a4d!important;font-weight:800;letter-spacing:.035em}.battle-source-drop{color:#0088ee!important;font-weight:800}.battle-mastery{color:#d8b6ff!important;font-weight:700}.battle-loot{color:#c9c2b7!important} .last-drop-strip{order:4;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;min-height:28px;padding:4px 8px;border:1px solid #33372f;background:#0a0d0a;text-align:left}.last-drop-strip span{color:#737a71;font-size:.5rem;text-transform:uppercase;letter-spacing:.09em}.last-drop-strip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem} .mastery-authority-card,.reference-lead{display:grid;gap:3px;padding:8px 9px;border:1px solid #3a4038;background:#0b0f0c}.mastery-authority-card strong,.reference-lead strong{color:#d8d1c1;font-size:.66rem}.mastery-authority-card span,.reference-lead span{color:#818980;font-size:.54rem;line-height:1.35} .mastery-family-grid{display:grid;gap:7px;margin-top:7px}.mastery-family{padding:7px;border:1px solid #2d322d;background:#090c09}.mastery-family h4{margin:0 0 5px;color:#a9b8a5;font-size:.54rem;text-transform:uppercase;letter-spacing:.08em}.mastery-row{margin:0 0 5px}.mastery-row:last-child{margin-bottom:0}.mastery-row-head{display:flex;justify-content:space-between;gap:8px;font-size:.55rem}.mastery-row-head span{color:#c5c1b8}.mastery-row-head strong{color:#d9bd66}.mastery-row.unavailable{opacity:.48}.mastery-meter{height:3px;margin-top:3px;background:#20241f;overflow:hidden}.mastery-meter i{display:block;height:100%;background:#6d9568}.mastery-row.unavailable .mastery-meter i{background:#5a5b59} .trade-composer{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1.2fr) minmax(110px,.8fr) auto;gap:6px;align-items:end;padding:8px;border:1px solid #303630;background:#090c0a}.trade-composer label{display:grid;gap:3px;color:#7f887f;font-size:.52rem}.trade-composer input,.trade-composer select{height:31px;border:1px solid #3e443e;background:#101411;color:#d9ddd8;padding:0 7px;font-size:.59rem}.trade-composer button{height:31px;padding:0 10px!important;font-size:.56rem!important}.trade-composer-note{grid-column:1/-1;color:#6f776f;font-size:.51rem}.trade-offer-stream{border-top:1px solid #242824} .reference-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:7px}.reference-tabs button{height:30px;padding:0 5px!important;border:1px solid #343a34!important;background:#0d100e!important;color:#949b93!important;font-size:.52rem!important}.reference-tabs button.active{border-color:#5b7759!important;background:#142016!important;color:#a2d49e!important}.reference-pane{display:grid;gap:7px}.reference-pane[hidden]{display:none!important}.manual-section{padding:8px 9px;border:1px solid #2c312c;background:#090c0a}.manual-section h4{margin:0 0 4px;color:#d0bd7a;font-size:.58rem}.manual-section p{margin:0;color:#979c95;font-size:.54rem;line-height:1.45}.reference-note{padding:7px 9px;border-left:2px solid #775f39;background:#110f09;color:#938b75;font-size:.52rem;line-height:1.4} .atlas-zone-list{display:grid;gap:6px}.atlas-zone-card{padding:8px;border:1px solid #303630;background:#090c0a}.atlas-zone-card header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.atlas-zone-card header>div{display:grid;gap:2px}.atlas-zone-card strong{color:#d6d0c3;font-size:.61rem}.atlas-zone-card header span,.atlas-zone-card header em{color:#7e877e;font-size:.5rem;font-style:normal}.atlas-zone-card p{margin:5px 0;color:#8c938c;font-size:.52rem;line-height:1.4}.atlas-zone-meta{display:grid;gap:3px}.atlas-zone-meta span{color:#7c847c;font-size:.5rem;line-height:1.35}.atlas-zone-meta b{display:inline-block;min-width:58px;color:#a5ada4;font-weight:600} .top-list-grid{display:grid;gap:7px}.top-list-card{padding:7px;border:1px solid #303630;background:#090c0a}.top-list-card h4{margin:0 0 5px;color:#d3bb70;font-size:.56rem;text-transform:uppercase;letter-spacing:.07em}.top-list-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:5px;padding:3px 2px;border-top:1px solid #1d211d;align-items:center}.top-list-row:first-of-type{border-top:0}.top-list-row span{color:#697069;font-size:.49rem}.top-list-row strong{color:#bfc4bd;font-size:.53rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-list-row em{color:#d1b96f;font-size:.51rem;font-style:normal} .classic-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}.classic-links a{border-right:1px solid #262824!important;border-bottom:1px solid #262824!important;font-size:.58rem!important;text-align:center!important;padding:6px 4px!important}.classic-links a:nth-child(3n){border-right:0!important}.classic-links a:nth-last-child(-n+3){border-bottom:0!important}.classic-links a:nth-child(2n){border-right:1px solid #262824!important}.classic-links a.active{padding-left:4px!important;border-left:0!important;box-shadow:inset 0 -2px #65b966} .zone-bg-starward_collegium{background-image:radial-gradient(circle at 48% 24%,#1a241d 0,#101611 30%,#090c0a 72%)!important} @media(max-width:820px){.trade-composer{grid-template-columns:1fr 1fr}.trade-composer button{justify-self:start}.classic-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}.classic-links a:nth-child(3n){border-right:1px solid #262824!important}.classic-links a:nth-child(2n){border-right:0!important}.classic-links a:nth-last-child(-n+3){border-bottom:1px solid #262824!important}.classic-links a:nth-last-child(-n+2){border-bottom:0!important}} @media(max-width:520px){.trade-composer{grid-template-columns:1fr}.combat-stage>.target-mode-boxes{grid-template-columns:1fr 1fr!important}.battle-summary-player,.battle-summary-enemy{grid-template-columns:auto auto}.battle-summary-player em,.battle-summary-enemy em{grid-column:1/-1;justify-self:start}.reference-tabs{grid-template-columns:1fr}} /* 0.19 trade composer uses one semantic inner grid so hidden transport fields never affect layout. */ .trade-composer{display:block!important}.trade-composer-main{display:grid;grid-template-columns:minmax(130px,1fr) minmax(150px,1.2fr) 92px 120px auto;gap:6px;align-items:end}.trade-composer-main label{display:grid;gap:3px;color:#7f887f;font-size:.52rem}.trade-composer-main input,.trade-composer-main select{height:31px;border:1px solid #3e443e;background:#101411;color:#d9ddd8;padding:0 7px;font-size:.59rem;min-width:0}.trade-composer-main button{height:31px;padding:0 10px!important;font-size:.56rem!important}.trade-composer-note{margin-top:5px} @media(max-width:900px){.trade-composer-main{grid-template-columns:1fr 1fr}.trade-composer-main button{justify-self:start}} @media(max-width:520px){.trade-composer-main{grid-template-columns:1fr}} /* 0.19.1 — character-command rail completion + unboxed Wyverns Reach-inspired combat narration. */ .classic-character-header{padding:0 0 10px!important;text-align:center!important} .classic-character-name{max-width:100%;overflow-wrap:anywhere;text-align:center!important;font-size:1.34rem!important;line-height:1.08} .classic-rank{margin:4px 0 0!important;color:#938f86!important;font-size:.61rem!important;letter-spacing:.015em} .character-header-utility{display:flex;justify-content:center;margin-top:7px} .character-switch{position:static!important;display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:25px;padding:0 10px!important;border:1px solid #343834!important;background:#0c0f0d!important;color:#aaa69d!important;font-size:.52rem!important;letter-spacing:.04em;text-transform:uppercase} .character-switch:hover{border-color:#596456!important;background:#111611!important;color:#d7d2c7!important} .classic-stat-pinned{margin-top:8px!important} .character-vital-stack{display:grid;gap:7px;padding:8px 2px 7px;border-bottom:1px solid #252925} .character-vital{display:grid;gap:4px}.character-vital>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.character-vital span{color:#8f968d;font-size:.52rem;text-transform:uppercase;letter-spacing:.07em}.character-vital strong{color:#d9d4ca;font-size:.57rem}.character-vital>i{display:block;height:4px;background:#1c211d;overflow:hidden}.character-vital>i>b{display:block;height:100%;background:#6ba56a}.character-vital.xp>i>b{background:#a68b49} .classic-stat-pinned .classic-stat-list{grid-template-columns:1fr 1fr!important;gap:5px 17px!important;padding:8px 2px 2px!important;border:0!important;background:transparent!important;font-size:.67rem!important} .classic-stat-pinned .classic-stat-list>div{padding:0!important}.classic-stat-pinned .classic-stat-list span{color:#96978f!important}.classic-stat-pinned .classic-stat-list strong{color:#d9bf69!important}.classic-stat-pinned .classic-stat-list .stat-wide{grid-column:1/-1;border-top:1px solid #202420;padding-top:5px!important} .primary-workspaces{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important;margin:9px 0 0!important} .primary-workspaces a{display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;gap:5px;align-items:center;min-height:34px;padding:5px 7px!important;border:1px solid #292e2a!important;background:#090c0a!important;color:#aaa9a2!important;text-decoration:none!important;text-align:left!important;font-size:.56rem!important;font-weight:650!important} .primary-workspaces a:hover{border-color:#465246!important;background:#101410!important;color:#d1d1ca!important}.primary-workspaces a.active{border-color:#527052!important;background:#142016!important;color:#9bd49a!important;box-shadow:inset 2px 0 #62ad62!important} .workspace-glyph{display:grid;place-items:center;color:#788479;font-size:.7rem;line-height:1}.primary-workspaces a.active .workspace-glyph{color:#89cf88} .classic-reference-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:6px;border-top:1px solid #252925;border-bottom:1px solid #252925} .classic-reference-links a{padding:6px 3px;color:#777f77!important;text-align:center;text-decoration:none!important;font-size:.49rem;letter-spacing:.025em}.classic-reference-links a+a{border-left:1px solid #252925}.classic-reference-links a:hover,.classic-reference-links a.active{color:#b6c6b3!important;background:#0d110e} /* Wyverns Reach's legacy fight surface wrote narration directly into the centered action span. Wyverns Reach keeps that visual principle while grouping chained hits so 4x/slot and 8x dual-spell turns never require a combat scrollbar. */ .combat-stage>.classic-combat-status{height:auto!important;min-height:68px!important;max-height:none!important;margin-top:1px!important;overflow:visible!important} .combat-stage .battle-transcript,.combat-result-flow{height:auto!important;min-height:68px!important;max-height:none!important;margin:0!important;padding:9px 4px 3px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;scrollbar-width:none!important} .combat-stage .battle-transcript::-webkit-scrollbar{display:none!important} .combat-stage .battle-line{width:100%;margin:0 0 4px!important;padding:0!important;text-align:center!important;font-size:.62rem!important;line-height:1.34!important} .combat-stage .battle-line:last-child{margin-bottom:0!important} .battle-direct strong{font-weight:800}.battle-direct em{margin-left:5px;color:#777d77;font-size:.53rem;font-style:normal}.battle-player{color:#cdd9c9!important}.battle-enemy{color:#d4aaa4!important}.battle-effect{color:#af9fc8!important}.battle-muted{color:#7d827c!important}.battle-heal{color:#7fcf8a!important}.battle-victory{color:#fd5411!important;font-weight:900!important;letter-spacing:.04em}.battle-source-drop{color:#0088ee!important;font-weight:850!important}.battle-mastery{color:#eee8df!important;font-weight:750!important} .last-drop-strip{order:4!important;display:flex!important;justify-content:center!important;align-items:baseline!important;gap:5px!important;min-height:24px!important;margin:3px auto 0!important;padding:5px 10px 0!important;border:0!important;border-top:1px solid #252a25!important;background:transparent!important;text-align:center!important;max-width:100%!important}.last-drop-strip span{color:#6f756e!important;font-size:.49rem!important;text-transform:uppercase!important;letter-spacing:.085em!important}.last-drop-strip strong{font-size:.6rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @container (max-width:310px){.classic-stat-pinned .classic-stat-list{grid-template-columns:1fr!important}.classic-stat-pinned .classic-stat-list .stat-wide{grid-column:1}.primary-workspaces{grid-template-columns:1fr!important}.classic-reference-links{grid-template-columns:1fr}.classic-reference-links a+a{border-left:0;border-top:1px solid #252925}} /* 0.19.2 — centered continuous event stack + interface settings. */ :root{--db-battle-font:.78rem;--db-log-font:.72rem} html[data-db-battle-text="small"]{--db-battle-font:.68rem}html[data-db-battle-text="medium"]{--db-battle-font:.78rem}html[data-db-battle-text="large"]{--db-battle-font:.92rem}html[data-db-battle-text="xlarge"]{--db-battle-font:1.08rem} html[data-db-log-text="small"]{--db-log-font:.64rem}html[data-db-log-text="medium"]{--db-log-font:.72rem}html[data-db-log-text="large"]{--db-log-font:.84rem}html[data-db-log-text="xlarge"]{--db-log-font:.96rem} /* Six equal, visibly labeled Character Command Rail buttons. */ .primary-workspaces{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:38px!important;gap:5px!important} .primary-workspaces a{height:38px!important;min-height:38px!important;grid-template-columns:18px minmax(0,1fr)!important;padding:0 8px!important;box-sizing:border-box!important;color:#b8b6af!important;background:#0d100e!important;border-color:#353a35!important} .primary-workspaces a>span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} .primary-workspaces a>.workspace-glyph{display:grid!important;color:#879287!important;font-size:.72rem!important} .primary-workspaces a:hover{background:#151a16!important;color:#e0ded7!important;border-color:#59645a!important}.primary-workspaces a.active{background:#172219!important;color:#a7dfa5!important;border-color:#638064!important} /* Last Drop is persistent context above target mode, never part of battle narration. */ .combat-stage>.last-drop-strip{order:0!important;display:flex!important;justify-content:center!important;align-items:baseline!important;gap:5px!important;min-height:19px!important;margin:0 auto 4px!important;padding:0!important;border:0!important;background:transparent!important;text-align:center!important;max-width:100%!important} .combat-stage>.last-drop-strip span{color:#777c75!important;font-size:.52rem!important;text-transform:none!important;letter-spacing:0!important}.combat-stage>.last-drop-strip strong{font-size:.61rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .combat-stage>.target-mode-boxes{order:1!important}.combat-stage>.combat-picker-slot{order:2!important}.combat-stage>.combat-actions-slot{order:3!important}.combat-stage>.classic-combat-status{order:4!important} /* One centered event axis, with a deliberate visual pause between victory and level-up choice. */ .classic-center{--db-event-width:min(100%,560px)} .combat-stage{width:var(--db-event-width)!important;max-width:560px!important} .combat-stage>.classic-combat-status{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:3px auto 0!important;overflow:visible!important} .combat-stage .battle-transcript,.combat-result-flow{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:5px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;gap:0!important} .combat-stage .battle-line{width:100%!important;max-width:560px!important;margin:0!important;padding:0 8px!important;text-align:center!important;font-size:var(--db-battle-font)!important;line-height:1.38!important} .combat-stage .battle-line+.battle-line{margin-top:1px!important} .battle-source-drop,.battle-mastery{font-style:italic!important}.battle-source-drop{color:#0088ee!important;font-weight:800!important}.battle-mastery{color:#eee8df!important;font-weight:700!important} .battle-victory{color:#fd5411!important;font-weight:900!important;letter-spacing:.02em!important} .classic-level-ready.center-event-continuation{width:var(--db-event-width)!important;max-width:560px!important;margin:15px auto 0!important;padding:4px 8px 0!important;border:0!important;background:transparent!important;text-align:center!important} .classic-level-ready.center-event-continuation .level-ready-break{width:min(220px,48%)!important;margin:0 auto 10px!important;box-shadow:0 0 10px rgba(196,164,83,.12)!important} .classic-level-ready.center-event-continuation .level-ready-line{margin:0!important;color:#e8d98e!important;font-size:calc(var(--db-battle-font) + .04rem)!important;line-height:1.3!important} .classic-level-ready.center-event-continuation .level-ready-title{margin:2px 0 0!important;color:#c9c6b8!important;font-size:calc(var(--db-battle-font) - .02rem)!important;line-height:1.3!important} .classic-level-ready.center-event-continuation .level-ready-buttons{margin:9px 0 0!important;justify-content:center!important;gap:6px!important} .classic-level-ready.center-event-continuation .level-stat-form button{min-width:62px!important;height:31px!important;border-color:#4a6548!important;background:linear-gradient(180deg,#172018 0%,#0b100c 100%)!important;color:#b9e8b4!important;font-size:calc(var(--db-battle-font) - .01rem)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 3px 10px rgba(0,0,0,.22)!important}.classic-level-ready.center-event-continuation .level-stat-form button:hover{border-color:#a28e4c!important;color:#f2dfa0!important;background:linear-gradient(180deg,#20281d 0%,#11150f 100%)!important}.classic-level-ready.center-event-continuation .level-stat-form-all button{border-color:#806f35!important;color:#f0d66f!important;background:linear-gradient(180deg,#211f12 0%,#121008 100%)!important}.classic-level-ready.center-event-continuation .level-stat-form-all button:hover{border-color:#c3a650!important;color:#fff1aa!important} /* Center-realm settings cog and anchored settings sheet. */ .realm-settings-toggle{position:absolute!important;z-index:12;top:9px;right:10px;width:29px;height:29px;min-width:29px;padding:0!important;border-radius:4px!important;border:1px solid #3a403b!important;background:#0d100e!important;color:#a9aea6!important;font-size:.9rem!important;box-shadow:none!important}.realm-settings-toggle:hover{border-color:#657064!important;background:#151a16!important;color:#ece9df!important} .realm-settings-panel{position:absolute;z-index:30;top:42px;right:10px;width:min(350px,calc(100% - 20px));max-height:calc(100% - 54px);overflow:auto;padding:11px;border:1px solid #454c45;background:#0b0e0cfa;box-shadow:0 14px 36px #000b;text-align:left;color:#d5d3cc} .realm-settings-panel header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid #292e29}.realm-settings-panel header>div{display:grid;gap:1px}.realm-settings-panel header strong{font-size:.68rem;color:#e5dfd2}.realm-settings-panel header span{font-size:.5rem;color:#777f78}.realm-settings-close{width:25px;height:25px;padding:0!important;border:0!important;background:transparent!important;color:#8f968f!important;font-size:1.05rem!important}.realm-settings-close:hover{color:#eee!important} .realm-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;padding:9px 0}.realm-settings-grid>label:not(.realm-setting-check){display:grid;gap:3px;color:#8d958d;font-size:.52rem}.realm-settings-grid select{height:30px;min-width:0;padding:0 6px;border:1px solid #3a403b;background:#111512;color:#d3d7d1;font-size:.57rem}.realm-setting-check{display:flex!important;align-items:center;gap:6px;color:#a6aba4;font-size:.54rem}.realm-setting-check input{accent-color:#6da46a} .battle-text-preview{margin:3px 0 8px;padding:7px 4px;border-top:1px solid #242924;border-bottom:1px solid #242924;text-align:center;color:#cdd9c9;font-size:var(--db-battle-font);line-height:1.35}.realm-settings-panel footer{display:flex;justify-content:flex-end}.realm-settings-panel footer button{height:29px;padding:0 8px!important;border-radius:2px!important;font-size:.52rem!important} /* Local presentation preferences. */ html[data-db-density="comfortable"] .combat-stage{gap:8px!important}html[data-db-density="comfortable"] .primary-workspaces{gap:7px!important}html[data-db-density="comfortable"] .primary-workspaces a{height:42px!important;min-height:42px!important}html[data-db-density="comfortable"] .battle-line{line-height:1.5!important} html[data-db-high-contrast="1"] .classic-center,html[data-db-high-contrast="1"] .classic-left,html[data-db-high-contrast="1"] .classic-right{border-color:#626962!important}html[data-db-high-contrast="1"] .classic-stat-pinned .classic-stat-list span,html[data-db-high-contrast="1"] .character-vital span{color:#c5c8c1!important}html[data-db-high-contrast="1"] .primary-workspaces a{color:#e0dfda!important;border-color:#555d55!important} html[data-db-reduced-motion="1"] *,html[data-db-reduced-motion="1"] *::before,html[data-db-reduced-motion="1"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} html[data-db-log-text="small"] .chat-message-list,html[data-db-log-text="small"] .activity-log{font-size:var(--db-log-font)!important}html[data-db-log-text="medium"] .chat-message-list,html[data-db-log-text="medium"] .activity-log{font-size:var(--db-log-font)!important}html[data-db-log-text="large"] .chat-message-list,html[data-db-log-text="large"] .activity-log{font-size:var(--db-log-font)!important}html[data-db-log-text="xlarge"] .chat-message-list,html[data-db-log-text="xlarge"] .activity-log{font-size:var(--db-log-font)!important} html[data-db-large-controls="1"] .combat-stage>.target-mode-boxes .target-mode-box,html[data-db-large-controls="1"] .combat-stage .fight-picker select,html[data-db-large-controls="1"] .combat-stage .fight-picker button,html[data-db-large-controls="1"] .combat-stage .fight-actions button{height:42px!important;min-height:42px!important}html[data-db-large-controls="1"] .classic-nav-pad button,html[data-db-large-controls="1"] .classic-waypoint-shortcut{min-height:44px!important} @media(min-width:981px){html[data-db-map-scale="large"] .classic-realm{grid-template-columns:minmax(250px,20%) minmax(470px,1fr) minmax(330px,27%)!important}} @media(max-width:520px){.realm-settings-grid{grid-template-columns:1fr}.realm-settings-panel{right:5px;width:calc(100% - 10px)}} /* 0.19.3 — readability baseline, compact finished fights, deterministic workspace borders, and combat button order preference. */ :root{--db-battle-font:.92rem;--db-log-font:.80rem;--db-ui-body:.74rem;--db-ui-meta:.64rem} html[data-db-battle-text="small"]{--db-battle-font:.80rem}html[data-db-battle-text="medium"]{--db-battle-font:.92rem}html[data-db-battle-text="large"]{--db-battle-font:1.06rem}html[data-db-battle-text="xlarge"]{--db-battle-font:1.22rem} html[data-db-log-text="small"]{--db-log-font:.70rem}html[data-db-log-text="medium"]{--db-log-font:.80rem}html[data-db-log-text="large"]{--db-log-font:.92rem}html[data-db-log-text="xlarge"]{--db-log-font:1.06rem} /* Important information is readable at the default 100% scale; user scaling is an enhancement, not a requirement. */ .classic-rank{font-size:.66rem!important}.character-switch{font-size:.59rem!important} .character-vital span{font-size:.60rem!important}.character-vital strong{font-size:.66rem!important} .classic-stat-pinned .classic-stat-list{font-size:.74rem!important}.classic-stat-pinned .classic-stat-list span{color:#a5a79f!important} .classic-reference-links a{font-size:.57rem!important} .reference-lead strong,.mastery-authority-card strong{font-size:.72rem!important}.reference-lead span,.mastery-authority-card span{font-size:.62rem!important} .reference-tabs button{font-size:.61rem!important}.manual-section h4{font-size:.68rem!important}.manual-section p{font-size:.64rem!important;line-height:1.5!important}.reference-note{font-size:.61rem!important} .atlas-zone-card strong{font-size:.68rem!important}.atlas-zone-card header span,.atlas-zone-card header em,.atlas-zone-card p,.atlas-zone-meta span{font-size:.60rem!important}.top-list-card h4{font-size:.64rem!important}.top-list-row span{font-size:.58rem!important}.top-list-row strong,.top-list-row em{font-size:.62rem!important} .service-kicker{font-size:.61rem!important}.location-service>header p{font-size:.72rem!important}.catalog-filterbar label{font-size:.64rem!important}.catalog-filterbar select{font-size:.76rem!important} .combat-stage>.last-drop-strip span{font-size:.59rem!important}.combat-stage>.last-drop-strip strong{font-size:.69rem!important}.combat-stage>.target-mode-boxes .target-mode-box{font-size:.67rem!important}.combat-picker-slot .fight-picker select,.combat-picker-slot .fight-picker button,.classic-combat .fight-actions button{font-size:.72rem!important} .map-legend{font-size:.64rem!important}.classic-map .map-title{font-size:.86rem!important}.classic-coords{font-size:.84rem!important} .realm-settings-panel header strong{font-size:.78rem!important}.realm-settings-panel header span{font-size:.59rem!important}.realm-settings-grid>label:not(.realm-setting-check){font-size:.62rem!important}.realm-settings-grid select{font-size:.66rem!important}.realm-setting-check{font-size:.63rem!important}.realm-settings-panel footer button{font-size:.61rem!important} /* The 3x2 Character Command Rail is six independent controls. No inherited nth-child edge suppression is allowed. */ .classic-links.primary-workspaces{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:40px!important;gap:6px!important} .classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:40px!important;min-height:40px!important;padding:0 10px!important;border:1px solid #3a403a!important;border-right:1px solid #3a403a!important;border-bottom:1px solid #3a403a!important;border-left:1px solid #3a403a!important;border-top:1px solid #3a403a!important;background:#0d100e!important;color:#c0beb7!important;text-align:center!important;font-size:.67rem!important;line-height:1!important;box-shadow:none!important} .classic-links.primary-workspaces a>.workspace-glyph{display:inline-grid!important;place-items:center!important;flex:0 0 16px!important;width:16px!important;height:16px!important;color:#919c91!important;font-size:.76rem!important;line-height:1!important} .classic-links.primary-workspaces a>span:not(.workspace-glyph):not(.workspace-notification-dot){display:inline-block!important;flex:0 1 auto!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;text-align:center!important} .classic-links.primary-workspaces a:hover{border-color:#626e62!important;background:#151a16!important;color:#ece9e1!important} .classic-links.primary-workspaces a.active{border-color:#6d8d6c!important;background:#172219!important;color:#abe3aa!important;box-shadow:inset 0 -2px #65a964!important} html[data-db-density="comfortable"] .classic-links.primary-workspaces{grid-auto-rows:44px!important}html[data-db-density="comfortable"] .classic-links.primary-workspaces a,html[data-db-density="comfortable"] .classic-links.primary-workspaces a:nth-child(n){height:44px!important;min-height:44px!important} /* Active fights keep a stable action row. Idle/finished fights collapse it completely so narration rises directly under New Fight. */ .combat-stage>.combat-actions-slot:empty{height:0!important;min-height:0!important;margin:0!important;padding:0!important} .combat-stage>.combat-actions-slot:not(:empty){height:36px!important;min-height:36px!important;margin-top:6px!important} html[data-db-large-controls="1"] .combat-stage>.combat-actions-slot:not(:empty){height:42px!important;min-height:42px!important} .combat-stage>.combat-actions-slot:empty+.classic-combat-status{margin-top:7px!important} /* Cast/Attack order is local presentation state only; action identity and server routes stay unchanged. */ .fight-actions .combat-action-cast{order:1}.fight-actions .combat-action-attack{order:2} html[data-db-combat-order="attack-cast"] .fight-actions .combat-action-attack{order:1}html[data-db-combat-order="attack-cast"] .fight-actions .combat-action-cast{order:2} .classic-combat .fight-actions .combat-action-cast button{background:#17191d!important;border-color:#4e5360!important}.classic-combat .fight-actions .combat-action-attack button{background:#191815!important;border-color:#5d5547!important} @container (max-width:310px){.classic-links.primary-workspaces{grid-template-columns:1fr!important}.classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){border:1px solid #3a403a!important}} /* 0.19.4 — full-interface typography audit + single Realm Reference navigation authority. */ :root{ --db-text-meta:.72rem; --db-text-small:.76rem; --db-text-body:.82rem; --db-text-control:.78rem; --db-text-subhead:.88rem; } /* Character rail and primary navigation. */ .classic-rank{font-size:var(--db-text-meta)!important} .character-switch{font-size:.70rem!important} .character-vital span{font-size:.70rem!important}.character-vital strong{font-size:.78rem!important} .classic-stat-pinned .classic-stat-list{font-size:.80rem!important} .classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){font-size:.76rem!important} .classic-links.primary-workspaces a>.workspace-glyph{font-size:.82rem!important} .classic-reference-links a{font-size:.72rem!important;padding:8px 6px!important} .left-workspace-idle{font-size:var(--db-text-meta)!important} /* Realm Reference uses one navigator: .classic-reference-links. The opened panel contains content only. */ .reference-tabs{display:none!important} .reference-lead strong,.mastery-authority-card strong{font-size:.82rem!important} .reference-lead span,.mastery-authority-card span{font-size:.74rem!important;line-height:1.45!important} .manual-section{padding:10px 11px!important}.manual-section h4{font-size:.78rem!important}.manual-section p{font-size:.75rem!important;line-height:1.55!important} .reference-note{font-size:.73rem!important;line-height:1.5!important} .atlas-zone-card{padding:10px!important}.atlas-zone-card strong{font-size:.80rem!important}.atlas-zone-card header span,.atlas-zone-card header em{font-size:.70rem!important}.atlas-zone-card p{font-size:.74rem!important;line-height:1.5!important}.atlas-zone-meta span{font-size:.70rem!important;line-height:1.45!important}.atlas-zone-meta b{min-width:66px!important} .top-list-card{padding:9px!important}.top-list-card h4{font-size:.76rem!important}.top-list-row{grid-template-columns:28px minmax(0,1fr) auto!important;padding:6px 3px!important}.top-list-row span{font-size:.70rem!important}.top-list-row strong,.top-list-row em{font-size:.75rem!important} /* Inventory, equipment, mastery/progression and waypoint workspaces. */ .inventory-context-head strong{font-size:.80rem!important}.inventory-context-head span{font-size:.72rem!important} .inventory-ledger-row strong{font-size:.78rem!important}.inventory-ledger-row span{font-size:.71rem!important}.inventory-ledger-row .inventory-ledger-qty{font-size:.80rem!important}.inventory-ledger-row button{font-size:.70rem!important} .inventory-sell-tools span{font-size:.74rem!important}.inventory-sell-tools button{font-size:.71rem!important}.slot-progression{font-size:.71rem!important} .mastery-family h4{font-size:.72rem!important}.mastery-row-head{font-size:.73rem!important}.mastery-meter{height:4px!important} .progression-tabs button{font-size:.70rem!important}.campaign-objective-progress>div{font-size:.71rem!important} /* Special locations, service forms, merchant/catalog surfaces and Arcanium. */ .service-kicker{font-size:.70rem!important} .location-service h2{font-size:1.28rem!important}.location-service>header p{font-size:.82rem!important;line-height:1.5!important} .service-note{font-size:.76rem!important;line-height:1.5!important}.sanctum-attuned span{font-size:.74rem!important} .bank-balance-grid span{font-size:.70rem!important}.service-form label{font-size:.73rem!important}.service-form input,.service-form select{font-size:.78rem!important} .catalog-filterbar label{font-size:.72rem!important}.catalog-filterbar select{font-size:.80rem!important} .merchant-progression-summary span{font-size:.70rem!important}.merchant-progression-summary strong{font-size:.76rem!important} .merchant-type{font-size:.70rem!important}.merchant-card strong{font-size:.82rem!important}.merchant-card p{font-size:.74rem!important;line-height:1.45!important}.merchant-card small{font-size:.70rem!important}.merchant-price{font-size:.75rem!important}.merchant-card button{font-size:.72rem!important} .arcanium-grid h3,.arcanium-foundation-grid h3{font-size:.94rem!important}.arcanium-grid p,.arcanium-foundation-grid p{font-size:.75rem!important;line-height:1.5!important}.fusion-recipes summary{font-size:.72rem!important}.fusion-recipe-list>div{font-size:.70rem!important}.extract-row strong{font-size:.75rem!important}.extract-row span{font-size:.70rem!important}.extract-row button{font-size:.70rem!important} /* Quest, system-summary and compact information cards. */ .system-summary-card strong{font-size:.84rem!important}.system-summary-card span{font-size:.73rem!important;line-height:1.45!important} .mini-chip-grid span{font-size:.70rem!important}.compact-system-row{font-size:.72rem!important}.compact-system-card span,.compact-system-card small{font-size:.70rem!important}.compact-system-card p{font-size:.73rem!important;line-height:1.45!important} .quest-contract-head strong{font-size:.80rem!important}.quest-contract-head>span{font-size:.70rem!important}.quest-contract-card p{font-size:.73rem!important;line-height:1.45!important}.quest-contract-card button{font-size:.70rem!important}.quest-contract-state{font-size:.70rem!important} /* Trade, Guild, social identity and Realm summaries. */ .trade-composer-main label{font-size:.72rem!important}.trade-composer-main input,.trade-composer-main select{font-size:.76rem!important}.trade-composer-main button{font-size:.72rem!important}.trade-composer-note{font-size:.70rem!important} .trade-offer-card span{font-size:.70rem!important}.trade-offer-card strong{font-size:.78rem!important}.trade-offer-card p{font-size:.74rem!important}.trade-offer-card small{font-size:.70rem!important}.trade-offer-actions button{font-size:.70rem!important} .guild-needs-board>summary{font-size:.74rem!important}.guild-need-row strong{font-size:.75rem!important}.guild-need-row span{font-size:.70rem!important}.guild-need-row p{font-size:.72rem!important}.guild-need-row button,.guild-need-form button{font-size:.70rem!important}.guild-need-form input{font-size:.74rem!important} .guild-invite-list h4{font-size:.78rem!important}.guild-invite-card span{font-size:.70rem!important}.guild-member-row span{font-size:.74rem!important}.guild-member-row strong{font-size:.70rem!important}.guild-member-actions select,.guild-member-actions button,.guild-inline-actions button,.guild-member-controls select,.guild-member-controls button{font-size:.70rem!important} .player-id-field span{font-size:.70rem!important}.player-id-field strong{font-size:.75rem!important}.player-id-actions button{font-size:.70rem!important}.player-history-title{font-size:.78rem!important}.player-history-row{font-size:.70rem!important}.social-section-title{font-size:.78rem!important}.social-player-name{font-size:.76rem!important}.social-player-meta,.social-player-guild{font-size:.70rem!important}.social-row-actions button{font-size:.70rem!important}.buddy-request-card span{font-size:.70rem!important}.buddy-actions button{font-size:.70rem!important} .realm-summary-grid span{font-size:.68rem!important}.realm-summary-grid strong{font-size:.75rem!important} /* Combat, map and settings metadata. */ .combat-stage>.last-drop-strip span{font-size:.68rem!important}.combat-stage>.last-drop-strip strong{font-size:.76rem!important} .combat-stage>.target-mode-boxes .target-mode-box{font-size:.74rem!important}.combat-picker-slot .fight-picker select,.combat-picker-slot .fight-picker button,.classic-combat .fight-actions button{font-size:.78rem!important} .map-legend{font-size:.72rem!important}.classic-map .map-title{font-size:.92rem!important}.classic-coords{font-size:.90rem!important}.classic-nav-pad button,.classic-refresh{font-size:.82rem!important} .realm-settings-panel header strong{font-size:.84rem!important}.realm-settings-panel header span{font-size:.70rem!important}.realm-settings-grid>label:not(.realm-setting-check){font-size:.72rem!important}.realm-settings-grid select{font-size:.74rem!important}.realm-setting-check{font-size:.72rem!important}.realm-settings-panel footer button{font-size:.70rem!important} /* Narrow layouts may reflow, but never fall back to the historical unreadable 0.5–0.6rem values. */ @container (max-width:310px){.classic-rank{font-size:.68rem!important}.classic-stat-pinned .classic-stat-list{font-size:.76rem!important}} @container (max-width:235px){.classic-stat-pinned .classic-stat-list{font-size:.74rem!important}} /* 0.19.4 audit completion — remaining historical micro-text surfaces. */ .activity-footer{font-size:.72rem!important} .inventory-filter-bar button{font-size:.72rem!important}.socket-tool-grid label{font-size:.72rem!important}.inventory-unequip{font-size:.72rem!important} .saved-loadout-card button span{font-size:.70rem!important}.saved-loadout-manager label,.saved-loadout-manager button{font-size:.72rem!important}.equipment-slot-card .slot-label{font-size:.70rem!important}.slot-sockets{font-size:.70rem!important}.equipment-slot-card button,.equipment-slot-card a{font-size:.70rem!important} .revive-action span{font-size:.72rem!important}.revive-action strong{font-size:.80rem!important} .compact-loadout-row>span{font-size:.72rem!important}.compact-loadout-row>strong{font-size:.78rem!important}.compact-loadout-row>small{font-size:.68rem!important}.inventory-equip-tools>span{font-size:.72rem!important}.hotspot-status{font-size:.70rem!important} .blood-duel-surface>header p{font-size:.76rem!important}.blood-duel-picker label{font-size:.72rem!important}.duel-rule-strip strong{font-size:.74rem!important}.duel-rule-strip span{font-size:.70rem!important}.duel-opponent span{font-size:.72rem!important}.duel-target-meta{font-size:.70rem!important}.service-active-duel span{font-size:.70rem!important}.service-active-duel strong{font-size:.76rem!important}.service-duel-actions button{font-size:.70rem!important} .highhold-building-row span{font-size:.70rem!important} .chat-stamp{font-size:.68rem!important}.chat-inline-action{font-size:.70rem!important}.chat-composer label{font-size:.72rem!important}.guild-chat-head span{font-size:.70rem!important}.guild-chat-empty span{font-size:.72rem!important}.chat-tool{font-size:.70rem!important}.social-count{font-size:.68rem!important}.chat-filter-label select{font-size:.72rem!important}.chat-context-menu button{font-size:.72rem!important}.player-id-subtitle{font-size:.72rem!important}.player-presence{font-size:.70rem!important} .inventory-gem-bulk-tools label{font-size:.70rem!important}.inventory-gem-bulk-tools small{font-size:.68rem!important}.inventory-gem-bulk-tools button{font-size:.70rem!important}.merchant-affordability{font-size:.68rem!important} .quest-reward-line{font-size:.72rem!important}.quest-claim-card strong,.quest-active-summary strong{font-size:.78rem!important}.quest-claim-card span,.quest-active-summary span{font-size:.70rem!important}.quest-check{font-size:.70rem!important}.quest-cooldown-card span,.quest-cooldown-card small{font-size:.70rem!important} .compact-battle-transcript .battle-line{font-size:.72rem!important}.battle-summary-player em,.battle-summary-enemy em{font-size:.68rem!important}.battle-summary-note{font-size:.70rem!important}.battle-direct em{font-size:.68rem!important} .trade-composer label{font-size:.72rem!important}.trade-composer input,.trade-composer select{font-size:.76rem!important}.trade-composer button{font-size:.72rem!important}.trade-composer-note{font-size:.70rem!important} .target-mode-tabs a,.target-mode-box,.combat-cluster-row .target-mode-box{font-size:.74rem!important} .last-drop-strip span{font-size:.68rem!important}.last-drop-strip strong{font-size:.76rem!important} .classic-links a{font-size:.72rem!important} /* 0.19.5 — true-center Character Command Rail labels. The label owns the full centered button plane; the glyph is independently pinned left and cannot displace it. */ .classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){position:relative!important;justify-content:center!important;gap:0!important} .classic-links.primary-workspaces a>.workspace-glyph{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;pointer-events:none!important} .classic-links.primary-workspaces a>span:not(.workspace-glyph):not(.workspace-notification-dot){display:block!important;width:100%!important;padding:0 24px!important;box-sizing:border-box!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} @container (max-width:310px){.classic-links.primary-workspaces a>.workspace-glyph{left:12px!important}.classic-links.primary-workspaces a>span:not(.workspace-glyph):not(.workspace-notification-dot){padding-inline:28px!important}} /* 0.20.0 — Guild Armory: persistent shared custody without a parallel inventory path. */ .guild-armory-panel{border-bottom:1px solid #2d332d;background:#090c0a} .guild-armory-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;cursor:pointer;list-style:none;color:#d6c078;font-size:.76rem} .guild-armory-panel>summary::-webkit-details-marker{display:none}.guild-armory-panel>summary::before{content:"▸";color:#6f786f}.guild-armory-panel[open]>summary::before{content:"▾"}.guild-armory-panel>summary strong{margin-right:auto}.guild-armory-panel>summary span{color:#858d84} .guild-armory-status{display:flex;flex-wrap:wrap;gap:8px 14px;padding:0 9px 7px;color:#899188;font-size:.70rem}.guild-armory-status b{color:#d5d0c4;font-weight:600} .guild-armory-list{display:grid;gap:3px;max-height:180px;overflow:auto;scrollbar-width:none;padding:0 7px 7px}.guild-armory-list::-webkit-scrollbar{display:none} .guild-armory-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 7px;border:1px solid #303630;background:#0b0f0c}.guild-armory-row strong{display:block;color:#d8d1c2;font-size:.75rem}.guild-armory-row span{display:block;color:#7e877d;font-size:.69rem}.guild-armory-row form{display:flex;align-items:center;gap:4px;margin:0}.guild-armory-row input[type=number]{width:58px;height:29px;background:#111511;color:#ddd;border:1px solid #3b413b;padding:0 5px}.guild-armory-row button{height:29px!important;padding:0 8px!important;font-size:.70rem!important} .guild-armory-tools{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.8fr);gap:6px;padding:0 7px 7px}.guild-armory-tools form{display:flex;align-items:end;gap:5px;min-width:0}.guild-armory-tools label{display:grid;gap:2px;min-width:0;color:#818980;font-size:.69rem}.guild-armory-tools label:first-of-type{flex:1}.guild-armory-tools select,.guild-armory-tools input{height:30px;min-width:0;background:#111511;color:#ddd;border:1px solid #3b413b;padding:0 6px;font-size:.72rem}.guild-armory-tools input[type=number]{width:96px}.guild-armory-tools button{height:30px!important;padding:0 9px!important;font-size:.70rem!important;white-space:nowrap} .guild-armory-note{margin:0;padding:0 9px 8px;color:#7f877e;font-size:.70rem;line-height:1.35}.guild-armory-admin{margin:8px 0}.guild-armory-upgrade{margin-top:6px}.guild-armory-upgrade button{width:100%} @container (max-width:640px){.guild-armory-tools{grid-template-columns:1fr}.guild-armory-tools form{flex-wrap:wrap}.guild-armory-status{display:grid;gap:3px}} /* 0.22.0 — world progression identities, physical Realm Navigator and route preview. */ .classic-map .map-title{display:grid;justify-items:center;gap:2px} .classic-map .map-title>span{display:block;color:#8f948b;font-family:var(--db-font-sans,Arial,sans-serif);font-size:.72rem;font-weight:600;line-height:1.25} .realm-type-badge.type-exp{color:#9ab59a}.realm-type-badge.type-gem{color:#78b8d9}.realm-type-badge.type-gold{color:#ddc15c}.realm-type-badge.type-umbral,.realm-type-badge.type-shadow{color:#b59ac8}.realm-type-badge.type-none,.realm-type-badge.type-utility{color:#b4ada2} .atlas-zone-card.type-gem{border-left-color:#4d788c}.atlas-zone-card.type-gold{border-left-color:#806f36}.atlas-zone-card.type-umbral,.atlas-zone-card.type-shadow{border-left-color:#705c80}.atlas-zone-card.type-exp{border-left-color:#3f5e43} .waypoint-filter-bar{display:grid;gap:6px;padding:7px;border:1px solid #303832;background:#080c09} .waypoint-filter-tabs button{height:27px;padding:0 5px;font-size:.70rem}.waypoint-filter-tabs button.active{border-color:#60805c;color:#9cdc98;background:#101910} .waypoint-filter-bar label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:#8e998f;font-size:.70rem}.waypoint-filter-bar select{min-width:0;height:28px;font-size:.70rem} .waypoint-card{grid-template-columns:auto minmax(0,1fr) auto!important}.waypoint-favorite{width:27px!important;height:27px!important;padding:0!important;border-color:#3d423b!important;background:#0c0f0c!important;color:#888f86!important;font-size:.92rem!important;line-height:1!important}.waypoint-filter-empty{margin-top:0} /* 0.23.0 — consolidated combat command locking, merchant selling, movable Crafting, Battle Info and compact Atlas. */ .realm-shell[data-combat-command-locked="1"] .fight-picker button[type="submit"], .realm-shell[data-combat-command-locked="1"] .combat-action button[type="submit"], .realm-shell[data-combat-command-locked="1"] .blood-duel-actions button[type="submit"]{pointer-events:none!important;opacity:.58!important;cursor:default!important} .merchant-sell-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.merchant-sell-heading>div{display:grid;gap:2px}.merchant-sell-heading strong{color:#e1ca7d;font-size:.76rem}.merchant-sell-heading span{color:#89877e;font-size:.68rem} .merchant-gem-bulk{display:grid;grid-template-columns:minmax(150px,220px) auto minmax(0,1fr);gap:6px;align-items:end;padding-top:7px;border-top:1px solid #302d25}.merchant-gem-bulk small{align-self:center;color:#737970;font-size:.66rem;line-height:1.3} .crafting-window{position:fixed;z-index:80;top:92px;right:24px;width:min(460px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 110px));overflow:hidden;display:flex;flex-direction:column;border:1px solid #596257;background:#0a0d0bfa;box-shadow:0 18px 55px #000b;border-radius:3px;color:#d8d4ca} .crafting-window[hidden]{display:none!important}.crafting-window-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border-bottom:1px solid #3d443d;background:#151916;cursor:move;touch-action:none;user-select:none}.crafting-window-header>div{display:grid;gap:1px}.crafting-window-header span{color:#7d877e;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.crafting-window-header strong{color:#daca83;font-size:.82rem}.crafting-window-header button{width:28px;height:28px;padding:0!important;border:1px solid #474e47;background:#0e110f;color:#bbb;font-size:1rem!important;line-height:1} .crafting-window-body{display:flex;flex-direction:column;gap:8px;padding:10px;overflow:hidden;min-height:0;flex:1}.crafting-window-body>p{margin:0;color:#939b92;font-size:.72rem;line-height:1.4}.crafting-window .socket-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.crafting-window .socket-tool-grid label{display:grid;gap:3px;color:#959d95;font-size:.68rem}.crafting-window .socket-tool-grid select{height:32px;min-width:0;padding:0 7px;border:1px solid #414841;background:#101411;color:#ddd8cc;font-size:.74rem}.crafting-socket-apply{justify-self:start;height:32px!important;padding:0 12px!important;font-size:.72rem!important}.crafting-window-note{padding-top:7px;border-top:1px solid #252b26;color:#747d75;font-size:.66rem;line-height:1.35} .service-sanctum{width:min(620px,92%)!important;flex:0 0 auto!important;max-height:none!important;min-height:0!important}.service-sanctum>header{padding:9px 12px 7px!important}.service-sanctum .special-location-scroll{padding:8px 10px 10px!important;overflow:visible!important}.service-sanctum::after{display:none!important}.service-sanctum .sanctum-attuned.compact{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:8px 9px;border-color:#495e3e}.service-sanctum .service-sigil{width:30px;height:30px;font-size:.78rem}.service-sanctum .sanctum-attuned strong{font-size:.76rem}.service-sanctum .sanctum-attuned span{font-size:.70rem!important;line-height:1.3!important} .atlas-zone-list.compact{display:grid;gap:3px}.atlas-zone-row{border:1px solid #303630;border-left:3px solid #3f5e43;background:#090c0a}.atlas-zone-row.type-gem{border-left-color:#4d788c}.atlas-zone-row.type-gold{border-left-color:#806f36}.atlas-zone-row.type-umbral,.atlas-zone-row.type-shadow{border-left-color:#705c80}.atlas-zone-row>summary{position:relative;display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(72px,.65fr) 64px 48px 88px;gap:7px;align-items:center;min-height:32px;padding:5px 7px;cursor:pointer;list-style:none}.atlas-zone-row>summary::-webkit-details-marker{display:none}.atlas-zone-row>summary::before{content:"▸";position:absolute;left:7px;color:#707b70}.atlas-zone-row[open]>summary::before{content:"▾"}.atlas-zone-row>summary strong{padding-left:13px;color:#d7d1c4;font-size:.74rem}.atlas-zone-row>summary span{color:#8b928a;font-size:.68rem}.atlas-zone-row>summary em{justify-self:end;padding:2px 5px;border:1px solid #414840;color:#a7b1a5;font-size:.64rem;font-style:normal;white-space:nowrap}.atlas-zone-row>summary em.ready{border-color:#496849;color:#8fd18b}.atlas-zone-row>summary em.level-locked{border-color:#59423e;color:#c68b83} .atlas-zone-detail{display:grid;gap:7px;padding:7px 9px 9px;border-top:1px solid #242a25;background:#070907}.atlas-zone-detail p{margin:0;color:#939990;font-size:.70rem;line-height:1.4}.atlas-compact-eq{display:flex;flex-wrap:wrap;gap:5px 12px}.atlas-compact-eq span{color:#777f77;font-size:.66rem}.atlas-compact-eq b{color:#b8beb4;font-weight:650}.atlas-zone-row .atlas-zone-meta{display:grid;gap:3px}.atlas-zone-row .atlas-zone-meta span{color:#7f877e;font-size:.66rem;line-height:1.35}.atlas-zone-row .atlas-zone-meta b{display:inline-block;min-width:64px;color:#aeb4aa} .battle-info-activity{overflow:auto;min-height:0;padding:8px 10px;background:#050606}.battle-info-activity .realm-summary-grid{margin-bottom:7px} @media(max-width:780px){.merchant-gem-bulk{grid-template-columns:1fr auto}.merchant-gem-bulk small{grid-column:1/-1}.crafting-window{top:70px;right:12px;width:calc(100vw - 24px)}.crafting-window .socket-tool-grid{grid-template-columns:1fr}.atlas-zone-row>summary{grid-template-columns:minmax(130px,1fr) 72px 62px 84px}.atlas-zone-row>summary span:nth-of-type(3){display:none}} /* 0.23.1 — workspace authority completion, merchant-mode correction, combat readiness and compact diagnostics. */ .realm-shell[data-combat-command-locked="1"] .fight-picker button[type="submit"], .realm-shell[data-combat-command-locked="1"] .combat-action button[type="submit"], .realm-shell[data-combat-command-locked="1"] .blood-duel-actions button[type="submit"], .fight-actions button:disabled,.combat-action button:disabled{pointer-events:none!important;cursor:default!important} .merchant-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 13px 8px}.merchant-mode-tabs button{height:31px!important;border:1px solid #3a4039!important;background:#0c100d!important;color:#aaa69a!important;font-size:.72rem!important;font-weight:750!important;text-transform:uppercase;letter-spacing:.05em}.merchant-mode-tabs button.active{border-color:#6e793f!important;background:#15190d!important;color:#d9c96c!important} .merchant-sell-browser{margin-top:7px}.merchant-owned-card form{display:grid;justify-items:end;align-content:center;gap:4px}.merchant-owned-card .merchant-price{color:#d8bd54;font-weight:800;font-size:.72rem}.merchant-equipped-badge{display:inline-block;padding:1px 4px;border:1px solid #4d684a;color:#8bcb87;background:#101a11;font-size:.62rem}.merchant-owned-empty{grid-column:1/-1;padding:10px;border:1px dashed #343a34;color:#80877e;text-align:center;font-size:.70rem} .crafting-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #343a34;background:#0c0f0d}.crafting-tabs button{height:31px!important;padding:0 6px!important;border:0!important;border-right:1px solid #2e342f!important;background:transparent!important;color:#898f87!important;font-size:.67rem!important}.crafting-tabs button:last-child{border-right:0!important}.crafting-tabs button.active{background:#131a13!important;color:#d8c76d!important;box-shadow:inset 0 -2px #687846}.crafting-pane{display:grid;gap:8px;min-height:0;overflow:auto;padding-right:2px}.crafting-pane[hidden]{display:none!important}.crafting-actions{display:flex;gap:6px}.crafting-preview{display:grid;gap:2px;padding:7px 8px;border:1px solid #313831;background:#080b09}.crafting-preview span{color:#777f77;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.crafting-preview strong{color:#c7c4b8;font-size:.70rem;font-weight:650;line-height:1.35}.crafting-future{display:grid;gap:5px;min-height:112px;align-content:center;padding:12px;border:1px dashed #3b423c;background:#080b09;text-align:center}.crafting-future strong{color:#d6c978;font-size:.82rem}.crafting-future span{color:#828981;font-size:.70rem;line-height:1.45} .atlas-toolbar{display:grid;grid-template-columns:minmax(140px,1fr) 105px 120px;gap:6px;margin:7px 0}.atlas-toolbar label{display:grid;gap:2px;color:#7f887f;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em}.atlas-toolbar input,.atlas-toolbar select{height:29px;min-width:0;padding:0 7px;border:1px solid #3b423b;background:#0d110e;color:#d5d1c7;font-size:.70rem;text-transform:none;letter-spacing:normal}.atlas-filter-empty{padding:10px;border:1px dashed #343a34;color:#7e867d;text-align:center;font-size:.70rem} .battle-info-activity{display:flex;flex-direction:column;overflow:hidden!important;min-height:0;padding:0!important;background:#050606}.battle-info-summary{flex:0 0 auto;display:grid;gap:7px;padding:8px 10px;border-bottom:1px solid #303531;background:#070a08}.battle-info-head{display:grid;grid-template-columns:1fr 1fr;gap:6px}.battle-info-head>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border:1px solid #303630;background:#0b0f0c}.battle-info-head span{color:#7f8880;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em}.battle-info-head strong{color:#ddc95f;font-size:.78rem}.battle-info-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.battle-info-groups>section{border:1px solid #2e342f;background:#090c0a}.battle-info-groups h4{margin:0;padding:5px 7px;border-bottom:1px solid #2e342f;color:#b9ad73;font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.battle-info-groups dl{margin:0;padding:4px 7px}.battle-info-groups dl>div{display:grid;grid-template-columns:minmax(86px,.8fr) minmax(0,1.2fr);gap:7px;padding:3px 0;border-bottom:1px solid #171b18}.battle-info-groups dl>div:last-child{border-bottom:0}.battle-info-groups dt{color:#747d75;font-size:.64rem}.battle-info-groups dd{margin:0;color:#d0cbbd;font-size:.67rem;text-align:right;overflow-wrap:anywhere}.battle-info-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.battle-info-details details{border:1px solid #2d332e;background:#080b09}.battle-info-details summary{padding:5px 7px;color:#a9b0a6;font-size:.65rem;cursor:pointer}.battle-info-details details>div{padding:6px 7px;border-top:1px solid #292f2a;color:#858d84;font-size:.65rem;line-height:1.45;overflow-wrap:anywhere}.battle-info-details details>div span{color:#a5aa9f}.battle-history{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.battle-history>header{flex:0 0 auto;display:flex;justify-content:space-between;padding:6px 10px;border-bottom:1px solid #292f2a;background:#090c0a}.battle-history>header strong{color:#c9bd79;font-size:.68rem}.battle-history>header span{color:#747b74;font-size:.63rem}.battle-history-scroll{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin}.battle-history-line{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px;align-items:start;padding:5px 10px;border-bottom:1px solid #171a18;font-size:.66rem}.battle-history-line b{color:#62cfd0}.battle-history-line span{color:#a8afa6;overflow-wrap:anywhere}.battle-history-line.loot b{color:#9d79bc}.battle-history-empty{padding:12px;color:#757d75;font-size:.68rem} @media(max-width:900px){.battle-info-groups{grid-template-columns:1fr 1fr}.battle-info-groups>section:last-child{grid-column:1/-1}.battle-info-details{grid-template-columns:1fr 1fr}.atlas-toolbar{grid-template-columns:1fr 1fr}.atlas-toolbar label:first-child{grid-column:1/-1}} @media(max-width:560px){.crafting-tabs{grid-template-columns:1fr 1fr}.battle-info-head,.battle-info-groups,.battle-info-details{grid-template-columns:1fr}.battle-info-groups>section:last-child{grid-column:auto}.atlas-toolbar{grid-template-columns:1fr}.atlas-toolbar label:first-child{grid-column:auto}.battle-history-line{grid-template-columns:70px minmax(0,1fr)}} /* 0.25.0 — live Craft recipes and server-owned recipe unlock projection. */ .crafting-window{width:min(520px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 110px))} .craft-pane-intro{display:grid;gap:3px;padding:8px 9px;border:1px solid #30372f;background:#0a0d0b}.craft-pane-intro strong{color:#d7ca7c;font-size:.78rem}.craft-pane-intro span{color:#8c948b;font-size:.68rem;line-height:1.4} .craft-recipe-list,.recipe-reference-list{display:grid;gap:8px}.craft-recipe-card,.recipe-reference-card{display:grid;gap:8px;padding:9px;border:1px solid #343c34;background:#0b0f0c}.craft-recipe-card.locked{opacity:.78;border-style:dashed}.craft-recipe-card>header,.recipe-reference-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.craft-recipe-card>header>div{display:grid;gap:2px}.craft-recipe-card>header span{color:#747e75;font-size:.61rem;text-transform:uppercase;letter-spacing:.065em}.craft-recipe-card>header strong,.recipe-reference-card>header strong{color:#ded8c7;font-size:.78rem}.craft-recipe-card>p,.recipe-reference-card>p{margin:0;color:#8e968e;font-size:.67rem;line-height:1.45} .craft-state,.recipe-reference-card>header span{flex:0 0 auto;padding:2px 5px;border:1px solid #3e473d;background:#101510;color:#919a91;font-size:.60rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.craft-state.ready{border-color:#466f48;color:#8eca86}.craft-state.locked{border-color:#5a4d39;color:#b6a170}.craft-state.waiting{border-color:#535948;color:#c0b879} .craft-unlock-list{display:flex;flex-wrap:wrap;gap:4px}.craft-unlock{padding:2px 5px;border:1px solid #343c34;background:#0d110e;color:#828b83;font-size:.60rem}.craft-unlock.met{border-color:#36593a;color:#82b985}.craft-unlock.locked{border-color:#59483a;color:#b79b75} .craft-material-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.craft-material{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px;border:1px solid #303730;background:#090c0a;font-size:.63rem}.craft-material span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#929a92}.craft-material strong{color:#aaa99e;font-size:.62rem}.craft-material.ready strong{color:#83b985}.craft-material.short strong{color:#b99b75} .craft-submit{display:flex;justify-content:flex-end}.craft-submit button{height:30px!important;padding:0 12px!important;font-size:.67rem!important}.craft-submit button:disabled{cursor:default!important;opacity:.48}.recipe-reference-card dl{display:grid;gap:3px;margin:0}.recipe-reference-card dl>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:7px}.recipe-reference-card dt{color:#707970;font-size:.61rem;text-transform:uppercase}.recipe-reference-card dd{margin:0;color:#a5aba4;font-size:.63rem;line-height:1.35} @media(max-width:560px){.craft-material-list{grid-template-columns:1fr}.crafting-window{width:calc(100vw - 24px)}} /* 0.26.0 — three-system progression milestone + field UX corrections. */ /* The active Crafting tab owns the whole scrollable body. Hidden sibling panes never leak through. */ .crafting-window-body>.crafting-pane:not([hidden]){flex:1 1 auto;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4b554b #0a0d0b;padding-right:5px} .crafting-window-body>.crafting-pane:not([hidden])::-webkit-scrollbar{width:9px}.crafting-window-body>.crafting-pane:not([hidden])::-webkit-scrollbar-track{background:#0a0d0b}.crafting-window-body>.crafting-pane:not([hidden])::-webkit-scrollbar-thumb{background:#4b554b;border:2px solid #0a0d0b;border-radius:6px} /* Universal merchant Sell mode: compact filter header, bounded results, aligned value/action row. */ .merchant-sell-heading{margin:0 13px 6px;padding:8px 10px;border:1px solid #343a34;background:#0a0d0b}.merchant-sell-heading strong{font-size:.80rem}.merchant-sell-heading span{font-size:.70rem;line-height:1.35} .merchant-sell-browser{padding-top:4px!important}.merchant-sell-browser .catalog-filterbar{margin-bottom:7px}.merchant-sell-browser .catalog-results{max-height:310px;gap:5px!important}.merchant-owned-card{align-items:center!important;padding:7px 8px!important;min-height:58px}.merchant-owned-card>div{gap:2px!important}.merchant-owned-card strong{overflow-wrap:anywhere;line-height:1.25}.merchant-owned-card form{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:150px}.merchant-owned-card .merchant-price{font-size:.70rem!important}.merchant-stack-sell label{display:flex;align-items:center;gap:4px;color:#7f877f;font-size:.62rem}.merchant-stack-sell input[type=number]{width:58px;height:28px;padding:0 5px;border:1px solid #3b423b;background:#101411;color:#ddd8cc}.merchant-owned-card button{height:29px!important;padding:0 9px!important}.merchant-gem-bulk{margin:7px 13px 10px;padding:8px 10px;border:1px solid #343a34;background:#090c0a;grid-template-columns:minmax(145px,210px) auto}.merchant-gem-bulk label{display:grid;gap:3px;color:#898f87;font-size:.64rem}.merchant-gem-bulk select{height:30px;border:1px solid #414841;background:#101411;color:#ddd8cc;padding:0 7px}.merchant-gem-bulk button{height:30px!important;align-self:end}.merchant-gem-bulk small{display:none!important} /* Player ID modal can expose the visitor-authorized Highhold without creating another domain UI. */ .player-highhold{display:grid;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #303630}.player-highhold>strong{color:#c9bd79;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.player-highhold-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.player-highhold-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 6px;border:1px solid #2f352f;background:#090c0a}.player-highhold-grid span{min-width:0;color:#8c948c;font-size:.64rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-highhold-grid b{color:#d8c96e;font-size:.66rem;font-weight:700} @media(max-width:640px){.merchant-owned-card{grid-template-columns:1fr!important}.merchant-owned-card form{justify-content:flex-start!important;min-width:0}.merchant-gem-bulk{grid-template-columns:1fr auto}.player-highhold-grid{grid-template-columns:1fr}} /* 0.26.2 — Crafting / Highhold / Guild presentation polish. Gameplay services and schema are unchanged. */ .crafting-window{width:min(720px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 90px));border-color:#515a50;border-radius:6px;background:#090c0af7;box-shadow:0 22px 70px #000d,0 0 0 1px #ffffff08} .crafting-window-header{padding:10px 12px;background:linear-gradient(180deg,#171c18,#111512);border-bottom-color:#3a423a}.crafting-window-header span{font-size:.68rem}.crafting-window-header strong{font-size:.92rem;letter-spacing:.01em}.crafting-window-header button{border-radius:4px} .crafting-tabs{grid-template-columns:repeat(4,minmax(0,1fr));background:#0c100d;border-bottom-color:#343c34}.crafting-tabs button{height:38px!important;font-size:.72rem!important;letter-spacing:.02em;transition:background .15s ease,color .15s ease}.crafting-tabs button.active{background:#172019!important;color:#e3d37a!important;box-shadow:inset 0 -2px #82945b} .crafting-window-body{padding:0;gap:0}.crafting-window-body>.crafting-pane:not([hidden]){display:grid;gap:12px;padding:14px 14px 16px;scrollbar-color:#546054 #090c0a}.crafting-pane[hidden]{display:none!important} .craft-pane-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:2px 1px 4px}.craft-pane-header>div{display:grid;gap:2px}.craft-pane-header>div>span{color:#7f897f;font-size:.64rem;text-transform:uppercase;letter-spacing:.09em}.craft-pane-header>div>strong{color:#e0cf7c;font-size:.95rem}.craft-pane-header p{max-width:390px;margin:0;color:#929a92;font-size:.72rem;line-height:1.45;text-align:right}.craft-pane-footnote{padding:7px 9px;border-left:2px solid #4b574b;background:#0c100d;color:#858e85;font-size:.68rem;line-height:1.4} .workshop-card{display:grid;gap:12px;padding:12px;border:1px solid #333c34;border-radius:5px;background:linear-gradient(180deg,#0d120e,#090d0a)}.socket-workshop-card .socket-tool-grid{gap:10px}.crafting-window .socket-tool-grid label{gap:5px}.crafting-window .socket-tool-grid label>span{color:#a2aaa2;font-size:.67rem;text-transform:uppercase;letter-spacing:.05em}.crafting-window .socket-tool-grid select{height:36px;border-radius:3px;background:#111612;font-size:.75rem}.crafting-preview{padding:10px;border-radius:4px;background:#0a0f0b}.crafting-preview span{font-size:.63rem}.crafting-preview strong{font-size:.76rem}.crafting-actions{justify-content:flex-end}.crafting-actions button{min-width:105px} .craft-browser-toolbar{position:sticky;top:-14px;z-index:4;display:grid;grid-template-columns:minmax(190px,1fr) 150px auto;gap:8px;align-items:end;padding:10px 10px 9px;border:1px solid #303931;border-radius:5px;background:#0d120eee;backdrop-filter:blur(8px);box-shadow:0 8px 20px #0007}.craft-browser-toolbar label{display:grid;gap:4px;color:#7f897f;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.craft-browser-toolbar input[type=search],.craft-browser-toolbar select{height:34px;min-width:0;padding:0 9px;border:1px solid #3c463d;border-radius:3px;background:#111612;color:#ded9cc;font-size:.73rem;text-transform:none;letter-spacing:normal}.craft-browser-toolbar .craft-favorite-filter{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid #3b443b;border-radius:3px;background:#111612;color:#c8bd78;text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer}.craft-favorite-filter input{margin:0;accent-color:#8fa55d} .craft-recipe-list,.recipe-reference-list,.ascension-list{display:grid;gap:8px}.craft-recipe-card,.recipe-reference-card,.ascension-card{overflow:hidden;padding:0!important;border:1px solid #333c34!important;border-radius:5px;background:#0b100c!important;box-shadow:0 2px 0 #0004}.craft-recipe-card.favorite,.recipe-reference-card.favorite{border-color:#655d37!important}.craft-recipe-card.locked{opacity:.82;border-style:solid}.craft-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:center!important;padding:0!important;background:linear-gradient(180deg,#101611,#0c110d);border-bottom:0}.craft-card-select{display:grid;gap:2px;min-width:0;width:100%;padding:10px 11px!important;border:0!important;background:transparent!important;color:inherit!important;text-align:left!important;cursor:pointer!important}.craft-card-select:hover{background:#ffffff05!important}.craft-card-select span{color:#778278!important;font-size:.60rem!important;text-transform:uppercase;letter-spacing:.075em}.craft-card-select strong{color:#e1ddcf!important;font-size:.80rem!important;line-height:1.25}.craft-card-select small{color:#969e96;font-size:.66rem;line-height:1.3}.craft-card-select::after{content:"▸";position:absolute;right:10px;color:#6e786e}.craft-card-head:has(.craft-card-select[aria-expanded="true"]) .craft-card-select::after{content:"▾"}.craft-card-select{position:relative;padding-right:28px!important}.craft-card-tools{display:flex;align-items:center;gap:6px;padding-right:10px}.craft-favorite{margin:0}.craft-favorite button{width:31px;height:31px!important;padding:0!important;font-size:.82rem!important;border-radius:4px!important}.craft-state{padding:4px 7px;border-radius:999px;font-size:.58rem!important;white-space:nowrap}.craft-state.ready{background:#132015}.craft-state.waiting{background:#1a1b12}.craft-state.locked{background:#18130f} .craft-card-body[hidden]{display:none!important}.craft-card-body{display:grid;gap:10px;padding:11px;border-top:1px solid #293129;background:#090d0a}.craft-output-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid #313a31;border-radius:4px;background:#0e140f}.craft-output-banner>span{color:#7e897f;font-size:.60rem;text-transform:uppercase;letter-spacing:.07em}.craft-output-banner>strong{color:#ded7c5;font-size:.77rem}.craft-output-banner>small{color:#a6ad9f;font-size:.64rem;text-align:right} .craft-card-section{display:grid;gap:6px}.craft-card-section>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.craft-card-section>header strong{color:#cfc37c;font-size:.69rem;text-transform:uppercase;letter-spacing:.055em}.craft-card-section>header span{color:#6f796f;font-size:.60rem}.craft-cost-table,.highhold-cost-table{overflow:hidden;border:1px solid #2f3730;border-radius:4px;background:#090d0a}.craft-cost-head,.craft-cost-row,.highhold-cost-head,.highhold-cost-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 72px;gap:8px;align-items:center;padding:6px 8px}.craft-cost-head,.highhold-cost-head{background:#111612;border-bottom:1px solid #303830;color:#788278;font-size:.59rem;text-transform:uppercase;letter-spacing:.06em}.craft-cost-head b,.craft-cost-head strong,.highhold-cost-head b,.highhold-cost-head strong{text-align:right;font-weight:600}.craft-cost-row,.highhold-cost-row{border-bottom:1px solid #1e251f;font-size:.67rem}.craft-cost-row:last-child,.highhold-cost-row:last-child{border-bottom:0}.craft-cost-row span,.highhold-cost-row span{color:#adb4aa}.craft-cost-row b,.craft-cost-row strong,.highhold-cost-row b,.highhold-cost-row strong{text-align:right;color:#c6c7bd;font-variant-numeric:tabular-nums}.craft-cost-row.ready b,.craft-cost-row.ready strong,.highhold-cost-row.ready b,.highhold-cost-row.ready strong{color:#8dc88a}.craft-cost-row.short b,.craft-cost-row.short strong,.highhold-cost-row.short b,.highhold-cost-row.short strong{color:#c3a070} .craft-unlock-list{gap:5px}.craft-unlock{padding:4px 7px;border-radius:999px;font-size:.61rem!important;background:#0f140f}.craft-unlock.met{background:#102015;border-color:#375d3b}.craft-unlock.locked{background:#18130f;border-color:#5a4938} .craft-disclosure,.craft-source-group,.crafting-ledger,.crafting-section{overflow:hidden;border:1px solid #303830;border-radius:4px;background:#0a0e0b}.craft-disclosure>summary,.craft-source-group>summary,.crafting-ledger>summary,.crafting-section>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;list-style:none;cursor:pointer;color:#b9b59f;font-size:.67rem}.craft-disclosure>summary::-webkit-details-marker,.craft-source-group>summary::-webkit-details-marker,.crafting-ledger>summary::-webkit-details-marker,.crafting-section>summary::-webkit-details-marker{display:none}.craft-disclosure>summary::before,.craft-source-group>summary::before,.crafting-ledger>summary::before,.crafting-section>summary::before{content:"▸";color:#707a70}.craft-disclosure[open]>summary::before,.craft-source-group[open]>summary::before,.crafting-ledger[open]>summary::before,.crafting-section[open]>summary::before{content:"▾"}.craft-disclosure>summary,.crafting-ledger>summary,.crafting-section>summary{justify-content:flex-start}.craft-disclosure>summary::before,.crafting-ledger>summary::before,.crafting-section>summary::before{margin-right:1px}.craft-source-group>summary span{margin-right:auto}.craft-source-group>summary b,.crafting-section>summary span{color:#788278;font-size:.60rem;font-weight:500}.craft-source-groups{display:grid;gap:5px;padding:0 8px 8px}.craft-source-list{display:grid;border-top:1px solid #293029}.craft-source-row{display:flex;justify-content:space-between;gap:10px;padding:6px 9px;border-bottom:1px solid #1e241f}.craft-source-row:last-child{border-bottom:0}.craft-source-row span{color:#a9b0a6;font-size:.65rem}.craft-source-row strong{color:#b8b77a;font-size:.63rem}.craft-fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 8px}.craft-fact-grid>div{display:grid;gap:2px;padding:7px;border:1px solid #272f28;background:#0d120e}.craft-fact-grid>div.wide{grid-column:1/-1}.craft-fact-grid span{color:#747e75;font-size:.58rem;text-transform:uppercase}.craft-fact-grid strong{color:#b8beb5;font-size:.65rem;line-height:1.35;font-weight:600} .craft-action-bar{position:sticky;bottom:-11px;z-index:3;display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;margin:2px -11px -11px;padding:9px 11px;border-top:1px solid #313931;background:#0b100cf2;backdrop-filter:blur(8px)}.craft-submit{display:flex;align-items:flex-end;gap:7px}.craft-count{display:grid;gap:3px;color:#798279;font-size:.58rem;text-transform:uppercase}.craft-count input{width:78px;height:31px;padding:0 7px;border:1px solid #3b443c;border-radius:3px;background:#111612;color:#ded9cc}.craft-submit button,.craft-max-submit button{height:31px!important;padding:0 12px!important;font-size:.69rem!important}.craft-filter-empty{padding:18px;border:1px dashed #343d35;border-radius:4px;color:#7f887f;text-align:center;font-size:.70rem}.craft-history-list{display:grid;padding:0 8px 8px}.craft-history-row{grid-template-columns:minmax(0,1fr) auto 112px!important;padding:6px 3px!important}.recipe-manual-row{margin:0 8px 7px}.recipe-knowledge>div{padding:8px}.profession-current{margin:0!important} .quality-ladder{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;padding:9px 11px;border:1px solid #343c34;border-radius:5px;background:#0d120e;text-align:center}.quality-ladder span,.quality-ladder strong{padding:6px 7px;border:1px solid #313931;border-radius:3px;background:#111612;color:#aaa897;font-size:.67rem}.quality-ladder strong{border-color:#6b5f32;color:#dbc86f}.quality-ladder b{color:#59645a;font-weight:500}.ascension-route{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;padding:8px 10px;border:1px solid #343c34;border-radius:4px;background:#0e130f;text-align:center}.ascension-route span{color:#aaa797}.ascension-route b{color:#647064}.ascension-route strong{color:#dfcb72}.ascension-cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.ascension-cost-grid>div{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #2e362f;background:#0b100c}.ascension-cost-grid>div.wide{grid-column:1/-1}.ascension-cost-grid span{color:#7f897f;font-size:.62rem}.ascension-cost-grid strong{color:#c9c7b9;font-size:.66rem}.ascension-cost-grid .ready strong{color:#8bc386}.ascension-cost-grid .short strong{color:#c3a070}.ascension-preserved{display:flex;flex-wrap:wrap;gap:5px;padding:0 8px 8px}.ascension-preserved span{padding:4px 6px;border:1px solid #36523a;border-radius:999px;background:#0f1911;color:#91b491;font-size:.61rem}.ascension-blocked{margin:0;padding:7px 9px;border-left:2px solid #7a6342;background:#15110d;color:#baa888;font-size:.65rem;line-height:1.4} /* Highhold: one dashboard, one queue, compact building cards, and progressive detail. */ .highhold-live{display:grid;gap:10px;max-width:780px;margin:0 auto}.highhold-hero,.highhold-section,.highhold-upgrade-card,.highhold-queue-card{border:1px solid #363a30;border-radius:5px;background:#0b0e0b;box-shadow:0 2px 0 #0004}.highhold-hero{padding:11px;background:linear-gradient(145deg,#15130d,#0b0e0b 58%)}.highhold-hero>header,.highhold-section>header,.highhold-upgrade-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.highhold-hero>header>div,.highhold-section>header>div,.highhold-upgrade-card>header>div{display:grid;gap:2px}.highhold-hero>header span,.highhold-section>header span,.highhold-upgrade-card>header span{color:#8a846f;font-size:.60rem;text-transform:uppercase;letter-spacing:.08em}.highhold-hero>header strong,.highhold-section>header strong,.highhold-upgrade-card>header strong{color:#dfc87c;font-size:.86rem}.highhold-hero>header>b{padding:3px 7px;border:1px solid #4a523d;border-radius:999px;color:#9bae83;font-size:.60rem;font-weight:600}.highhold-section>header small,.highhold-upgrade-card>header>b{color:#858b7e;font-size:.63rem;font-weight:500}.highhold-storage-meter{display:grid;gap:5px;margin-top:10px}.highhold-storage-meter>div,.guild-armory-capacity>div{display:flex;justify-content:space-between;gap:10px}.highhold-storage-meter span,.guild-armory-capacity span{color:#8a9187;font-size:.64rem}.highhold-storage-meter strong,.guild-armory-capacity strong{color:#d2ccb8;font-size:.67rem}.highhold-storage-meter progress,.guild-armory-capacity progress,.guild-project-progress progress{width:100%;height:7px;border:0;border-radius:999px;overflow:hidden;accent-color:#7e9158;background:#171c17}.highhold-storage-meter progress::-webkit-progress-bar,.guild-armory-capacity progress::-webkit-progress-bar,.guild-project-progress progress::-webkit-progress-bar{background:#171c17}.highhold-storage-meter progress::-webkit-progress-value,.guild-armory-capacity progress::-webkit-progress-value,.guild-project-progress progress::-webkit-progress-value{background:#7e9158}.highhold-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.highhold-summary>div{display:grid;gap:2px;padding:7px 8px;border:1px solid #2f352c;border-radius:3px;background:#0d110d}.highhold-summary span{color:#7d8479;font-size:.59rem;text-transform:uppercase}.highhold-summary strong{color:#cfc37e;font-size:.70rem}.highhold-queue-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px}.highhold-queue-card>div{display:grid;gap:2px}.highhold-queue-card span{color:#7f877b;font-size:.59rem;text-transform:uppercase;letter-spacing:.07em}.highhold-queue-card strong{color:#d4d0c0;font-size:.72rem}.highhold-queue-card time{color:#8d957f;font-size:.63rem}.highhold-queue-card.active{border-color:#665b31;background:#141209}.highhold-queue-card.active strong{color:#dfca75}.highhold-queue-card.ready{border-color:#38513a} .highhold-upgrade-card{display:grid;gap:9px;padding:10px}.highhold-upgrade-card>p{margin:0;padding:7px 8px;border-left:2px solid #6f7b52;background:#0e130e;color:#aeb5a8;font-size:.66rem;line-height:1.4}.highhold-upgrade-card>form{display:flex;justify-content:flex-end}.highhold-upgrade-card>form button{min-width:140px}.highhold-upgrade-card.maxed{border-color:#4b523f}.highhold-upgrade-card.maxed p{border-left-color:#4b523f}.highhold-section{padding:10px}.highhold-buildings{padding-bottom:11px}.highhold-building-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.highhold-building-card{display:grid;gap:7px;padding:9px;border:1px solid #30342b;border-radius:4px;background:#0e100d}.highhold-building-card.current{border-color:#75683a;box-shadow:inset 0 0 0 1px #75683a33}.highhold-building-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.highhold-building-card>header>div{display:grid;gap:2px}.highhold-building-card>header span{color:#777e73;font-size:.57rem;text-transform:uppercase;letter-spacing:.06em}.highhold-building-card>header strong{color:#d2c27e;font-size:.72rem}.highhold-building-card>header b{color:#949b8d;font-size:.60rem;white-space:nowrap}.highhold-building-effect{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:6px;border-top:1px solid #242920}.highhold-building-effect strong{color:#d7d2c3;font-size:.67rem}.highhold-building-effect span{color:#7f867b;font-size:.59rem;text-align:right}.highhold-utility-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.highhold-storage-list{display:grid;gap:4px;margin-top:8px}.highhold-storage-row{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #2b3129;border-radius:3px;background:#0d110d}.highhold-storage-row span{color:#a9b0a4;font-size:.65rem}.highhold-storage-row strong{color:#d4c67e;font-size:.66rem}.highhold-empty{padding:10px;border:1px dashed #31372f;border-radius:3px;color:#7c847a;font-size:.65rem;text-align:center}.highhold-collect{display:flex;justify-content:flex-end;margin-top:8px}.highhold-visitor{display:grid;gap:8px;margin-top:8px}.highhold-visitor label{display:grid;gap:4px;color:#7d857b;font-size:.62rem}.highhold-visitor select{height:32px;border:1px solid #3b4238;border-radius:3px;background:#111511;color:#ddd8ca;padding:0 7px}.highhold-visitor button{justify-self:end}.highhold-history{padding:0}.highhold-history>summary{display:flex;align-items:center;gap:8px;padding:9px 10px;list-style:none;cursor:pointer}.highhold-history>summary::-webkit-details-marker{display:none}.highhold-history>summary::before{content:"▸";color:#72796f}.highhold-history[open]>summary::before{content:"▾"}.highhold-history>summary strong{color:#c6b977;font-size:.68rem}.highhold-history>summary span{margin-left:auto;color:#787f76;font-size:.61rem}.highhold-history>div{display:grid;padding:0 9px 9px}.highhold-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;gap:8px;padding:6px 4px;border-top:1px solid #20251f;font-size:.62rem}.highhold-history-row span{color:#9ca39a}.highhold-history-row strong{color:#c9c3a7}.highhold-history-row time{color:#697168;text-align:right} /* Guild Hall: admin content is grouped into cards and member controls stay collapsed until needed. */ .guild-hall-hero{display:grid;gap:9px;padding:11px;border:1px solid #3b4038;border-radius:5px;background:linear-gradient(145deg,#15160f,#0c0f0c 60%)}.guild-hall-hero>div:first-child{display:grid;gap:2px}.guild-hall-hero>div:first-child span{color:#8b856d;font-size:.60rem;text-transform:uppercase;letter-spacing:.09em}.guild-hall-hero>div:first-child strong{color:#e0c879;font-size:.90rem}.guild-hall-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.guild-hall-stats span{display:grid;gap:2px;padding:7px 8px;border:1px solid #30352f;border-radius:3px;background:#0d110e;color:#7e867d;font-size:.59rem;text-transform:uppercase}.guild-hall-stats b{color:#d6d1c0;font-size:.69rem;text-transform:none}.guild-admin-card{display:grid;gap:9px;margin-top:9px;padding:10px;border:1px solid #343a33;border-radius:5px;background:#0b0f0c}.guild-admin-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.guild-admin-card>header>div{display:grid;gap:2px}.guild-admin-card>header span{color:#777f77;font-size:.59rem;text-transform:uppercase;letter-spacing:.08em}.guild-admin-card>header strong{color:#d8c57d;font-size:.78rem}.guild-admin-card>header small{color:#7f877f;font-size:.61rem}.guild-admin-card.compact{display:flex;align-items:center;justify-content:space-between}.guild-admin-card.compact strong{color:#c8c0a0;font-size:.70rem}.guild-admin-card.compact span{color:#7f867d;font-size:.64rem}.guild-admin-form-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(190px,.6fr);gap:8px}.guild-admin-form-grid form,.guild-invite-card-large form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.guild-admin-form-grid label,.guild-invite-card-large label,.guild-note-form label,.guild-role-form label{display:grid;gap:3px;color:#7d867c;font-size:.61rem}.guild-admin-form-grid input,.guild-admin-form-grid select,.guild-invite-card-large select,.guild-note-form input,.guild-role-form select{height:32px;min-width:0;border:1px solid #3b423b;border-radius:3px;background:#111511;color:#ddd8ca;padding:0 7px;font-size:.70rem}.guild-admin-form-grid button,.guild-invite-card-large button{height:32px!important;white-space:nowrap}.guild-member-list{display:grid;gap:5px;margin:0}.guild-member-row{display:grid;grid-template-columns:1fr;gap:0;padding:0;border:1px solid #2e342f;border-radius:4px;background:#0d110e}.guild-member-main{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px}.guild-member-identity{display:grid;gap:2px}.guild-member-identity strong{color:#d6d1c2!important;font-size:.72rem!important;text-transform:none!important;letter-spacing:normal!important}.guild-member-identity span{color:#7f877f!important;font-size:.62rem!important}.guild-member-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.guild-role-badge{padding:3px 6px;border:1px solid #3d473e;border-radius:999px;background:#111712;color:#9eaa9d;font-size:.56rem;text-transform:uppercase;letter-spacing:.04em}.guild-role-badge.quartermaster{border-color:#615b38;color:#c6ba74}.guild-role-badge.you{border-color:#385b3c;color:#8fc38c}.guild-member-manage{border-top:1px solid #252c26}.guild-member-manage>summary{padding:6px 9px;list-style:none;cursor:pointer;color:#8c948c;font-size:.61rem}.guild-member-manage>summary::-webkit-details-marker{display:none}.guild-member-manage>summary::before{content:"▸";margin-right:5px;color:#6e776e}.guild-member-manage[open]>summary::before{content:"▾"}.guild-member-manage>div{display:grid;gap:7px;padding:0 8px 8px}.guild-member-actions{justify-content:flex-start;padding:7px;border:1px solid #2a302b;background:#0a0e0b}.guild-member-actions form{align-items:end}.guild-member-actions .guild-role-form{display:grid;grid-template-columns:150px auto;gap:5px}.guild-member-actions button,.guild-inline-actions button{height:29px!important;padding:0 8px!important;font-size:.64rem!important}.guild-note-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end}.guild-note-form button{height:32px!important}.guild-application-list{display:grid;gap:5px}.guild-application-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid #2d332e;border-radius:3px;background:#0d110e}.guild-application-row strong{color:#d0cbb8;font-size:.68rem}.guild-application-row span{display:block;margin-top:2px;color:#808880;font-size:.62rem}.guild-armory-capacity{display:grid;gap:5px}.guild-armory-next{display:grid;grid-template-columns:1fr 1fr;gap:6px}.guild-armory-next>div{display:grid;gap:2px;padding:7px 8px;border:1px solid #2f352f;background:#0e120f}.guild-armory-next span{color:#7e867d;font-size:.59rem;text-transform:uppercase}.guild-armory-next strong{color:#cec5a3;font-size:.67rem}.guild-armory-upgrade{margin:0;display:flex;justify-content:flex-end}.guild-armory-upgrade button{width:auto;min-width:140px}.guild-exit-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:9px 10px;border:1px solid #343834;border-radius:4px;background:#0c0f0d}.guild-exit-card>div{display:grid;gap:2px}.guild-exit-card span{color:#7e857d;font-size:.58rem;text-transform:uppercase;letter-spacing:.07em}.guild-exit-card strong{color:#aaa99f;font-size:.65rem}.guild-leave-form{margin:0} /* Lower Guild workspace: compact summary cards, visible progress, contributions on demand. */ .guild-power-panel,.guild-projects-panel,.guild-history-panel,.guild-needs-board,.guild-armory-panel{border-bottom:1px solid #2d332d;background:#090c0a}.guild-power-panel>summary,.guild-projects-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;list-style:none;cursor:pointer}.guild-power-panel>summary::-webkit-details-marker,.guild-projects-panel>summary::-webkit-details-marker{display:none}.guild-power-panel>summary::before,.guild-projects-panel>summary::before{content:"▸";color:#6f786f}.guild-power-panel[open]>summary::before,.guild-projects-panel[open]>summary::before{content:"▾"}.guild-power-panel>summary>div,.guild-projects-panel>summary>div{display:grid;gap:1px;margin-right:auto}.guild-power-panel>summary span,.guild-projects-panel>summary span{color:#777f77;font-size:.56rem;text-transform:uppercase;letter-spacing:.07em}.guild-power-panel>summary strong,.guild-projects-panel>summary strong{color:#d4bf73;font-size:.73rem}.guild-power-panel>summary>b,.guild-projects-panel>summary>b{color:#aeb4a8;font-size:.63rem;font-weight:600}.guild-power-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 8px 8px}.guild-power-overview>span{display:grid;gap:2px;padding:6px 7px;border:1px solid #2d342e;background:#0d110e;color:#a5aba2;font-size:.60rem}.guild-power-overview b{color:#747d75;font-size:.54rem;text-transform:uppercase;letter-spacing:.05em}.guild-power-overview .passive{border-color:#4b5137}.guild-power-list{display:grid;gap:5px;padding:0 8px 8px}.guild-power-family{display:grid;grid-template-columns:minmax(130px,.75fr) minmax(0,1.25fr);gap:8px;align-items:center;padding:7px 8px;border:1px solid #2e352f;background:#0c100d}.guild-power-family>div:first-child{display:grid;gap:2px}.guild-power-family strong{color:#c8c1a5;font-size:.65rem}.guild-power-family span{color:#7d857c;font-size:.59rem}.guild-power-tiers{display:flex;justify-content:flex-end;gap:4px}.guild-power-tiers form{margin:0}.guild-power-tiers button{display:grid!important;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:0 5px;align-items:center;min-width:72px;height:37px!important;padding:4px 6px!important;font-size:.57rem!important;text-align:left}.guild-power-tiers button>span{grid-row:1/3;color:#8a9289;font-size:.52rem}.guild-power-tiers button>strong{color:#c6c3b4;font-size:.62rem}.guild-power-tiers button>small{color:#697168;font-size:.49rem}.guild-power-tiers button.active{border-color:#728755!important;background:#172117!important}.guild-power-clear{display:flex;justify-content:flex-end;padding:0 8px 8px}.guild-power-clear button{height:28px!important;font-size:.60rem!important} .guild-project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 8px 8px}.guild-project-card{display:grid;align-content:start;gap:8px;padding:8px;border:1px solid #303730;border-radius:4px;background:#0d110e}.guild-project-card.complete{border-color:#38583b;background:#0d150f}.guild-project-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:7px}.guild-project-card>header>div{display:grid;gap:2px}.guild-project-card>header span{color:#747d75;font-size:.52rem;text-transform:uppercase;letter-spacing:.06em}.guild-project-card>header strong{color:#d2c37e;font-size:.67rem}.guild-project-card>header small{color:#858d84;font-size:.57rem;line-height:1.3}.guild-project-card>header>b{padding:2px 5px;border:1px solid #4c513f;border-radius:999px;color:#a8ac8c;font-size:.50rem}.guild-project-card.complete>header>b{border-color:#3f6543;color:#8fc58d}.guild-project-requirements{display:grid;gap:5px}.guild-project-progress{display:grid;gap:3px}.guild-project-progress>div{display:flex;justify-content:space-between;gap:6px}.guild-project-progress span{color:#929a91;font-size:.56rem}.guild-project-progress strong{color:#c0bdad;font-size:.56rem}.guild-project-progress progress{height:5px}.guild-project-contribute{border-top:1px solid #272e28;padding-top:5px}.guild-project-contribute>summary{list-style:none;cursor:pointer;color:#a8ad9e;font-size:.57rem}.guild-project-contribute>summary::-webkit-details-marker{display:none}.guild-project-contribute>summary::before{content:"▸";margin-right:4px;color:#687168}.guild-project-contribute[open]>summary::before{content:"▾"}.guild-project-actions{display:grid;gap:5px;padding-top:6px}.guild-project-actions form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:end}.guild-project-actions label{display:grid;gap:2px;color:#747d74;font-size:.52rem}.guild-project-actions input{height:27px;min-width:0;border:1px solid #394039;background:#111511;color:#ddd;padding:0 5px;font-size:.58rem}.guild-project-actions button{height:27px!important;padding:0 7px!important;font-size:.55rem!important} .guild-armory-note{display:none}.guild-armory-status span:first-child{color:#899188}.guild-armory-status span:first-child::first-letter{color:inherit} @media(max-width:760px){.crafting-window{width:calc(100vw - 20px);max-height:calc(100vh - 76px);right:10px}.craft-pane-header{display:grid}.craft-pane-header p{text-align:left;max-width:none}.craft-browser-toolbar{grid-template-columns:1fr 125px}.craft-browser-toolbar .craft-favorite-filter{grid-column:1/-1;justify-content:center}.craft-output-banner{grid-template-columns:1fr}.craft-output-banner>small{text-align:left}.highhold-summary{grid-template-columns:1fr 1fr}.highhold-building-list,.highhold-utility-grid{grid-template-columns:1fr}.guild-hall-stats{grid-template-columns:1fr}.guild-admin-form-grid{grid-template-columns:1fr}.guild-project-list{grid-template-columns:1fr}.guild-power-overview{grid-template-columns:1fr 1fr}.guild-power-family{grid-template-columns:1fr}.guild-power-tiers{justify-content:flex-start;flex-wrap:wrap}} @media(max-width:520px){.crafting-tabs{grid-template-columns:1fr 1fr}.craft-cost-head,.craft-cost-row,.highhold-cost-head,.highhold-cost-row{grid-template-columns:minmax(0,1fr) 54px 54px}.craft-fact-grid,.ascension-cost-grid{grid-template-columns:1fr}.craft-fact-grid>div.wide,.ascension-cost-grid>div.wide{grid-column:auto}.quality-ladder{grid-template-columns:1fr auto 1fr;row-gap:5px}.quality-ladder span:nth-of-type(3),.quality-ladder b:nth-of-type(3),.quality-ladder strong{grid-column:auto}.guild-member-main{align-items:flex-start;flex-direction:column}.guild-member-badges{justify-content:flex-start}.guild-note-form,.guild-member-actions .guild-role-form,.guild-admin-form-grid form,.guild-invite-card-large form{grid-template-columns:1fr}.guild-power-overview{grid-template-columns:1fr}.highhold-summary{grid-template-columns:1fr}} /* 0.27.0 — Artifice / progression readability */ .provenance-badge{display:inline-flex;align-items:center;margin-right:6px;padding:2px 5px;border:1px solid #806a38;border-radius:999px;background:#18150d;color:#d8bb67;font-size:.55rem!important;font-weight:700;letter-spacing:.08em;vertical-align:middle} .crafting-empty{display:grid;gap:5px;padding:14px 15px;border:1px dashed #323a33;border-radius:5px;background:#0c110d;color:#8f988f}.crafting-empty strong{color:#d4d1c5;font-size:.78rem}.crafting-empty span{display:block;color:#919991;line-height:1.45} .class-readiness-list{display:grid;gap:6px;padding-top:7px}.class-readiness-row{display:grid;gap:3px;padding:7px 8px;border:1px solid #2d352e;border-radius:4px;background:#0d120e}.class-readiness-row strong{color:#d9d6c8;font-size:.68rem}.class-readiness-row span{color:#8d978e;font-size:.62rem;line-height:1.35} .guild-armory-row .provenance-badge{margin-left:5px;margin-right:0} .craft-output-banner .provenance-badge,.craft-card-select small .provenance-badge{margin-right:5px} /* 0.27.0 final Artificed provenance + complete class-readiness pass */ .unified-inventory-detail{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap}.unified-inventory-detail>span{flex:1 1 220px}.compact-loadout-row small .provenance-badge,.merchant-type .provenance-badge{margin-right:6px}.class-readiness-list{max-height:360px;overflow:auto;padding-right:3px}.class-readiness-row strong{display:flex;align-items:center;justify-content:space-between;gap:8px}.class-readiness-row strong b{font-size:.52rem;letter-spacing:.08em;color:#797f79}.class-readiness-row.active{border-color:#7d6a31;background:#151309}.class-readiness-row.active strong b{color:#e6c85b}.class-readiness-row.ready{border-color:#315c3c;background:#0d160f}.class-readiness-row.ready strong b{color:#83d494}.class-readiness-row.locked{opacity:.78} /* 0.27.1 — Realm Tools & Interaction Polish */ .personal-tool-window{position:fixed;z-index:70;left:50%;top:88px;width:min(640px,calc(100vw - 28px));height:min(640px,calc(100vh - 112px));min-width:360px;min-height:240px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);display:flex;flex-direction:column;overflow:hidden;resize:both;border:1px solid #4b574d;border-radius:6px;background:linear-gradient(180deg,#101411fa,#080b09fb);box-shadow:0 22px 72px #000e,0 0 0 1px #ffffff08;color:#d8d4ca} .personal-tool-window[hidden]{display:none!important}.personal-tool-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-bottom:1px solid #333c35;background:linear-gradient(180deg,#171c18,#101411);cursor:grab;user-select:none}.personal-tool-header:active{cursor:grabbing}.personal-tool-header>div{display:grid;gap:2px;min-width:0}.personal-tool-header span{color:#759079;font-size:.55rem;text-transform:uppercase;letter-spacing:.10em}.personal-tool-header strong{color:#e4cf77;font-size:.82rem;letter-spacing:.01em}.personal-tool-header>button{flex:0 0 auto;width:28px;height:28px;padding:0!important;border:1px solid #485349!important;border-radius:4px!important;background:#0c110e!important;color:#b8c0b8!important;font-size:1rem!important;line-height:1!important}.personal-tool-header>button:hover{border-color:#7a8c7b!important;color:#fff!important}.personal-tool-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:10px;background:#080b09}.personal-tool-window:focus-within{border-color:#617164;box-shadow:0 24px 78px #000f,0 0 0 1px #75806b22} #inventory-panel{width:min(620px,calc(100vw - 28px));height:min(660px,calc(100vh - 100px))}#loadout-panel{width:min(760px,calc(100vw - 28px));height:min(650px,calc(100vh - 100px))}#amulet-panel{width:min(690px,calc(100vw - 28px));height:min(660px,calc(100vh - 100px))}#progression-panel{width:min(680px,calc(100vw - 28px));height:min(720px,calc(100vh - 90px))}#reference-panel{width:min(790px,calc(100vw - 28px));height:min(760px,calc(100vh - 80px))}#trade-window{width:min(840px,calc(100vw - 28px));height:min(650px,calc(100vh - 100px))}#battle-info-window{width:min(980px,calc(100vw - 28px));height:min(720px,calc(100vh - 88px))}.crafting-window{width:min(760px,calc(100vw - 28px));height:min(720px,calc(100vh - 90px));max-height:calc(100vh - 16px);right:auto} .crafting-window>.personal-tool-header{cursor:grab}.crafting-window-body{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important}.crafting-window>.crafting-tabs{flex:0 0 auto} /* Floating tools must never alter the permanent three-column Realm shell. */ .classic-realm:has(#inventory-panel:not([hidden])),.classic-realm:has(#loadout-panel:not([hidden])){grid-template-columns:minmax(250px,21%) minmax(500px,1fr) minmax(285px,22%)!important} .classic-left-workspace{flex:0 1 auto!important;max-height:min(430px,48vh);min-height:0!important}.classic-left-workspace [data-left-idle]:empty{display:none!important}.classic-left-workspace:has(#waypoints-panel[hidden]){flex:0 0 auto!important;padding-top:0!important;border-top-color:transparent!important} /* Personal-tool-specific composition */ #inventory-panel .unified-inventory-shell,#loadout-panel .saved-loadout-grid,#amulet-panel .amulet-summary,#progression-panel .progression-tabs,#reference-panel .reference-tabs{margin-top:0}.progression-tabs{position:sticky;top:-10px;z-index:2;background:#080b09;padding:0 0 8px}.mastery-family-grid{padding-bottom:8px}.mastery-family{border-color:#303831!important;background:#0c110d!important}.mastery-authority-card,.system-summary-card{border-radius:4px} .reference-tabs{position:sticky;top:-10px;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 0 9px;background:#080b09}.reference-tabs button{height:31px;border:1px solid #343d36;background:#101511;color:#aeb5ac}.reference-tabs button.active{border-color:#63744e;color:#e5cf70;background:#172016}.reference-pane{padding-bottom:6px}.manual-section{border-radius:4px;background:#0d110e!important} .trade-tool-window .personal-tool-body{display:flex;flex-direction:column;gap:9px}.trade-tool-window .trade-composer{flex:0 0 auto;border-radius:4px}.trade-offer-section{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;border:1px solid #2d342f;background:#070a08}.trade-offer-section>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid #2d342f;background:#0d110e}.trade-offer-section>header span{color:#778179;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.trade-offer-section>header strong{color:#c9bd79;font-size:.66rem}.trade-offer-stream{flex:1 1 auto;min-height:0;overflow:auto} /* Ledgerhall: compact transactional surface without an empty service-stage floor. */ .classic-center>.location-service.service-ledgerhall{flex:0 1 auto!important;align-self:flex-start;margin:10px auto!important;max-height:calc(100% - 20px)!important}.service-ledgerhall::after{display:none!important}.service-ledgerhall .special-location-scroll{overflow:auto!important;padding-bottom:10px}.bank-balance-grid{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:8px}.ledger-bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ledger-bank-card,.ledger-transfer-card{display:grid;gap:8px;padding:9px;border:1px solid #303730;background:#0b0f0c}.ledger-bank-card>header,.ledger-transfer-card>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid #252c27}.ledger-bank-card>header span,.ledger-transfer-card>header span{color:#707a72;font-size:.54rem;text-transform:uppercase;letter-spacing:.07em}.ledger-bank-card>header strong,.ledger-transfer-card>header strong{color:#d5c171;font-size:.68rem}.ledger-deposit-all{margin:0;display:flex;justify-content:flex-end}.ledger-deposit-all button{width:auto!important}.ledger-quick-amounts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.ledger-quick-amounts button{height:29px!important;padding:0 4px!important;border-color:#3b473e!important;background:#101612!important;color:#b8c0b7!important;font-size:.57rem!important}.ledger-quick-amounts button:hover{border-color:#6b7b5e!important;color:#e3ce73!important}.ledger-transfer-card{margin-top:8px}.service-ledgerhall .service-form.compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end}.service-ledgerhall .service-form.compact label{min-width:0}.service-ledgerhall .service-form.compact button{height:32px}.service-ledgerhall .ledger-transfer{margin:0}.service-ledgerhall .ledger-transfer-grid{grid-template-columns:minmax(150px,1fr) minmax(140px,.8fr) auto} /* Cleaner launcher state for windows vs anchored Waypoints. */ .classic-links [data-tool-toggle].active,.activity-tabs [data-tool-toggle].active,.classic-reference-links [data-tool-toggle].active{color:#8be39b!important;background:#142018!important;box-shadow:inset 0 -2px #4caf62}.classic-reference-links [data-tool-toggle].active{box-shadow:inset 0 -1px #4caf62} @media(max-width:980px){.personal-tool-window{min-width:320px;max-width:calc(100vw - 12px);max-height:calc(100vh - 12px)}#reference-panel,#trade-window,#guild-window,#loadout-panel{width:calc(100vw - 22px)}.ledger-bank-grid{grid-template-columns:1fr}.ledger-quick-amounts{grid-template-columns:repeat(3,1fr)}} @media(max-width:620px){.personal-tool-window{width:calc(100vw - 12px)!important;height:calc(100vh - 24px)!important;min-width:0;left:6px!important;top:12px!important;resize:none}.personal-tool-body{padding:8px}.ledger-quick-amounts{grid-template-columns:repeat(2,1fr)}.service-ledgerhall .ledger-transfer-grid,.service-ledgerhall .service-form.compact{grid-template-columns:1fr}.service-ledgerhall .ledger-transfer-grid button{grid-column:auto}.reference-tabs{grid-template-columns:1fr 1fr 1fr}} /* 0.27.2 — Auto Fight & Combat Convenience */ /* 0.27.3 — Inline Auto Fight combat-surface polish Auto Fight is an optional control in the existing target row. It must not create a new vertical band between New Fight and the manual Attack/Cast row. */ .combat-picker-slot .fight-picker.auto-fight-picker{grid-template-columns:minmax(0,1fr) 88px auto!important;gap:6px!important;overflow:visible} .auto-fight-inline{position:relative;display:inline-flex;align-items:stretch;gap:2px;height:36px;min-width:0;justify-self:end} .auto-fight-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:5px;width:auto!important;min-width:82px!important;height:36px!important;padding:0 8px!important;border:1px solid #4b514c!important;border-radius:2px 0 0 2px!important;background:#151816!important;color:#b8bdb7!important;font-size:.66rem!important;font-weight:700!important;letter-spacing:.015em;white-space:nowrap;box-shadow:none!important} .auto-fight-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#59605a;box-shadow:0 0 0 2px #171b18} .auto-fight-toggle:hover:not(:disabled){border-color:#6c7b6d!important;background:#18201a!important;color:#d8ddd7!important} .auto-fight-toggle.active,.auto-fight-toggle[aria-pressed="true"]{border-color:#4e8457!important;background:#142018!important;color:#9fe5a8!important;box-shadow:inset 0 -2px #4caf62!important} .auto-fight-toggle.active .auto-fight-dot,.auto-fight-toggle[aria-pressed="true"] .auto-fight-dot{background:#69cf78;box-shadow:0 0 7px rgba(105,207,120,.52)} .auto-fight-toggle:disabled{opacity:.42;cursor:default} .auto-fight-menu{position:relative;height:36px} .auto-fight-menu>summary{display:grid;place-items:center;width:28px;height:36px;box-sizing:border-box;border:1px solid #4b514c;border-left:0;border-radius:0 2px 2px 0;background:#111512;color:#8f978f;cursor:pointer;font-size:.68rem;line-height:1;list-style:none;user-select:none} .auto-fight-menu>summary::-webkit-details-marker{display:none} .auto-fight-menu>summary:hover,.auto-fight-menu[open]>summary{border-color:#6c7b6d;background:#18201a;color:#d8ddd7} .auto-fight-inline[data-auto-fight-enabled="1"] .auto-fight-menu>summary{border-color:#4e8457;color:#9ccc9f;background:#111a13} .auto-fight-popover{position:absolute;z-index:30;top:calc(100% + 5px);right:0;width:164px;padding:8px;border:1px solid #495249;border-radius:3px;background:#090d0a;box-shadow:0 8px 24px rgba(0,0,0,.55);text-align:left} .auto-fight-popover label{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;color:#8d968e!important;font-size:.56rem!important;text-transform:uppercase;letter-spacing:.065em} .auto-fight-popover select{width:100%!important;height:30px!important;min-height:30px!important;border:1px solid #3b433c!important;border-radius:2px!important;background:#111612!important;color:#d8d6cb!important;padding:0 7px!important;font-size:.64rem!important;text-transform:none;letter-spacing:0} html[data-db-large-controls="1"] .auto-fight-inline,html[data-db-large-controls="1"] .auto-fight-toggle,html[data-db-large-controls="1"] .auto-fight-menu,html[data-db-large-controls="1"] .auto-fight-menu>summary{height:42px!important;min-height:42px!important} html[data-db-large-controls="1"] .auto-fight-popover select{height:36px!important;min-height:36px!important} @media(max-width:520px){.combat-picker-slot .fight-picker.auto-fight-picker{grid-template-columns:minmax(0,1fr) 78px auto!important}.auto-fight-toggle{min-width:70px!important;padding:0 6px!important;font-size:.61rem!important}.auto-fight-menu>summary{width:25px}.auto-fight-popover{right:0;width:150px}} /* 0.27.4 — Realm console, social-workspace & click-away correction Trade/Guild move to the command rail, Battle Info returns to the lower console, Waypoints owns the remaining rail height, and Auto's disclosure is a real compact menu. */ .classic-left-workspace{flex:1 1 0!important;max-height:none!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} .classic-left-workspace:has(#waypoints-panel[hidden]){flex:0 0 auto!important;max-height:none!important;padding-top:0!important;border-top-color:transparent!important} .classic-waypoints-view:not([hidden]){display:flex!important;flex:1 1 auto!important;min-height:0!important;height:100%!important;overflow:hidden!important;flex-direction:column!important;gap:7px} .classic-waypoints-view>.inventory-title,.classic-waypoints-view>.waypoint-filter-bar{flex:0 0 auto} .classic-waypoints-view>.waypoint-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;align-content:start;padding-right:2px} .classic-waypoints-view>.waypoint-filter-empty:not([hidden]){flex:0 0 auto} /* Four rows, two columns: Inventory/Loadout, Amulet/Progression, Crafting/Trade, Guild/Waypoints. */ .classic-links.primary-workspaces a{position:relative} .workspace-badge{position:absolute;right:5px;top:4px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#6b281f;color:#ffd6c8;font:800 .48rem/1 ui-sans-serif,system-ui,sans-serif} /* Trade and Guild are personal tools; Guild chat remains a separate communication channel. */ #guild-window{width:min(880px,calc(100vw - 28px));height:min(700px,calc(100vh - 112px))} .guild-tool-window .personal-tool-body{padding:0;overflow:auto;scrollbar-width:thin} .guild-tool-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid #303630;background:#0b0f0c} .guild-tool-head strong{color:#d7c27c;font-size:.78rem}.guild-tool-head span{color:#7f887f;font-size:.60rem;text-align:right} .guild-tool-empty{display:grid;place-items:center;gap:6px;min-height:180px;padding:24px;text-align:center}.guild-tool-empty strong{color:#d4c17b;font-size:.84rem}.guild-tool-empty span{max-width:520px;color:#898f88;font-size:.66rem;line-height:1.45} .activity-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important} .activity-tabs button{position:relative} .activity-tabs button:disabled{opacity:.48;cursor:default!important;color:#737873!important} .activity-unread{position:absolute;top:7px;right:calc(50% - 48px);display:grid;place-items:center;min-width:14px;height:14px;padding:0 3px;border-radius:8px;background:#6d2c24;color:#ffd8cf;font-size:.60rem;line-height:1} .activity-unread[hidden]{display:none!important} .guild-chat-activity{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden!important} /* Battle Info is once again an anchored lower activity pane. One pane scrollbar reaches every section. */ .battle-info-activity{display:block!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0!important;background:#050606;scrollbar-width:thin} .battle-info-activity .battle-info-summary{display:grid;gap:7px;padding:8px 10px;min-height:0;border-bottom:1px solid #303531} .battle-info-activity .battle-info-groups{grid-template-columns:repeat(4,minmax(0,1fr))} .battle-info-activity .battle-history{display:block;min-height:0} .battle-info-activity .battle-history-scroll{display:block;max-height:none;overflow:visible} .battle-info-activity .class-readiness-list{max-height:none;overflow:visible} /* Auto action disclosure uses explicit rows so the menu can never render as an empty select box. */ .auto-fight-popover{width:224px;padding:4px;display:grid;gap:2px} .auto-fight-option{width:100%!important;min-width:0!important;height:auto!important;min-height:38px!important;display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;align-items:center!important;gap:6px!important;padding:6px 7px!important;border:1px solid transparent!important;border-radius:2px!important;background:transparent!important;color:#c7cdc6!important;text-align:left!important;box-shadow:none!important} .auto-fight-option:hover{border-color:#3e493f!important;background:#121713!important;color:#eef1ed!important} .auto-fight-option.active,.auto-fight-option[aria-checked="true"]{border-color:#4d684f!important;background:#132017!important;color:#9ee1a5!important} .auto-fight-option>span:last-child{display:grid;gap:1px;min-width:0}.auto-fight-option strong{font-size:.66rem;line-height:1.1}.auto-fight-option small{color:#747f76;font-size:.54rem;line-height:1.2;font-weight:500;white-space:normal}.auto-fight-option.active small{color:#829987} .auto-fight-check{visibility:hidden;color:#75d181;font-size:.68rem;font-weight:900}.auto-fight-option.active .auto-fight-check,.auto-fight-option[aria-checked="true"] .auto-fight-check{visibility:visible} html[data-db-large-controls="1"] .auto-fight-option{min-height:44px!important} @media(max-width:1200px){.battle-info-activity .battle-info-groups{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:980px){.classic-left-workspace{max-height:none!important}.classic-waypoints-view:not([hidden]){min-height:320px!important}.battle-info-activity .battle-info-details{grid-template-columns:repeat(2,minmax(0,1fr))}.guild-tool-head{align-items:flex-start;flex-direction:column}.guild-tool-head span{text-align:left}} @media(max-width:620px){.battle-info-activity .battle-info-head,.battle-info-activity .battle-info-groups,.battle-info-activity .battle-info-details{grid-template-columns:1fr}.auto-fight-popover{width:200px}.activity-unread{right:7px}} /* 0.27.5 — Core interaction, Quest, Inventory, Guild & Evolving Amulet refinement */ /* Anchored Waypoints are persistent. Background clicks only dismiss floating personal tools. */ .classic-waypoints-view{min-height:0} .classic-waypoints-view .waypoint-grid{padding-bottom:8px} /* Auto Fight keeps combat action + optional automatic level-up choice in one compact disclosure. */ .auto-fight-option-group{display:grid;gap:2px} .auto-fight-popover-label{display:block;padding:4px 7px 2px;color:#6f7a71;font-size:.50rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em} .auto-level-control{margin-top:4px;padding:7px;border-top:1px solid #303830!important;background:#0d120e} .auto-level-control>span{color:#d3c97d!important;font-size:.55rem!important;font-weight:800;letter-spacing:.035em!important;text-transform:none!important} .auto-level-control small{color:#737d75;font-size:.52rem;line-height:1.35;text-transform:none;letter-spacing:0} .auto-level-control select{margin-top:1px} /* Questmaster: 50-contract board is dense, searchable by realm/readiness, and owns its scroll. */ .questmaster-board{display:flex;flex-direction:column;gap:8px;min-height:0;height:100%} .quest-board-toolbar{display:grid;grid-template-columns:auto minmax(130px,.7fr) minmax(130px,.7fr) auto;gap:7px;align-items:end;padding:8px;border:1px solid #363a2b;background:#0b0f0b} .quest-board-toolbar>span{align-self:center;justify-self:end;color:#8a9388;font-size:.58rem;white-space:nowrap}.quest-board-toolbar>span b{color:#dcc66b;font-size:.69rem} .quest-board-toolbar label{display:grid;gap:3px;color:#727b72;font-size:.50rem;text-transform:uppercase;letter-spacing:.07em}.quest-board-toolbar select{height:30px} .quest-board-filter-pills{display:flex;align-items:center;gap:4px}.quest-board-filter-pills button{height:30px!important;padding:0 10px!important;background:#101410!important;border-color:#343b35!important;color:#9ca39c!important;font-size:.57rem!important}.quest-board-filter-pills button.active{border-color:#55714f!important;background:#142017!important;color:#8edd99!important} .quest-contract-list{flex:1 1 auto;min-height:0;max-height:min(500px,55vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px;display:grid;grid-template-columns:1fr;gap:7px;align-content:start} .quest-contract-card{min-height:0!important;padding:8px!important}.quest-contract-card.level-locked{opacity:.62}.quest-contract-card[hidden]{display:none!important} .quest-contract-head>div{display:grid;gap:1px}.quest-contract-id{color:#727b72;font-size:.50rem;text-transform:uppercase;letter-spacing:.075em}.quest-contract-head strong{font-size:.67rem}.quest-contract-card>p{margin:4px 0!important}.quest-reward-line{margin-top:5px} .quest-cooldown-card.service{flex:0 0 auto}.quest-active-summary,.quest-claim-card{flex:0 0 auto} /* Inventory is a browser, not a single giant select. */ #inventory-panel{width:min(900px,calc(100vw - 28px));height:min(690px,calc(100vh - 80px))} #inventory-panel .personal-tool-body{display:flex;flex-direction:column;gap:8px;overflow:hidden} .inventory-browser-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(135px,.42fr) auto;gap:7px;align-items:end;padding:7px;border:1px solid #2e352f;background:#0a0e0b} .inventory-browser-toolbar label{display:grid;gap:3px;color:#737d75;font-size:.50rem;text-transform:uppercase;letter-spacing:.07em}.inventory-browser-toolbar input,.inventory-browser-toolbar select{height:31px!important;min-height:31px!important} .inventory-search input{width:100%}.inventory-quick-filters{display:flex;gap:4px;align-items:end;height:31px}.inventory-quick-filters button{height:31px!important;padding:0 8px!important;border-color:#343b35!important;background:#101410!important;color:#8e978f!important;font-size:.54rem!important}.inventory-quick-filters button.active{border-color:#587054!important;background:#142017!important;color:#8ddd98!important} .inventory-item-browser{flex:1 1 auto;min-height:0;display:grid!important;grid-template-columns:minmax(230px,.82fr) minmax(300px,1.18fr);gap:8px;overflow:hidden} .inventory-browser-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid #303730;background:#070a08;padding:5px;display:flex;flex-direction:column;gap:4px} .inventory-browser-group{position:sticky;top:-5px;z-index:2;flex:0 0 22px;height:22px;box-sizing:border-box;margin:-1px -1px 0;padding:5px 7px;border-bottom:1px solid #303730;background:#0c110d;color:#787f78;font-size:.50rem;font-weight:800;line-height:11px;text-transform:uppercase;letter-spacing:.08em} .inventory-browser-card{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;grid-template-rows:18px 22px!important;align-items:center!important;column-gap:7px!important;row-gap:4px!important;width:100%!important;height:60px!important;min-height:60px!important;max-height:60px!important;padding:7px 8px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #292f2a!important;border-radius:2px!important;background:#0b0f0c!important;text-align:left!important;box-shadow:none!important;color:#c9cec7!important} .inventory-browser-card:hover{border-color:#445047!important;background:#101611!important}.inventory-browser-card.selected{border-color:#5b715d!important;background:#121b14!important;box-shadow:inset 2px 0 #63aa6b!important}.inventory-browser-card-title{min-width:0;overflow:hidden}.inventory-browser-card-title strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--inventory-item-color,#d7d4ca);font-size:.66rem;line-height:18px}.inventory-browser-card-badges{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:max-content;max-height:18px;overflow:hidden}.inventory-card-badge{padding:2px 4px;border:1px solid #554a2c;border-radius:2px;color:#cbbd75;font-size:.45rem;line-height:11px;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap}.inventory-card-badge.equipped{border-color:#426548;color:#89d492}.inventory-card-badge.not-ready{border-color:#68423d;color:#d68b80}.inventory-browser-card-detail{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px;min-width:0;overflow:hidden}.inventory-browser-card-meta{display:block!important;min-width:0;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#737d75!important;font-size:.52rem!important;line-height:22px!important}.inventory-browser-card-metrics{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;justify-content:end;gap:5px;min-width:max-content;white-space:nowrap}.inventory-browser-card-metric{display:inline-flex;align-items:center;justify-content:flex-end;min-width:42px;height:20px;padding:0 4px;box-sizing:border-box;border:1px solid #2e3730;background:#0d120e;color:#abb3ab;font-size:.50rem;font-weight:700;line-height:18px;font-variant-numeric:tabular-nums}.inventory-browser-card-metric.unmet{border-color:#5b3935;color:#dc8b82}.inventory-browser-card-metric.stars{min-width:auto;color:var(--inventory-item-color,#c8bb72)} .inventory-inspector{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:9px;border:1px solid #303730;background:#090d0a;display:flex;flex-direction:column;gap:8px} .inventory-inspector-head{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #2b322c}.inventory-inspector-head>div:first-child>span{color:#727c74;font-size:.49rem;text-transform:uppercase;letter-spacing:.08em}.inventory-inspector-head>div:first-child>strong{color:#ddd5bd;font-size:.80rem}.inventory-inspector-head>div:last-child{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;align-content:start}.inventory-inspector-badge{height:max-content;padding:3px 5px;border:1px solid #594d2e;border-radius:2px;color:#cabb73;font-size:.47rem;text-transform:uppercase}.inventory-inspector-badge.equipped{border-color:#416747;color:#8bd795} .inventory-inspector-description{margin:0;color:#949b93;font-size:.60rem;line-height:1.45}.inventory-inspector-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.inventory-inspector-meta>div,.inventory-stat-grid>div{display:flex;justify-content:space-between;gap:8px;padding:5px 6px;border:1px solid #272e29;background:#0c100d}.inventory-inspector-meta span,.inventory-stat-grid span{color:#747c75;font-size:.51rem}.inventory-inspector-meta strong,.inventory-stat-grid strong{color:#cfd0c8;font-size:.55rem;text-align:right}.inventory-inspector-section{display:grid;gap:5px}.inventory-inspector-section h4{margin:0;color:#c8b968;font-size:.55rem;text-transform:uppercase;letter-spacing:.07em}.inventory-inspector-section p{margin:0;color:#939a93;font-size:.57rem;line-height:1.4}.inventory-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px} .inventory-compare-panel{padding:7px;border:1px solid #2c342e;background:#0b0f0c}.inventory-compare-head{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #242b26;padding-bottom:5px;margin-bottom:5px}.inventory-compare-head span{color:#727a73;font-size:.50rem;text-transform:uppercase}.inventory-compare-head strong{color:#c9c8bd;font-size:.56rem}.inventory-compare-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.inventory-compare-rows>div{display:flex;justify-content:space-between;gap:7px;padding:3px 5px;background:#0f1410}.inventory-compare-rows span{color:#777f78;font-size:.50rem}.inventory-compare-rows b{font-size:.53rem}.inventory-compare-rows b.positive{color:#82d68d}.inventory-compare-rows b.negative{color:#d9877c}.inventory-compare-empty{color:#707971;font-size:.54rem;line-height:1.35} .inventory-inspector .unified-inventory-actions{margin-top:auto;display:flex;justify-content:flex-end}.inventory-inspector .unified-inventory-actions button{min-width:96px}.inventory-inspector .inventory-equip-tools{margin-top:0} .inventory-ledger-view{flex:1 1 auto;min-height:0} /* Evolving Amulet separates permanent state, destructive feed action, reference, and history. */ #amulet-panel{width:min(800px,calc(100vw - 28px));height:min(650px,calc(100vh - 80px))} #amulet-panel .personal-tool-body{display:flex;flex-direction:column;gap:8px;overflow:hidden} .amulet-tabs,.guild-tool-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border:1px solid #303730;background:#0a0e0b;flex:0 0 auto}.amulet-tabs button,.guild-tool-tabs button{height:34px!important;border:0!important;border-right:1px solid #303730!important;border-radius:0!important;background:#0d110e!important;color:#929990!important;font-size:.56rem!important}.amulet-tabs button:last-child,.guild-tool-tabs button:last-child{border-right:0!important}.amulet-tabs button.active,.guild-tool-tabs button.active{background:#142017!important;color:#8dde98!important;box-shadow:inset 0 -2px #54aa62!important} .amulet-pane{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}.amulet-hero{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px;border:1px solid #3a3b2d;background:linear-gradient(120deg,#12130d,#0b0e0b)}.amulet-hero>div{display:grid;gap:2px}.amulet-hero span{color:#7f8067;font-size:.50rem;text-transform:uppercase;letter-spacing:.08em}.amulet-hero strong{color:#e2cd6d;font-size:.88rem}.amulet-hero small{max-width:340px;color:#858d85;font-size:.55rem;line-height:1.4;text-align:right}.amulet-effect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}.amulet-effect-card{border:1px solid #303730;background:#0a0e0b}.amulet-effect-card>header{display:flex;justify-content:space-between;gap:8px;padding:6px 7px;border-bottom:1px solid #282f29;background:#0d120e}.amulet-effect-card>header span{color:#747d75;font-size:.49rem;text-transform:uppercase}.amulet-effect-card>header strong{color:#c9bd73;font-size:.53rem}.amulet-effect-card.active{border-color:#3e5c43}.amulet-effect-row{display:flex;justify-content:space-between;gap:8px;padding:5px 7px;border-bottom:1px solid #202621}.amulet-effect-row:last-child{border-bottom:0}.amulet-effect-row span{color:#8b938b;font-size:.53rem}.amulet-effect-row strong{color:#d1d3cb;font-size:.56rem}.amulet-effect-empty{padding:9px;color:#707870;font-size:.55rem;line-height:1.4}.amulet-effect-card.class-scoped>.amulet-effect-card{margin:6px;border-color:#2b322c}.amulet-feed-workspace{display:grid;gap:8px}.amulet-feed-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;padding:9px;border:1px solid #343a34;background:#0b0f0c}.amulet-feed-picker label{display:grid;gap:3px;color:#7d857d;font-size:.52rem;text-transform:uppercase}.amulet-feed-picker select{height:33px}.amulet-feed-picker button{height:33px!important}.amulet-feed-preview{display:grid;gap:7px;padding:11px;border:1px solid #4a452d;background:#111009}.amulet-feed-preview>div:first-child{display:grid;gap:2px}.amulet-feed-preview span{color:#777f77;font-size:.51rem;text-transform:uppercase}.amulet-feed-preview strong{color:#e0ca6e;font-size:.72rem}.amulet-feed-preview-effects{display:flex;gap:4px;flex-wrap:wrap}.amulet-feed-preview-effects b{padding:4px 6px;border:1px solid #3b493c;background:#101712;color:#9ad3a0;font-size:.54rem}.amulet-feed-preview small{color:#858c84;font-size:.54rem;line-height:1.4}.amulet-codex{display:grid;gap:8px}.amulet-codex label{display:grid;gap:4px;color:#7d857d;font-size:.52rem;text-transform:uppercase}.amulet-history-list{display:grid;gap:4px}.amulet-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 8px;border:1px solid #293029;background:#0a0e0b}.amulet-history-row>div{display:grid;gap:2px}.amulet-history-row strong{color:#d2c77c;font-size:.60rem}.amulet-history-row span{color:#818981;font-size:.53rem;line-height:1.35}.amulet-history-row time{color:#677069;font-size:.49rem;white-space:nowrap} /* Guild popout uses stable internal sections rather than one colliding vertical sheet. */ #guild-window{width:min(940px,calc(100vw - 28px));height:min(720px,calc(100vh - 80px))} .guild-tool-window .personal-tool-body{display:flex;flex-direction:column;gap:8px;padding:9px!important;overflow:hidden!important} .guild-tool-tabs{grid-auto-flow:column;grid-auto-columns:minmax(90px,1fr)} .guild-tool-pane{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}.guild-overview-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid #343a34;background:linear-gradient(120deg,#101510,#0a0e0b)}.guild-overview-hero>div:first-child{display:grid;gap:2px}.guild-overview-hero>div:first-child>span{color:#758078;font-size:.49rem;text-transform:uppercase}.guild-overview-hero>div:first-child>strong{color:#dfc96f;font-size:.88rem}.guild-overview-hero small{color:#858e86;font-size:.54rem}.guild-overview-metrics{display:grid;grid-auto-flow:column;gap:5px}.guild-overview-metrics span{display:grid;gap:1px;min-width:78px;padding:6px 8px;border:1px solid #303730;background:#0a0e0b;color:#778078;font-size:.48rem;text-transform:uppercase;text-align:center}.guild-overview-metrics b{color:#d6c574;font-size:.64rem}.guild-motd{margin-top:7px}.guild-power-panel{margin-top:7px} .guild-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border:1px solid #303730;background:#0d120e}.guild-section-heading>div{display:grid;gap:1px}.guild-section-heading>div>span{color:#6d776f;font-size:.48rem;text-transform:uppercase;letter-spacing:.075em}.guild-section-heading strong{color:#d4c273;font-size:.66rem}.guild-section-heading>b{color:#8c958c;font-size:.56rem}.guild-section-heading label{display:flex;gap:6px;align-items:center;color:#767f77;font-size:.52rem}.guild-section-heading select{height:28px} .guild-member-list{display:grid;gap:4px;margin-top:6px}.guild-member-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px;border:1px solid #292f2a;background:#0a0e0b}.guild-member-avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #435047;background:#111712;color:#b9c7b9;font-size:.65rem;font-weight:900}.guild-member-row>div:nth-child(2){display:grid;gap:2px}.guild-member-row strong{color:#d0cdc0;font-size:.60rem}.guild-member-row span{color:#777f78;font-size:.51rem}.guild-member-row>b{color:#c9b96b;font-size:.52rem;font-weight:700} .guild-tool-pane>.guild-projects-panel,.guild-tool-pane>.guild-armory-panel,.guild-tool-pane>.guild-needs-board{margin:0;border-color:#303730}.guild-tool-pane>.guild-projects-panel>summary,.guild-tool-pane>.guild-armory-panel>summary,.guild-tool-pane>.guild-needs-board>summary{position:sticky;top:0;z-index:2;background:#0d120e} .guild-needs-list{display:grid;gap:5px;padding:7px}.guild-need-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center!important;padding:8px!important;border:1px solid #2c332e!important;background:#0a0e0b!important}.guild-need-row>div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:baseline}.guild-need-row strong{color:#d0c879;font-size:.58rem}.guild-need-row span{color:#717a72;font-size:.49rem}.guild-need-row p{grid-column:1/-1;margin:2px 0 0!important;color:#a1a59f!important;font-size:.57rem!important;line-height:1.35}.guild-need-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;padding:7px!important;border-top:1px solid #2b322c}.guild-need-form input{min-width:0} .guild-history-table-head,.guild-history-row{display:grid;grid-template-columns:110px 150px 150px minmax(0,1fr);gap:7px;align-items:start}.guild-history-table-head{padding:5px 7px;border:1px solid #2a312b;border-top:0;background:#090d0a;color:#687169;font-size:.47rem;text-transform:uppercase;letter-spacing:.06em}.guild-history-list{display:grid;gap:1px;margin-top:2px}.guild-history-row{padding:6px 7px;border:1px solid #252b26;background:#090d0a}.guild-history-row time{color:#687169;font-size:.49rem}.guild-history-row strong{color:#c7bc72;font-size:.52rem}.guild-history-actor{color:#aeb3ab;font-size:.52rem}.guild-history-detail{color:#747d75;font-size:.51rem;overflow-wrap:anywhere;line-height:1.35} @media(max-width:900px){.quest-contract-list{grid-template-columns:1fr}.quest-board-toolbar{grid-template-columns:1fr 1fr}.quest-board-toolbar>span{justify-self:start}.inventory-item-browser{grid-template-columns:1fr}.inventory-browser-list{max-height:240px}.amulet-effect-grid{grid-template-columns:1fr}.guild-overview-hero{grid-template-columns:1fr}.guild-overview-metrics{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.guild-history-table-head,.guild-history-row{grid-template-columns:90px 120px minmax(100px,.5fr) minmax(0,1fr)}} @media(max-width:620px){.inventory-browser-toolbar{grid-template-columns:1fr}.inventory-quick-filters{height:auto}.inventory-inspector-meta,.inventory-stat-grid,.inventory-compare-rows{grid-template-columns:1fr}.amulet-feed-picker{grid-template-columns:1fr}.guild-tool-tabs{grid-auto-flow:row;grid-template-columns:repeat(3,1fr)}.guild-overview-metrics{grid-template-columns:1fr}.guild-history-table-head{display:none}.guild-history-row{grid-template-columns:1fr 1fr}.guild-history-detail{grid-column:1/-1}.quest-board-toolbar{grid-template-columns:1fr}} /* 0.27.6 — Runtime + responsive communication-console hotfix. At split/half-width desktop sizes the console remains in normal document flow, keeps its composer/message pane reachable, and drops the redundant footer band. */ @media(max-width:980px){ .classic-realm{grid-template-rows:auto auto auto!important} .classic-activity{position:relative!important;bottom:auto!important;z-index:1!important;height:clamp(280px,36vh,360px)!important;min-height:280px!important;max-height:360px!important;grid-template-rows:36px minmax(0,1fr)!important;box-shadow:none!important;overflow:hidden!important} .activity-resize-handle,.activity-footer{display:none!important} .activity-pane,.chat-activity,.guild-chat-activity,.battle-info-activity{min-height:0!important;max-height:none!important} .chat-message-list{min-height:0!important;overflow-y:auto!important} .chat-composer,.guild-composer{position:relative!important;z-index:1!important} } @media(max-width:660px){ .classic-activity{height:clamp(270px,42vh,340px)!important;min-height:270px!important;max-height:340px!important} } /* 0.27.7 — FIELD correction: persistent chat selection, readable Quest board, visible Auto-level controls. */ .auto-fight-popover{width:250px!important;max-height:min(520px,calc(100vh - 90px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin} .auto-level-control{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin-top:6px!important;padding:7px!important;border-top:1px solid #394239!important;background:#0d120e!important} .auto-level-control>.auto-fight-popover-label{padding:0!important;color:#d3c97d!important;font-size:.56rem!important;text-transform:uppercase!important;letter-spacing:.07em!important} .auto-level-option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px} .auto-level-option-grid button{min-width:0!important;height:29px!important;padding:0 5px!important;border:1px solid #374038!important;border-radius:2px!important;background:#111612!important;color:#9ea79f!important;font-size:.58rem!important;font-weight:800!important;box-shadow:none!important} .auto-level-option-grid button:hover{border-color:#5f705f!important;color:#dce3dc!important;background:#172019!important} .auto-level-option-grid button.active,.auto-level-option-grid button[aria-checked="true"]{border-color:#56815c!important;background:#16231a!important;color:#9ee1a5!important;box-shadow:inset 0 -2px #4caf62!important} .auto-level-option-grid button:first-child{grid-column:span 2}.auto-level-option-grid button:last-child{grid-column:span 2} .auto-level-control small{display:block;color:#737d75!important;font-size:.53rem!important;line-height:1.35!important;text-transform:none!important;letter-spacing:0!important} .questmaster-board{display:flex!important;flex-direction:column!important;gap:8px!important;min-height:0!important;height:auto!important;max-height:none!important} .quest-board-toolbar{flex:0 0 auto!important} .quest-contract-list{display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:7px!important;align-content:start!important;flex:1 1 auto!important;min-height:220px!important;max-height:min(500px,55vh)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 4px 2px 0!important;scrollbar-width:thin} .quest-contract-card{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:6px 14px!important;align-items:center!important;min-height:72px!important;height:auto!important;padding:9px 10px!important;overflow:visible!important;border:1px solid #343b34!important;border-radius:3px!important;background:#090d0a!important} .quest-contract-card.active{border-color:#76653b!important;background:#121008!important} .quest-contract-main{display:grid;gap:5px;min-width:0} .quest-contract-head{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;min-width:0!important} .quest-contract-id{color:#7c857c!important;font-size:.52rem!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.08em!important} .quest-contract-head strong{color:#d0cbb9!important;font-size:.72rem!important;line-height:1.25!important;white-space:normal!important} .quest-contract-meta{display:flex;flex-wrap:wrap;gap:5px 10px;color:#8b938a;font-size:.62rem;line-height:1.35} .quest-contract-meta span+span::before{content:"·";margin-right:10px;color:#4e564f} .quest-contract-side{display:grid;justify-items:end;align-content:center;gap:4px;min-width:180px;text-align:right} .quest-contract-time{color:#8d968d;font-size:.59rem;white-space:nowrap} .quest-contract-reward{color:#d2ba66;font-size:.65rem;white-space:nowrap} .quest-contract-state,.quest-contract-card>form{grid-column:1/-1!important;margin:0!important} .quest-contract-state{padding-top:6px!important;border-top:1px solid #262d27!important;font-size:.61rem!important;line-height:1.35!important} .quest-contract-card>form{display:flex!important;justify-content:flex-end!important;padding-top:5px!important;border-top:1px solid #262d27!important} .quest-contract-card>form button{width:auto!important;min-width:110px!important;height:29px!important;padding:0 9px!important;font-size:.61rem!important} @media(max-width:720px){.auto-fight-popover{width:226px!important}.auto-level-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.auto-level-option-grid button:first-child,.auto-level-option-grid button:last-child{grid-column:span 1}.quest-contract-card{grid-template-columns:1fr!important}.quest-contract-side{justify-items:start;min-width:0;text-align:left}.quest-contract-reward{white-space:normal}.quest-contract-state,.quest-contract-card>form{grid-column:1!important}} .auto-fight-menu[open]{z-index:45;overflow:visible!important} /* 0.27.8 — Quest clarity + Auto Fight settings redesign. */ /* Auto Fight settings: one deliberate panel, not a stack of tiny legacy buttons. */ .auto-fight-menu[open]{z-index:60!important} .auto-fight-popover.auto-fight-settings{ width:330px!important; max-width:min(330px,calc(100vw - 24px))!important; max-height:min(590px,calc(100vh - 92px))!important; padding:0!important; gap:0!important; overflow-y:auto!important; overflow-x:hidden!important; border:1px solid #4b574d!important; border-radius:5px!important; background:#0b0f0c!important; box-shadow:0 16px 42px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.025)!important; } .auto-menu-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 13px 11px;border-bottom:1px solid #313a33;background:linear-gradient(180deg,#151b16,#0e130f)} .auto-menu-header>div{display:grid;gap:3px;min-width:0}.auto-menu-header strong{color:#e2d7b0;font-size:.78rem;line-height:1.15}.auto-menu-header>div span{color:#879188;font-size:.60rem;line-height:1.35} .auto-menu-state{flex:0 0 auto;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid #3a463c;border-radius:12px;background:#0d120e;color:#9da69d;font-size:.56rem;font-weight:800;white-space:nowrap} .auto-fight-inline[data-auto-fight-enabled="1"] .auto-menu-state{border-color:#4d7853;background:#132018;color:#9de0a5} .auto-menu-section{display:grid!important;gap:9px!important;padding:11px 12px!important;border:0!important;border-bottom:1px solid #293029!important;background:#0b0f0c!important;margin:0!important} .auto-menu-section-head{display:grid;gap:2px}.auto-menu-section-head strong{color:#cfc7a8;font-size:.66rem;line-height:1.2;text-transform:uppercase;letter-spacing:.055em}.auto-menu-section-head span{color:#747f76;font-size:.57rem;line-height:1.35} .auto-action-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px} .auto-fight-option{min-height:58px!important;padding:8px 9px!important;grid-template-columns:18px minmax(0,1fr)!important;gap:7px!important;border:1px solid #303a32!important;border-radius:4px!important;background:#101511!important;color:#c7cdc6!important} .auto-fight-option.preferred{grid-column:1/-1;min-height:54px!important} .auto-fight-option:hover{border-color:#536255!important;background:#151c16!important}.auto-fight-option.active,.auto-fight-option[aria-checked="true"]{border-color:#527d58!important;background:#15231a!important;color:#a4e4ab!important;box-shadow:inset 3px 0 #55b665!important} .auto-fight-option strong{font-size:.69rem!important;line-height:1.2!important}.auto-fight-option small{margin-top:2px;color:#7d887f!important;font-size:.57rem!important;line-height:1.3!important}.auto-fight-option.active small{color:#91a694!important}.auto-fight-check{font-size:.73rem!important} .auto-level-control{margin:0!important;padding:11px 12px!important;background:#0b0f0c!important;border-top:0!important} .auto-level-option-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} .auto-level-option-grid .auto-level-choice{display:grid!important;place-items:center!important;align-content:center!important;gap:2px!important;min-height:52px!important;height:auto!important;padding:6px!important;border:1px solid #303a32!important;border-radius:4px!important;background:#101511!important;color:#aab2aa!important;box-shadow:none!important;text-align:center!important} .auto-level-option-grid .auto-level-choice.manual,.auto-level-option-grid .auto-level-choice.all{grid-column:span 3;min-height:46px!important;grid-template-columns:auto 1fr!important;justify-content:center!important;column-gap:7px!important} .auto-level-option-grid .auto-level-choice strong{font-size:.67rem;line-height:1.1}.auto-level-option-grid .auto-level-choice small{display:block!important;margin:0!important;color:#747f76!important;font-size:.52rem!important;line-height:1.2!important;white-space:normal!important} .auto-level-option-grid .auto-level-choice:hover{border-color:#536255!important;background:#151c16!important;color:#e0e5df!important}.auto-level-option-grid .auto-level-choice.active,.auto-level-option-grid .auto-level-choice[aria-checked="true"]{border-color:#527d58!important;background:#15231a!important;color:#a4e4ab!important;box-shadow:inset 0 -2px #55b665!important}.auto-level-option-grid .auto-level-choice.active small{color:#90a593!important} .auto-menu-footer{padding:9px 12px 10px;background:#080b09;color:#6f7971;font-size:.54rem;line-height:1.4} @media(max-width:560px){.auto-fight-popover.auto-fight-settings{width:min(310px,calc(100vw - 18px))!important;right:-2px}.auto-action-option-grid{grid-template-columns:1fr}.auto-fight-option.preferred{grid-column:1}.auto-level-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.auto-level-option-grid .auto-level-choice.manual,.auto-level-option-grid .auto-level-choice.all{grid-column:1/-1}} /* Questmaster: readable rows, contained actions, base monster revealed while Special variant stays private. */ .service-questmaster::after{display:none!important} .service-questmaster .special-location-scroll{overflow:hidden!important;padding:8px 10px 10px!important} .questmaster-board{height:100%!important;min-height:0!important;gap:7px!important;overflow:hidden!important} .quest-board-toolbar{grid-template-columns:auto minmax(150px,.9fr) minmax(150px,.9fr) auto!important;gap:6px!important;padding:7px 8px!important;border-color:#323a32!important;background:#0a0e0b!important} .quest-board-filter-pills button{min-width:74px!important}.quest-board-toolbar>span{font-size:.61rem!important}.quest-board-toolbar>span b{font-size:.72rem!important} .quest-contract-list{flex:1 1 auto!important;min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;gap:6px!important;padding:1px 4px 1px 0!important;scrollbar-gutter:stable;align-content:start!important} .quest-contract-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,.52fr)!important;grid-template-rows:1fr!important;gap:12px!important;align-items:stretch!important;min-height:94px!important;height:auto!important;padding:0!important;overflow:hidden!important;border:1px solid #303831!important;border-radius:4px!important;background:#090d0a!important} .quest-contract-card:hover{border-color:#414c42!important}.quest-contract-card.active{border-color:#76653b!important;background:#121008!important}.quest-contract-card.level-locked{opacity:.62} .quest-contract-copy{display:grid;align-content:center;gap:3px;min-width:0;padding:10px 11px} .quest-contract-id{color:#707a72!important;font-size:.53rem!important;line-height:1.2!important;letter-spacing:.085em!important} .quest-contract-target{color:#ddd7c7!important;font-size:.76rem!important;line-height:1.2!important;overflow-wrap:anywhere} .quest-contract-special-note{color:#8b6f47;font-size:.56rem;line-height:1.25;font-style:italic} .quest-contract-meta{display:flex!important;flex-wrap:wrap!important;gap:4px 10px!important;margin-top:3px;color:#818a82!important;font-size:.60rem!important;line-height:1.3!important}.quest-contract-meta span+span::before{content:"·";margin-right:10px;color:#4e564f} .quest-contract-aside{display:grid;grid-template-rows:auto auto 1fr;justify-items:end;align-items:start;align-content:center;gap:5px;min-width:0;padding:9px 10px;border-left:1px solid #252d27;background:#0c110d;text-align:right} .quest-contract-time{color:#8e978f!important;font-size:.58rem!important;white-space:nowrap}.quest-contract-reward{color:#d4bc68!important;font-size:.65rem!important;line-height:1.25!important;white-space:normal!important}.quest-contract-reward span{color:#6f776f;font-weight:500} .quest-contract-status{align-self:end;display:inline-flex;max-width:100%;padding:4px 7px;border:1px solid #303831;border-radius:3px;color:#848d85;font-size:.55rem;line-height:1.25;text-align:right}.quest-contract-status.active{border-color:#665a35;color:#d2bd6d}.quest-contract-status.muted{color:#747d75} .quest-contract-action{align-self:end!important;margin:0!important;width:100%!important;display:flex!important;justify-content:flex-end!important;border:0!important;padding:0!important}.quest-contract-action button{width:auto!important;min-width:118px!important;height:30px!important;margin:0!important;padding:0 10px!important;border-radius:3px!important;font-size:.61rem!important} .quest-board-note{flex:0 0 auto!important;margin:0!important;padding:7px 9px!important;border:1px solid #2b322c!important;background:#090d0a!important;color:#777f78!important;font-size:.57rem!important;line-height:1.35!important} @media(max-width:760px){.service-questmaster .special-location-scroll{overflow:auto!important}.questmaster-board{overflow:visible!important}.quest-board-toolbar{grid-template-columns:1fr 1fr!important}.quest-board-toolbar>span{justify-self:start!important}.quest-contract-card{grid-template-columns:1fr!important;min-height:0!important}.quest-contract-aside{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;border-left:0;border-top:1px solid #252d27;text-align:left;justify-items:start}.quest-contract-action,.quest-contract-status{grid-column:1/-1;justify-content:flex-start!important;text-align:left}.quest-contract-action button{width:100%!important}.quest-contract-list{max-height:520px!important;min-height:260px!important;flex:0 0 auto!important}} /* 0.27.9 — Interaction-state reconciliation + universal wheel routing */ .classic-center,.classic-left,.classic-right{scroll-behavior:auto} .combat-stage,.combat-stage form,.combat-stage button,.combat-stage select,.combat-stage details,.combat-stage summary{touch-action:pan-y} .auto-fight-popover,.quest-contract-list,.chat-message-list,.battle-info-activity,.guild-tool-pane,.inventory-browser-list,.inventory-inspector,.amulet-pane,.waypoint-grid,.special-location-scroll{scroll-behavior:auto} /* 0.27.12 — Modern client / Realm UX authority. Interactive text is readable at 100% scale, Inventory navigation behaves like navigation rather than a button pile, and Auto Fight is a combat utility mode instead of competing with the manual New Fight action. */ :root{ --wr-type-body:14px; --wr-type-secondary:13px; --wr-type-tertiary:12px; --wr-type-control:14px; --wr-control-height:38px; } /* Combat utility cluster: Auto is physically separate from the manual fight rhythm. */ .realm-utility-cluster{ position:absolute; z-index:24; top:9px; right:10px; display:flex; align-items:stretch; justify-content:flex-end; gap:7px; pointer-events:auto; } .realm-utility-cluster .realm-settings-toggle{ position:relative!important; z-index:auto!important; top:auto!important; right:auto!important; width:38px!important; height:38px!important; min-width:38px!important; font-size:17px!important; } .combat-picker-slot .fight-picker.auto-fight-picker, .combat-picker-slot .fight-picker{ grid-template-columns:minmax(0,1fr) 96px!important; gap:7px!important; overflow:visible!important; } .auto-fight-utility{ position:relative; display:inline-flex; align-items:stretch; height:38px; min-width:0; pointer-events:auto; } .auto-fight-utility .auto-fight-toggle{ height:38px!important; min-width:112px!important; padding:0 12px!important; border-radius:4px 0 0 4px!important; font-size:var(--wr-type-control)!important; letter-spacing:.01em!important; } .auto-fight-utility .auto-fight-toggle [data-auto-level-label]{ margin-left:2px; padding-left:6px; border-left:1px solid rgba(145,160,146,.22); color:#858e86; font-size:.56rem; font-weight:600; letter-spacing:.04em; line-height:1; } .auto-fight-utility .auto-fight-toggle.active [data-auto-level-label], .auto-fight-utility .auto-fight-toggle[aria-pressed="true"] [data-auto-level-label]{color:#8fc997} .auto-fight-utility .auto-fight-menu, .auto-fight-utility .auto-fight-menu>summary{ height:38px!important; } .auto-fight-utility .auto-fight-menu>summary{ width:34px!important; border-radius:0 4px 4px 0!important; font-size:14px!important; } .auto-fight-utility[data-auto-fight-enabled="1"] .auto-fight-menu>summary{ border-color:#4e8457!important; color:#a7deb0!important; background:#111a13!important; } .auto-fight-utility .auto-fight-popover.auto-fight-settings{ top:calc(100% + 8px)!important; right:0!important; width:360px!important; max-width:min(360px,calc(100vw - 28px))!important; } .auto-menu-header strong{font-size:15px!important} .auto-menu-header span, .auto-menu-section-head span{font-size:var(--wr-type-secondary)!important;line-height:1.35!important} .auto-menu-section-head strong{font-size:var(--wr-type-control)!important} .auto-menu-state{font-size:var(--wr-type-secondary)!important} .auto-fight-option{min-height:62px!important} .auto-fight-option strong{font-size:var(--wr-type-control)!important} .auto-fight-option small{font-size:var(--wr-type-secondary)!important;line-height:1.35!important} .auto-fight-check{font-size:15px!important} .auto-fight-popover-label, .auto-level-control>.auto-fight-popover-label{font-size:var(--wr-type-secondary)!important} .auto-level-option-grid button{height:36px!important;font-size:var(--wr-type-control)!important} .auto-level-control small{font-size:var(--wr-type-secondary)!important} /* Inventory category navigation: one coherent segmented control with a subtle boundary between directly managed possessions and ledger/progression assets. */ .inventory-category-nav{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:5px; padding:0 0 13px; margin:0 0 14px; border-bottom:1px solid #303730; } .inventory-category-nav button{ min-width:0!important; height:40px!important; padding:0 13px!important; border:1px solid #343d35!important; border-radius:4px!important; background:#111612!important; color:#aeb5ae!important; font-size:var(--wr-type-control)!important; font-weight:750!important; letter-spacing:.005em!important; box-shadow:none!important; } .inventory-category-nav button:hover{ border-color:#59675b!important; background:#171e18!important; color:#eef2ed!important; } .inventory-category-nav button.active, .inventory-category-nav button[aria-pressed="true"]{ border-color:#4e8057!important; background:#142019!important; color:#a5e5ad!important; box-shadow:inset 0 -3px #4fae60!important; } .inventory-category-nav button.ledger{ background:#15150f!important; border-color:#4b4429!important; color:#c5bb86!important; } .inventory-category-nav button.ledger:hover{background:#1b1a11!important;border-color:#716538!important;color:#e1d79c!important} .inventory-category-nav button.ledger.active{background:#192018!important;border-color:#56815b!important;color:#aae2af!important;box-shadow:inset 0 -3px #4fae60!important} .inventory-category-divider{width:1px;background:#3a413b;justify-self:center} /* Shared readability floor for active runtime tools. 12px is reserved for real metadata; primary interaction may not silently fall below the 14px floor. */ .personal-tool-window, .personal-tool-body, .personal-tool-window button, .personal-tool-window input, .personal-tool-window select, .personal-tool-window textarea, .special-location-card button, .special-location-card input, .special-location-card select, .special-location-card textarea, .catalog-browser button, .catalog-browser input, .catalog-browser select, .realm-settings-panel button, .realm-settings-panel input, .realm-settings-panel select{ font-size:var(--wr-type-body)!important; } .personal-tool-header strong{font-size:15px!important;line-height:1.25!important} .personal-tool-header span, .personal-tool-window label>span, .inventory-search>span, .inventory-browser-toolbar label>span, .catalog-browser label>span, .realm-settings-grid>label:not(.realm-setting-check), .realm-setting-check, .realm-settings-panel footer button{ font-size:var(--wr-type-secondary)!important; } .personal-tool-window small, .personal-tool-window .helper, .personal-tool-window .muted, .personal-tool-window [class*="-meta"], .personal-tool-window [class*="-hint"], .special-location-card small, .catalog-browser small{ font-size:var(--wr-type-secondary)!important; line-height:1.35!important; } .inventory-context-head strong{font-size:15px!important} .inventory-context-head span{font-size:var(--wr-type-secondary)!important} .inventory-browser-toolbar input, .inventory-browser-toolbar select{height:38px!important;min-height:38px!important} .inventory-quick-filters button{height:34px!important;font-size:var(--wr-type-secondary)!important} .inventory-browser-list,.inventory-inspector,.inventory-ledger-view{font-size:var(--wr-type-body)!important} .inventory-browser-list button,.unified-inventory-actions button,.inventory-equip-confirm{font-size:var(--wr-type-control)!important} .inventory-card-name,.inventory-inspector h3,.inventory-inspector strong{font-size:var(--wr-type-body)!important} /* Merchant/catalog readability and the new aggregate All sell view. */ .merchant-mode-tabs button, .catalog-browser select, .catalog-browser input, .sell-card button, .sell-card input{font-size:var(--wr-type-control)!important} .sell-card strong,.catalog-card strong{font-size:var(--wr-type-body)!important} .sell-card span,.catalog-card span,.sell-card small,.catalog-card small{font-size:var(--wr-type-secondary)!important} /* Frequently used new tool families get the same baseline instead of local micro-text. */ .guild-tool-pane,.guild-tool-pane button,.guild-tool-pane input,.guild-tool-pane select, .trade-tool-pane,.trade-tool-pane button,.trade-tool-pane input,.trade-tool-pane select, .crafting-window,.crafting-window button,.crafting-window input,.crafting-window select, .reference-tool-pane,.reference-tool-pane button,.reference-tool-pane input,.reference-tool-pane select, .amulet-pane,.amulet-pane button,.amulet-pane input,.amulet-pane select, .progression-tool-pane,.progression-tool-pane button,.progression-tool-pane input,.progression-tool-pane select{ font-size:var(--wr-type-body)!important; } .guild-tool-pane small,.trade-tool-pane small,.crafting-window small,.reference-tool-pane small,.amulet-pane small,.progression-tool-pane small{ font-size:var(--wr-type-secondary)!important; } /* Settings must be readable before users change Interface Scale. */ .realm-settings-panel header strong{font-size:15px!important} .realm-settings-panel header span{font-size:var(--wr-type-secondary)!important} .realm-settings-grid select{height:36px!important;font-size:var(--wr-type-control)!important} .realm-setting-check{font-size:var(--wr-type-secondary)!important} /* Intentional tertiary metadata floor. */ .chat-stamp,.inventory-card-meta,.inventory-inspector-meta span,.guild-history-row time,.guild-history-table-head, .map-legend,.map-meta,.quest-contract-id{ font-size:var(--wr-type-tertiary)!important; } @media(max-width:980px){ .realm-utility-cluster{top:8px;right:8px} .auto-fight-utility .auto-fight-toggle{min-width:102px!important} .inventory-category-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .inventory-category-divider{display:none} } @media(max-width:560px){ .realm-utility-cluster{position:relative;top:auto;right:auto;justify-content:flex-end;margin:0 8px 8px} .auto-fight-utility .auto-fight-popover.auto-fight-settings{width:min(340px,calc(100vw - 18px))!important} .inventory-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))} } /* 0.27.13 — Activity Dock / typed social client authority. Chat, Guild Chat and Battle Info are persistent client applications. Newest items render first. */ .activity-dock{--activity-border:#343a35;--activity-panel:#070908;--activity-elevated:#0d110e;--activity-muted:#879087;--activity-accent:#89d58e;--activity-gold:#d8c477;grid-template-rows:7px 42px minmax(0,1fr) 28px!important;background:linear-gradient(180deg,#0a0d0b 0%,#050706 100%)!important;border-color:var(--activity-border)!important;box-shadow:0 -16px 42px #0008!important} .activity-dock .activity-tabs{height:42px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;background:#111512!important;border-bottom:1px solid var(--activity-border)!important} .activity-dock .activity-tabs button{height:42px!important;font-size:14px!important;font-weight:700!important;letter-spacing:.015em!important;color:#9fa69f!important;background:#171b18!important;border-right:1px solid #303531!important;transition:background .14s ease,color .14s ease,box-shadow .14s ease!important} .activity-dock .activity-tabs button.active{color:#e9f4e9!important;background:#162019!important;box-shadow:inset 0 -3px #5da96a!important} .activity-dock .activity-tabs button:hover:not(:disabled){background:#1d241f!important;color:#dce6dc!important} .activity-dock .activity-tabs button:disabled{opacity:.42!important} .activity-unread{position:absolute!important;right:12px!important;top:9px!important;display:inline-grid!important;place-items:center!important;min-width:21px!important;height:21px!important;padding:0 6px!important;border-radius:999px!important;background:#7fb987!important;color:#081009!important;font-size:12px!important;line-height:1!important;font-weight:900!important} .activity-unread[hidden]{display:none!important} .activity-pane{min-height:0!important;overflow:hidden!important;background:var(--activity-panel)!important} .chat-activity,.guild-chat-activity{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr)!important} .activity-pane-title{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;padding:8px 12px;border-bottom:1px solid #262c27;background:linear-gradient(180deg,#101411,#0b0e0c)} .activity-pane-title>div:first-child{display:grid;gap:2px;min-width:0}.activity-pane-title>div:first-child>span{font-size:12px;color:#798279;text-transform:uppercase;letter-spacing:.09em}.activity-pane-title>div:first-child>strong{font-size:15px;color:#e3d7a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-pane-title>span,.activity-pane-status{font-size:13px!important;color:#8f998f!important;text-align:right} .activity-pane-title .chat-tool-group{display:flex;align-items:center;gap:6px}.activity-pane-title .chat-tool{min-height:32px;padding:0 10px!important;border:1px solid #3b433c!important;border-radius:4px!important;background:#151a16!important;color:#bbc2bb!important;font-size:13px!important}.activity-pane-title .chat-tool:hover{border-color:#59645b!important;color:#eef3ee!important}.social-count{font-size:12px!important} .activity-composer{position:relative;display:grid!important;grid-template-columns:minmax(150px,220px) minmax(180px,1fr) auto!important;align-items:center;gap:8px;padding:9px 12px!important;border-top:0!important;border-bottom:1px solid #303731!important;background:#0b0f0c!important} .activity-composer.guild-composer{grid-template-columns:minmax(180px,1fr) auto!important} .activity-composer .activity-recipient{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center;gap:7px;color:#939d94!important;font-size:13px!important}.activity-composer .activity-recipient>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em} .activity-composer select,.activity-composer input,.activity-composer textarea{min-width:0;border:1px solid #454d46!important;border-radius:4px!important;background:#141915!important;color:#e3e6e1!important;font-size:14px!important}.activity-composer select,.activity-composer input{height:36px!important;padding:0 10px!important;line-height:1.2!important}.activity-composer textarea{height:32px!important;min-height:32px!important;max-height:32px!important;padding:5px 10px!important;line-height:1.35!important;resize:none;overflow-y:auto}.activity-composer input:focus,.activity-composer select:focus,.activity-composer textarea:focus{outline:1px solid #66816a!important;border-color:#718b75!important} .activity-composer button{height:36px!important;min-width:74px;padding:0 14px!important;border-radius:4px!important;font-size:14px!important;font-weight:800!important}.activity-compose-status{position:absolute;right:96px;bottom:-21px;z-index:3;padding:2px 7px;border-radius:3px;background:#121713;color:#9ca69d;font-size:12px}.activity-compose-status.success{color:#90d59a}.activity-compose-status.error{color:#e69a91} .activity-feed-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:5px 12px;border-bottom:1px solid #262c27;background:#090c0a;color:#7f8980;font-size:12px}.activity-feed-toolbar>strong{color:#b8c0b8;font-size:13px} .activity-filter-tabs{display:flex;align-items:center;gap:4px}.activity-filter-tabs button{height:28px;padding:0 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:#8e978e;font-size:13px}.activity-filter-tabs button:hover{background:#151a16;color:#c7cec7}.activity-filter-tabs button.active{border-color:#526657;background:#152019;color:#9edea5;font-weight:800} .activity-new-banner{justify-self:center;z-index:4;margin:5px auto -1px;padding:5px 12px;border:1px solid #526a56!important;border-radius:999px!important;background:#172019!important;color:#9ce0a5!important;font-size:13px!important;font-weight:800!important;box-shadow:0 5px 16px #0008}.activity-new-banner[hidden]{display:none!important} .activity-message-feed{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:7px 10px 14px!important;display:flex!important;flex-direction:column!important;gap:0!important;scrollbar-width:thin;scrollbar-color:#404a42 transparent;background:#050706!important} .activity-message{display:grid!important;grid-template-columns:minmax(110px,max-content) minmax(0,1fr) auto!important;grid-auto-rows:auto!important;gap:8px!important;align-items:start!important;flex:0 0 auto!important;min-width:0!important;height:auto!important;overflow:visible!important;padding:7px 6px!important;border-bottom:1px solid #151a16!important;font-size:14px!important;line-height:1.42!important}.activity-message:hover{background:#0b0f0c}.activity-message .chat-prefix{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere;color:#d4c98f!important}.activity-message .chat-body{display:block!important;min-width:0!important;color:#d5d8d2!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important}.activity-message.private .chat-prefix{color:#b8a8ec!important}.activity-message.system .chat-prefix{color:#80cce1!important}.activity-message.guild .chat-prefix{color:#d6c681!important}.activity-message .chat-name{font-size:14px!important}.activity-message .chat-inline-action{align-self:start!important;min-height:26px!important;padding:2px 8px!important;font-size:12px!important;border-radius:3px!important} .activity-older-sentinel{min-height:28px;padding:8px 0 0;text-align:center;color:#626c63;font-size:12px}.activity-loading,.chat-empty{padding:18px 10px!important;text-align:center;color:#747e75!important;font-size:13px!important} .activity-footer{min-height:28px!important;align-items:center!important;padding:4px 10px!important;background:#090c0a!important;border-top:1px solid #242a25!important;color:#768078!important;font-size:12px!important;font-weight:600!important}.activity-footer span:first-child{color:#98a19a!important} .guild-chat-empty{display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;padding:30px!important;font-size:14px!important}.guild-chat-empty strong{font-size:15px!important}.guild-chat-empty span{font-size:13px!important} /* Battle Info is a dashboard, not a chat clone. */ .battle-info-activity{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;background:#050706!important}.battle-info-client{min-height:0;overflow-y:auto;scrollbar-width:thin}.modern-battle-info{padding:10px 12px!important;background:#070a08!important}.modern-battle-info .battle-info-head{grid-template-columns:repeat(3,minmax(0,1fr))!important}.modern-battle-info .battle-info-head>div{min-height:46px;padding:7px 9px!important;border-radius:3px}.modern-battle-info .battle-info-head span{font-size:12px!important}.modern-battle-info .battle-info-head strong{font-size:14px!important}.modern-battle-info .battle-info-groups{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.modern-battle-info .battle-info-groups h4{font-size:12px!important;padding:6px 8px!important}.modern-battle-info .battle-info-groups dt{font-size:12px!important}.modern-battle-info .battle-info-groups dd{font-size:13px!important}.modern-battle-info .battle-info-details{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.modern-battle-info .battle-info-details summary{font-size:13px!important;padding:7px 8px!important}.modern-battle-info .battle-info-details details>div{font-size:13px!important;padding:8px!important}.battle-detail-body{line-height:1.5}.battle-armor-piece{padding:3px 0;border-bottom:1px solid #1e241f}.battle-armor-piece:last-of-type{border-bottom:0}.battle-info-client .battle-history>header{padding:8px 12px!important}.battle-info-client .battle-history>header strong{font-size:13px!important}.battle-info-client .battle-history>header span{font-size:12px!important}.battle-info-client .battle-history-line{grid-template-columns:90px minmax(0,1fr)!important;align-items:start!important;padding:7px 12px!important;font-size:13px!important}.battle-info-client .battle-history-empty{font-size:13px!important} @media(max-width:980px){.activity-dock{grid-template-rows:42px minmax(0,1fr)!important}.activity-dock .activity-resize-handle,.activity-dock .activity-footer{display:none!important}.activity-pane-title{min-height:46px}.activity-composer{grid-template-columns:1fr auto!important}.activity-composer .activity-recipient{grid-column:1/-1}.modern-battle-info .battle-info-groups{grid-template-columns:repeat(2,minmax(0,1fr))!important}.modern-battle-info .battle-info-details{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:620px){.activity-dock .activity-tabs button{font-size:13px!important}.activity-pane-title{align-items:flex-start;flex-direction:column;gap:7px}.activity-pane-title .chat-tool-group{width:100%}.activity-composer,.activity-composer.guild-composer{grid-template-columns:1fr!important}.activity-composer button{width:100%}.activity-feed-toolbar{align-items:flex-start;flex-direction:column}.activity-filter-tabs{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.activity-filter-tabs button{padding:0 5px}.activity-message{grid-template-columns:minmax(0,1fr)!important;gap:3px!important}.activity-message .chat-prefix{grid-column:1}.activity-message .chat-body{grid-column:1}.activity-message .chat-inline-action{grid-column:1;justify-self:start}.modern-battle-info .battle-info-head,.modern-battle-info .battle-info-groups,.modern-battle-info .battle-info-details{grid-template-columns:1fr!important}.battle-info-client .battle-history-line{grid-template-columns:minmax(0,1fr)!important}.battle-info-client .battle-history-line b,.battle-info-client .battle-history-line span{grid-column:1}} /* 0.27.13 Activity history control — explicit, keyboard-accessible cursor paging. */ .activity-older-sentinel{ width:max-content;max-width:100%;min-height:30px;margin:8px auto 0;padding:4px 12px!important; border:1px solid #313a33!important;border-radius:999px!important;background:#0d120e!important; color:#8d978f!important;font-size:12px!important;line-height:1.2!important;cursor:pointer!important; } .activity-older-sentinel:hover:not(:disabled){border-color:#526158!important;color:#c5cec7!important;background:#131915!important} .activity-older-sentinel:disabled{border-color:transparent!important;background:transparent!important;color:#626c63!important;cursor:default!important} .guild-chat-empty{grid-row:2/-1!important} /* 0.27.14 — compact Activity Dock FIELD correction. The dock keeps the 0.27.13 typed/newest-first model but gives message history substantially more of the available height and uses a smaller default footprint. */ @media(min-width:981px){ .classic-realm{grid-template-rows:minmax(0,1fr) var(--activity-height,clamp(230px,26vh,320px))!important} } .activity-dock{grid-template-rows:7px 36px minmax(0,1fr)!important} .activity-dock .activity-tabs{height:36px!important} .activity-dock .activity-tabs button{height:36px!important} .activity-dock .activity-unread{top:7px!important} .chat-activity{grid-template-rows:auto auto auto minmax(0,1fr)!important} .guild-chat-activity{grid-template-rows:auto auto auto minmax(0,1fr)!important} .activity-composer{min-height:40px!important;padding:3px 10px!important;gap:7px!important} .activity-composer select,.activity-composer input{height:32px!important;min-height:32px!important}.activity-composer textarea{height:32px!important;min-height:32px!important;max-height:32px!important} .activity-composer button{height:32px!important;min-height:32px!important} .activity-feed-toolbar{min-height:32px!important;padding:2px 10px!important} .activity-filter-tabs button{height:26px!important;padding:0 9px!important} .activity-feed-toolbar .chat-tool-group{display:flex;align-items:center;gap:5px;margin-left:auto} .activity-feed-toolbar .chat-tool{height:26px!important;min-height:26px!important;padding:0 8px!important;border:1px solid #343c35!important;border-radius:3px!important;background:#121713!important;color:#aeb7af!important;font-size:12px!important;font-weight:700!important} .activity-feed-toolbar .chat-tool:hover{border-color:#536056!important;color:#edf3ed!important} .activity-guild-context,.activity-battle-context{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:4px 10px;border-bottom:1px solid #242a25;background:#0b0f0c;color:#8d968e;font-size:12px} .activity-guild-context strong,.activity-battle-context strong{color:#d8dcd6;font-size:13px} .activity-message-feed{padding:3px 10px 8px!important} .activity-message{min-height:27px!important;padding:4px 5px!important;gap:7px!important;font-size:14px!important;line-height:1.28!important} .activity-message .chat-inline-action{min-height:23px!important;padding:1px 7px!important} .activity-older-sentinel{min-height:25px!important;padding:5px 0 0!important} .activity-footer{display:none!important} .battle-info-activity{grid-template-rows:auto minmax(0,1fr)!important} @media(max-width:980px){ .activity-dock{grid-template-rows:36px minmax(0,1fr)!important;height:clamp(250px,32vh,320px)!important;min-height:250px!important;max-height:320px!important} .activity-composer{grid-template-columns:minmax(0,1fr) auto!important} .activity-composer .activity-recipient{grid-column:auto!important} } @media(max-width:620px){ .activity-dock{height:clamp(250px,38vh,310px)!important;min-height:250px!important;max-height:310px!important} .activity-feed-toolbar{gap:5px!important;flex-wrap:wrap!important} .activity-feed-toolbar .chat-tool-group{margin-left:0} } /* 0.27.14 — explicit equip requirement presentation. */ .inventory-equip-requirements{border-color:#4a4330!important;background:#111009!important} .inventory-equip-requirements.ready{border-color:#35573c!important;background:#0d150f!important} .inventory-equip-requirements.locked{border-color:#5d3f3b!important;background:#17100f!important} .inventory-requirement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:5px} .inventory-requirement-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;border:1px solid #343a34;background:#090d0a} .inventory-requirement-grid span{color:#899189;font-size:12px;font-weight:700} .inventory-requirement-grid strong{color:#dedfd8;font-size:13px} .inventory-equip-requirements>p{margin:6px 0 0!important;color:#a7afa7!important;font-size:12px!important} .inventory-equip-requirements.ready>p{color:#88cf93!important}.inventory-equip-requirements.locked>p{color:#d08f88!important} .merchant-equip-requirement{display:block;margin-top:5px;color:#a7ada5;font-size:13px;font-weight:700} .merchant-equip-requirement.ready{color:#86ce91}.merchant-equip-requirement.locked{color:#d79a90} @media(max-width:620px){.inventory-requirement-grid{grid-template-columns:1fr}} /* 0.27.20 — Inventory, Workshop, Loadout, Codex, Chat & Ledgerhall presentation polish */ .inventory-item-browser[hidden]{display:none!important} .unified-inventory-detail{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important;width:100%!important} .unified-inventory-detail>*{min-width:0!important;width:100%!important;box-sizing:border-box} .inventory-equip-requirements{width:100%!important;overflow:visible!important;padding:8px!important} .inventory-requirement-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch} .inventory-requirement-grid>div{min-width:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center} .inventory-requirement-grid strong{white-space:normal!important;overflow-wrap:anywhere;text-align:right} #inventory-panel[data-inventory-category="material"] .inventory-quick-filters,#inventory-panel[data-inventory-category="conquest"] .inventory-quick-filters,#inventory-panel[data-inventory-category="gem"] .inventory-quick-filters{display:none!important} .inventory-ledger-view[hidden]{display:none!important} .inventory-ledger-view{align-content:start!important;gap:8px!important} .inventory-ledger-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid #344038;background:linear-gradient(120deg,#101712,#0a0e0b)} .inventory-ledger-summary>div{display:grid;gap:2px}.inventory-ledger-summary span{color:#748078;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}.inventory-ledger-summary strong{color:#d8d5c8;font-size:.75rem}.inventory-ledger-summary>b{color:#d7bd63;font-size:.68rem}.inventory-ledger-summary.campaign{border-color:#51482d;background:linear-gradient(120deg,#151309,#0c0d09)} .material-ledger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:start}.material-resource-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;height:74px;box-sizing:border-box;overflow:hidden;padding:10px;border:1px solid #303a32;background:#0a0f0b}.material-resource-main{min-width:0;display:grid;gap:2px}.material-resource-main>span{color:#76927a;font-size:.53rem;text-transform:uppercase;letter-spacing:.07em}.material-resource-main>strong{color:#ddd8ca;font-size:.69rem}.material-resource-main>small{color:#7f8981;font-size:.56rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-resource-card .inventory-ledger-qty{color:#e0c663;font-size:.76rem} .campaign-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:8px;align-content:start}.campaign-asset-card{display:grid;grid-template-rows:auto auto auto auto;gap:7px;min-height:132px;height:auto;box-sizing:border-box;overflow:visible;padding:10px 11px;border:1px solid #4b432b;background:#100f09}.campaign-asset-card>header,.campaign-asset-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.campaign-asset-card>header span{color:#a69661;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em}.campaign-asset-card>header b{flex:0 0 auto;padding:2px 5px;border:1px solid #6a5b32;border-radius:999px;color:#d8c474;font-size:.48rem;text-transform:uppercase}.campaign-asset-card>strong{min-width:0;color:#e0d6b9;font-size:.72rem;line-height:1.3;overflow-wrap:anywhere}.campaign-asset-card>p{display:block;margin:0;overflow:visible;color:#918b77;font-size:.58rem;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.campaign-asset-card>footer{align-self:end;padding-top:7px;border-top:1px solid #2f2c1f}.campaign-asset-card>footer span{color:#7c796b;font-size:.53rem}.campaign-asset-card>footer strong{color:#e3c65c;font-size:.68rem} #loadout-panel{width:min(920px,calc(100vw - 28px));height:min(720px,calc(100vh - 76px))} #loadout-panel .personal-tool-body{display:grid;gap:10px;align-content:start;padding:11px;overflow:auto} .loadout-section{display:grid;gap:8px;padding:10px;border:1px solid #303831;background:#090d0a}.loadout-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding-bottom:7px;border-bottom:1px solid #272e28}.loadout-section-head>div{display:grid;gap:1px}.loadout-section-head span{color:#728078;font-size:.53rem;text-transform:uppercase;letter-spacing:.09em}.loadout-section-head strong{color:#ddd6bf;font-size:.78rem}.loadout-section-head small{color:#7e887f;font-size:.56rem;text-align:right} .saved-loadout-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0!important}.saved-loadout-card button{position:relative;min-height:64px!important;padding:8px 10px!important;display:grid!important;grid-template-rows:auto 1fr auto;gap:2px;align-items:start!important;text-align:left!important;background:#0d120e!important}.saved-loadout-card .saved-loadout-slot{color:#758078!important;font-size:.50rem!important;text-transform:uppercase;letter-spacing:.08em;margin:0!important}.saved-loadout-card button strong{font-size:.74rem!important;color:#ddd8ca!important}.saved-loadout-card .saved-loadout-status{font-size:.54rem!important;color:#8f978f!important;margin:0!important}.saved-loadout-card.status-active button:after{content:"ACTIVE";position:absolute;right:8px;top:8px;color:#8edf98;font-size:.46rem;font-weight:800;letter-spacing:.08em}.saved-loadout-card.status-empty button{opacity:.72!important} .saved-loadout-manager{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.saved-loadout-manager form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;align-items:end!important;padding:8px;border:1px solid #2c342e;background:#0b100c}.saved-loadout-manager form:has(input[name="name"]){grid-template-columns:minmax(0,.8fr) minmax(0,1fr) auto!important}.saved-loadout-manager form:has(select[name="from_slot_no"]){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important}.saved-loadout-manager label{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;color:#8b948c!important}.saved-loadout-manager label>span{font-size:.52rem;text-transform:uppercase;letter-spacing:.07em}.saved-loadout-manager select,.saved-loadout-manager input{height:32px!important;margin:0!important}.saved-loadout-manager button{height:32px!important;min-width:74px}.saved-loadout-manager .danger-subtle{border-color:#633e39!important;color:#d89a92!important;background:#160e0d!important} .loadout-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.loadout-slot-card{min-width:0;display:grid;grid-template-rows:auto auto auto;gap:3px;padding:8px 9px;border:1px solid #2c342e;background:#0b100c;color:#cbc8bf!important;text-decoration:none!important}.loadout-slot-card:hover{border-color:#506052;background:#101712}.loadout-slot-card.fixed{cursor:default}.loadout-slot-label{color:#74907a;font-size:.50rem;text-transform:uppercase;letter-spacing:.08em}.loadout-slot-card>strong{min-width:0;color:#ddd8ca;font-size:.68rem;line-height:1.25;overflow-wrap:anywhere}.loadout-slot-card>small{color:#8c8267;font-size:.54rem;line-height:1.3;overflow-wrap:anywhere} .amulet-codex{display:grid;gap:12px;align-content:start;padding:8px 4px 16px}.gem-codex-picker{width:min(520px,100%);margin:0 auto}.gem-codex-picker label{display:grid;gap:5px;text-align:center}.gem-codex-picker label>span{color:#7f897f;font-size:.56rem;text-transform:uppercase;letter-spacing:.09em}.gem-codex-picker select{height:36px!important;text-align:center;text-align-last:center}.gem-codex-description{width:min(660px,100%);margin:0 auto}.gem-codex-card{overflow:hidden;border:1px solid #3b443c;background:#0a0f0b}.gem-codex-card>header{display:grid;gap:3px;padding:13px;text-align:center;border-bottom:1px solid #303831;background:linear-gradient(180deg,#111712,#0d120e)}.gem-codex-card>header span{color:#738078;font-size:.53rem;text-transform:uppercase;letter-spacing:.09em}.gem-codex-card>header strong{color:#e0d7bd;font-size:1rem}.gem-codex-card>header small{color:#78a47d;font-size:.56rem}.gem-codex-effect{display:grid;gap:4px;padding:12px 14px;text-align:center;border-bottom:1px solid #2a312b}.gem-codex-effect span{color:#8a927f;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em}.gem-codex-effect strong{color:#d9c96f;font-size:.72rem;line-height:1.45}.gem-codex-note{padding:7px 12px;text-align:center;color:#8b938b;font-size:.55rem;border-bottom:1px solid #262d27}.gem-codex-grade-head,.gem-codex-grade{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;align-items:center;text-align:center}.gem-codex-grade-head{padding:7px 10px;background:#0e130f;color:#747e76;font-size:.50rem;text-transform:uppercase;letter-spacing:.07em}.gem-codex-grade{padding:7px 10px;border-top:1px solid #232a24}.gem-codex-grade strong{color:#ddd8ca;font-size:.64rem;letter-spacing:.05em}.gem-codex-grade span{color:#a5ada5;font-size:.61rem;overflow-wrap:anywhere}.gem-codex-grade b{color:#e0c35e;font-size:.62rem} .craft-browser-toolbar{grid-template-columns:minmax(170px,1.35fr) 128px 112px minmax(145px,.9fr) auto!important;gap:7px!important;align-items:end!important}.craft-browser-toolbar .craft-favorite-filter{justify-content:center!important}.craft-card-select{align-content:start!important;justify-items:start!important;text-align:left!important}.craft-card-select>span,.craft-card-select>strong,.craft-card-select>small{width:100%;text-align:left!important}.craft-output-banner{justify-items:start!important;text-align:left!important}.craft-output-banner>small{text-align:left!important}.craft-card-section,.craft-disclosure{justify-self:stretch!important;width:100%}.craft-card-section>header{align-items:center!important}.craft-recipe-card,.recipe-reference-card{align-content:start!important} .embed-gems-pane{align-content:start!important}.embed-gems-workflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.embed-step{display:grid;gap:9px;align-content:start;padding:11px;border:1px solid #333c34;background:linear-gradient(180deg,#0d120e,#090d0a)}.embed-step>header{display:flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid #2b322c}.embed-step>header>b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #526254;border-radius:50%;color:#92ca97;background:#101912;font-size:.66rem}.embed-step>header>div{display:grid;gap:1px}.embed-step>header span{color:#758078;font-size:.50rem;text-transform:uppercase;letter-spacing:.08em}.embed-step>header strong{color:#ddd7c5;font-size:.72rem}.embed-step>label{display:grid;gap:4px;color:#8d978f;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em}.embed-step select{height:36px!important;min-width:0;border:1px solid #414a42;background:#111612;color:#ddd8cc;padding:0 8px}.embed-selection-summary{min-height:78px;display:grid;gap:3px;align-content:center;padding:8px;border:1px solid #29312a;background:#080c09}.embed-selection-summary strong{color:#dfd8c5;font-size:.68rem}.embed-selection-summary span{color:#9aa29a;font-size:.57rem;line-height:1.4}.embed-selection-summary small{color:#c5ab5d;font-size:.54rem}.embed-result-step{grid-column:1/-1}.embed-result-step .crafting-preview{min-height:84px;align-content:center;text-align:center}.embed-result-step .crafting-preview small{color:#8c958d;font-size:.56rem;line-height:1.4}.embed-result-step .crafting-actions{justify-content:center} .guild-chat-activity{grid-template-rows:auto auto minmax(0,1fr)!important}.activity-guild-context{display:none!important} @media(max-width:900px){.material-ledger-grid,.loadout-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-asset-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.saved-loadout-manager{grid-template-columns:1fr!important}.craft-browser-toolbar{grid-template-columns:1fr 1fr!important}.craft-browser-toolbar .craft-search{grid-column:1/-1}.craft-browser-toolbar .craft-favorite-filter{grid-column:1/-1}.embed-gems-workflow{grid-template-columns:1fr}.embed-result-step{grid-column:auto}} @media(max-width:620px){.material-ledger-grid,.campaign-asset-grid,.loadout-slot-grid,.saved-loadout-grid{grid-template-columns:1fr!important}.inventory-requirement-grid{grid-template-columns:1fr!important}.saved-loadout-manager form,.saved-loadout-manager form:has(input[name="name"]),.saved-loadout-manager form:has(select[name="from_slot_no"]){grid-template-columns:1fr!important}.saved-loadout-manager button{width:100%}.loadout-section-head{align-items:flex-start;flex-direction:column}.loadout-section-head small{text-align:left}.gem-codex-grade-head,.gem-codex-grade{grid-template-columns:.8fr 1fr 1fr}.craft-browser-toolbar{grid-template-columns:1fr!important}.craft-browser-toolbar .craft-search,.craft-browser-toolbar .craft-favorite-filter{grid-column:auto}} #inventory-panel[data-inventory-category="material"] .inventory-browser-toolbar,#inventory-panel[data-inventory-category="conquest"] .inventory-browser-toolbar{grid-template-columns:minmax(0,1fr)!important} #inventory-panel[data-inventory-category="material"] .inventory-browser-toolbar>label[hidden],#inventory-panel[data-inventory-category="conquest"] .inventory-browser-toolbar>label[hidden]{display:none!important} /* 0.27.22 — Craft/Recipes structural row correction. */ .craft-recipe-card,.recipe-reference-card{align-content:start!important} .craft-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;min-height:62px;padding:0 10px 0 12px!important;background:linear-gradient(180deg,#101611,#0b100c)!important;border-bottom:0!important} .craft-card-copy{all:unset;box-sizing:border-box;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:start;gap:4px;min-width:0;width:100%;height:62px;cursor:pointer;text-align:left;color:inherit} .craft-card-copy:focus-visible{outline:1px solid #79bd7e;outline-offset:-3px} .craft-card-copy:hover .craft-card-name{color:#f0ebdc} .craft-card-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e3ded1;font-size:.80rem;line-height:1.2;font-weight:750;text-align:left!important} .craft-card-meta{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;color:#929b93;font-size:.64rem;line-height:1.2;text-align:left!important} .craft-card-meta>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .craft-card-meta .provenance-badge{flex:0 0 auto;margin:0!important} .craft-card-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0!important;min-width:max-content} .craft-card-tools .craft-state{order:1} .craft-card-tools .craft-favorite{order:2} .craft-card-tools .craft-expand-toggle{order:3} .craft-favorite{margin:0!important;display:grid;place-items:center} .craft-favorite-button{all:unset;box-sizing:border-box;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:#6f786f;font-size:1rem;line-height:1;transition:background .12s ease,color .12s ease,transform .12s ease} .craft-favorite-button:hover,.craft-favorite-button:focus-visible{background:#c5ae5514;color:#d5c16b;outline:none} .craft-favorite-button:active{transform:scale(.94)} .craft-favorite-button.active{color:#d8bf5d;text-shadow:0 0 8px #d8bf5d33} .craft-expand-toggle{all:unset;box-sizing:border-box;width:30px;height:30px;display:grid;place-items:center;border-radius:4px;cursor:pointer;color:#859087;font-size:.9rem;line-height:1} .craft-expand-toggle::before{content:"▸"} .craft-expand-toggle[aria-expanded="true"]::before{content:"▾"} .craft-expand-toggle:hover,.craft-expand-toggle:focus-visible{background:#ffffff09;color:#d9dfd7;outline:none} .craft-state{order:initial!important;min-width:max-content!important;padding:4px 8px!important;border-radius:999px!important;line-height:1.1!important} .craft-browser-toolbar .craft-favorite-filter{height:34px!important;padding:0!important;border:0!important;background:transparent!important;display:block!important;cursor:pointer} .craft-favorite-filter>input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important} .craft-favorite-toggle{height:34px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #3b443b;border-radius:3px;background:#111612;color:#a6ada6;font-size:.69rem;font-weight:650;text-transform:none;letter-spacing:normal;white-space:nowrap;transition:border-color .12s ease,background .12s ease,color .12s ease} .craft-favorite-toggle::before{content:"☆";color:#7f887f;font-size:.95rem;line-height:1} .craft-favorite-filter:hover .craft-favorite-toggle{border-color:#596257;color:#d1d5cf} .craft-favorite-filter>input:checked+.craft-favorite-toggle{border-color:#706235;background:#17160f;color:#d7c46b} .craft-favorite-filter>input:checked+.craft-favorite-toggle::before{content:"★";color:#d7c46b} .craft-favorite-filter>input:focus-visible+.craft-favorite-toggle{outline:1px solid #79bd7e;outline-offset:2px} /* 0.27.22 — staff console. */ .staff-nav-link{color:#d5bd67!important} .staff-console{max-width:1400px;margin:0 auto;padding:0!important;overflow:hidden;border-color:#35423a!important;background:#080c09!important} .staff-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid #2d3931;background:linear-gradient(180deg,#101712,#0b100d)} .staff-console-head h1{margin:3px 0 4px;font-size:1.65rem}.staff-console-head p{margin:0;color:#8d978f;font-size:.78rem}.staff-self{display:grid;justify-items:end;gap:3px}.staff-self>span{color:#718078;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.staff-self>strong{color:#e1dccc;font-size:.86rem} .staff-role{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:2px 7px;border:1px solid #3d473f;border-radius:999px;background:#111713;color:#9ca59d;font-size:.58rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.staff-role.role-moderator{border-color:#3f6471;color:#84c6d7}.staff-role.role-arch{border-color:#665a82;color:#c0a8e8}.staff-role.role-admin{border-color:#76533c;color:#e7ad7d}.staff-role.role-player{color:#8e978f} .staff-dashboard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#27322b;border-bottom:1px solid #2d3931}.staff-dashboard>div{display:grid;gap:4px;padding:14px 18px;background:#0b110d}.staff-dashboard span{color:#718078;font-size:.61rem;text-transform:uppercase;letter-spacing:.07em}.staff-dashboard strong{color:#ddd8ca;font-size:1.05rem;font-variant-numeric:tabular-nums} .staff-tabs{display:flex;border-bottom:1px solid #303b33;background:#0d130f}.staff-tabs a{min-width:130px;padding:11px 18px;text-align:center;border-right:1px solid #273229;color:#969e97;font-size:.72rem;font-weight:700;text-decoration:none}.staff-tabs a.active{background:#121a14;color:#e4dfcf;box-shadow:inset 0 -3px #67b573}.staff-tabs a:hover{background:#111713;color:#d6dbd4} .staff-view{padding:18px}.staff-view-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px}.staff-view-head>div{display:grid;gap:2px}.staff-view-head>div>span{color:#728078;font-size:.59rem;text-transform:uppercase;letter-spacing:.08em}.staff-view-head>div>strong{color:#d8cf80;font-size:.92rem}.staff-view-head p{max-width:640px;margin:0;color:#828d85;font-size:.68rem;text-align:right} .staff-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-bottom:12px}.staff-search input{height:38px;padding:0 10px;border:1px solid #39443c;background:#0e140f;color:#ded9cd}.staff-search button{height:38px} .staff-player-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;min-height:560px}.staff-account-list{display:grid;align-content:start;gap:5px;max-height:720px;overflow:auto;padding-right:3px}.staff-account-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:8px 10px;border:1px solid #303a32;background:#0b100c;color:inherit;text-decoration:none}.staff-account-row:hover{border-color:#475649;background:#0f1611}.staff-account-row.selected{border-color:#4d7954;background:#101a12;box-shadow:inset 3px 0 #61b26c}.staff-account-row>span:first-child{display:grid;gap:3px;min-width:0}.staff-account-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd8ca;font-size:.72rem}.staff-account-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f8a82;font-size:.58rem}.staff-account-state{display:grid;justify-items:end;gap:3px;flex:0 0 auto}.staff-account-state small{color:#808981;font-size:.55rem} .staff-account-detail{min-width:0;border:1px solid #303a32;background:#090d0a}.staff-target-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;border-bottom:1px solid #303a32;background:#0d130f}.staff-target-head>div:first-child{display:grid;gap:2px}.staff-target-head span{color:#718078;font-size:.58rem;text-transform:uppercase;letter-spacing:.07em}.staff-target-head h2{margin:0;color:#e3decf;font-size:1rem}.staff-target-head small{color:#879189;font-size:.62rem}.staff-target-head>div:last-child{display:flex;gap:6px;align-items:center} .staff-status{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border:1px solid #3b453d;border-radius:999px;color:#8e978f;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em}.staff-status.status-active{border-color:#3e6844;color:#80c788}.staff-status.status-suspended{border-color:#766333;color:#d8bd65}.staff-status.status-disabled{border-color:#75403c;color:#df8b82} .staff-detail-section{padding:13px 15px;border-bottom:1px solid #263029}.staff-detail-section>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.staff-detail-section>header strong{color:#cfc780;font-size:.69rem;text-transform:uppercase;letter-spacing:.05em}.staff-detail-section>header span{color:#738079;font-size:.58rem}.staff-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.staff-character-grid>div{display:grid;gap:2px;padding:8px;border:1px solid #29332b;background:#0b110d}.staff-character-grid strong{color:#d9d4c8;font-size:.67rem}.staff-character-grid span{color:#7f8982;font-size:.58rem} .staff-role-manager,.staff-action-card{margin:12px 15px;padding:11px;border:1px solid #303a32;background:#0b110d}.staff-role-manager>header,.staff-action-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.staff-role-manager>header>div{display:grid;gap:2px}.staff-role-manager header span{color:#758179;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em}.staff-role-manager header strong,.staff-action-card header strong{color:#d8cf80;font-size:.70rem}.staff-role-manager header p,.staff-action-card header p{margin:0;color:#7e8881;font-size:.58rem}.staff-role-manager form{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:8px;align-items:end}.staff-role-manager label,.staff-action-card label,.staff-announce-form label{display:grid;gap:4px}.staff-role-manager label>span,.staff-action-card label>span,.staff-announce-form label>span{color:#7d8880;font-size:.56rem;text-transform:uppercase;letter-spacing:.05em}.staff-role-manager input,.staff-role-manager select,.staff-action-card input,.staff-action-card select,.staff-announce-form input,.staff-announce-form textarea{min-width:0;border:1px solid #3a453c;background:#111612;color:#ddd8cc}.staff-role-manager input,.staff-role-manager select,.staff-action-card input,.staff-action-card select,.staff-announce-form input{height:34px;padding:0 8px}.staff-role-manager button,.staff-action-card button{height:34px}.staff-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 15px 12px}.staff-action-grid .staff-action-card{margin:0}.staff-action-card>form{display:grid;gap:7px}.staff-action-card>form:has(label){grid-template-columns:1fr 1fr}.staff-action-card>form:has(label)>input,.staff-action-card>form:has(label)>button{grid-column:1/-1}.staff-action-card button.danger,.staff-message-actions button.danger{border-color:#6f3f3b;background:#251413;color:#e3a099}.staff-action-card button.success{border-color:#3f6b45;background:#112016;color:#92d29a} .staff-history-list{display:grid;gap:5px}.staff-history-list>article{display:flex;justify-content:space-between;gap:12px;padding:8px 9px;border:1px solid #283229;background:#090e0a}.staff-history-list>article>div:first-child{display:grid;gap:2px}.staff-history-list b{color:#cfc9bb;font-size:.64rem}.staff-history-list span{color:#929b94;font-size:.60rem}.staff-history-list small{color:#68756d;font-size:.54rem}.staff-history-list>article>div:last-child{display:flex;align-items:center;gap:6px}.staff-policy-note,.staff-empty{padding:12px;border:1px dashed #3a443b;color:#7f8a82;font-size:.63rem}.staff-empty-large{min-height:300px;display:grid;place-content:center;text-align:center;gap:5px}.staff-empty-large strong{color:#cfc9bc}.staff-empty-large span{color:#7f8981} .staff-message-list{display:grid;gap:6px}.staff-message-row{display:grid;grid-template-columns:190px minmax(0,1fr) 310px;gap:12px;align-items:start;padding:9px;border:1px solid #2d3830;background:#0a0f0b}.staff-message-row.removed{opacity:.68}.staff-message-meta{display:grid;gap:3px}.staff-message-meta b{color:#c7bf75;font-size:.58rem}.staff-message-meta span{color:#8d978f;font-size:.58rem}.staff-message-row p{margin:0;color:#c2c5bc;font-size:.65rem;line-height:1.4;overflow-wrap:anywhere}.staff-message-actions{display:grid;justify-items:end;gap:5px}.staff-message-actions form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;width:100%}.staff-message-actions input{height:30px;min-width:0;padding:0 7px;border:1px solid #3a453c;background:#101511;color:#ddd8cc;font-size:.60rem}.staff-message-actions button{height:30px;padding:0 8px;font-size:.58rem} .staff-announce-form{display:grid;gap:10px;max-width:850px}.staff-announce-form textarea{min-height:130px;padding:9px;resize:vertical}.staff-announce-form button{justify-self:start}.staff-global-audit{max-height:660px;overflow:auto;padding-right:3px} @media(max-width:980px){.staff-player-layout{grid-template-columns:1fr}.staff-account-list{max-height:280px}.staff-message-row{grid-template-columns:1fr}.staff-message-actions{justify-items:start}.staff-message-actions form{max-width:520px}.staff-dashboard{grid-template-columns:repeat(2,1fr)}.staff-action-grid{grid-template-columns:1fr}.staff-role-manager form{grid-template-columns:1fr}.staff-role-manager form>*{grid-column:auto!important}} @media(max-width:620px){.staff-console-head,.staff-view-head{display:grid}.staff-self{justify-items:start}.staff-view-head p{text-align:left}.staff-tabs{overflow:auto}.staff-tabs a{min-width:110px}.staff-dashboard{grid-template-columns:1fr 1fr}.staff-character-grid{grid-template-columns:1fr}.staff-action-card>form:has(label){grid-template-columns:1fr}.staff-action-card>form:has(label)>*{grid-column:auto}.craft-card-head{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;padding-left:9px!important;padding-right:6px!important}.craft-card-tools{gap:3px}.craft-state{max-width:92px;overflow:hidden;text-overflow:ellipsis}.craft-favorite-button,.craft-expand-toggle{width:27px;height:27px}.craft-card-meta{font-size:.59rem}} /* 0.27.22 favorite controls: final specificity override. The star stays visually weightless even though older Workshop button rules use !important sizing. */ .craft-card-tools .craft-favorite button.craft-favorite-button{ width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important; padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important; box-shadow:none!important;color:#6f786f!important;font-size:1rem!important;line-height:1!important; } .craft-card-tools .craft-favorite button.craft-favorite-button:hover, .craft-card-tools .craft-favorite button.craft-favorite-button:focus-visible{ background:#c5ae5514!important;color:#d5c16b!important;outline:1px solid #6d6538!important;outline-offset:-2px; } .craft-card-tools .craft-favorite button.craft-favorite-button.active{ background:transparent!important;color:#d8bf5d!important;text-shadow:0 0 8px #d8bf5d33; } /* 0.27.22 — Staff reports + safe realm-support presentation. */ .staff-report-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.staff-report-filters a{padding:7px 11px;border:1px solid #344037;border-radius:3px;background:#0d130f;color:#929c94;font-size:.62rem;font-weight:700;text-decoration:none}.staff-report-filters a:hover{border-color:#4a5b4d;color:#d4dad3}.staff-report-filters a.active{border-color:#4d7954;background:#122016;color:#95d29c} .staff-report-list{display:grid;gap:8px}.staff-report-card{border:1px solid #303b32;background:#090e0a}.staff-report-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;border-bottom:1px solid #263029;background:#0d130f}.staff-report-card>header>div{display:grid;gap:2px}.staff-report-card>header span{color:#748078;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em}.staff-report-card>header strong{color:#ded8ca;font-size:.75rem}.staff-report-card>header small{color:#839087;font-size:.58rem}.staff-report-evidence{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);gap:7px;padding:10px 12px}.staff-report-evidence>div{display:grid;gap:3px;padding:8px;border:1px solid #29342c;background:#0b110d}.staff-report-evidence>div.wide{grid-column:1/-1}.staff-report-evidence span{color:#718078;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em}.staff-report-evidence strong{color:#c9c5b9;font-size:.65rem;line-height:1.4}.staff-report-evidence small{color:#7d8881;font-size:.56rem}.staff-report-evidence blockquote{margin:2px 0 0;padding:8px 10px;border-left:2px solid #526657;background:#070b08;color:#bfc4bc;font-size:.63rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere} .staff-report-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:end;padding:10px 12px;border-top:1px solid #263029}.staff-report-actions label{display:grid;gap:4px}.staff-report-actions label span{color:#78847c;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em}.staff-report-actions input{height:34px;min-width:0;padding:0 8px;border:1px solid #3a453c;background:#101511;color:#ddd8cc}.staff-report-actions button{height:34px}.staff-report-card>footer{display:grid;gap:3px;padding:9px 12px;border-top:1px solid #263029;color:#838e86;font-size:.59rem}.staff-report-card>footer strong{color:#c0c5bc;font-size:.62rem} .staff-character-grid>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid #29332b;background:#0b110d}.staff-character-grid>article>div:first-child{display:grid;gap:2px;min-width:0}.staff-character-grid>article strong{color:#d9d4c8;font-size:.67rem}.staff-character-grid>article span,.staff-character-grid>article small{color:#7f8982;font-size:.58rem}.staff-character-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.staff-character-actions form{display:flex;align-items:center;gap:5px}.staff-character-actions input:not([type=hidden]){width:220px;height:30px;padding:0 7px;border:1px solid #3a453c;background:#101511;color:#ddd8cc;font-size:.58rem}.staff-character-actions button{height:30px;padding:0 8px;font-size:.58rem} @media(max-width:980px){.staff-report-evidence{grid-template-columns:1fr}.staff-report-evidence>div.wide{grid-column:auto}.staff-report-actions{grid-template-columns:1fr 1fr}.staff-report-actions label{grid-column:1/-1}.staff-character-grid>article{grid-template-columns:1fr}.staff-character-actions{justify-content:flex-start}} @media(max-width:620px){.staff-report-actions{grid-template-columns:1fr}.staff-report-actions label{grid-column:auto}.staff-character-actions form{width:100%}.staff-character-actions input:not([type=hidden]){min-width:0;width:auto;flex:1}} /* 0.27.22 closeout — structural Workshop specificity lock. Older generic recipe-header selectors are intentionally weaker than this final Craft/Recipes component contract. The information column stays left-anchored and the State / Favorite / Expand rail stays one horizontal row. */ .craft-recipe-card>.craft-card-head>.craft-card-tools, .recipe-reference-card>.craft-card-head>.craft-card-tools{ display:flex!important;grid-template-columns:none!important;grid-auto-flow:column!important; align-items:center!important;justify-content:flex-end!important;gap:7px!important; min-width:max-content!important;padding:0!important; } .craft-recipe-card>.craft-card-head>.craft-card-copy .craft-card-name, .recipe-reference-card>.craft-card-head>.craft-card-copy .craft-card-name{ display:block!important;width:auto!important;max-width:100%!important;min-width:0!important; overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; color:#e3ded1!important;font-size:.80rem!important;line-height:1.2!important;font-weight:750!important; text-align:left!important;text-transform:none!important;letter-spacing:normal!important; } .craft-recipe-card>.craft-card-head>.craft-card-copy .craft-card-meta, .recipe-reference-card>.craft-card-head>.craft-card-copy .craft-card-meta{ display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important; width:auto!important;max-width:100%!important;min-width:0!important;overflow:hidden!important; white-space:nowrap!important;color:#929b93!important;font-size:.64rem!important;line-height:1.2!important; text-align:left!important;text-transform:none!important;letter-spacing:normal!important; } /* 0.27.23 source-backed regional service gateways reuse canonical workspaces. */ .service-portal-stack{display:grid;gap:12px;align-content:start}.service-portal-card{display:grid;grid-template-columns:44px minmax(0,1fr) max-content;align-items:center;gap:14px;padding:16px;border:1px solid var(--line-soft,#314238);background:rgba(12,20,15,.72);border-radius:5px}.service-portal-card>div{min-width:0}.service-portal-card strong{display:block;font-size:14px;color:var(--text-strong,#f1e9d7);margin-bottom:4px}.service-portal-card p{margin:0;color:var(--text-muted,#aab3aa);font-size:13px;line-height:1.45}.service-portal-glyph{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4b6b55;border-radius:4px;color:#8edb9c;font-size:21px;background:rgba(35,67,44,.22)}.service-portal-card button{white-space:nowrap;min-width:138px}@media(max-width:760px){.service-portal-card{grid-template-columns:40px minmax(0,1fr)}.service-portal-card button{grid-column:1/-1;width:100%}} /* 0.27.27 — stable combat controls during transient request/tempo readiness. Short-lived command/350 ms locks remain authoritative but do not repaint the combat chrome. True semantic :disabled states still use the existing disabled presentation. The monster picker stays interactive throughout transient locks. */ .realm-shell[data-combat-command-locked="1"] .fight-picker button[type="submit"], .realm-shell[data-combat-command-locked="1"] .combat-action button[type="submit"], .realm-shell[data-combat-command-locked="1"] .blood-duel-actions button[type="submit"]{ pointer-events:auto!important;opacity:1!important;cursor:pointer!important; } .fight-picker button[data-combat-transient-locked="1"], .combat-action button[data-combat-transient-locked="1"], .blood-duel-actions button[data-combat-transient-locked="1"]{ opacity:1!important;filter:none!important;cursor:pointer!important; } /* 0.27.28 — first-paint shell stability + complete combat chrome stability. Logical combat busy state never changes form opacity. The tiny critical shell arrives inline with HTML; the full versioned stylesheet then refines it without exposing raw HTML. */ .classic-realm form.fight-picker[data-busy="1"], .classic-realm form.combat-action[data-busy="1"], .realm-shell form.fight-picker[data-busy="1"], .realm-shell form.combat-action[data-busy="1"]{opacity:1!important;filter:none!important} /* 0.28.0 — World Atlas discovery / filtering and Realm Journal. */ #reference-panel .atlas-toolbar{grid-template-columns:minmax(180px,1.4fr) repeat(5,minmax(108px,.72fr));gap:7px} #reference-panel .atlas-toolbar label{font-size:13px} #reference-panel .atlas-toolbar input,#reference-panel .atlas-toolbar select{font-size:14px} #reference-panel .atlas-zone-row>summary strong{font-size:14px} #reference-panel .atlas-zone-row>summary span,#reference-panel .atlas-zone-row>summary em{font-size:13px} #reference-panel .atlas-zone-detail p{font-size:14px} #reference-panel .atlas-compact-eq span,#reference-panel .atlas-zone-row .atlas-zone-meta span{font-size:13px} .atlas-discovery-row{display:flex;flex-wrap:wrap;gap:5px} .atlas-discovery{display:inline-flex;align-items:center;min-height:23px;padding:2px 7px;border:1px solid #394139;background:#101411;color:#9fa79d;font-size:13px} .atlas-discovery.visited{border-color:#426443;color:#91ca8c}.atlas-discovery.unvisited{border-color:#4a4640;color:#969087}.atlas-discovery.sanctum{border-color:#6a5b2d;color:#d1bd72}.atlas-discovery.recommended{border-color:#4d6e58;color:#a5d7ae} .journal-special-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.journal-special{min-height:28px;padding:5px 7px;border:1px solid #363c37;background:#0d100e;color:#8d958c;font-size:13px}.journal-special.seen{border-color:#495b4b;color:#c5cec2}.journal-special.unknown{font-style:italic;color:#737a73} .progression-subsection{display:grid;gap:6px;margin-top:9px}.progression-subsection h4{margin:0;color:#c6bfaf;font-size:14px} @media(max-width:1280px){#reference-panel .atlas-toolbar{grid-template-columns:repeat(3,minmax(120px,1fr))}#reference-panel .atlas-toolbar label:first-child{grid-column:span 2}} @media(max-width:900px){#reference-panel .atlas-toolbar{grid-template-columns:1fr 1fr}#reference-panel .atlas-toolbar label:first-child{grid-column:1/-1}} @media(max-width:560px){#reference-panel .atlas-toolbar{grid-template-columns:1fr}#reference-panel .atlas-toolbar label:first-child{grid-column:auto}} /* 0.29.0 — Combat Intelligence, Reference & UX. */ :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid #d1ad55!important;outline-offset:2px!important} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}} html[data-db-reduced-motion="1"] *,html[data-db-reduced-motion="1"] *::before,html[data-db-reduced-motion="1"] *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important} html[data-db-narration-density="compact"] .combat-result-flow{gap:1px!important} html[data-db-narration-density="compact"] .combat-result-flow .battle-line{padding-block:1px!important;line-height:1.22!important} html[data-db-notify-trade="0"] .trade-notification-badge,html[data-db-notify-guild="0"] .guild-notification-badge{display:none!important} html[data-db-density="dense"] .personal-tool-body{padding:8px!important} html[data-db-density="dense"] .compact-system-list,html[data-db-density="dense"] .inventory-browser-list,html[data-db-density="dense"] .guild-tool-pane{gap:4px!important} html[data-db-density="dense"] .manual-section,html[data-db-density="dense"] .codex-row,html[data-db-density="dense"] .enemy-knowledge-row,html[data-db-density="dense"] .profession-reference-row{padding:8px!important} #reference-panel .reference-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px} #reference-panel .reference-tabs button{flex:0 0 auto;min-height:34px;font-size:14px;white-space:nowrap} .manual-toolbar,.codex-toolbar,.reference-search-row{display:grid;gap:8px;margin:8px 0 10px}.manual-toolbar>label,.codex-toolbar>label,.reference-search-row>label{display:grid;gap:5px;color:#aaa397;font-size:13px}.manual-toolbar input,.codex-toolbar input,.codex-toolbar select,.reference-search-row input{min-height:36px;font-size:14px} .manual-category-nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.manual-category-nav button{min-height:32px;padding:5px 10px;font-size:13px;white-space:nowrap}.manual-category-nav button.active{border-color:#6b835f;color:#b9ddb2;background:#132017} .manual-topic-list{display:grid;gap:8px}.manual-section{display:grid;gap:7px;padding:11px;border:1px solid #303a32;background:#0b100c}.manual-section h4{margin:0;color:#d4c9b0;font-size:14px}.manual-section p{margin:0;color:#aeb5ac;font-size:14px;line-height:1.48}.manual-links{display:flex;flex-wrap:wrap;gap:6px}.manual-links button{min-height:32px;font-size:13px}.manual-section kbd{padding:1px 5px;border:1px solid #4a524b;background:#111713;color:#e0d7c4;border-radius:3px;font:600 13px ui-monospace,SFMono-Regular,Consolas,monospace} .manual-authority-section{gap:8px}.manual-authority-row{display:grid;gap:5px;padding:8px;border:1px solid #323a34;background:#0e1410}.manual-authority-row>div{display:flex;justify-content:space-between;gap:10px}.manual-authority-row strong{color:#d7cfbf;font-size:14px}.manual-authority-row span,.manual-authority-row small{color:#8e988f;font-size:13px}.manual-authority-row p{font-size:13px} .reference-two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.reference-two-column>section{display:grid;align-content:start;gap:7px}.reference-two-column h4{margin:0;color:#d0c7b5;font-size:14px} .discipline-reference-list,.profession-reference-list,.enemy-knowledge-list,.command-reference-list,.codex-list{display:grid;gap:6px;align-content:start}.discipline-reference-row,.profession-reference-row,.enemy-knowledge-row,.command-reference-row,.codex-row{border:1px solid #303a32;background:#0b100c;padding:9px;min-width:0}.discipline-reference-row,.enemy-knowledge-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.discipline-reference-row>div,.enemy-knowledge-row>div,.profession-reference-row>div,.codex-row>div{display:grid;gap:2px;min-width:0}.discipline-reference-row strong,.profession-reference-row strong,.enemy-knowledge-row strong,.codex-row strong,.command-reference-row strong{color:#ddd5c5;font-size:14px}.discipline-reference-row span,.profession-reference-row span,.enemy-knowledge-row span,.codex-row span,.command-reference-row span{color:#929c94;font-size:13px}.discipline-reference-row>b{color:#9fc99f;font-size:14px}.profession-reference-row{display:grid;gap:5px}.profession-reference-row p,.codex-row p{margin:0;color:#a6aea6;font-size:13px;line-height:1.42}.profession-reference-row.locked{opacity:.66}.profession-reference-row.eligible{border-color:#3b4d40} .enemy-knowledge-row dl{display:flex;gap:12px;margin:0}.enemy-knowledge-row dl>div{display:grid;gap:1px;text-align:right}.enemy-knowledge-row dt{color:#7f8981;font-size:13px}.enemy-knowledge-row dd{margin:0;color:#c7d0c5;font-size:14px;font-weight:700} .command-reference-row{display:grid;grid-template-columns:minmax(100px,.3fr) minmax(0,1fr);gap:10px;align-items:center}.command-reference-row code{color:#b8d8ac;font-size:14px}.command-reference-row>div{display:grid;gap:2px} .codex-toolbar{grid-template-columns:minmax(180px,1fr) minmax(120px,.3fr);align-items:end}.codex-row{display:grid;grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);gap:10px;align-items:start}.codex-list{max-height:min(54vh,640px);overflow:auto;padding-right:3px} .service-context-hint{margin-top:10px;border:1px solid #37443a;background:#0c130e}.service-context-hint>summary{cursor:pointer;padding:9px 10px;color:#c9c0ad;font-size:14px;font-weight:700}.service-context-hint>div{display:grid;gap:6px;padding:0 10px 10px}.service-context-hint strong{font-size:14px;color:#ded5c2}.service-context-hint p{margin:0;color:#a5afa6;font-size:13px;line-height:1.45}.service-context-hint button{justify-self:start;font-size:13px} .battle-history-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap}.battle-history-filters{display:flex;gap:5px;flex-wrap:wrap}.battle-history-filters select,.battle-history-filters input{min-height:32px;font-size:13px;background:#0b100c;color:#d6d0c2;border:1px solid #344039}.battle-history-filters input{min-width:150px;padding:0 7px} .new-player-checklist{position:fixed;right:18px;bottom:18px;z-index:9996;width:min(310px,calc(100vw - 28px));padding:10px;border:1px solid #536349;background:rgba(10,16,11,.97);box-shadow:0 12px 36px rgba(0,0,0,.45);color:#d8d1c2}.new-player-checklist>header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;border-bottom:1px solid #303a32}.new-player-checklist>header strong{font-size:14px}.new-player-checklist>header button{min-width:30px;min-height:30px;font-size:18px}.new-player-checklist-list{display:grid;gap:5px;padding-top:7px}.new-player-step{font-size:13px;color:#aeb6ad}.new-player-step.done{color:#8fca91} @media(max-width:980px){ .reference-two-column{grid-template-columns:1fr}.codex-row{grid-template-columns:1fr}.command-reference-row{grid-template-columns:1fr}.personal-tool-window{max-width:96vw!important;max-height:88vh!important}.battle-history-head{align-items:stretch!important}.battle-history-filters{width:100%}.battle-history-filters>*{flex:1 1 130px}.new-player-checklist{right:10px;bottom:10px} } @media(max-width:660px){ #reference-panel .reference-tabs{margin-inline:-4px}.manual-category-nav{margin-inline:-2px}.codex-toolbar{grid-template-columns:1fr}.enemy-knowledge-row{grid-template-columns:1fr}.enemy-knowledge-row dl{justify-content:flex-start}.enemy-knowledge-row dl>div{text-align:left}.manual-section p,.codex-row p{font-size:13px} } /* 0.30.0 — Account, session and community-safety workspace. */ .auth-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:12px;font-size:14px} .account-console{display:grid;gap:14px}.account-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.account-head h1{margin:.15em 0}.account-head p{max-width:760px;margin:0;color:var(--text-muted,#aab3aa);font-size:14px;line-height:1.5}.account-security-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.account-card{display:grid;gap:12px;align-content:start}.account-card>header{display:grid;gap:3px}.account-card>header>span{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#8f998f}.account-card h2{margin:0;font-size:20px}.account-card>header p{margin:0;color:#aab3aa;font-size:14px;line-height:1.45}.account-callout{display:grid;gap:7px;padding:11px;border:1px solid #3b493e;background:#0c130e}.account-callout p{margin:0;color:#aab3aa;font-size:13px;line-height:1.45}.account-disclosure{border-top:1px solid #303a32;padding-top:9px}.account-disclosure>summary{cursor:pointer;font-weight:700;font-size:14px;color:#d8cfbd}.account-disclosure>.stack{margin-top:10px}.account-secret,.account-uri{display:block;padding:8px;border:1px solid #39443b;background:#080c09;overflow-wrap:anywhere;white-space:normal;font-size:13px}.recovery-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.recovery-code-grid code{padding:7px 8px;border:1px solid #3d493f;background:#090d0a;text-align:center;font-size:14px}.account-inline-action{display:flex;justify-content:flex-end}.account-session-list,.account-ignore-list,.account-event-list{display:grid;gap:7px}.account-session,.account-ignore-list article,.account-event-list article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid #303a32;background:#0b100c}.account-session>div,.account-ignore-list article>div{display:grid;gap:2px;min-width:0}.account-session strong,.account-ignore-list strong,.account-event-list strong{font-size:14px;color:#ddd5c5}.account-session span,.account-ignore-list span,.account-event-list span{font-size:13px;color:#9da69f}.account-session small{font-size:12px;color:#7f8981}.account-session.revoked{opacity:.65}.badge.ready{border-color:#49634d}.badge.warning{border-color:#75612f}.badge.muted{opacity:.72} @media(max-width:900px){.account-grid{grid-template-columns:1fr}.account-head{display:grid}.account-security-badges{justify-content:flex-start}} @media(max-width:560px){.account-session,.account-ignore-list article{align-items:flex-start;flex-direction:column}.account-session form,.account-ignore-list form,.account-session button,.account-ignore-list button{width:100%}.recovery-code-grid{grid-template-columns:1fr}} /* 0.32.1 — Admin-only in-game Diagnostic Inspector. */ .realm-settings-admin-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px;border:1px solid #3a463c;background:#0b110d}.realm-settings-admin-tools>div{display:grid;gap:2px}.realm-settings-admin-tools strong{font-size:13px;color:#e2d9c7}.realm-settings-admin-tools span{font-size:12px;color:#909b92}.admin-inspector-launch{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid #59684f;background:rgba(10,16,11,.96);color:#d7d0bf;font-size:13px;white-space:nowrap} .admin-inspector-launch[aria-expanded="true"]{border-color:#8c7747;color:#f0dfae} .admin-inspector{position:fixed;right:18px;top:120px;z-index:10020;width:min(680px,calc(100vw - 24px));height:min(72vh,760px);min-width:360px;min-height:320px;display:grid;grid-template-rows:auto auto minmax(0,1fr);border:1px solid #536349;background:#090e0a;box-shadow:0 20px 64px rgba(0,0,0,.62);color:#d8d1c2;resize:both;overflow:hidden} .admin-inspector[hidden]{display:none!important}.admin-inspector[data-loading="1"]{cursor:progress} .admin-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid #344038;background:#0f1611;cursor:move;user-select:none}.admin-inspector-head>div:first-child{display:grid;gap:1px}.admin-inspector-head span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8d988f}.admin-inspector-head strong{font-size:15px;color:#eee4cf}.admin-inspector-head-actions{display:flex!important;align-items:center;gap:6px!important}.admin-inspector-close{min-width:32px;min-height:30px;padding:2px 8px;font-size:20px;line-height:1} .admin-inspector-tabs{display:flex;gap:3px;padding:6px;border-bottom:1px solid #303a32;background:#0b110d;overflow-x:auto}.admin-inspector-tabs button{flex:0 0 auto;min-height:31px;padding:4px 9px;font-size:12px}.admin-inspector-tabs button.active{border-color:#657d60;background:#152019;color:#dfe8d9}.admin-inspector-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;padding:0 4px;border:1px solid #4d594e;border-radius:10px;font-size:11px} .admin-inspector-body{min-height:0;overflow:auto;padding:10px}.admin-inspector-body>[data-admin-inspector-pane]{display:grid;gap:8px;align-content:start}.admin-inspector-toolbar{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-inspector-empty{padding:18px;border:1px dashed #39443b;color:#8f9991;text-align:center;font-size:13px} .admin-inspector-incident,.admin-inspector-check{display:grid;gap:7px;padding:9px;border:1px solid #394239;background:#0c120e}.admin-inspector-incident>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-inspector-incident>header>div{display:grid;gap:2px;min-width:0}.admin-inspector-incident header span{font-size:11px;letter-spacing:.05em;color:#9aa39c}.admin-inspector-incident header strong{font-size:13px;color:#e0d8c8;line-height:1.35}.admin-inspector-incident time{white-space:nowrap;font-size:11px;color:#788078}.admin-inspector-incident pre,.admin-inspector-check pre{max-height:180px;margin:0;padding:7px;overflow:auto;border:1px solid #2f3831;background:#070a08;color:#aeb9af;font:11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.admin-inspector-incident footer{display:flex;justify-content:flex-end}.admin-inspector-incident.severity-error,.admin-inspector-check.severity-error{border-left:3px solid #9e554d}.admin-inspector-incident.severity-warning,.admin-inspector-check.severity-warning{border-left:3px solid #9b7d43}.admin-inspector-check.severity-ok{border-left:3px solid #527e56}.admin-inspector-check strong{font-size:13px;color:#ddd5c5}.admin-inspector-check p{margin:0;color:#aab3aa;font-size:12px;line-height:1.4} .admin-inspector-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.admin-inspector-value{display:grid;gap:3px;padding:8px;border:1px solid #313a33;background:#0c110d;min-width:0}.admin-inspector-value span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#7f8a81}.admin-inspector-value strong{font:12px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d0d8ce;overflow-wrap:anywhere;white-space:pre-wrap}.admin-inspector-integrity{display:grid;gap:7px}.admin-inspector-system{display:grid;grid-template-columns:1fr 1fr;gap:7px} @media(max-width:760px){.realm-settings-admin-tools{align-items:stretch;flex-direction:column}.admin-inspector-launch{width:100%}.admin-inspector{left:8px!important;right:8px!important;top:104px!important;width:auto!important;min-width:0;height:72vh}.admin-inspector-state-grid,.admin-inspector-system{grid-template-columns:1fr}} .admin-inspector-likely{display:grid;gap:3px;padding:7px 8px;border:1px solid #4a4935;background:#15140d}.admin-inspector-likely span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#a58f58}.admin-inspector-likely p{margin:0;color:#c8bea3;font-size:12px;line-height:1.4} /* Shared compositor drag authority: pointer movement is transform-only until commit. */ .personal-tool-header,.admin-inspector-head{touch-action:none} .personal-tool-window[data-window-dragging="1"],.admin-inspector[data-window-dragging="1"]{user-select:none} /* 0.32.14 FIELD drag authority: preserve full content and overlap mirror/live paint during drop handoff. */ .window-drag-mirror{position:fixed!important;box-sizing:border-box!important;pointer-events:none!important;user-select:none!important;resize:none!important;overflow:hidden;contain:layout paint style;isolation:isolate;backface-visibility:hidden;transform:translate3d(0,0,0);will-change:transform;transition:none!important} .window-drag-mirror,.window-drag-mirror *{animation-play-state:paused!important}.window-drag-mirror .personal-tool-header,.window-drag-mirror .admin-inspector-head{cursor:grabbing!important}.personal-tool-window[data-window-dragging="1"],.admin-inspector[data-window-dragging="1"]{transition:none!important} /* 0.32.19 zero-fee Trade Market runtime hotfix; 0.32.15 market presentation preserved. */ .trade-tool-window .personal-tool-body{gap:0!important}.trade-workspace-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #303630;border-bottom:0;background:#070a08}.trade-workspace-tabs button{min-height:34px;border:0;border-right:1px solid #303630;border-radius:0;background:#0a0e0b;color:#8d968f;font-size:.72rem;font-weight:700;letter-spacing:.02em}.trade-workspace-tabs button:last-child{border-right:0}.trade-workspace-tabs button.active{background:#122117;color:#9ee6aa;box-shadow:inset 0 -2px #4fb968}.trade-workspace-pane{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:8px;padding-top:8px}.trade-workspace-pane[hidden]{display:none!important}.market-toolbar{display:grid;grid-template-columns:minmax(170px,1.5fr) repeat(3,minmax(100px,.75fr)) auto;gap:6px;align-items:end;padding:8px;border:1px solid #303630;background:#090c0a}.market-toolbar label,.market-create-form label{display:grid;gap:3px;color:#8d968f;font-size:.70rem}.market-toolbar input,.market-toolbar select,.market-create-form input,.market-create-form select{height:31px;min-width:0;border:1px solid #3e443e;background:#101411;color:#d9ddd8;padding:0 7px;font-size:.75rem}.market-can-filter{display:flex!important;align-items:center;gap:6px;height:31px;white-space:nowrap}.market-can-filter input,.market-partial-toggle input{width:auto;height:auto}.market-summary-strip{display:flex;gap:6px;flex-wrap:wrap}.market-summary-strip span{padding:4px 8px;border:1px solid #2e3931;background:#0a100c;color:#919b94;font-size:.68rem}.market-summary-strip b{color:#c9bd79}.market-listing-stream{display:flex;flex:1 1 auto;min-height:120px;overflow:auto;flex-direction:column;border:1px solid #2d342f;background:#050706}.market-listing-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:9px 10px;border-bottom:1px solid #252b27;background:#070a08}.market-listing-card:hover{background:#0b100d}.market-listing-main{display:grid;gap:3px;min-width:0}.market-listing-type{color:#71cc82;font-size:.64rem;letter-spacing:.05em}.market-listing-main strong{color:#eef2ef;font-size:.80rem;overflow-wrap:anywhere}.market-listing-main p{margin:0;color:#c4cbc6;font-size:.74rem}.market-listing-main small{color:#78837b;font-size:.67rem}.market-stat{color:#b7ab70}.market-listing-action{display:flex;align-items:center}.market-listing-action>button,.market-fill-form button{min-width:82px}.market-fill-form{display:flex;align-items:end;gap:5px;margin:0}.market-fill-qty{display:grid;gap:2px;color:#78837b;font-size:.62rem}.market-fill-qty input{width:64px;height:29px;border:1px solid #3e443e;background:#101411;color:#e1e5e2;padding:0 5px}.market-inspect summary{cursor:pointer;color:#8f9b92;font-size:.66rem}.market-inspect>div{display:flex;gap:8px;flex-wrap:wrap;padding:5px 0;color:#7c867f;font-size:.64rem}.market-empty{padding:16px;color:#808a83;text-align:center;font-size:.72rem}.market-recent{flex:0 0 auto;border:1px solid #2d342f;background:#080b09}.market-recent summary{cursor:pointer;padding:7px 9px;color:#a4ada6;font-size:.68rem}.market-recent ul,.waymarket-trending{list-style:none;margin:0;padding:0}.market-recent li,.waymarket-trending li{display:flex;justify-content:space-between;gap:8px;padding:5px 9px;border-top:1px solid #242925;font-size:.66rem}.market-recent li span,.waymarket-trending li span{color:#778179}.market-recent li strong,.waymarket-trending li strong{color:#c5ccc7;font-weight:600;text-align:right}.market-create-stack{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;padding-right:2px}.market-create-form{display:grid;align-content:start;gap:8px;padding:9px;border:1px solid #303630;background:#090c0a}.market-create-form header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #252c27;padding-bottom:6px}.market-create-form header div{display:grid;gap:1px}.market-create-form header span{color:#7d887f;font-size:.63rem;text-transform:uppercase;letter-spacing:.06em}.market-create-form header strong{color:#d5ddd7;font-size:.78rem}.market-create-form header b{color:#72d284;font-size:.68rem}.market-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.market-partial-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;align-self:end;min-height:31px}.market-barter-options{border-top:1px solid #252c27;padding-top:5px}.market-barter-options summary{cursor:pointer;color:#b9c1bb;font-size:.70rem;font-weight:700}.market-barter-options p{margin:5px 0;color:#768078;font-size:.66rem}.market-want-grid{display:grid;gap:5px}.market-want-option{display:grid;grid-template-columns:minmax(0,1fr) 60px 70px;gap:5px}.market-create-form>button{justify-self:start}.market-create-form>small{color:#778179;font-size:.65rem;line-height:1.35}.my-market-section{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;border:1px solid #2d342f;background:#070a08}.my-market-section>header{display:flex;justify-content:space-between;padding:7px 9px;border-bottom:1px solid #2d342f}.my-market-section>header span{color:#7b857e;font-size:.64rem;text-transform:uppercase}.my-market-section>header strong{color:#c9bd79;font-size:.72rem}.my-market-stream{overflow:auto}.my-market-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 9px;border-bottom:1px solid #242925}.my-market-card>div{display:grid;gap:2px}.my-market-card span{color:#75c987;font-size:.63rem}.my-market-card strong{color:#e0e5e1;font-size:.76rem}.my-market-card p{margin:0;color:#aeb7b0;font-size:.70rem}.my-market-card small{color:#737e76;font-size:.64rem}.my-market-card.status-completed{opacity:.78}.my-market-card.status-cancelled,.my-market-card.status-expired{opacity:.62}.waymarket-board{display:grid;gap:8px}.waymarket-board-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #2f3a32;background:#0a100c}.waymarket-board-head div{display:grid;gap:3px}.waymarket-board-head strong{color:#d5ddd7}.waymarket-board-head p{margin:0;color:#8e9891;font-size:.72rem}.waymarket-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.waymarket-metrics span{display:grid;gap:2px;padding:7px;border:1px solid #2e3630;background:#080c09;color:#7e8881;font-size:.65rem}.waymarket-metrics b{color:#c9bd79;font-size:.78rem}.waymarket-trending{border:1px solid #2e3630;background:#080c09} @media(max-width:1050px){.market-toolbar{grid-template-columns:1fr 1fr 1fr}.market-can-filter{grid-column:auto}.market-create-stack{grid-template-columns:1fr}.waymarket-metrics{grid-template-columns:1fr 1fr}} @media(max-width:700px){.trade-workspace-tabs{grid-template-columns:1fr}.trade-workspace-tabs button{border-right:0;border-bottom:1px solid #303630}.market-toolbar,.market-create-grid{grid-template-columns:1fr}.market-listing-card,.my-market-card{grid-template-columns:1fr}.market-listing-action{justify-content:flex-start}.market-want-option{grid-template-columns:1fr 58px 58px}.waymarket-board-head{grid-template-columns:auto 1fr}.waymarket-board-head button{grid-column:1/-1;justify-self:start}.waymarket-metrics{grid-template-columns:1fr}} /* 0.33.0 — Combat Properties, Artificing and Runic Ascension. Text-only combat marks; no icon/emoji status language. */ .combat-property-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:2px 0 1px;padding:0 8px;max-width:560px} .combat-property-mark{display:inline-flex;align-items:baseline;gap:4px;padding:2px 6px;border:1px solid #39423a;border-radius:3px;background:#0d120e;color:#aeb9ac;font-size:calc(var(--db-battle-font) - .16rem);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap} .combat-property-mark b{color:#d6c985;font-size:inherit;letter-spacing:.045em}.combat-property-mark.utility b{color:#a9bdca}.combat-property-mark.utility{color:#9ca8ad} .combat-status-strip{display:flex;align-items:center;justify-content:center;gap:6px;max-width:560px;margin:2px 0 1px;padding:0 8px}.combat-status-strip>span{color:#737c73;font-size:calc(var(--db-battle-font) - .20rem);text-transform:uppercase;letter-spacing:.07em}.combat-status-strip>div{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.combat-status-chip{display:inline-flex;padding:2px 6px;border:1px solid #343e35;border-radius:3px;background:#0b100c;color:#aeb6aa;font-size:calc(var(--db-battle-font) - .18rem);line-height:1.15;white-space:nowrap} html[data-db-narration-density="compact"] .combat-property-marks,html[data-db-narration-density="compact"] .combat-status-strip{margin-top:1px}.combat-result-flow .battle-effect{display:none!important} .craft-subsystem-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:2px 1px 5px;border-bottom:1px solid #293129}.craft-subsystem-head>div{display:grid;gap:2px}.craft-subsystem-head span{color:#768177;font-size:.60rem;text-transform:uppercase;letter-spacing:.08em}.craft-subsystem-head strong{color:#d5c77b;font-size:.80rem}.craft-subsystem-head small{max-width:390px;color:#858f86;font-size:.65rem;line-height:1.35;text-align:right}.crafting-pane[data-crafting-pane="upgrade"]>.crafting-section{display:grid;gap:9px;padding:10px;border:1px solid #303830;border-radius:5px;background:#0a0e0b}.artificing-card{border-color:#3a443b!important}.craft-property-note{margin:0;color:#8d968d;font-size:.66rem;line-height:1.4}.craft-property-form{display:grid!important;grid-template-columns:minmax(145px,1fr) minmax(190px,1.2fr) auto;gap:8px!important;align-items:end!important;margin:0!important}.craft-property-form label{display:grid;gap:4px;color:#7f897f;font-size:.61rem;text-transform:uppercase;letter-spacing:.06em}.craft-property-form select{height:34px;min-width:0;border:1px solid #3c463d;border-radius:3px;background:#111612;color:#ded9cc;padding:0 8px;font-size:.72rem;text-transform:none;letter-spacing:normal}.craft-property-form button{height:34px!important;white-space:nowrap}.craft-property-cost{display:grid;gap:3px;min-height:34px;padding:5px 8px;border:1px solid #303830;border-radius:3px;background:#0c100d}.craft-property-cost span{color:#737d74;font-size:.56rem;text-transform:uppercase;letter-spacing:.055em}.craft-property-cost strong{color:#b7b9ae;font-size:.64rem;line-height:1.25}.ascension-cost-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ascension-cost-grid .wide{grid-column:1/-1!important} @media(max-width:700px){.craft-property-form{grid-template-columns:1fr!important}.craft-subsystem-head{align-items:flex-start;flex-direction:column}.craft-subsystem-head small{text-align:left}.ascension-cost-grid{grid-template-columns:1fr!important}.ascension-cost-grid .wide{grid-column:auto!important}} /* 0.33.1 — Upgrade browser + Auto Fight Special routing. Specials are never disabled; selections only affect Auto Fight. */ .upgrade-browser-section{min-height:0} .upgrade-browser-toolbar{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(120px,.65fr) minmax(150px,.8fr) auto;gap:7px;align-items:end;padding:8px;border:1px solid #2f3830;border-radius:4px;background:#080c09} .upgrade-browser-toolbar.runic{grid-template-columns:minmax(180px,1.35fr) minmax(120px,.65fr) auto auto} .upgrade-browser-toolbar label{display:grid;gap:4px;min-width:0;color:#818b82;font-size:.61rem;text-transform:uppercase;letter-spacing:.055em} .upgrade-browser-toolbar input[type="search"],.upgrade-browser-toolbar select{height:34px;min-width:0;border:1px solid #3b443c;border-radius:3px;background:#101511;color:#d8d8ce;padding:0 8px;font-size:.72rem;text-transform:none;letter-spacing:normal} .upgrade-ready-filter{display:flex!important;align-items:center!important;gap:7px!important;height:34px;padding:0 9px;border:1px solid #3b443c;border-radius:3px;background:#101511;white-space:nowrap} .upgrade-ready-filter input{width:auto;height:auto;margin:0}.upgrade-ready-filter span{color:#b6beb5;font-size:.68rem;text-transform:none;letter-spacing:normal} .upgrade-visible-count{display:grid;align-content:center;justify-items:end;min-height:34px;padding:3px 1px;white-space:nowrap}.upgrade-visible-count strong{color:#d3c575;font-size:.78rem}.upgrade-visible-count span{color:#727c73;font-size:.58rem} .upgrade-scroll-list{display:grid;align-content:start;gap:6px;min-height:118px;max-height:clamp(190px,30vh,340px);overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4d584e #080c09;scrollbar-gutter:stable;padding-right:4px;scroll-behavior:auto} .upgrade-scroll-list::-webkit-scrollbar,.manual-special-grid::-webkit-scrollbar,.auto-special-list::-webkit-scrollbar{width:9px}.upgrade-scroll-list::-webkit-scrollbar-track,.manual-special-grid::-webkit-scrollbar-track,.auto-special-list::-webkit-scrollbar-track{background:#080c09}.upgrade-scroll-list::-webkit-scrollbar-thumb,.manual-special-grid::-webkit-scrollbar-thumb,.auto-special-list::-webkit-scrollbar-thumb{background:#4d584e;border:2px solid #080c09;border-radius:6px} .upgrade-scroll-list>.ascension-card:last-child{margin-bottom:1px}.upgrade-browser-section>.craft-filter-empty{margin-top:-2px} .auto-special-menu{position:absolute;z-index:46;top:9px;left:10px;margin:0} .auto-special-menu>summary{display:flex;align-items:center;gap:7px;min-height:31px;padding:0 9px;border:1px solid #475047;border-radius:3px;background:#101411e8;color:#b9c0b9;box-shadow:0 5px 16px #0005;cursor:pointer;list-style:none;user-select:none;font-size:.66rem;font-weight:750;letter-spacing:.015em} .auto-special-menu>summary::-webkit-details-marker{display:none}.auto-special-menu>summary:hover,.auto-special-menu[open]>summary{border-color:#677567;background:#171d18;color:#e0e4df}.auto-special-menu[data-skipped-count]:not([data-skipped-count="0"])>summary{border-color:#71633d;background:#1a160e;color:#d9c87b} .auto-special-menu>summary b{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:1px solid #6d5f37;border-radius:10px;background:#211b0e;color:#dcca78;font-size:.58rem;font-variant-numeric:tabular-nums}.auto-special-menu>summary b[hidden]{display:none!important} .auto-special-popover{position:absolute;top:calc(100% + 6px);left:0;width:min(430px,calc(100vw - 46px));max-height:min(650px,72vh);display:grid;grid-template-rows:auto auto minmax(120px,1fr) auto;gap:8px;padding:10px;border:1px solid #4a554b;border-radius:5px;background:#090d0af8;box-shadow:0 16px 44px #000c;text-align:left;overflow:hidden;overscroll-behavior:contain} .auto-special-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #293229}.auto-special-head>div{display:grid;gap:3px}.auto-special-head strong{color:#ddd7c8;font-size:.76rem}.auto-special-head span{color:#818b82;font-size:.62rem;line-height:1.38}.auto-special-head>b{flex:0 0 auto;color:#d0c273;font-size:.61rem;white-space:nowrap} .auto-special-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.auto-special-toolbar label{display:grid;gap:3px;color:#7d887f;font-size:.57rem;text-transform:uppercase;letter-spacing:.06em}.auto-special-toolbar input{height:32px;min-width:0;border:1px solid #39433a;border-radius:3px;background:#101511;color:#ddd9ce;padding:0 8px;font-size:.68rem;text-transform:none;letter-spacing:normal}.auto-special-toolbar>div{display:flex;gap:5px}.auto-special-toolbar button{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:.61rem!important;white-space:nowrap} .auto-special-list{min-height:120px;max-height:46vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4d584e #080c09;padding-right:3px;scroll-behavior:auto}.auto-special-row[hidden],.auto-special-tier[hidden],.auto-special-empty[hidden]{display:none!important}.auto-special-tier{display:grid;gap:4px;margin-bottom:8px}.auto-special-tier:last-of-type{margin-bottom:0}.auto-special-tier>header{display:flex;justify-content:space-between;gap:8px;padding:3px 2px;color:#747e75;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em}.auto-special-tier>header strong{color:#b8b4a4;font-size:.60rem}.auto-special-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;min-height:43px;padding:6px 8px;border:1px solid #2c352e;border-radius:3px;background:#0d120e;cursor:pointer}.auto-special-row:hover{border-color:#49564a;background:#111713}.auto-special-row.skipped{border-color:#695b38;background:#17140d}.auto-special-row input{width:15px;height:15px;margin:0;accent-color:#bfa44d}.auto-special-row>span{display:grid;gap:2px;min-width:0}.auto-special-row strong{color:#d7d9d2;font-size:.68rem}.auto-special-row small{color:#778179;font-size:.57rem;line-height:1.3;white-space:normal}.auto-special-row>b{color:#6f7970;font-size:.56rem;text-transform:uppercase;letter-spacing:.055em}.auto-special-row.skipped>b{color:#d1bc6e}.auto-special-empty{padding:14px;text-align:center;color:#7b847c;font-size:.65rem}.auto-special-popover>footer{padding-top:7px;border-top:1px solid #293229;color:#6f7970;font-size:.58rem;line-height:1.4} .manual-special-section{gap:9px!important}.manual-special-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.manual-special-overview>span{display:grid;gap:2px;padding:7px;border:1px solid #303a32;background:#0d120e;color:#808a82;font-size:12px}.manual-special-overview strong{color:#cec47e;font-size:13px}.manual-special-catalog{border:1px solid #333d34;background:#090d0a}.manual-special-catalog>summary{cursor:pointer;padding:9px 10px;color:#c7bfad;font-size:13px;font-weight:700}.manual-special-catalog[open]>summary{border-bottom:1px solid #2c352e}.manual-special-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;padding:8px}.manual-special-toolbar label{display:grid;gap:4px;color:#818b82;font-size:12px}.manual-special-toolbar input{height:34px;min-width:0;border:1px solid #3b443c;background:#101511;color:#ddd9cf;padding:0 8px;font-size:13px}.manual-special-toolbar>b{padding-bottom:7px;color:#8f998f;font-size:12px;white-space:nowrap}.manual-special-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:min(50vh,520px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4d584e #080c09;scrollbar-gutter:stable;padding:0 8px 8px;scroll-behavior:auto}.manual-special-card{display:grid;align-content:start;gap:6px;min-width:0;padding:8px;border:1px solid #2f3830;background:#0c110d}.manual-special-card>header{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.manual-special-card>header>div{display:grid;gap:2px}.manual-special-card>header span{color:#778179;font-size:11px;text-transform:uppercase;letter-spacing:.055em}.manual-special-card>header strong{color:#ddd6c7;font-size:13px}.manual-special-card>header>b{color:#9aa69b;font-size:11px;font-weight:600;white-space:nowrap}.manual-special-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.manual-special-metrics>span{display:grid;gap:1px;padding:4px;border:1px solid #293229;background:#080c09;color:#737d75;font-size:10px;text-align:center}.manual-special-metrics strong{color:#c7c9be;font-size:11px}.manual-special-card p{font-size:12px!important;line-height:1.38!important}.manual-special-card>small{color:#778179;font-size:11px;line-height:1.35} .auto-fight-popover,.auto-special-popover,.upgrade-scroll-list,.manual-special-grid,.quest-contract-list,.chat-message-list,.battle-info-activity,.guild-tool-pane,.inventory-browser-list,.inventory-inspector,.amulet-pane,.waypoint-grid,.special-location-scroll{scroll-behavior:auto} @media(max-width:900px){.upgrade-browser-toolbar,.upgrade-browser-toolbar.runic{grid-template-columns:1fr 1fr}.upgrade-visible-count{justify-items:start}.manual-special-overview{grid-template-columns:1fr 1fr}.manual-special-grid{grid-template-columns:1fr}.auto-special-popover{width:min(400px,calc(100vw - 30px))}} @media(max-width:600px){.upgrade-browser-toolbar,.upgrade-browser-toolbar.runic{grid-template-columns:1fr}.upgrade-visible-count{justify-items:start}.upgrade-scroll-list{max-height:280px}.auto-special-menu{top:7px;left:7px}.auto-special-menu>summary{min-height:29px;padding:0 7px}.auto-special-popover{left:-1px;width:min(360px,calc(100vw - 24px));max-height:74vh}.auto-special-toolbar{grid-template-columns:1fr}.auto-special-toolbar>div{justify-content:flex-start}.manual-special-overview{grid-template-columns:1fr}.manual-special-toolbar{grid-template-columns:1fr}.manual-special-toolbar>b{padding-bottom:0}.manual-special-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}} /* 0.33.2 — Interface Refinement & Gemwright Repair Authoritative desktop UI pass: readable Upgrade rows, bounded Auto Specials, concise inventory/loadout labels, professional Arcanium refinement, and a message-first responsive Activity composer. */ /* Upgrade browser: every target is a real readable row, not a compressed stripe. */ .upgrade-browser-section{display:grid;gap:10px!important} .upgrade-scroll-list{display:grid!important;align-content:start!important;gap:8px!important;max-height:330px!important;padding:4px 5px 5px 1px!important;overflow-y:auto!important;overflow-x:hidden!important} .upgrade-scroll-list>.ascension-card{display:block!important;min-height:68px!important;height:auto!important;margin:0!important;border:1px solid #303a32!important;border-radius:4px!important;background:#0b100c!important;overflow:visible!important} .upgrade-scroll-list>.ascension-card[hidden]{display:none!important} .upgrade-scroll-list>.ascension-card:hover{border-color:#4a5b4d!important;background:#0f1510!important} .upgrade-scroll-list>.ascension-card.ready{border-color:#3d5b43!important} .upgrade-scroll-list .craft-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch!important;min-height:66px!important;height:auto!important;padding:0!important;gap:0!important} .upgrade-scroll-list .craft-card-copy{display:grid!important;grid-template-rows:auto auto!important;align-content:center!important;justify-items:start!important;gap:6px!important;width:100%!important;min-width:0!important;min-height:66px!important;height:auto!important;padding:10px 12px!important;border:0!important;background:transparent!important;text-align:left!important;color:inherit!important} .upgrade-scroll-list .craft-card-copy:hover{background:#101712!important} .upgrade-scroll-list .craft-card-name{display:block!important;width:100%!important;min-width:0!important;color:#dfddd4!important;font-size:.72rem!important;font-weight:800!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .upgrade-scroll-list .craft-card-meta{display:block!important;width:100%!important;min-width:0!important;color:#7f8b81!important;font-size:.57rem!important;line-height:1.4!important;white-space:normal!important;overflow:visible!important} .upgrade-scroll-list .craft-card-meta>span{display:block!important;white-space:normal!important} .upgrade-scroll-list .craft-card-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:116px!important;padding:9px 9px 9px 4px!important} .upgrade-scroll-list .craft-state{min-width:66px!important;text-align:center!important} .upgrade-scroll-list .craft-expand-toggle{flex:0 0 30px!important;width:30px!important;height:30px!important;min-height:30px!important} .upgrade-scroll-list .craft-card-body{border-top:1px solid #28312a!important;padding:11px!important;background:#090d0a!important} .upgrade-browser-toolbar{gap:8px!important;padding:8px!important;border:1px solid #2c352e!important;border-radius:4px!important;background:#0a0f0b!important} .upgrade-visible-count{align-self:end!important;min-width:78px!important;padding:0 2px 3px!important} /* Auto Specials: compact, internally scrolling, and physically bounded above Activity. */ .auto-special-menu{z-index:52!important} .auto-special-popover{width:min(390px,calc(100vw - 42px))!important;max-height:var(--auto-special-max-height,min(500px,calc(100vh - 280px)))!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;gap:7px!important;padding:9px!important} .auto-special-head{gap:9px!important;padding-bottom:6px!important} .auto-special-head span{max-width:260px!important;font-size:.59rem!important;line-height:1.3!important} .auto-special-toolbar{gap:6px!important} .auto-special-list{min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;padding-right:4px!important} .auto-special-tier{gap:4px!important;margin-bottom:6px!important} .auto-special-tier>header{position:sticky!important;top:0!important;z-index:2!important;margin:0!important;padding:5px 3px!important;background:#090d0af2!important;border-bottom:1px solid #222a24!important} .auto-special-row{min-height:39px!important;padding:5px 7px!important;gap:7px!important} .auto-special-row strong{font-size:.65rem!important}.auto-special-row small{font-size:.54rem!important;line-height:1.25!important} .auto-special-popover>footer{padding-top:5px!important;font-size:.53rem!important;line-height:1.25!important;white-space:normal!important} /* Inventory + Loadout: item identity on top, embedded gems underneath. */ .inventory-browser-card[data-inventory-equippable="1"]{cursor:default!important} .inventory-browser-card[data-inventory-equippable="1"]:active{transform:none!important} .inventory-browser-card-meta{font-size:.55rem!important;color:#899389!important;letter-spacing:.005em!important} .inventory-browser-card.kind-gear .inventory-browser-card-meta,.inventory-browser-card.kind-spell .inventory-browser-card-meta{color:#929b92!important} .loadout-slot-card{min-height:72px!important;grid-template-rows:auto auto minmax(16px,auto)!important;gap:4px!important;padding:9px 10px!important} .loadout-slot-card>strong{font-size:.70rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .loadout-slot-card>small{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;color:#8e978e!important;font-size:.55rem!important;line-height:1.35!important;overflow-wrap:anywhere!important} .loadout-slot-card .provenance-badge{flex:0 0 auto!important} /* Arcanium / Gemwright Hall: one visual system for Fusion, Extraction, Forge and Stonewheel. */ .service-arcanium .special-location-scroll{padding:10px!important} .arcanium-core-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;margin:0!important} .arcanium-core-card{min-width:0!important;padding:12px!important;border:1px solid #344039!important;border-radius:4px!important;background:#0b100c!important} .arcanium-card-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:8px!important;padding-bottom:8px!important;border-bottom:1px solid #273129!important} .arcanium-card-head>div{display:grid!important;gap:2px!important}.arcanium-card-head span,.arcanium-refinement-head span,.refinement-card>header span{color:#77837a!important;font-size:.53rem!important;text-transform:uppercase!important;letter-spacing:.075em!important} .arcanium-card-head strong{color:#ddd9ce!important;font-size:.78rem!important}.arcanium-card-head>b{padding:3px 6px!important;border:1px solid #3c5541!important;border-radius:9px!important;color:#91b598!important;font-size:.50rem!important;white-space:nowrap!important} .arcanium-core-card>p{margin:0 0 10px!important;color:#909990!important;font-size:.62rem!important;line-height:1.45!important} .arcanium-core-card .service-form{display:grid!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important} .arcanium-core-card .service-form label,.refinement-form label{display:grid!important;gap:4px!important;color:#89938b!important;font-size:.56rem!important} .arcanium-core-card select,.refinement-form select{width:100%!important;min-width:0!important;height:36px!important;padding:0 9px!important;border:1px solid #424d45!important;border-radius:3px!important;background:#121713!important;color:#e0ded5!important;font-size:.65rem!important} .arcanium-core-card select:focus,.refinement-form select:focus{outline:1px solid #65806b!important;border-color:#65806b!important} .fusion-recipes{margin-top:10px!important;padding-top:8px!important;border-top:1px solid #283129!important}.fusion-recipes summary{color:#b8b39e!important;font-size:.60rem!important}.fusion-recipe-list{max-height:170px!important}.fusion-recipe-list>div{padding:5px 6px!important;background:#090d0a!important;font-size:.57rem!important}.fusion-recipe-list strong{color:#c9c5b8!important}.fusion-recipe-list span{color:#818a82!important} .extract-list{display:grid!important;gap:6px!important;max-height:260px!important;overflow:auto!important;padding-right:2px!important}.extract-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:8px!important;border:1px solid #2c352f!important;border-radius:3px!important;background:#090e0a!important}.extract-row>div:first-of-type{display:grid!important;gap:3px!important;min-width:0!important}.extract-row strong{color:#d6d3c9!important;font-size:.63rem!important}.extract-row span{color:#858f87!important;font-size:.55rem!important}.extract-row>div:last-of-type{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important}.extract-row button{min-height:30px!important;height:30px!important;padding:0 9px!important;font-size:.57rem!important} .arcanium-refinement-shell{display:grid!important;gap:10px!important;margin-top:11px!important;padding:12px!important;border:1px solid #37423a!important;border-radius:4px!important;background:#090e0a!important} .arcanium-refinement-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,.6fr)!important;align-items:center!important;gap:14px!important;padding-bottom:10px!important;border-bottom:1px solid #273129!important}.arcanium-refinement-head>div:first-child{display:grid!important;gap:3px!important}.arcanium-refinement-head strong{color:#dedbd1!important;font-size:.76rem!important}.arcanium-refinement-head small{color:#7f8981!important;font-size:.55rem!important} .forge-meter{height:8px!important;overflow:hidden!important;border:1px solid #364238!important;border-radius:5px!important;background:#0e140f!important}.forge-meter>i{display:block!important;height:100%!important;background:#67836c!important;box-shadow:0 0 10px #67836c55!important} .arcanium-refinement-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important} .refinement-card{display:grid!important;align-content:start!important;gap:8px!important;min-width:0!important;padding:11px!important;border:1px solid #333e36!important;border-radius:4px!important;background:#0c110d!important}.refinement-card.risky{border-color:#554336!important}.refinement-card.protected{border-color:#365143!important} .refinement-card>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;padding-bottom:7px!important;border-bottom:1px solid #29322b!important}.refinement-card>header>div{display:grid!important;gap:2px!important}.refinement-card>header strong{color:#dfdbcf!important;font-size:.73rem!important}.refinement-card>header>b{max-width:145px!important;padding:3px 6px!important;border:1px solid #4b4439!important;border-radius:9px!important;color:#bcae8d!important;font-size:.49rem!important;line-height:1.2!important;text-align:center!important}.refinement-card.protected>header>b{border-color:#365444!important;color:#8fbc9b!important} .refinement-card>p{margin:0!important;color:#8d978f!important;font-size:.60rem!important;line-height:1.45!important} .refinement-form{display:grid!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important} .refinement-preview{display:grid!important;grid-template-columns:minmax(0,1.65fr) repeat(3,minmax(76px,.7fr))!important;gap:6px!important;padding:8px!important;border:1px solid #2c3630!important;border-radius:3px!important;background:#090d0a!important} .refinement-preview>div{display:grid!important;gap:2px!important;min-width:0!important}.refinement-preview>div span{color:#747f77!important;font-size:.49rem!important;text-transform:uppercase!important;letter-spacing:.06em!important}.refinement-preview>div strong{min-width:0!important;color:#d8d5cc!important;font-size:.58rem!important;line-height:1.3!important;overflow-wrap:anywhere!important}.refinement-preview>small{grid-column:1/-1!important;padding-top:5px!important;border-top:1px solid #242d27!important;color:#8f978f!important;font-size:.53rem!important;line-height:1.35!important}.refinement-preview>strong{grid-column:1/-1!important;color:#d3d0c7!important;font-size:.61rem!important}.refinement-preview>strong+span{grid-column:1/-1!important;color:#7f8981!important;font-size:.55rem!important} .refinement-form>button{justify-self:start!important;min-width:124px!important;height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:.62rem!important}.refinement-form>button:disabled{opacity:.45!important;cursor:not-allowed!important} .arcanium-history{margin-top:10px!important;border:1px solid #2c352f!important;background:#0a0f0b!important}.arcanium-history>summary{padding:8px 10px!important;color:#b8b5aa!important;font-size:.60rem!important;cursor:pointer!important}.arcanium-history-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important;padding:6px 9px!important;border-top:1px solid #252e28!important;font-size:.55rem!important}.arcanium-history-row span{color:#89928a!important}.arcanium-history-row strong{color:#ccc8bd!important}.arcanium-history-row time{color:#677169!important}.arcanium-footer-note{margin-top:8px!important;font-size:.56rem!important;line-height:1.4!important} /* Activity composer: recipient stays compact; writing field owns the remaining width. */ .activity-composer.chat-composer{grid-template-columns:minmax(145px,185px) minmax(240px,1fr) 78px!important;align-items:center!important} .activity-composer.chat-composer .activity-recipient{grid-column:auto!important;grid-template-columns:auto minmax(0,1fr)!important;min-width:0!important;max-width:185px!important} .activity-composer.chat-composer .activity-recipient select{width:100%!important;max-width:155px!important;min-width:0!important} .activity-composer.chat-composer textarea{grid-column:auto!important;width:100%!important;min-width:0!important} .activity-composer.chat-composer>button{grid-column:auto!important;min-width:74px!important} .activity-composer.guild-composer{grid-template-columns:minmax(240px,1fr) 78px!important} @media(max-width:980px){ .activity-composer.chat-composer{grid-template-columns:minmax(132px,170px) minmax(170px,1fr) 74px!important} .activity-composer.chat-composer .activity-recipient{grid-column:auto!important;max-width:170px!important} .activity-composer.chat-composer .activity-recipient select{max-width:142px!important} .activity-composer.guild-composer{grid-template-columns:minmax(170px,1fr) 74px!important} .upgrade-scroll-list{max-height:300px!important} .arcanium-core-grid,.arcanium-refinement-grid{grid-template-columns:1fr!important} .arcanium-refinement-head{grid-template-columns:1fr!important} } @media(max-width:680px){ .activity-composer.chat-composer{grid-template-columns:minmax(0,1fr) 72px!important;grid-template-rows:auto auto!important;gap:5px 7px!important} .activity-composer.chat-composer .activity-recipient{grid-column:1/-1!important;display:grid!important;grid-template-columns:30px minmax(0,190px)!important;max-width:230px!important} .activity-composer.chat-composer .activity-recipient select{max-width:190px!important} .activity-composer.chat-composer textarea{grid-column:1!important;grid-row:2!important} .activity-composer.chat-composer>button{grid-column:2!important;grid-row:2!important} .activity-composer.guild-composer{grid-template-columns:minmax(0,1fr) 72px!important;grid-template-rows:auto!important} .activity-composer.guild-composer textarea{grid-column:1!important;grid-row:1!important}.activity-composer.guild-composer>button{grid-column:2!important;grid-row:1!important} .refinement-preview{grid-template-columns:1fr 1fr!important}.refinement-preview>div:first-child{grid-column:1/-1!important} .auto-special-popover{width:min(360px,calc(100vw - 20px))!important} } /* FIELD refinement: empty embedded-gem metadata occupies no inventory row height. */ .inventory-browser-card-meta:empty{display:none} /* FIELD revision — Upgrade uses the horizontal space of the maximized Item Workshop. */ .upgrade-workspace-pane{overflow:hidden!important;grid-template-rows:auto minmax(0,1fr)} .upgrade-dual-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-height:0;height:100%;overflow:hidden} .upgrade-dual-grid>.upgrade-browser-section{display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto auto;gap:8px;min-width:0;min-height:0;overflow:hidden} .upgrade-dual-grid .upgrade-scroll-list{max-height:none!important;height:100%;min-height:180px;overflow:auto!important;overscroll-behavior:contain} .upgrade-dual-grid .quality-ladder{margin:0;min-width:0} .upgrade-dual-grid .upgrade-browser-toolbar{position:sticky;top:0;z-index:3;grid-template-columns:minmax(130px,1fr) minmax(105px,150px);gap:6px} .upgrade-dual-grid .upgrade-browser-toolbar>label:nth-child(3),.upgrade-dual-grid .upgrade-visible-count{grid-column:auto} .upgrade-dual-grid .crafting-ledger{margin-top:0} @media(max-width:1050px){.upgrade-dual-grid{grid-template-columns:1fr;overflow:auto}.upgrade-dual-grid>.upgrade-browser-section{min-height:420px}.upgrade-workspace-pane{overflow:auto!important}} /* 0.33.4 — Atomic Movement Fast Path & Projection Concurrency Focused projection architecture; 0.33.2 visual authority remains below. */ /* 0.33.5 — Realm Reference relocation, permanent Wayfarer sidebar + expanded browser, Atlas loot reference. */ /* 0.34.0 — Reincarnation, Relics & Progression Balance Integration. */ .character-header-utility{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;margin-top:7px!important;flex-wrap:wrap} .character-header-utility .character-switch{position:static!important;min-width:92px!important} .character-header-utility .character-reference{min-width:118px!important} /* The Wayfarer's Network remains permanent. Its launcher only reflects the movable expanded tool. */ #waypoints-panel{display:flex!important;flex:1 1 auto!important;min-height:0!important} .classic-waypoints-view .waypoint-search{display:none!important} .waypoint-card.current-realm{border-color:#596456!important;background:#101511!important} .waypoint-card.current-realm>div>strong{color:#d7ded2!important} .waypoint-card.current-realm form button:disabled{opacity:1!important;color:#8f9b90!important;border-color:#424a42!important;background:#0c100d!important} #waypoints-window{width:min(760px,calc(100vw - 30px));height:min(72vh,720px)} #waypoints-window .personal-tool-body{height:100%;min-height:0;overflow:hidden} .waypoint-expanded-surface{height:100%;min-height:0;display:flex;flex-direction:column;gap:7px} .waypoint-expanded-surface>.inventory-title,.waypoint-expanded-surface>.waypoint-filter-bar{flex:0 0 auto} .waypoint-expanded-surface>.waypoint-grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;align-content:start;padding-right:2px} .waypoint-expanded-surface>.waypoint-filter-empty:not([hidden]){flex:0 0 auto} .waypoint-expanded-surface .waypoint-filter-bar{grid-template-columns:minmax(170px,1.15fr) minmax(220px,1fr) minmax(170px,.8fr);align-items:end} .waypoint-expanded-surface .waypoint-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:#8e998f;font-size:.70rem} .waypoint-expanded-surface .waypoint-search input{height:28px;min-width:0;font-size:.70rem} @media(max-width:720px){.waypoint-expanded-surface .waypoint-filter-bar{grid-template-columns:1fr}.waypoint-expanded-surface .waypoint-search{grid-template-columns:auto 1fr}} /* Atlas presents one overall ordinary-drop chance and availability, never per-grade/resource/Umbral odds. */ #reference-panel .atlas-toolbar{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))!important;gap:7px!important} #reference-panel .atlas-toolbar label:first-child{grid-column:span 2} .atlas-zone-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px} .atlas-zone-facts span{display:grid;gap:2px;padding:7px 8px;border:1px solid #303832;background:#0b100c;color:#c5cdc2;font-size:13px;min-width:0} .atlas-zone-facts b{color:#7f8b80;font-size:11px;text-transform:uppercase;letter-spacing:.035em} .atlas-detail-section{display:grid;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #2b302b} .atlas-detail-section h4{margin:0;color:#cfc6b5;font-size:13px} .atlas-new-here{border:1px solid #384638;background:#0c130e;padding:8px;margin-top:9px} .atlas-new-here h4{color:#a8cba8}.atlas-new-here ul{margin:0;padding-left:18px;display:grid;gap:3px;color:#aeb7ad;font-size:13px} .atlas-chip-list{display:flex;flex-wrap:wrap;gap:4px}.atlas-chip-list>span{padding:3px 6px;border:1px solid #343a34;background:#0d110e;color:#aeb7ad;font-size:12px} .atlas-monster-list{display:grid;gap:3px}.atlas-monster-row{display:grid;grid-template-columns:minmax(150px,1.3fr) repeat(4,minmax(88px,.7fr));gap:7px;align-items:center;padding:5px 7px;border:1px solid #2f352f;background:#0b0f0c;font-size:12px}.atlas-monster-row strong{color:#d3cbbb}.atlas-monster-row span{color:#939d94;text-align:right} .atlas-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.atlas-location-list{display:grid;gap:3px}.atlas-location-list>div{display:flex;justify-content:space-between;gap:8px;padding:4px 6px;border:1px solid #2e342e;background:#0c100d;font-size:12px}.atlas-location-list strong{color:#bfc6bb}.atlas-location-list span{color:#8f9990;text-align:right}.atlas-none{color:#747d75;font-size:12px;font-style:italic} .atlas-discovery.current{border-color:#61705f;color:#c5d0c1;background:#111712} .atlas-compare{display:grid;gap:7px;margin:9px 0;padding:8px;border:1px solid #343b34;background:#0a0f0b}.atlas-compare>header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.atlas-compare>header strong{color:#d1c8b6;font-size:13px}.atlas-compare>header span{color:#7f8980;font-size:12px}.atlas-compare-selectors{display:grid;grid-template-columns:1fr 1fr;gap:7px}.atlas-compare-selectors select{min-width:0;height:31px;font-size:12px}.atlas-compare-result{display:grid;gap:2px}.atlas-compare-result>span{color:#899289;font-size:12px}.atlas-compare-head,.atlas-compare-result>div{display:grid;grid-template-columns:minmax(100px,.7fr) 1fr 1fr;gap:7px;align-items:center;padding:4px 6px;border-top:1px solid #292f29;font-size:12px}.atlas-compare-head{border-top:0;color:#cbc3b3}.atlas-compare-result>div span{color:#858f86}.atlas-compare-result>div strong{text-align:right;color:#b9c2b7} @media(max-width:900px){.atlas-zone-facts{grid-template-columns:1fr 1fr}.atlas-detail-columns{grid-template-columns:1fr}.atlas-monster-row{grid-template-columns:minmax(130px,1fr) 1fr 1fr}.atlas-monster-row span:nth-of-type(3),.atlas-monster-row span:nth-of-type(4){display:none}} @media(max-width:620px){#reference-panel .atlas-toolbar label:first-child{grid-column:auto}.atlas-compare-selectors{grid-template-columns:1fr}.atlas-compare-head,.atlas-compare-result>div{grid-template-columns:100px 1fr 1fr}.atlas-zone-facts{grid-template-columns:1fr}.atlas-monster-row{grid-template-columns:1fr 1fr}.atlas-monster-row span{display:block!important;text-align:left}} /* 0.34.0 desktop Upgrade master/detail repair. Keep target browsing and editing in separate scroll authorities so expanded controls can never overlap sibling targets. This intentionally replaces the retired dual inline-card Upgrade geometry without changing global/mobile UI. */ .crafting-window:has(.upgrade-workspace-pane:not([hidden])){width:min(980px,calc(100vw - 28px));height:min(760px,calc(100vh - 32px))} .upgrade-workspace-pane{display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:10px!important;min-height:0!important;overflow:hidden!important;padding-right:0!important} .upgrade-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0} .upgrade-mode-tabs button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:34px!important;padding:0 12px!important;border:1px solid #344038!important;border-radius:4px!important;background:#0b100c!important;color:#919b92!important;font-size:.69rem!important;font-weight:700!important} .upgrade-mode-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 5px;border:1px solid #39453b;border-radius:999px;color:#aeb6ae;font-size:.58rem} .upgrade-mode-tabs button.active{border-color:#667b50!important;background:#151d14!important;color:#dfcf77!important;box-shadow:inset 0 -2px #667b50} .crafting-pane[data-crafting-pane="upgrade"]>.upgrade-browser-section{display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto auto!important;gap:8px!important;min-height:0!important;height:100%!important;padding:10px!important;overflow:hidden!important} .crafting-pane[data-crafting-pane="upgrade"]>.upgrade-browser-section[hidden]{display:none!important} .upgrade-browser-section .upgrade-browser-toolbar{position:static!important;margin:0!important} .upgrade-master-detail{display:grid!important;grid-template-columns:minmax(260px,38%) minmax(0,1fr)!important;gap:0!important;min-height:0!important;height:100%!important;overflow:hidden!important;border:1px solid #303a32;border-radius:5px;background:#080c09} .upgrade-target-pane{min-width:0!important;min-height:0!important;overflow:hidden!important;border-right:1px solid #303a32;background:#090d0a} .upgrade-target-pane .upgrade-scroll-list{display:grid!important;align-content:start!important;gap:5px!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:6px!important;scrollbar-gutter:stable!important} .upgrade-target-row{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"identity state" "summary state"!important;align-items:center!important;column-gap:8px!important;row-gap:3px!important;width:100%!important;min-height:62px!important;height:auto!important;margin:0!important;padding:9px 10px!important;border:1px solid #29322b!important;border-radius:4px!important;background:#0d120e!important;color:#d9d5ca!important;text-align:left!important;cursor:pointer!important;overflow:hidden!important} .upgrade-target-row:hover{border-color:#455448!important;background:#111812!important} .upgrade-target-row.selected{border-color:#70825c!important;background:#151d14!important;box-shadow:inset 3px 0 #87945e} .upgrade-target-row>span:first-child{grid-area:identity;display:grid;gap:2px;min-width:0} .upgrade-target-row>span:first-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2dfd5!important;font-size:.72rem!important;line-height:1.2} .upgrade-target-row>span:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f8a81!important;font-size:.58rem!important;line-height:1.25} .upgrade-target-summary{grid-area:summary;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a99f!important;font-size:.59rem!important;line-height:1.25} .upgrade-target-row>.craft-state{grid-area:state;align-self:center;justify-self:end;min-width:66px;text-align:center} .upgrade-detail-pane{position:relative;min-width:0!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;padding:10px!important;scrollbar-gutter:stable;background:#090d0a} .upgrade-detail-empty{display:grid;place-items:center;min-height:180px;padding:24px;color:#7f8980;font-size:.68rem;line-height:1.5;text-align:center} .upgrade-detail-empty[hidden],.upgrade-inspector-panel[hidden]{display:none!important} .upgrade-inspector-panel{display:grid;align-content:start;gap:10px;min-width:0;padding-bottom:2px} .upgrade-inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 1px 9px;border-bottom:1px solid #303830} .upgrade-inspector-head>div{display:grid;gap:2px;min-width:0}.upgrade-inspector-head>div>span{color:#778178;font-size:.57rem;text-transform:uppercase;letter-spacing:.08em}.upgrade-inspector-head>div>strong{overflow-wrap:anywhere;color:#e4dfd2;font-size:.86rem;line-height:1.25}.upgrade-inspector-head>div>small{color:#8b948c;font-size:.61rem;line-height:1.35} .upgrade-current-state{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.upgrade-current-state>div{display:grid;gap:3px;padding:8px 9px;border:1px solid #303930;border-radius:4px;background:#0d120e}.upgrade-current-state span{color:#768078;font-size:.56rem;text-transform:uppercase;letter-spacing:.06em}.upgrade-current-state strong{color:#c5c7bc;font-size:.68rem;line-height:1.3;overflow-wrap:anywhere} .upgrade-detail-pane .craft-card-section{display:grid;gap:8px;padding:10px;border:1px solid #303930;border-radius:4px;background:#0c110d}.upgrade-detail-pane .craft-card-section>header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.upgrade-detail-pane .craft-card-section>header strong{color:#d5c77b;font-size:.70rem}.upgrade-detail-pane .craft-card-section>header span{color:#788279;font-size:.58rem} .upgrade-detail-pane .craft-property-form{grid-template-columns:minmax(130px,1fr) minmax(160px,1.25fr)!important}.upgrade-detail-pane .craft-property-form>button{grid-column:1/-1;justify-self:end;min-width:130px} .upgrade-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.upgrade-check{display:grid;gap:3px;padding:7px 8px;border:1px solid #333c34;border-radius:3px;background:#0b100c}.upgrade-check span{color:#7c867d;font-size:.56rem;text-transform:uppercase;letter-spacing:.05em}.upgrade-check strong{color:#b7beb6;font-size:.64rem;line-height:1.3;overflow-wrap:anywhere}.upgrade-check.met{border-color:#36503b;background:#0c150e}.upgrade-check.met strong{color:#8fc38f}.upgrade-check.blocked{border-color:#56472e;background:#151109}.upgrade-check.blocked strong{color:#d1b371} .upgrade-detail-pane .ascension-route{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;border:1px solid #374039!important;border-radius:4px!important;background:#0c110d!important;text-align:center}.upgrade-detail-pane .ascension-route span,.upgrade-detail-pane .ascension-route strong{font-size:.69rem!important}.upgrade-detail-pane .ascension-route b{color:#657067} .upgrade-detail-pane .ascension-cost-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.upgrade-detail-pane .ascension-cost-grid>div{min-width:0}.upgrade-detail-pane .ascension-cost-grid .wide{grid-column:1/-1!important}.upgrade-detail-pane .ascension-cost-grid strong{overflow-wrap:anywhere} .upgrade-detail-pane .ascension-blocked{margin:0;padding:8px 9px;border:1px solid #58482f;border-radius:3px;background:#151109;color:#d0b274;font-size:.63rem;line-height:1.4} .upgrade-detail-pane .craft-action-bar{position:sticky;bottom:-10px;z-index:2;display:flex;justify-content:flex-end;padding:9px 0 0;background:linear-gradient(180deg,transparent,#090d0a 28%)}.upgrade-detail-pane .craft-action-bar form{margin:0}.upgrade-detail-pane .craft-action-bar button{min-width:150px} .upgrade-browser-section>.crafting-ledger{margin:0!important}.upgrade-browser-section>.craft-filter-empty{margin:0!important} /* Inventory browser fixed-row contract: keep gear and spell rows geometrically identical. */ #inventory-panel .inventory-browser-card{box-sizing:border-box!important;height:60px!important;min-height:60px!important;max-height:60px!important;overflow:hidden!important} /* 0.34.0 Artifice authority: communicate permanent crafted benefits inline. */ .craft-enhancement-strip{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:7px;font-size:11px;line-height:1.35;color:var(--muted)} .craft-enhancement-strip span{display:inline-flex;gap:4px;align-items:center;padding:3px 7px;border:1px solid rgba(146,172,129,.22);background:rgba(39,57,40,.18)} .craft-enhancement-strip b{color:var(--gold);font-weight:700} /* 0.34.0 realm-gate navigation and map-key alignment — desktop baseline */ .map-legend{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important; gap:4px 10px!important; margin-top:7px!important; justify-content:stretch!important; text-align:left!important; line-height:1.2!important; } .map-legend>span{ display:grid!important; grid-template-columns:10px minmax(0,1fr)!important; align-items:center!important; column-gap:5px!important; min-width:0!important; white-space:nowrap!important; } .map-legend>span>i{ width:8px!important; height:8px!important; margin:0!important; align-self:center!important; justify-self:center!important; } .hotspot-status{ display:grid!important; grid-template-columns:10px minmax(0,1fr)!important; align-items:start!important; justify-content:stretch!important; gap:5px!important; width:100%!important; margin:7px 0 0!important; text-align:left!important; } .hotspot-status .hotspot-key{margin-top:.25em!important;justify-self:center!important} .zone-tile.realm-gate{font-size:1rem!important;font-weight:800!important;line-height:1!important} .realm-connections{margin-top:8px;padding-top:7px;border-top:1px solid #343831;text-align:left} .realm-connections>header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px} .realm-connections>header strong{color:#d9c87a;font-size:.72rem} .realm-connections>header span{color:#888d84;font-size:.62rem;text-align:right} .realm-connection-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px 0;border-top:1px solid #222721;font-size:.65rem;line-height:1.2} .realm-connection-row:first-of-type{border-top:0} .realm-connection-dir{color:#8fb4bd;white-space:nowrap}.realm-connection-row strong{color:#d9d7cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realm-connection-row em{color:#b5a35f;font-style:normal;white-space:nowrap} /* 0.34.0 complete canonical realm atmosphere — every live realm has a distinct center backdrop. */ .classic-center::before{z-index:0!important;opacity:.82!important} .classic-center::after{z-index:0!important;background:linear-gradient(180deg,#0809092e 0%,#090a0966 48%,#080909c7 100%)!important} .classic-center>*{position:relative;z-index:1} .zone-bg-dragonward_hold .classic-center::before{background-image:radial-gradient(ellipse at 29% 23%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 74% 79%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(79deg,transparent 0 86px,#736b5b10 87px 89px),linear-gradient(135deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .zone-bg-emberwatch_crossing .classic-center::before{background-image:radial-gradient(ellipse at 45% 14%,#b75d2a50 0 11%,transparent 39%),radial-gradient(ellipse at 39% 70%,#e1954235 0 9%,transparent 34%),repeating-linear-gradient(125deg,transparent 0 63px,#b75d2a10 64px 66px),linear-gradient(173deg,#2a120c 0%,#170d0a 51%,#090807 100%)!important} .zone-bg-blackwater_underworks .classic-center::before{background-image:radial-gradient(ellipse at 47% 36%,#337b8650 0 11%,transparent 39%),radial-gradient(ellipse at 21% 84%,#4e86b835 0 9%,transparent 34%),repeating-linear-gradient(97deg,transparent 0 60px,#337b8610 61px 63px),linear-gradient(169deg,#0c1b20 0%,#0b1218 51%,#07090d 100%)!important} .zone-bg-whisperbriar_wood .classic-center::before{background-image:radial-gradient(ellipse at 70% 19%,#467a4550 0 11%,transparent 39%),radial-gradient(ellipse at 77% 80%,#9b8d3f35 0 9%,transparent 34%),repeating-linear-gradient(80deg,transparent 0 62px,#467a4510 63px 65px),linear-gradient(153deg,#101e12 0%,#0d1510 51%,#070a08 100%)!important} .zone-bg-starward_collegium .classic-center::before{background-image:radial-gradient(ellipse at 35% 19%,#527f8e50 0 11%,transparent 39%),radial-gradient(ellipse at 70% 80%,#8f62a035 0 9%,transparent 34%),repeating-linear-gradient(90deg,transparent 0 61px,#527f8e10 62px 64px),linear-gradient(165deg,#101921 0%,#101018 51%,#08090c 100%)!important} .zone-bg-stormward_wilds .classic-center::before{background-image:radial-gradient(ellipse at 42% 21%,#536d9150 0 11%,transparent 39%),radial-gradient(ellipse at 65% 72%,#a5874d35 0 9%,transparent 34%),repeating-linear-gradient(122deg,transparent 0 83px,#536d9110 84px 86px),linear-gradient(181deg,#111723 0%,#101018 51%,#08090d 100%)!important} .zone-bg-elderbloom_weald .classic-center::before{background-image:radial-gradient(ellipse at 82% 26%,#467a4550 0 11%,transparent 39%),radial-gradient(ellipse at 30% 64%,#9b8d3f35 0 9%,transparent 34%),repeating-linear-gradient(97deg,transparent 0 50px,#467a4510 51px 53px),linear-gradient(159deg,#101e12 0%,#0d1510 51%,#070a08 100%)!important} .zone-bg-cindermaw_gate .classic-center::before{background-image:radial-gradient(ellipse at 52% 21%,#b75d2a50 0 11%,transparent 39%),radial-gradient(ellipse at 18% 75%,#e1954235 0 9%,transparent 34%),repeating-linear-gradient(102deg,transparent 0 77px,#b75d2a10 78px 80px),linear-gradient(168deg,#2a120c 0%,#170d0a 51%,#090807 100%)!important} .zone-bg-moonless_barrows .classic-center::before{background-image:radial-gradient(ellipse at 48% 27%,#5b4b8550 0 11%,transparent 39%),radial-gradient(ellipse at 30% 85%,#8d456b35 0 9%,transparent 34%),repeating-linear-gradient(128deg,transparent 0 49px,#5b4b8510 50px 52px),linear-gradient(179deg,#15101d 0%,#0f0d15 51%,#08080b 100%)!important} .zone-bg-nightglass_sanctum .classic-center::before{background-image:radial-gradient(ellipse at 20% 34%,#5b4b8550 0 11%,transparent 39%),radial-gradient(ellipse at 55% 85%,#8d456b35 0 9%,transparent 34%),repeating-linear-gradient(115deg,transparent 0 72px,#5b4b8510 73px 75px),linear-gradient(151deg,#15101d 0%,#0f0d15 51%,#08080b 100%)!important} .zone-bg-ironbriar_march .classic-center::before{background-image:radial-gradient(ellipse at 30% 19%,#84413e50 0 11%,transparent 39%),radial-gradient(ellipse at 26% 71%,#74504b35 0 9%,transparent 34%),repeating-linear-gradient(105deg,transparent 0 82px,#84413e10 83px 85px),linear-gradient(177deg,#21100f 0%,#160d0d 51%,#090808 100%)!important} .zone-bg-dawnshield_marches .classic-center::before{background-image:radial-gradient(ellipse at 37% 21%,#8a844750 0 11%,transparent 39%),radial-gradient(ellipse at 80% 69%,#5e775535 0 9%,transparent 34%),repeating-linear-gradient(112deg,transparent 0 47px,#8a844710 48px 50px),linear-gradient(165deg,#1c1b10 0%,#11150e 51%,#090a08 100%)!important} .zone-bg-thunderscale_basin .classic-center::before{background-image:radial-gradient(ellipse at 81% 15%,#536d9150 0 11%,transparent 39%),radial-gradient(ellipse at 27% 73%,#a5874d35 0 9%,transparent 34%),repeating-linear-gradient(106deg,transparent 0 75px,#536d9110 76px 78px),linear-gradient(148deg,#111723 0%,#101018 51%,#08090d 100%)!important} .zone-bg-blightfire_crucible .classic-center::before{background-image:radial-gradient(ellipse at 49% 33%,#b75d2a50 0 11%,transparent 39%),radial-gradient(ellipse at 60% 66%,#e1954235 0 9%,transparent 34%),repeating-linear-gradient(94deg,transparent 0 65px,#b75d2a10 66px 68px),linear-gradient(177deg,#2a120c 0%,#170d0a 51%,#090807 100%)!important} .zone-bg-moonfang_glade .classic-center::before{background-image:radial-gradient(ellipse at 31% 20%,#467a4550 0 11%,transparent 39%),radial-gradient(ellipse at 79% 67%,#9b8d3f35 0 9%,transparent 34%),repeating-linear-gradient(106deg,transparent 0 74px,#467a4510 75px 77px),linear-gradient(150deg,#101e12 0%,#0d1510 51%,#070a08 100%)!important} .zone-bg-hourglass_catacombs .classic-center::before{background-image:radial-gradient(ellipse at 73% 17%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 67% 60%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(98deg,transparent 0 71px,#736b5b10 72px 74px),linear-gradient(182deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .zone-bg-prismbark_grove .classic-center::before{background-image:radial-gradient(ellipse at 49% 23%,#467a4550 0 11%,transparent 39%),radial-gradient(ellipse at 19% 78%,#9b8d3f35 0 9%,transparent 34%),repeating-linear-gradient(89deg,transparent 0 48px,#467a4510 49px 51px),linear-gradient(185deg,#101e12 0%,#0d1510 51%,#070a08 100%)!important} .zone-bg-starfall_enclave .classic-center::before{background-image:radial-gradient(ellipse at 69% 28%,#527f8e50 0 11%,transparent 39%),radial-gradient(ellipse at 42% 60%,#8f62a035 0 9%,transparent 34%),repeating-linear-gradient(99deg,transparent 0 71px,#527f8e10 72px 74px),linear-gradient(144deg,#101921 0%,#101018 51%,#08090c 100%)!important} .zone-bg-goldvein_hollows .classic-center::before{background-image:radial-gradient(ellipse at 74% 13%,#a4803850 0 11%,transparent 39%),radial-gradient(ellipse at 59% 75%,#80644235 0 9%,transparent 34%),repeating-linear-gradient(79deg,transparent 0 75px,#a4803810 76px 78px),linear-gradient(176deg,#221b0e 0%,#15120c 51%,#090907 100%)!important} .zone-bg-shattered_veil .classic-center::before{background-image:radial-gradient(ellipse at 71% 15%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 79% 85%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(101deg,transparent 0 46px,#736b5b10 47px 49px),linear-gradient(179deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .zone-bg-greenwarden_crown .classic-center::before{background-image:radial-gradient(ellipse at 45% 29%,#467a4550 0 11%,transparent 39%),radial-gradient(ellipse at 55% 71%,#9b8d3f35 0 9%,transparent 34%),repeating-linear-gradient(80deg,transparent 0 44px,#467a4510 45px 47px),linear-gradient(141deg,#101e12 0%,#0d1510 51%,#070a08 100%)!important} .zone-bg-oathscar_fields .classic-center::before{background-image:radial-gradient(ellipse at 73% 17%,#8a844750 0 11%,transparent 39%),radial-gradient(ellipse at 21% 80%,#5e775535 0 9%,transparent 34%),repeating-linear-gradient(118deg,transparent 0 69px,#8a844710 70px 72px),linear-gradient(181deg,#1c1b10 0%,#11150e 51%,#090a08 100%)!important} .zone-bg-radiant_steppe .classic-center::before{background-image:radial-gradient(ellipse at 50% 14%,#8a844750 0 11%,transparent 39%),radial-gradient(ellipse at 48% 71%,#5e775535 0 9%,transparent 34%),repeating-linear-gradient(110deg,transparent 0 69px,#8a844710 70px 72px),linear-gradient(136deg,#1c1b10 0%,#11150e 51%,#090a08 100%)!important} .zone-bg-temple_broken_sigil .classic-center::before{background-image:radial-gradient(ellipse at 34% 13%,#8a844750 0 11%,transparent 39%),radial-gradient(ellipse at 44% 69%,#5e775535 0 9%,transparent 34%),repeating-linear-gradient(109deg,transparent 0 85px,#8a844710 86px 88px),linear-gradient(131deg,#1c1b10 0%,#11150e 51%,#090a08 100%)!important} .zone-bg-temple_seven_oaths .classic-center::before{background-image:radial-gradient(ellipse at 71% 20%,#8a844750 0 11%,transparent 39%),radial-gradient(ellipse at 24% 74%,#5e775535 0 9%,transparent 34%),repeating-linear-gradient(96deg,transparent 0 51px,#8a844710 52px 54px),linear-gradient(142deg,#1c1b10 0%,#11150e 51%,#090a08 100%)!important} .zone-bg-ghostmist_fen .classic-center::before{background-image:radial-gradient(ellipse at 63% 27%,#5b4b8550 0 11%,transparent 39%),radial-gradient(ellipse at 44% 68%,#8d456b35 0 9%,transparent 34%),repeating-linear-gradient(93deg,transparent 0 73px,#5b4b8510 74px 76px),linear-gradient(131deg,#15101d 0%,#0f0d15 51%,#08080b 100%)!important} .zone-bg-deepvault_abyss .classic-center::before{background-image:radial-gradient(ellipse at 71% 35%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 17% 70%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(126deg,transparent 0 77px,#736b5b10 78px 80px),linear-gradient(140deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .zone-bg-glasswing_hatchery .classic-center::before{background-image:radial-gradient(ellipse at 30% 29%,#527f8e50 0 11%,transparent 39%),radial-gradient(ellipse at 42% 65%,#8f62a035 0 9%,transparent 34%),repeating-linear-gradient(95deg,transparent 0 62px,#527f8e10 63px 65px),linear-gradient(182deg,#101921 0%,#101018 51%,#08090c 100%)!important} .zone-bg-stormvault_aerie .classic-center::before{background-image:radial-gradient(ellipse at 32% 21%,#536d9150 0 11%,transparent 39%),radial-gradient(ellipse at 22% 76%,#a5874d35 0 9%,transparent 34%),repeating-linear-gradient(117deg,transparent 0 50px,#536d9110 51px 53px),linear-gradient(138deg,#111723 0%,#101018 51%,#08090d 100%)!important} .zone-bg-shardscale_mere .classic-center::before{background-image:radial-gradient(ellipse at 79% 18%,#337b8650 0 11%,transparent 39%),radial-gradient(ellipse at 43% 80%,#4e86b835 0 9%,transparent 34%),repeating-linear-gradient(129deg,transparent 0 73px,#337b8610 74px 76px),linear-gradient(126deg,#0c1b20 0%,#0b1218 51%,#07090d 100%)!important} .zone-bg-kingsgrave_barrows .classic-center::before{background-image:radial-gradient(ellipse at 72% 36%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 51% 66%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(107deg,transparent 0 79px,#736b5b10 80px 82px),linear-gradient(133deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .zone-bg-wyrmglass_preserve .classic-center::before{background-image:radial-gradient(ellipse at 31% 20%,#527f8e50 0 11%,transparent 39%),radial-gradient(ellipse at 31% 75%,#8f62a035 0 9%,transparent 34%),repeating-linear-gradient(96deg,transparent 0 67px,#527f8e10 68px 70px),linear-gradient(168deg,#101921 0%,#101018 51%,#08090c 100%)!important} .zone-bg-crowncoin_coast .classic-center::before{background-image:radial-gradient(ellipse at 66% 30%,#337b8650 0 11%,transparent 39%),radial-gradient(ellipse at 81% 61%,#4e86b835 0 9%,transparent 34%),repeating-linear-gradient(116deg,transparent 0 83px,#337b8610 84px 86px),linear-gradient(175deg,#0c1b20 0%,#0b1218 51%,#07090d 100%)!important} .zone-bg-wyrmglass_lair .classic-center::before{background-image:radial-gradient(ellipse at 44% 28%,#527f8e50 0 11%,transparent 39%),radial-gradient(ellipse at 47% 61%,#8f62a035 0 9%,transparent 34%),repeating-linear-gradient(104deg,transparent 0 81px,#527f8e10 82px 84px),linear-gradient(171deg,#101921 0%,#101018 51%,#08090c 100%)!important} .zone-bg-shardwyrm_isle .classic-center::before{background-image:radial-gradient(ellipse at 39% 33%,#337b8650 0 11%,transparent 39%),radial-gradient(ellipse at 54% 77%,#4e86b835 0 9%,transparent 34%),repeating-linear-gradient(114deg,transparent 0 68px,#337b8610 69px 71px),linear-gradient(148deg,#0c1b20 0%,#0b1218 51%,#07090d 100%)!important} .zone-bg-skyfang_cliffs .classic-center::before{background-image:radial-gradient(ellipse at 71% 25%,#536d9150 0 11%,transparent 39%),radial-gradient(ellipse at 24% 75%,#a5874d35 0 9%,transparent 34%),repeating-linear-gradient(96deg,transparent 0 65px,#536d9110 66px 68px),linear-gradient(141deg,#111723 0%,#101018 51%,#08090d 100%)!important} .zone-bg-dragoncrown_summit .classic-center::before{background-image:radial-gradient(ellipse at 28% 12%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 46% 62%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(128deg,transparent 0 68px,#736b5b10 69px 71px),linear-gradient(126deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .zone-bg-cinderwaste_reach .classic-center::before{background-image:radial-gradient(ellipse at 54% 18%,#b75d2a50 0 11%,transparent 39%),radial-gradient(ellipse at 37% 84%,#e1954235 0 9%,transparent 34%),repeating-linear-gradient(89deg,transparent 0 74px,#b75d2a10 75px 77px),linear-gradient(136deg,#2a120c 0%,#170d0a 51%,#090807 100%)!important} .zone-bg-mourning_isle .classic-center::before{background-image:radial-gradient(ellipse at 81% 35%,#337b8650 0 11%,transparent 39%),radial-gradient(ellipse at 63% 62%,#4e86b835 0 9%,transparent 34%),repeating-linear-gradient(106deg,transparent 0 81px,#337b8610 82px 84px),linear-gradient(136deg,#0c1b20 0%,#0b1218 51%,#07090d 100%)!important} .zone-bg-iron_oath_citadel .classic-center::before{background-image:radial-gradient(ellipse at 50% 24%,#8a844750 0 11%,transparent 39%),radial-gradient(ellipse at 37% 78%,#5e775535 0 9%,transparent 34%),repeating-linear-gradient(105deg,transparent 0 83px,#8a844710 84px 86px),linear-gradient(167deg,#1c1b10 0%,#11150e 51%,#090a08 100%)!important} .zone-bg-blackvault_labyrinth .classic-center::before{background-image:radial-gradient(ellipse at 20% 34%,#84413e50 0 11%,transparent 39%),radial-gradient(ellipse at 44% 60%,#74504b35 0 9%,transparent 34%),repeating-linear-gradient(80deg,transparent 0 51px,#84413e10 52px 54px),linear-gradient(182deg,#21100f 0%,#160d0d 51%,#090808 100%)!important} .zone-bg-drowned_sapphire_cove .classic-center::before{background-image:radial-gradient(ellipse at 75% 24%,#337b8650 0 11%,transparent 39%),radial-gradient(ellipse at 21% 78%,#4e86b835 0 9%,transparent 34%),repeating-linear-gradient(95deg,transparent 0 73px,#337b8610 74px 76px),linear-gradient(127deg,#0c1b20 0%,#0b1218 51%,#07090d 100%)!important} .zone-bg-chainspire_gaol .classic-center::before{background-image:radial-gradient(ellipse at 20% 29%,#84413e50 0 11%,transparent 39%),radial-gradient(ellipse at 54% 68%,#74504b35 0 9%,transparent 34%),repeating-linear-gradient(105deg,transparent 0 74px,#84413e10 75px 77px),linear-gradient(126deg,#21100f 0%,#160d0d 51%,#090808 100%)!important} .zone-bg-kingdeep_mine .classic-center::before{background-image:radial-gradient(ellipse at 23% 12%,#a4803850 0 11%,transparent 39%),radial-gradient(ellipse at 50% 77%,#80644235 0 9%,transparent 34%),repeating-linear-gradient(98deg,transparent 0 74px,#a4803810 75px 77px),linear-gradient(179deg,#221b0e 0%,#15120c 51%,#090907 100%)!important} .zone-bg-vale_of_torment .classic-center::before{background-image:radial-gradient(ellipse at 20% 24%,#84413e50 0 11%,transparent 39%),radial-gradient(ellipse at 56% 63%,#74504b35 0 9%,transparent 34%),repeating-linear-gradient(125deg,transparent 0 50px,#84413e10 51px 53px),linear-gradient(174deg,#21100f 0%,#160d0d 51%,#090808 100%)!important} .zone-bg-stormcrown_keep .classic-center::before{background-image:radial-gradient(ellipse at 68% 27%,#536d9150 0 11%,transparent 39%),radial-gradient(ellipse at 71% 64%,#a5874d35 0 9%,transparent 34%),repeating-linear-gradient(128deg,transparent 0 80px,#536d9110 81px 83px),linear-gradient(127deg,#111723 0%,#101018 51%,#08090d 100%)!important} .zone-bg-cinderpeak .classic-center::before{background-image:radial-gradient(ellipse at 20% 19%,#b75d2a50 0 11%,transparent 39%),radial-gradient(ellipse at 24% 66%,#e1954235 0 9%,transparent 34%),repeating-linear-gradient(80deg,transparent 0 72px,#b75d2a10 73px 75px),linear-gradient(185deg,#2a120c 0%,#170d0a 51%,#090807 100%)!important} .zone-bg-duskmantle_reaches .classic-center::before{background-image:radial-gradient(ellipse at 35% 24%,#5b4b8550 0 11%,transparent 39%),radial-gradient(ellipse at 60% 60%,#8d456b35 0 9%,transparent 34%),repeating-linear-gradient(115deg,transparent 0 62px,#5b4b8510 63px 65px),linear-gradient(181deg,#15101d 0%,#0f0d15 51%,#08080b 100%)!important} .zone-bg-gloam_aetherium .classic-center::before{background-image:radial-gradient(ellipse at 18% 27%,#59508c50 0 11%,transparent 39%),radial-gradient(ellipse at 14% 64%,#3b789135 0 9%,transparent 34%),repeating-linear-gradient(128deg,transparent 0 57px,#59508c10 58px 60px),linear-gradient(173deg,#110e1d 0%,#0c1018 51%,#07080c 100%)!important} .zone-bg-starstone_delves .classic-center::before{background-image:radial-gradient(ellipse at 38% 27%,#527f8e50 0 11%,transparent 39%),radial-gradient(ellipse at 77% 83%,#8f62a035 0 9%,transparent 34%),repeating-linear-gradient(108deg,transparent 0 79px,#527f8e10 80px 82px),linear-gradient(181deg,#101921 0%,#101018 51%,#08090c 100%)!important} .zone-bg-verdant_oathwood .classic-center::before{background-image:radial-gradient(ellipse at 23% 12%,#467a4550 0 11%,transparent 39%),radial-gradient(ellipse at 33% 66%,#9b8d3f35 0 9%,transparent 34%),repeating-linear-gradient(128deg,transparent 0 45px,#467a4510 46px 48px),linear-gradient(175deg,#101e12 0%,#0d1510 51%,#070a08 100%)!important} .zone-bg-hollowwind_necropolis .classic-center::before{background-image:radial-gradient(ellipse at 26% 25%,#5b4b8550 0 11%,transparent 39%),radial-gradient(ellipse at 35% 81%,#8d456b35 0 9%,transparent 34%),repeating-linear-gradient(106deg,transparent 0 85px,#5b4b8510 86px 88px),linear-gradient(155deg,#15101d 0%,#0f0d15 51%,#08080b 100%)!important} .zone-bg-coinmist_expanse .classic-center::before{background-image:radial-gradient(ellipse at 75% 14%,#a4803850 0 11%,transparent 39%),radial-gradient(ellipse at 61% 66%,#80644235 0 9%,transparent 34%),repeating-linear-gradient(105deg,transparent 0 52px,#a4803810 53px 55px),linear-gradient(128deg,#221b0e 0%,#15120c 51%,#090907 100%)!important} .zone-bg-shadowheart_citadel .classic-center::before{background-image:radial-gradient(ellipse at 29% 13%,#59508c50 0 11%,transparent 39%),radial-gradient(ellipse at 74% 58%,#3b789135 0 9%,transparent 34%),repeating-linear-gradient(119deg,transparent 0 70px,#59508c10 71px 73px),linear-gradient(126deg,#110e1d 0%,#0c1018 51%,#07080c 100%)!important} .zone-bg-ashen_crown_frontier .classic-center::before{background-image:radial-gradient(ellipse at 31% 35%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 51% 72%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(106deg,transparent 0 73px,#736b5b10 74px 76px),linear-gradient(139deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .zone-bg-starforge_bastion .classic-center::before{background-image:radial-gradient(ellipse at 78% 12%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 15% 64%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(113deg,transparent 0 61px,#736b5b10 62px 64px),linear-gradient(172deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .zone-bg-voidglass_reaches .classic-center::before{background-image:radial-gradient(ellipse at 54% 18%,#59508c50 0 11%,transparent 39%),radial-gradient(ellipse at 55% 62%,#3b789135 0 9%,transparent 34%),repeating-linear-gradient(84deg,transparent 0 61px,#59508c10 62px 64px),linear-gradient(126deg,#110e1d 0%,#0c1018 51%,#07080c 100%)!important} .zone-bg-wyrmgrave_throne .classic-center::before{background-image:radial-gradient(ellipse at 73% 32%,#736b5b50 0 11%,transparent 39%),radial-gradient(ellipse at 81% 70%,#9b744535 0 9%,transparent 34%),repeating-linear-gradient(118deg,transparent 0 74px,#736b5b10 75px 77px),linear-gradient(161deg,#1a1815 0%,#11110f 51%,#090a09 100%)!important} .classic-world-info,.classic-combat,.location-service{background-color:#0a0c0a9c!important;backdrop-filter:none} /* 0.34.0 visual-coherence hotfix — distinct realm art, restored combat utility placement, collapsible map reference. */ .classic-center::before{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;opacity:.9!important} .classic-center::after{background:linear-gradient(180deg,rgba(5,7,7,.18) 0%,rgba(5,7,7,.38) 44%,rgba(5,7,7,.76) 100%)!important} /* The atmosphere pass must never put absolute combat utilities back into document flow. */ .classic-center>.realm-utility-cluster{position:absolute!important;top:9px!important;right:10px!important;z-index:54!important;margin:0!important} .classic-center>.auto-special-menu{position:absolute!important;top:9px!important;left:10px!important;z-index:52!important;margin:0!important} .classic-center>.classic-world-info{position:relative!important;z-index:2!important} /* One structured OMEN tag; the complete OMEN row uses the event-gold treatment. */ .chat-message.event-omen,.chat-message.event-omen .chat-prefix,.chat-message.event-omen .chat-body{color:#e6c85f!important} .chat-message.event-omen .chat-prefix{font-weight:800!important;text-shadow:0 0 7px rgba(216,178,73,.2)} /* Map key and Realm Gates sit directly below the map, centered, and may be collapsed independently. */ .map-collapsible-panel{width:100%!important;box-sizing:border-box;text-align:left;margin:7px auto 0!important} .map-collapsible-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;min-height:24px;padding:3px 6px;border:1px solid #303630;background:#0a0d0b;color:#b9b59f;font-size:.62rem;font-weight:750;letter-spacing:.02em;user-select:none} .map-collapsible-panel>summary::-webkit-details-marker{display:none} .map-collapsible-panel>summary::before{content:"▸";color:#8e9b8d;font-size:.7rem;line-height:1;transform:translateY(-1px)} .map-collapsible-panel[open]>summary::before{content:"▾"} .map-collapsible-panel>summary:hover{border-color:#555d52;color:#ded8c1} .map-key-panel .map-legend{display:grid!important;grid-template-columns:repeat(2,max-content)!important;justify-content:center!important;align-items:center!important;gap:4px 15px!important;width:100%!important;margin:6px auto 0!important;text-align:left!important;white-space:normal!important} .map-key-panel .map-legend span{display:grid!important;grid-template-columns:8px auto!important;align-items:center!important;gap:5px!important;justify-content:start!important} .map-key-panel .hotspot-status{max-width:260px!important;margin:6px auto 0!important} .realm-connections{padding-top:0!important;border-top:0!important} .realm-connections>summary{justify-content:space-between!important} .realm-connections>summary::before{order:-1} .realm-connections>summary strong{color:#d9c87a;font-size:.68rem} .realm-connections>summary span{color:#888d84;font-size:.58rem;font-weight:500;text-align:right} .realm-connection-list{padding:4px 6px 0} .zone-bg-ashen_crown_frontier .classic-center::before{background-image:url("/assets/zones/ashen_crown_frontier.svg")!important} .zone-bg-blackvault_labyrinth .classic-center::before{background-image:url("/assets/zones/blackvault_labyrinth.svg")!important} .zone-bg-blackwater_underworks .classic-center::before{background-image:url("/assets/zones/blackwater_underworks.svg")!important} .zone-bg-blightfire_crucible .classic-center::before{background-image:url("/assets/zones/blightfire_crucible.svg")!important} .zone-bg-chainspire_gaol .classic-center::before{background-image:url("/assets/zones/chainspire_gaol.svg")!important} .zone-bg-cindermaw_gate .classic-center::before{background-image:url("/assets/zones/cindermaw_gate.svg")!important} .zone-bg-cinderpeak .classic-center::before{background-image:url("/assets/zones/cinderpeak.svg")!important} .zone-bg-cinderwaste_reach .classic-center::before{background-image:url("/assets/zones/cinderwaste_reach.svg")!important} .zone-bg-coinmist_expanse .classic-center::before{background-image:url("/assets/zones/coinmist_expanse.svg")!important} .zone-bg-crowncoin_coast .classic-center::before{background-image:url("/assets/zones/crowncoin_coast.svg")!important} .zone-bg-dawnshield_marches .classic-center::before{background-image:url("/assets/zones/dawnshield_marches.svg")!important} .zone-bg-deepvault_abyss .classic-center::before{background-image:url("/assets/zones/deepvault_abyss.svg")!important} .zone-bg-dragoncrown_summit .classic-center::before{background-image:url("/assets/zones/dragoncrown_summit.svg")!important} .zone-bg-dragonward_hold .classic-center::before{background-image:url("/assets/zones/dragonward_hold.svg")!important} .zone-bg-drowned_sapphire_cove .classic-center::before{background-image:url("/assets/zones/drowned_sapphire_cove.svg")!important} .zone-bg-duskmantle_reaches .classic-center::before{background-image:url("/assets/zones/duskmantle_reaches.svg")!important} .zone-bg-elderbloom_weald .classic-center::before{background-image:url("/assets/zones/elderbloom_weald.svg")!important} .zone-bg-emberwatch_crossing .classic-center::before{background-image:url("/assets/zones/emberwatch_crossing.svg")!important} .zone-bg-ghostmist_fen .classic-center::before{background-image:url("/assets/zones/ghostmist_fen.svg")!important} .zone-bg-glasswing_hatchery .classic-center::before{background-image:url("/assets/zones/glasswing_hatchery.svg")!important} .zone-bg-gloam_aetherium .classic-center::before{background-image:url("/assets/zones/gloam_aetherium.svg")!important} .zone-bg-goldvein_hollows .classic-center::before{background-image:url("/assets/zones/goldvein_hollows.svg")!important} .zone-bg-greenwarden_crown .classic-center::before{background-image:url("/assets/zones/greenwarden_crown.svg")!important} .zone-bg-hollowwind_necropolis .classic-center::before{background-image:url("/assets/zones/hollowwind_necropolis.svg")!important} .zone-bg-hourglass_catacombs .classic-center::before{background-image:url("/assets/zones/hourglass_catacombs.svg")!important} .zone-bg-iron_oath_citadel .classic-center::before{background-image:url("/assets/zones/iron_oath_citadel.svg")!important} .zone-bg-ironbriar_march .classic-center::before{background-image:url("/assets/zones/ironbriar_march.svg")!important} .zone-bg-kingdeep_mine .classic-center::before{background-image:url("/assets/zones/kingdeep_mine.svg")!important} .zone-bg-kingsgrave_barrows .classic-center::before{background-image:url("/assets/zones/kingsgrave_barrows.svg")!important} .zone-bg-moonfang_glade .classic-center::before{background-image:url("/assets/zones/moonfang_glade.svg")!important} .zone-bg-moonless_barrows .classic-center::before{background-image:url("/assets/zones/moonless_barrows.svg")!important} .zone-bg-mourning_isle .classic-center::before{background-image:url("/assets/zones/mourning_isle.svg")!important} .zone-bg-nightglass_sanctum .classic-center::before{background-image:url("/assets/zones/nightglass_sanctum.svg")!important} .zone-bg-oathscar_fields .classic-center::before{background-image:url("/assets/zones/oathscar_fields.svg")!important} .zone-bg-prismbark_grove .classic-center::before{background-image:url("/assets/zones/prismbark_grove.svg")!important} .zone-bg-radiant_steppe .classic-center::before{background-image:url("/assets/zones/radiant_steppe.svg")!important} .zone-bg-shadowheart_citadel .classic-center::before{background-image:url("/assets/zones/shadowheart_citadel.svg")!important} .zone-bg-shardscale_mere .classic-center::before{background-image:url("/assets/zones/shardscale_mere.svg")!important} .zone-bg-shardwyrm_isle .classic-center::before{background-image:url("/assets/zones/shardwyrm_isle.svg")!important} .zone-bg-shattered_veil .classic-center::before{background-image:url("/assets/zones/shattered_veil.svg")!important} .zone-bg-skyfang_cliffs .classic-center::before{background-image:url("/assets/zones/skyfang_cliffs.svg")!important} .zone-bg-starfall_enclave .classic-center::before{background-image:url("/assets/zones/starfall_enclave.svg")!important} .zone-bg-starforge_bastion .classic-center::before{background-image:url("/assets/zones/starforge_bastion.svg")!important} .zone-bg-starstone_delves .classic-center::before{background-image:url("/assets/zones/starstone_delves.svg")!important} .zone-bg-starward_collegium .classic-center::before{background-image:url("/assets/zones/starward_collegium.svg")!important} .zone-bg-stormcrown_keep .classic-center::before{background-image:url("/assets/zones/stormcrown_keep.svg")!important} .zone-bg-stormvault_aerie .classic-center::before{background-image:url("/assets/zones/stormvault_aerie.svg")!important} .zone-bg-stormward_wilds .classic-center::before{background-image:url("/assets/zones/stormward_wilds.svg")!important} .zone-bg-temple_broken_sigil .classic-center::before{background-image:url("/assets/zones/temple_broken_sigil.svg")!important} .zone-bg-temple_seven_oaths .classic-center::before{background-image:url("/assets/zones/temple_seven_oaths.svg")!important} .zone-bg-thunderscale_basin .classic-center::before{background-image:url("/assets/zones/thunderscale_basin.svg")!important} .zone-bg-vale_of_torment .classic-center::before{background-image:url("/assets/zones/vale_of_torment.svg")!important} .zone-bg-verdant_oathwood .classic-center::before{background-image:url("/assets/zones/verdant_oathwood.svg")!important} .zone-bg-voidglass_reaches .classic-center::before{background-image:url("/assets/zones/voidglass_reaches.svg")!important} .zone-bg-whisperbriar_wood .classic-center::before{background-image:url("/assets/zones/whisperbriar_wood.svg")!important} .zone-bg-wyrmglass_lair .classic-center::before{background-image:url("/assets/zones/wyrmglass_lair.svg")!important} .zone-bg-wyrmglass_preserve .classic-center::before{background-image:url("/assets/zones/wyrmglass_preserve.svg")!important} .zone-bg-wyrmgrave_throne .classic-center::before{background-image:url("/assets/zones/wyrmgrave_throne.svg")!important} /* 0.34.0 desktop realm-art + combat-target coherence pass. Keep the accepted desktop geometry; improve hierarchy without responsive/mobile reflow. */ .classic-center>.classic-world-info{ align-self:stretch!important; width:auto!important; box-sizing:border-box!important; margin:-13px -14px 8px!important; padding:10px 170px 9px!important; min-height:70px!important; display:grid!important; align-content:center!important; justify-items:center!important; background:linear-gradient(180deg,rgba(5,8,7,.96),rgba(7,10,8,.88))!important; border:0!important; border-bottom:1px solid #30372f!important; box-shadow:0 8px 20px rgba(0,0,0,.22)!important; position:relative!important; z-index:3!important; } .classic-center>.classic-world-info strong{font-size:1.02rem!important;letter-spacing:.01em!important} .classic-center>.classic-world-info span{font-size:.82rem!important} .classic-center>.classic-world-info em{font-size:.72rem!important} .classic-center>.realm-utility-cluster{position:absolute!important;top:9px!important;right:10px!important;z-index:56!important;margin:0!important} .classic-center>.auto-special-menu{position:absolute!important;top:9px!important;left:10px!important;z-index:56!important;margin:0!important} .classic-center>.realm-settings-panel{ position:absolute!important; top:48px!important; right:10px!important; left:auto!important; margin:0!important; z-index:70!important; width:min(350px,calc(100% - 20px))!important; max-height:calc(100% - 58px)!important; } /* Six stable key cells, then the longer Hotspot rule on its own centered row. */ .map-key-panel .map-legend.map-legend-six{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px 8px!important; width:min(100%,258px)!important; margin:7px auto 0!important; justify-content:stretch!important; align-items:center!important; white-space:normal!important; text-align:left!important; } .map-key-panel .map-legend.map-legend-six>span{ display:grid!important; grid-template-columns:9px minmax(0,1fr)!important; align-items:center!important; gap:5px!important; min-width:0!important; justify-content:start!important; } .map-key-panel .map-legend.map-legend-six>span>i{ width:8px!important; height:8px!important; margin:0!important; } .map-key-panel .map-hotspot-row{ width:min(100%,258px)!important; max-width:none!important; box-sizing:border-box!important; margin:7px auto 1px!important; padding:5px 7px!important; display:flex!important; justify-content:center!important; align-items:center!important; gap:5px!important; text-align:center!important; line-height:1.25!important; border-top:1px solid #202720!important; } /* Realm Gates already carry direction, destination and level; make that existing data easier to scan. */ .realm-connection-list{display:grid!important;gap:2px!important;padding:5px 5px 1px!important} .realm-connection-list>*{min-height:22px!important} .realm-connection-list .realm-connection-row{ display:grid!important; grid-template-columns:62px minmax(0,1fr) auto!important; align-items:center!important; gap:7px!important; padding:3px 5px!important; border-bottom:1px solid #171c18!important; } .realm-connection-list .realm-connection-row:last-child{border-bottom:0!important} .realm-connection-row .realm-connection-dir{color:#75bdd1!important;font-size:.61rem!important} .realm-connection-row strong{color:#d7d7d0!important;font-size:.62rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .realm-connection-row em{color:#a89148!important;font-size:.58rem!important;font-style:normal!important;white-space:nowrap} /* Main workspace buttons: retain the 2x4 footprint, replace arbitrary glyphs with a coherent fantasy line-icon family. */ .classic-links.primary-workspaces{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:6px!important; background:transparent!important; border:0!important; } .classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){ border:1px solid #343b35!important; background:linear-gradient(180deg,#111512 0%,#0b0e0c 100%)!important; box-shadow:inset 0 1px rgba(255,255,255,.018),0 1px 0 rgba(0,0,0,.35)!important; transition:border-color .12s ease,background .12s ease,color .12s ease,transform .12s ease!important; } .classic-links.primary-workspaces a:hover{ border-color:#69766a!important; background:linear-gradient(180deg,#1a211b 0%,#101510 100%)!important; color:#f0eee7!important; } .classic-links.primary-workspaces a:active{transform:translateY(1px)!important} .classic-links.primary-workspaces a.active{ border-color:#658164!important; background:linear-gradient(180deg,#1a291c 0%,#111a12 100%)!important; box-shadow:inset 0 -2px #6bb36a,inset 0 1px rgba(255,255,255,.025)!important; } .classic-links.primary-workspaces a>.workspace-glyph{ width:18px!important; height:18px!important; color:#9ba69b!important; } .classic-links.primary-workspaces a>.workspace-glyph svg{ display:block!important; width:18px!important; height:18px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.65!important; stroke-linecap:round!important; stroke-linejoin:round!important; } .classic-links.primary-workspaces a:hover>.workspace-glyph{color:#d5dbcF!important} .classic-links.primary-workspaces a.active>.workspace-glyph{color:#9fe29d!important} /* Scene artwork is the realm identity; keep combat text readable while allowing silhouettes/landmarks to register. */ .classic-center::before{ background-size:cover!important; background-position:center center!important; opacity:.96!important; filter:saturate(.92) contrast(1.03)!important; } .classic-center::after{ background:linear-gradient(180deg,rgba(4,6,6,.10) 0%,rgba(4,6,6,.28) 42%,rgba(4,6,6,.68) 100%)!important; } /* 0.34.0 global character-singleton safety: a second tab sharing one authenticated browser login is never allowed to become an interactive game instance. */ .duplicate-character-session{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:10050;width:min(560px,calc(100vw - 40px));padding:28px;text-align:center;border:1px solid rgba(182,156,70,.72);box-shadow:0 24px 80px rgba(0,0,0,.72);background:linear-gradient(180deg,rgba(15,22,17,.99),rgba(7,11,9,.99))}.duplicate-character-session h2{margin:8px 0 10px;color:#e6d78e}.duplicate-character-session p{margin:0 auto 18px;max-width:46ch;color:#c8c8bb;line-height:1.5}.duplicate-character-session .button{display:inline-flex;min-width:150px;justify-content:center} /* Phase 16 — Scholars' Court, Imbuing browser, atomic merchant selection and compact Runic quality controls. */ .crafting-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important} .craft-reference-strip{display:grid;gap:8px;margin-top:2px}.craft-reference-strip>.system-summary-card{margin:0} .upgrade-target-row[hidden]{display:none!important} .upgrade-browser-toolbar{grid-template-columns:minmax(175px,1.3fr) minmax(115px,.6fr) minmax(140px,.72fr) minmax(125px,.62fr) auto!important} .upgrade-browser-toolbar.runic{grid-template-columns:minmax(175px,1.3fr) minmax(115px,.6fr) minmax(125px,.62fr) auto auto!important} .craft-property-cost strong.ready{color:#8bc386}.craft-property-cost strong.short{color:#c3a070}.craft-property-cost strong+strong{margin-top:2px} .runic-quality-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.runic-quality-controls button{min-width:0;height:34px!important;padding:0 7px!important;border:1px solid #343d35!important;background:#101611!important;color:#bcb9aa!important;font-size:.64rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runic-quality-controls button:hover{border-color:#69765a!important;color:#e0cf7c!important;background:#151d15!important} .runic-quality-dialog{width:min(430px,calc(100vw - 32px));padding:17px 18px 16px;border:1px solid #59634f;border-radius:6px;background:#0d120e;color:#ddd8ca;box-shadow:0 24px 70px #000d}.runic-quality-dialog::backdrop{background:#0009}.runic-quality-dialog>span{display:block;color:#7f897f;font-size:.60rem;text-transform:uppercase;letter-spacing:.08em}.runic-quality-dialog>strong{display:block;margin-top:3px;color:#e0cf7c;font-size:.92rem}.runic-quality-dialog>p{margin:9px 0 0;color:#a8aea5;font-size:.70rem;line-height:1.5}.runic-quality-dialog form{position:absolute;right:8px;top:7px}.runic-quality-close{width:29px;height:29px!important;padding:0!important;border:0!important;background:transparent!important;color:#9ca49b!important;font-size:1.1rem!important} .reincarnation-panel{display:grid;gap:10px}.reincarnation-readiness{display:flex;flex-wrap:wrap;gap:6px}.reincarnation-readiness>span{padding:5px 7px;border:1px solid #323b33;border-radius:3px;background:#0d120e;color:#a8afa6;font-size:.65rem}.reincarnation-readiness>span.ready{border-color:#36563a;color:#8bc386}.reincarnation-readiness>span.short{border-color:#5c4833;color:#c3a070}.reincarnation-panel>p{margin:0;color:#929b92;font-size:.69rem;line-height:1.48}.reincarnation-form{display:grid;gap:10px}.reincarnation-allocation-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.reincarnation-allocation{display:grid;gap:4px}.reincarnation-allocation span{color:#7f897f;font-size:.60rem;text-transform:uppercase;letter-spacing:.055em}.reincarnation-allocation input{width:100%;min-width:0;height:34px;border:1px solid #3c463d;border-radius:3px;background:#101511;color:#ded9cc;padding:0 7px;text-align:right}.reincarnation-allocation-status{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid #303830;background:#0b100c}.reincarnation-allocation-status strong{color:#d2c981;font-size:.67rem}.reincarnation-allocation-status span{color:#969e96;font-size:.65rem}.reincarnation-stat-preview{display:grid;gap:7px;padding:9px;border:1px solid #303830;background:#0b100c}.reincarnation-stat-preview>header{display:flex;justify-content:space-between}.reincarnation-stat-preview>header span{color:#7f897f;font-size:.60rem;text-transform:uppercase}.reincarnation-stat-preview>header strong{color:#d2c981;font-size:.70rem}.reincarnation-stat-preview>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.reincarnation-stat-preview>div>div{display:grid;gap:2px;padding:6px;border:1px solid #293129;background:#0e140f}.reincarnation-stat-preview span{color:#788278;font-size:.58rem}.reincarnation-stat-preview strong{color:#d7d5c9;font-size:.68rem}.reincarnation-panel.allocation-complete .reincarnation-allocation-status{border-color:#456247} .merchant-selection-form{display:grid;gap:0}.merchant-selection-summary{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:8px}.merchant-selection-summary strong{color:#d1c777;font-size:.67rem}.merchant-selection-summary span{color:#b5b9ae;font-size:.66rem}.merchant-selection-summary button{height:30px!important;white-space:nowrap}.merchant-owned-card{grid-template-columns:minmax(0,1fr) auto!important;cursor:pointer;user-select:none;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}.merchant-owned-card.selected{border-color:#71845e!important;background:#111a12!important;box-shadow:inset 3px 0 0 #8fa55d}.merchant-owned-card:focus-visible{outline:2px solid #a8bb79;outline-offset:1px}.merchant-selection-value{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:150px}.merchant-selection-qty{display:flex;align-items:center;gap:4px;color:#7f877f;font-size:.62rem;cursor:default;user-select:text}.merchant-selection-qty input{width:58px;height:28px;padding:0 5px;border:1px solid #3b423b;background:#101411;color:#ddd8cc} @media(max-width:900px){.upgrade-browser-toolbar,.upgrade-browser-toolbar.runic{grid-template-columns:1fr 1fr!important}.runic-quality-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.reincarnation-allocation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:640px){.merchant-selection-summary{grid-template-columns:1fr}.merchant-owned-card{grid-template-columns:minmax(0,1fr)!important}.merchant-selection-value{grid-column:1;justify-content:flex-start;min-width:0}.reincarnation-stat-preview>div{grid-template-columns:1fr 1fr}.runic-quality-controls{grid-template-columns:1fr 1fr}} @media(max-width:520px){.crafting-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.upgrade-browser-toolbar,.upgrade-browser-toolbar.runic{grid-template-columns:1fr!important}.reincarnation-allocation-grid{grid-template-columns:1fr 1fr}} /* 0.34.0 Phase 17 FIELD closure: Craft filtering/sorting and Questmaster readability. */ .craft-recipe-card[hidden]{display:none!important} .craft-browser-toolbar{grid-template-columns:minmax(170px,1.35fr) 128px 112px minmax(135px,.8fr) minmax(150px,.85fr) auto!important} .service-questmaster .quest-board-toolbar label,.service-questmaster .quest-board-toolbar>span{font-size:.68rem!important} .service-questmaster .quest-board-filter-pills button{font-size:.70rem!important} .service-questmaster .quest-board-toolbar select{font-size:.70rem!important;height:34px!important} .service-questmaster .quest-contract-id{font-size:.66rem!important} .service-questmaster .quest-contract-target,.service-questmaster .quest-contract-head strong{font-size:.82rem!important} .service-questmaster .quest-contract-meta{font-size:.70rem!important} .service-questmaster .quest-contract-time{font-size:.70rem!important} .service-questmaster .quest-contract-reward{font-size:.75rem!important} .service-questmaster .quest-contract-status,.service-questmaster .quest-contract-action button,.service-questmaster .quest-contract-card>form button{font-size:.70rem!important} .service-questmaster .quest-active-summary strong,.service-questmaster .quest-claim-card strong{font-size:.78rem!important} .service-questmaster .quest-active-summary span,.service-questmaster .quest-claim-card span{font-size:.68rem!important} @media(max-width:900px){.craft-browser-toolbar{grid-template-columns:1fr 1fr!important}.craft-browser-toolbar .craft-search{grid-column:1/-1}.craft-browser-toolbar .craft-favorite-filter{grid-column:1/-1}} @media(max-width:620px){.craft-browser-toolbar{grid-template-columns:1fr!important}.craft-browser-toolbar .craft-search,.craft-browser-toolbar .craft-favorite-filter{grid-column:auto}} /* 0.34.0 Phase 18 — character-control, immediate-state and unified tool presentation closure. */ /* Workspace labels must retain their descenders without colliding with the left icon. Keep the established icon gutter; the first Phase-18 pass accidentally removed it. */ .classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){ min-height:40px!important; height:40px!important; line-height:1.3!important; overflow:hidden!important; } .classic-links.primary-workspaces a>span:not(.workspace-glyph):not(.workspace-notification-dot){ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:1.45em!important; padding:2px 28px 3px!important; box-sizing:border-box!important; line-height:1.3!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* One tab language for first-party tool windows. Crafting remains the visual authority. */ .trade-workspace-tabs,.guild-tool-tabs,.progression-tabs,.amulet-tabs,.reference-tabs{ display:grid!important; gap:0!important; border:0!important; border-bottom:1px solid #343c34!important; background:#0c100d!important; } .trade-workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important} .guild-tool-tabs{grid-template-columns:repeat(7,minmax(0,1fr))!important} .progression-tabs,.amulet-tabs{grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important} .reference-tabs{grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important} .trade-workspace-tabs button,.guild-tool-tabs button,.progression-tabs button,.amulet-tabs button,.reference-tabs button{ min-width:0!important; height:38px!important; min-height:38px!important; padding:0 8px!important; border:0!important; border-right:1px solid #2e342f!important; border-radius:0!important; background:transparent!important; color:#898f87!important; box-shadow:none!important; font-size:.72rem!important; font-weight:700!important; line-height:1.2!important; letter-spacing:.02em!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; transition:background .15s ease,color .15s ease,border-color .15s ease!important; } .trade-workspace-tabs button:last-child,.guild-tool-tabs button:last-child,.progression-tabs button:last-child,.amulet-tabs button:last-child,.reference-tabs button:last-child{border-right:0!important} .trade-workspace-tabs button:hover,.guild-tool-tabs button:hover,.progression-tabs button:hover,.amulet-tabs button:hover,.reference-tabs button:hover{background:#121713!important;color:#c6cdc5!important} .trade-workspace-tabs button.active,.guild-tool-tabs button.active,.progression-tabs button.active,.amulet-tabs button.active,.reference-tabs button.active{ background:#172019!important; color:#e3d37a!important; box-shadow:inset 0 -2px #82945b!important; } /* Embed Gems — compact controls, reactive preview, and explicit sorting without a manual refresh action. */ .embed-gem-controls{display:grid!important;grid-template-columns:minmax(0,1fr) 170px!important;gap:7px!important;align-items:end!important} .embed-gem-controls label{min-width:0!important} .embed-gem-controls select{width:100%!important;min-width:0!important} .embed-result-step .crafting-actions{justify-content:center!important} .embed-result-step .crafting-actions .crafting-socket-apply{min-width:118px!important} /* Scholars' Court — vocation browser instead of a raw database-style profession list. */ .scholars-court-shell{display:grid;gap:10px;min-height:0} .scholars-court-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:10px;padding:13px 14px;border:1px solid #394139;background:linear-gradient(135deg,#101711,#090d0a 68%)} .scholars-court-hero>div{display:grid;gap:4px;align-content:start}.scholars-court-hero>div>span,.reincarnation-hall-hero>span{color:#9b8e52;font-size:.62rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.scholars-court-hero h3,.reincarnation-hall-hero h3{margin:0;color:#e1d176;font-size:1.04rem}.scholars-court-hero p,.reincarnation-hall-hero p{margin:0;max-width:72ch;color:#a8b0a8;font-size:.72rem;line-height:1.5}.scholars-court-hero aside{display:grid;gap:3px;align-content:center;padding:10px 11px;border:1px solid #334034;background:#0b110c}.scholars-court-hero aside span{color:#798479;font-size:.59rem;letter-spacing:.07em;text-transform:uppercase}.scholars-court-hero aside strong{color:#d7cf91;font-size:.84rem}.scholars-court-hero aside small{color:#89928a;font-size:.64rem;line-height:1.4} .profession-browser-toolbar{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(140px,.65fr) minmax(140px,.65fr);gap:7px;padding:8px;border:1px solid #303830;background:#090d0a}.profession-browser-toolbar label{display:grid;gap:3px;color:#818a82;font-size:.64rem}.profession-browser-toolbar label>span{text-transform:uppercase;letter-spacing:.045em}.profession-browser-toolbar input,.profession-browser-toolbar select{width:100%;min-width:0;height:33px;border:1px solid #3a433b;border-radius:2px;background:#101511;color:#d7dbd6;padding:0 7px;font-size:.72rem} .university-profession-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:0}.profession-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #2f3730;background:#090d0a}.profession-card:hover{border-color:#485448;background:#0c120d}.profession-card.selected{border-color:#64714d;background:#111811;box-shadow:inset 3px 0 #82945b}.profession-card.locked{opacity:.58}.profession-card>div{display:grid;gap:3px;min-width:0}.profession-card>div>span{color:#778278;font-size:.60rem;text-transform:uppercase;letter-spacing:.055em}.profession-card strong{color:#e0ddd2;font-size:.78rem;overflow-wrap:anywhere}.profession-card p{margin:0;color:#9aa29b;font-size:.67rem;line-height:1.4}.profession-card button{min-width:88px!important}.profession-card .profession-lock{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:31px;padding:0 8px;border:1px solid #383f39;color:#7b837c;font-size:.64rem}.profession-filter-empty{grid-column:1/-1;padding:18px;border:1px dashed #343d35;background:#080b09;color:#858e86;text-align:center;font-size:.70rem} /* Hall of Returning Stars — reincarnation is its own major Collegium institution. */ .reincarnation-hall-shell{display:grid;gap:10px;min-height:0}.reincarnation-hall-hero{display:grid;gap:4px;padding:14px;border:1px solid #424837;background:radial-gradient(circle at 82% 15%,rgba(139,125,67,.13),transparent 36%),linear-gradient(135deg,#111711,#080c09)}.reincarnation-hall-shell.complete .reincarnation-hall-hero{min-height:180px;align-content:center;text-align:center}.lineage-transition{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch}.lineage-transition>section{display:grid;gap:4px;padding:10px 11px;border:1px solid #333c34;background:#0b100c}.lineage-transition>section>span{color:#788279;font-size:.60rem;text-transform:uppercase;letter-spacing:.06em}.lineage-transition>section>strong{color:#ddd7ba;font-size:.80rem}.lineage-transition>section>small{color:#8f9990;font-size:.65rem;line-height:1.4}.lineage-transition>.lineage-arrow{display:grid;place-items:center;min-width:34px;color:#a89752;font-size:1.1rem}.reincarnation-rule-note{display:grid;gap:3px;padding:8px 10px;border-left:3px solid #746a42;background:#0c100c;color:#939b94;font-size:.67rem;line-height:1.45}.reincarnation-rule-note strong{color:#d5c97f;font-size:.70rem}.reincarnation-hall-shell .reincarnation-panel{padding:10px;border:1px solid #303830;background:#080c09} /* Guild Overview — readable progression cards and no raw implementation identifiers. */ .guild-overview-hero{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:12px 13px!important;border:1px solid #394139!important;background:linear-gradient(135deg,#101711,#090d0a 70%)!important}.guild-overview-hero>div:first-child{display:grid;gap:3px}.guild-overview-hero>div:first-child>span{color:#8f8454;font-size:.60rem;text-transform:uppercase;letter-spacing:.065em}.guild-overview-hero>div:first-child>strong{color:#e0d17c;font-size:.92rem}.guild-overview-hero>div:first-child>small{color:#9ca59d;font-size:.68rem;line-height:1.4}.guild-overview-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(86px,1fr))!important;gap:6px!important}.guild-overview-metrics>span{display:grid;gap:2px;min-width:86px;padding:8px 9px!important;border:1px solid #303930!important;background:#0a0f0b!important;color:#7f8980!important;font-size:.60rem!important;text-transform:uppercase!important;letter-spacing:.045em!important;text-align:center!important}.guild-overview-metrics b{color:#d4ca86!important;font-size:.76rem!important;letter-spacing:0!important} .guild-power-list{display:grid!important;gap:5px!important}.guild-power-row,.guild-power-family{display:grid!important;grid-template-columns:minmax(145px,.65fr) minmax(0,1.35fr)!important;gap:10px!important;align-items:center!important;padding:8px 9px!important;border:1px solid #2d352e!important;background:#090d0a!important}.guild-power-copy,.guild-power-family>div:first-child{display:grid!important;gap:2px!important}.guild-power-copy>span{color:#69756b!important;font-size:.56rem!important;text-transform:uppercase!important;letter-spacing:.055em!important}.guild-power-copy>strong,.guild-power-family>div:first-child>strong{color:#dad7cb!important;font-size:.72rem!important}.guild-power-copy>small,.guild-power-family>div:first-child>span{color:#8b958d!important;font-size:.63rem!important}.guild-power-tiers{display:grid!important;grid-template-columns:repeat(5,minmax(64px,1fr))!important;gap:5px!important;justify-content:stretch!important}.guild-power-tiers form{min-width:0!important}.guild-power-tier,.guild-power-family .guild-power-tiers button{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:4px!important;align-items:center!important;width:100%!important;min-width:0!important;height:39px!important;padding:0 7px!important}.guild-power-tier span,.guild-power-family .guild-power-tiers button span{color:#7d877f!important;font-size:.57rem!important}.guild-power-tier strong,.guild-power-family .guild-power-tiers button strong{color:#d9d4bd!important;font-size:.63rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.guild-power-tier small,.guild-power-family .guild-power-tiers button small{color:#9a8d55!important;font-size:.56rem!important;white-space:nowrap!important} .guild-history-table-head,.guild-history-row{grid-template-columns:112px 150px 150px minmax(0,1fr)!important;gap:9px!important}.guild-history-table-head{padding:7px 9px!important;color:#879088!important;font-size:.60rem!important;line-height:1.3!important}.guild-history-row{padding:8px 9px!important;min-height:38px!important;align-items:start!important}.guild-history-row time{color:#7f8981!important;font-size:.67rem!important;line-height:1.4!important}.guild-history-row strong{color:#d3c87c!important;font-size:.69rem!important;line-height:1.4!important}.guild-history-actor{color:#b6bdb7!important;font-size:.68rem!important;line-height:1.4!important}.guild-history-detail{color:#949d95!important;font-size:.68rem!important;line-height:1.4!important;overflow-wrap:anywhere!important} /* My Listings gets the same functional toolbar language as the public Market browser. */ .my-market-toolbar{display:grid;grid-template-columns:minmax(170px,1.4fr) repeat(3,minmax(120px,.72fr));gap:6px;align-items:end;padding:8px;border-bottom:1px solid #303630;background:#090c0a}.my-market-toolbar label{display:grid;gap:3px;color:#8d968f;font-size:.68rem}.my-market-toolbar input,.my-market-toolbar select{width:100%;min-width:0;height:31px;border:1px solid #3e443e;background:#101411;color:#d9ddd8;padding:0 7px;font-size:.72rem} @media(max-width:900px){ .guild-tool-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important} .scholars-court-hero{grid-template-columns:1fr}.university-profession-panel{grid-template-columns:1fr}.profession-browser-toolbar{grid-template-columns:1fr 1fr}.profession-browser-toolbar .profession-search{grid-column:1/-1} .guild-power-row,.guild-power-family{grid-template-columns:1fr!important}.guild-overview-hero{grid-template-columns:1fr!important}.guild-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important} .my-market-toolbar{grid-template-columns:1fr 1fr} } @media(max-width:620px){ .trade-workspace-tabs{grid-template-columns:1fr!important}.guild-tool-tabs{grid-template-columns:1fr 1fr!important}.progression-tabs,.amulet-tabs,.reference-tabs{grid-auto-flow:row!important;grid-template-columns:1fr 1fr!important}.trade-workspace-tabs button,.guild-tool-tabs button,.progression-tabs button,.amulet-tabs button,.reference-tabs button{border-right:0!important;border-bottom:1px solid #2e342f!important} .embed-gem-controls,.profession-browser-toolbar,.my-market-toolbar{grid-template-columns:1fr!important}.profession-browser-toolbar .profession-search{grid-column:auto}.lineage-transition{grid-template-columns:1fr}.lineage-transition>.lineage-arrow{transform:rotate(90deg)}.guild-power-tiers{grid-template-columns:1fr 1fr!important}.guild-overview-metrics{grid-template-columns:1fr!important} .guild-history-table-head{display:none!important}.guild-history-row{grid-template-columns:1fr 1fr!important}.guild-history-detail{grid-column:1/-1!important} } /* Phase 18 structure alignment for generated service markup. */ .profession-card.active{border-color:#64714d!important;background:#111811!important;box-shadow:inset 3px 0 #82945b!important} .reincarnation-hall-hero>div:first-child{display:grid;gap:4px} .reincarnation-hall-hero .lineage-transition{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto minmax(0,1fr);gap:7px;align-items:center;margin-top:7px;padding:9px 10px;border:1px solid #373f34;background:#0a0f0b} .reincarnation-hall-hero .lineage-transition span{color:#778078;font-size:.59rem;text-transform:uppercase;letter-spacing:.055em;white-space:nowrap} .reincarnation-hall-hero .lineage-transition strong{color:#ddd6b5;font-size:.74rem;min-width:0;overflow-wrap:anywhere} .reincarnation-hall-hero .lineage-transition b{color:#a69552;font-size:.88rem} .reincarnation-rule-note p{margin:0} .reincarnation-readiness>span{display:grid!important;gap:2px!important}.reincarnation-readiness>span b{color:#7e887f;font-size:.56rem;text-transform:uppercase;letter-spacing:.045em}.reincarnation-readiness>span.ready b{color:#80aa7c}.reincarnation-readiness>span.short b{color:#b09369} @media(max-width:700px){.reincarnation-hall-hero .lineage-transition{grid-template-columns:1fr 1fr}.reincarnation-hall-hero .lineage-transition b{grid-column:1/-1;text-align:center;transform:rotate(90deg)}} /* Phase 19 — shared tool-tab authority, complete Guild power copy, Armory browser, compact activity prefixes. */ .inventory-category-nav{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; padding:0!important; margin:0 0 10px!important; border:0!important; border-bottom:1px solid #343c34!important; background:#0c100d!important; } .inventory-category-nav .inventory-category-divider{display:none!important} .inventory-category-nav button,.inventory-category-nav button.ledger{ min-width:0!important;height:38px!important;min-height:38px!important;padding:0 8px!important; border:0!important;border-right:1px solid #2e342f!important;border-radius:0!important; background:transparent!important;color:#898f87!important;box-shadow:none!important; font-size:.72rem!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.02em!important; white-space:normal!important;overflow:visible!important;text-overflow:clip!important; } .inventory-category-nav button:last-child{border-right:0!important} .inventory-category-nav button:hover,.inventory-category-nav button.ledger:hover{background:#121713!important;color:#c6cdc5!important;border-color:#2e342f!important} .inventory-category-nav button.active,.inventory-category-nav button[aria-pressed="true"],.inventory-category-nav button.ledger.active{ background:#141b15!important;color:#e2d26f!important;box-shadow:inset 0 -2px #9a8b42!important;border-color:#2e342f!important; } .guild-power-tiers{grid-template-columns:repeat(5,minmax(92px,1fr))!important} .guild-power-tier,.guild-power-family .guild-power-tiers button{ grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto auto!important; min-height:52px!important;height:auto!important;padding:6px 8px!important;column-gap:6px!important;row-gap:2px!important;text-align:left!important; } .guild-power-tier .guild-power-tier-label,.guild-power-family .guild-power-tiers button .guild-power-tier-label{grid-row:1/3;align-self:center;font-weight:800!important} .guild-power-tier strong,.guild-power-family .guild-power-tiers button strong{ white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2!important;font-size:.64rem!important; } .guild-power-tier small,.guild-power-family .guild-power-tiers button small{grid-column:2;line-height:1.1!important;font-size:.56rem!important} .guild-armory-toolbar{display:grid;grid-template-columns:minmax(170px,1.25fr) minmax(125px,.72fr) minmax(160px,.85fr);gap:6px;padding:7px;border-top:1px solid #2e352f;border-bottom:1px solid #2e352f;background:#090d0a} .guild-armory-toolbar label{display:grid;gap:3px;color:#8b958d;font-size:.68rem}.guild-armory-toolbar input,.guild-armory-toolbar select{height:31px;min-width:0;width:100%;padding:0 7px;border:1px solid #3d463e;background:#111612;color:#d9ddd8;font-size:.72rem} .guild-armory-list[data-guild-armory-list]{max-height:330px!important;padding-top:7px!important} .guild-armory-tools form[data-guild-armory-deposit]{display:grid!important;grid-template-columns:minmax(130px,.8fr) minmax(170px,1.25fr) 80px auto!important;align-items:end!important} .activity-message{grid-template-columns:max-content minmax(0,1fr) auto!important;column-gap:7px!important} .activity-message .chat-prefix{max-width:230px!important} @media(max-width:1050px){.guild-power-tiers{grid-template-columns:repeat(3,minmax(100px,1fr))!important}.inventory-category-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.guild-armory-toolbar{grid-template-columns:1fr 1fr}.guild-armory-toolbar label:first-child{grid-column:1/-1}} @media(max-width:650px){.inventory-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.guild-armory-toolbar{grid-template-columns:1fr}.guild-armory-toolbar label:first-child{grid-column:auto}.guild-armory-tools form[data-guild-armory-deposit]{grid-template-columns:1fr!important}} .market-want-grid.single{grid-template-columns:1fr!important}.market-want-grid.single .market-want-option{display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(190px,1.2fr) 82px 82px!important;gap:6px!important;align-items:end!important}.market-want-grid.single input[type=search]{width:100%;height:31px} @media(max-width:780px){.market-want-grid.single .market-want-option{grid-template-columns:1fr 1fr!important}.market-want-grid.single .market-want-option label:first-child,.market-want-grid.single .market-want-option label:nth-child(2){grid-column:1/-1}} /* Phase 19 — Campaign contacts and journal: local NPC stories, not a remote quest board. */ .campaign-contact-shell{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;padding:10px;border:1px solid #343d35;background:linear-gradient(180deg,#0d120e,#090d0a)} .campaign-contact-portrait{display:grid;place-items:center;align-self:start;aspect-ratio:1;border:1px solid #4b5549;background:radial-gradient(circle at 50% 32%,#253027 0 20%,#111812 21% 58%,#090d0a 59%);box-shadow:inset 0 0 0 3px #0b100c;color:#d8ca7b} .campaign-contact-portrait span{font:800 1.55rem/1 Georgia,serif;text-shadow:0 1px 0 #000} .campaign-contact-copy{min-width:0;display:grid;align-content:start;gap:3px}.campaign-contact-title{color:#778379;font-size:.61rem;text-transform:uppercase;letter-spacing:.075em}.campaign-contact-copy h3{margin:0;color:#e0d6a3;font:700 1rem/1.2 Georgia,serif}.campaign-contact-copy blockquote{margin:5px 0 0;padding:8px 10px;border-left:2px solid #7b7040;background:#0a0f0b;color:#b7bdb5;font-size:.72rem;line-height:1.48} .campaign-contact-contract{grid-column:1/-1;border:1px solid #343d35;background:#090d0a}.campaign-contact-contract>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid #2c342d;background:#0e140f}.campaign-contact-contract>header>div{display:grid;gap:1px}.campaign-contact-contract>header span,.campaign-contract-grid span{color:#768179;font-size:.58rem;text-transform:uppercase;letter-spacing:.065em}.campaign-contact-contract>header strong{color:#d8ca78;font-size:.79rem}.campaign-status{padding:4px 7px;border:1px solid #3a443b;border-radius:3px;color:#a9b1a8;font-size:.59rem;text-transform:uppercase;letter-spacing:.04em}.campaign-status.status-complete{border-color:#526540;color:#bcd57d}.campaign-status.status-claimed{border-color:#31593b;color:#8fd09a}.campaign-status.status-active{border-color:#665a34;color:#d6c179} .campaign-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#252d27}.campaign-contract-grid>div{display:grid;gap:3px;padding:8px 10px;background:#0b100c}.campaign-contract-grid>div.wide{grid-column:1/-1}.campaign-contract-grid strong{color:#d4d3c8;font-size:.70rem;line-height:1.35;overflow-wrap:anywhere}.campaign-contact-action{display:flex;justify-content:flex-end;padding:9px 10px;border-top:1px solid #293029}.campaign-contact-action form{margin:0}.campaign-contact-action button{min-width:150px} .campaign-list{display:grid!important;gap:7px!important}.campaign-card{display:grid!important;gap:6px!important;padding:9px 10px!important;border:1px solid #303831!important;background:#0a0f0b!important}.campaign-card.status-active{border-color:#5e5534!important}.campaign-card.status-complete{border-color:#4d653f!important}.campaign-card.status-claimed{opacity:.72}.campaign-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaign-card-head strong{color:#ddd5a7!important;font-size:.76rem!important}.campaign-card-head span{color:#8e988e!important;font-size:.59rem!important;text-transform:uppercase!important}.campaign-card>p{margin:0!important;color:#adb4ad!important;font-size:.68rem!important;line-height:1.43!important}.campaign-journal-objective,.campaign-reward{display:grid;grid-template-columns:72px minmax(0,1fr);gap:7px;align-items:start;padding:6px 7px;border:1px solid #2a322b;background:#090d0a}.campaign-journal-objective span,.campaign-reward span{color:#747f76;font-size:.57rem;text-transform:uppercase;letter-spacing:.055em}.campaign-journal-objective strong,.campaign-reward strong{color:#c9c9bd;font-size:.66rem;line-height:1.35}.campaign-journal-next{padding:6px 7px;border-left:2px solid #6e6639;background:#0d120e;color:#aaaFaa;font-size:.64rem;line-height:1.35} .inventory-ledger[data-inventory-ledger-mode="campaign"] .material-card,.inventory-ledger[data-inventory-ledger-mode="campaign"] .inventory-ledger-card{border-color:#4e4930!important;background:#0d110c!important} @media(max-width:620px){.campaign-contact-shell{grid-template-columns:58px minmax(0,1fr)}.campaign-contract-grid{grid-template-columns:1fr}.campaign-contract-grid>div.wide{grid-column:auto}.campaign-contact-action{justify-content:stretch}.campaign-contact-action form,.campaign-contact-action button{width:100%}} /* Phase 20 R4 — Blood Duel chat identity and institution-specific map language. */ :root{--wr-blood-chat:#d53b3b;--wr-blood-chat-glow:rgba(181,35,35,.26)} .chat-message.event-blood_duel_attacked,.chat-message.event-blood_duel_killed,.chat-message.event-blood_duel_kill,.chat-message.event-blood_duel_attacked .chat-prefix,.chat-message.event-blood_duel_attacked .chat-body,.chat-message.event-blood_duel_killed .chat-prefix,.chat-message.event-blood_duel_killed .chat-body,.chat-message.event-blood_duel_kill .chat-prefix,.chat-message.event-blood_duel_kill .chat-body{color:var(--wr-blood-chat)!important} .chat-message.event-blood_duel_attacked .chat-prefix,.chat-message.event-blood_duel_killed .chat-prefix,.chat-message.event-blood_duel_kill .chat-prefix{font-weight:850!important;text-shadow:0 0 7px var(--wr-blood-chat-glow)!important} .zone-tile.service.has-icon.service-type-ledgerhall,.legend-service-type.service-type-ledgerhall{--svc-fg:#e4c45f;--svc-border:#a98528;--svc-bg:#32270d} .zone-tile.service.has-icon.service-type-iron_bazaar,.legend-service-type.service-type-iron_bazaar{--svc-fg:#e07c57;--svc-border:#9c4930;--svc-bg:#351a12} .zone-tile.service.has-icon.service-type-spell_archive,.legend-service-type.service-type-spell_archive{--svc-fg:#be8cff;--svc-border:#7247ad;--svc-bg:#251637} .zone-tile.service.has-icon.service-type-arcanium,.legend-service-type.service-type-arcanium{--svc-fg:#64d8e8;--svc-border:#347f8d;--svc-bg:#102d32} .zone-tile.service.has-icon.service-type-questmaster,.legend-service-type.service-type-questmaster{--svc-fg:#f0b86b;--svc-border:#a56d29;--svc-bg:#35240f} .zone-tile.service.has-icon.service-type-guild_hall,.legend-service-type.service-type-guild_hall{--svc-fg:#db6e86;--svc-border:#913b50;--svc-bg:#32151d} .zone-tile.service.has-icon.service-type-university_archive,.legend-service-type.service-type-university_archive{--svc-fg:#75a7f0;--svc-border:#406aab;--svc-bg:#14233a} .zone-tile.service.has-icon.service-type-reincarnation_hall,.legend-service-type.service-type-reincarnation_hall{--svc-fg:#dca0e8;--svc-border:#8c5197;--svc-bg:#2e1733} .zone-tile.service.has-icon.service-type-campaign_contact,.legend-service-type.service-type-campaign_contact{--svc-fg:#ef9375;--svc-border:#a95840;--svc-bg:#351b14} .zone-tile.service.has-icon.service-type-mastery_registrar,.legend-service-type.service-type-mastery_registrar{--svc-fg:#89c4ff;--svc-border:#4e7fab;--svc-bg:#15283a} .zone-tile.service.has-icon.service-type-highhold_hall,.legend-service-type.service-type-highhold_hall{--svc-fg:#e6c36e;--svc-border:#987c35;--svc-bg:#302812} .zone-tile.service.has-icon.service-type-highhold_storehouse,.legend-service-type.service-type-highhold_storehouse{--svc-fg:#c49769;--svc-border:#7b5638;--svc-bg:#2b1f15} .zone-tile.service.has-icon.service-type-highhold_material,.legend-service-type.service-type-highhold_material{--svc-fg:#8fcf8a;--svc-border:#4f8350;--svc-bg:#172b18} .zone-tile.service.has-icon.service-type-warden_lodge,.legend-service-type.service-type-warden_lodge{--svc-fg:#8fd7c0;--svc-border:#4d8f7b;--svc-bg:#142d26} .zone-tile.service.has-icon.service-type-wyrmseal_atelier,.legend-service-type.service-type-wyrmseal_atelier{--svc-fg:#d6b7ff;--svc-border:#7653a6;--svc-bg:#24172f} .zone-tile.service.has-icon[class*="service-type-"]{color:var(--svc-fg)!important;border-color:var(--svc-border)!important;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--svc-bg) 84%,#fff 8%) 0%,var(--svc-bg) 74%)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--svc-fg) 28%,transparent),0 0 7px color-mix(in srgb,var(--svc-fg) 13%,transparent)!important} .map-service-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 9px;margin:6px 2px 2px;padding-top:6px;border-top:1px solid #282a27;color:#9d9d96;font-size:.54rem} .map-service-key{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} .legend-service-type{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--svc-bg);border:1px solid var(--svc-border);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--svc-fg) 28%,transparent)} /* 0.34.0 Phase 20 R6 — cinematic front door / premium fantasy card system. */ :is(.page-home,.page-auth,.page-characters,.page-character-create){ --front-gold:#c8913b;--front-gold-bright:#efc36c;--front-gold-dim:#6f4a1e;--front-ivory:#f1e4cf;--front-muted:#a99c88;--front-line:#5f431e;--front-deep:#050708;--front-panel:#090c0e;--front-panel-2:#101417; position:relative;min-height:100vh;overflow-x:hidden;background:#040608;color:var(--front-ivory);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif } :is(.page-home,.page-auth,.page-characters,.page-character-create)::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background: radial-gradient(circle at 80% 12%,rgba(194,132,52,.08),transparent 28%), radial-gradient(circle at 18% 82%,rgba(76,91,101,.08),transparent 32%), repeating-linear-gradient(118deg,rgba(255,255,255,.008) 0 1px,transparent 1px 7px),#040608} .page-auth::after,.page-character-create::after,.page-characters::after{content:"";position:fixed;inset:82px 0 0;z-index:-2;pointer-events:none;background:linear-gradient(rgba(3,5,7,.76),rgba(3,5,7,.95)),url('/assets/front/realm-citadel.webp') center 32%/cover no-repeat;opacity:.46} :is(.page-home,.page-auth,.page-characters,.page-character-create) .shell{width:min(1280px,calc(100% - 46px));min-height:100vh;padding:22px 0 30px} :is(.page-home,.page-auth,.page-characters,.page-character-create) .topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:8px 2px 15px;border-bottom:1px solid rgba(198,143,57,.34)} :is(.page-home,.page-auth,.page-characters,.page-character-create) .topbar:before,:is(.page-home,.page-auth,.page-characters,.page-character-create) .topbar:after{content:"";position:absolute;bottom:-2px;height:3px;width:11px;background:#b47a2e;transform:rotate(45deg)} :is(.page-home,.page-auth,.page-characters,.page-character-create) .topbar:before{left:35%}:is(.page-home,.page-auth,.page-characters,.page-character-create) .topbar:after{right:35%} :is(.page-home,.page-auth,.page-characters,.page-character-create) .brand{display:inline-flex;align-items:center;gap:12px;color:var(--front-ivory);text-decoration:none;font:700 1.42rem/1 Georgia,"Times New Roman",serif;letter-spacing:.02em;text-shadow:0 2px 12px #000} .brand-crest{display:grid;place-items:center;width:39px;height:44px}.brand-crest img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(200,145,59,.16))}.brand-wordmark b{color:#d5a44f;font-weight:700} :is(.page-home,.page-auth,.page-characters,.page-character-create) .nav{display:flex;align-items:center;gap:18px}.nav form{margin:0} :is(.page-home,.page-auth,.page-characters,.page-character-create) .nav>a:not(.button),:is(.page-home,.page-auth,.page-characters,.page-character-create) .nav form button.secondary{position:relative;color:#dbc9aa;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none} :is(.page-home,.page-auth,.page-characters,.page-character-create) .nav>a:not(.button):after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:1px;background:#c58c35;transition:left .16s ease,right .16s ease}.nav>a:not(.button):hover:after{left:0;right:0} :is(.page-home,.page-auth,.page-characters,.page-character-create) .button,:is(.page-home,.page-auth,.page-characters,.page-character-create) button{border-radius:2px;border:1px solid #7b5723;background:linear-gradient(180deg,#4a3210 0%,#2a1a07 100%);color:#f1d59a;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.26);font-weight:800;letter-spacing:.015em} :is(.page-home,.page-auth,.page-characters,.page-character-create) .button:hover,:is(.page-home,.page-auth,.page-characters,.page-character-create) button:hover{border-color:#bd8838;background:linear-gradient(180deg,#5b3c11,#322008);color:#ffe4a8} :is(.page-home,.page-auth,.page-characters,.page-character-create) .button.secondary,:is(.page-home,.page-auth,.page-characters,.page-character-create) button.secondary{border-color:#3a4248;background:linear-gradient(#11161a,#090c0f);color:#d9d5cc} :is(.page-home,.page-auth,.page-characters,.page-character-create) .footer{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(194,139,53,.19);color:#706a61;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase}.footer span{color:#7f5724;font-size:.48rem} /* Home: the approved reference is artwork-first, not an abstract zone backdrop. */ .front-home{position:relative;overflow:hidden;border:1px solid rgba(185,130,45,.58);background:#050708;box-shadow:0 28px 80px rgba(0,0,0,.48),inset 0 0 0 1px rgba(236,192,102,.025)} .front-home:before,.front-home:after{content:"";position:absolute;z-index:5;width:35px;height:35px;pointer-events:none}.front-home:before{left:-1px;top:-1px;border-left:2px solid #b77d2c;border-top:2px solid #b77d2c}.front-home:after{right:-1px;bottom:-1px;border-right:2px solid #b77d2c;border-bottom:2px solid #b77d2c} .front-hero{position:relative;min-height:610px;display:flex;align-items:center;padding:62px 6.8%;isolation:isolate;background: linear-gradient(90deg,rgba(3,5,7,.18) 0%,rgba(3,5,7,.08) 50%,rgba(3,5,7,.10) 100%), url('/assets/front/realm-citadel-duel.webp') center/cover no-repeat} .front-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,4,5,.18) 0%,rgba(2,4,5,.04) 42%,rgba(2,4,5,.03) 72%,rgba(2,4,5,.36) 100%),linear-gradient(0deg,rgba(3,5,6,.82) 0%,transparent 26%,transparent 74%,rgba(3,5,6,.20) 100%)} .front-hero:after{content:none} .front-hero-copy{position:relative;z-index:2;width:min(610px,48%);margin-top:68px;text-align:center}.front-kicker{display:flex;align-items:center;justify-content:center;gap:12px;color:#d9a94e;font-size:.67rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;text-shadow:0 2px 8px #000}.front-kicker>span{width:46px;height:1px;background:linear-gradient(90deg,transparent,#b17a2d)}.front-kicker>span:last-child{background:linear-gradient(90deg,#b17a2d,transparent)} .front-hero h1{display:grid;justify-items:center;margin:15px 0 6px;color:#f5e8d2;font:500 clamp(4.5rem,6.25vw,6.8rem)/.82 Georgia,"Times New Roman",serif;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 5px 32px rgba(0,0,0,.76),0 1px #7a5931}.front-hero h1 span,.front-hero h1 em{display:block;font-style:normal}.front-hero h1 em{margin-left:16%;font-size:.92em} .front-hero-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto 21px;width:min(420px,90%)}.front-hero-divider span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#b98231)}.front-hero-divider span:last-child{background:linear-gradient(90deg,#b98231,transparent)}.front-hero-divider b{color:#d7a348;font-size:.58rem;font-weight:400} .front-hero p{max-width:520px;margin:0 auto;color:#c9bcaa;font:1.01rem/1.58 Georgia,"Times New Roman",serif;text-shadow:0 2px 10px #000}.front-hero-actions{display:flex;justify-content:center;gap:16px;margin-top:29px}.front-hero-actions .button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:192px;min-height:48px;padding:0 19px;text-transform:uppercase;font-size:.77rem;letter-spacing:.055em}.front-hero-actions .button span{font-size:1.25rem;font-weight:400}.front-primary{background:linear-gradient(180deg,#664313,#342008)!important;border-color:#b27d2e!important}.front-secondary{background:rgba(6,9,11,.82)!important;border-color:#5e5140!important} .front-feature-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(180deg,rgba(4,6,7,.96),#050708);border-top:1px solid rgba(181,126,43,.52)}.front-feature-grid article{position:relative;min-height:165px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-content:center;padding:25px 22px;border-right:1px solid rgba(175,126,48,.20)}.front-feature-grid article:last-child{border-right:0}.front-feature-grid article:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(208,153,61,.26),transparent)}.front-feature-grid i{display:grid;place-items:center;width:50px;height:50px;border:1px solid #7d5924;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);color:#e1ad54;background:#0a0d0e;box-shadow:inset 0 0 0 4px #060809;font:normal 1rem Georgia}.front-feature-grid article>div{display:grid;gap:6px}.front-feature-grid strong{color:#d9b669;font:700 .76rem Georgia,serif;letter-spacing:.075em;text-transform:uppercase}.front-feature-grid span{color:#928a7e;font-size:.74rem;line-height:1.48} /* Auth / creation: stone-dark frame, arcane ring, crest cap and strict readable fields. */ .page-auth .shell,.page-character-create .shell{position:relative}.page-auth .shell:before,.page-character-create .shell:before{content:"";position:absolute;z-index:-1;left:50%;top:95px;width:min(820px,78vw);aspect-ratio:1;transform:translateX(-50%);background:url('/assets/front/arcane-ring.svg') center/contain no-repeat;opacity:.24;filter:drop-shadow(0 0 18px rgba(184,126,43,.07))} .page-auth .auth-wrap.panel,.page-character-create .auth-wrap.panel{position:relative;width:min(500px,100%);margin:5vh auto 3vh;padding:55px 38px 34px;border-radius:0;border:1px solid #755323;background:linear-gradient(180deg,rgba(11,15,18,.985),rgba(5,8,10,.99));box-shadow:0 26px 90px rgba(0,0,0,.66),inset 0 0 0 4px #080b0d,inset 0 0 0 5px rgba(157,105,39,.18)} .page-character-create .auth-wrap.panel{width:min(680px,100%)} .page-auth .auth-wrap.panel:before,.page-character-create .auth-wrap.panel:before{content:"";position:absolute;left:50%;top:-31px;width:64px;height:72px;transform:translateX(-50%);background:url('/assets/front/crest.svg') center/contain no-repeat;filter:drop-shadow(0 4px 14px #000)}.page-auth .auth-wrap.panel:after,.page-character-create .auth-wrap.panel:after{content:"";position:absolute;inset:9px;pointer-events:none;border:1px solid rgba(163,113,42,.18);clip-path:polygon(0 0,32px 0,32px 2px,2px 2px,2px 32px,0 32px,0 0,100% 0,100% 32px,98% 32px,98% 2px,calc(100% - 32px) 2px,calc(100% - 32px) 0,100% 0,100% 100%,calc(100% - 32px) 100%,calc(100% - 32px) 98%,98% 98%,98% calc(100% - 32px),100% calc(100% - 32px),100% 100%,0 100%,0 calc(100% - 32px),2px calc(100% - 32px),2px 98%,32px 98%,32px 100%,0 100%)} .page-auth .auth-wrap .eyebrow,.page-character-create .auth-wrap .eyebrow{text-align:center;color:#c4913b;font-size:.65rem;font-weight:800;letter-spacing:.20em;text-transform:uppercase}.page-auth .auth-wrap h2,.page-character-create .auth-wrap h2{text-align:center;margin:10px 0 26px;color:#f3e5cf;font:500 2.45rem Georgia,serif}.page-auth .auth-wrap h2:after,.page-character-create .auth-wrap h2:after{content:"◆";display:block;margin:9px auto 0;color:#b47c2d;font-size:.52rem}.page-auth .stack,.page-character-create .stack{gap:15px}.page-auth .field label,.page-character-create .field label{color:#c9bbab;font-size:.69rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.page-auth .field input,.page-auth .field select,.page-character-create .field input,.page-character-create .field select{min-height:46px;border-radius:1px;border:1px solid #353d42;background:#05080a;color:#f0e4d3;padding:11px 13px;box-shadow:inset 0 1px 8px rgba(0,0,0,.42)}.page-auth .field input:focus,.page-auth .field select:focus,.page-character-create .field input:focus,.page-character-create .field select:focus{border-color:#9d6d29;box-shadow:0 0 0 2px rgba(204,149,58,.09),inset 0 1px 8px rgba(0,0,0,.42)}.page-auth .stack>button,.page-character-create .stack>button{width:100%;min-height:48px;margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.page-auth .auth-links{display:flex;justify-content:space-between;gap:18px;margin-top:13px;font-size:.74rem}.page-auth .meta,.page-character-create .meta{color:#8e877d;font-size:.78rem;line-height:1.55}.page-auth .auth-wrap>.meta:last-child{text-align:center;margin-top:20px}.page-auth .hint,.page-character-create .hint{font-size:.70rem;color:#747d7b}.page-auth input:-webkit-autofill,.page-auth input:-webkit-autofill:hover,.page-auth input:-webkit-autofill:focus{-webkit-text-fill-color:#eee5d8!important;-webkit-box-shadow:0 0 0 1000px #05080a inset!important;box-shadow:0 0 0 1000px #05080a inset!important;caret-color:#eee5d8}.page-auth input:autofill,.page-auth input:-moz-autofill{background:#05080a!important;color:#eee5d8!important} /* Character select: illustrated race cards, identity only. */ .characters-page{padding:30px 0 10px}.characters-heading{text-align:center;max-width:850px;margin:0 auto 30px}.characters-heading .front-kicker{justify-content:center}.characters-heading h1{margin:10px 0 11px;color:#f1e3ce;font:500 clamp(3rem,5vw,4.9rem)/.93 Georgia,serif;letter-spacing:.015em;text-shadow:0 3px 20px #000}.characters-heading p{margin:0;color:#a49a8d;font:1rem/1.55 Georgia,serif}.realm-character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch}.realm-character-card{position:relative;overflow:hidden;display:grid;grid-template-rows:270px 1fr;min-height:455px;border:1px solid #694a1d;background:linear-gradient(180deg,#0b0f11,#050708);box-shadow:0 18px 48px rgba(0,0,0,.45),inset 0 0 0 4px #080a0c}.realm-character-card:before,.realm-character-card:after{content:"";position:absolute;width:26px;height:26px;z-index:5;pointer-events:none}.realm-character-card:before{top:0;left:0;border-top:2px solid #c38a32;border-left:2px solid #c38a32}.realm-character-card:after{right:0;bottom:0;border-right:2px solid #c38a32;border-bottom:2px solid #c38a32}.realm-character-art{position:relative;display:grid;place-items:end center;overflow:hidden;border-bottom:1px solid #6a4a1f;background:#07090a}.realm-character-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 38%,transparent 62%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(6,8,9,.88),transparent 42%);pointer-events:none}.realm-character-crest{position:relative;z-index:3;display:grid;place-items:center;width:56px;height:64px;margin-bottom:-30px;background:#090c0e;clip-path:polygon(50% 0,92% 15%,86% 73%,50% 100%,14% 73%,8% 15%);filter:drop-shadow(0 5px 10px #000)}.realm-character-crest:before{content:"";position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(#bd8732,#6c4818)}.realm-character-crest img{position:relative;z-index:1;width:46px;height:52px}.realm-character-body{position:relative;display:flex;flex-direction:column;align-items:center;padding:42px 18px 18px;text-align:center}.realm-character-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.realm-character-badges span{padding:3px 8px;border:1px solid rgba(136,94,32,.65);background:#171109;color:#d5b469;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.realm-character-body h3{margin:14px 0 22px;color:#f1e4cf;font:500 1.58rem/1.08 Georgia,serif;text-shadow:0 2px 10px #000;overflow-wrap:anywhere}.realm-character-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;margin-top:auto}.realm-character-actions form{margin:0}.realm-character-actions button{width:100%;min-height:43px;text-transform:uppercase;font-size:.70rem;letter-spacing:.055em}.realm-character-actions form:first-child button{background:linear-gradient(#5c3d11,#2f1d07);border-color:#a7742b}.realm-character-actions .character-delete{min-width:74px;background:linear-gradient(#2b1012,#17090a);border-color:#663036;color:#e7a4aa}.characters-create{display:flex;justify-content:center;margin-top:26px}.characters-create .button{min-width:250px;min-height:44px;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em}.characters-create:empty{display:none}.character-migration-warning{max-width:900px;margin:0 auto 18px} /* Map Key remains driven from the same institution registry. */ .map-key-section-title{width:min(100%,258px);margin:7px auto 2px;padding-top:5px;border-top:1px solid #242a25;color:#777f78;font-size:.52rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;text-align:left}.map-key-panel summary+.map-key-section-title{border-top:0;margin-top:5px;padding-top:0}.map-key-panel .map-legend.map-legend-base{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px 8px!important;width:min(100%,258px)!important;margin:5px auto 0!important;justify-content:stretch!important;align-items:center!important;white-space:normal!important;text-align:left!important}.map-key-panel .map-legend.map-legend-base>span{display:grid!important;grid-template-columns:9px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;min-width:0!important}.map-service-legend{width:min(100%,258px);display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px 8px!important;margin:4px auto 2px!important;padding-top:0!important;border-top:0!important}.map-service-key{display:grid!important;grid-template-columns:9px minmax(0,1fr)!important;align-items:center!important;gap:5px!important;min-width:0!important;line-height:1.15}.map-service-key .legend-service-type{width:8px!important;height:8px!important;margin:0!important}.map-service-key{font-size:.55rem!important;color:#929892!important}.map-key-panel .legend-service{display:none!important} @media(max-width:960px){.front-hero{min-height:560px;background-position:62% center}.front-hero-copy{width:min(610px,58%)}.front-feature-grid{grid-template-columns:1fr 1fr}.front-feature-grid article:nth-child(2){border-right:0}.front-feature-grid article:nth-child(-n+2){border-bottom:1px solid rgba(175,126,48,.20)}.realm-character-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.realm-character-card{grid-template-rows:230px 1fr}} @media(max-width:700px){:is(.page-home,.page-auth,.page-characters,.page-character-create) .shell{width:min(100% - 18px,1280px);padding-top:10px}:is(.page-home,.page-auth,.page-characters,.page-character-create) .topbar{align-items:flex-start}.brand-wordmark{font-size:1.05rem}.brand-crest{width:31px;height:35px}.nav{gap:9px!important;flex-wrap:wrap;justify-content:flex-end}.nav>a:not(.button){font-size:.66rem!important}.front-hero{min-height:590px;padding:46px 22px;background-position:68% center}.front-hero:before{background:linear-gradient(90deg,rgba(2,4,5,.45),rgba(2,4,5,.30) 62%,rgba(2,4,5,.32))}.front-hero:after{width:250px;height:160px;left:0;top:3%;opacity:.42}.front-hero-copy{width:100%;margin-top:120px}.front-hero h1{font-size:clamp(3.7rem,17vw,5.4rem)}.front-hero h1 em{margin-left:0}.front-hero p{font-size:.93rem}.front-hero-actions{display:grid}.front-hero-actions .button{width:100%}.front-feature-grid{grid-template-columns:1fr}.front-feature-grid article{border-right:0;border-bottom:1px solid rgba(175,126,48,.18)}.page-auth .auth-wrap.panel,.page-character-create .auth-wrap.panel{margin-top:7vh;padding:52px 22px 27px}.realm-character-grid{grid-template-columns:1fr}.realm-character-card{grid-template-rows:260px 1fr}} /* Phase 20 R8 — avatar-free Character Select heraldry. Character identity is conveyed through lineage color, race monogram and reincarnation-tier marks rather than portraits. */ .realm-character-card{--race-accent:#9d7634;--race-accent-soft:rgba(157,118,52,.22);grid-template-rows:270px 1fr;min-height:455px} .realm-character-heraldry{position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--race-accent) 52%,#241a0c);background: radial-gradient(circle at 50% 42%,var(--race-accent-soft),transparent 27%), radial-gradient(circle at 50% 50%,rgba(255,255,255,.025),transparent 44%), linear-gradient(145deg,#0d1113,#050708 72%)} .realm-character-heraldry:before,.realm-character-heraldry:after{content:"";position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--race-accent) 28%,transparent);transform:rotate(45deg) scale(.57)} .realm-character-heraldry:after{inset:43px;border-style:dotted;opacity:.55;transform:rotate(45deg) scale(.57)} .realm-heraldry-orbit{position:relative;z-index:2;display:grid;place-items:center;width:138px;height:138px;border:1px solid color-mix(in srgb,var(--race-accent) 58%,#3b2a13);border-radius:50%;box-shadow:0 0 0 8px rgba(0,0,0,.24),0 0 40px var(--race-accent-soft),inset 0 0 28px rgba(0,0,0,.72)} .realm-heraldry-orbit:before,.realm-heraldry-orbit:after{content:"";position:absolute;width:184px;height:1px;background:linear-gradient(90deg,transparent,var(--race-accent),transparent);opacity:.48} .realm-heraldry-orbit:after{transform:rotate(90deg)} .realm-heraldry-shield{position:relative;display:grid;place-items:center;width:86px;height:98px;clip-path:polygon(50% 0,92% 15%,86% 73%,50% 100%,14% 73%,8% 15%);background:linear-gradient(180deg,color-mix(in srgb,var(--race-accent) 88%,#d7b36a),color-mix(in srgb,var(--race-accent) 68%,#1a0f04));filter:drop-shadow(0 9px 16px #000)} .realm-heraldry-shield:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(180deg,#11171a,#07090b 76%)} .realm-heraldry-shield b{position:relative;z-index:1;color:color-mix(in srgb,var(--race-accent) 76%,#f1dfb3);font:600 1.75rem/1 Georgia,serif;letter-spacing:.08em;text-shadow:0 2px 10px #000} .realm-heraldry-tier{position:absolute;z-index:3;display:flex;gap:7px;bottom:17px}.realm-heraldry-tier i{display:block;width:7px;height:7px;transform:rotate(45deg);border:1px solid color-mix(in srgb,var(--race-accent) 55%,#4a3920);background:#090c0d;box-shadow:0 0 0 2px rgba(0,0,0,.3)}.realm-heraldry-tier i.active{background:var(--race-accent);box-shadow:0 0 10px var(--race-accent-soft)} .realm-character-card:hover .realm-heraldry-orbit{box-shadow:0 0 0 8px rgba(0,0,0,.24),0 0 52px var(--race-accent-soft),inset 0 0 28px rgba(0,0,0,.72)} .realm-character-body{padding-top:26px} .realm-character-card.race-bladeborn{--race-accent:#a04d32;--race-accent-soft:rgba(160,77,50,.24)} .realm-character-card.race-forgekin{--race-accent:#b18a46;--race-accent-soft:rgba(177,138,70,.22)} .realm-character-card.race-titanborn{--race-accent:#8d765e;--race-accent-soft:rgba(141,118,94,.23)} .realm-character-card.race-faeborn{--race-accent:#6d9b69;--race-accent-soft:rgba(109,155,105,.22)} .realm-character-card.race-emberkin{--race-accent:#bd5b31;--race-accent-soft:rgba(189,91,49,.25)} .realm-character-card.race-frostwight{--race-accent:#638ca6;--race-accent-soft:rgba(99,140,166,.24)} .realm-character-card.race-stormfae{--race-accent:#7f83b9;--race-accent-soft:rgba(127,131,185,.23)} .realm-character-card.race-bloodbound{--race-accent:#9f3040;--race-accent-soft:rgba(159,48,64,.25)} .realm-character-card.race-earthkin{--race-accent:#75804b;--race-accent-soft:rgba(117,128,75,.22)} .realm-character-card.race-sunborn{--race-accent:#c19b48;--race-accent-soft:rgba(193,155,72,.23)} .realm-character-card.race-moonclaw{--race-accent:#7a8792;--race-accent-soft:rgba(122,135,146,.22)} .realm-character-card.race-graveborn{--race-accent:#705878;--race-accent-soft:rgba(112,88,120,.23)} .realm-character-card.race-soulreaver{--race-accent:#6a5d93;--race-accent-soft:rgba(106,93,147,.23)} .realm-character-card.race-aegisborn{--race-accent:#8c916f;--race-accent-soft:rgba(140,145,111,.22)} .realm-character-card.race-seraphic{--race-accent:#d1bd78;--race-accent-soft:rgba(209,189,120,.21)} .realm-character-card.race-voidmind{--race-accent:#725a9b;--race-accent-soft:rgba(114,90,155,.24)} @media(max-width:960px){.realm-character-card{grid-template-rows:230px 1fr}.realm-heraldry-orbit{width:120px;height:120px}.realm-heraldry-shield{width:76px;height:87px}} @media(max-width:700px){.realm-character-card{grid-template-rows:260px 1fr}} /* PHASE21_R3_PERMANENT_WORLD_BACKGROUNDS_BEGIN */ .zone-bg-ashenwake_march .classic-center::before{background-image:url("/assets/zones/ashenwake_march.svg")!important} .zone-bg-starshard_grotto .classic-center::before{background-image:url("/assets/zones/starshard_grotto.svg")!important} .zone-bg-crownroad_exchange .classic-center::before{background-image:url("/assets/zones/crownroad_exchange.svg")!important} .zone-bg-nightbone_ossuary .classic-center::before{background-image:url("/assets/zones/nightbone_ossuary.svg")!important} .zone-bg-stormveil_barrens .classic-center::before{background-image:url("/assets/zones/stormveil_barrens.svg")!important} .zone-bg-moonprism_caverns .classic-center::before{background-image:url("/assets/zones/moonprism_caverns.svg")!important} .zone-bg-giltfang_causeway .classic-center::before{background-image:url("/assets/zones/giltfang_causeway.svg")!important} .zone-bg-hollowstar_sepulcher .classic-center::before{background-image:url("/assets/zones/hollowstar_sepulcher.svg")!important} .zone-bg-embercrown_frontier .classic-center::before{background-image:url("/assets/zones/embercrown_frontier.svg")!important} .zone-bg-sapphirewisp_delves .classic-center::before{background-image:url("/assets/zones/sapphirewisp_delves.svg")!important} .zone-bg-auric_wyldroads .classic-center::before{background-image:url("/assets/zones/auric_wyldroads.svg")!important} .zone-bg-veilgrave_chasm .classic-center::before{background-image:url("/assets/zones/veilgrave_chasm.svg")!important} .zone-bg-skyforged_marches .classic-center::before{background-image:url("/assets/zones/skyforged_marches.svg")!important} .zone-bg-crystalwyrm_hollows .classic-center::before{background-image:url("/assets/zones/crystalwyrm_hollows.svg")!important} .zone-bg-coinspire_steppe .classic-center::before{background-image:url("/assets/zones/coinspire_steppe.svg")!important} .zone-bg-blackmoon_necropolis .classic-center::before{background-image:url("/assets/zones/blackmoon_necropolis.svg")!important} .zone-bg-thornstorm_expanse .classic-center::before{background-image:url("/assets/zones/thornstorm_expanse.svg")!important} .zone-bg-runeglass_warrens .classic-center::before{background-image:url("/assets/zones/runeglass_warrens.svg")!important} .zone-bg-sovereign_goldreach .classic-center::before{background-image:url("/assets/zones/sovereign_goldreach.svg")!important} .zone-bg-shadecoil_catacombs .classic-center::before{background-image:url("/assets/zones/shadecoil_catacombs.svg")!important} .zone-bg-dragonwake_highlands .classic-center::before{background-image:url("/assets/zones/dragonwake_highlands.svg")!important} .zone-bg-opalrift_mines .classic-center::before{background-image:url("/assets/zones/opalrift_mines.svg")!important} .zone-bg-gilded_tideway .classic-center::before{background-image:url("/assets/zones/gilded_tideway.svg")!important} .zone-bg-umbercrown_deep .classic-center::before{background-image:url("/assets/zones/umbercrown_deep.svg")!important} .zone-bg-ironstar_frontier .classic-center::before{background-image:url("/assets/zones/ironstar_frontier.svg")!important} .zone-bg-astral_gemfields .classic-center::before{background-image:url("/assets/zones/astral_gemfields.svg")!important} .zone-bg-crownvault_roads .classic-center::before{background-image:url("/assets/zones/crownvault_roads.svg")!important} .zone-bg-mourningglass_abyss .classic-center::before{background-image:url("/assets/zones/mourningglass_abyss.svg")!important} .zone-bg-wyrmwind_plateau .classic-center::before{background-image:url("/assets/zones/wyrmwind_plateau.svg")!important} .zone-bg-prismfire_hollows .classic-center::before{background-image:url("/assets/zones/prismfire_hollows.svg")!important} .zone-bg-golden_oathway .classic-center::before{background-image:url("/assets/zones/golden_oathway.svg")!important} .zone-bg-voidroot_barrows .classic-center::before{background-image:url("/assets/zones/voidroot_barrows.svg")!important} .zone-bg-thunderhold_expanse .classic-center::before{background-image:url("/assets/zones/thunderhold_expanse.svg")!important} .zone-bg-crowncrystal_quarry .classic-center::before{background-image:url("/assets/zones/crowncrystal_quarry.svg")!important} .zone-bg-suncoin_basin .classic-center::before{background-image:url("/assets/zones/suncoin_basin.svg")!important} .zone-bg-gloamspire_necropolis .classic-center::before{background-image:url("/assets/zones/gloamspire_necropolis.svg")!important} .zone-bg-starfall_march .classic-center::before{background-image:url("/assets/zones/starfall_march.svg")!important} .zone-bg-celestine_vaults .classic-center::before{background-image:url("/assets/zones/celestine_vaults.svg")!important} .zone-bg-auric_meridian .classic-center::before{background-image:url("/assets/zones/auric_meridian.svg")!important} .zone-bg-nightglass_maw .classic-center::before{background-image:url("/assets/zones/nightglass_maw.svg")!important} .zone-bg-cinderstorm_reach .classic-center::before{background-image:url("/assets/zones/cinderstorm_reach.svg")!important} .zone-bg-diamondwake_delves .classic-center::before{background-image:url("/assets/zones/diamondwake_delves.svg")!important} .zone-bg-kingsgold_expanse .classic-center::before{background-image:url("/assets/zones/kingsgold_expanse.svg")!important} .zone-bg-shadowcrown_vault .classic-center::before{background-image:url("/assets/zones/shadowcrown_vault.svg")!important} .zone-bg-wyvernfire_frontier .classic-center::before{background-image:url("/assets/zones/wyvernfire_frontier.svg")!important} .zone-bg-voidopal_caverns .classic-center::before{background-image:url("/assets/zones/voidopal_caverns.svg")!important} .zone-bg-gilded_starroad .classic-center::before{background-image:url("/assets/zones/gilded_starroad.svg")!important} .zone-bg-gravewind_deep .classic-center::before{background-image:url("/assets/zones/gravewind_deep.svg")!important} .zone-bg-everstorm_highlands .classic-center::before{background-image:url("/assets/zones/everstorm_highlands.svg")!important} .zone-bg-astral_prismfields .classic-center::before{background-image:url("/assets/zones/astral_prismfields.svg")!important} .zone-bg-crownfire_exchange .classic-center::before{background-image:url("/assets/zones/crownfire_exchange.svg")!important} .zone-bg-blackstar_ossuary .classic-center::before{background-image:url("/assets/zones/blackstar_ossuary.svg")!important} .zone-bg-titanwake_marches .classic-center::before{background-image:url("/assets/zones/titanwake_marches.svg")!important} .zone-bg-celestial_geode_halls .classic-center::before{background-image:url("/assets/zones/celestial_geode_halls.svg")!important} .zone-bg-imperial_auric_way .classic-center::before{background-image:url("/assets/zones/imperial_auric_way.svg")!important} .zone-bg-dreadmoon_sepulcher .classic-center::before{background-image:url("/assets/zones/dreadmoon_sepulcher.svg")!important} .zone-bg-worldspine_expanse .classic-center::before{background-image:url("/assets/zones/worldspine_expanse.svg")!important} .zone-bg-aethergem_crucible .classic-center::before{background-image:url("/assets/zones/aethergem_crucible.svg")!important} .zone-bg-sunvault_meridian .classic-center::before{background-image:url("/assets/zones/sunvault_meridian.svg")!important} .zone-bg-voidcrown_necropolis .classic-center::before{background-image:url("/assets/zones/voidcrown_necropolis.svg")!important} .zone-bg-heavenrend_frontier .classic-center::before{background-image:url("/assets/zones/heavenrend_frontier.svg")!important} .zone-bg-eternity_crystalworks .classic-center::before{background-image:url("/assets/zones/eternity_crystalworks.svg")!important} .zone-bg-imperial_goldway .classic-center::before{background-image:url("/assets/zones/imperial_goldway.svg")!important} .zone-bg-nightwyrm_abyss .classic-center::before{background-image:url("/assets/zones/nightwyrm_abyss.svg")!important} .zone-bg-dragonstar_march .classic-center::before{background-image:url("/assets/zones/dragonstar_march.svg")!important} .zone-bg-infinite_prism_vaults .classic-center::before{background-image:url("/assets/zones/infinite_prism_vaults.svg")!important} .zone-bg-last_gilded_road .classic-center::before{background-image:url("/assets/zones/last_gilded_road.svg")!important} .zone-bg-hollow_eternity .classic-center::before{background-image:url("/assets/zones/hollow_eternity.svg")!important} .zone-bg-empyrean_reach .classic-center::before{background-image:url("/assets/zones/empyrean_reach.svg")!important} .zone-bg-starheart_crucible .classic-center::before{background-image:url("/assets/zones/starheart_crucible.svg")!important} .zone-bg-crown_beyond_time .classic-center::before{background-image:url("/assets/zones/crown_beyond_time.svg")!important} .zone-bg-umbral_terminus .classic-center::before{background-image:url("/assets/zones/umbral_terminus.svg")!important} /* PHASE21_R3_PERMANENT_WORLD_BACKGROUNDS_END */ .zone-bg-oathforge_proving_grounds{background-image:linear-gradient(135deg,#211911,#0b0908)!important} .zone-bg-oathforge_proving_grounds .classic-center::before{background-image:url("/assets/zones/oathforge_proving_grounds.svg")!important} /* Phase 21 R8a permanent-world scenic backgrounds. */ .zone-bg-auricwake_exchange .classic-center::before{background-image:url("/assets/zones/auricwake_exchange.svg")!important} .zone-bg-nightwake_ossuary .classic-center::before{background-image:url("/assets/zones/nightwake_ossuary.svg")!important} .zone-bg-ashenward_march .classic-center::before{background-image:url("/assets/zones/ashenward_march.svg")!important} .zone-bg-prismwake_grotto .classic-center::before{background-image:url("/assets/zones/prismwake_grotto.svg")!important} .zone-bg-voidwake_ossuary .classic-center::before{background-image:url("/assets/zones/voidwake_ossuary.svg")!important} .zone-bg-stormwake_march .classic-center::before{background-image:url("/assets/zones/stormwake_march.svg")!important} .zone-bg-starshardwake_grotto .classic-center::before{background-image:url("/assets/zones/starshardwake_grotto.svg")!important} .zone-bg-gildedwake_exchange .classic-center::before{background-image:url("/assets/zones/gildedwake_exchange.svg")!important} .zone-bg-ironwake_march .classic-center::before{background-image:url("/assets/zones/ironwake_march.svg")!important} .zone-bg-mooncrystalwake_grotto .classic-center::before{background-image:url("/assets/zones/mooncrystalwake_grotto.svg")!important} .zone-bg-crowncoinwake_exchange .classic-center::before{background-image:url("/assets/zones/crowncoinwake_exchange.svg")!important} .zone-bg-hollowwake_ossuary .classic-center::before{background-image:url("/assets/zones/hollowwake_ossuary.svg")!important} .zone-bg-sapphirewake_grotto .classic-center::before{background-image:url("/assets/zones/sapphirewake_grotto.svg")!important} .zone-bg-suncoinwake_exchange .classic-center::before{background-image:url("/assets/zones/suncoinwake_exchange.svg")!important} .zone-bg-shadewake_ossuary .classic-center::before{background-image:url("/assets/zones/shadewake_ossuary.svg")!important} .zone-bg-skywake_march .classic-center::before{background-image:url("/assets/zones/skywake_march.svg")!important} .zone-bg-kingsgoldwake_exchange .classic-center::before{background-image:url("/assets/zones/kingsgoldwake_exchange.svg")!important} .zone-bg-gloamwake_ossuary .classic-center::before{background-image:url("/assets/zones/gloamwake_ossuary.svg")!important} .zone-bg-emberwake_march .classic-center::before{background-image:url("/assets/zones/emberwake_march.svg")!important} .zone-bg-opalwake_grotto .classic-center::before{background-image:url("/assets/zones/opalwake_grotto.svg")!important} .zone-bg-blackstarwake_ossuary .classic-center::before{background-image:url("/assets/zones/blackstarwake_ossuary.svg")!important} .zone-bg-wyrmwake_march .classic-center::before{background-image:url("/assets/zones/wyrmwake_march.svg")!important} .zone-bg-diamondwake_grotto .classic-center::before{background-image:url("/assets/zones/diamondwake_grotto.svg")!important} .zone-bg-imperialwake_exchange .classic-center::before{background-image:url("/assets/zones/imperialwake_exchange.svg")!important} .zone-bg-titanwake_march .classic-center::before{background-image:url("/assets/zones/titanwake_march.svg")!important} .zone-bg-glasswake_grotto .classic-center::before{background-image:url("/assets/zones/glasswake_grotto.svg")!important} .zone-bg-goldenwake_exchange .classic-center::before{background-image:url("/assets/zones/goldenwake_exchange.svg")!important} .zone-bg-veilwake_ossuary .classic-center::before{background-image:url("/assets/zones/veilwake_ossuary.svg")!important} .zone-bg-astralwake_grotto .classic-center::before{background-image:url("/assets/zones/astralwake_grotto.svg")!important} .zone-bg-sovereignwake_exchange .classic-center::before{background-image:url("/assets/zones/sovereignwake_exchange.svg")!important} .zone-bg-eclipsewake_ossuary .classic-center::before{background-image:url("/assets/zones/eclipsewake_ossuary.svg")!important} .zone-bg-thunderwake_march .classic-center::before{background-image:url("/assets/zones/thunderwake_march.svg")!important} .zone-bg-treasurewake_exchange .classic-center::before{background-image:url("/assets/zones/treasurewake_exchange.svg")!important} .zone-bg-gravewake_ossuary .classic-center::before{background-image:url("/assets/zones/gravewake_ossuary.svg")!important} .zone-bg-cinderwake_march .classic-center::before{background-image:url("/assets/zones/cinderwake_march.svg")!important} .zone-bg-celestialwake_grotto .classic-center::before{background-image:url("/assets/zones/celestialwake_grotto.svg")!important} .zone-bg-coinfirewake_exchange .classic-center::before{background-image:url("/assets/zones/coinfirewake_exchange.svg")!important} .zone-bg-mourningwake_ossuary .classic-center::before{background-image:url("/assets/zones/mourningwake_ossuary.svg")!important} .zone-bg-dragonwake_march .classic-center::before{background-image:url("/assets/zones/dragonwake_march.svg")!important} .zone-bg-crowncrystalwake_grotto .classic-center::before{background-image:url("/assets/zones/crowncrystalwake_grotto.svg")!important} .zone-bg-duskwake_ossuary .classic-center::before{background-image:url("/assets/zones/duskwake_ossuary.svg")!important} .zone-bg-oathwake_march .classic-center::before{background-image:url("/assets/zones/oathwake_march.svg")!important} .zone-bg-runewake_grotto .classic-center::before{background-image:url("/assets/zones/runewake_grotto.svg")!important} .zone-bg-dawncoinwake_exchange .classic-center::before{background-image:url("/assets/zones/dawncoinwake_exchange.svg")!important} .zone-bg-umberwake_ossuary .classic-center::before{background-image:url("/assets/zones/umberwake_ossuary.svg")!important} .zone-bg-crownwake_march .classic-center::before{background-image:url("/assets/zones/crownwake_march.svg")!important} .zone-bg-aetherwake_grotto .classic-center::before{background-image:url("/assets/zones/aetherwake_grotto.svg")!important} .zone-bg-starcoinwake_exchange .classic-center::before{background-image:url("/assets/zones/starcoinwake_exchange.svg")!important} .zone-bg-dawnwake_march .classic-center::before{background-image:url("/assets/zones/dawnwake_march.svg")!important} .zone-bg-jewelwake_grotto .classic-center::before{background-image:url("/assets/zones/jewelwake_grotto.svg")!important} .zone-bg-brightgoldwake_exchange .classic-center::before{background-image:url("/assets/zones/brightgoldwake_exchange.svg")!important} .zone-bg-shadowwake_ossuary .classic-center::before{background-image:url("/assets/zones/shadowwake_ossuary.svg")!important} .zone-bg-starwake_march .classic-center::before{background-image:url("/assets/zones/starwake_march.svg")!important} .zone-bg-crystalwake_grotto .classic-center::before{background-image:url("/assets/zones/crystalwake_grotto.svg")!important} .zone-bg-royalwake_exchange .classic-center::before{background-image:url("/assets/zones/royalwake_exchange.svg")!important} .zone-bg-nightglasswake_ossuary .classic-center::before{background-image:url("/assets/zones/nightglasswake_ossuary.svg")!important} .zone-bg-flamewake_march .classic-center::before{background-image:url("/assets/zones/flamewake_march.svg")!important} .zone-bg-sunprismwake_grotto .classic-center::before{background-image:url("/assets/zones/sunprismwake_grotto.svg")!important} .zone-bg-vaultgoldwake_exchange .classic-center::before{background-image:url("/assets/zones/vaultgoldwake_exchange.svg")!important} .zone-bg-darkcrownwake_ossuary .classic-center::before{background-image:url("/assets/zones/darkcrownwake_ossuary.svg")!important} .zone-bg-starglasswake_grotto .classic-center::before{background-image:url("/assets/zones/starglasswake_grotto.svg")!important} .zone-bg-crownfirewake_exchange .classic-center::before{background-image:url("/assets/zones/crownfirewake_exchange.svg")!important} .zone-bg-hollowstarwake_ossuary .classic-center::before{background-image:url("/assets/zones/hollowstarwake_ossuary.svg")!important} .zone-bg-worldwake_march .classic-center::before{background-image:url("/assets/zones/worldwake_march.svg")!important} .zone-bg-moonshardwake_grotto .classic-center::before{background-image:url("/assets/zones/moonshardwake_grotto.svg")!important} .zone-bg-sunvaultwake_exchange .classic-center::before{background-image:url("/assets/zones/sunvaultwake_exchange.svg")!important} .zone-bg-moonlesswake_ossuary .classic-center::before{background-image:url("/assets/zones/moonlesswake_ossuary.svg")!important} .zone-bg-frostwake_march .classic-center::before{background-image:url("/assets/zones/frostwake_march.svg")!important} .zone-bg-radiantwake_grotto .classic-center::before{background-image:url("/assets/zones/radiantwake_grotto.svg")!important} .zone-bg-goldstarwake_exchange .classic-center::before{background-image:url("/assets/zones/goldstarwake_exchange.svg")!important} .zone-bg-blackveilwake_ossuary .classic-center::before{background-image:url("/assets/zones/blackveilwake_ossuary.svg")!important} .zone-bg-grimwake_march .classic-center::before{background-image:url("/assets/zones/grimwake_march.svg")!important} .zone-bg-hoardwake_exchange .classic-center::before{background-image:url("/assets/zones/hoardwake_exchange.svg")!important} .zone-bg-cryptwake_ossuary .classic-center::before{background-image:url("/assets/zones/cryptwake_ossuary.svg")!important} .zone-bg-battlewake_march .classic-center::before{background-image:url("/assets/zones/battlewake_march.svg")!important} .zone-bg-iridescentwake_grotto .classic-center::before{background-image:url("/assets/zones/iridescentwake_grotto.svg")!important} .zone-bg-mintedwake_exchange .classic-center::before{background-image:url("/assets/zones/mintedwake_exchange.svg")!important} .zone-bg-ashenveilwake_ossuary .classic-center::before{background-image:url("/assets/zones/ashenveilwake_ossuary.svg")!important} .zone-bg-heavenwake_march .classic-center::before{background-image:url("/assets/zones/heavenwake_march.svg")!important} .zone-bg-gemfirewake_grotto .classic-center::before{background-image:url("/assets/zones/gemfirewake_grotto.svg")!important} .zone-bg-auriccrown_exchange .classic-center::before{background-image:url("/assets/zones/auriccrown_exchange.svg")!important} .zone-bg-nightcrown_ossuary .classic-center::before{background-image:url("/assets/zones/nightcrown_ossuary.svg")!important} .zone-bg-ashencrown_march .classic-center::before{background-image:url("/assets/zones/ashencrown_march.svg")!important} .zone-bg-prismheart_grotto .classic-center::before{background-image:url("/assets/zones/prismheart_grotto.svg")!important} .zone-bg-gildedcrown_exchange .classic-center::before{background-image:url("/assets/zones/gildedcrown_exchange.svg")!important} .zone-bg-voidcrown_ossuary .classic-center::before{background-image:url("/assets/zones/voidcrown_ossuary.svg")!important} .zone-bg-stormcrown_march .classic-center::before{background-image:url("/assets/zones/stormcrown_march.svg")!important} .zone-bg-starshardheart_grotto .classic-center::before{background-image:url("/assets/zones/starshardheart_grotto.svg")!important} .zone-bg-crowncoincrown_exchange .classic-center::before{background-image:url("/assets/zones/crowncoincrown_exchange.svg")!important} .zone-bg-hollowcrown_ossuary .classic-center::before{background-image:url("/assets/zones/hollowcrown_ossuary.svg")!important} .zone-bg-ironcrown_march .classic-center::before{background-image:url("/assets/zones/ironcrown_march.svg")!important} .zone-bg-mooncrystalheart_grotto .classic-center::before{background-image:url("/assets/zones/mooncrystalheart_grotto.svg")!important} .zone-bg-shadecrown_ossuary .classic-center::before{background-image:url("/assets/zones/shadecrown_ossuary.svg")!important} .zone-bg-skycrown_march .classic-center::before{background-image:url("/assets/zones/skycrown_march.svg")!important} .zone-bg-sapphireheart_grotto .classic-center::before{background-image:url("/assets/zones/sapphireheart_grotto.svg")!important} .zone-bg-suncoincrown_exchange .classic-center::before{background-image:url("/assets/zones/suncoincrown_exchange.svg")!important} .zone-bg-gloamcrown_ossuary .classic-center::before{background-image:url("/assets/zones/gloamcrown_ossuary.svg")!important} .zone-bg-embercrown_march .classic-center::before{background-image:url("/assets/zones/embercrown_march.svg")!important} .zone-bg-opalheart_grotto .classic-center::before{background-image:url("/assets/zones/opalheart_grotto.svg")!important} .zone-bg-kingsgoldcrown_exchange .classic-center::before{background-image:url("/assets/zones/kingsgoldcrown_exchange.svg")!important} .zone-bg-blackstarcrown_ossuary .classic-center::before{background-image:url("/assets/zones/blackstarcrown_ossuary.svg")!important} .zone-bg-wyrmcrown_march .classic-center::before{background-image:url("/assets/zones/wyrmcrown_march.svg")!important} .zone-bg-diamondheart_grotto .classic-center::before{background-image:url("/assets/zones/diamondheart_grotto.svg")!important} .zone-bg-imperialcrown_exchange .classic-center::before{background-image:url("/assets/zones/imperialcrown_exchange.svg")!important} .zone-bg-veilcrown_ossuary .classic-center::before{background-image:url("/assets/zones/veilcrown_ossuary.svg")!important} .zone-bg-titancrown_march .classic-center::before{background-image:url("/assets/zones/titancrown_march.svg")!important} .zone-bg-glassheart_grotto .classic-center::before{background-image:url("/assets/zones/glassheart_grotto.svg")!important} .zone-bg-goldencrown_exchange .classic-center::before{background-image:url("/assets/zones/goldencrown_exchange.svg")!important} .zone-bg-eclipsecrown_ossuary .classic-center::before{background-image:url("/assets/zones/eclipsecrown_ossuary.svg")!important} .zone-bg-thundercrown_march .classic-center::before{background-image:url("/assets/zones/thundercrown_march.svg")!important} .zone-bg-astralheart_grotto .classic-center::before{background-image:url("/assets/zones/astralheart_grotto.svg")!important} .zone-bg-sovereigncrown_exchange .classic-center::before{background-image:url("/assets/zones/sovereigncrown_exchange.svg")!important} .zone-bg-cindercrown_march .classic-center::before{background-image:url("/assets/zones/cindercrown_march.svg")!important} .zone-bg-celestialheart_grotto .classic-center::before{background-image:url("/assets/zones/celestialheart_grotto.svg")!important} .zone-bg-treasurecrown_exchange .classic-center::before{background-image:url("/assets/zones/treasurecrown_exchange.svg")!important} .zone-bg-gravecrown_ossuary .classic-center::before{background-image:url("/assets/zones/gravecrown_ossuary.svg")!important} .zone-bg-dragoncrown_march .classic-center::before{background-image:url("/assets/zones/dragoncrown_march.svg")!important} .zone-bg-crowncrystalheart_grotto .classic-center::before{background-image:url("/assets/zones/crowncrystalheart_grotto.svg")!important} .zone-bg-coinfirecrown_exchange .classic-center::before{background-image:url("/assets/zones/coinfirecrown_exchange.svg")!important} .zone-bg-mourningcrown_ossuary .classic-center::before{background-image:url("/assets/zones/mourningcrown_ossuary.svg")!important} .zone-bg-runeheart_grotto .classic-center::before{background-image:url("/assets/zones/runeheart_grotto.svg")!important} .zone-bg-dawncoincrown_exchange .classic-center::before{background-image:url("/assets/zones/dawncoincrown_exchange.svg")!important} .zone-bg-duskcrown_ossuary .classic-center::before{background-image:url("/assets/zones/duskcrown_ossuary.svg")!important} .zone-bg-oathcrown_march .classic-center::before{background-image:url("/assets/zones/oathcrown_march.svg")!important} .zone-bg-aetherheart_grotto .classic-center::before{background-image:url("/assets/zones/aetherheart_grotto.svg")!important} .zone-bg-starcoincrown_exchange .classic-center::before{background-image:url("/assets/zones/starcoincrown_exchange.svg")!important} .zone-bg-umbercrown_ossuary .classic-center::before{background-image:url("/assets/zones/umbercrown_ossuary.svg")!important} .zone-bg-crownfang_march .classic-center::before{background-image:url("/assets/zones/crownfang_march.svg")!important} .zone-bg-brightgoldcrown_exchange .classic-center::before{background-image:url("/assets/zones/brightgoldcrown_exchange.svg")!important} .zone-bg-shadowcrown_ossuary .classic-center::before{background-image:url("/assets/zones/shadowcrown_ossuary.svg")!important} .zone-bg-dawncrown_march .classic-center::before{background-image:url("/assets/zones/dawncrown_march.svg")!important} .zone-bg-jewelheart_grotto .classic-center::before{background-image:url("/assets/zones/jewelheart_grotto.svg")!important} .zone-bg-royalcrown_exchange .classic-center::before{background-image:url("/assets/zones/royalcrown_exchange.svg")!important} .zone-bg-nightglasscrown_ossuary .classic-center::before{background-image:url("/assets/zones/nightglasscrown_ossuary.svg")!important} .zone-bg-starcrown_march .classic-center::before{background-image:url("/assets/zones/starcrown_march.svg")!important} .zone-bg-crystalheart_grotto .classic-center::before{background-image:url("/assets/zones/crystalheart_grotto.svg")!important} .zone-bg-darkcrownspire_ossuary .classic-center::before{background-image:url("/assets/zones/darkcrownspire_ossuary.svg")!important} .zone-bg-flamecrown_march .classic-center::before{background-image:url("/assets/zones/flamecrown_march.svg")!important} .zone-bg-sunprismheart_grotto .classic-center::before{background-image:url("/assets/zones/sunprismheart_grotto.svg")!important} .zone-bg-vaultgoldcrown_exchange .classic-center::before{background-image:url("/assets/zones/vaultgoldcrown_exchange.svg")!important} .zone-bg-hollowstarcrown_ossuary .classic-center::before{background-image:url("/assets/zones/hollowstarcrown_ossuary.svg")!important} .zone-bg-worldcrown_march .classic-center::before{background-image:url("/assets/zones/worldcrown_march.svg")!important} .zone-bg-starglassheart_grotto .classic-center::before{background-image:url("/assets/zones/starglassheart_grotto.svg")!important} .zone-bg-crownfirecrown_exchange .classic-center::before{background-image:url("/assets/zones/crownfirecrown_exchange.svg")!important} /* Phase 21 R9 — destructive character actions require explicit typed confirmation. */ body.character-delete-open{overflow:hidden}.character-delete-modal[hidden]{display:none}.character-delete-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:24px}.character-delete-backdrop{position:absolute;inset:0;background:rgba(2,5,4,.86);backdrop-filter:blur(3px)}.character-delete-dialog{position:relative;width:min(560px,calc(100vw - 32px));border:1px solid rgba(179,92,86,.55);background:linear-gradient(180deg,rgba(18,24,20,.99),rgba(8,12,10,.99));box-shadow:0 28px 90px rgba(0,0,0,.72);padding:26px}.character-delete-dialog h2{margin:8px 0 10px;font-size:1.55rem}.character-delete-dialog p{margin:0 0 18px;color:var(--muted,#a9b2aa);line-height:1.55}.danger-kicker{color:#e8a09a}.character-delete-summary{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;padding:14px 16px;margin:0 0 18px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}.character-delete-summary span{color:var(--muted,#9ca69e);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.character-delete-summary strong{text-align:right}.character-delete-dialog form{display:grid;gap:10px}.character-delete-dialog label{font-weight:700}.character-delete-dialog input[name="confirmation_name"]{width:100%;font:inherit;padding:11px 12px;border:1px solid rgba(179,92,86,.48);background:#080c0a;color:inherit}.character-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.character-delete-actions button{min-width:150px}.character-delete-actions .danger:disabled{opacity:.42;cursor:not-allowed} .waypoint-card.realm-incursion-waypoint{outline:1px solid rgba(206,169,84,.7);box-shadow:0 0 18px rgba(206,169,84,.12) inset}.waypoint-incursion-label{font-style:normal;font-size:.72em;letter-spacing:.05em;text-transform:uppercase;color:#e7c76e;margin-left:.45rem} /* Phase 21 R9 — Warden's Lodge / Realm Incursion reward surface. */ .warden-lodge{display:grid;gap:14px}.warden-active,.warden-wallet,.warden-relic-line,.warden-relics,.warden-history{border:1px solid rgba(176,151,91,.28);background:rgba(5,10,8,.72);padding:14px}.warden-active>header,.warden-relic-line>header,.warden-relics>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.warden-active header div,.warden-relic-line header div,.warden-relics header{display:flex;flex-direction:column;gap:3px}.warden-active header span,.warden-relic-line header span,.warden-relics header span,.warden-wallet span,.warden-stats span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#9ca69e)}.warden-active header strong,.warden-relic-line header strong,.warden-relics header strong{font-size:1rem}.warden-active header b,.warden-relic-line header b{font-size:.78rem;color:#d8c47e}.warden-active.quiet{opacity:.86}.warden-health{display:grid;gap:7px;margin:12px 0}.warden-health>div{display:flex;justify-content:space-between;gap:12px}.warden-health progress{width:100%;height:12px}.warden-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.warden-stats>div,.warden-wallet>div{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16)}.warden-active p,.warden-stage p{color:var(--muted,#a9b2aa);line-height:1.45}.warden-wallet{display:grid;grid-template-columns:minmax(130px,.65fr) minmax(130px,.65fr) minmax(220px,1.4fr);gap:9px;align-items:stretch}.warden-wallet form,.warden-cache-grid form,.warden-relic-line form{margin:0}.warden-wallet button,.warden-cache-grid button,.warden-relic-line button{width:100%;height:100%}.warden-cache-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.warden-cache-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;text-align:left}.warden-cache-grid button span{font-size:.78rem;font-weight:400;color:var(--muted,#a9b2aa)}.warden-relics{display:grid;gap:12px}.warden-relic-line{display:grid;gap:11px}.warden-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.warden-stage{display:grid;align-content:start;gap:5px;padding:10px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16)}.warden-stage>span{font-size:.75rem;color:#d8c47e}.warden-stage p{margin:0;font-size:.78rem}.warden-history summary{cursor:pointer;font-weight:700}.warden-history .compact-system-list{margin-top:10px}@media(max-width:780px){.warden-wallet,.warden-stage-grid,.warden-cache-grid{grid-template-columns:1fr}.warden-stats{grid-template-columns:1fr}} /* Phase 21 R9d — Realm Incursion identity + Special Monster narration clarity */ .chat-message.event-realm_incursion,.chat-message.event-realm_incursion .chat-prefix,.chat-message.event-realm_incursion .chat-body{color:var(--wr-incursion)!important} .chat-message.event-realm_incursion .chat-prefix{font-weight:900!important;text-shadow:0 0 8px color-mix(in srgb,var(--wr-incursion) 38%,transparent)!important} .battle-line .monster-base-name{color:inherit!important;font-weight:800!important} .fight-picker option.realm-incursion-option{color:var(--wr-incursion)!important;font-weight:850!important} .fight-picker select:has(option.realm-incursion-option:checked){color:var(--wr-incursion)!important;font-weight:800!important} /* Phase 22 R2 — Responsive Control Contract. Root font-size remains the single interface-scale authority; all first-party control geometry below is expressed in rem so text, line-height, padding, icons, gaps and minimum hit-area grow together at 70–150%. */ :root{ --wr-interface-scale:1; --wr-control-font:.875rem; --wr-control-line:1.24; --wr-control-pad-y:.48rem; --wr-control-pad-x:.72rem; --wr-control-min-h:2.375rem; --wr-control-min-w:2.375rem; --wr-control-gap:.45rem; --wr-control-radius:.25rem; --wr-control-border:1px; --wr-control-icon:1rem; --wr-readable-floor:.68rem; } .realm-shell{overflow-x:hidden!important} .realm-shell button,.realm-shell .button,.realm-shell select,.realm-shell input,.realm-shell textarea, [data-tool-window] button,[data-tool-window] select,[data-tool-window] input,[data-tool-window] textarea{ min-width:0; font-size:max(var(--wr-readable-floor),var(--wr-control-font)); line-height:var(--wr-control-line); } .realm-shell button,.realm-shell .button,[data-tool-window] button{ min-width:var(--wr-control-min-w); min-height:var(--wr-control-min-h); height:auto; padding:var(--wr-control-pad-y) var(--wr-control-pad-x); border-width:var(--wr-control-border); border-radius:var(--wr-control-radius); white-space:normal; overflow-wrap:anywhere; } .realm-shell select,.realm-shell input,.realm-shell textarea, [data-tool-window] select,[data-tool-window] input,[data-tool-window] textarea{ border-width:var(--wr-control-border); } .realm-shell button svg,.realm-shell .button svg,[data-tool-window] button svg, .classic-links.primary-workspaces a>.workspace-glyph{ width:var(--wr-control-icon)!important; height:var(--wr-control-icon)!important; flex:0 0 var(--wr-control-icon); } .classic-links a,.classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){ min-height:var(--wr-control-min-h)!important; height:auto!important; padding-block:var(--wr-control-pad-y)!important; line-height:var(--wr-control-line)!important; } .classic-links.primary-workspaces a>span:not(.workspace-glyph):not(.workspace-notification-dot){ min-height:calc(2 * 1em * var(--wr-control-line))!important; line-height:var(--wr-control-line)!important; white-space:normal!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; line-clamp:2!important; overflow:hidden!important; text-overflow:ellipsis!important; } .trade-workspace-tabs,.guild-tool-tabs,.progression-tabs,.amulet-tabs,.reference-tabs{ display:flex!important; grid-template-columns:none!important; grid-auto-flow:initial!important; grid-auto-columns:initial!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:thin; max-width:100%; } .trade-workspace-tabs button,.guild-tool-tabs button,.progression-tabs button,.amulet-tabs button,.reference-tabs button{ flex:1 0 max-content!important; width:auto!important; min-width:max(5.25rem,max-content)!important; min-height:var(--wr-control-min-h)!important; height:auto!important; padding:.45rem .6rem!important; line-height:var(--wr-control-line)!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; text-align:center!important; } .fight-actions,.fight-picker,.realm-utility-cluster,.inventory-context-controls,.craft-browser-toolbar{gap:var(--wr-control-gap)!important} .fight-actions button,.combat-picker-slot .fight-picker button,.auto-fight-utility .auto-fight-toggle{ min-height:var(--wr-control-min-h)!important; height:auto!important; line-height:var(--wr-control-line)!important; } .tool-window,.personal-tool-window,[data-tool-window]{max-width:calc(100vw - 1.5rem)!important;max-height:calc(100vh - 1.5rem)!important} /* Campaign reward arc + claim chooser. */ .campaign-reward-arc{border-top:1px solid #293029;background:#090d0a} .campaign-reward-arc>summary{cursor:pointer;padding:.58rem .68rem;color:#d1c56f;font-size:.72rem;font-weight:800} .campaign-reward-arc ol{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:#252d27} .campaign-reward-arc li{display:grid;grid-template-columns:minmax(5.5rem,.25fr) minmax(0,1fr);gap:.55rem;padding:.48rem .62rem;background:#0b100c} .campaign-reward-arc li.current{background:#121a13;box-shadow:inset .16rem 0 #82945b} .campaign-reward-arc li span{color:#7d887e;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em} .campaign-reward-arc li strong{color:#cdd0c7;font-size:.69rem;line-height:1.35;overflow-wrap:anywhere} .campaign-claim-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem!important;align-items:end;width:100%} .campaign-reward-choice{display:grid;gap:.25rem;min-width:0;color:#8d978f;font-size:.62rem} .campaign-reward-choice select{width:100%;min-height:var(--wr-control-min-h);background:#0d120e;color:#d7d9d2;border:1px solid #39433a;padding:.35rem .5rem} .campaign-claim-form button{align-self:end} @media(max-width:700px){.campaign-claim-form{grid-template-columns:1fr}.campaign-claim-form button{width:100%}.campaign-reward-arc li{grid-template-columns:1fr}} /* Phase 22 R2 — compact Recent Gains; intentionally collapsible and non-blocking. */ .recent-gains-panel{margin:.35rem 0 0;border:1px solid rgba(202,181,130,.28);border-radius:var(--wr-control-radius,.55rem);background:rgba(8,12,18,.78);max-width:min(26rem,100%);overflow:hidden} .recent-gains-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:.55rem;cursor:pointer;padding:.42rem .62rem;font-size:max(.75rem,var(--wr-control-font,.82rem));line-height:var(--wr-control-line,1.2);user-select:none} .recent-gains-panel>summary b{font-variant-numeric:tabular-nums;opacity:.72} .recent-gains-list{max-height:10.5rem;overflow:auto;padding:0 .5rem .5rem} .recent-gain-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem;padding:.28rem .18rem;border-top:1px solid rgba(255,255,255,.06);font-size:max(.72rem,var(--wr-readable-floor,.72rem));line-height:1.3} .recent-gain-row span{min-width:0;overflow-wrap:anywhere}.recent-gain-row b{white-space:nowrap}.recent-gains-empty{padding:.45rem .18rem;opacity:.62;font-size:max(.72rem,var(--wr-readable-floor,.72rem))} /* Phase 22 R2 navigation/UI stabilization — specialized surfaces must not inherit generic responsive-control geometry that distorts map, chat or sidebar layout. */ .classic-center>.realm-left-utility-cluster{ position:absolute!important;top:9px!important;left:10px!important;z-index:56!important; display:flex!important;align-items:flex-start!important;gap:7px!important;margin:0!important; max-width:calc(100% - 360px); } .classic-center>.realm-left-utility-cluster>.auto-special-menu{ position:relative!important;top:auto!important;left:auto!important;z-index:auto!important;margin:0!important; } .classic-center>.realm-left-utility-cluster>.recent-gains-panel{ position:relative!important;margin:0!important;overflow:visible!important;max-width:none!important; border-color:#465046!important;background:#101411e8!important;border-radius:3px!important; } .classic-center>.realm-left-utility-cluster>.recent-gains-panel>summary{ min-height:31px!important;height:31px!important;padding:0 9px!important;gap:7px!important; color:#e0e4df!important;font-size:.66rem!important;font-weight:750!important;white-space:nowrap!important; } .classic-center>.realm-left-utility-cluster>.auto-session-recap{ position:relative!important;margin:0!important;overflow:visible!important; border-color:#465046!important;background:#101411e8!important;border-radius:3px!important; } .classic-center>.realm-left-utility-cluster>.auto-session-recap>summary{ min-height:31px!important;height:31px!important;padding:0 9px!important;gap:7px!important; color:#e0e4df!important;font-size:.66rem!important;font-weight:750!important;white-space:nowrap!important; } .classic-center>.realm-left-utility-cluster>.recent-gains-panel .recent-gains-list{ position:absolute!important;z-index:72!important;top:calc(100% + 6px)!important;left:0!important; width:min(340px,calc(100vw - 32px))!important;max-height:240px!important;overflow:auto!important; padding:5px 7px 7px!important;border:1px solid #465046!important;border-radius:3px!important; background:#080c09f7!important;box-shadow:0 12px 28px #000a!important; } .classic-center>.realm-left-utility-cluster>.recent-gains-panel:not([open]) .recent-gains-list{display:none!important} /* Restore the realm map's own square geometry and true centered icon sizing. */ .classic-right{padding-top:8px!important} .classic-right>.classic-nav-pad{margin-top:0!important} .classic-right>#zone-map{margin-top:5px!important} .zone-map-grid .map-tile-form{display:block!important;margin:0!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important} .zone-map-grid button.zone-tile{ display:grid!important;place-items:center!important;width:100%!important;height:100%!important; min-width:0!important;min-height:0!important;padding:0!important;border-radius:0!important; line-height:1!important;overflow:hidden!important; } .zone-map-grid button.zone-tile .zone-map-icon{ display:grid!important;place-items:center!important;width:70%!important;height:70%!important; align-self:center!important;justify-self:center!important;line-height:1!important; } .zone-map-grid button.zone-tile .zone-map-icon svg{ display:block!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important; flex:none!important;margin:0!important; } .zone-map-grid .zone-tile.player{display:grid!important;place-items:center!important} /* Movement pad is intentionally distinct from ordinary controls. */ .classic-nav-pad .movement-direction-form button{ display:grid!important;place-items:center!important;width:100%!important;height:31px!important;min-height:31px!important; padding:0 6px!important;border:1px solid #747b82!important;border-radius:2px!important; background:linear-gradient(#596067,#353a3f)!important;color:#fff!important; font-size:.72rem!important;font-weight:750!important;line-height:1!important;text-shadow:0 1px #000!important; } .classic-nav-pad .movement-direction-form button:hover:not(:disabled){ background:linear-gradient(#6a7279,#41474c)!important;border-color:#929aa1!important;color:#fff!important; } .classic-nav-pad .classic-waypoint-shortcut{color:#a7e7aa!important} .classic-coords{display:none!important} /* Left rail workspaces are a fixed one-line desktop control family. */ .classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){ display:flex!important;align-items:center!important;justify-content:center!important; min-height:40px!important;height:40px!important;padding:0 10px!important;line-height:1!important; } .classic-links.primary-workspaces a>span:not(.workspace-glyph):not(.workspace-notification-dot){ display:flex!important;align-items:center!important;justify-content:center!important; width:100%!important;height:auto!important;min-height:0!important;padding:0 25px!important; line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; -webkit-line-clamp:unset!important;line-clamp:unset!important;color:#fff!important; } .classic-links.primary-workspaces a>.workspace-glyph{top:50%!important;transform:translateY(-50%)!important;color:#aeb7af!important} .classic-links.primary-workspaces a:hover>span:not(.workspace-glyph):not(.workspace-notification-dot),.classic-links.primary-workspaces a.active>span:not(.workspace-glyph):not(.workspace-notification-dot){color:#fff!important} /* Sidebar has no redundant title; the expanded Waypoints window retains it. */ #waypoints-panel>.inventory-title{display:none!important} .classic-left-workspace{margin-top:4px!important;padding-top:4px!important} #waypoints-panel .waypoint-filter-bar{margin-top:0!important} /* Activity messages are one flowing baseline, not a two-column grid. */ .activity-message{ display:block!important;min-width:0!important;height:auto!important;padding:4px 5px!important; font-size:14px!important;line-height:1.32!important;overflow:visible!important; } .activity-message .chat-prefix,.activity-message .chat-body{ display:inline!important;min-width:0!important;max-width:none!important;white-space:normal!important; overflow-wrap:anywhere!important;vertical-align:baseline!important; } .activity-message .chat-prefix{margin-right:.38em!important} .activity-message .chat-name{ display:inline-flex!important;align-items:baseline!important;vertical-align:baseline!important; width:auto!important;height:auto!important;min-width:0!important;min-height:0!important; padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important; font:inherit!important;line-height:inherit!important;white-space:nowrap!important;overflow:visible!important; } .activity-message .chat-staff-tag,.activity-message .chat-guild-role,.activity-message .chat-self-name{white-space:nowrap!important;vertical-align:baseline!important} .activity-message .chat-inline-action{ display:inline-flex!important;vertical-align:baseline!important;min-height:23px!important;margin-left:7px!important;padding:1px 7px!important; } .activity-message.system.event-realm-incursion .chat-prefix{white-space:nowrap!important} @media(max-width:760px){ .classic-center>.realm-left-utility-cluster{max-width:calc(100% - 180px);gap:4px!important;left:7px!important;top:7px!important} .classic-center>.realm-left-utility-cluster>.recent-gains-panel>summary,.classic-center>.realm-left-utility-cluster>.auto-session-recap>summary{min-height:29px!important;height:29px!important;padding:0 7px!important} .classic-links.primary-workspaces a>span:not(.workspace-glyph):not(.workspace-notification-dot){padding-inline:22px!important} } .activity-message .chat-prefix{white-space:nowrap!important} /* Phase 22 R2 navigation/UI FIELD closure — user-verified specialized geometry. */ .classic-center>.realm-left-utility-cluster>.auto-special-menu>summary, .classic-center>.realm-left-utility-cluster>.recent-gains-panel>summary, .classic-center>.realm-left-utility-cluster>.auto-session-recap>summary{ box-sizing:border-box!important;height:31px!important;min-height:31px!important; } .classic-center>.realm-left-utility-cluster>.recent-gains-panel>summary b{ display:inline-grid!important;place-items:center!important;min-width:19px!important;height:19px!important; padding:0 4px!important;border:1px solid #465046!important;border-radius:10px!important; background:#171b17!important;color:#d8ddd8!important;font-size:.58rem!important; } .classic-nav-pad .movement-direction-form button{ border-color:#50534f!important;background:linear-gradient(#303230,#202220)!important;color:#fff!important; } .classic-nav-pad .movement-direction-form button:hover:not(:disabled){ background:linear-gradient(#3b3e3b,#292b29)!important;border-color:#686c68!important;color:#fff!important; } .map-key-panel .map-key-section-title{text-align:center!important} .map-key-panel .map-legend.map-legend-base{text-align:center!important} .map-key-panel .map-legend.map-legend-base>span{ grid-template-columns:9px max-content!important;justify-content:center!important;text-align:left!important; } .map-key-panel .map-service-legend{text-align:center!important} .map-key-panel .map-service-key{ grid-template-columns:9px max-content!important;justify-content:center!important;text-align:left!important; } .map-key-panel .map-hotspot-row{justify-content:center!important;text-align:center!important} .chat-message.event-realm_incursion .realm-incursion-monster, .activity-message.event-realm-incursion .realm-incursion-monster{ color:var(--good)!important;font-weight:850!important;text-shadow:0 0 7px color-mix(in srgb,var(--good) 24%,transparent)!important; } @media(max-width:760px){ .classic-center>.realm-left-utility-cluster>.auto-special-menu>summary, .classic-center>.realm-left-utility-cluster>.recent-gains-panel>summary, .classic-center>.realm-left-utility-cluster>.auto-session-recap>summary{height:29px!important;min-height:29px!important} } /* Phase 22 R2 complete Field Manual authority. The Manual is a full reference surface, not footnote chrome. */ .manual-reference-lead{padding:12px 13px;border:1px solid #3a453b;background:#0d130f}.manual-reference-lead strong{font-size:18px!important;color:#e1d8c6}.manual-reference-lead span{font-size:14px!important;line-height:1.5;color:#abb4ab} .manual-character-now{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:7px}.manual-character-now>div{display:grid;gap:3px;padding:9px 10px;border:1px solid #354037;background:#0c120e}.manual-character-now span{font-size:12px;color:#869188;text-transform:uppercase;letter-spacing:.04em}.manual-character-now strong{font-size:14px;color:#d8d0bf;line-height:1.35} .manual-toolbar{position:sticky;top:38px;z-index:2;padding:9px;border:1px solid #323c34;background:#090e0b}.manual-toolbar>label{font-size:14px!important;color:#c2bba9!important}.manual-toolbar input{height:40px!important;font-size:14px!important}.manual-category-nav{display:flex;flex-wrap:wrap;gap:5px}.manual-category-nav button{min-height:32px;padding:0 10px!important;border:1px solid #384239!important;background:#101612!important;color:#aeb6ae!important;font-size:12px!important}.manual-category-nav button.active{border-color:#68785a!important;background:#182219!important;color:#dfd4bc!important} .manual-topic-list{gap:10px!important}.manual-section{gap:9px!important;padding:13px 14px!important}.manual-section h4{font-size:16px!important;color:#ded3bc!important}.manual-section p,.manual-section li{font-size:14px!important;line-height:1.58!important;color:#b3bab3!important}.manual-topic-summary{font-weight:650;color:#c8c1b2!important}.manual-bullets{display:grid;gap:5px;margin:0;padding-left:20px}.manual-live-reference{border-color:#435046!important;background:#0d130f!important}.manual-live-reference>h4{color:#e4cc7d!important}.manual-live-reference details{border:1px solid #333e35;background:#0a0f0b}.manual-live-reference details>summary{cursor:pointer;padding:10px 11px;color:#d4ccbb;font-size:14px;font-weight:700}.manual-live-reference details[open]>summary{border-bottom:1px solid #303a32}.manual-live-reference details>p{padding:9px 11px} .manual-live-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.manual-live-metrics>span{display:grid;gap:2px;padding:8px;border:1px solid #303b32;background:#090e0b;color:#c8d0c8;font-size:14px}.manual-live-metrics b{font-size:11px;color:#7f8a81;text-transform:uppercase;letter-spacing:.04em}.manual-axis-list,.manual-chip-grid{display:flex;flex-wrap:wrap;gap:5px}.manual-axis-list span,.manual-chip-grid span{padding:5px 7px;border:1px solid #344037;background:#0a100c;color:#bac2ba;font-size:12px} .manual-table-wrap{max-width:100%;overflow:auto;overscroll-behavior:contain;border:1px solid #303a32}.manual-data-table{width:100%;border-collapse:collapse;min-width:620px;background:#090e0b}.manual-data-table th,.manual-data-table td{padding:8px 9px;border-right:1px solid #2d362f;border-bottom:1px solid #2d362f;text-align:left;vertical-align:top;font-size:12px;line-height:1.42;color:#adb6ae}.manual-data-table th{position:sticky;top:0;z-index:1;background:#121914;color:#d8d0bd;font-size:11px;text-transform:uppercase;letter-spacing:.035em}.manual-data-table td strong{display:block;color:#d7d0c1;font-size:13px}.manual-data-table td small{display:block;margin-top:3px;color:#838e85;font-size:11px;line-height:1.35}.manual-gem-table{min-width:1180px}.manual-runic-table{min-width:1040px}.manual-runic-class-table{min-width:1260px}.manual-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.manual-family-grid article{display:grid;gap:4px;padding:8px;border:1px solid #303a32;background:#090e0b}.manual-family-grid strong{color:#d2cbbb;font-size:13px}.manual-family-grid span{color:#8f9991;font-size:12px;line-height:1.4} .manual-authority-list{display:grid;gap:6px}.manual-authority-row{padding:10px!important}.manual-authority-row p{font-size:13px!important}.manual-special-card ul{margin:0;padding-left:18px;color:#929c94;font-size:12px;line-height:1.4} @media(max-width:900px){.manual-character-now{grid-template-columns:1fr}.manual-live-metrics,.manual-family-grid{grid-template-columns:1fr 1fr}.manual-toolbar{top:34px}} @media(max-width:600px){.manual-live-metrics,.manual-family-grid{grid-template-columns:1fr}.manual-section{padding:11px!important}.manual-section h4{font-size:15px!important}.manual-section p,.manual-section li{font-size:13px!important}.manual-category-nav button{font-size:11px!important;padding:0 8px!important}} /* Phase 22 R2 permanent-world numeric rail + Alignment authority. */ .character-vital strong[data-number-pair-left],.classic-stat-pinned .classic-stat-list strong[data-number-exact],.bank-balance-grid strong[data-number-exact]{font-variant-numeric:tabular-nums;white-space:nowrap!important;overflow-wrap:normal!important;min-width:0;overflow:hidden;text-overflow:ellipsis} .classic-stat-pinned .classic-stat-list .stat-class{justify-content:flex-start!important} .classic-stat-pinned .classic-stat-list .stat-class strong{margin-left:6px!important;margin-right:0!important;max-width:calc(100% - 42px)!important;text-align:left!important;color:#d9d4ca!important} .classic-stat-pinned .classic-stat-list .stat-alignment strong{font-variant-numeric:tabular-nums;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis} .classic-stat-pinned .classic-stat-list .stat-alignment.alignment-positive strong{color:#ffd74f!important} .classic-stat-pinned .classic-stat-list .stat-alignment.alignment-negative strong{color:#ff5757!important} .classic-stat-pinned .classic-stat-list .stat-alignment.alignment-neutral strong{color:#d8e2e8!important} .battle-line.battle-alignment{color:#d9bf69} @container (max-width:310px){.classic-stat-pinned .classic-stat-list .stat-class strong{max-width:none!important}.classic-stat-pinned .classic-stat-list strong[data-number-exact]{max-width:58%!important}} .manual-special-detail{display:grid;gap:4px;margin-top:7px;padding-top:7px;border-top:1px solid #303530}.manual-special-detail span{display:grid;grid-template-columns:64px minmax(0,1fr);gap:7px;color:#b8bbb2;font-size:.68rem;line-height:1.35}.manual-special-detail b{color:#8f968d;font-weight:700} /* Phase 22 R2 Manual navigation/search closure: grid sections must still honor hidden. */ [data-manual-topic][hidden]{display:none!important} .manual-search-status{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7f8981;font-size:12px;line-height:1.35} .manual-search-status>span{color:#b7c1b8;font-weight:700}.manual-search-status>small{color:#6f7971;text-align:right} @media(max-width:620px){.manual-search-status{align-items:flex-start;flex-direction:column;gap:3px}.manual-search-status>small{text-align:left}} /* Phase 22 R2 character rail identity alignment: Class follows the same value column as other stats. */ .classic-stat-pinned .classic-stat-list .stat-class{justify-content:space-between!important} .classic-stat-pinned .classic-stat-list .stat-class strong{margin-left:auto!important;margin-right:0!important;max-width:62%!important;text-align:right!important;color:#d9d4ca!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis} @container (max-width:310px){.classic-stat-pinned .classic-stat-list .stat-class strong{max-width:58%!important}} /* Phase 22 R2 Counting Hall redesign — one canonical, compact banking workbench. */ .service-ledgerhall .special-location-scroll{padding:12px 14px 14px!important} .ledgerhall-workbench{display:grid;gap:10px;max-width:920px;margin:0 auto} .service-ledgerhall .ledger-balance-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important} .service-ledgerhall .ledger-balance-card{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 12px;padding:12px 13px!important;border:1px solid #3a463d!important;border-radius:4px;background:linear-gradient(145deg,#101712,#090d0a)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)} .service-ledgerhall .ledger-balance-card>span{align-self:end;color:#849187!important;font-size:11px!important;font-weight:750;letter-spacing:.075em;text-transform:uppercase} .service-ledgerhall .ledger-balance-card>strong{align-self:end;color:#e1c967!important;font-size:18px!important;line-height:1.1;text-align:right} .service-ledgerhall .ledger-balance-card>small{grid-column:1/-1;color:#778079;font-size:11px;line-height:1.35} .service-ledgerhall .ledger-bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .service-ledgerhall .ledger-bank-card,.service-ledgerhall .ledger-transfer-card{display:grid;gap:9px;padding:11px 12px;border:1px solid #303a32;border-radius:4px;background:#0b100c} .service-ledgerhall .ledger-bank-card>header,.service-ledgerhall .ledger-transfer-card>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:0 0 8px;border-bottom:1px solid #273028} .service-ledgerhall .ledger-bank-card>header>div,.service-ledgerhall .ledger-transfer-card>header>div{display:grid;gap:2px;min-width:0} .service-ledgerhall .ledger-bank-card>header span,.service-ledgerhall .ledger-transfer-card>header span{color:#738078;font-size:10px;font-weight:750;letter-spacing:.075em;text-transform:uppercase} .service-ledgerhall .ledger-bank-card>header strong,.service-ledgerhall .ledger-transfer-card>header strong{color:#d9cfb5;font-size:14px;line-height:1.2} .service-ledgerhall .ledger-bank-card>header small,.service-ledgerhall .ledger-transfer-card>header small{max-width:180px;color:#707a72;font-size:11px;line-height:1.3;text-align:right} .service-ledgerhall .ledger-amount-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;margin:0} .service-ledgerhall .ledger-amount-form label,.service-ledgerhall .ledger-transfer-form label{display:grid;gap:4px;min-width:0;color:#8e978f;font-size:11px;font-weight:650} .service-ledgerhall .ledger-amount-form input,.service-ledgerhall .ledger-transfer-form input,.service-ledgerhall .ledger-transfer-form select{width:100%;height:34px;min-width:0;padding:0 9px;border:1px solid #374238;border-radius:3px;background:#080c09;color:#dedbd0;font-size:13px;font-variant-numeric:tabular-nums} .service-ledgerhall .ledger-amount-form button,.service-ledgerhall .ledger-transfer-form button{height:34px;min-width:92px;padding:0 12px} .service-ledgerhall .ledger-deposit-all{display:flex;margin:0;justify-content:flex-start} .service-ledgerhall .ledger-deposit-all button{height:30px!important;width:auto!important;padding:0 10px!important;font-size:11px!important} .service-ledgerhall .ledger-quick-amounts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px} .service-ledgerhall .ledger-quick-amounts button{height:30px!important;padding:0 4px!important;border-radius:3px!important;font-size:11px!important;font-weight:750!important} .service-ledgerhall .ledger-transfer-card{margin:0} .service-ledgerhall .ledger-transfer-form{display:grid;grid-template-columns:minmax(170px,1.15fr) minmax(170px,1fr) auto;gap:8px;align-items:end;margin:0} @media(max-width:760px){.service-ledgerhall .ledger-bank-grid,.service-ledgerhall .ledger-balance-grid{grid-template-columns:1fr!important}.service-ledgerhall .ledger-transfer-form{grid-template-columns:1fr}.service-ledgerhall .ledger-transfer-form button{width:100%}.service-ledgerhall .ledger-bank-card>header,.service-ledgerhall .ledger-transfer-card>header{align-items:flex-start;flex-direction:column}.service-ledgerhall .ledger-bank-card>header small,.service-ledgerhall .ledger-transfer-card>header small{text-align:left;max-width:none}} @media(max-width:480px){.service-ledgerhall .special-location-scroll{padding:9px!important}.service-ledgerhall .ledger-quick-amounts{grid-template-columns:repeat(3,1fr)}.service-ledgerhall .ledger-amount-form{grid-template-columns:1fr}.service-ledgerhall .ledger-amount-form button{width:100%}} /* Phase 22 R2 Auto Fight density pass — same design, less unused panel mass. */ .auto-fight-utility .auto-fight-popover.auto-fight-settings{width:304px!important;max-width:min(304px,calc(100vw - 22px))!important;max-height:min(490px,calc(100vh - 82px))!important} .auto-fight-utility .auto-menu-header{padding:9px 10px 8px!important;gap:10px!important} .auto-fight-utility .auto-menu-header strong{font-size:14px!important}.auto-fight-utility .auto-menu-header>div span{font-size:11px!important;line-height:1.25!important} .auto-fight-utility .auto-menu-state{min-height:22px!important;padding:0 7px!important;font-size:10px!important} .auto-fight-utility .auto-menu-section,.auto-fight-utility .auto-level-control{gap:7px!important;padding:8px 9px!important} .auto-fight-utility .auto-menu-section-head{gap:1px!important}.auto-fight-utility .auto-menu-section-head strong{font-size:11px!important}.auto-fight-utility .auto-menu-section-head span{font-size:10px!important;line-height:1.25!important} .auto-fight-utility .auto-action-option-grid{gap:5px!important}.auto-fight-utility .auto-fight-option{min-height:49px!important;padding:6px 7px!important;gap:6px!important}.auto-fight-utility .auto-fight-option.preferred{min-height:45px!important} .auto-fight-utility .auto-fight-option strong{font-size:12px!important}.auto-fight-utility .auto-fight-option small{font-size:10px!important;line-height:1.2!important} .auto-fight-utility .auto-level-option-grid{gap:5px!important}.auto-fight-utility .auto-level-option-grid .auto-level-choice{min-height:43px!important;padding:5px!important}.auto-fight-utility .auto-level-option-grid .auto-level-choice.manual,.auto-fight-utility .auto-level-option-grid .auto-level-choice.all{min-height:38px!important} .auto-fight-utility .auto-level-option-grid .auto-level-choice strong{font-size:11px!important}.auto-fight-utility .auto-level-option-grid .auto-level-choice small{font-size:9px!important;line-height:1.15!important} .auto-fight-utility .auto-menu-footer{padding:7px 9px 8px!important;font-size:9px!important;line-height:1.3!important} @media(max-width:560px){.auto-fight-utility .auto-fight-popover.auto-fight-settings{width:min(292px,calc(100vw - 16px))!important}} /* Phase 22 R2 — level-appropriate legacy material inheritance + downward substitution. */ .craft-cost-row-substitution{align-items:start}.craft-cost-material{display:grid;gap:3px;min-width:0}.craft-cost-material>b{color:#adb4aa!important;text-align:left!important;font-weight:600}.craft-material-equivalence,.craft-material-plan{display:block;color:#747d75;font-size:.55rem;line-height:1.3;font-weight:400}.craft-material-equivalence em{color:#a9a47f;font-style:normal}.craft-material-plan{color:#8f988f}.craft-cost-row-substitution.ready .craft-material-plan{color:#8dc88a}.craft-cost-row-substitution.short .craft-material-plan{color:#c3a070} /* Phase 22 R3a — physical Wyrmseal Atelier / Wyvern Sigil lifecycle. */ .wyrmseal-atelier{display:grid;gap:12px}.wyrmseal-law,.wyrmseal-current,.wyrmseal-section{border:1px solid #3b433c;border-radius:4px;background:#0a0f0b;padding:12px}.wyrmseal-law{display:grid;gap:4px;border-color:#66532c;background:#120f08}.wyrmseal-law strong{color:#e0c678;font-size:.82rem}.wyrmseal-law span{color:#aaa394;font-size:.72rem;line-height:1.45}.wyrmseal-current{display:flex;justify-content:space-between;align-items:center;gap:14px}.wyrmseal-current>div{display:grid;gap:4px}.wyrmseal-current span,.wyrmseal-section>header span,.wyrmseal-sigil-card header span,.wyrmseal-tier>div>span{color:#7f8981;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.wyrmseal-current strong,.wyrmseal-section>header strong{color:#ded8ca;font-size:.88rem}.wyrmseal-current p{margin:0;color:#a4aaa4;font-size:.72rem;line-height:1.45}.wyrmseal-current small{color:#d1bb73;font-size:.70rem}.wyrmseal-current>b,.wyrmseal-section>header>b{color:#cfb867;font-size:.70rem;white-space:nowrap}.wyrmseal-section{display:grid;gap:10px}.wyrmseal-section>header,.wyrmseal-sigil-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.wyrmseal-section>header>div,.wyrmseal-sigil-card>header>div{display:grid;gap:2px}.wyrmseal-sigil-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wyrmseal-sigil-card{display:grid;align-content:start;gap:8px;padding:10px;border:1px solid #303a32;border-radius:3px;background:#0d120e}.wyrmseal-sigil-card.active{border-color:#786938;background:#151408}.wyrmseal-sigil-card header strong{color:#ddd8cc;font-size:.78rem}.wyrmseal-sigil-card header b{color:#d6c16d;font-size:.60rem}.wyrmseal-sigil-card p{margin:0;color:#a3aaa4;font-size:.70rem;line-height:1.42}.wyrmseal-sigil-card small{color:#858e87;font-size:.64rem;line-height:1.35}.wyrmseal-sigil-card form,.wyrmseal-current form,.wyrmseal-tier form{margin:0}.wyrmseal-sigil-card button{width:100%}.wyrmseal-tier-list{display:grid;gap:5px}.wyrmseal-tier{display:grid;grid-template-columns:minmax(75px,.35fr) minmax(0,1.4fr) minmax(160px,.55fr);align-items:center;gap:10px;padding:9px;border:1px solid #2f3931;background:#0c110d}.wyrmseal-tier.current{border-color:#786938;background:#151408}.wyrmseal-tier.locked{opacity:.6}.wyrmseal-tier-id{display:grid;gap:2px}.wyrmseal-tier-id strong{color:#d7d2c7;font-size:.72rem}.wyrmseal-tier>div:nth-child(2){display:grid;gap:2px}.wyrmseal-tier>div:nth-child(2)>strong{color:#d6c06e;font-size:.72rem}.wyrmseal-tier small{color:#818a83;font-size:.62rem;line-height:1.35}.wyrmseal-tier button{width:100%}@media(max-width:900px){.wyrmseal-sigil-grid{grid-template-columns:1fr}.wyrmseal-tier{grid-template-columns:1fr}.wyrmseal-current{align-items:stretch;flex-direction:column}.wyrmseal-current>b,.wyrmseal-section>header>b{white-space:normal}} /* Phase 22 R3b — readable workstation closure. R3b is the final pre-rebalance presentation authority: no gameplay surface may depend on 8–10px microcopy. */ .classic-realm{ --wr-type-body:14px; --wr-type-secondary:13px; --wr-type-tertiary:12px; --wr-type-control:14px; } .classic-realm :is(p,li,dd,dt,label,.service-note,.helper,.muted,[class*="-description"],[class*="-effect"]){font-size:13px!important;line-height:1.45!important} .classic-realm :is(small,[class*="-meta"],[class*="-hint"],[class*="-kicker"],[class*="-badge"]){font-size:12px!important;line-height:1.35!important} .classic-realm :is(input,select,textarea,button){font-size:13px!important} .classic-realm :is(input,select){min-height:34px} .inventory-inspector-head>div:first-child>span,.inventory-inspector-meta span,.inventory-stat-grid span,.inventory-inspector-section h4{font-size:12px!important;line-height:1.35!important} .inventory-inspector-description,.inventory-inspector-section p,.inventory-inspector-meta strong,.inventory-stat-grid strong{font-size:13px!important;line-height:1.45!important} .inventory-inspector-head>div:first-child>strong{font-size:15px!important} .inventory-inspector-badge{font-size:12px!important} .auto-fight-utility .auto-menu-header>div span, .auto-fight-utility .auto-menu-section-head span, .auto-fight-utility .auto-fight-option small, .auto-fight-utility .auto-level-option-grid .auto-level-choice small, .auto-fight-utility .auto-menu-footer{font-size:12px!important;line-height:1.3!important} .auto-fight-utility .auto-menu-state,.auto-fight-utility .auto-menu-section-head strong,.auto-fight-utility .auto-level-option-grid .auto-level-choice strong{font-size:12px!important} .craft-material-equivalence,.craft-material-plan{font-size:12px!important;line-height:1.35!important} /* Gemwright Hall is one focused workstation rather than a tall stack of every tool. */ .service-arcanium .special-location-scroll{padding:12px 14px 16px!important;overflow-x:hidden!important} .arcanium-workstation{display:grid;gap:10px;width:100%;max-width:100%;min-width:0;margin:0 auto;box-sizing:border-box} .arcanium-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 10px;border:1px solid #394239;border-radius:4px;background:linear-gradient(145deg,#111711,#090d0a)} .arcanium-status-strip>div:not(.forge-meter){display:grid;gap:2px;min-width:0;padding-right:8px;border-right:1px solid #2d352e} .arcanium-status-strip>div:nth-child(3){border-right:0} .arcanium-status-strip span{color:#818c83;font-size:12px!important;font-weight:750;text-transform:uppercase;letter-spacing:.055em} .arcanium-status-strip strong{min-width:0;color:#ddd5c4;font-size:13px!important;line-height:1.3;overflow-wrap:anywhere} .arcanium-status-strip .forge-meter{grid-column:1/-1;height:7px;margin:1px 0 0;border-radius:999px;background:#192019;overflow:hidden} .arcanium-status-strip .forge-meter i{display:block;height:100%;background:#7b925e} .arcanium-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:5px;border:1px solid #343d35;border-radius:4px;background:#0a0e0b} .arcanium-tabs button{min-width:0;min-height:36px!important;padding:0 8px!important;border:1px solid transparent!important;border-radius:3px!important;background:#111612!important;color:#aab3aa!important;font-size:13px!important;font-weight:750!important;white-space:normal;line-height:1.2} .arcanium-tabs button.active{border-color:#68764f!important;background:#1a2319!important;color:#e2ce79!important;box-shadow:inset 0 -2px #849c5a} .arcanium-panes,.arcanium-pane{display:block;min-width:0;max-width:100%} .arcanium-pane[hidden]{display:none!important} .arcanium-core-grid{display:block!important;margin:0!important} .arcanium-core-card,.arcanium-refinement-shell,.refinement-card{min-width:0;max-width:100%;box-sizing:border-box} .arcanium-core-card,.refinement-card{padding:12px!important;border:1px solid #384138!important;border-radius:4px!important;background:#0b100c!important} .arcanium-core-card>p,.refinement-card>p{margin:0 0 10px!important;color:#a8b0a8!important;font-size:13px!important;line-height:1.5!important} .arcanium-card-head,.refinement-card>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin:0 0 9px!important} .arcanium-card-head>div,.refinement-card>header>div{display:grid;gap:2px;min-width:0} .arcanium-card-head span,.refinement-card>header span{font-size:12px!important;color:#7e8980!important;font-weight:750;text-transform:uppercase;letter-spacing:.055em} .arcanium-card-head strong,.refinement-card>header strong{font-size:15px!important;color:#ded5bf!important} .arcanium-card-head>b,.refinement-card>header>b{flex:0 0 auto;font-size:12px!important;white-space:normal;text-align:right;color:#b9b27d!important} .arcanium-core-card .service-form,.refinement-card .service-form{display:grid!important;gap:9px!important;min-width:0} .arcanium-core-card label,.refinement-card label{display:grid!important;gap:4px!important;color:#9ca59c!important;font-size:12px!important} .arcanium-core-card select,.refinement-card select{width:100%!important;min-width:0!important;height:38px!important;padding:0 9px!important;border:1px solid #3b463d!important;border-radius:3px!important;background:#0a0e0b!important;color:#ddd8cd!important;font-size:13px!important} .arcanium-core-card button,.refinement-card button{justify-self:start;min-height:36px!important;padding:0 13px!important;font-size:13px!important} .refinement-preview{min-width:0!important;padding:9px 10px!important;border:1px solid #303930!important;background:#090e0a!important} .refinement-preview strong{display:block;font-size:13px!important;color:#d7d0bf!important}.refinement-preview span{display:block;margin-top:2px;font-size:12px!important;color:#8e978f!important;line-height:1.4!important} .arcanium-refinement-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))!important;gap:9px!important} .extract-list{display:grid;gap:6px;max-height:420px;overflow:auto;padding-right:2px} .extract-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-width:0;padding:8px 9px!important;border:1px solid #303a32!important;background:#090e0b!important} .extract-row>div{min-width:0}.extract-row strong,.extract-row span{overflow-wrap:anywhere} .extract-row>div:last-child{display:flex;align-items:center;gap:8px;justify-content:flex-end} .fusion-recipes,.arcanium-history{border:1px solid #303930!important;background:#090e0b!important} .fusion-recipes>summary,.arcanium-history>summary{padding:9px 10px!important;font-size:12px!important;color:#c7c0ae!important;cursor:pointer} .fusion-recipe-list,.arcanium-history-row{font-size:12px!important} .arcanium-history-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:9px!important;min-width:0;padding:7px 9px!important} .arcanium-footer-note{margin:0!important;padding:8px 10px!important} /* Dragonward Hold uses one projection and a three-section workstation. Everything is min-width:0/auto-fit so the center column never grows wider than the Realm. */ .location-service[class*="service-highhold_"] .special-location-scroll{padding:12px 14px 16px!important;overflow-x:hidden!important} .highhold-live.highhold-workstation{display:grid!important;gap:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box} .highhold-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;border:1px solid #343d35;border-radius:4px;background:#0a0e0b} .highhold-tabs button{min-width:0;min-height:36px!important;padding:0 9px!important;border:1px solid transparent!important;border-radius:3px!important;background:#111612!important;color:#aab3aa!important;font-size:13px!important;font-weight:750!important} .highhold-tabs button.active{border-color:#68764f!important;background:#1a2319!important;color:#e2ce79!important;box-shadow:inset 0 -2px #849c5a} .highhold-panes,.highhold-pane{display:block;min-width:0;max-width:100%}.highhold-pane[hidden]{display:none!important} .highhold-hero,.highhold-section,.highhold-upgrade-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:12px!important;border-radius:4px!important} .highhold-hero>header,.highhold-section>header,.highhold-upgrade-card>header{min-width:0;flex-wrap:wrap} .highhold-hero>header>div,.highhold-section>header>div,.highhold-upgrade-card>header>div{min-width:0} .highhold-hero>header span,.highhold-section>header span,.highhold-upgrade-card>header span{font-size:12px!important;line-height:1.3!important} .highhold-hero>header strong,.highhold-section>header strong,.highhold-upgrade-card>header strong{font-size:15px!important;line-height:1.3!important;overflow-wrap:anywhere} .highhold-hero>header>b,.highhold-section>header small,.highhold-upgrade-card>header>b{font-size:12px!important;line-height:1.35!important} .highhold-summary{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:7px!important} .highhold-summary>div{min-width:0!important;padding:8px 9px!important}.highhold-summary span{font-size:12px!important}.highhold-summary strong{font-size:14px!important} .highhold-storage-meter span,.highhold-storage-meter strong{font-size:12px!important} .highhold-upgrade-card{display:grid!important;gap:9px!important;margin-top:10px} .highhold-upgrade-card>p{margin:0;color:#aab1a9!important;font-size:13px!important;line-height:1.45!important} .highhold-cost-table{display:grid!important;gap:4px!important;min-width:0!important;max-width:100%!important} .highhold-cost-head,.highhold-cost-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(72px,max-content) minmax(72px,max-content)!important;gap:9px!important;align-items:center!important;min-width:0!important;padding:6px 8px!important} .highhold-cost-head{color:#7f8981!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.045em;border-bottom:1px solid #303930} .highhold-cost-row{border:1px solid #2c352e!important;background:#090e0b!important} .highhold-cost-row span{min-width:0!important;font-size:13px!important;overflow-wrap:anywhere}.highhold-cost-row b,.highhold-cost-row strong{font-size:13px!important;text-align:right!important;font-variant-numeric:tabular-nums;white-space:normal!important;overflow-wrap:anywhere} .highhold-upgrade-card form{display:flex!important;justify-content:flex-end!important;margin:0!important}.highhold-upgrade-card button{min-height:36px!important;padding:0 14px!important} .highhold-building-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))!important;gap:7px!important;min-width:0!important} .highhold-building-card{min-width:0!important;max-width:100%!important;padding:10px!important;box-sizing:border-box!important} .highhold-building-card header{display:flex!important;gap:8px!important;min-width:0!important;flex-wrap:wrap}.highhold-building-card header>div{min-width:0!important;flex:1 1 150px}.highhold-building-card header span{font-size:12px!important}.highhold-building-card header strong{font-size:14px!important;overflow-wrap:anywhere}.highhold-building-card header>b{font-size:12px!important;margin-left:auto}.highhold-building-effect strong,.highhold-building-effect span{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere} .highhold-stewardship-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))!important;gap:8px!important;min-width:0!important} .highhold-stewardship-grid>.highhold-section{display:grid!important;align-content:start!important;gap:9px!important} .highhold-section form{display:grid!important;gap:7px!important;min-width:0!important;margin:0!important}.highhold-section label{display:grid!important;gap:5px!important;min-width:0!important}.highhold-section select{width:100%!important;min-width:0!important;white-space:normal!important;height:38px!important}.highhold-section button{justify-self:start;min-height:36px!important;padding:0 13px!important} .highhold-storage-list{display:grid;gap:5px}.highhold-storage-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;padding:7px 8px!important}.highhold-storage-row span{min-width:0;font-size:13px!important;overflow-wrap:anywhere}.highhold-storage-row strong{font-size:13px!important;white-space:nowrap} .highhold-history{margin-top:8px}.highhold-history>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0 8px;cursor:pointer}.highhold-history-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:8px!important;min-width:0!important;padding:7px 0!important}.highhold-history-row span,.highhold-history-row strong,.highhold-history-row time{font-size:12px!important;overflow-wrap:anywhere} /* Wyrmseal keeps the R3a lifecycle but inherits the readable floor. */ .wyrmseal-law strong{font-size:15px!important}.wyrmseal-law span,.wyrmseal-current p,.wyrmseal-sigil-card p{font-size:13px!important}.wyrmseal-current span,.wyrmseal-section>header span,.wyrmseal-sigil-card header span,.wyrmseal-tier>div>span{font-size:12px!important}.wyrmseal-current strong,.wyrmseal-section>header strong{font-size:15px!important}.wyrmseal-current small,.wyrmseal-sigil-card small,.wyrmseal-tier small{font-size:12px!important}.wyrmseal-sigil-card header strong,.wyrmseal-tier-id strong,.wyrmseal-tier>div:nth-child(2)>strong{font-size:13px!important} @media(max-width:760px){ .arcanium-status-strip{grid-template-columns:1fr}.arcanium-status-strip>div:not(.forge-meter){border-right:0;border-bottom:1px solid #2d352e;padding:0 0 6px}.arcanium-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} .extract-row{grid-template-columns:1fr!important}.extract-row>div:last-child{justify-content:flex-start!important;flex-wrap:wrap} .highhold-tabs{grid-template-columns:1fr}.highhold-cost-head,.highhold-cost-row{grid-template-columns:minmax(0,1fr) minmax(58px,max-content) minmax(58px,max-content)!important;gap:6px!important}.highhold-history-row,.arcanium-history-row{grid-template-columns:1fr!important} } /* Phase 22 R3b — Relic Imprint workstation */ .relic-imprint-card{display:grid;gap:14px;min-width:0} .relic-imprint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0} .relic-imprint-slot{display:grid;gap:12px;min-width:0;padding:14px;border:1px solid rgba(191,165,96,.28);background:rgba(8,15,11,.56)} .relic-imprint-slot>header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .relic-imprint-slot>header span{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:#d7c98f} .relic-imprint-slot>header strong{font-size:14px;color:#efe4b5} .relic-imprint-current{display:grid;gap:5px} .relic-imprint-current strong{font-size:15px;color:#f3e8b3;overflow-wrap:anywhere} .relic-imprint-current span,.relic-imprint-slot p{font-size:13px;line-height:1.45;color:#c9d0c8} .relic-imprint-slot .service-form{display:grid;gap:10px;min-width:0} .relic-imprint-slot select{width:100%;min-width:0} @media(max-width:900px){.relic-imprint-grid{grid-template-columns:1fr}} /* R3b final readability guard. Decorative glyphs may remain compact, but readable words/labels/meta copy across the Realm may not fall below 12px on desktop. */ .classic-realm :is(.merchant-price,.inventory-unequip,.admin-inspector-head span,.admin-inspector-incident header span,.admin-inspector-incident time,.admin-inspector-value span,.admin-inspector-likely span,.manual-special-card>header span,.manual-special-card>header>b,.manual-special-metrics,.manual-special-metrics strong,.manual-special-card>small,.atlas-zone-facts b,.craft-enhancement-strip,.manual-live-metrics b,.manual-data-table th,.manual-data-table td small,.service-ledgerhall .ledger-balance-card>span,.service-ledgerhall .ledger-balance-card>small,.service-ledgerhall .ledger-bank-card>header span,.service-ledgerhall .ledger-transfer-card>header span,.service-ledgerhall .ledger-bank-card>header small,.service-ledgerhall .ledger-transfer-card>header small,.service-ledgerhall .ledger-amount-form label,.service-ledgerhall .ledger-transfer-form label,.service-ledgerhall .ledger-deposit-all button,.service-ledgerhall .ledger-quick-amounts button){font-size:12px!important;line-height:1.35!important} /* Phase 22 R3c — balanced Inventory navigation + readable Runic readiness/material provenance. */ .inventory-category-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:40px!important} .inventory-category-nav button,.inventory-category-nav button.ledger{height:40px!important;min-height:40px!important;border-bottom:1px solid #2e342f!important} .inventory-category-nav button:nth-child(4n){border-right:0!important} .inventory-category-nav button:nth-child(-n+4){border-bottom-color:#343c34!important} @media(max-width:650px){.inventory-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}} .upgrade-check-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} .upgrade-check{min-width:0!important;display:grid!important;gap:7px!important;padding:10px 11px!important;border:1px solid #333c34!important;border-radius:4px!important;background:#0b100c!important} .upgrade-check>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important;padding:0!important;border:0!important;background:none!important} .upgrade-check>header span{font-size:var(--wr-type-secondary)!important;font-weight:800!important;letter-spacing:.015em!important;text-transform:none!important;color:#d6d4c7!important} .upgrade-check>header b{flex:0 0 auto;padding:3px 7px;border:1px solid #4a544a;border-radius:999px;font-size:var(--wr-type-tertiary)!important;line-height:1.1;text-transform:uppercase;letter-spacing:.04em;color:#aeb4ae;background:#111612} .upgrade-check>strong{font-size:var(--wr-type-secondary)!important;line-height:1.35!important;color:#b9c0b9!important;overflow-wrap:anywhere!important} .upgrade-check.met{border-color:#36503b!important;background:#0c150e!important}.upgrade-check.met>header b{border-color:#3f6948;color:#9ddb9f;background:#102016}.upgrade-check.met>strong{color:#9fc79f!important} .upgrade-check.blocked{border-color:#604b30!important;background:#151109!important}.upgrade-check.blocked>header b{border-color:#785c34;color:#e0bd79;background:#21170d}.upgrade-check.blocked>strong{color:#d5b98b!important} .ascension-missing-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-top:8px;padding:9px 10px;border:1px solid #614c31;border-left:3px solid #b28a4a;border-radius:3px;background:#181209} .ascension-missing-summary strong,.ascension-missing-summary span{font-size:var(--wr-type-secondary)!important;line-height:1.4!important}.ascension-missing-summary strong{color:#e0c077}.ascension-missing-summary span{color:#c8b28d} .upgrade-detail-pane .ascension-cost-grid span,.upgrade-detail-pane .ascension-cost-grid strong{font-size:var(--wr-type-secondary)!important;line-height:1.3!important} .ascension-material-guide,.ascension-material-sources{border:1px solid #354039;border-radius:4px;background:#0b100c;overflow:hidden} .ascension-material-guide{margin:0} .ascension-material-guide>summary,.ascension-material-sources>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:9px 11px;background:#101712;color:#d7d2b6;border-bottom:1px solid transparent} .ascension-material-guide[open]>summary,.ascension-material-sources[open]>summary{border-bottom-color:#334037} .ascension-material-guide>summary::-webkit-details-marker,.ascension-material-sources>summary::-webkit-details-marker{display:none} .ascension-material-guide>summary>div{display:grid;gap:2px}.ascension-material-guide>summary span{font-size:var(--wr-type-tertiary)!important;color:#8f9a90;text-transform:uppercase;letter-spacing:.07em}.ascension-material-guide>summary strong,.ascension-material-sources>summary{font-size:var(--wr-type-secondary)!important;font-weight:800}.ascension-material-guide>summary>b{font-size:var(--wr-type-secondary)!important;color:#a7b0a8;font-weight:600} .ascension-material-guide-list{display:grid;gap:7px;padding:9px}.ascension-material-guide-row{display:grid;grid-template-columns:minmax(150px,.75fr) auto;gap:5px 12px;padding:9px 10px;border:1px solid #2e3931;border-radius:3px;background:#0e140f}.ascension-material-guide-row>div{display:grid;gap:2px}.ascension-material-guide-row strong{font-size:var(--wr-type-secondary)!important;color:#e0d177}.ascension-material-guide-row span,.ascension-material-guide-row b,.ascension-material-guide-row small{font-size:var(--wr-type-secondary)!important;line-height:1.35!important}.ascension-material-guide-row span{color:#aeb6ae}.ascension-material-guide-row>b{color:#9ec69d;text-align:right}.ascension-material-guide-row small{grid-column:1/-1;color:#949d95;overflow-wrap:anywhere}.ascension-material-guide-row em{font-style:normal;color:#c0c5bc;font-weight:700} .ascension-material-guide-actions{display:flex;gap:7px;flex-wrap:wrap;padding:8px 9px}.ascension-material-guide-actions button{min-height:34px!important;font-size:var(--wr-type-control)!important} .ascension-material-sources{margin-top:8px}.ascension-source-list{display:grid;gap:6px;padding:8px}.ascension-source-row{display:grid;gap:3px;padding:8px 9px;border:1px solid #2d3730;background:#0e130f}.ascension-source-row strong,.ascension-source-row span,.ascension-source-row small,.ascension-source-note strong,.ascension-source-note span{font-size:var(--wr-type-secondary)!important;line-height:1.35!important}.ascension-source-row strong{color:#d8ca77}.ascension-source-row span{color:#bcc3bb}.ascension-source-row small{color:#8f9990;overflow-wrap:anywhere}.ascension-source-note{display:grid;gap:3px;margin-top:8px;padding:8px 9px;border:1px solid #2f3931;background:#0d120e}.ascension-source-note strong{color:#cfc67f}.ascension-source-note span{color:#9ba49c} @media(max-width:700px){.upgrade-check-grid{grid-template-columns:1fr!important}.ascension-material-guide-row{grid-template-columns:1fr}.ascension-material-guide-row>b{text-align:left}.ascension-missing-summary{grid-template-columns:1fr}} /* Phase 22 R8 — playtest polish: factual Atlas, shared material hunting, semantic rewards, compact encounter health. */ .atlas-zone-row>summary{grid-template-columns:minmax(150px,1.5fr) minmax(78px,.7fr) 72px 58px!important} .atlas-zone-row>summary em.atlas-readiness{display:none!important} @media(max-width:780px){.atlas-zone-row>summary{grid-template-columns:minmax(130px,1fr) 78px 68px!important}.atlas-zone-row>summary span:nth-of-type(3){display:none}} .material-guide-toolbar{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(150px,.7fr) minmax(180px,.9fr) auto;gap:8px;align-items:end;padding:9px;border-bottom:1px solid #303a32;background:#0c120e} .material-guide-toolbar label{display:grid;gap:4px;min-width:0;color:#909b92;font-size:var(--wr-type-tertiary)!important} .material-guide-toolbar input,.material-guide-toolbar select{width:100%;min-width:0;height:34px;background:#101611;color:#dedbd1;border:1px solid #3a453c;padding:0 8px;font-size:var(--wr-type-control)!important} .material-guide-toolbar .ascension-material-guide-actions{padding:0;align-self:end;flex-wrap:nowrap} .material-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:min(48vh,520px);overflow:auto;padding:9px} .material-guide-card{display:grid;align-content:start;gap:7px;min-width:0;padding:9px 10px;border:1px solid #303a32;border-radius:4px;background:#0d130f} .material-guide-card>header{display:flex;justify-content:space-between;gap:12px;align-items:start;border:0!important;padding:0!important;background:none!important} .material-guide-card>header>div{display:grid;gap:2px}.material-guide-card>header span{color:#849087;text-transform:uppercase;letter-spacing:.06em;font-size:var(--wr-type-tertiary)!important}.material-guide-card>header strong{color:#ded4a1;font-size:var(--wr-type-secondary)!important}.material-guide-card>header b{color:#9cc89e;font-size:var(--wr-type-secondary)!important;white-space:nowrap} .material-guide-card>p,.material-guide-card small,.material-guide-card em,.material-source-summary span,.material-source-chip span{font-size:var(--wr-type-secondary)!important;line-height:1.35!important}.material-guide-card>p{margin:0;color:#a9b1aa}.material-needed-for{color:#d8bd79!important}.material-source-summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.material-source-summary span{color:#8f9a91}.material-source-summary button{min-height:29px!important;padding:0 8px!important} .material-best-sources{display:grid;gap:5px}.material-best-sources>em{font-style:normal;color:#a6afa8}.material-best-sources>div{display:flex;flex-wrap:wrap;gap:5px}.material-source-chip{display:grid!important;gap:1px!important;min-height:34px!important;height:auto!important;padding:5px 7px!important;text-align:left!important;border-color:#3b4c3e!important;background:#101812!important}.material-source-chip strong{font-size:var(--wr-type-secondary)!important;color:#cfd5ca}.material-source-chip span{color:#7f8b82} @media(max-width:900px){.material-guide-toolbar{grid-template-columns:1fr 1fr}.material-guide-toolbar .ascension-material-guide-actions{grid-column:1/-1}.material-guide-list{grid-template-columns:1fr}} .combat-encounter-slot:empty{display:none}.combat-encounter-slot{width:min(760px,92%);margin:6px auto 3px}.combat-encounter-card{display:grid;gap:7px;padding:8px 10px;border:1px solid #354036;border-radius:3px;background:#0b110dcc}.combat-encounter-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0!important;border:0!important;background:none!important}.combat-encounter-card>header>div{display:flex;align-items:baseline;gap:8px;min-width:0}.combat-encounter-card>header span{color:#7f8a80;text-transform:uppercase;letter-spacing:.06em;font-size:12px!important}.combat-encounter-card>header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e0d9c9;font-size:14px!important}.combat-encounter-special{flex:0 0 auto;color:var(--encounter-special-color,#e44fc7);border:1px solid color-mix(in srgb,var(--encounter-special-color,#e44fc7) 55%,#333);padding:2px 6px;border-radius:999px;font-size:12px!important}.combat-enemy-health-head{display:flex;justify-content:space-between;gap:10px;color:#9ba49d;font-size:12px}.combat-enemy-health-head strong{color:#d7d4ca;font-variant-numeric:tabular-nums}.combat-enemy-health-track{height:9px;overflow:hidden;border:1px solid #4a302e;border-radius:999px;background:#1a1111}.combat-enemy-health-track>i{display:block;height:100%;background:linear-gradient(90deg,#883529,#c45742);transition:width .12s ease-out} /* Semantic reward identities: color is reinforced by the existing reward label/name. */ .reward-gold,.recent-gain-row.kind-gold{color:#e5c55c!important}.reward-xp,.recent-gain-row.kind-xp{color:#79aee8!important}.reward-gem,.recent-gain-row.kind-gem{color:#55d7e8!important}.reward-umbral,.recent-gain-row.kind-umbral{color:#bd84e8!important}.reward-material,.recent-gain-row.kind-material{color:#82c985!important}.reward-wardstone,.recent-gain-row.kind-wardstone{color:#82bdf2!important}.reward-catalyst,.recent-gain-row.kind-catalyst{color:#e99b58!important}.reward-campaign,.recent-gain-row.kind-campaign{color:#df7181!important}.reward-cache,.recent-gain-row.kind-cache{color:#59c7b7!important}.reward-equipment,.recent-gain-row.kind-equipment{color:#d3d8dc!important}.reward-spell,.recent-gain-row.kind-spell{color:#9da7ef!important}.reward-drop,.recent-gain-row.kind-drop{color:#c9c2b7!important} .battle-line[class*="reward-"] strong{color:inherit!important;filter:brightness(1.14)} /* Phase 22 R9 — playtest menu stability and workspace density polish. */ /* Enemy Health stays in the existing battle hierarchy: only the duplicated Encounter/name row is retired. */ .combat-stage>.combat-encounter-slot{order:0!important;width:100%!important;max-width:none!important;margin:0 auto 3px!important} .combat-stage>.last-drop-strip{margin-bottom:1px!important;min-height:17px!important} .combat-encounter-card{display:grid!important;gap:3px!important;padding:2px 0 3px!important;border:0!important;background:transparent!important} .combat-enemy-health-head{min-height:17px;align-items:center;padding:0 1px;font-size:.60rem!important;line-height:1.1} .combat-enemy-health-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0} .combat-enemy-health-head .combat-encounter-special{padding:1px 5px!important;font-size:.56rem!important;line-height:1.2} .combat-enemy-health-track{width:100%!important;height:7px!important;box-sizing:border-box} /* Upgrade is a target browser first. Reference material is available without consuming the work area. */ .crafting-window:has(.upgrade-workspace-pane:not([hidden])){width:min(1180px,calc(100vw - 28px))!important;height:min(820px,calc(100vh - 28px))!important} .upgrade-workspace-pane{gap:7px!important} .crafting-pane[data-crafting-pane="upgrade"]>.upgrade-browser-section{grid-template-rows:auto auto minmax(0,1fr) auto auto!important;gap:6px!important;padding:7px!important} .upgrade-browser-section>.craft-subsystem-head{padding:3px 2px 5px!important;min-height:0!important} .upgrade-browser-section>.craft-subsystem-head small{max-width:62ch;line-height:1.25!important} .upgrade-browser-toolbar{gap:6px!important;padding:6px!important} .upgrade-master-detail{grid-template-columns:minmax(330px,43%) minmax(0,1fr)!important} .upgrade-target-pane .upgrade-scroll-list{gap:4px!important;padding:5px!important} .upgrade-target-row{min-height:52px!important;padding:7px 9px!important;row-gap:2px!important} .upgrade-detail-pane{padding:8px!important} .upgrade-inspector-panel{gap:7px!important} .upgrade-reference-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px} .upgrade-reference-tools>details{min-width:0;margin:0!important;border:1px solid #303930!important;background:#0b100c!important} .upgrade-reference-tools>details>summary{min-height:34px!important;padding:6px 8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;cursor:pointer} .runic-quality-guide>summary span{color:#788279;font-size:.52rem;text-transform:uppercase;letter-spacing:.06em}.runic-quality-guide>summary strong{color:#cfc8b8;font-size:.66rem} .runic-quality-guide .runic-quality-controls{padding:7px!important;margin:0!important} .upgrade-reference-tools .material-guide>summary{height:auto!important} .upgrade-reference-tools .material-guide[open]{grid-column:1/-1} .crafting-ledger{margin-top:0!important} @media(max-width:900px){.upgrade-reference-tools{grid-template-columns:1fr}.upgrade-reference-tools .material-guide[open]{grid-column:auto}.upgrade-master-detail{grid-template-columns:minmax(260px,40%) minmax(0,1fr)!important}} @media(max-width:700px){.upgrade-master-detail{grid-template-columns:1fr!important;grid-template-rows:minmax(180px,42%) minmax(0,1fr)!important}.upgrade-target-pane{border-right:0!important;border-bottom:1px solid #303a32}} /* Craft and Embed favor active work over empty vertical chrome. */ .crafting-pane[data-crafting-pane="craft"]{gap:7px!important} .crafting-pane[data-crafting-pane="craft"]>.craft-pane-header,.embed-gems-pane>.craft-pane-header{padding-bottom:5px!important;min-height:0!important} .craft-browser-toolbar{padding:6px!important;gap:6px!important} .craft-recipe-list{gap:5px!important} .craft-card-select{padding:7px 10px!important;min-height:48px!important} .craft-card-tools{padding-right:7px!important} .embed-gems-workflow{gap:7px!important}.embed-step{gap:6px!important;padding:8px!important}.embed-step>header{padding-bottom:5px!important}.embed-step>header>b{width:23px!important;height:23px!important}.embed-step select{height:32px!important}.embed-selection-summary{min-height:56px!important;padding:6px 7px!important}.embed-result-step .crafting-preview{min-height:54px!important;padding:6px!important}.embed-result-step .crafting-actions{margin-top:0!important}.craft-pane-footnote{margin-top:0!important;padding-top:4px!important} /* Loadout prioritizes what is equipped now; saved-set management is secondary. */ .saved-loadout-grid{gap:5px!important}.saved-loadout-card button{min-height:50px!important;padding:6px 8px!important;grid-template-rows:auto auto auto!important} .loadout-section{gap:6px!important;padding:7px!important}.loadout-section-head{margin-bottom:2px!important}.loadout-slot-grid{gap:5px!important}.loadout-slot-card{padding:6px 8px!important} .saved-loadout-manager{gap:5px!important}.saved-loadout-manager form{padding:6px!important;gap:5px!important}.saved-loadout-manager select,.saved-loadout-manager input,.saved-loadout-manager button{height:29px!important} /* Phase 22 R11 — final combat-control alignment authority. */ /* Dropdown + New Fight still define the full action width. Tabs and Health end at the dropdown edge. */ .combat-stage{ --wr-combat-new-fight-width:96px; --wr-combat-row-gap:7px; --wr-combat-picker-gap:0px; gap:3px!important; } .combat-stage>.target-mode-boxes, .combat-stage>.combat-encounter-slot{ width:calc(100% - var(--wr-combat-new-fight-width))!important; align-self:flex-start!important; justify-self:start!important; } .combat-stage>.target-mode-boxes{gap:var(--wr-combat-row-gap)!important} .combat-stage>.combat-encounter-slot{margin:0!important;margin-bottom:-1px!important} .combat-stage>.combat-picker-slot{width:100%!important;min-width:0!important} .combat-stage>.combat-picker-slot .fight-picker, .combat-stage>.combat-picker-slot .fight-picker.auto-fight-picker, .combat-stage>.combat-picker-slot .fight-picker.blood-duel-fight-picker{ width:100%!important; grid-template-columns:minmax(0,1fr) var(--wr-combat-new-fight-width)!important; gap:var(--wr-combat-picker-gap)!important; margin:0!important; } .combat-stage>.combat-picker-slot .fight-picker>select{ border-top-right-radius:0!important; border-bottom-right-radius:0!important; } .combat-stage>.combat-picker-slot .fight-picker>button[type="submit"]{ width:var(--wr-combat-new-fight-width)!important; min-width:var(--wr-combat-new-fight-width)!important; max-width:var(--wr-combat-new-fight-width)!important; margin-left:-1px!important; border-top-left-radius:0!important; border-bottom-left-radius:0!important; box-sizing:border-box!important; } .combat-stage>.combat-actions-slot:not(:empty){ width:100%!important; margin-top:0!important; } .combat-stage>.combat-actions-slot .fight-actions{ width:100%!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:var(--wr-combat-row-gap)!important; margin:0!important; } .combat-stage>.combat-actions-slot .fight-actions form, .combat-stage>.combat-actions-slot .fight-actions button{ width:100%!important; min-width:0!important; box-sizing:border-box!important; } /* Attack/Cast retain the exact full picker+New-Fight boundary; Health deliberately does not. */ .combat-stage>.combat-encounter-slot .combat-enemy-health-head, .combat-stage>.combat-encounter-slot .combat-enemy-health-track{width:100%!important;box-sizing:border-box!important} /* Readiness/Auto changes state, never geometry. */ .combat-stage :is(.target-mode-box,.fight-picker select,.fight-picker button,.fight-actions button){ box-sizing:border-box!important; transform:none!important; } /* New-fight identity is narration only; enemy health belongs exclusively to the bar above. */ .battle-encounter-intro{ display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:wrap!important; gap:4px!important; min-width:0!important; overflow-wrap:anywhere!important; } .battle-encounter-intro>span{color:#a9aaa4!important} .battle-encounter-intro>.monster-base-name{color:#e4ded3!important;font-weight:800!important;min-width:0!important;white-space:normal!important} .battle-encounter-intro>.combat-encounter-special{flex:0 1 auto!important;white-space:normal!important;overflow-wrap:anywhere!important} /* Special identity uses one pill language from New Fight through every fight-narration line. */ .battle-line .combat-narration-special{ display:inline-flex!important; align-items:center!important; vertical-align:middle!important; flex:0 0 auto!important; max-width:min(100%,24ch)!important; margin:0 2px!important; padding:1px 6px!important; border:1px solid color-mix(in srgb,var(--encounter-special-color,#e44fc7) 55%,#333)!important; border-radius:999px!important; color:var(--encounter-special-color,#e44fc7)!important; font-size:.62rem!important; line-height:1.15!important; letter-spacing:normal!important; text-shadow:none!important; white-space:normal!important; overflow-wrap:anywhere!important; } /* Phase 22 R11 — Quest Board 2.0: decision-rich, generous, readable contracts. */ .service-questmaster .quest-board-toolbar{ grid-template-columns:auto minmax(112px,.65fr) minmax(145px,.85fr) minmax(145px,.8fr) auto!important; align-items:end!important; } .quest-contract-heading{display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px;min-width:0} .quest-contract-profile,.quest-row-status{display:inline-flex;align-items:center;min-height:20px;padding:2px 6px;border:1px solid #303831;border-radius:999px;font-size:.56rem;line-height:1.1;white-space:nowrap} .quest-contract-profile{color:#aab1a8;background:#0d130f}.quest-contract-profile.profile-experience{border-color:#59603c;color:#d6ca72}.quest-contract-profile.profile-gold{border-color:#695332;color:#e1bb63}.quest-contract-profile.profile-balanced{border-color:#3f5d4d;color:#9bc4aa}.quest-contract-profile.profile-prize{border-color:#60456a;color:#d39add} .quest-row-status{margin-left:auto;color:#8c958c;background:#0a0f0b}.status-ending-soon .quest-row-status{border-color:#725033;color:#d7a56f}.status-active .quest-row-status{border-color:#665a35;color:#e0c86e}.status-level-locked .quest-row-status{color:#767d76} .quest-contract-reward{display:grid!important;gap:2px!important;justify-items:end}.quest-reward-xp{color:#dbc66f!important}.quest-reward-gold{color:#c6a75e!important;font-weight:700!important} .quest-prize-preview{margin-top:4px;border-top:1px solid #252d27;padding-top:4px;max-width:100%}.quest-prize-preview summary{cursor:pointer;color:#c998d3;font-size:.64rem;line-height:1.25;list-style-position:inside}.quest-prize-preview p{margin:4px 0 0!important;color:#8e978e!important;font-size:.61rem!important;line-height:1.35!important} .quest-contract-action{flex-direction:column!important;align-items:flex-end!important;gap:2px!important}.quest-contract-action small{color:#8b765f;font-size:.53rem;line-height:1.15} .quest-active-summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.quest-active-summary>div>small{display:block;margin-top:3px;color:#9c9276;font-size:.62rem}.quest-bounty-rules{max-width:320px}.quest-bounty-rules summary{cursor:pointer;color:#cdb96c;font-size:.64rem}.quest-bounty-rules p{margin:5px 0 0;color:#949a91;font-size:.61rem;line-height:1.35} .quest-cooldown-card.service form{display:grid;justify-items:end;gap:2px}.quest-cooldown-card.service form small{grid-column:auto;color:#8f8974;font-size:.56rem} .quest-board-note strong{color:#b9ab6c}.quest-board-filter-pills{display:flex;gap:4px;flex-wrap:wrap} @media(max-width:1050px){.service-questmaster .quest-board-toolbar{grid-template-columns:auto 1fr 1fr!important}.service-questmaster .quest-board-toolbar>span{grid-column:auto}.quest-active-summary{grid-template-columns:1fr!important}.quest-bounty-rules{max-width:none}} @media(max-width:760px){.service-questmaster .quest-board-toolbar{grid-template-columns:1fr!important}.quest-contract-heading{align-items:flex-start}.quest-row-status{margin-left:0}.quest-contract-reward{justify-items:start}.quest-contract-action{align-items:stretch!important}.quest-cooldown-card.service form{justify-items:stretch}} /* Phase 22 R12 — combat seam geometry, Quest containment, and narration alignment closure. */ .combat-stage{ --wr-combat-row-gap:0px; --wr-combat-control-height:36px; } html[data-db-large-controls="1"] .combat-stage{--wr-combat-control-height:42px} .combat-stage>.target-mode-boxes{gap:0!important} .combat-stage>.target-mode-boxes .target-mode-box{ height:var(--wr-combat-control-height)!important; min-height:var(--wr-combat-control-height)!important; max-height:var(--wr-combat-control-height)!important; box-sizing:border-box!important; } .combat-stage>.target-mode-boxes .target-mode-box+ .target-mode-box{border-left-width:0!important} .combat-stage>.combat-picker-slot .fight-picker>select, .combat-stage>.combat-picker-slot .fight-picker>button[type="submit"]{ height:var(--wr-combat-control-height)!important; min-height:var(--wr-combat-control-height)!important; max-height:var(--wr-combat-control-height)!important; box-sizing:border-box!important; } .combat-stage>.combat-picker-slot .fight-picker>button[type="submit"]{margin-left:-1px!important} .combat-stage>.combat-actions-slot:not(:empty){ height:var(--wr-combat-control-height)!important; min-height:var(--wr-combat-control-height)!important; max-height:var(--wr-combat-control-height)!important; } .combat-stage>.combat-actions-slot .fight-actions{gap:0!important;height:100%!important} .combat-stage>.combat-actions-slot .fight-actions form, .combat-stage>.combat-actions-slot .fight-actions button{ height:100%!important; min-height:100%!important; max-height:100%!important; } /* One visible divider between the paired actions while preserving the full picker/New-Fight boundary. */ .fight-actions .combat-action-cast button{border-top-right-radius:0!important;border-bottom-right-radius:0!important} .fight-actions .combat-action-attack button{border-left-width:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important} html[data-db-combat-order="attack-cast"] .fight-actions .combat-action-attack button{border-left-width:1px!important;border-right-width:1px!important;border-top-left-radius:3px!important;border-bottom-left-radius:3px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important} html[data-db-combat-order="attack-cast"] .fight-actions .combat-action-cast button{border-left-width:0!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:3px!important;border-bottom-right-radius:3px!important} .battle-line .combat-narration-special{position:relative!important;top:-1px!important} /* Quest cards keep every action inside the scroll viewport; internal contract IDs are never presentation chrome. */ .service-questmaster .quest-contract-card{min-height:102px!important} .service-questmaster .quest-contract-aside{ display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-end!important; gap:5px!important; min-width:0!important; box-sizing:border-box!important; } .service-questmaster .quest-contract-action{ flex:0 0 auto!important; width:auto!important; max-width:100%!important; align-self:flex-end!important; justify-content:flex-start!important; box-sizing:border-box!important; } .service-questmaster .quest-contract-action button{ max-width:100%!important; box-sizing:border-box!important; white-space:nowrap!important; } @media(max-width:760px){ .service-questmaster .quest-contract-aside{align-items:stretch!important;text-align:left!important} .service-questmaster .quest-contract-action{width:100%!important;align-self:stretch!important} .service-questmaster .quest-contract-action button{width:100%!important} } /* 0.34.0 Phase 22 R15 — compact actionable workspace notices */ .classic-links.primary-workspaces a>.workspace-notification-dot{ position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important; width:8px!important;height:8px!important;min-width:8px!important;padding:0!important;border-radius:50%!important; background:#c89232!important;border:1px solid #e8bf69!important;box-shadow:0 0 0 2px #0d100e,0 0 6px #c8923248!important; pointer-events:none!important; } html[data-db-notify-guild="0"] .guild-notification-badge{display:none!important} /* 0.34.0 Phase 22 R15 — Realm UX, Guild parity, class identity and combat context closure. */ /* Character creation teaches playstyle first; raw starting stats are optional reference. */ .page-character-create .auth-wrap.panel.character-create-shell{width:min(1180px,100%)!important;padding-left:34px!important;padding-right:34px!important} .character-create-form{gap:14px!important}.character-create-lead{max-width:820px;margin-inline:auto!important;text-align:center}.character-name-field{max-width:560px;margin-inline:auto;width:100%} .character-race-picker{display:grid;gap:10px;min-width:0}.character-race-filters{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.page-character-create .character-race-filters button{width:auto!important;min-width:96px!important;min-height:31px!important;margin:0!important;padding:0 12px!important;border-color:#343a38!important;background:#0b1011!important;color:#989f98!important;font-size:.66rem!important;text-transform:uppercase!important;letter-spacing:.055em!important;box-shadow:none!important}.page-character-create .character-race-filters button.active{border-color:#8f682c!important;background:#1a140a!important;color:#e3c47d!important;box-shadow:inset 0 -2px #a97831!important} .character-race-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-content:start;overflow:visible;padding:1px} .page-character-create .character-race-choice{position:relative;display:grid!important;align-content:center!important;gap:3px!important;min-width:0!important;min-height:72px!important;padding:10px 30px 10px 12px!important;text-align:left!important;overflow:visible!important;border-color:#343a38!important;background:linear-gradient(180deg,#0d1214,#080b0d)!important;color:#d8d0c2!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}.page-character-create .character-race-choice::after{content:"";position:absolute;right:11px;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);border:1px solid #55605a;background:#131918}.page-character-create .character-race-choice[data-character-race-type="weapon"]::after{border-color:#667b62}.page-character-create .character-race-choice[data-character-race-type="spell"]::after{border-color:#6b6281}.page-character-create .character-race-choice[data-character-race-type="specialist"]::after{border-color:#8c6b39}.page-character-create .character-race-choice:hover{border-color:#745727!important}.page-character-create .character-race-choice[aria-selected="true"]{border-color:#b67b2c!important;background:linear-gradient(180deg,#241a0b,#110d08)!important;box-shadow:inset 3px 0 #cf9c46!important}.page-character-create .character-race-choice[aria-selected="true"]::after{border-color:#d7a64b;background:#8b5b1e} .character-race-choice .character-race-name{display:block;min-width:0;color:#9ca39c;font-size:.67rem!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.character-race-choice .character-race-class{display:block;min-width:0;color:#f0dfbf;font-size:.86rem!important;line-height:1.15!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere} /* Phase 22 R19 — race/class identity is one centered visual unit inside every card. */ .page-character-create .character-race-choice{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;align-content:center!important;gap:2px!important;text-align:center!important;padding:10px 30px!important} .page-character-create .character-race-choice .character-race-name,.page-character-create .character-race-choice .character-race-class{height:auto!important;min-height:0!important;display:block!important;width:100%!important;text-align:center!important;line-height:1.18!important} .page-character-create .character-race-choice .character-race-mark{position:absolute!important;right:11px!important;top:50%!important;transform:translateY(-50%)!important} html[data-db-guided-progression="0"] [data-guided-progression]{display:none!important} .character-race-details{min-width:0;border:1px solid #343a38;background:#080c0e;padding:16px 18px;min-height:248px;overflow:visible}.character-race-detail{display:grid;gap:12px}.character-race-detail[hidden]{display:none!important}.character-race-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #292f2f;padding-bottom:11px}.character-race-detail-identity{display:grid;gap:2px;min-width:0}.character-race-detail-identity>span{color:#c59545;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.character-race-detail-identity>h3{margin:0;color:#f1e1c6;font:500 1.52rem/1.08 Georgia,serif}.character-race-detail-identity>strong{color:#d7bd87;font-size:.85rem;line-height:1.2}.character-race-detail-meta{display:grid;gap:4px;justify-items:end;text-align:right;min-width:150px}.character-race-detail-meta>span{color:#c9a86f;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.065em}.character-race-detail-meta>em{color:#9ea39e;font-style:normal;font-size:.72rem} .character-race-summary{margin:0;color:#c2c0b9;font-size:.80rem;line-height:1.45}.character-race-guidance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.character-race-guidance>div{display:grid;align-content:start;gap:4px;min-width:0;padding:9px 10px;border:1px solid #303735;background:#0d1211}.character-race-guidance span{font-size:.57rem;color:#808b84;text-transform:uppercase;letter-spacing:.07em}.character-race-guidance strong{font-size:.74rem;color:#ddd3b8;line-height:1.32;overflow-wrap:anywhere}.character-race-guidance .character-race-watch{grid-column:1/-1;border-color:#493f2e;background:#100e09} .character-race-advanced{border-top:1px solid #292f2f;padding-top:8px}.character-race-advanced summary{cursor:pointer;color:#a9a89f;font-size:.70rem}.character-race-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px}.character-race-stat-grid>span{display:grid;gap:3px;padding:7px;border:1px solid #2c3331;background:#0a0f10;text-align:left;min-width:0}.character-race-stat-grid b{color:#ded3bd;font-size:.70rem}.character-race-stat-grid small{color:#7f8982;font-size:.55rem;line-height:1.25}.character-race-stat-note{margin:8px 0 0;padding:7px 8px;border-left:2px solid #8a6631;background:#100e09;color:#aaa28f;font-size:.64rem;line-height:1.35}.character-race-stat-note strong{color:#d4b36f}.character-create-footer{display:grid;gap:8px}.character-ascension-hint{text-align:center!important}.character-create-submit{max-width:560px;margin-inline:auto!important} @media(max-width:1000px){.character-race-list{grid-template-columns:repeat(3,minmax(0,1fr))}.character-race-guidance{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.page-character-create .auth-wrap.panel.character-create-shell{padding-left:18px!important;padding-right:18px!important}.character-race-list{grid-template-columns:repeat(2,minmax(0,1fr))}.character-race-details{min-height:0}.character-race-detail>header{display:grid}.character-race-detail-meta{justify-items:start;text-align:left;min-width:0}.character-race-guidance{grid-template-columns:repeat(2,minmax(0,1fr))}.character-race-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-create-footer{position:sticky;bottom:0;z-index:8;padding:8px 0 4px;background:linear-gradient(180deg,rgba(5,8,10,.25),#05080a 26%);border-top:1px solid rgba(117,83,35,.35)}} @media(max-width:520px){.page-character-create .character-race-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.page-character-create .character-race-filters button{min-width:0!important;width:100%!important}.character-race-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.page-character-create .character-race-choice{min-height:66px!important;padding:8px 24px 8px 9px!important}.character-race-choice .character-race-name{font-size:.62rem!important}.character-race-choice .character-race-class{font-size:.76rem!important}.character-race-guidance{grid-template-columns:1fr}.character-race-stat-grid{grid-template-columns:1fr}.character-race-summary{font-size:.75rem}} @media(max-width:360px){.character-race-list{grid-template-columns:1fr}} /* The physical Guild Hall and movable Guild window host the same Guild Workspace. */ .guild-workspace{display:flex;flex-direction:column;min-height:0;min-width:0} .service-guild_hall{height:100%!important;min-height:0!important;overflow:hidden!important}.service-guild_hall>.special-location-scroll{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding-bottom:8px!important}.service-guild_hall [data-guild-workspace]{flex:1 1 auto;min-height:0;overflow:hidden}.service-guild_hall .guild-tool-tabs{flex:0 0 auto}.service-guild_hall .guild-tool-pane:not([hidden]){display:block!important;flex:1 1 auto;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:12px}.service-guild_hall .service-context-hint{flex:0 0 auto} .guild-tool-window [data-guild-workspace]{height:100%;min-height:0}.guild-tool-window .guild-tool-pane:not([hidden]){overflow-y:auto;touch-action:pan-y} /* Phase 22 R16 — the compact streak cell occupies the exact column directly above New Fight. */ .combat-stage>.target-mode-boxes{width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) var(--wr-combat-new-fight-width)!important;align-self:stretch!important;justify-self:stretch!important;gap:0!important} .combat-new-fight-meta{display:grid!important;grid-template-rows:auto auto;place-content:center;place-items:center;width:100%!important;height:var(--wr-combat-control-height)!important;min-height:var(--wr-combat-control-height)!important;max-height:var(--wr-combat-control-height)!important;padding:2px 4px!important;border:1px solid #454b45!important;border-left-width:0!important;background:linear-gradient(180deg,#111512,#0b0e0c)!important;box-sizing:border-box!important;overflow:hidden!important;text-align:center!important;line-height:1!important}.combat-new-fight-meta>span{color:#777f78!important;font-size:.47rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;white-space:nowrap!important}.combat-new-fight-meta>[data-combat-win-streak]{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#aeb4ad;font-size:.55rem!important;font-weight:800!important;font-variant-numeric:tabular-nums;white-space:nowrap!important}.combat-new-fight-meta>[data-combat-win-streak][data-streak-tier="heated"]{color:#c7a65d!important}.combat-new-fight-meta>[data-combat-win-streak][data-streak-tier="relentless"]{color:#d18a54!important}.combat-new-fight-meta>[data-combat-win-streak][data-streak-tier="unbroken"]{color:#d86a5a!important} .combat-stage>.combat-encounter-slot{width:100%!important;max-width:none!important;align-self:stretch!important;justify-self:stretch!important;margin:0!important;margin-bottom:-1px!important}.combat-stage>.combat-encounter-slot .combat-enemy-health-head,.combat-stage>.combat-encounter-slot .combat-enemy-health-track{width:100%!important;box-sizing:border-box!important} @media(max-width:520px){.combat-new-fight-meta{padding-inline:2px!important}.combat-new-fight-meta>[data-combat-win-streak]{font-size:.50rem!important}.combat-new-fight-meta>span{font-size:.43rem!important}} /* Phase 22 R17 — strict Character Creation filtering + teaching-panel polish. */ .page-character-create .character-race-choice[hidden],.page-character-create .character-race-detail[hidden]{display:none!important} .character-race-filter-copy{margin:-2px 0 1px!important;text-align:center;color:#7f8982!important;font-size:.65rem!important;line-height:1.35!important} .character-race-guidance>.character-race-perk{grid-column:1/-1;border-color:#4a4028!important;background:#111009!important}.character-race-guidance>.character-race-perk strong{color:#d7bd7a!important} /* Phase 22 R17 — Imbuing reaction reference. */ .imbuing-reaction-preview{display:grid;gap:5px;padding:8px;border:1px solid #333b36;background:#090e0c}.imbuing-reaction-title{color:#d7bb73;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.imbuing-reaction-preview>small{color:#7f8982;font-size:.59rem;line-height:1.35}.imbuing-reaction-row{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,.65fr);gap:2px 9px;padding:6px 0;border-top:1px solid #242a26}.imbuing-reaction-row strong{color:#d8c889;font-size:.66rem}.imbuing-reaction-row>span{color:#aeb5aa;font-size:.62rem}.imbuing-reaction-row>small{grid-column:1/-1;color:#778078;font-size:.57rem;line-height:1.3}.imbuing-reaction-preview [hidden]{display:none!important} /* Phase 22 R18 — notable objective completion has stronger, non-blocking Battle Info identity. */ .battle-line.battle-hunt-complete{border-left:3px solid #c79a48!important;background:linear-gradient(90deg,rgba(128,85,22,.20),rgba(18,20,17,.20))!important;padding:7px 9px!important;color:#d7c9a9!important} .battle-line.battle-hunt-complete strong{color:#f1d68f!important;letter-spacing:.035em!important} /* Phase 22 R18 — connected Hunts + optional Guided Progression. */ .questmaster-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 10px} .questmaster-mode-tabs button{min-height:34px;border:1px solid #3a403b;background:#0c100e;color:#aaa99f;font-weight:800;letter-spacing:.04em;text-transform:uppercase} .questmaster-mode-tabs button.active{border-color:#9b7132;background:#1a1309;color:#ead6ad;box-shadow:inset 0 -2px #b17c32} .hunt-board{display:grid;gap:14px}.hunt-board-summary{border-color:#51432a!important;background:linear-gradient(135deg,#14120c,#0a0e0d)!important} .hunt-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .hunt-card{display:grid;gap:9px;min-width:0;padding:11px 12px;border:1px solid #343b37;background:#0a0f0d} .hunt-card.used{opacity:.60}.hunt-card.active{border-color:#605237;background:#0d110d} .hunt-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hunt-card header>div{display:grid;gap:2px;min-width:0}.hunt-card header span{color:#a77e3e;font-size:.58rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.hunt-card header strong{color:#e2d5bb;font-size:.82rem;line-height:1.2}.hunt-card header em{color:#8d968e;font-size:.63rem;font-style:normal;text-align:right}.hunt-card p{margin:0;color:#9da39d;font-size:.68rem;line-height:1.4} .hunt-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #272e29;padding-top:8px}.hunt-card footer>span{color:#c0b28f;font-size:.63rem;line-height:1.3}.hunt-card footer form{margin:0}.hunt-card footer button{min-height:29px;padding:4px 9px;font-size:.62rem} .hunt-card.tier-elite{border-left:2px solid #6d7d74}.hunt-card.tier-legendary{border-left:2px solid #9a6c38}.hunt-card.tier-weekly{border-left:2px solid #b08c49} .hunt-progress-head{display:flex;justify-content:space-between;gap:8px;color:#8f9890;font-size:.62rem}.hunt-progress-head strong{color:#c9b887}.hunt-progress{height:6px;border:1px solid #323a35;background:#050806;overflow:hidden}.hunt-progress>i{display:block;height:100%;background:linear-gradient(90deg,#6c552c,#b9893b)} .hunt-journal-row span strong{color:#c89c50} .guided-progression{display:grid;gap:9px;margin-bottom:12px;padding:11px;border:1px solid #3b403b;background:linear-gradient(145deg,#10140f,#090d0b)} .guided-progression>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #2b312d;padding-bottom:8px}.guided-progression>header>div{display:grid;gap:2px}.guided-progression>header strong{color:#e3d1ad;font:600 1rem/1.15 Georgia,serif}.guided-progression>header span,.guided-progression>header small{color:#7f8982;font-size:.61rem;line-height:1.35}.guided-progression>header small{text-align:right;max-width:250px} .guided-progression-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.guided-progression-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #303732;background:#0b100d}.guided-progression-card>div{display:grid;gap:2px;min-width:0}.guided-progression-card span{color:#8b805f;font-size:.54rem;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.guided-progression-card strong{color:#d8c8a7;font-size:.74rem}.guided-progression-card p{margin:0;color:#909891;font-size:.62rem;line-height:1.38}.guided-progression-card button{flex:0 0 auto;min-height:28px;padding:4px 8px;font-size:.60rem} @media(max-width:760px){.hunt-card-list,.guided-progression-grid{grid-template-columns:1fr}.guided-progression>header{display:grid}.guided-progression>header small{text-align:left;max-width:none}} /* Phase 22 R19 — Questmaster Quests/Hunts share the same bounded location viewport. */ .service-questmaster>.special-location-scroll{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important} .service-questmaster .questmaster-mode-tabs{flex:0 0 auto!important} .service-questmaster [data-questmaster-mode-pane="quests"]:not([hidden]){display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important} .service-questmaster [data-questmaster-mode-pane="quests"]>.questmaster-board{flex:1 1 auto!important;min-height:0!important} .service-questmaster [data-questmaster-mode-pane="hunts"]:not([hidden]){display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;padding:0 4px 18px 0;scrollbar-gutter:stable} @media(max-width:760px){.service-questmaster>.special-location-scroll{overflow:hidden!important}.service-questmaster [data-questmaster-mode-pane="hunts"]:not([hidden]){overflow-y:auto!important;max-height:none!important}} /* Phase 22 R19 — Compendium / Named Rare identity. */ .enemy-knowledge-row.named-rare{border-color:#7b5a26;background:linear-gradient(100deg,rgba(83,55,18,.28),#0b100c 44%)} .enemy-knowledge-identity strong{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.enemy-knowledge-identity p{margin:2px 0 1px;color:#b8ad98;font-size:13px;line-height:1.35}.enemy-knowledge-identity small{display:block;color:#8f9a91;font-size:12px;line-height:1.35}.named-rare-badge{font:700 10px/1 sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#f1c46e;border:1px solid #8e6425;background:#1b1408;padding:4px 6px;border-radius:2px} .enemy-knowledge-row.boss-escalation{border-color:#624c7e;background:linear-gradient(100deg,rgba(61,40,88,.28),#0b100c 44%)}.boss-escalation-badge{font:700 10px/1 sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#d8c1ff;border:1px solid #74569b;background:#171020;padding:4px 6px;border-radius:2px}.boss-chain-card.boss-ready{border-color:#5d4a2b}.boss-chain-card.apex-ready{border-color:#74569b}.boss-chain-card .inventory-examine-panel{margin-top:7px} /* Phase 22 R20 — Guild Project objective/reward/member ledger clarity. */ .guild-project-authority-note{margin:0 8px 8px}.guild-project-reward{display:grid;gap:2px;padding:6px 7px;border:1px solid #3b4232;border-radius:3px;background:#11150e}.guild-project-reward span{color:#808979;font-size:.52rem;text-transform:uppercase;letter-spacing:.06em}.guild-project-reward strong{color:#cfc27d;font-size:.59rem}.guild-project-contributors{border-top:1px solid #293029;padding-top:5px}.guild-project-contributors>summary{cursor:pointer;color:#9da496;font-size:.56rem}.guild-project-contributors>div{display:grid;gap:3px;margin-top:5px}.guild-project-contributors span{display:flex;justify-content:space-between;gap:8px;color:#858d84;font-size:.54rem}.guild-project-contributors b{color:#b7bcaf;font-weight:600}.guild-project-auto-progress span::after{content:" · automatic";color:#657064;font-size:.49rem} /* Phase 22 R20 — canonical Realm Identity Profile in World Atlas. */ .atlas-realm-identity{border-color:#414533;background:linear-gradient(145deg,rgba(56,52,29,.22),rgba(10,14,11,.2))}.atlas-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.atlas-identity-grid>div{display:grid;gap:5px;padding:7px;border:1px solid #30372f;border-radius:3px;background:#0c100d}.atlas-identity-grid>div>b,.atlas-revisit-reasons>b,.atlas-identity-rare>b{color:#8f987e;font-size:.58rem;text-transform:uppercase;letter-spacing:.06em}.atlas-identity-grid small{color:#777f75;font-size:.52rem}.atlas-identity-rare{display:grid;gap:3px;margin-bottom:8px;padding:8px;border:1px solid #755925;background:#171208}.atlas-identity-rare strong{color:#efc673}.atlas-identity-rare span{color:#a9a08e;font-size:.61rem;line-height:1.35}.atlas-revisit-reasons{display:grid;gap:5px;margin-top:8px}.atlas-revisit-reasons ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.atlas-revisit-reasons li{display:grid;gap:2px;padding:6px 7px;border-left:2px solid #56634a;background:#0c100d}.atlas-revisit-reasons li strong{color:#bdc2ac;font-size:.61rem}.atlas-revisit-reasons li span{color:#858d84;font-size:.57rem;line-height:1.35}@media(max-width:760px){.atlas-identity-grid{grid-template-columns:1fr}} /* Phase 22 R20 — non-blocking reward recap. Routine gains remain compact; rare/guild milestones get a stronger row treatment. */ .auto-session-recap{position:relative;margin:0;border:1px solid rgba(202,181,130,.28);border-radius:var(--wr-control-radius,.55rem);background:rgba(8,12,18,.78);overflow:visible} .auto-session-recap>summary{display:flex;align-items:center;justify-content:space-between;gap:.55rem;min-height:31px;padding:0 9px;cursor:pointer;color:#e0e4df;font-size:.66rem;font-weight:750;white-space:nowrap;user-select:none} .auto-session-recap>summary b{font-variant-numeric:tabular-nums;opacity:.78} .auto-session-recap>[data-auto-session-recap-body]{position:absolute;z-index:72;top:calc(100% + 6px);left:0;width:min(370px,calc(100vw - 32px));padding:7px;border:1px solid #465046;border-radius:3px;background:#080c09f7;box-shadow:0 12px 28px #000a} details.auto-session-recap:not([open])>[data-auto-session-recap-body]{display:none!important} .gains-pane.auto-session-recap>[data-auto-session-recap-body]{display:block!important} .auto-session-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px} .auto-session-grid>div{display:flex;justify-content:space-between;gap:8px;padding:4px 5px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);font-size:max(.72rem,var(--wr-readable-floor,.72rem));line-height:1.25} .auto-session-grid span{opacity:.72}.auto-session-grid b{font-variant-numeric:tabular-nums;white-space:nowrap} .auto-session-notables{display:grid;gap:3px;margin-top:6px;padding:6px;border-top:1px solid rgba(202,181,130,.22);font-size:max(.72rem,var(--wr-readable-floor,.72rem));line-height:1.3}.auto-session-notables span{overflow-wrap:anywhere} .recent-gain-row.kind-rare,.recent-gain-row.kind-trophy,.recent-gain-row.kind-guild-major{margin-top:3px;padding:.38rem .34rem;border:1px solid rgba(220,190,104,.34);border-radius:3px;background:rgba(220,190,104,.07);font-weight:700} .recent-gain-row.kind-guild{border-left:2px solid rgba(150,184,156,.42);padding-left:.36rem} @media(max-width:620px){.auto-session-grid{grid-template-columns:1fr}} /* Phase 22 R23 Work Orders */ .work-order-list{display:grid;gap:8px}.work-order-card .work-order-body{display:grid!important;gap:8px;padding:8px 10px}.work-order-card .work-order-body p{margin:0;color:#a9aea7;font-size:.72rem;line-height:1.5}.work-order-action{display:flex;justify-content:flex-end}.work-order-action button{min-width:118px}.work-order-card.completed{border-color:#52634a}.work-order-card.completed .craft-card-name{color:#cad8a8} /* Phase 22 R24 — compact server-authored World Event identity; no modal interruption. */ .realm-event-strip{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;min-height:0;margin:-2px 12px 6px} .realm-event-strip[hidden]{display:none!important} .realm-event-chip{display:inline-flex;align-items:center;gap:7px;max-width:min(100%,680px);padding:3px 8px;border:1px solid rgba(160,184,116,.34);background:rgba(13,23,17,.84);font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .realm-event-chip b{color:#d8c46d;font-size:11px}.realm-event-chip small{color:#a8b6a0;overflow:hidden;text-overflow:ellipsis}.realm-event-chip.realm_directive{border-color:rgba(187,142,63,.5);box-shadow:inset 2px 0 rgba(187,142,63,.5)} .world-event-card .mastery-meter{margin-top:5px} @media(max-width:760px){.realm-event-strip{margin:0 6px 5px}.realm-event-chip{white-space:normal;align-items:flex-start;flex-direction:column;gap:1px}} /* Phase 22 R25a — Guild Holdings */ .guild-mine-exact-contract{margin-top:10px;padding:9px 10px;border-left:2px solid #8d9a6f;background:#0d120e;color:#c9d0c7;line-height:1.45} .guild-holding-specialization.active{outline:1px solid #64765e;box-shadow:inset 0 0 0 1px rgba(143,170,135,.12)} .merchant-exchange-note{margin:8px 0;padding:7px 9px;border-left:2px solid #746b4f;background:#11100d;color:#c9c1a6} /* Phase 22 R25a: public Guild identity remains readable in recruitment and the shared Guild overview. */ .guild-public-description,.guild-overview-description{margin:.42rem 0 0;max-width:70ch;white-space:normal;overflow-wrap:anywhere;line-height:1.42;color:var(--text-muted,#c5bdad);font-size:.92rem} .guild-overview-description{color:var(--text,#eee3d1);font-size:.96rem} .guild-recruit-card>div{min-width:0} /* Phase 22 R26 — Guild Hall parity, roster polish, and public-description cleanup. */ .service-guild_hall{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important} .service-guild_hall>header{flex:0 0 auto!important;padding:10px 12px 8px!important} .service-guild_hall>.special-location-scroll{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding:8px 10px 10px!important} .service-guild_hall [data-guild-workspace]{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important} .service-guild_hall .guild-tool-tabs{flex:0 0 auto!important;position:sticky;top:0;z-index:4} .service-guild_hall .guild-tool-pane:not([hidden]){display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 3px 14px 0!important;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y} .guild-tool-window .guild-tool-pane:not([hidden]){padding:10px 3px 12px 0!important} .guild-member-list{display:grid!important;gap:7px!important;margin:8px 0 10px!important} .guild-member-card{display:block!important;padding:0!important;border:1px solid #333b34!important;border-radius:5px!important;background:linear-gradient(135deg,#0d120e,#090d0a)!important;overflow:hidden!important} .guild-member-card .guild-member-main{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:10px 11px!important} .guild-member-card .guild-member-avatar{width:36px!important;height:36px!important;border-radius:4px!important;background:#121a14!important;color:#d9cc83!important;font-size:.76rem!important} .guild-member-card .guild-member-identity{display:grid!important;gap:3px!important;min-width:0!important} .guild-member-card .guild-member-identity strong{font-size:.75rem!important;color:#e2ddd0!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .guild-member-card .guild-member-identity span{font-size:.66rem!important;color:#929b93!important} .guild-member-card .guild-member-badges{display:flex!important;gap:5px!important;flex-wrap:wrap!important;justify-content:flex-end!important} .guild-member-card .guild-role-badge{font-size:.58rem!important;padding:4px 7px!important} .guild-member-card .guild-member-manage{border-top:1px solid #293029!important;background:#0a0e0b!important} .guild-member-card .guild-member-manage>summary{padding:8px 11px!important;color:#9ca59d!important;font-size:.64rem!important} .guild-member-manage-body{display:grid!important;gap:8px!important;padding:0 10px 10px!important} .guild-member-manage-body>form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;align-items:end!important} .guild-description-card{gap:8px!important} .guild-description-form{display:grid!important;gap:8px!important;margin:0!important} .guild-description-form textarea{display:block!important;width:100%!important;min-height:92px!important;resize:vertical!important;box-sizing:border-box!important;padding:9px 10px!important;border:1px solid #3b443c!important;border-radius:4px!important;background:#0d120e!important;color:#ddd8ca!important;font:inherit!important;line-height:1.45!important} .guild-description-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} .guild-description-actions span{color:#7f8981!important;font-size:.62rem!important} .guild-description-actions button{width:auto!important;min-width:128px!important;white-space:nowrap!important} .guild-description-readonly{margin:0!important;padding:9px 10px!important;border:1px solid #2f3730!important;background:#0a0f0b!important} @media(max-width:620px){.guild-member-card .guild-member-main{grid-template-columns:34px minmax(0,1fr)!important}.guild-member-card .guild-member-badges{grid-column:1/-1!important;justify-content:flex-start!important}.guild-description-actions{align-items:stretch!important;flex-direction:column!important}.guild-description-actions button{width:100%!important}} /* Phase 22 R26 — Guild War foundation. Eight sections remain compact in Hall and pop-out. */ .guild-tool-tabs{grid-template-columns:repeat(8,minmax(0,1fr))!important} .guild-war-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #4a4330;border-radius:5px;background:linear-gradient(135deg,#15140f,#0b0f0c)} .guild-war-hero>div:first-child{display:grid;gap:3px}.guild-war-hero>div:first-child>span{color:#a89458;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.guild-war-hero strong{color:#e1d7b8;font-size:.86rem}.guild-war-hero small{color:#9ba096;font-size:.66rem} .guild-war-timing{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.guild-war-timing span,.guild-war-rules span{display:grid;gap:2px;padding:6px 8px;border:1px solid #30362f;background:#0a0f0b;color:#a6aea6;font-size:.62rem}.guild-war-timing b,.guild-war-rules b{color:#d0c693;font-size:.55rem;text-transform:uppercase;letter-spacing:.05em} .guild-war-challenge-form{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(110px,.6fr) auto!important;gap:8px!important;align-items:end!important}.guild-war-challenge-form label{display:grid!important;gap:4px!important}.guild-war-rules{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px} .guild-war-rosters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}.guild-war-roster-list{display:grid;gap:5px}.guild-war-roster-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #303731;background:#0b100c}.guild-war-roster-row>div{display:grid;gap:2px}.guild-war-roster-row strong{font-size:.7rem;color:#d9d5c9}.guild-war-roster-row span{font-size:.61rem;color:#89938b}.guild-war-roster-row form{margin:0} .guild-war-roster-editor{margin-top:9px}.guild-war-roster-editor form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important}.guild-war-readiness,.guild-war-active-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:8px 10px}.guild-war-readiness{border:1px solid #3a4139;background:#0c120e;color:#aab1a9}.guild-war-readiness.ready{border-color:#46624d;background:#0d1710}.guild-war-readiness.pending{border-color:#6b572f;background:#171208}.guild-war-readiness strong{color:#d8d1ba}.guild-war-readiness.ready strong{color:#a9d1ae}.guild-war-readiness.pending strong{color:#d8bd76}.guild-war-readiness span,.guild-war-active-banner span{font-size:.64rem}.guild-war-active-banner{border:1px solid #765b2b;background:#171108;color:#cfc5a8}.guild-war-active-banner strong{color:#e4c56e} .guild-war-recent{margin-top:10px}.guild-war-history-list{display:grid;gap:7px}.guild-war-history-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);gap:10px;padding:9px 10px;border:1px solid #303731;background:#0b100c}.guild-war-history-row.compact{grid-template-columns:1fr}.guild-war-history-row.result-win{border-color:#405c47}.guild-war-history-row.result-loss{border-color:#60413d}.guild-war-history-row.result-draw{border-color:#5b553d}.guild-war-history-main{display:grid;gap:2px}.guild-war-history-main>span{font-size:.55rem;letter-spacing:.05em;text-transform:uppercase;color:#8d968e}.guild-war-history-main>strong{font-size:.72rem;color:#ddd6c4}.guild-war-history-main>small{font-size:.62rem;color:#a2aaa2}.guild-war-history-reward{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.guild-war-history-reward>span{display:grid;gap:2px;padding:6px 7px;border:1px solid #29302a;background:#090d0a;color:#d3d0c4;font-size:.62rem}.guild-war-history-reward b{color:#8f9990;font-size:.54rem;letter-spacing:.04em;text-transform:uppercase}.guild-war-history-reward em{font-style:normal;color:#c9b66e} @media(max-width:820px){.guild-war-rosters{grid-template-columns:1fr}.guild-war-challenge-form{grid-template-columns:1fr!important}.guild-war-hero{flex-direction:column}.guild-war-timing{justify-content:flex-start}.guild-war-readiness,.guild-war-active-banner{align-items:flex-start;flex-direction:column}.guild-war-history-row{grid-template-columns:1fr}.guild-war-history-reward{grid-template-columns:1fr}} @media(max-width:700px){.guild-tool-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}} /* Phase 22 R27 — Guild Warfront / scoring presentation */ .guild-war-scoreboard{margin-top:9px} .guild-war-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .guild-war-score-grid>div{display:grid;gap:3px;padding:10px 12px;border:1px solid #3a4038;background:#0b100c;text-align:center} .guild-war-score-grid span{color:#9ca396;font-size:.64rem}.guild-war-score-grid strong{color:#e5d8a9;font-size:1.15rem} .guild-warfront-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .guild-warfront-card{display:grid;gap:3px;padding:9px;border:1px solid #343c35;background:#0b100c}.guild-warfront-card strong{color:#dcd5bf;font-size:.72rem}.guild-warfront-card span{color:#8e988f;font-size:.61rem} .guild-war-target-list{display:grid;gap:6px}.guild-war-target-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid #343c35;background:#0b100c}.guild-war-target-row>div{display:grid;gap:2px}.guild-war-target-row strong{font-size:.7rem;color:#ddd6c4}.guild-war-target-row span{font-size:.61rem;color:#92998f}.guild-war-target-row form{margin:0} .guild-war-objectives{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.guild-war-objectives>span{display:grid;gap:2px;padding:8px 9px;border:1px solid #303731;background:#0b100c;color:#929a91;font-size:.62rem}.guild-war-objectives b{color:#d9d1b7;font-size:.66rem} .guild-war-score-activity{margin-top:9px}.guild-war-score-event,.guild-war-contributor{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #293029}.guild-war-score-event:last-child,.guild-war-contributor:last-child{border-bottom:0}.guild-war-score-event>div,.guild-war-contributor>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:6px;row-gap:1px;align-items:center}.guild-war-contributor>div>b{grid-row:1/3;color:#746f5b;font-size:.55rem}.guild-war-contributor>div>small{font-size:.55rem;color:#7e887f}.guild-war-score-event strong,.guild-war-contributor strong{font-size:.67rem;color:#d8d3c6}.guild-war-score-event span,.guild-war-contributor span{font-size:.6rem;color:#8f978f}.guild-war-score-event>b{font-size:.65rem;color:#d0b967}.guild-war-contributors{display:grid} @media(max-width:820px){.guild-war-score-grid,.guild-warfront-grid,.guild-war-objectives{grid-template-columns:1fr}.guild-war-target-row{align-items:flex-start;flex-direction:column}} /* Phase 22 R28 — permanent Guild War prestige/history + Treasure Trail polish. */ .guild-war-profile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0} .guild-war-profile>span{display:grid;gap:3px;padding:8px 9px;border:1px solid #343b34;background:#0b100c;color:#ded8c8;font-size:.72rem} .guild-war-profile b{color:#929b92;font-size:.56rem;letter-spacing:.05em;text-transform:uppercase} .guild-war-rivalries{display:grid;gap:5px}.guild-war-rivalry-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 9px;border:1px solid #303731;background:#0b100c} .guild-war-rivalry-row strong{font-size:.7rem;color:#ddd6c4}.guild-war-rivalry-row span,.guild-war-rivalry-row small{font-size:.61rem;color:#90998f}.guild-war-rivalry-row small{text-align:right} .expedition-card .mastery-meter{margin-top:2px}.expedition-card .inventory-examine-panel{margin-top:7px}.expedition-card .inline-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center} @media(max-width:820px){.guild-war-profile{grid-template-columns:repeat(2,minmax(0,1fr))}.guild-war-rivalry-row{grid-template-columns:1fr}.guild-war-rivalry-row small{text-align:left}} @media(max-width:520px){.guild-war-profile{grid-template-columns:1fr}} /* Phase 22 R32 — desktop workspace/navigation + crafting convergence presentation closure. This is deliberately desktop-shell CSS: utilities yield space to the zone identity instead of overlapping it. */ .classic-center{container-type:inline-size;container-name:realm-center} .classic-center>.realm-command-header{ align-self:stretch!important; width:auto!important; min-width:0!important; box-sizing:border-box!important; margin:-13px -14px 8px!important; padding:8px 10px!important; min-height:70px!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(120px,44%) minmax(0,1fr)!important; gap:8px!important; align-items:start!important; position:relative!important; z-index:58!important; background:linear-gradient(180deg,rgba(5,8,7,.96),rgba(7,10,8,.88))!important; border:0!important; border-bottom:1px solid #30372f!important; box-shadow:0 8px 20px rgba(0,0,0,.22)!important; } .realm-command-header>.classic-world-info{ min-width:0!important;width:100%!important;min-height:52px!important;margin:0!important;padding:1px 7px!important; display:grid!important;align-content:center!important;justify-items:center!important;gap:1px!important; position:relative!important;z-index:1!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:center!important; } .realm-command-header>.classic-world-info strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#e8e0d3!important;font:700 1.02rem/1.2 Georgia,serif!important;letter-spacing:.01em!important} .realm-command-header>.classic-world-info>span{color:#e5c957!important;font-size:.82rem!important;line-height:1.2!important} .realm-command-header>.classic-world-info em{color:#9f978d!important;font-size:.72rem!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important} .realm-header-left,.realm-header-right{display:flex!important;align-items:flex-start!important;gap:6px!important;min-width:0!important;position:relative!important;z-index:3!important} .realm-header-left{justify-content:flex-start!important}.realm-header-right{justify-content:flex-end!important} .realm-header-right>.auto-special-menu{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin:0!important;z-index:4!important;flex:0 0 auto!important}.realm-header-right>.auto-special-menu>.auto-special-popover{left:auto!important;right:0!important;width:min(390px,calc(100cqw - 16px))!important;max-width:calc(100cqw - 16px)!important}.realm-header-left>.gains-menu>.gains-popover{width:min(390px,calc(100cqw - 16px))!important;max-width:calc(100cqw - 16px)!important} .realm-header-right>.realm-utility-cluster{position:static!important;top:auto!important;right:auto!important;left:auto!important;margin:0!important;display:flex!important;align-items:flex-start!important;gap:6px!important;z-index:4!important;flex:0 0 auto!important} .classic-center>.realm-settings-panel{top:74px!important;right:10px!important;max-height:calc(100% - 84px)!important;z-index:74!important} /* Gains owns both short-term events and the current Auto session; one header slot, two clear views. */ .realm-header-left>.gains-menu{position:relative!important;margin:0!important;overflow:visible!important;max-width:none!important;border:1px solid #465046!important;border-radius:3px!important;background:#101411e8!important;z-index:6!important} .realm-header-left>.gains-menu>summary{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;box-sizing:border-box!important;height:31px!important;min-height:31px!important;padding:0 9px!important;color:#e0e4df!important;font-size:.66rem!important;font-weight:750!important;white-space:nowrap!important;cursor:pointer!important;list-style:none!important} .realm-header-left>.gains-menu>summary::-webkit-details-marker{display:none}.realm-header-left>.gains-menu>summary:hover,.realm-header-left>.gains-menu[open]>summary{border-color:#677567!important;background:#171d18!important;color:#f0f2ef!important} .realm-header-left>.gains-menu>summary b{display:inline-grid!important;place-items:center!important;min-width:19px!important;height:19px!important;padding:0 4px!important;border:1px solid #465046!important;border-radius:10px!important;background:#171b17!important;color:#d8ddd8!important;font-size:.58rem!important;font-variant-numeric:tabular-nums!important} .gains-popover{position:absolute!important;z-index:74!important;top:calc(100% + 6px)!important;left:0!important;width:min(390px,calc(100vw - 32px))!important;max-height:min(450px,72vh)!important;overflow:hidden!important;border:1px solid #465046!important;border-radius:4px!important;background:#080c09f8!important;box-shadow:0 12px 28px #000a!important} .gains-menu:not([open])>.gains-popover{display:none!important}.gains-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;border-bottom:1px solid #303830!important;background:#0e130f!important}.gains-tabs button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;min-height:34px!important;padding:5px 8px!important;border:0!important;border-right:1px solid #2f3730!important;border-radius:0!important;background:#0e130f!important;color:#929b93!important;font-size:.65rem!important;white-space:nowrap!important}.gains-tabs button:last-child{border-right:0!important}.gains-tabs button.active{background:#172019!important;color:#cfe0ce!important;box-shadow:inset 0 -2px #6a9b68!important}.gains-tabs button small{font-size:.54rem!important;color:#c5ad63!important}.gains-pane{padding:7px!important;max-height:370px!important;overflow:auto!important}.gains-pane[hidden]{display:none!important}.gains-popover .recent-gains-list{position:static!important;width:auto!important;max-height:340px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.gains-popover .auto-session-recap{position:relative!important;margin:0!important;border:0!important;background:transparent!important;overflow:auto!important}.gains-popover .auto-session-recap>[data-auto-session-recap-body]{position:static!important;inset:auto!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.gains-popover .auto-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} /* R32 Progression directory: five durable areas, then at most three local choices. */ .progression-primary-tabs,.progression-secondary-tabs{display:grid!important;gap:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;background:#0a0e0b!important;border:1px solid #303830!important} .progression-primary-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;position:sticky!important;top:-10px!important;z-index:5!important;margin:0 0 6px!important} .progression-secondary-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;position:sticky!important;top:27px!important;z-index:4!important;margin:-2px 0 7px!important;border-color:#293229!important} .progression-secondary-tabs[hidden]{display:none!important} .progression-primary-tabs button,.progression-secondary-tabs button{min-width:0!important;width:100%!important;min-height:34px!important;padding:6px 7px!important;border:0!important;border-right:1px solid #303830!important;border-radius:0!important;background:#0c110d!important;color:#969e97!important;font-size:.68rem!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important} .progression-primary-tabs button:last-child,.progression-secondary-tabs button:last-child{border-right:0!important}.progression-primary-tabs button:hover,.progression-secondary-tabs button:hover{background:#121813!important;color:#d3d8d2!important}.progression-primary-tabs button.active{background:#172019!important;color:#d7e4d5!important;box-shadow:inset 0 -2px #6c9e69!important}.progression-secondary-tabs button.active{background:#131c14!important;color:#d4c46e!important;box-shadow:inset 0 -2px #9a8547!important}.progression-overview-pane{display:grid!important;align-content:start!important;gap:8px!important}.progression-overview-pane[hidden]{display:none!important} /* R32 Embed browser reuses the canonical item quality classes and makes socket state visible. */ .embed-gems-workflow{grid-template-columns:minmax(250px,.78fr) minmax(360px,1.22fr)!important;align-items:start!important}.embed-target-step{min-width:0!important}.embed-target-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.embed-target-toolbar label{display:grid!important;gap:3px!important;min-width:0!important;color:#8d978f!important;font-size:.54rem!important;text-transform:uppercase!important;letter-spacing:.055em!important}.embed-target-toolbar .embed-target-search{grid-column:1/-1!important}.embed-target-toolbar input,.embed-target-toolbar select{width:100%!important;min-width:0!important;height:32px!important;box-sizing:border-box!important;border:1px solid #414a42!important;background:#111612!important;color:#ddd8cc!important;padding:0 8px!important}.embed-target-authority-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}.embed-target-browser{display:grid!important;gap:5px!important;max-height:260px!important;overflow:auto!important;padding:2px!important;scrollbar-width:thin!important}.embed-target-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"identity meta" "sockets sockets"!important;gap:5px 9px!important;align-items:start!important;align-content:start!important;width:100%!important;min-width:0!important;min-height:68px!important;height:auto!important;max-height:none!important;padding:8px!important;text-align:left!important;line-height:1.25!important;overflow:hidden!important;border:1px solid #333b34!important;border-radius:3px!important;background:#0c110d!important;color:#b7b9b1!important;box-shadow:none!important}.embed-target-card:hover:not(.full){border-color:#59685a!important;background:#111812!important}.embed-target-card.selected{border-color:#6b916b!important;background:#132016!important;box-shadow:inset 3px 0 #69aa69!important}.embed-target-card.equipped:not(.selected){box-shadow:inset 2px 0 #766b43!important}.embed-target-card.full{opacity:.62!important;cursor:default!important}.embed-target-identity{grid-area:identity!important;display:grid!important;gap:2px!important;min-width:0!important}.embed-target-identity strong{display:block!important;min-width:0!important;font-size:.70rem!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important}.embed-target-identity small,.embed-target-meta small{color:#89938b!important;font-size:.55rem!important;line-height:1.25!important}.embed-target-meta{grid-area:meta!important;display:grid!important;grid-template-columns:auto auto!important;justify-items:end!important;align-items:start!important;gap:2px 6px!important;text-align:right!important;white-space:nowrap!important}.embed-target-selected{display:none!important;padding:2px 5px!important;border:1px solid #55765a!important;border-radius:999px!important;background:#162318!important;color:#9bc99f!important;font-size:.48rem!important;line-height:1.15!important;text-transform:uppercase!important;letter-spacing:.05em!important}.embed-target-card.selected .embed-target-selected{display:inline-flex!important}.embed-target-meta b{color:#d0bd72!important;font-size:.61rem!important}.embed-target-sockets{grid-area:sockets!important;display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:4px!important;min-width:0!important;width:100%!important;overflow:hidden!important}.embed-socket-chip{display:inline-flex!important;align-items:center!important;max-width:100%!important;min-height:21px!important;height:auto!important;padding:3px 6px!important;border:1px solid #3b443c!important;border-radius:999px!important;background:#101611!important;color:#c8c6bc!important;font-size:.54rem!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.embed-socket-chip.empty{border-style:dashed!important;color:#747e76!important;background:#090d0a!important}.embed-socket-chip.filled{border-color:#5e5740!important;color:#d6c47b!important}.embed-target-browser>[data-embed-target-empty]{grid-column:1/-1!important;margin:4px 0!important} /* Workspace labels are one-line desktop controls; vertical glyph/descender clipping is prohibited. */ .classic-links.primary-workspaces a,.classic-links.primary-workspaces a:nth-child(n){min-height:40px!important;height:40px!important;padding-block:0!important;line-height:1.3!important;overflow:visible!important} .classic-links.primary-workspaces a>span:not(.workspace-glyph):not(.workspace-notification-dot){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important;min-height:1.35em!important;padding:2px 25px 3px!important;box-sizing:border-box!important;line-height:1.3!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;line-clamp:unset!important} @container realm-center (max-width:700px){ .realm-command-header{grid-template-columns:minmax(0,1fr) minmax(92px,44%) minmax(0,1fr)!important;gap:5px!important;padding-inline:7px!important} .realm-header-right>.auto-special-menu>summary{width:31px!important;min-width:31px!important;padding:0!important;gap:0!important} .realm-header-right>.auto-special-menu>summary>span{display:none!important}.realm-header-right>.auto-special-menu>summary::before{content:"★";color:#d6c36e;font-size:.68rem}.realm-header-right>.auto-special-menu>summary>b{position:absolute!important;right:-5px!important;top:-5px!important;min-width:15px!important;width:auto!important;height:15px!important;padding:0 3px!important;font-size:.49rem!important} .realm-header-right .auto-fight-toggle small{display:none!important}.realm-header-right .auto-fight-toggle{padding-inline:7px!important;min-width:52px!important} .realm-command-header>.classic-world-info>span{display:none!important}.realm-command-header>.classic-world-info strong{font-size:.92rem!important}.realm-command-header>.classic-world-info em{font-size:.64rem!important} } @container realm-center (max-width:520px){ .realm-command-header{grid-template-columns:minmax(0,1fr) minmax(70px,42%) minmax(0,1fr)!important} .realm-zone-type{display:none!important}.realm-header-left>.gains-menu>summary{padding-inline:7px!important}.realm-command-header>.classic-world-info em{display:none!important} } @media(max-width:900px){.embed-gems-workflow{grid-template-columns:1fr!important}.embed-result-step{grid-column:auto!important}} @media(max-width:640px){.progression-primary-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.progression-secondary-tabs{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.embed-target-toolbar{grid-template-columns:1fr!important}.embed-target-toolbar .embed-target-search{grid-column:auto!important}} /* Phase 22 R32b — FIELD overlay geometry closure. Header overlays are border-box bounded by the live combat pane + Activity dock; the outer overlay owns height while its inner content scrolls. */ .realm-header-left>.gains-menu>.gains-popover, .realm-header-right>.auto-special-menu>.auto-special-popover{ box-sizing:border-box!important; min-width:0!important; min-height:0!important; } .gains-popover{ display:grid!important; grid-template-rows:auto minmax(0,1fr)!important; } .gains-popover .gains-pane{ min-height:0!important; max-height:none!important; overflow:auto!important; overscroll-behavior:contain!important; } .gains-popover .recent-gains-list{ max-height:none!important; overflow:visible!important; } .gains-popover .auto-session-recap, .gains-popover .auto-session-recap>[data-auto-session-recap-body]{ min-height:0!important; max-height:none!important; } .realm-header-right>.auto-special-menu>.auto-special-popover{ grid-template-rows:auto auto minmax(0,1fr) auto!important; } .realm-header-right>.auto-special-menu>.auto-special-popover .auto-special-list{ min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; } /* Phase 22 R33e — shared Gem chips are presentation-neutral. Embed owns grid placement; compact Inventory/Loadout surfaces only receive bounded chip strips. */ .gem-slot-chip-list{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;min-width:0!important;max-width:100%!important;width:auto!important;overflow:hidden!important} #inventory-panel .inventory-browser-card-detail>.gem-slot-chip-list{min-width:0!important;max-width:100%!important;flex-wrap:nowrap!important;gap:3px!important;overflow:hidden!important;white-space:nowrap!important} #inventory-panel .inventory-browser-card-detail>.gem-slot-chip-list .gem-slot-chip{min-width:0!important;max-width:138px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important} /* Treasure-map carrier encounters are transient authored targets, distinct from ordinary zone monsters and Realm Incursions. Keep the type semantic in markup and presentation. */ .fight-picker option.treasure-hunt-option{color:#d8b457!important;font-weight:850!important} .fight-picker select:has(option.treasure-hunt-option:checked){color:#d8b457!important;font-weight:800!important} /* Phase 22 R33f — Treasure Trail discovery / evergreen Expedition presentation */ .expedition-scale-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:7px 0;color:#b9b8ae;font-size:.78rem}.expedition-scale-row b{color:#d8b457}.treasure-trail-discovery-card{position:fixed;z-index:8800;right:18px;bottom:18px;width:min(440px,calc(100vw - 36px));max-height:min(680px,calc(100vh - 36px));overflow:auto;background:linear-gradient(180deg,#111812 0%,#0b100d 100%);border:1px solid #81672a;box-shadow:0 18px 55px #000b,0 0 0 1px #17251c inset;color:#dededb;padding:0}.treasure-trail-discovery-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px 11px;border-bottom:1px solid #334236;background:linear-gradient(90deg,#1d1a0e,#101711)}.treasure-trail-discovery-card>header>div{display:grid;gap:3px}.treasure-trail-discovery-card>header span{font-size:.68rem;letter-spacing:.13em;font-weight:850;color:#d8b457}.treasure-trail-discovery-card>header strong{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;color:#f0dd9a}.treasure-trail-discovery-card>header button{width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid #49584d;background:#111713;color:#ddd}.treasure-trail-meta{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;padding:10px 15px 7px;font-size:.75rem;color:#aaa}.treasure-trail-meta strong{color:#d8b457}.treasure-trail-meter{height:4px;margin:0 15px 12px;background:#1b251e;overflow:hidden}.treasure-trail-meter i{display:block;height:100%;background:#70bd79}.treasure-trail-lead,.treasure-trail-clue,.treasure-trail-hunt,.treasure-trail-scale{margin:0 15px 10px;padding:10px 11px;border:1px solid #29362d;background:#0d130f}.treasure-trail-lead,.treasure-trail-hunt{display:grid;gap:3px}.treasure-trail-lead span,.treasure-trail-clue>span,.treasure-trail-hunt span{font-size:.67rem;text-transform:uppercase;letter-spacing:.09em;color:#a98b45;font-weight:800}.treasure-trail-lead strong,.treasure-trail-hunt strong{color:#f0dd9a}.treasure-trail-lead small,.treasure-trail-hunt small{color:#aaa}.treasure-trail-clue p{margin:5px 0 0;line-height:1.42;color:#d1d0ca}.treasure-trail-hunt{border-color:#866c24}.treasure-trail-hunt strong{color:#e7c45c}.treasure-trail-scale{color:#95aa9a;font-size:.74rem;line-height:1.4}.treasure-trail-rewards{display:grid;gap:5px;margin:0 15px 12px}.treasure-trail-rewards>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #2b382f;background:#0c120e}.treasure-trail-rewards>div span{color:#aaa}.treasure-trail-rewards>div strong{color:#d8b457;text-align:right}.treasure-trail-rewards>div.treasure-reward-major{border-color:#735f29;background:#15150d}.treasure-trail-discovery-card>footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 15px 14px}.treasure-trail-discovery-card>footer form{margin:0}.treasure-trail-discovery-card>footer button{min-height:36px;background:#2a200c;border-color:#8b6a22;color:#f0dd9a;font-weight:800}.treasure-trail-discovery-card>footer button:disabled{opacity:.42;cursor:not-allowed}.treasure-trail-discovery-card>footer>span{font-size:.72rem;color:#9b9b92} /* Shared semantic value token used by dense label/value presentation blocks. */ .ui-inline-value{display:inline-block;min-width:0;margin-inline-start:.4em;overflow-wrap:anywhere} .guild-power-overview>span>.ui-inline-value,.manual-live-metrics>span>.ui-inline-value,.manual-special-detail>span>.ui-inline-value,.reincarnation-readiness>span>.ui-inline-value{margin-inline-start:0} /* Phase 22 R8 — unified system icon vocabulary + Guided Journey. */ .category-glyph{display:inline-grid;place-items:center;width:17px;height:17px;margin-right:5px;vertical-align:-3px;color:currentColor} .category-glyph svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .inventory-category-nav button{display:inline-flex;align-items:center;justify-content:center;gap:2px} .guided-journey-card,.guided-discovery-card{position:fixed;right:18px;bottom:18px;z-index:9997;width:min(360px,calc(100vw - 28px));border:1px solid #69572f;border-radius:7px;background:linear-gradient(180deg,rgba(16,21,17,.99),rgba(8,12,9,.99));box-shadow:0 14px 42px #000b;color:#ded7c6;overflow:hidden} .guided-journey-card>header,.guided-discovery-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-bottom:1px solid #383324;background:linear-gradient(180deg,#19180f,#10120d)} .guided-journey-card>header>div,.guided-discovery-card>header{min-width:0}.guided-journey-card>header span,.guided-discovery-card>header span{display:block;color:#a98c4b;font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.guided-journey-card>header strong,.guided-discovery-card>header strong{display:block;color:#f0d18a;font:700 .93rem Georgia,serif;line-height:1.25}.guided-journey-card>header button{min-width:32px;min-height:32px;padding:0;border-color:#494b43;background:#0c110d;color:#aab0aa;font-size:1rem}.guided-journey-card>p,.guided-discovery-card>p{margin:0;padding:10px 11px;color:#b9c0b9;font-size:.78rem;line-height:1.45}.guided-journey-card>footer,.guided-discovery-card>footer{display:flex;flex-wrap:wrap;gap:6px;padding:0 11px 11px}.guided-journey-card>footer button,.guided-discovery-card>footer button{min-height:34px} .guided-journey-step-nav{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:7px;padding:8px 11px 0}.guided-journey-step-nav>button{height:30px;min-width:30px;padding:0;border:1px solid #45483f;background:#0b100c;color:#d4b969;font-size:1.05rem}.guided-journey-step-nav>button:disabled{opacity:.32}.guided-journey-step-nav>span{color:#9e967e;font-size:.69rem;font-weight:800;text-align:center;letter-spacing:.035em}.guided-journey-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 11px 0}.guided-journey-progress>i{position:relative;height:5px;overflow:hidden;border-radius:999px;background:#252a24}.guided-journey-progress>i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--guided-progress,0%);background:linear-gradient(90deg,#806326,#d0a94e)}.guided-journey-progress>span{color:#968d75;font-size:.68rem;font-weight:800} .guided-discovery-card{bottom:18px}.guided-discovery-card>header{display:grid;justify-content:stretch}.guided-discovery-card>header strong{margin-top:2px} html[data-db-guided-progression="0"] [data-guided-journey],html[data-db-guided-progression="0"] [data-guided-discovery]{display:none!important} /* Phase 22 R10 — Interface Cohesion / Functional Settings / Staff Expansion. */ :where(button,.button,[role="button"]){max-width:100%;overflow-wrap:anywhere;text-wrap:balance} .realm-settings-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} .realm-settings-actions>button{width:100%!important;min-width:0!important;height:auto!important;min-height:34px!important;padding:6px 8px!important;white-space:normal!important;line-height:1.2!important} /* Chat/Realm text preference is a real typography authority, not only Chat. */ html[data-db-log-text] :is(.chat-message-list,.activity-log,.battle-info-activity,.realm-connection-list,.map-key,.map-legend,.classic-map,.waypoint-grid,.realm-event-strip){font-size:var(--db-log-font)!important} html[data-db-log-text] :is(.chat-message-list,.activity-log,.battle-info-activity,.realm-connection-list,.map-key,.map-legend,.classic-map,.waypoint-grid,.realm-event-strip) :is(span,strong,small,b,em,p){font-size:1em} /* Density controls shared spacing across the Realm component system. */ html[data-db-density="dense"]{--wr-density-gap:4px;--wr-density-pad:6px;--wr-control-height:30px} html[data-db-density="compact"]{--wr-density-gap:7px;--wr-density-pad:9px;--wr-control-height:34px} html[data-db-density="comfortable"]{--wr-density-gap:10px;--wr-density-pad:12px;--wr-control-height:40px} html[data-db-density] :is(.inventory-browser-list,.compact-system-list,.guild-tool-pane,.social-directory-list,.staff-character-grid,.staff-history-list,.craft-card-body,.embed-gems-workflow,.upgrade-scroll-list){gap:var(--wr-density-gap)!important} html[data-db-density] :is(.inventory-browser-card,.guild-member-card,.guild-project-card,.social-player-row,.staff-character-grid>article,.upgrade-target-card){padding:var(--wr-density-pad)!important} html[data-db-density] :is(.inventory-browser-toolbar input,.inventory-browser-toolbar select,.embed-target-toolbar input,.embed-target-toolbar select,.craft-browser-toolbar input,.craft-browser-toolbar select,.upgrade-browser-toolbar input,.upgrade-browser-toolbar select){min-height:var(--wr-control-height)!important} /* Narration density: compact removes repeated flavor lines while preserving mechanics. */ html[data-db-narration-density="compact"] .combat-result-flow .battle-line:not(.battle-direct):not(.battle-victory):not(.battle-error):not(.blood-duel-victory):not(.blood-duel-target):not(.battle-source-drop):not(.battle-loot):not(.battle-mastery):not(.battle-alignment):not(.battle-quest):not(.battle-hunt-complete):not(.damage):not(.heal):not(.death):not(.critical):not(.double-hit):not([data-combat-essential]){display:none!important} html[data-db-narration-density="compact"] .combat-result-flow{gap:2px!important} /* Map-size preference controls the actual map frame. */ html[data-db-map-scale="compact"] .classic-right #zone-map{width:min(100%,250px)!important;max-width:250px!important} html[data-db-map-scale="normal"] .classic-right #zone-map{width:min(100%,300px)!important;max-width:300px!important} html[data-db-map-scale="large"] .classic-right #zone-map{width:min(100%,360px)!important;max-width:360px!important} /* Inventory controls use the full available row and all semantic icons inherit text color. */ .inventory-quick-filters{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important} .inventory-quick-filters>*{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important} .category-glyph svg,.workspace-glyph svg{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important} /* Craft is a recipe browser: the row itself expands; no orphan disclosure control. */ .craft-expand-toggle{display:none!important} .craft-card-head{min-height:54px!important} .craft-card-copy{height:auto!important;min-height:54px!important;padding:7px 0!important} .craft-card-tools{gap:6px!important} .craft-card-body{border-top:1px solid #2d352e!important;background:#080d0a!important} .craft-action-bar{display:grid!important;grid-template-columns:minmax(88px,130px) minmax(110px,auto)!important;justify-content:end!important;gap:7px!important;align-items:end!important} .craft-action-bar :is(input,button){min-width:0!important} /* Embed Gems: two selections, one preview. */ .embed-gems-workflow{display:grid!important;gap:10px!important} .embed-step{border:1px solid #303a32!important;background:#090e0b!important;border-radius:6px!important;padding:10px!important} .embed-step>header{margin-bottom:8px!important;padding-bottom:7px!important;border-bottom:1px solid #283129!important} .embed-step>header>div{display:grid!important;gap:3px!important} .embed-step>header strong{font-size:.78rem!important;color:#e0d7be!important} .embed-step>header span{font-size:.62rem!important;color:#889189!important;line-height:1.35!important} .embed-result-step{border-color:#5a5536!important;background:#0e100a!important} .embed-selection-summary{margin-top:7px!important;padding:7px 8px!important;border:1px solid #28332b!important;background:#070b08!important} /* Upgrade guide copy gets proper semantic separation. */ .upgrade-reference-tools>details>summary{white-space:normal!important;line-height:1.25!important} .upgrade-reference-tools>details>summary::marker{color:#bda759} .upgrade-reference-tools>details>summary>*{min-width:0!important} .upgrade-inspector-header,.upgrade-target-main,.upgrade-target-meta{display:grid!important;gap:3px!important;min-width:0!important} .upgrade-master-detail{gap:10px!important} /* Shared semantic spacing prevents labels and values from visually merging. */ :where(.campaign-card-head,.guild-project-progress>div,.guild-armory-status,.upgrade-reference-tools summary,.staff-dashboard>div,.staff-detail-section>header,.craft-card-meta,.inventory-item-meta,.realm-connection-row){column-gap:8px!important} :where(.campaign-card-head,.guild-project-progress>div,.guild-armory-status,.staff-dashboard>div,.staff-detail-section>header)>*{min-width:0} /* Character Select heraldry uses a silhouette, not arbitrary lineage letters. */ .realm-heraldry-sigil{display:grid;place-items:center;width:62%;height:62%;color:#d6bf74} .realm-heraldry-sigil svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round} .realm-heraldry-shield>b{display:none!important} /* Realm Gate rows share one fixed alignment grid. */ .realm-connection-row{grid-template-columns:86px minmax(0,1fr) 76px!important;column-gap:10px!important} .realm-connection-dir{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;align-items:center!important;gap:7px!important} .realm-connection-dir small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .realm-connection-target{text-align:left!important} .realm-connection-level{justify-self:end!important} /* Online + Buddies share a compact directory language. */ .social-directory-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 10px} .social-directory-switch button{min-height:34px!important;border:1px solid #343c35!important;background:#0b100d!important;color:#9ba49c!important} .social-directory-switch button.active{border-color:#6c643b!important;background:#17160f!important;color:#e4cf79!important;box-shadow:inset 0 -2px #9e8844} .social-directory-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;color:#8e978f;font-size:.62rem} .social-player-row{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;border-radius:5px!important} .social-player-main{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:8px!important;row-gap:2px!important} .social-player-name{grid-column:2!important} .social-player-subline{grid-column:2!important;display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important;color:#879087!important;font-size:.58rem!important} .social-row-actions{justify-self:end!important;align-items:center!important} .social-row-actions button{min-width:46px!important;min-height:30px!important} .social-section-title{margin-top:13px!important;padding-bottom:5px!important;border-bottom:1px solid #273029!important} /* Staff support actions and destructive admin actions. */ .staff-character-grid>article{align-items:start!important} .staff-character-actions{display:block!important;min-width:180px!important} .staff-support-menu{border:1px solid #303a32;background:#0a0f0c} .staff-support-menu>summary{min-height:32px;display:flex;align-items:center;padding:6px 9px;color:#b8c0b9;font-size:.62rem;font-weight:750;cursor:pointer;list-style:none} .staff-support-menu>summary::-webkit-details-marker{display:none}.staff-support-menu>summary::after{content:'▾';margin-left:auto;color:#7f897f} .staff-support-menu:not([open])>summary::after{content:'▸'} .staff-support-menu-body{display:grid;gap:7px;padding:8px;border-top:1px solid #29322b} .staff-support-menu form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;width:100%!important} .staff-support-menu form input:not([type=hidden]){width:100%!important;min-width:0!important} .staff-banish-card{grid-column:1/-1;border-color:#713b35!important;background:linear-gradient(180deg,#1a0e0d,#0d0908)!important} .staff-banish-card>header strong{color:#efa095!important}.staff-banish-warning{padding:8px;border:1px solid #5b302d;background:#160b0b;color:#d7aaa4;font-size:.62rem;line-height:1.4} .staff-banish-card form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;align-items:end!important}.staff-banish-card form>*{min-width:0!important}.staff-banish-card button{min-width:130px!important} @media(max-width:720px){ .realm-settings-actions{grid-template-columns:1fr!important} .realm-connection-row{grid-template-columns:78px minmax(0,1fr) 70px!important} .staff-banish-card form{grid-template-columns:1fr!important}.staff-banish-card form>*{grid-column:auto!important} } .crafting-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important} /* R10 Progression → Adventures → Commissions */ .commission-pane{display:grid;gap:12px}.commission-pane[hidden]{display:none!important}.commission-list{display:grid;gap:10px}.commission-card{display:grid;gap:9px;padding:12px;border:1px solid #2b3a31;background:#0c120e;border-radius:7px}.commission-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.commission-card>header>div{display:grid;gap:3px;min-width:0}.commission-card>header span,.commission-progress span,.commission-reward span{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:#8e9b91}.commission-card>header strong,.commission-progress strong,.commission-reward strong{overflow-wrap:anywhere}.commission-progress,.commission-reward{display:grid;grid-template-columns:minmax(72px,max-content) minmax(0,1fr);align-items:start;gap:10px}.commission-card p{margin:0;line-height:1.5;color:#b9c1ba}.commission-card.completed{border-color:#52634a}.commission-card.expired{opacity:.72}.commission-card .work-order-action{margin-top:2px} /* Phase 22 R14g — desktop viewport bottom-sheet interaction closure. The scrim and sheet share the Realm stacking context so the sheet remains sharp and interactive. Desktop tools still rise from the actual browser bottom edge; mobile remains untouched. */ @keyframes wr-desktop-drawer-enter{from{opacity:.18}to{opacity:1}} @keyframes wr-desktop-backdrop-enter{from{opacity:0}to{opacity:1}} @media(min-width:0px){ html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop{ position:fixed!important;inset:0!important;z-index:76!important;background:rgba(0,0,0,.52)!important;backdrop-filter:none!important;filter:none!important;pointer-events:auto!important;animation:wr-desktop-backdrop-enter .14s ease-out both;cursor:pointer; } html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop[hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]{ position:fixed!important; z-index:78!important; min-width:0!important; max-width:none!important; min-height:0!important; max-height:none!important; margin:0!important; resize:none!important; overflow:hidden!important; border:1px solid #5d5a42!important; border-bottom:0!important; border-radius:16px 16px 0 0!important; background:linear-gradient(180deg,#121813 0,#090d0a 18%,#070a08 100%)!important; box-shadow:0 -24px 64px #000e,0 0 0 1px #d8c4770b!important; animation:wr-desktop-drawer-enter .19s cubic-bezier(.2,.78,.22,1) both; transform:translateX(-50%); pointer-events:auto!important;filter:none!important;backdrop-filter:none!important; } html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header{ position:relative!important; min-height:50px!important; padding:15px 12px 8px!important; border-bottom:1px solid #343a34!important; background:linear-gradient(180deg,#181e19,#101510)!important; cursor:default!important; touch-action:auto!important; } html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header::before{ content:"";position:absolute;top:6px;left:50%;width:54px;height:4px;transform:translateX(-50%);border-radius:999px;background:#636c63;box-shadow:0 1px 0 #0009; } html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header span{color:#a98245!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header strong{color:#ead18a!important;font-size:.9rem!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-body,html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.crafting-window-body{ min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-width:thin!important; } html:not([data-presentation-shell="mobile"]) .desktop-drawer-actions{display:flex;align-items:center;gap:5px;margin-left:auto} html:not([data-presentation-shell="mobile"]) .desktop-drawer-size-toggle{ display:grid!important;place-items:center!important;width:31px!important;min-width:31px!important;height:29px!important;min-height:29px!important;padding:0!important;border:1px solid #4a534b!important;border-radius:6px!important;background:#0d120f!important;color:#c5c8c1!important;font-size:.8rem!important;line-height:1!important; } html:not([data-presentation-shell="mobile"]) .desktop-drawer-size-toggle:hover{border-color:#7b7653!important;color:#efd486!important;background:#141a15!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header>[data-tool-close]{margin-left:0!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer-size="compact"] .personal-tool-body{padding-top:8px!important} html:not([data-presentation-shell="mobile"]) #progression-panel[data-desktop-drawer="1"],html:not([data-presentation-shell="mobile"]) #reference-panel[data-desktop-drawer="1"]{border-color:#6a6042!important} html:not([data-presentation-shell="mobile"]) #trade-window[data-desktop-drawer="1"] .market-create-stack{grid-template-columns:1fr!important} } @media(min-width:1180px){ html:not([data-presentation-shell="mobile"]) #trade-window[data-desktop-drawer="1"] .market-create-stack{grid-template-columns:1fr 1fr!important} } /* Phase 22 R14h — Wyverns Reach Workspace System prototype. Desktop-only information architecture pass: full-first viewport sheets, three snap heights, reusable summary/filter/master-detail/task-flow patterns, and representative redesigns for Inventory, Crafting, Guild and Progression. Mobile remains governed by mobile.css. */ @media(min-width:0px){ html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop{ transition:background .16s ease,opacity .16s ease!important; } html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop[data-desktop-sheet-size="full"]{background:rgba(0,0,0,.56)!important;pointer-events:auto!important} html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop[data-desktop-sheet-size="working"]{background:rgba(0,0,0,.34)!important;pointer-events:auto!important} html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop[data-desktop-sheet-size="peek"]{background:rgba(0,0,0,0)!important;pointer-events:none!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]{ border-color:#625b3e!important;border-radius:18px 18px 0 0!important; background:linear-gradient(180deg,#141a15 0,#0a0f0b 16%,#070a08 100%)!important; box-shadow:0 -26px 70px #000d,0 0 0 1px #d7bf6612!important; transition:height .18s cubic-bezier(.2,.8,.2,1),width .18s ease!important; } html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer-dragging="1"]{transition:none!important;user-select:none!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header{ min-height:58px!important;padding:22px 16px 10px!important;background:linear-gradient(180deg,#192019,#111611)!important;border-bottom:1px solid #30372f!important; } html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header::before{display:none!important} html:not([data-presentation-shell="mobile"]) .desktop-drawer-grip{ position:absolute!important;top:2px!important;left:50%!important;z-index:3!important;width:92px!important;height:18px!important;min-width:92px!important;min-height:18px!important;transform:translateX(-50%)!important;padding:0!important;border:0!important;background:transparent!important;cursor:ns-resize!important;touch-action:none!important; } html:not([data-presentation-shell="mobile"]) .desktop-drawer-grip::before{ content:"";position:absolute;left:50%;top:6px;width:62px;height:4px;transform:translateX(-50%);border-radius:999px;background:#687168;box-shadow:0 1px 0 #000b; } html:not([data-presentation-shell="mobile"]) .desktop-drawer-grip:hover::before{background:#b29d5a} html:not([data-presentation-shell="mobile"]) .desktop-drawer-actions{gap:7px!important} html:not([data-presentation-shell="mobile"]) .desktop-drawer-size-toggle{width:34px!important;height:31px!important;border-radius:7px!important;font-size:1rem!important} html:not([data-presentation-shell="mobile"]) .desktop-drawer-peek-summary{display:none} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer-size="peek"]{min-height:104px!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer-size="peek"]>:not(.personal-tool-header):not(.desktop-drawer-peek-summary){display:none!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer-size="peek"]>.desktop-drawer-peek-summary{ display:flex;align-items:center;justify-content:space-between;gap:16px;height:44px;padding:0 16px;border-top:1px solid #1e251f;background:#0a0e0b;color:#89938b; } html:not([data-presentation-shell="mobile"]) .desktop-drawer-peek-summary>div{display:flex;align-items:center;gap:10px;min-width:0}html:not([data-presentation-shell="mobile"]) .desktop-drawer-peek-summary span{color:#d9c16b;font-weight:800}html:not([data-presentation-shell="mobile"]) .desktop-drawer-peek-summary strong{color:#d6dbd5;font-weight:700}html:not([data-presentation-shell="mobile"]) .desktop-drawer-peek-summary small{color:#778078;white-space:nowrap} /* Shared workspace primitives */ html:not([data-presentation-shell="mobile"]) .wr-workspace-tool>.personal-tool-body,html:not([data-presentation-shell="mobile"]) .crafting-window.wr-workspace-tool>.crafting-window-body{padding:12px 14px 16px!important} html:not([data-presentation-shell="mobile"]) .wr-workspace{display:grid;align-content:start;gap:10px;min-height:100%;color:#c7cdc7} html:not([data-presentation-shell="mobile"]) .wr-workspace-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:7px;padding:0;background:transparent} html:not([data-presentation-shell="mobile"]) .wr-workspace-summary>span{display:grid;gap:2px;min-width:0;padding:10px 12px;border:1px solid #2c342e;border-radius:8px;background:linear-gradient(180deg,#101611,#0b100c)} html:not([data-presentation-shell="mobile"]) .wr-workspace-summary b{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#e4d18c;font-size:.86rem;line-height:1.2;white-space:nowrap} html:not([data-presentation-shell="mobile"]) .wr-workspace-summary small{color:#78847b;font-size:.56rem;letter-spacing:.08em;text-transform:uppercase} html:not([data-presentation-shell="mobile"]) .wr-segment-nav{display:grid;gap:0;border:1px solid #2b332c!important;border-radius:8px!important;overflow:hidden;background:#0a0f0b!important} html:not([data-presentation-shell="mobile"]) .wr-segment-nav button{border:0!important;border-right:1px solid #29312a!important;border-radius:0!important;background:#0c110d!important;color:#9aa49c!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .wr-segment-nav button:last-child{border-right:0!important} html:not([data-presentation-shell="mobile"]) .wr-segment-nav button:hover{background:#121914!important;color:#d8ddd7!important} html:not([data-presentation-shell="mobile"]) .wr-segment-nav button.active{background:linear-gradient(180deg,#18231a,#111811)!important;color:#f1d978!important;box-shadow:inset 0 -2px #8ba769!important} html:not([data-presentation-shell="mobile"]) .wr-segment-nav button>span{display:block;font-weight:800}html:not([data-presentation-shell="mobile"]) .wr-segment-nav button>small{display:block;margin-top:2px;color:#768079;font-size:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em} html:not([data-presentation-shell="mobile"]) .wr-workspace-context{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:4px 2px 2px!important;border:0!important;background:transparent!important} html:not([data-presentation-shell="mobile"]) .wr-workspace-context>div{display:grid;gap:2px}html:not([data-presentation-shell="mobile"]) .wr-workspace-context strong{color:#e5d795!important;font-size:.82rem!important}html:not([data-presentation-shell="mobile"]) .wr-workspace-context span,html:not([data-presentation-shell="mobile"]) .wr-workspace-context p,html:not([data-presentation-shell="mobile"]) .wr-workspace-context small{color:#7f8a82!important;font-size:.58rem!important;line-height:1.4!important}html:not([data-presentation-shell="mobile"]) .wr-workspace-context p{max-width:560px;margin:0!important;text-align:right} html:not([data-presentation-shell="mobile"]) .wr-filter-bar{display:grid!important;grid-template-columns:minmax(280px,1.7fr) minmax(160px,.7fr) auto!important;gap:7px!important;align-items:end!important;padding:8px!important;border:1px solid #29312b!important;border-radius:8px!important;background:#0b100c!important} html:not([data-presentation-shell="mobile"]) .wr-filter-bar label{display:grid;gap:4px;min-width:0}html:not([data-presentation-shell="mobile"]) .wr-filter-bar label>span{color:#727d75!important;font-size:.53rem!important;letter-spacing:.07em!important;text-transform:uppercase!important}html:not([data-presentation-shell="mobile"]) .wr-filter-bar :is(input,select){height:36px!important;min-height:36px!important;border-color:#343d36!important;background:#101511!important} html:not([data-presentation-shell="mobile"]) .wr-filter-chips{display:flex!important;gap:5px!important;width:auto!important}html:not([data-presentation-shell="mobile"]) .wr-filter-chips button{height:36px!important;min-width:84px!important;padding:0 10px!important;border:1px solid #343d36!important;border-radius:7px!important;background:#101511!important}html:not([data-presentation-shell="mobile"]) .wr-filter-chips button.active{border-color:#6e8150!important;color:#e7d274!important;background:#172019!important} html:not([data-presentation-shell="mobile"]) .wr-master-detail{display:grid!important;grid-template-columns:minmax(320px,.78fr) minmax(520px,1.22fr)!important;gap:10px!important;min-height:0!important;align-items:stretch!important} html:not([data-presentation-shell="mobile"]) .wr-master-pane,html:not([data-presentation-shell="mobile"]) .wr-detail-pane{min-width:0!important;border:1px solid #29312b!important;border-radius:9px!important;background:#090d0a!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-detail-pane{background:linear-gradient(180deg,#0d130e,#080c09)!important} html:not([data-presentation-shell="mobile"]) .wr-sticky-actions{position:sticky;bottom:0;z-index:4;margin-top:auto!important;padding:9px!important;border-top:1px solid #333b34!important;background:linear-gradient(180deg,#0c110dec,#0a0f0b 28%)!important;backdrop-filter:none!important} html:not([data-presentation-shell="mobile"]) .wr-help-note,html:not([data-presentation-shell="mobile"]) .craft-reference-drawer,html:not([data-presentation-shell="mobile"]) .guild-overview-settings{border:1px solid #29312b;border-radius:8px;background:#0a0f0b}html:not([data-presentation-shell="mobile"]) .wr-help-note>summary,html:not([data-presentation-shell="mobile"]) .craft-reference-drawer>summary,html:not([data-presentation-shell="mobile"]) .guild-overview-settings>summary{padding:9px 11px;cursor:pointer;color:#aab2ab;font-size:.62rem;font-weight:800}html:not([data-presentation-shell="mobile"]) .wr-help-note>p{margin:0;padding:0 11px 10px;color:#7c867e;font-size:.58rem} /* Inventory — scan first, inspect second. */ html:not([data-presentation-shell="mobile"]) #inventory-panel .personal-tool-body{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-inventory-workspace{grid-template-rows:auto auto auto auto minmax(0,1fr);height:100%} html:not([data-presentation-shell="mobile"]) .inventory-category-nav{grid-template-columns:repeat(8,minmax(0,1fr))!important;margin:0!important} html:not([data-presentation-shell="mobile"]) .inventory-category-nav button{min-height:38px!important;padding:7px 8px!important;font-size:.63rem!important} html:not([data-presentation-shell="mobile"]) .inventory-context-head{margin:0!important}html:not([data-presentation-shell="mobile"]) .inventory-context-head>div{display:grid;gap:2px} html:not([data-presentation-shell="mobile"]) .inventory-browser-toolbar{margin:0!important} html:not([data-presentation-shell="mobile"]) .inventory-item-browser{height:100%!important;min-height:0!important;margin:0!important} html:not([data-presentation-shell="mobile"]) .inventory-browser-list{height:100%!important;max-height:none!important;padding:6px!important;overflow:auto!important;background:#090d0a!important} html:not([data-presentation-shell="mobile"]) .inventory-browser-card{margin:0 0 5px!important;padding:9px 10px!important;border:1px solid transparent!important;border-bottom-color:#202821!important;border-radius:7px!important;background:#0b100c!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .inventory-browser-card:hover{border-color:#3b493d!important;background:#101711!important}html:not([data-presentation-shell="mobile"]) .inventory-browser-card.active,html:not([data-presentation-shell="mobile"]) .inventory-browser-card[aria-selected="true"]{border-color:#566d4d!important;background:linear-gradient(90deg,#132017,#0d140f)!important;box-shadow:inset 3px 0 #9db66b!important} html:not([data-presentation-shell="mobile"]) .inventory-inspector{height:100%!important;max-height:none!important;padding:12px!important;overflow:auto!important;border:0!important} html:not([data-presentation-shell="mobile"]) .inventory-inspector :is(.inventory-examine-panel,.inventory-equip-requirements,.inventory-compare-panel){border-radius:7px!important;border-color:#2c352e!important;background:#0b100c!important} html:not([data-presentation-shell="mobile"]) .unified-inventory-actions{display:flex!important;justify-content:flex-end!important;gap:7px!important}html:not([data-presentation-shell="mobile"]) .unified-inventory-actions button:not(.secondary),html:not([data-presentation-shell="mobile"]) .inventory-equip-confirm{background:#4d3c12!important;border-color:#9b7930!important;color:#f6df8a!important;font-weight:800!important} html:not([data-presentation-shell="mobile"]) .inventory-ledger-view{height:100%;overflow:auto} /* Crafting — explicit task flow instead of a form wall. */ html:not([data-presentation-shell="mobile"]) #crafting-window>.crafting-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0 14px!important;border:1px solid #2b332c!important;border-radius:8px!important;overflow:hidden;background:#0a0f0b!important} html:not([data-presentation-shell="mobile"]) #crafting-window>.crafting-tabs button{min-height:39px!important;border:0!important;border-right:1px solid #29312a!important;background:#0c110d!important}html:not([data-presentation-shell="mobile"]) .crafting-tabs button:last-child{border-right:0!important}html:not([data-presentation-shell="mobile"]) .crafting-tabs button.active{background:#172019!important;color:#efd66f!important;box-shadow:inset 0 -2px #8ba769!important} html:not([data-presentation-shell="mobile"]) .crafting-window-body{padding-top:10px!important}html:not([data-presentation-shell="mobile"]) .wr-crafting-workspace{gap:10px} html:not([data-presentation-shell="mobile"]) .craft-pane-header{margin:0!important;padding:2px 2px 5px!important;border:0!important;background:transparent!important} html:not([data-presentation-shell="mobile"]) .embed-gems-workflow{grid-template-columns:minmax(260px,.7fr) minmax(520px,1.3fr)!important;gap:9px!important} html:not([data-presentation-shell="mobile"]) .embed-step{padding:11px!important;border:1px solid #2b342d!important;border-radius:9px!important;background:#0a0f0b!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .embed-step>header{border-bottom:0!important;padding:0 0 6px!important}html:not([data-presentation-shell="mobile"]) .embed-step>header>b{display:grid!important;background:#172019!important;border-color:#637251!important;color:#e5d577!important}html:not([data-presentation-shell="mobile"]) .embed-step>header strong{font-size:.73rem!important}html:not([data-presentation-shell="mobile"]) .embed-step>header span{font-size:.52rem!important} html:not([data-presentation-shell="mobile"]) .embed-target-toolbar{grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(130px,.65fr))!important;padding:0!important;border:0!important;background:transparent!important} html:not([data-presentation-shell="mobile"]) .embed-target-browser{max-height:330px!important;padding:3px!important;border:0!important;background:#070b08!important} html:not([data-presentation-shell="mobile"]) .embed-target-card{border:1px solid transparent!important;border-bottom-color:#222a24!important;border-radius:7px!important;background:#0b100c!important}html:not([data-presentation-shell="mobile"]) .embed-target-card:hover{border-color:#405044!important}html:not([data-presentation-shell="mobile"]) .embed-target-card.selected{border-color:#65794f!important;background:#122016!important;box-shadow:inset 3px 0 #91aa62!important} html:not([data-presentation-shell="mobile"]) .embed-result-step{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}html:not([data-presentation-shell="mobile"]) .embed-result-step>header{grid-column:1/-1}html:not([data-presentation-shell="mobile"]) .embed-result-step .crafting-preview{min-height:64px!important;text-align:left!important;padding:9px 12px!important}html:not([data-presentation-shell="mobile"]) .embed-result-step .crafting-actions{position:static!important;border:0!important;background:transparent!important;padding:0 10px!important} html:not([data-presentation-shell="mobile"]) .craft-command-bar>.craft-browser-toolbar{grid-template-columns:minmax(260px,1.3fr) repeat(4,minmax(120px,.55fr)) auto!important;margin:0!important;padding:8px!important;border:1px solid #29312b!important;border-radius:8px!important;background:#0b100c!important} html:not([data-presentation-shell="mobile"]) .craft-recipe-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important} html:not([data-presentation-shell="mobile"]) .craft-recipe-card{border:1px solid #273029!important;border-radius:8px!important;background:#0a0f0b!important;overflow:hidden}html:not([data-presentation-shell="mobile"]) .craft-recipe-card:has([data-craft-detail]:not([hidden])){grid-column:1/-1!important;border-color:#56664a!important;background:#0d140f!important}html:not([data-presentation-shell="mobile"]) .craft-recipe-card .craft-card-head{padding:9px 10px!important}html:not([data-presentation-shell="mobile"]) .craft-recipe-card .craft-card-body{padding:10px!important;border-top:1px solid #2a342c!important;background:#090d0a!important} html:not([data-presentation-shell="mobile"]) .craft-reference-drawer{margin-top:8px!important}html:not([data-presentation-shell="mobile"]) .craft-reference-drawer>.craft-reference-strip{padding:9px!important} html:not([data-presentation-shell="mobile"]) .upgrade-pane :is(.upgrade-browser-toolbar,.upgrade-reference-tools,.upgrade-target-card,.upgrade-readiness-card){border-radius:8px!important} /* Guild — command center + grouped navigation. */ html:not([data-presentation-shell="mobile"]) .wr-guild-workspace{gap:8px} html:not([data-presentation-shell="mobile"]) .guild-primary-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0!important}html:not([data-presentation-shell="mobile"]) .guild-primary-nav button{min-height:45px!important;padding:7px 9px!important} html:not([data-presentation-shell="mobile"]) .guild-secondary-nav{display:flex;gap:5px;padding:0 2px}html:not([data-presentation-shell="mobile"]) .guild-secondary-nav[hidden]{display:none!important}html:not([data-presentation-shell="mobile"]) .guild-secondary-nav button{min-width:116px;padding:7px 12px;border:1px solid #2c352e;border-radius:7px;background:#0a0f0b;color:#909a92}html:not([data-presentation-shell="mobile"]) .guild-secondary-nav button:hover{color:#d4dad4;border-color:#455347}html:not([data-presentation-shell="mobile"]) .guild-secondary-nav button.active{color:#efd66f;border-color:#6e7b52;background:#151d16} html:not([data-presentation-shell="mobile"]) .guild-tool-pane{padding:2px!important;border:0!important;background:transparent!important;overflow:auto!important}html:not([data-presentation-shell="mobile"]) .guild-tool-pane[hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .guild-command-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:10px;align-items:stretch}html:not([data-presentation-shell="mobile"]) .guild-command-hero>div,html:not([data-presentation-shell="mobile"]) .guild-command-hero>blockquote{margin:0;padding:13px 14px;border:1px solid #30392f;border-radius:9px;background:linear-gradient(135deg,#111a12,#0b100c)}html:not([data-presentation-shell="mobile"]) .guild-command-hero>div{display:grid;gap:3px}html:not([data-presentation-shell="mobile"]) .guild-command-hero>div>span,html:not([data-presentation-shell="mobile"]) .guild-command-hero blockquote span{color:#9f8246;font-size:.54rem;text-transform:uppercase;letter-spacing:.09em}html:not([data-presentation-shell="mobile"]) .guild-command-hero>div>strong{color:#ead690;font:700 1.08rem Georgia,serif}html:not([data-presentation-shell="mobile"]) .guild-command-hero>div>small{color:#8c978f}html:not([data-presentation-shell="mobile"]) .guild-command-hero>div>p{margin:4px 0 0;color:#a6aea7;line-height:1.4}html:not([data-presentation-shell="mobile"]) .guild-command-hero>blockquote{display:grid;gap:5px;align-content:center}html:not([data-presentation-shell="mobile"]) .guild-command-hero blockquote strong{color:#d8ddd7;font-size:.72rem;line-height:1.45} html:not([data-presentation-shell="mobile"]) .guild-command-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-top:8px} html:not([data-presentation-shell="mobile"]) .guild-command-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}html:not([data-presentation-shell="mobile"]) .guild-command-cards article{display:grid;gap:4px;padding:11px 12px;border:1px solid #2b342d;border-radius:8px;background:#0b100c}html:not([data-presentation-shell="mobile"]) .guild-command-cards span{color:#77837b;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em}html:not([data-presentation-shell="mobile"]) .guild-command-cards strong{color:#ddd6be;font-size:.69rem}html:not([data-presentation-shell="mobile"]) .guild-command-cards small{color:#7f8981;font-size:.56rem;line-height:1.35} html:not([data-presentation-shell="mobile"]) .guild-overview-settings{margin-top:8px}html:not([data-presentation-shell="mobile"]) .guild-overview-settings>.guild-admin-card{margin:0!important;border:0!important;border-top:1px solid #29312b!important;border-radius:0!important;background:#090d0a!important} html:not([data-presentation-shell="mobile"]) .guild-attention-card{margin-top:8px;padding:10px;border:1px solid #5b4d29;border-radius:8px;background:#141108}html:not([data-presentation-shell="mobile"]) .guild-attention-card>header span{color:#d2aa56;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em}html:not([data-presentation-shell="mobile"]) .guild-attention-card>header strong{display:block;color:#ead48b} html:not([data-presentation-shell="mobile"]) .guild-power-panel{margin-top:8px!important;border:1px solid #2b342d!important;border-radius:8px!important;background:#0a0f0b!important}html:not([data-presentation-shell="mobile"]) .guild-power-panel>summary{padding:10px 12px!important}html:not([data-presentation-shell="mobile"]) .guild-power-list{padding:0 9px 9px!important}html:not([data-presentation-shell="mobile"]) .guild-power-row{border:0!important;border-top:1px solid #252d27!important;background:transparent!important}html:not([data-presentation-shell="mobile"]) .guild-power-tier{border-radius:7px!important} html:not([data-presentation-shell="mobile"]) .guild-project-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}html:not([data-presentation-shell="mobile"]) .guild-project-card,html:not([data-presentation-shell="mobile"]) .guild-member-card,html:not([data-presentation-shell="mobile"]) .guild-admin-card,html:not([data-presentation-shell="mobile"]) .guild-need-row,html:not([data-presentation-shell="mobile"]) .guild-armory-row{border-radius:8px!important;border-color:#2b342d!important;background:#0a0f0b!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .guild-needs-list>.social-empty,html:not([data-presentation-shell="mobile"]) .guild-tool-pane>.social-empty{min-height:180px;display:grid;place-items:center;border:1px dashed #303830;border-radius:10px;background:#090d0a;color:#79837b} /* Progression — a path dashboard instead of a blank tab wall. */ html:not([data-presentation-shell="mobile"]) .wr-progression-workspace{gap:8px} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs{position:static!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:0!important;border-radius:8px!important}html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button{min-height:45px!important;padding:7px 8px!important}html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button>span{display:block;font-size:.66rem}html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button>small{display:block;margin-top:2px;color:#737e76;font-size:.49rem;text-transform:uppercase;letter-spacing:.07em} html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs{position:static!important;display:flex!important;width:max-content!important;max-width:100%!important;gap:5px!important;margin:0 2px!important;border:0!important;background:transparent!important}html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs[hidden]{display:none!important}html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs button{width:auto!important;min-width:118px!important;min-height:31px!important;border:1px solid #2d352f!important;border-radius:7px!important;background:#0a0f0b!important}html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs button.active{border-color:#6b7650!important;background:#151d16!important;color:#edd571!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .progression-pane{padding:2px!important}html:not([data-presentation-shell="mobile"]) .progression-overview-pane{gap:10px!important} html:not([data-presentation-shell="mobile"]) .progression-command-center{display:grid;gap:8px}html:not([data-presentation-shell="mobile"]) .progression-identity-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 15px;border:1px solid #3a3b2b;border-radius:10px;background:radial-gradient(circle at 82% 30%,#26331a 0,#121a11 28%,#0b100c 68%)}html:not([data-presentation-shell="mobile"]) .progression-identity-hero>div:first-child{display:grid;gap:3px}html:not([data-presentation-shell="mobile"]) .progression-identity-hero span{color:#a88542;font-size:.54rem;text-transform:uppercase;letter-spacing:.1em}html:not([data-presentation-shell="mobile"]) .progression-identity-hero strong{color:#f0d985;font:700 1.15rem Georgia,serif}html:not([data-presentation-shell="mobile"]) .progression-identity-hero small{color:#909a91}html:not([data-presentation-shell="mobile"]) .progression-era-badge{display:grid;place-items:center;min-width:92px;padding:8px 14px;border:1px solid #64764d;border-radius:999px;background:#142018}html:not([data-presentation-shell="mobile"]) .progression-era-badge b{color:#e8d36f;font-size:1.05rem} html:not([data-presentation-shell="mobile"]) .progression-command-summary{grid-template-columns:repeat(5,minmax(0,1fr))!important}html:not([data-presentation-shell="mobile"]) .progression-command-summary b{font-size:.75rem!important} html:not([data-presentation-shell="mobile"]) .progression-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}html:not([data-presentation-shell="mobile"]) .progression-roadmap button{display:grid;gap:3px;min-height:84px;padding:11px 12px;text-align:left;border:1px solid #2e382f;border-radius:9px;background:#0b110c;color:#d3d9d3}html:not([data-presentation-shell="mobile"]) .progression-roadmap button:hover{border-color:#607252;background:#111b13}html:not([data-presentation-shell="mobile"]) .progression-roadmap span{color:#8c9a8e;font-size:.51rem;text-transform:uppercase;letter-spacing:.09em}html:not([data-presentation-shell="mobile"]) .progression-roadmap strong{color:#dfd4a8;font-size:.69rem}html:not([data-presentation-shell="mobile"]) .progression-roadmap small{color:#7e8980;font-size:.56rem;line-height:1.35} html:not([data-presentation-shell="mobile"]) .guided-progression{border:0!important;background:transparent!important}html:not([data-presentation-shell="mobile"]) .guided-progression>header{padding:3px 2px 6px!important;border:0!important;background:transparent!important}html:not([data-presentation-shell="mobile"]) .guided-progression-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}html:not([data-presentation-shell="mobile"]) .guided-progression-card{min-height:124px!important;padding:11px 12px!important;border:1px solid #2b342d!important;border-radius:9px!important;background:#0a0f0b!important}html:not([data-presentation-shell="mobile"]) .guided-progression-card:nth-child(n+4){min-height:106px!important}html:not([data-presentation-shell="mobile"]) .guided-progression-card p{color:#7d877f!important;font-size:.56rem!important;line-height:1.4!important}html:not([data-presentation-shell="mobile"]) .guided-progression-card strong{color:#d8d2b8!important;font-size:.68rem!important} html:not([data-presentation-shell="mobile"]) .progression-pane :is(.system-summary-card,.compact-system-card,.inventory-examine-panel){border-radius:8px!important;border-color:#2b342d!important;background:#0a0f0b!important;box-shadow:none!important} /* Shared reduction of "rectangle inside rectangle" visual noise in the representative workspaces. */ html:not([data-presentation-shell="mobile"]) :is(.wr-inventory-workspace,.wr-crafting-workspace,.wr-guild-workspace,.wr-progression-workspace) :is(.system-summary-card,.guild-admin-card,.compact-system-card,.inventory-examine-panel,.crafting-section,.crafting-ledger){box-shadow:none!important} html:not([data-presentation-shell="mobile"]) :is(.wr-inventory-workspace,.wr-crafting-workspace,.wr-guild-workspace,.wr-progression-workspace) button{transition:border-color .12s ease,background .12s ease,color .12s ease,transform .08s ease} html:not([data-presentation-shell="mobile"]) :is(.wr-inventory-workspace,.wr-crafting-workspace,.wr-guild-workspace,.wr-progression-workspace) button:active{transform:translateY(1px)} } @media(min-width:0px) and (max-width:1320px){ html:not([data-presentation-shell="mobile"]) .wr-master-detail{grid-template-columns:minmax(300px,.9fr) minmax(430px,1.1fr)!important} html:not([data-presentation-shell="mobile"]) .guild-project-list{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .guild-command-summary,html:not([data-presentation-shell="mobile"]) .progression-command-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .progression-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))} } /* Phase 22 R14i — Workspace System completion. Desktop-only completion of the full-first bottom-sheet information architecture. Repairs Progression navigation and extends the same hierarchy to Loadout, Amulet, Trade/Market, Waypoints and Realm Reference while visually harmonizing service surfaces. */ @media(min-width:0px){ /* Hidden means hidden. Several legacy desktop rules used display:...!important; this is the final authority. */ html:not([data-presentation-shell="mobile"]) .wr-workspace [hidden],html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs[hidden],html:not([data-presentation-shell="mobile"]) .progression-pane[hidden],html:not([data-presentation-shell="mobile"]) .amulet-pane[hidden],html:not([data-presentation-shell="mobile"]) .trade-workspace-pane[hidden],html:not([data-presentation-shell="mobile"]) .reference-pane[hidden]{display:none!important} /* Final shared workspace rhythm. */ html:not([data-presentation-shell="mobile"]) .wr-workspace{height:100%;min-height:0;align-content:stretch!important} html:not([data-presentation-shell="mobile"]) .wr-workspace-tool>.personal-tool-body,html:not([data-presentation-shell="mobile"]) .crafting-window.wr-workspace-tool>.crafting-window-body{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) :is(.wr-loadout-workspace,.wr-amulet-workspace,.wr-trade-workspace,.wr-progression-workspace,.wr-reference-workspace){min-height:0} html:not([data-presentation-shell="mobile"]) .wr-workspace :is(input,select,textarea,button){font-size:max(.68rem,11px)} html:not([data-presentation-shell="mobile"]) .wr-empty-state{display:grid;place-items:center;align-content:center;gap:5px;min-height:150px;padding:24px;border:1px dashed #303a32;border-radius:10px;background:linear-gradient(180deg,#0b100c,#080b09);text-align:center;color:#7f8a82} html:not([data-presentation-shell="mobile"]) .wr-empty-state strong{color:#c8d0c9;font-size:.78rem}html:not([data-presentation-shell="mobile"]) .wr-empty-state span{max-width:520px;color:#758078;font-size:.62rem;line-height:1.45} html:not([data-presentation-shell="mobile"]) .wr-card-list{min-height:0} html:not([data-presentation-shell="mobile"]) details:is(.trade-action-drawer,.market-create-drawer,.wr-help-note)>summary{list-style:none} html:not([data-presentation-shell="mobile"]) details:is(.trade-action-drawer,.market-create-drawer,.wr-help-note)>summary::-webkit-details-marker{display:none} /* Progression — permanent map rail + one contextual branch at a time. */ html:not([data-presentation-shell="mobile"]) #progression-panel .personal-tool-body{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-progression-workspace{height:100%;min-height:0;display:block!important} html:not([data-presentation-shell="mobile"]) .progression-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:10px;height:100%;min-height:0} html:not([data-presentation-shell="mobile"]) .progression-rail{display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:9px;min-height:0;padding:10px;border:1px solid #2c352e;border-radius:10px;background:linear-gradient(180deg,#101711,#090d0a)} html:not([data-presentation-shell="mobile"]) .progression-rail-head{display:grid;gap:3px;padding:3px 3px 9px;border-bottom:1px solid #273028} html:not([data-presentation-shell="mobile"]) .progression-rail-head>span{color:#9a814b;font-size:.54rem;text-transform:uppercase;letter-spacing:.1em} html:not([data-presentation-shell="mobile"]) .progression-rail-head>strong{color:#ead58b;font:700 .86rem Georgia,serif;line-height:1.25} html:not([data-presentation-shell="mobile"]) .progression-rail-head>small{color:#79847c;font-size:.58rem;line-height:1.35} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs{position:static!important;display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;gap:5px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;min-height:54px!important;width:100%!important;padding:8px 10px!important;text-align:left!important;border:1px solid #2b342d!important;border-radius:8px!important;background:#0b100c!important;color:#a8b1aa!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button:hover{border-color:#475349!important;background:#111813!important} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button.active{border-color:#6f7950!important;background:linear-gradient(90deg,#18231a,#101711)!important;box-shadow:inset 3px 0 #9bab64!important} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button>b{display:block;color:#d7ddd7;font-size:.72rem;line-height:1.2} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button.active>b{color:#f0d775} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs button>span{display:block!important;margin:0!important;color:#748078!important;font-size:.55rem!important;font-weight:600!important;line-height:1.25!important;text-transform:none!important;letter-spacing:0!important} html:not([data-presentation-shell="mobile"]) .progression-rail-note{align-self:end;display:grid;gap:4px;padding:10px;border-top:1px solid #273028;color:#717c74;font-size:.56rem;line-height:1.4} html:not([data-presentation-shell="mobile"]) .progression-rail-note strong{color:#aeb6af;font-size:.62rem} html:not([data-presentation-shell="mobile"]) .progression-stage{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;min-width:0;min-height:0;padding:10px;border:1px solid #2b342d;border-radius:10px;background:#080c09;overflow:hidden} html:not([data-presentation-shell="mobile"]) .progression-stage-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:2px 2px 8px;border-bottom:1px solid #273028} html:not([data-presentation-shell="mobile"]) .progression-stage-head>div{display:grid;gap:2px}html:not([data-presentation-shell="mobile"]) .progression-stage-head span{color:#8e7748;font-size:.52rem;text-transform:uppercase;letter-spacing:.1em}html:not([data-presentation-shell="mobile"]) .progression-stage-head strong{color:#e5d794;font:700 .88rem Georgia,serif}html:not([data-presentation-shell="mobile"]) .progression-stage-head>small{max-width:470px;color:#748078;font-size:.57rem;line-height:1.4;text-align:right} html:not([data-presentation-shell="mobile"]) .progression-subnav-stack{min-height:0} html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important} html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs[hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs button{width:auto!important;min-width:116px!important;min-height:34px!important;padding:0 11px!important;border:1px solid #303a32!important;border-radius:7px!important;background:#0d130e!important;color:#8f9a92!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs button:hover{border-color:#4a584c!important;color:#d5dbd5!important} html:not([data-presentation-shell="mobile"]) .progression-secondary-tabs button.active{border-color:#708151!important;background:#172019!important;color:#efd674!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .progression-stage-body{min-height:0;overflow:hidden} html:not([data-presentation-shell="mobile"]) .progression-pane{height:100%;min-height:0;overflow:auto!important;padding:2px 4px 12px 2px!important;scrollbar-width:thin} html:not([data-presentation-shell="mobile"]) .progression-overview-pane{display:grid;align-content:start;gap:10px} html:not([data-presentation-shell="mobile"]) .progression-command-center{min-height:0} /* Loadout — saved sets are navigation; management is secondary. */ html:not([data-presentation-shell="mobile"]) #loadout-panel .personal-tool-body{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-loadout-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);gap:9px;height:100%;min-height:0} html:not([data-presentation-shell="mobile"]) .loadout-workspace-grid{grid-template-columns:minmax(275px,.65fr) minmax(0,1.35fr)!important;height:100%;min-height:0} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane,html:not([data-presentation-shell="mobile"]) .current-loadout-pane{display:flex;flex-direction:column;min-height:0;padding:10px!important;overflow:auto!important;scrollbar-width:thin} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane>.wr-workspace-context,html:not([data-presentation-shell="mobile"]) .current-loadout-pane>.wr-workspace-context{flex:0 0 auto;padding-bottom:8px!important;border-bottom:1px solid #273028!important} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane .saved-loadout-grid{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:8px 0!important} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane .saved-loadout-card button{min-height:50px!important;border-radius:8px!important;padding:7px 10px!important;background:#0d130e!important} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane .saved-loadout-card.status-active button{border-color:#63804f!important;background:#172219!important} html:not([data-presentation-shell="mobile"]) .current-loadout-pane .loadout-slot-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important} html:not([data-presentation-shell="mobile"]) .current-loadout-pane .loadout-slot-card{min-height:76px!important;padding:8px!important;border-radius:8px!important;border-color:#2c352e!important;background:#0c110d!important} /* Evolving Amulet — dashboard first, feed as an intentional task. */ html:not([data-presentation-shell="mobile"]) #amulet-panel .personal-tool-body{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-amulet-workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:9px;height:100%;min-height:0} html:not([data-presentation-shell="mobile"]) .amulet-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;margin:0!important;border-radius:8px!important} html:not([data-presentation-shell="mobile"]) .amulet-pane{min-height:0!important;overflow:auto!important;padding:2px 3px 12px 1px!important;scrollbar-width:thin} html:not([data-presentation-shell="mobile"]) .amulet-hero{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr)!important;gap:10px!important;padding:14px!important;border-radius:10px!important;border-color:#4a432e!important;background:radial-gradient(circle at 82% 20%,#28331a 0,#141a10 30%,#0b100c 68%)!important} html:not([data-presentation-shell="mobile"]) .amulet-hero>div{align-content:center}html:not([data-presentation-shell="mobile"]) .amulet-hero strong{font:700 1.02rem Georgia,serif!important}html:not([data-presentation-shell="mobile"]) .amulet-hero small{text-align:left!important;max-width:620px!important;font-size:.62rem!important}html:not([data-presentation-shell="mobile"]) .amulet-resonance-callout{padding:9px 12px;border-left:2px solid #8c9b57;background:#0d140d} html:not([data-presentation-shell="mobile"]) .amulet-effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important}html:not([data-presentation-shell="mobile"]) .amulet-effect-card{border-radius:8px!important;border-color:#2c352e!important;overflow:hidden}html:not([data-presentation-shell="mobile"]) .amulet-effect-card>header{padding:8px 10px!important}html:not([data-presentation-shell="mobile"]) .amulet-effect-row{border-color:#222a24!important} html:not([data-presentation-shell="mobile"]) .amulet-feed-pane{display:grid;align-content:start;gap:9px} html:not([data-presentation-shell="mobile"]) .amulet-feed-flow{display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr) minmax(220px,.62fr)!important;gap:8px!important;align-items:stretch!important} html:not([data-presentation-shell="mobile"]) .amulet-feed-step{display:grid;align-content:start;gap:7px;padding:12px!important;border:1px solid #2d362f!important;border-radius:9px!important;background:#0a0f0b!important}html:not([data-presentation-shell="mobile"]) .amulet-feed-step>header{display:flex;align-items:center;gap:8px}html:not([data-presentation-shell="mobile"]) .amulet-feed-step>header b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #65754e;border-radius:50%;color:#e4cf70;font-size:.6rem}html:not([data-presentation-shell="mobile"]) .amulet-feed-step>header strong{color:#d7ddd7;font-size:.68rem} html:not([data-presentation-shell="mobile"]) .amulet-feed-step.commit{background:linear-gradient(180deg,#11170f,#0b0f0a)!important}html:not([data-presentation-shell="mobile"]) .amulet-feed-step.commit button{min-height:38px;background:#241b09!important;border-color:#755c28!important;color:#f0d16d!important} html:not([data-presentation-shell="mobile"]) .amulet-history-list{display:grid;gap:5px}html:not([data-presentation-shell="mobile"]) .amulet-history-row{border-radius:7px!important;background:#0a0f0b!important} /* Trade and Market — choose an action, then work; builders are not permanent furniture. */ html:not([data-presentation-shell="mobile"]) #trade-window .personal-tool-body{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-trade-workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:9px;height:100%;min-height:0} html:not([data-presentation-shell="mobile"]) .trade-workspace-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important;border-radius:8px!important} html:not([data-presentation-shell="mobile"]) .trade-workspace-pane{min-height:0;overflow:auto!important;padding:1px 3px 10px 1px;scrollbar-width:thin} html:not([data-presentation-shell="mobile"]) .trade-direct-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:start} html:not([data-presentation-shell="mobile"]) .trade-action-drawer,html:not([data-presentation-shell="mobile"]) .market-create-drawer{border:1px solid #2d362f;border-radius:9px;background:#0a0f0b;overflow:hidden} html:not([data-presentation-shell="mobile"]) .trade-action-drawer>summary,html:not([data-presentation-shell="mobile"]) .market-create-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;background:#0d130e}html:not([data-presentation-shell="mobile"]) .trade-action-drawer>summary>div,html:not([data-presentation-shell="mobile"]) .market-create-drawer>summary>div{display:grid;gap:2px}html:not([data-presentation-shell="mobile"]) .trade-action-drawer>summary span,html:not([data-presentation-shell="mobile"]) .market-create-drawer>summary span{color:#7d887f;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em}html:not([data-presentation-shell="mobile"]) .trade-action-drawer>summary strong,html:not([data-presentation-shell="mobile"]) .market-create-drawer>summary strong{color:#d9d2ad;font-size:.7rem}html:not([data-presentation-shell="mobile"]) .trade-action-drawer>summary small,html:not([data-presentation-shell="mobile"]) .market-create-drawer>summary small{color:#727d75;font-size:.56rem}html:not([data-presentation-shell="mobile"]) .trade-action-drawer[open]>summary,html:not([data-presentation-shell="mobile"]) .market-create-drawer[open]>summary{border-bottom:1px solid #29312b;background:#111813}html:not([data-presentation-shell="mobile"]) .trade-action-drawer[open]>summary strong,html:not([data-presentation-shell="mobile"]) .market-create-drawer[open]>summary strong{color:#ecd474} html:not([data-presentation-shell="mobile"]) .trade-action-drawer .trade-transaction-card{border:0!important;border-radius:0!important;background:#080c09!important}html:not([data-presentation-shell="mobile"]) .trade-action-drawer .trade-transaction-head{display:none!important} html:not([data-presentation-shell="mobile"]) .trade-offer-section,html:not([data-presentation-shell="mobile"]) .my-market-section{margin-top:8px;border-radius:9px!important;overflow:hidden} html:not([data-presentation-shell="mobile"]) .market-create-drawer{margin-bottom:8px}html:not([data-presentation-shell="mobile"]) .market-create-stack{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:9px!important;background:#080c09} html:not([data-presentation-shell="mobile"]) .market-create-form{border-radius:8px!important;border-color:#2c352e!important;background:#0b100c!important} html:not([data-presentation-shell="mobile"]) .market-toolbar,html:not([data-presentation-shell="mobile"]) .my-market-toolbar{position:sticky;top:0;z-index:3;padding:8px!important;border:1px solid #29312b!important;border-radius:8px!important;background:#0b100cf2!important} html:not([data-presentation-shell="mobile"]) .market-listing-stream{margin-top:7px;border-radius:8px!important}html:not([data-presentation-shell="mobile"]) .market-listing-card{border-color:#252e27!important}html:not([data-presentation-shell="mobile"]) .market-listing-card:hover{background:#0e1510!important} /* Waypoints — search/favorites first; grid only expands on the dedicated drawer surface. */ html:not([data-presentation-shell="mobile"]) #waypoints-window .personal-tool-body{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-expanded-surface{height:100%;min-height:0} html:not([data-presentation-shell="mobile"]) #waypoints-window .wr-waypoints-workspace{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:8px;height:100%;min-height:0} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-coordinate{margin:0!important;border-radius:8px!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-filter-bar{grid-template-columns:minmax(270px,1.35fr) auto minmax(190px,.65fr)!important;margin:0!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;min-height:0;overflow:auto!important;align-content:start;padding-right:3px;scrollbar-width:thin} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-card{min-height:70px;border-radius:8px!important;border-color:#2d362f!important;background:#0a0f0b!important}html:not([data-presentation-shell="mobile"]) .waypoint-card.current{border-color:#61724c!important;background:#111a12!important}html:not([data-presentation-shell="mobile"]) .waypoint-card.favorite{box-shadow:inset 3px 0 #8c7a3d} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-card button{min-width:74px} /* Realm Reference — encyclopedia navigation, not another horizontal tab wall. */ html:not([data-presentation-shell="mobile"]) #reference-panel .personal-tool-body{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-reference-workspace{height:100%;min-height:0;display:block!important} html:not([data-presentation-shell="mobile"]) .reference-workspace-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:10px;height:100%;min-height:0} html:not([data-presentation-shell="mobile"]) .reference-workspace-rail{display:grid;grid-template-rows:auto minmax(0,1fr);gap:9px;min-height:0;padding:10px;border:1px solid #2c352e;border-radius:10px;background:linear-gradient(180deg,#101611,#090d0a)} html:not([data-presentation-shell="mobile"]) .reference-workspace-rail .wr-workspace-context{display:grid!important;gap:3px!important;align-items:start!important;padding:2px 2px 8px!important;border-bottom:1px solid #273028!important}html:not([data-presentation-shell="mobile"]) .reference-workspace-rail .wr-workspace-context small{font-size:.55rem!important} html:not([data-presentation-shell="mobile"]) .reference-tabs{position:static!important;display:grid!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;align-content:start;gap:5px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important} html:not([data-presentation-shell="mobile"]) .reference-tabs button{height:38px!important;width:100%!important;padding:0 10px!important;text-align:left!important;border:1px solid #2d362f!important;border-radius:7px!important;background:#0c110d!important;color:#98a29a!important;box-shadow:none!important}html:not([data-presentation-shell="mobile"]) .reference-tabs button:hover{border-color:#465448!important;color:#d4dad4!important}html:not([data-presentation-shell="mobile"]) .reference-tabs button.active{border-color:#6b7c50!important;background:#172019!important;color:#efd675!important;box-shadow:inset 3px 0 #91a55d!important} html:not([data-presentation-shell="mobile"]) .reference-workspace-stage{min-width:0;min-height:0;padding:10px;border:1px solid #2b342d;border-radius:10px;background:#080c09;overflow:hidden} html:not([data-presentation-shell="mobile"]) .reference-pane{height:100%;min-height:0;overflow:auto!important;padding:1px 4px 10px 1px;scrollbar-width:thin} html:not([data-presentation-shell="mobile"]) .manual-section{border-radius:8px!important;border-color:#29312b!important;background:#0a0f0b!important;padding:10px 11px!important}html:not([data-presentation-shell="mobile"]) .manual-section h4{font-size:.72rem!important}html:not([data-presentation-shell="mobile"]) .manual-section p{font-size:.64rem!important} /* Location/institution services use the same visual language without changing their gameplay contracts. */ html:not([data-presentation-shell="mobile"]) .classic-center>.location-service{border-radius:10px!important;border-color:#39392e!important;background:linear-gradient(180deg,#111612,#090d0a)!important;box-shadow:0 12px 38px #0009!important} html:not([data-presentation-shell="mobile"]) .location-service>header{padding:11px 14px 9px!important;background:linear-gradient(180deg,#171c17,#101410)!important}html:not([data-presentation-shell="mobile"]) .location-service h2{font-size:1.08rem!important}html:not([data-presentation-shell="mobile"]) .location-service>header p{color:#858e87!important;font-size:.68rem!important} html:not([data-presentation-shell="mobile"]) .special-location-scroll{padding:10px 12px 18px!important} html:not([data-presentation-shell="mobile"]) .merchant-mode-tabs,html:not([data-presentation-shell="mobile"]) .arcanium-tabs{border-radius:8px!important;overflow:hidden!important;margin-bottom:8px!important} html:not([data-presentation-shell="mobile"]) .catalog-filterbar{padding:8px;margin-bottom:8px;border:1px solid #29312b;border-radius:8px;background:#0a0f0b} html:not([data-presentation-shell="mobile"]) .merchant-card{border-radius:8px!important;border-color:#2c352e!important;background:#0a0f0b!important}html:not([data-presentation-shell="mobile"]) .merchant-card:hover{border-color:#465448!important;background:#0e1510!important} html:not([data-presentation-shell="mobile"]) .bank-balance-grid>div,html:not([data-presentation-shell="mobile"]) .arcanium-foundation-grid section,html:not([data-presentation-shell="mobile"]) .arcanium-grid>section{border-radius:8px!important;border-color:#30362f!important;background:#0a0f0b!important} html:not([data-presentation-shell="mobile"]) .service-note,html:not([data-presentation-shell="mobile"]) .service-context-hint{border-radius:8px!important} /* Universal action hierarchy across completed workspace tools. */ html:not([data-presentation-shell="mobile"]) :is(.wr-loadout-workspace,.wr-amulet-workspace,.wr-trade-workspace,.wr-waypoints-workspace,.wr-reference-workspace,.wr-progression-workspace) button{transition:border-color .12s ease,background .12s ease,color .12s ease,transform .08s ease} html:not([data-presentation-shell="mobile"]) :is(.wr-loadout-workspace,.wr-amulet-workspace,.wr-trade-workspace,.wr-waypoints-workspace,.wr-reference-workspace,.wr-progression-workspace) button:active{transform:translateY(1px)} } @media(min-width:0px) and (max-width:1320px){ html:not([data-presentation-shell="mobile"]) .progression-layout{grid-template-columns:210px minmax(0,1fr)} html:not([data-presentation-shell="mobile"]) .progression-stage-head>small{display:none} html:not([data-presentation-shell="mobile"]) .loadout-workspace-grid{grid-template-columns:260px minmax(0,1fr)!important} html:not([data-presentation-shell="mobile"]) .current-loadout-pane .loadout-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .amulet-feed-flow{grid-template-columns:1fr 1fr!important}html:not([data-presentation-shell="mobile"]) .amulet-feed-step.commit{grid-column:1/-1} html:not([data-presentation-shell="mobile"]) .trade-direct-grid{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-grid{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .reference-workspace-layout{grid-template-columns:190px minmax(0,1fr)} } @media(min-width:0px){ html:not([data-presentation-shell="mobile"]) .amulet-feed-workspace{display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr) minmax(220px,.62fr)!important;gap:8px!important;align-items:stretch!important} html:not([data-presentation-shell="mobile"]) .amulet-feed-commit{background:linear-gradient(180deg,#11170f,#0b0f0a)!important} html:not([data-presentation-shell="mobile"]) .amulet-feed-commit>.amulet-feed-button{min-height:38px;background:#241b09!important;border-color:#755c28!important;color:#f0d16d!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-card.current-realm{border-color:#61724c!important;background:#111a12!important} } @media(min-width:0px) and (max-width:1320px){ html:not([data-presentation-shell="mobile"]) .amulet-feed-workspace{grid-template-columns:1fr 1fr!important} html:not([data-presentation-shell="mobile"]) .amulet-feed-commit{grid-column:1/-1} } /* Phase 22 R14j — desktop Workspace ecosystem closure. Keeps mobile composition untouched while resolving the remaining desktop information-architecture seams. */ @media(max-width:980px){.desktop-workspace-only{display:none!important}} @media(min-width:0px){ /* Inventory uses player-facing groups; Armor/Weapon/Relic remain data categories, not peer navigation noise. */ html:not([data-presentation-shell="mobile"]) .inventory-category-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-rows:38px!important} html:not([data-presentation-shell="mobile"]) .inventory-category-nav button{height:38px!important;min-height:38px!important;border-bottom:0!important} html:not([data-presentation-shell="mobile"]) .inventory-category-nav button:nth-child(n){border-right:1px solid #2e342f!important} html:not([data-presentation-shell="mobile"]) .inventory-category-nav button:last-child{border-right:0!important} /* Progression Home now explains the real long horizon before offering branch drill-downs. */ html:not([data-presentation-shell="mobile"]) .desktop-workspace-only{display:block} html:not([data-presentation-shell="mobile"]) .progression-horizon{display:grid;gap:8px;padding:11px 12px;border:1px solid #30382f;border-radius:10px;background:linear-gradient(180deg,#0c120d,#090d0a)} html:not([data-presentation-shell="mobile"]) .progression-horizon>header{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:0 1px} html:not([data-presentation-shell="mobile"]) .progression-horizon>header>div{display:grid;gap:2px}html:not([data-presentation-shell="mobile"]) .progression-horizon>header span{color:#9d8249;font-size:.52rem;text-transform:uppercase;letter-spacing:.1em}html:not([data-presentation-shell="mobile"]) .progression-horizon>header strong{color:#ddd6bc;font:700 .78rem Georgia,serif}html:not([data-presentation-shell="mobile"]) .progression-horizon>header small{color:#747f77;font-size:.55rem;text-align:right} html:not([data-presentation-shell="mobile"]) .progression-horizon-track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px} html:not([data-presentation-shell="mobile"]) .progression-horizon-track:before{content:"";position:absolute;left:5%;right:5%;top:16px;height:1px;background:linear-gradient(90deg,#66734f,#806b39 60%,#493f2c);z-index:0} html:not([data-presentation-shell="mobile"]) .progression-horizon-stage{position:relative;z-index:1;display:grid;grid-template-rows:32px auto auto 1fr;gap:3px;min-width:0;padding:0 7px 8px;border:1px solid #283029;border-radius:8px;background:#090e0a;text-align:center} html:not([data-presentation-shell="mobile"]) .progression-horizon-stage>i{display:grid;place-items:center;width:27px;height:27px;margin:2px auto 0;border:1px solid #3d493e;border-radius:50%;background:#111713;color:#89948b;font:700 .58rem/1 sans-serif;font-style:normal} html:not([data-presentation-shell="mobile"]) .progression-horizon-stage>span{color:#707c73;font-size:.49rem;text-transform:uppercase;letter-spacing:.075em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not([data-presentation-shell="mobile"]) .progression-horizon-stage>strong{color:#c9cec8;font-size:.61rem;line-height:1.3;overflow-wrap:anywhere}html:not([data-presentation-shell="mobile"]) .progression-horizon-stage>small{color:#6f7971;font-size:.52rem;line-height:1.35} html:not([data-presentation-shell="mobile"]) .progression-horizon-stage.current{border-color:#596748;background:#10180f}html:not([data-presentation-shell="mobile"]) .progression-horizon-stage.current>i,html:not([data-presentation-shell="mobile"]) .progression-horizon-stage.complete>i{border-color:#718258;background:#182119;color:#e6d47c}html:not([data-presentation-shell="mobile"]) .progression-horizon-stage.complete>strong{color:#d9d6bd}html:not([data-presentation-shell="mobile"]) .progression-horizon-stage.terminal.active{border-color:#705e35;background:#151207}html:not([data-presentation-shell="mobile"]) .progression-horizon-stage.terminal.active>i{border-color:#8a723a;color:#efd474;background:#211a09} html:not([data-presentation-shell="mobile"]) .progression-roadmap button{min-height:70px!important} /* Arcanium becomes a real desktop workstation: narrow system rail + one focused task stage. */ html:not([data-presentation-shell="mobile"]) .service-arcanium .special-location-scroll{overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .arcanium-workstation{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;gap:8px!important;min-height:0;height:100%} html:not([data-presentation-shell="mobile"]) .arcanium-status-strip{grid-column:1/-1;grid-row:1;margin:0!important} html:not([data-presentation-shell="mobile"]) .arcanium-tabs{grid-column:1;grid-row:2;display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:minmax(38px,auto);align-content:start;gap:5px!important;margin:0!important;padding:7px!important;overflow:visible!important;border:1px solid #2d362f!important;border-radius:9px!important;background:linear-gradient(180deg,#101611,#090d0a)!important} html:not([data-presentation-shell="mobile"]) .arcanium-tabs button{min-height:39px!important;padding:7px 9px!important;text-align:left!important;justify-content:flex-start!important;border:1px solid #29322b!important;border-radius:7px!important;background:#0b100c!important;color:#929c94!important;box-shadow:none!important} html:not([data-presentation-shell="mobile"]) .arcanium-tabs button:hover{border-color:#465349!important;color:#d4dad4!important}html:not([data-presentation-shell="mobile"]) .arcanium-tabs button.active{border-color:#697951!important;background:#172019!important;color:#edd674!important;box-shadow:inset 3px 0 #91a55d!important} html:not([data-presentation-shell="mobile"]) .arcanium-panes{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:auto;padding:1px 4px 8px 1px;scrollbar-width:thin} html:not([data-presentation-shell="mobile"]) .arcanium-history{grid-column:2;grid-row:3;margin:0!important;border-radius:8px!important} html:not([data-presentation-shell="mobile"]) .arcanium-footer-note{grid-column:1/-1;grid-row:4} /* Location services share the same desktop workspace rhythm without changing their contracts. */ html:not([data-presentation-shell="mobile"]) .location-service{width:min(1180px,calc(100% - 20px))!important} html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench{max-width:none!important;width:100%;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start} html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench>.bank-balance-grid{grid-column:1/-1}html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench>.ledger-bank-grid{grid-column:1}html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench>.ledger-transfer-card{grid-column:2;margin:0!important;position:sticky;top:0} html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-board-toolbar{position:sticky!important;top:0;z-index:4;border-radius:8px!important;box-shadow:0 7px 16px #0007} html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-list{scrollbar-width:thin} html:not([data-presentation-shell="mobile"]) .scholars-court-shell{max-width:none!important}html:not([data-presentation-shell="mobile"]) .scholars-court-hero{border-radius:9px!important}html:not([data-presentation-shell="mobile"]) .profession-browser-toolbar{position:sticky;top:0;z-index:3;border-radius:8px!important} html:not([data-presentation-shell="mobile"]) .merchant-mode-tabs{position:sticky;top:0;z-index:4}html:not([data-presentation-shell="mobile"]) .catalog-filterbar{position:sticky;top:0;z-index:3}html:not([data-presentation-shell="mobile"]) .catalog-results{max-height:min(56vh,600px)!important} /* Keyboard/focus visibility belongs to every workspace, not only mouse hover. */ html:not([data-presentation-shell="mobile"]) :is(.wr-workspace,.location-service) :is(button,a,input,select,textarea):focus-visible{outline:2px solid #a78a46!important;outline-offset:2px!important} } @media(min-width:0px) and (max-width:1320px){ html:not([data-presentation-shell="mobile"]) .progression-horizon-track{grid-template-columns:repeat(3,minmax(0,1fr))} html:not([data-presentation-shell="mobile"]) .progression-horizon-track:before{display:none} html:not([data-presentation-shell="mobile"]) .arcanium-workstation{grid-template-columns:185px minmax(0,1fr)!important} html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench{grid-template-columns:1fr}html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench>.bank-balance-grid,html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench>.ledger-bank-grid,html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench>.ledger-transfer-card{grid-column:1}html:not([data-presentation-shell="mobile"]) .ledgerhall-workbench>.ledger-transfer-card{position:static} } /* Phase 22 R14k — Workspace screenshot correction pass. Desktop-only corrections from direct R14j playtest evidence: Loadout access, Craft readability, Runic CTA anchoring, Guild hierarchy, and Waypoint sidebar rollback. Mobile composition remains governed by mobile.css and the <=980px crossover. */ @media(min-width:0px){ /* Loadout: keep management reachable without sacrificing the equipped inspector. */ html:not([data-presentation-shell="mobile"]) .wr-loadout-workspace{ height:100%!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .loadout-workspace-summary>span{padding:7px 10px!important} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane{ display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .loadout-bank-pane .saved-loadout-grid{ min-height:0!important;overflow:auto!important;align-content:start!important;padding-right:3px!important;margin:7px 0!important;scrollbar-width:thin; } html:not([data-presentation-shell="mobile"]) .loadout-bank-pane .saved-loadout-card button{ min-height:43px!important;padding:5px 9px!important; } /* Craft: make the recipe browser the visual body of the workstation instead of a field of hairline rows. */ html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"]{ display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;height:100%!important;min-height:0!important;overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-command-bar{min-width:0!important} html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-recipe-list{ min-height:0!important;height:100%!important;overflow:auto!important;align-content:start!important;grid-auto-rows:minmax(72px,auto)!important; grid-template-columns:repeat(2,minmax(360px,1fr))!important;gap:8px!important;margin:0!important;padding:4px 3px 8px 1px!important;scrollbar-width:thin; } html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-recipe-card{ display:block!important;min-height:72px!important;height:auto!important;align-self:start!important;overflow:visible!important; } html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-card-head{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:70px!important;height:auto!important;padding:0 10px 0 12px!important;align-items:stretch!important; } html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-card-copy{ display:grid!important;align-content:center!important;gap:6px!important;min-height:70px!important;height:auto!important;padding:10px 8px 10px 0!important;color:inherit!important; } html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-card-name{ display:block!important;color:#e7e2d4!important;font-size:.76rem!important;line-height:1.25!important;font-weight:800!important; } html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-card-meta{ display:block!important;color:#9aa39b!important;font-size:.62rem!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important; } html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-card-tools{align-self:center!important;padding:8px 0!important} html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-card-body{padding:12px!important} html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-reference-drawer{margin-top:0!important;flex:0 0 auto!important} /* Upgrade: the primary outcome control is an anchored right-side footer, never clipped below the inspector. */ html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar{ position:sticky!important;left:0!important;right:0!important;bottom:0!important;z-index:6!important;width:100%!important;box-sizing:border-box!important; display:flex!important;justify-content:flex-end!important;align-items:center!important;margin-top:6px!important;padding:11px 4px 4px!important; border-top:1px solid #303930!important;background:linear-gradient(180deg,rgba(9,13,10,0),#090d0a 24%,#090d0a 100%)!important; } html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar form{display:flex!important;justify-content:flex-end!important;width:100%!important;margin:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar button{ width:auto!important;min-width:180px!important;max-width:100%!important;min-height:36px!important;margin:0!important;padding:0 16px!important;white-space:nowrap!important; } /* Guild: fixed-height grouped navigation and a single scroll authority eliminate the giant empty bands. */ html:not([data-presentation-shell="mobile"]) .wr-guild-workspace{ display:grid!important;grid-template-rows:48px 38px minmax(0,1fr)!important;align-content:stretch!important;height:100%!important;min-height:0!important;overflow:hidden!important;gap:7px!important; } html:not([data-presentation-shell="mobile"]) .guild-primary-nav{ display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;height:48px!important;min-height:48px!important;max-height:48px!important;overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .guild-primary-nav button{ display:grid!important;place-items:center!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 10px!important;line-height:1.2!important; } html:not([data-presentation-shell="mobile"]) .guild-primary-nav button>span{display:block!important;font-size:.72rem!important} html:not([data-presentation-shell="mobile"]) .guild-primary-nav button>small{display:none!important} html:not([data-presentation-shell="mobile"]) .guild-secondary-nav{ display:flex!important;align-items:center!important;gap:5px!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:1px 2px!important;overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .guild-secondary-nav[hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .guild-secondary-nav button{ width:auto!important;min-width:104px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0 12px!important; } html:not([data-presentation-shell="mobile"]) .guild-tool-pane:not([hidden]){ display:block!important;min-height:0!important;height:100%!important;overflow:auto!important;padding:2px 3px 12px 2px!important;scrollbar-width:thin; } /* Waypoints sidebar rollback: the permanent left rail returns to destination-first navigation. The expanded Wayfarer's Network keeps its richer summary/dashboard treatment. */ html:not([data-presentation-shell="mobile"]) #waypoints-panel .waypoint-workspace-summary,html:not([data-presentation-shell="mobile"]) #waypoints-panel .waypoint-coordinate{display:none!important} html:not([data-presentation-shell="mobile"]) #waypoints-panel .wr-waypoints-workspace{gap:7px!important;min-height:0!important;height:100%!important} html:not([data-presentation-shell="mobile"]) #waypoints-panel .waypoint-filter-bar{margin-top:0!important} } @media(min-width:0px) and (max-width:1320px){ html:not([data-presentation-shell="mobile"]) .crafting-pane[data-crafting-pane="craft"] .craft-recipe-list{grid-template-columns:1fr!important} } /* Phase 22 R14l — desktop integrity closure. The permanent Wayfarer rail returns to the proven pre-Workspace compact layout; the expanded Wayfarer browser remains a Workspace tool. Loadout management gets an explicit bounded work area instead of relying on the parent drawer scroll. */ @media (min-width:0px) { html:not([data-presentation-shell="mobile"]) #waypoints-panel.classic-waypoints-view{ display:flex!important; flex:1 1 0!important; min-height:0!important; height:100%!important; overflow:hidden!important; flex-direction:column!important; gap:7px!important; } html:not([data-presentation-shell="mobile"]) #waypoints-panel>.inventory-title, html:not([data-presentation-shell="mobile"]) #waypoints-panel>.waypoint-coordinate, html:not([data-presentation-shell="mobile"]) #waypoints-panel>.waypoint-filter-bar{ flex:0 0 auto!important; } html:not([data-presentation-shell="mobile"]) #waypoints-panel>.waypoint-filter-bar{ display:grid!important; grid-template-columns:1fr!important; gap:6px!important; min-width:0!important; overflow:visible!important; padding:7px!important; } html:not([data-presentation-shell="mobile"]) #waypoints-panel .waypoint-filter-tabs{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:4px!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) #waypoints-panel>.waypoint-filter-bar>label{ display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) #waypoints-panel>.waypoint-filter-bar select{ width:100%!important; max-width:100%!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) #waypoints-panel>.waypoint-grid{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-width:thin!important; align-content:start!important; padding-right:2px!important; padding-bottom:8px!important; } html:not([data-presentation-shell="mobile"]) #waypoints-panel>.waypoint-filter-empty:not([hidden]){flex:0 0 auto!important} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane{ overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .loadout-bank-pane .saved-loadout-grid{ flex:1 1 auto!important; min-height:120px!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-width:thin!important; padding-right:2px!important; } } /* Phase 22 R14l — filtered-result visibility authority. Application filters own the hidden attribute. Layout display rules must never resurrect rows/cards that the active filter has excluded. */ [data-craft-card][hidden], [data-upgrade-card][hidden], [data-upgrade-detail][hidden], [data-market-card][hidden], [data-my-market-card][hidden], [data-profession-card][hidden], [data-guild-armory-entry][hidden], [data-guild-history-category][hidden], [data-quest-contract][hidden], [data-atlas-zone][hidden], [data-codex-row][hidden], [data-enemy-row][hidden], [data-manual-topic][hidden], [data-manual-special-card][hidden], [data-waypoint-card][hidden], [data-material-guide-row][hidden], [data-auto-special-row][hidden], [data-catalog-group][data-catalog-family][hidden], [data-socket-target-card][hidden], .auto-special-tier[hidden], [data-character-race-choice][hidden], .battle-history-line[hidden], .activity-message[hidden]{display:none!important} /* R14l final collection-state authority: HTML hidden is absolute everywhere. Several legacy card grids use display:* !important; no component may override the semantic hidden state owned by a filter, tab, disclosure or empty-state controller. */ [hidden]{display:none!important} @media (min-width:0px) { /* Saved-set management is a compact 2×2 action board, not a vertical form wall. */ } @media (min-width:0px) { } @media (min-width:0px) { } /* Phase 22 R14m — unified client architecture closure. Desktop Item Workshop owns exactly one top-level pane and one Upgrade mode. Master/detail scrolling is local so controls and the primary action never collapse. */ @media (min-width:0px){ html:not([data-presentation-shell="mobile"]) .crafting-window-body{min-height:0!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-crafting-workspace{ display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;height:100%!important;min-height:0!important;overflow:hidden!important;align-content:stretch!important; } html:not([data-presentation-shell="mobile"]) .wr-crafting-workspace>[data-crafting-pane]:not([hidden]){ min-height:0!important;height:100%!important;overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .wr-crafting-workspace>[data-crafting-pane][hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane{ display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;min-height:0!important;height:100%!important;overflow:hidden!important;gap:8px!important; } html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane>[data-upgrade-browser]:not([hidden]){ display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;min-height:0!important;height:100%!important;overflow:hidden!important;gap:8px!important;padding:8px!important; } html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane>[data-upgrade-browser][hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane .upgrade-browser-toolbar{ position:relative!important;z-index:4!important;display:grid!important;grid-template-columns:minmax(190px,1.6fr) minmax(120px,.8fr) minmax(135px,.9fr) minmax(140px,.9fr) auto!important;gap:7px!important;align-items:end!important;min-width:0!important; } html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane .upgrade-browser-toolbar.runic{grid-template-columns:minmax(200px,1.7fr) minmax(130px,.8fr) minmax(150px,.9fr) auto minmax(90px,auto)!important} html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane .upgrade-browser-toolbar :is(label,input,select){min-width:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-master-detail{ display:grid!important;grid-template-columns:minmax(300px,36%) minmax(0,1fr)!important;min-height:0!important;height:100%!important;overflow:hidden!important;gap:8px!important;border:0!important;background:transparent!important; } html:not([data-presentation-shell="mobile"]) .upgrade-target-pane{ min-height:0!important;height:100%!important;overflow:hidden!important;border:1px solid #303a32!important;border-radius:5px!important;background:#080c09!important; } html:not([data-presentation-shell="mobile"]) .upgrade-scroll-list{ min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:5px!important; } html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane{ display:block!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:10px 10px 70px!important;border:1px solid #303a32!important;border-radius:5px!important;background:#090d0a!important; } html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane>[data-upgrade-detail]:not([hidden]){display:grid!important;gap:9px!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar{ position:sticky!important;bottom:0!important;z-index:8!important;display:flex!important;justify-content:flex-end!important;width:100%!important;margin-top:2px!important;padding:12px 0 4px!important;background:linear-gradient(180deg,rgba(9,13,10,0),#090d0a 26%,#090d0a)!important; } html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar form{display:flex!important;justify-content:flex-end!important;width:100%!important} html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar button{min-width:190px!important;max-width:100%!important;white-space:nowrap!important} html:not([data-presentation-shell="mobile"]) .upgrade-filter-empty:not([hidden]), html:not([data-presentation-shell="mobile"]) .upgrade-detail-empty:not([hidden]){display:grid!important;place-items:center!important;min-height:120px!important} } @media (min-width:0px) and (max-width:1180px){ html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane .upgrade-browser-toolbar, html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane .upgrade-browser-toolbar.runic{grid-template-columns:repeat(3,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .upgrade-master-detail{grid-template-columns:minmax(260px,40%) minmax(0,1fr)!important} } /* Phase 22 R14n — application interaction authority closure. Desktop collection workspaces render from one master/detail hierarchy. Legacy display rules may not reclaim space or visibility from the active workspace. */ @media (min-width:0px){ html:not([data-presentation-shell="mobile"]) .crafting-window-body{min-height:0!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-crafting-workspace{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;min-height:0!important;height:100%!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-crafting-workspace>[data-crafting-pane]:not([hidden]){display:grid!important;min-height:0!important;height:100%!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .wr-crafting-workspace>[data-crafting-pane][hidden]{display:none!important} /* Craft: compact browser left, selected recipe inspector right. */ html:not([data-presentation-shell="mobile"]) [data-crafting-pane="craft"]{grid-template-rows:auto auto minmax(0,1fr) auto!important;gap:8px!important} html:not([data-presentation-shell="mobile"]) [data-crafting-pane="craft"] .craft-command-bar{min-width:0!important} html:not([data-presentation-shell="mobile"]) .craft-browser-toolbar{display:grid!important;grid-template-columns:minmax(180px,1.7fr) minmax(115px,.8fr) minmax(110px,.72fr) minmax(120px,.85fr) minmax(145px,1fr) auto auto!important;gap:7px!important;align-items:end!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .craft-browser-toolbar :is(label,input,select){min-width:0!important} html:not([data-presentation-shell="mobile"]) .craft-visible-count{display:grid!important;place-items:center!important;align-self:stretch!important;min-width:58px!important;padding:3px 8px!important;border:1px solid #303a32!important;border-radius:4px!important;background:#0a0f0b!important} html:not([data-presentation-shell="mobile"]) .craft-visible-count strong{color:#decf75!important;font-size:.75rem!important} html:not([data-presentation-shell="mobile"]) .craft-visible-count span{color:#758078!important;font-size:.52rem!important;text-transform:uppercase!important;letter-spacing:.07em!important} html:not([data-presentation-shell="mobile"]) .craft-master-detail{display:grid!important;grid-template-columns:minmax(300px,34%) minmax(0,1fr)!important;gap:8px!important;min-height:0!important;height:100%!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .craft-browser-pane{min-height:0!important;height:100%!important;overflow:hidden!important;border:1px solid #303a32!important;border-radius:5px!important;background:#080c09!important} html:not([data-presentation-shell="mobile"]) .craft-recipe-list{display:grid!important;align-content:start!important;gap:5px!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:6px!important} html:not([data-presentation-shell="mobile"]) .craft-browser-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:5px!important;align-items:stretch!important;border:1px solid #29322b!important;border-radius:4px!important;background:#0d120e!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .craft-browser-row.selected{border-color:#70825c!important;background:#151d14!important;box-shadow:inset 3px 0 #87945e!important} html:not([data-presentation-shell="mobile"]) .craft-browser-select{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;width:100%!important;min-height:58px!important;padding:8px 10px!important;border:0!important;background:transparent!important;color:#d9d5ca!important;text-align:left!important} html:not([data-presentation-shell="mobile"]) .craft-browser-select>span{display:grid!important;gap:3px!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .craft-browser-select strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#e1d8bf!important;font-size:.72rem!important} html:not([data-presentation-shell="mobile"]) .craft-browser-select small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#818c83!important;font-size:.57rem!important} html:not([data-presentation-shell="mobile"]) .craft-browser-row form{display:grid!important;align-items:center!important;padding-right:5px!important} html:not([data-presentation-shell="mobile"]) .craft-browser-row form button{min-width:30px!important;width:30px!important;padding:0!important;border-color:transparent!important;background:transparent!important;color:#87917f!important} html:not([data-presentation-shell="mobile"]) .craft-detail-pane{display:block!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:10px 10px 76px!important;border:1px solid #303a32!important;border-radius:5px!important;background:#090d0a!important} html:not([data-presentation-shell="mobile"]) .craft-recipe-inspector:not([hidden]){display:grid!important;gap:9px!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .craft-detail-pane .craft-action-bar{position:sticky!important;bottom:-66px!important;z-index:8!important;display:flex!important;justify-content:flex-end!important;margin:4px -2px -66px!important;padding:14px 2px 8px!important;background:linear-gradient(180deg,rgba(9,13,10,0),#090d0a 28%,#090d0a)!important} html:not([data-presentation-shell="mobile"]) .craft-detail-pane .craft-action-bar form{display:flex!important;justify-content:flex-end!important;width:100%!important} html:not([data-presentation-shell="mobile"]) .craft-detail-pane .craft-action-bar button{min-width:170px!important;max-width:100%!important} html:not([data-presentation-shell="mobile"]) .craft-reference-drawer{min-height:0!important;margin:0!important} /* Upgrade: the system switch and mode context are compact chrome. The task owns the rest. */ html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane{grid-template-rows:auto minmax(0,1fr)!important;gap:8px!important;min-height:0!important;height:100%!important;overflow:hidden!important;padding:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-workspace-head{display:grid!important;grid-template-columns:minmax(240px,.7fr) minmax(360px,1.3fr)!important;gap:10px!important;align-items:end!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-workspace-head .craft-pane-header{margin:0!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-mode-tabs{margin:0!important;align-self:end!important} html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane>[data-upgrade-browser]:not([hidden]){display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto auto!important;gap:8px!important;min-height:0!important;height:100%!important;overflow:hidden!important;padding:0!important;border:0!important;background:transparent!important} html:not([data-presentation-shell="mobile"]) .upgrade-workspace-pane>[data-upgrade-browser][hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .upgrade-mode-context{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:14px!important;padding:6px 8px!important;border:1px solid #2b342d!important;border-radius:4px!important;background:#0a0f0b!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-mode-context strong{color:#dfcf77!important;font-size:.72rem!important;white-space:nowrap!important} html:not([data-presentation-shell="mobile"]) .upgrade-mode-context span{color:#879188!important;font-size:.60rem!important;text-align:right!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important} html:not([data-presentation-shell="mobile"]) .upgrade-browser-toolbar{position:static!important;z-index:3!important;margin:0!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-master-detail{display:grid!important;grid-template-columns:minmax(310px,35%) minmax(0,1fr)!important;gap:8px!important;min-height:0!important;height:100%!important;overflow:hidden!important;border:0!important;background:transparent!important} html:not([data-presentation-shell="mobile"]) .upgrade-target-pane{min-height:0!important;height:100%!important;overflow:hidden!important;border:1px solid #303a32!important;border-radius:5px!important;background:#080c09!important} html:not([data-presentation-shell="mobile"]) .upgrade-scroll-list{display:grid!important;align-content:start!important;gap:5px!important;min-height:0!important;height:100%!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:6px!important} html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane{display:block!important;min-height:0!important;height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:10px 10px 78px!important;border:1px solid #303a32!important;border-radius:5px!important;background:#090d0a!important} html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane>[data-upgrade-detail]:not([hidden]){display:grid!important;gap:9px!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar{position:sticky!important;bottom:-68px!important;z-index:9!important;display:flex!important;justify-content:flex-end!important;width:100%!important;margin:4px 0 -68px!important;padding:14px 0 8px!important;background:linear-gradient(180deg,rgba(9,13,10,0),#090d0a 27%,#090d0a)!important} html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar form{display:flex!important;justify-content:flex-end!important;width:100%!important} html:not([data-presentation-shell="mobile"]) .upgrade-detail-pane .craft-action-bar button{min-width:190px!important;max-width:100%!important;white-space:nowrap!important} html:not([data-presentation-shell="mobile"]) .upgrade-utility-drawer{margin:0!important;min-height:0!important;border:1px solid #29322b!important;border-radius:4px!important;background:#090d0a!important} html:not([data-presentation-shell="mobile"]) .upgrade-utility-drawer>summary{min-height:30px!important;padding:6px 9px!important;color:#9da59d!important;font-size:.58rem!important;font-weight:700!important;cursor:pointer!important} html:not([data-presentation-shell="mobile"]) .upgrade-utility-drawer[open]{max-height:220px!important;overflow:auto!important;padding-bottom:7px!important} html:not([data-presentation-shell="mobile"]) .upgrade-utility-drawer .upgrade-reference-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:0 7px 7px!important} html:not([data-presentation-shell="mobile"]) .upgrade-filter-empty:not([hidden]),html:not([data-presentation-shell="mobile"]) .upgrade-detail-empty:not([hidden]),html:not([data-presentation-shell="mobile"]) .craft-filter-empty:not([hidden]),html:not([data-presentation-shell="mobile"]) .craft-detail-empty:not([hidden]){display:grid!important;place-items:center!important;min-height:100px!important;color:#818a82!important;font-size:.62rem!important} } @media (min-width:0px) and (max-width:1180px){ html:not([data-presentation-shell="mobile"]) .craft-browser-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .craft-master-detail{grid-template-columns:minmax(270px,39%) minmax(0,1fr)!important} html:not([data-presentation-shell="mobile"]) .upgrade-workspace-head{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .upgrade-master-detail{grid-template-columns:minmax(270px,39%) minmax(0,1fr)!important} } /* R14n Runic Ascension inspector: fixed action footer + independently scrolling detail. */ @media (min-width:0px){ html:not([data-presentation-shell="mobile"]) [data-upgrade-browser="ascension"] .upgrade-detail-pane{overflow:hidden!important;padding:0!important} html:not([data-presentation-shell="mobile"]) [data-upgrade-browser="ascension"] .upgrade-inspector-panel:not([hidden]){display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;height:100%!important;min-height:0!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) [data-upgrade-browser="ascension"] .upgrade-inspector-scroll{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding:10px!important} html:not([data-presentation-shell="mobile"]) [data-upgrade-browser="ascension"] .upgrade-detail-pane .craft-action-bar{position:static!important;bottom:auto!important;margin:0!important;padding:10px!important;border-top:1px solid #303a32!important;background:#0b100c!important;box-shadow:0 -8px 18px rgba(0,0,0,.22)!important} } /* R14n shared density/performance vocabulary. */ [data-ui-density="compact"] :is(.craft-browser-row,.upgrade-target-row,[data-market-card],[data-my-market-card],[data-guild-armory-entry]){--wr-row-density:.82} [data-ui-density="standard"]{--wr-row-density:1} [data-ui-density="detailed"]{--wr-row-density:1.15} .wr-virtual-list>*{content-visibility:auto;contain-intrinsic-block-size:var(--wr-intrinsic-row-height,56px)} /* Phase 22 R14o — Loadout authority convergence. Saved Set management is always visible, owns no fixed drawer height, and yields to pane scrolling when the desktop sheet is shortened. */ @media (min-width:0px){ html:not([data-presentation-shell="mobile"]) #loadout-panel .personal-tool-body{min-height:0!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane{display:flex!important;flex-direction:column!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important} html:not([data-presentation-shell="mobile"]) .loadout-bank-pane .saved-loadout-grid{flex:0 1 auto!important;min-height:92px!important;max-height:42%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important} html:not([data-presentation-shell="mobile"]) .loadout-management{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;min-width:0!important;margin-top:0!important;border:1px solid #2b342d!important;border-radius:8px!important;background:#0a0f0b!important;overflow:hidden!important} html:not([data-presentation-shell="mobile"]) .loadout-management-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;padding:8px 10px!important;border-bottom:1px solid #273028!important} html:not([data-presentation-shell="mobile"]) .loadout-management-head span{color:#aeb6af!important;font-size:.63rem!important;font-weight:800!important} html:not([data-presentation-shell="mobile"]) .loadout-management-head strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#8e8660!important;font-size:.55rem!important;letter-spacing:.02em!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;min-width:0!important;padding:8px!important;border:0!important;background:transparent!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:6px!important;min-width:0!important;padding:8px!important;border:1px solid #2c342e!important;border-radius:7px!important;background:#0b100c!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager form>label{min-width:0!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager :is(select,input){width:100%!important;min-width:0!important;max-width:100%!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager button{white-space:nowrap!important;max-width:100%!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager form[action="/loadout/rename"] label{grid-column:1/-1!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager form[action="/loadout/rename"] input{grid-column:1/2!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager form[action="/loadout/duplicate"]{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager form[action="/loadout/duplicate"] button{grid-column:1/-1!important;justify-self:end!important} } @media (min-width:0px) and (max-width:1180px){ html:not([data-presentation-shell="mobile"]) .loadout-workspace-grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr)!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager{grid-template-columns:1fr!important} } /* R14q Wayfarer control order: mode first, then search, then region. */ html:not([data-presentation-shell="mobile"]) #waypoints-panel .waypoint-filter-tabs{order:-3!important} html:not([data-presentation-shell="mobile"]) #waypoints-panel .waypoint-search{display:grid!important;order:-2!important} html:not([data-presentation-shell="mobile"]) #waypoints-panel>.waypoint-filter-bar>label:not(.waypoint-search){order:-1!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-filter-bar{grid-template-columns:minmax(280px,1.4fr) minmax(190px,.6fr)!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-filter-tabs{grid-column:1/-1!important;grid-row:1!important;width:100%!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-search{grid-column:1!important;grid-row:2!important} html:not([data-presentation-shell="mobile"]) #waypoints-window .waypoint-filter-bar>label:not(.waypoint-search){grid-column:2!important;grid-row:2!important} /* Phase 22 R14q — compact-desktop viewport authority. Desktop remains desktop when the browser is narrowed. Every personal tool stays inside the visual viewport and switches dense master/detail workspaces to a vertically reachable composition instead of reviving legacy floating geometry. */ @media(max-width:980px){ html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop{ position:fixed!important;inset:0!important;z-index:76!important;background:rgba(0,0,0,.48)!important;pointer-events:auto!important; } html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop[hidden]{display:none!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]{ position:fixed!important;z-index:78!important;left:50%!important;top:auto!important;right:auto!important;bottom:0!important; min-width:0!important;max-width:calc(100vw - 8px)!important;min-height:0!important;max-height:calc(100dvh - 4px)!important; margin:0!important;resize:none!important;overflow:hidden!important;transform:translateX(-50%)!important; border:1px solid #5d5a42!important;border-bottom:0!important;border-radius:12px 12px 0 0!important; background:linear-gradient(180deg,#121813 0,#090d0a 18%,#070a08 100%)!important;box-shadow:0 -20px 48px #000e!important; } html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header{ position:relative!important;display:flex!important;align-items:center!important;min-height:50px!important;padding:14px 10px 8px!important;cursor:default!important; } html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>.personal-tool-header::before{ content:"";position:absolute;top:5px;left:50%;width:50px;height:4px;transform:translateX(-50%);border-radius:999px;background:#687168; } html:not([data-presentation-shell="mobile"]) .desktop-drawer-actions{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important} html:not([data-presentation-shell="mobile"]) .desktop-drawer-size-toggle{display:grid!important;place-items:center!important;width:32px!important;min-width:32px!important;height:29px!important;padding:0!important} html:not([data-presentation-shell="mobile"]) .desktop-drawer-grip{position:absolute!important;top:0!important;left:50%!important;width:88px!important;height:18px!important;transform:translateX(-50%)!important;padding:0!important;border:0!important;background:transparent!important;cursor:ns-resize!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer="1"]>:is(.personal-tool-body,.crafting-window-body){min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:9px!important} html:not([data-presentation-shell="mobile"]) .desktop-drawer-peek-summary{display:none} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer-size="peek"]>:not(.personal-tool-header):not(.desktop-drawer-peek-summary){display:none!important} html:not([data-presentation-shell="mobile"]) .personal-tool-window[data-desktop-drawer-size="peek"]>.desktop-drawer-peek-summary{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;overflow:hidden} html:not([data-presentation-shell="mobile"]) .wr-workspace{min-width:0!important;min-height:0!important} html:not([data-presentation-shell="mobile"]) .wr-workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .wr-filter-bar{grid-template-columns:1fr!important;align-items:stretch!important} html:not([data-presentation-shell="mobile"]) .wr-filter-chips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important} html:not([data-presentation-shell="mobile"]) .wr-filter-chips button{min-width:0!important;width:100%!important} html:not([data-presentation-shell="mobile"]) .wr-master-detail, html:not([data-presentation-shell="mobile"]) .loadout-workspace-grid, html:not([data-presentation-shell="mobile"]) .embed-gems-workflow, html:not([data-presentation-shell="mobile"]) .craft-master-detail, html:not([data-presentation-shell="mobile"]) .upgrade-master-detail, html:not([data-presentation-shell="mobile"]) .progression-layout{ grid-template-columns:1fr!important;grid-template-rows:auto minmax(220px,1fr)!important;height:auto!important;overflow:visible!important; } html:not([data-presentation-shell="mobile"]) .wr-master-pane, html:not([data-presentation-shell="mobile"]) .wr-detail-pane, html:not([data-presentation-shell="mobile"]) :is(.loadout-bank-pane,.current-loadout-pane,.inventory-browser-list,.inventory-inspector,.craft-recipe-list,.craft-detail-pane,.upgrade-scroll-list,.upgrade-detail-pane){ min-width:0!important;max-width:100%!important;max-height:none!important;overflow:auto!important; } html:not([data-presentation-shell="mobile"]) .inventory-category-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .current-loadout-pane .loadout-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .loadout-management .saved-loadout-manager{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .progression-rail{max-height:none!important;overflow:visible!important} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .progression-stage{min-height:360px!important} html:not([data-presentation-shell="mobile"]) :is(.trade-workspace-tabs,.guild-primary-nav,.amulet-tabs,.reference-tabs){grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .guild-primary-nav{height:auto!important;max-height:none!important} html:not([data-presentation-shell="mobile"]) .guild-primary-nav button{height:auto!important;min-height:42px!important;max-height:none!important} html:not([data-presentation-shell="mobile"]) .waypoint-filter-bar{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .waypoint-filter-tabs{order:-2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important} html:not([data-presentation-shell="mobile"]) .waypoint-search{order:-1!important} /* Small anchored popovers use the same viewport boundary as sheets. */ html:not([data-presentation-shell="mobile"]) :is(.gains-popover,.auto-special-popover,.auto-fight-popover,.realm-settings-panel){max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overscroll-behavior:contain!important} } @media(max-width:620px){ html:not([data-presentation-shell="mobile"]) .wr-workspace-summary{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .inventory-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .current-loadout-pane .loadout-slot-grid{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .progression-primary-tabs{grid-template-columns:1fr!important} } /* R14n final visibility authority. This MUST remain the final display rule in the stylesheet: collection/workspace components are allowed to declare their normal display mode, but no component may override the semantic hidden attribute. */ [hidden]{display:none!important} /* ========================================================================== */ /* Phase 22 R14r — system depth + final responsive/runtime FIELD closure */ /* ========================================================================== */ /* Combat action geometry is state-owned. A stale action fragment from a just-ended encounter may exist for one render turn, but it must never reserve blank space. */ .combat-stage>.combat-actions-slot[data-combat-actions-empty="1"]{height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important} .combat-stage>.combat-actions-slot[data-combat-actions-empty="0"]{height:36px!important;min-height:36px!important;max-height:none!important;margin-top:6px!important;overflow:visible!important} html[data-db-large-controls="1"] .combat-stage>.combat-actions-slot[data-combat-actions-empty="0"]{height:42px!important;min-height:42px!important} .combat-stage>.combat-actions-slot[data-combat-actions-empty="1"]+.classic-combat-status{margin-top:7px!important} /* Loadout build explanation: informative, never prescriptive. */ .build-inspector{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #293129} .build-inspector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px} .build-inspector-grid>article{display:grid;align-content:start;gap:4px;min-width:0;padding:9px;border:1px solid #2c352e;border-radius:6px;background:#0b100c} .build-inspector-grid>article>span,.build-identity-strip>span>small{color:#778179;font-size:.58rem;line-height:1.35} .build-inspector-grid>article>strong{color:#e2d6b0;font-size:.75rem;line-height:1.25} .build-inspector-grid>article>small{color:#9aa39b;font-size:.61rem;line-height:1.4;overflow-wrap:anywhere} .build-identity-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px} .build-identity-strip>span{display:grid;gap:2px;padding:7px 9px;border:1px solid #3d493f;border-radius:5px;background:#111812} .build-identity-strip>span>b{color:#cbbd72;font-size:.66rem} /* Character Chronicle connects existing realm/event/profession/crafting/item/campaign/ guild authorities without creating a parallel progression engine. */ .chronicle-pane{display:grid;gap:10px} .chronicle-pane[hidden]{display:none!important} .chronicle-section{display:grid;gap:7px;padding:10px;border:1px solid #2d362f;border-radius:8px;background:#090e0b} .chronicle-section>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.75fr);gap:10px;align-items:start;padding-bottom:7px;border-bottom:1px solid #242d26} .chronicle-section>header>div{display:grid;gap:2px;min-width:0}.chronicle-section>header>div>span{color:#9d7b41;font-size:.55rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.chronicle-section>header>div>strong{color:#e3d8bc;font-size:.79rem}.chronicle-section>header>small{color:#808b82;font-size:.59rem;line-height:1.4;text-align:right} .chronicle-list{display:grid;gap:5px}.chronicle-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);gap:10px;align-items:center;padding:7px 8px;border:1px solid #222b25;border-radius:5px;background:#0d130f} .chronicle-row>div{display:grid;gap:2px;min-width:0}.chronicle-row>div>span{color:#748078;font-size:.54rem;text-transform:uppercase;letter-spacing:.06em}.chronicle-row>div>strong{min-width:0;color:#d8ded8;font-size:.69rem;overflow-wrap:anywhere}.chronicle-row>small{color:#909a91;font-size:.59rem;line-height:1.35;text-align:right;overflow-wrap:anywhere} /* Existing Guild Projects become visible permanent cooperative identity, not power creep. */ .guild-legacy-strip{display:grid;gap:6px;margin:8px 0;padding:8px;border:1px solid #364238;border-radius:7px;background:#0c120e} .guild-legacy-strip>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.guild-legacy-strip>header strong{color:#d8ca82;font-size:.71rem}.guild-legacy-strip>header small{color:#778179;font-size:.56rem} .guild-legacy-trophies{display:flex;flex-wrap:wrap;gap:5px}.guild-legacy-trophies>span{display:inline-flex;align-items:center;min-height:27px;padding:4px 7px;border:1px solid #3d493f;border-radius:999px;background:#121913;color:#b9c3ba;font-size:.58rem} @media(max-width:980px){ html:not([data-presentation-shell="mobile"]) .build-inspector-grid{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .chronicle-section>header,html:not([data-presentation-shell="mobile"]) .chronicle-row{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .chronicle-section>header>small,html:not([data-presentation-shell="mobile"]) .chronicle-row>small{text-align:left!important} } /* Phase 22 R14r — system-depth Auto goals + important-fight recap. */ .auto-fight-utility .auto-goal-control{gap:7px!important} .auto-goal-fields{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(78px,.65fr);gap:6px;align-items:end} .auto-goal-fields label{display:grid;gap:3px;min-width:0;color:#78837a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.045em} .auto-goal-fields select,.auto-goal-fields input{width:100%;min-width:0;height:34px;padding:5px 7px;border:1px solid #303a32;border-radius:4px;background:#101511;color:#cbd3cb;font:800 11px/1.2 inherit;box-sizing:border-box} .auto-goal-fields input:disabled{opacity:.48} .auto-goal-summary{display:block;color:#89958b;font-size:10px;line-height:1.3} .important-fight-recap{margin:8px 0 2px;padding:9px;border:1px solid #495946;border-radius:5px;background:#101610;box-shadow:inset 3px 0 #6c865f} .important-fight-recap>header{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:7px} .important-fight-recap>header div{display:grid;gap:1px}.important-fight-recap>header span,.important-fight-recap>header em{color:#8e9b8d;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.055em}.important-fight-recap>header strong{color:#e0dfcf;font-size:13px;line-height:1.2} .important-fight-recap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px} .important-fight-recap-grid>div,.important-fight-recap-grid>span+ b{min-width:0}.important-fight-recap-grid>div{display:grid;gap:1px;padding:5px 6px;border:1px solid #2e372e;border-radius:3px;background:#0b0f0c}.important-fight-recap-grid span{color:#778277;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.important-fight-recap-grid b{color:#cdd5cd;font-size:11px;overflow-wrap:anywhere}.important-fight-recap-grid>span{align-self:center}.important-fight-recap-grid>span+ b{grid-column:span 3;align-self:center} @media(max-width:780px){.important-fight-recap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.important-fight-recap-grid>span+ b{grid-column:span 1}} @media(max-width:420px){.auto-goal-fields{grid-template-columns:1fr}.important-fight-recap-grid{grid-template-columns:1fr}.important-fight-recap-grid>span+ b{grid-column:1}} .saved-loadout-card .saved-loadout-preview{display:block;min-width:0;color:#68736b;font-size:9px;line-height:1.25;font-weight:500;white-space:normal;overflow-wrap:anywhere} [hidden]{display:none!important} /* Phase 22 R14s — permanent-world character rail containment at large interface scale. */ html:not([data-presentation-shell="mobile"]) .classic-stat-pinned, html:not([data-presentation-shell="mobile"]) .classic-stat-pinned .classic-stat-list{ min-width:0!important; max-width:100%!important; } html:not([data-presentation-shell="mobile"]) .classic-stat-pinned .classic-stat-list{ overflow-x:clip!important; } /* Phase 22 R14s — compact desktop navigation must reflow instead of preserving the wide-desktop column-flow authority and creating hidden horizontal tracks. */ @media(max-width:980px){ html:not([data-presentation-shell="mobile"]) :is(.trade-workspace-tabs,.guild-tool-tabs,.guild-primary-nav,.progression-tabs,.progression-primary-tabs,.amulet-tabs,.reference-tabs){ grid-auto-flow:row!important; grid-auto-columns:auto!important; max-width:100%!important; overflow-x:clip!important; } } /* Phase 22 R14s — compact desktop Crafting controls keep the modern component language while reflowing to the width actually available to the workspace. */ @media(max-width:980px){ html:not([data-presentation-shell="mobile"]) .embed-target-toolbar{ grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:100%!important; } html:not([data-presentation-shell="mobile"]) .embed-target-toolbar .embed-target-search{grid-column:1/-1!important} } @media(max-width:620px){ html:not([data-presentation-shell="mobile"]) .embed-target-toolbar{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .embed-target-toolbar .embed-target-search{grid-column:auto!important} } /* Phase 22 R14s — permanent EXP bridge scenic registrations. */ .zone-bg-permanent_exp_bridge_001 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_001.svg")!important} .zone-bg-permanent_exp_bridge_002 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_002.svg")!important} .zone-bg-permanent_exp_bridge_003 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_003.svg")!important} .zone-bg-permanent_exp_bridge_004 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_004.svg")!important} .zone-bg-permanent_exp_bridge_005 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_005.svg")!important} .zone-bg-permanent_exp_bridge_006 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_006.svg")!important} .zone-bg-permanent_exp_bridge_007 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_007.svg")!important} .zone-bg-permanent_exp_bridge_008 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_008.svg")!important} .zone-bg-permanent_exp_bridge_009 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_009.svg")!important} .zone-bg-permanent_exp_bridge_010 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_010.svg")!important} .zone-bg-permanent_exp_bridge_011 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_011.svg")!important} .zone-bg-permanent_exp_bridge_012 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_012.svg")!important} .zone-bg-permanent_exp_bridge_013 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_013.svg")!important} .zone-bg-permanent_exp_bridge_014 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_014.svg")!important} .zone-bg-permanent_exp_bridge_015 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_015.svg")!important} .zone-bg-permanent_exp_bridge_016 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_016.svg")!important} .zone-bg-permanent_exp_bridge_017 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_017.svg")!important} .zone-bg-permanent_exp_bridge_018 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_018.svg")!important} .zone-bg-permanent_exp_bridge_019 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_019.svg")!important} .zone-bg-permanent_exp_bridge_020 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_020.svg")!important} .zone-bg-permanent_exp_bridge_021 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_021.svg")!important} .zone-bg-permanent_exp_bridge_022 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_022.svg")!important} .zone-bg-permanent_exp_bridge_023 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_023.svg")!important} .zone-bg-permanent_exp_bridge_024 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_024.svg")!important} .zone-bg-permanent_exp_bridge_025 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_025.svg")!important} .zone-bg-permanent_exp_bridge_026 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_026.svg")!important} .zone-bg-permanent_exp_bridge_027 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_027.svg")!important} .zone-bg-permanent_exp_bridge_028 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_028.svg")!important} .zone-bg-permanent_exp_bridge_029 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_029.svg")!important} .zone-bg-permanent_exp_bridge_030 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_030.svg")!important} .zone-bg-permanent_exp_bridge_031 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_031.svg")!important} .zone-bg-permanent_exp_bridge_032 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_032.svg")!important} .zone-bg-permanent_exp_bridge_033 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_033.svg")!important} .zone-bg-permanent_exp_bridge_034 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_034.svg")!important} .zone-bg-permanent_exp_bridge_035 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_035.svg")!important} .zone-bg-permanent_exp_bridge_036 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_036.svg")!important} .zone-bg-permanent_exp_bridge_037 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_037.svg")!important} .zone-bg-permanent_exp_bridge_038 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_038.svg")!important} .zone-bg-permanent_exp_bridge_039 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_039.svg")!important} .zone-bg-permanent_exp_bridge_040 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_040.svg")!important} .zone-bg-permanent_exp_bridge_041 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_041.svg")!important} .zone-bg-permanent_exp_bridge_042 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_042.svg")!important} .zone-bg-permanent_exp_bridge_043 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_043.svg")!important} .zone-bg-permanent_exp_bridge_044 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_044.svg")!important} .zone-bg-permanent_exp_bridge_045 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_045.svg")!important} .zone-bg-permanent_exp_bridge_046 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_046.svg")!important} .zone-bg-permanent_exp_bridge_047 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_047.svg")!important} .zone-bg-permanent_exp_bridge_048 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_048.svg")!important} .zone-bg-permanent_exp_bridge_049 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_049.svg")!important} .zone-bg-permanent_exp_bridge_050 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_050.svg")!important} .zone-bg-permanent_exp_bridge_051 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_051.svg")!important} .zone-bg-permanent_exp_bridge_052 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_052.svg")!important} .zone-bg-permanent_exp_bridge_053 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_053.svg")!important} .zone-bg-permanent_exp_bridge_054 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_054.svg")!important} .zone-bg-permanent_exp_bridge_055 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_055.svg")!important} .zone-bg-permanent_exp_bridge_056 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_056.svg")!important} .zone-bg-permanent_exp_bridge_057 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_057.svg")!important} .zone-bg-permanent_exp_bridge_058 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_058.svg")!important} .zone-bg-permanent_exp_bridge_059 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_059.svg")!important} .zone-bg-permanent_exp_bridge_060 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_060.svg")!important} .zone-bg-permanent_exp_bridge_061 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_061.svg")!important} .zone-bg-permanent_exp_bridge_062 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_062.svg")!important} .zone-bg-permanent_exp_bridge_063 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_063.svg")!important} .zone-bg-permanent_exp_bridge_064 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_064.svg")!important} .zone-bg-permanent_exp_bridge_065 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_065.svg")!important} .zone-bg-permanent_exp_bridge_066 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_066.svg")!important} .zone-bg-permanent_exp_bridge_067 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_067.svg")!important} .zone-bg-permanent_exp_bridge_068 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_068.svg")!important} .zone-bg-permanent_exp_bridge_069 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_069.svg")!important} .zone-bg-permanent_exp_bridge_070 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_070.svg")!important} .zone-bg-permanent_exp_bridge_071 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_071.svg")!important} .zone-bg-permanent_exp_bridge_072 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_072.svg")!important} .zone-bg-permanent_exp_bridge_073 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_073.svg")!important} .zone-bg-permanent_exp_bridge_074 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_074.svg")!important} .zone-bg-permanent_exp_bridge_075 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_075.svg")!important} .zone-bg-permanent_exp_bridge_076 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_076.svg")!important} .zone-bg-permanent_exp_bridge_077 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_077.svg")!important} .zone-bg-permanent_exp_bridge_078 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_078.svg")!important} .zone-bg-permanent_exp_bridge_079 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_079.svg")!important} .zone-bg-permanent_exp_bridge_080 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_080.svg")!important} .zone-bg-permanent_exp_bridge_081 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_081.svg")!important} .zone-bg-permanent_exp_bridge_082 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_082.svg")!important} .zone-bg-permanent_exp_bridge_083 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_083.svg")!important} .zone-bg-permanent_exp_bridge_084 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_084.svg")!important} .zone-bg-permanent_exp_bridge_085 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_085.svg")!important} .zone-bg-permanent_exp_bridge_086 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_086.svg")!important} .zone-bg-permanent_exp_bridge_087 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_087.svg")!important} .zone-bg-permanent_exp_bridge_088 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_088.svg")!important} .zone-bg-permanent_exp_bridge_089 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_089.svg")!important} .zone-bg-permanent_exp_bridge_090 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_090.svg")!important} .zone-bg-permanent_exp_bridge_091 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_091.svg")!important} .zone-bg-permanent_exp_bridge_092 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_092.svg")!important} .zone-bg-permanent_exp_bridge_093 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_093.svg")!important} .zone-bg-permanent_exp_bridge_094 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_094.svg")!important} .zone-bg-permanent_exp_bridge_095 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_095.svg")!important} .zone-bg-permanent_exp_bridge_096 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_096.svg")!important} .zone-bg-permanent_exp_bridge_097 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_097.svg")!important} .zone-bg-permanent_exp_bridge_098 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_098.svg")!important} .zone-bg-permanent_exp_bridge_099 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_099.svg")!important} .zone-bg-permanent_exp_bridge_100 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_100.svg")!important} .zone-bg-permanent_exp_bridge_101 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_101.svg")!important} .zone-bg-permanent_exp_bridge_102 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_102.svg")!important} .zone-bg-permanent_exp_bridge_103 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_103.svg")!important} .zone-bg-permanent_exp_bridge_104 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_104.svg")!important} .zone-bg-permanent_exp_bridge_105 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_105.svg")!important} .zone-bg-permanent_exp_bridge_106 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_106.svg")!important} .zone-bg-permanent_exp_bridge_107 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_107.svg")!important} .zone-bg-permanent_exp_bridge_108 .classic-center::before{background-image:url("/assets/zones/permanent_exp_bridge_108.svg")!important} /* Phase 22 R14s2 — stale desktop sheet scrims must fail closed for hit testing. Pointer ownership is granted only while a real visible desktop drawer exists. */ html:not([data-presentation-shell="mobile"]) .desktop-sheet-backdrop{pointer-events:none!important} html:not([data-presentation-shell="mobile"])[data-desktop-sheet-open]:has([data-tool-window][data-desktop-drawer="1"]:not([hidden])) .desktop-sheet-backdrop:not([hidden])[data-desktop-sheet-size="full"], html:not([data-presentation-shell="mobile"])[data-desktop-sheet-open]:has([data-tool-window][data-desktop-drawer="1"]:not([hidden])) .desktop-sheet-backdrop:not([hidden])[data-desktop-sheet-size="working"]{pointer-events:auto!important} /* R14n/R14s absolute semantic visibility authority: must remain last. */ [hidden]{display:none!important} /* Phase 22 R18 — shared combat-family color authority. Desktop and mobile consume the same semantic family classes; layout remains presentation-specific. */ .battle-line.battle-player.battle-family-sword{color:#d9dedb!important}.battle-line.battle-player.battle-family-axe{color:#e1b56f!important}.battle-line.battle-player.battle-family-staff{color:#82d4dc!important}.battle-line.battle-player.battle-family-mace{color:#d0ad76!important}.battle-line.battle-player.battle-family-bow,.battle-line.battle-player.battle-family-arrow{color:#9bcf8c!important}.battle-line.battle-player.battle-family-claw{color:#e58d83!important}.battle-line.battle-player.battle-family-scythe{color:#b5a1d0!important} .battle-line.battle-player.battle-family-fire{color:#ff9a62!important}.battle-line.battle-player.battle-family-cold{color:#8fdbe8!important}.battle-line.battle-player.battle-family-air{color:#b8e6ef!important}.battle-line.battle-player.battle-family-earth{color:#d1b06e!important}.battle-line.battle-player.battle-family-drain{color:#aa8ed7!important}.battle-line.battle-player.battle-family-arcane{color:#d7bcff!important}.battle-line.battle-player.battle-family-death{color:#a98db3!important}.battle-line.battle-player.battle-family-psionic{color:#e59bd6!important} .battle-line.battle-player[class*="battle-family-"]>strong:not(.special-monster-type),.battle-line.battle-player[class*="battle-family-"] .combat-monster-identity>.monster-base-name{color:inherit!important;font-weight:850!important}.battle-line.battle-critical[class*="battle-family-"]{filter:brightness(1.12);font-weight:900!important} /* R19 closure: absolute semantic visibility remains the final cascade authority. */ [hidden]{display:none!important} /* R20: compact Manual category selector is mobile-only. */ .manual-category-select{display:none} /* R20 closure: absolute semantic visibility remains the final desktop stylesheet authority. */ [hidden]{display:none!important} /* Phase 22 R14u2r21 — whole-game primitive audit readability closure. */ html:not([data-presentation-shell="mobile"]) .wr-help-note>p{ font-size:.64rem!important; line-height:1.45!important; } /* R21 FIELD closure: semantic hidden authority remains the absolute final cascade rule. */ [hidden]{display:none!important} /* R22 release stabilization — containment is a hard workspace invariant. */ #loadout-panel, #loadout-panel .personal-tool-body, #loadout-panel .wr-workspace, #loadout-panel .loadout-section, #loadout-panel .saved-loadout-grid, #loadout-panel .saved-loadout-card, #loadout-panel .saved-loadout-card>button, #loadout-panel .loadout-slot-grid, #loadout-panel .loadout-slot-card{min-width:0;max-width:100%;box-sizing:border-box} #loadout-panel .personal-tool-body{overflow-x:hidden!important} #loadout-panel .saved-loadout-grid{grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr))!important} #loadout-panel .saved-loadout-card>button{overflow:hidden} #loadout-panel .saved-loadout-card .saved-loadout-status{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere} #loadout-panel .saved-loadout-card .saved-loadout-preview{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere} #loadout-panel .loadout-section-head>*{min-width:0} #loadout-panel .loadout-section-head small{max-width:100%;overflow-wrap:anywhere} @media(max-width:760px){#loadout-panel .saved-loadout-grid,#loadout-panel .loadout-slot-grid{grid-template-columns:1fr!important}} /* Color-aware Amulet Feed picker. The canonical select remains the data/form authority. */ .amulet-feed-workspace[data-amulet-picker-ready="1"] .amulet-feed-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important} .amulet-gem-picker{position:relative;min-width:0;width:100%;margin:0} .amulet-gem-picker>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:36px;padding:0 10px;border:1px solid #6c5a2b;border-radius:4px;background:#0a100c;color:#ddd8ca;cursor:pointer} .amulet-gem-picker>summary::-webkit-details-marker{display:none}.amulet-gem-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700} .amulet-gem-picker-menu{position:absolute;z-index:80;top:calc(100% + 3px);left:0;right:0;display:grid;max-height:min(360px,55vh);overflow:auto;padding:4px;border:1px solid #4c563f;border-radius:4px;background:#101411;box-shadow:0 16px 34px #000b} .amulet-gem-picker-menu button{display:block!important;width:100%!important;min-height:32px!important;padding:5px 8px!important;border:0!important;border-radius:2px!important;background:transparent!important;text-align:left!important;font:600 .68rem/1.25 system-ui,sans-serif!important} .amulet-gem-picker-menu button:hover,.amulet-gem-picker-menu button[aria-selected="true"]{background:#ffffff12!important;outline:1px solid #8f7538} .amulet-gem-picker-empty{padding:8px;color:#778078;font-size:.62rem} /* R22 closure: semantic hidden authority remains the absolute final desktop stylesheet rule. */ [hidden]{display:none!important} /* R22d — shared Realm semantics, item-quality authority, and Guild Power slots. */ /* The player marker is an overlay. It must never erase the square's underlying semantic icon. */ .zone-map-grid .zone-tile{position:relative!important} .zone-map-grid .zone-tile.player{ background:inherit!important; color:inherit!important; box-shadow:inset 0 0 0 2px #62c978,0 0 8px rgba(98,201,120,.22)!important; } .zone-map-grid .zone-tile.player .zone-map-icon{display:inline-grid!important} .zone-map-grid .zone-tile.player>.map-player-marker{ position:absolute!important;z-index:8!important;right:3px!important;bottom:3px!important; display:block!important;width:12px!important;height:12px!important;pointer-events:none!important; background:#78d88b!important; -webkit-mask:url('/assets/mobile-v2/icons/map-player.svg') center/contain no-repeat!important; mask:url('/assets/mobile-v2/icons/map-player.svg') center/contain no-repeat!important; filter:drop-shadow(0 1px 2px #000)!important; } .map-key-panel .map-player-marker-key{ display:block!important;width:14px!important;height:14px!important;border:0!important;border-radius:0!important; background:#78d88b!important; -webkit-mask:url('/assets/mobile-v2/icons/map-player.svg') center/contain no-repeat!important; mask:url('/assets/mobile-v2/icons/map-player.svg') center/contain no-repeat!important; box-shadow:none!important; } .map-key-panel .map-legend-base i{display:grid!important;place-items:center!important;width:14px!important;height:14px!important;border-radius:2px!important;font-style:normal!important;line-height:1!important} .map-key-panel .map-legend-base .legend-sanctum{color:#a7df6a!important;background:#172414!important;border:1px solid #536d31!important} .map-key-panel .map-legend-base .legend-sanctum svg{width:13px!important;height:13px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important} .map-key-panel .map-legend-base .legend-exit{color:#79d9f7!important;background:#10272d!important;border:1px solid #2d6f7e!important} .map-key-panel .map-legend-base .legend-landmark{color:#68ca87!important;background:#132319!important;border:1px solid #376847!important} /* Institution legend icons consume the same semantic palette as their map squares. */ .map-legend-service-icon{display:grid!important;place-items:center!important;width:16px!important;height:16px!important;border:1px solid var(--svc-border,#515751)!important;border-radius:3px!important;color:var(--svc-fg,#c9ccc7)!important;background:var(--svc-bg,#161a17)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--svc-fg,#c9ccc7) 22%,transparent)!important} .map-legend-service-icon svg{width:13px!important;height:13px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important} .map-legend-service-icon.service-type-ledgerhall{--svc-fg:#e4c45f;--svc-border:#a98528;--svc-bg:#32270d} .map-legend-service-icon.service-type-iron_bazaar{--svc-fg:#e07c57;--svc-border:#9c4930;--svc-bg:#351a12} .map-legend-service-icon.service-type-spell_archive{--svc-fg:#be8cff;--svc-border:#7247ad;--svc-bg:#251637} .map-legend-service-icon.service-type-arcanium{--svc-fg:#64d8e8;--svc-border:#347f8d;--svc-bg:#102d32} .map-legend-service-icon.service-type-questmaster{--svc-fg:#f0b86b;--svc-border:#a56d29;--svc-bg:#35240f} .map-legend-service-icon.service-type-guild_hall{--svc-fg:#db6e86;--svc-border:#913b50;--svc-bg:#32151d} .map-legend-service-icon.service-type-university_archive{--svc-fg:#75a7f0;--svc-border:#406aab;--svc-bg:#14233a} .map-legend-service-icon.service-type-reincarnation_hall{--svc-fg:#dca0e8;--svc-border:#8c5197;--svc-bg:#2e1733} .map-legend-service-icon.service-type-campaign_contact{--svc-fg:#ef9375;--svc-border:#a95840;--svc-bg:#351b14} .map-legend-service-icon.service-type-mastery_registrar{--svc-fg:#89c4ff;--svc-border:#4e7fab;--svc-bg:#15283a} .map-legend-service-icon.service-type-highhold_hall{--svc-fg:#e6c36e;--svc-border:#987c35;--svc-bg:#302812} .map-legend-service-icon.service-type-highhold_storehouse{--svc-fg:#c49769;--svc-border:#7b5638;--svc-bg:#2b1f15} .map-legend-service-icon.service-type-highhold_material{--svc-fg:#8fcf8a;--svc-border:#4f8350;--svc-bg:#172b18} .map-legend-service-icon.service-type-warden_lodge{--svc-fg:#8fd7c0;--svc-border:#4d8f7b;--svc-bg:#142d26} .map-legend-service-icon.service-type-wyrmseal_atelier{--svc-fg:#d6b7ff;--svc-border:#7653a6;--svc-bg:#24172f} .map-service-key{grid-template-columns:18px minmax(0,1fr)!important} /* One canonical item-quality variable is consumed by Inventory, Embed, Craft and Upgrade. */ .wr-quality-name{color:var(--wr-item-quality-color,#e7e1d5)!important} .wr-next-quality-name{color:var(--wr-next-quality-color,#e7e1d5)!important} .inventory-browser-card-title strong{color:var(--wr-item-quality-color,var(--inventory-item-color,#e7e1d5))!important} :is(.craft-browser-row,.embed-target-card,.upgrade-target-row)[style*="--wr-item-quality-color"]{border-left-color:color-mix(in srgb,var(--wr-item-quality-color) 70%,#2d342f)!important} .craft-inspector-output[style*="--wr-item-quality-color"],.upgrade-selection-detail[style*="--wr-item-quality-color"]{box-shadow:inset 2px 0 0 color-mix(in srgb,var(--wr-item-quality-color) 70%,transparent)!important} /* Guild Power uses contained slot cards rather than one global active selector. */ .guild-power-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 10px} .guild-power-slot{min-width:0;padding:9px;border:1px solid #343d35;border-radius:4px;background:#090e0a;display:grid;gap:8px} .guild-power-slot.active{border-color:#6f6532;box-shadow:inset 0 0 0 1px rgba(206,181,77,.08)} .guild-power-slot.suspended{border-color:#665337} .guild-power-slot.locked{opacity:.72} .guild-power-slot>header{display:flex;justify-content:space-between;gap:8px;align-items:start;border-bottom:1px solid #293029;padding-bottom:6px} .guild-power-slot>header>div{display:grid;gap:2px}.guild-power-slot>header span{font-size:.55rem;text-transform:uppercase;letter-spacing:.07em;color:#7c867d}.guild-power-slot>header strong{font-size:.76rem;color:#dad7bc}.guild-power-slot>header>b{font-size:.57rem;color:#bca95d;white-space:nowrap} .guild-power-slot>p{margin:0;color:#8d978e;font-size:.62rem;line-height:1.4} .guild-power-slot-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end;margin:0} .guild-power-slot-form label{display:grid;gap:4px;min-width:0}.guild-power-slot-form label>span{font-size:.55rem;text-transform:uppercase;color:#7d867e}.guild-power-slot-form select{width:100%;min-width:0}.guild-power-slot-form button{white-space:nowrap} @media(max-width:960px){.guild-power-slot-grid{grid-template-columns:1fr}.guild-power-slot-form{grid-template-columns:minmax(0,1fr) auto}} @media(max-width:520px){.guild-power-slot-form{grid-template-columns:1fr}.guild-power-slot-form button{width:100%}} /* R22d semantic hidden authority remains last. */ [hidden]{display:none!important} /* R22d player overlay semantic-background correction: player state must not flatten the tile. */ .zone-map-grid .zone-tile.player{background:linear-gradient(#303230,#202220)!important;color:#dededb!important;border-color:#50534f!important} .zone-map-grid .zone-tile.player.landmark{color:#86d69a!important} .zone-map-grid .zone-tile.player.exit,.zone-map-grid .zone-tile.player.realm-gate{border-color:#4f8190!important;color:#79d9f7!important;background:linear-gradient(#253a40,#18272b)!important} .zone-map-grid .zone-tile.player.sanctum{border-color:#758d58!important;color:#d9ef9a!important;background:radial-gradient(circle at 50% 42%,#304523 0%,#182016 75%)!important} .zone-map-grid .zone-tile.player.hotspot{background:linear-gradient(#285a36,#183c25)!important;border-color:#63cf7e!important;color:#e4f6e7!important} .zone-map-grid .zone-tile.player.service.has-icon[class*="service-type-"]{color:var(--svc-fg)!important;border-color:var(--svc-border)!important;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--svc-bg) 84%,#fff 8%) 0%,var(--svc-bg) 74%)!important} [hidden]{display:none!important} /* R22e: shared Inventory workspace presentation; canonical quality variables stay authoritative. */ .wr-workspace{--wr-workspace-border:#343d35;--wr-workspace-surface:#101610;container-type:inline-size;min-width:0} .wr-workspace :is(section,aside,article,form,label,header,nav,div){min-width:0;box-sizing:border-box} .wr-workspace :is(strong,p,small,span){overflow-wrap:anywhere} .wr-workspace :is(input,select,button){max-width:100%;min-width:0;box-sizing:border-box} .wr-workspace [data-workspace-view][hidden]{display:none!important} .wr-workspace .wr-segment-nav{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0} .wr-workspace [data-workspace-choice][aria-pressed="true"]{border-color:#719a70!important;background:#1b2a1d!important;color:#d8efcb!important;box-shadow:inset 0 -2px #719a70} .wr-workspace :is(.wr-workspace-actions,.ascension-preserved){display:flex;flex-wrap:wrap;gap:8px;align-items:center} .wr-workspace :is(.wr-workspace-actions form){margin:0} .wr-workspace :is(.inventory-inspector-section,.craft-card-section,.saved-set-detail,.amulet-effect-category){padding:12px;border:1px solid var(--wr-workspace-border);border-radius:5px;background:var(--wr-workspace-surface)} .wr-workspace :is(.craft-card-section>header,.saved-set-detail>header){display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:10px} .wr-workspace :is(.craft-card-section>header>span,.saved-set-detail>header>span){color:#a6b1a2;font-size:.75rem} .wr-workspace summary{cursor:pointer;padding:10px 8px;line-height:1.4} .wr-workspace details{min-width:0} .wr-workspace .saved-loadout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} .wr-workspace button.saved-loadout-card{display:flex;flex-direction:column;gap:5px;text-align:left;padding:12px!important;height:auto!important;white-space:normal;min-height:74px} .wr-workspace .saved-loadout-card.status-empty{border-style:dashed!important;justify-content:center} .wr-workspace .saved-set-inspector{display:grid;gap:10px;margin-top:12px} .wr-workspace .saved-set-detail>p{color:#a6b1a2;font-size:.76rem;line-height:1.45;margin:8px 0} .wr-workspace .saved-loadout-manager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .wr-workspace .saved-loadout-manager form{display:grid;gap:6px} .wr-workspace .amulet-effect-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .wr-workspace .amulet-effect-category h4{margin:0 0 8px;color:#c8d6bc;font-size:.8rem} .wr-workspace .amulet-effect-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;line-height:1.4;border-top:1px solid #293329} .wr-workspace .amulet-effect-row strong{flex-shrink:0;font-variant-numeric:tabular-nums} .wr-workspace .amulet-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 10px;margin:0;border:0;border-bottom:1px solid #343d35;border-left:2px solid #719a70;border-radius:0;min-height:0} .wr-workspace .amulet-history-row>div{display:grid;gap:4px} .wr-workspace .amulet-history-row time{font-size:.7rem;color:#a6b1a2} .wr-workspace .ascension-route{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 12px;font-size:1.15rem;font-weight:700} .wr-workspace .ascension-cost-grid{display:grid;gap:8px} .wr-workspace .ascension-cost-grid>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:8px;border-bottom:1px solid #293329} .wr-workspace .ascension-cost-grid strong{text-align:right;font-variant-numeric:tabular-nums} .wr-workspace .ascension-preserved>span{display:block;border:1px solid #42503d;border-radius:4px;padding:6px 9px;font-size:.75rem} .wr-workspace .ascension-preserved>span::before{content:'✓ ';color:#a4c694} .wr-workspace .trade-direct-grid{display:block} .wr-workspace .wr-confirm-row{display:flex!important;align-items:center;gap:8px;grid-column:1/-1} .wr-workspace .wr-confirm-row input{width:auto!important;flex:0 0 auto} .wr-workspace .market-create-stack{display:block} .wr-workspace .market-create-drawer>summary{color:#d8efcb;background:#1b2a1d;border:1px solid #719a70;border-radius:4px} .wr-workspace [data-trade-workspace-pane="listings"]:has(.market-create-drawer[open])>.my-market-section{display:none} .wr-workspace .inventory-quick-filters{height:auto;flex-wrap:wrap;gap:6px} .wr-workspace .inventory-quick-filters button{min-height:34px;height:auto!important;font-size:.72rem!important} .wr-workspace .gem-codex-grade{grid-template-columns:minmax(64px,.7fr) minmax(0,1.5fr) minmax(0,1fr);gap:10px} @container(max-width:700px){ .wr-workspace :is(.loadout-workspace-grid,.craft-master-detail,.upgrade-master-detail){grid-template-columns:minmax(0,1fr)!important} .wr-workspace :is(.inventory-browser-toolbar,.upgrade-browser-toolbar,.market-toolbar,.my-market-toolbar,.trade-form-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px} .wr-workspace :is(.inventory-search,.upgrade-search,.embed-target-search){grid-column:1/-1} .wr-workspace :is(.upgrade-scroll-list,.craft-recipe-list){max-height:280px} .wr-workspace .amulet-effect-categories{grid-template-columns:1fr} } @container(max-width:440px){ .wr-workspace :is(.saved-loadout-manager,.trade-form-grid,.market-create-grid,.embed-target-toolbar,.upgrade-check-grid){grid-template-columns:minmax(0,1fr)!important} .wr-workspace .amulet-history-row{grid-template-columns:1fr;gap:4px} .wr-workspace .wr-workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wr-workspace .ascension-cost-grid>div{grid-template-columns:1fr;gap:4px} .wr-workspace .ascension-cost-grid strong{text-align:left} } @media(max-width:600px){.wr-workspace{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.wr-workspace :is(button,summary){min-height:40px}} [hidden]{display:none!important} /* Container breakpoints also cover resized desktop tools, independent of the window width. */ .wr-workspace.wr-workspace .wr-workspace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px} .wr-workspace.wr-workspace .wr-workspace-summary>span{min-height:0;padding:9px 10px} .wr-workspace.wr-workspace .wr-workspace-summary small{font-size:.65rem;letter-spacing:.035em} .wr-workspace.wr-workspace .trade-item-identity{display:flex;flex-wrap:wrap;align-items:center;gap:8px} @container(max-width:700px){ .wr-workspace.wr-workspace :is(.loadout-workspace-grid,.craft-master-detail,.upgrade-master-detail){grid-template-columns:minmax(0,1fr)!important;height:auto!important} .wr-workspace.wr-workspace :is(.wr-master-pane,.wr-detail-pane,.craft-browser-pane,.craft-detail-pane,.upgrade-target-pane,.upgrade-detail-pane){width:100%;max-width:100%} .wr-workspace.wr-workspace .wr-workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important} } [hidden]{display:none!important} /* R22e completion: finish the Inventory-family professionalization without changing gameplay authority. */ .wr-workspace .inventory-browser-toolbar{border-radius:6px;background:linear-gradient(180deg,#0d130f,#090d0a);padding:9px} .wr-workspace .inventory-browser-toolbar .inventory-quick-filters{align-self:end;padding:0;margin:0} .wr-workspace .inventory-quick-filters button{border-radius:999px!important;padding-inline:12px!important} .wr-workspace .inventory-quick-filters button.active{border-color:#719a70!important;background:#1b2a1d!important;color:#d8efcb!important} .wr-workspace .embed-step{transition:border-color .14s ease,background .14s ease,padding .14s ease} .wr-workspace .embed-step.complete{border-color:#465a45;background:#0d150f} .wr-workspace .embed-step.complete>header>b{border-color:#719a70;color:#d8efcb;background:#1b2a1d} .wr-workspace .embed-step.collapsed{gap:5px;padding-block:8px!important} .wr-workspace .embed-step.collapsed>header{margin-bottom:0!important;padding-bottom:4px!important} .wr-workspace .embed-gem-step.collapsed .embed-gem-controls{display:none!important} .wr-workspace .embed-target-step.collapsed :is(.embed-target-toolbar,.embed-target-authority-select,.embed-target-browser){display:none!important} .wr-workspace .embed-step.collapsed .embed-selection-summary{min-height:0!important;padding:7px 8px!important;background:#0a100c} .wr-workspace .embed-result-step.active,.wr-workspace .embed-commit-step.active{border-color:#637251} .wr-workspace .trade-item-identity{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;padding:8px 9px;border:1px solid #343d35;border-radius:5px;background:#0d130f} .wr-workspace .trade-item-identity>i{display:block;width:34px;height:34px;border:1px solid #3e493f;border-radius:5px;background:#090d0a var(--wr-possession-icon) center/24px 24px no-repeat} .wr-workspace .trade-item-identity>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0} .wr-workspace .trade-item-identity .wr-quality-name{min-width:0;overflow-wrap:anywhere} .wr-workspace .wr-confirm-preview{grid-column:1/-1;display:grid;gap:4px;padding:10px 11px;border:1px solid #465242;border-radius:5px;background:#0b120d} .wr-workspace .wr-confirm-preview>span{font-size:.63rem;text-transform:uppercase;letter-spacing:.07em;color:#8e9b8b} .wr-workspace .wr-confirm-preview>strong{font-size:.76rem;line-height:1.4;color:#e4dcc5} .wr-workspace .market-listing-type,.wr-workspace .trade-offer-card>div>span,.wr-workspace .my-market-card>div>span{letter-spacing:.06em;text-transform:uppercase;color:#8f9b90} @media(max-width:600px){ .wr-workspace .trade-item-identity{grid-template-columns:34px minmax(0,1fr)!important} .wr-workspace .trade-item-identity>i{width:30px;height:30px;background-size:21px 21px} } /* R22f — Craft Reference & History is one secondary workspace, not nested accordion walls. */ .wr-crafting-workspace .craft-reference-drawer{ overflow:hidden!important;border:1px solid #303a32!important;border-radius:7px!important;background:#090e0a!important; } .wr-crafting-workspace .craft-reference-drawer>summary{ display:flex!important;align-items:center!important;min-height:42px!important;padding:8px 11px!important;list-style:none!important;cursor:pointer!important; border:0!important;background:linear-gradient(180deg,#0d140f,#0a0f0b)!important;color:#c9c8bb!important; } .wr-crafting-workspace .craft-reference-drawer>summary::-webkit-details-marker{display:none!important} .wr-crafting-workspace .craft-reference-drawer>summary::before{content:"▸";flex:0 0 auto;margin-right:8px;color:#8b9b7d;font-size:.72rem} .wr-crafting-workspace .craft-reference-drawer[open]>summary::before{content:"▾"} .wr-crafting-workspace .craft-reference-drawer>summary>div{display:grid;gap:2px;min-width:0} .wr-crafting-workspace .craft-reference-drawer>summary strong{color:#d9cb83;font-size:.72rem!important;line-height:1.2} .wr-crafting-workspace .craft-reference-drawer>summary span{color:#7f8a81;font-size:.58rem!important;line-height:1.25} .wr-crafting-workspace .craft-reference-workspace{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;max-height:min(44vh,420px);border-top:1px solid #2b342d;background:#080c09} .wr-crafting-workspace .craft-reference-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #2d362f;background:#0b110d} .wr-crafting-workspace .craft-reference-tabs button{height:36px!important;min-height:36px!important;padding:0 8px!important;border:0!important;border-right:1px solid #293129!important;border-radius:0!important;background:transparent!important;color:#879188!important;font-size:.64rem!important;font-weight:700!important} .wr-crafting-workspace .craft-reference-tabs button:last-child{border-right:0!important} .wr-crafting-workspace .craft-reference-tabs button:hover{background:#111913!important;color:#cbc8b8!important} .wr-crafting-workspace .craft-reference-tabs button.active{background:#182019!important;color:#e1cd78!important;box-shadow:inset 0 -2px #8c7a3b!important} .wr-crafting-workspace .craft-reference-pane{min-width:0;min-height:0;padding:9px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin} .wr-crafting-workspace .craft-reference-pane[hidden]{display:none!important} .wr-crafting-workspace .craft-reference-pane-head,.wr-crafting-workspace .material-guide-inline-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:1px 2px 8px;border-bottom:1px solid #273029} .wr-crafting-workspace .craft-reference-pane-head>div,.wr-crafting-workspace .material-guide-inline-head>div{display:grid;gap:2px;min-width:0} .wr-crafting-workspace .craft-reference-pane-head span,.wr-crafting-workspace .material-guide-inline-head span{color:#768177;font-size:.55rem!important;text-transform:uppercase;letter-spacing:.08em} .wr-crafting-workspace .craft-reference-pane-head strong,.wr-crafting-workspace .material-guide-inline-head strong{color:#d7ca82;font-size:.74rem!important} .wr-crafting-workspace .craft-reference-pane-head small,.wr-crafting-workspace .material-guide-inline-head small{max-width:52ch;color:#7f8981;font-size:.59rem!important;line-height:1.35;text-align:right} .wr-crafting-workspace .material-guide-embedded{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;height:100%;overflow:hidden;border:0!important;border-radius:0!important;background:transparent!important} .wr-crafting-workspace .material-guide-embedded .material-guide-toolbar{grid-template-columns:minmax(180px,1.35fr) minmax(140px,.72fr) minmax(180px,.9fr);padding:8px 0;border-bottom:1px solid #273029;background:transparent} .wr-crafting-workspace .material-guide-embedded .material-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;max-height:none;padding:8px 1px 1px;overflow:auto;scrollbar-width:thin} .wr-crafting-workspace .material-guide-embedded .material-guide-card{gap:6px;padding:8px 9px;border-color:#2c352e;background:#0c120e} .wr-crafting-workspace .material-guide-embedded .material-guide-card>p{color:#929b93} .wr-crafting-workspace .material-guide-embedded .material-source-summary button{min-width:58px!important} .wr-crafting-workspace .material-guide-embedded .material-source-chip{min-height:31px!important;padding:4px 7px!important;background:#0e1710!important} .wr-crafting-workspace .craft-profession-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px} .wr-crafting-workspace .craft-profession-summary article{display:grid;align-content:start;gap:5px;padding:10px 11px;border:1px solid #2e3830;border-radius:5px;background:#0d130f} .wr-crafting-workspace .craft-profession-summary article>span{color:#7d887f;font-size:.56rem!important;text-transform:uppercase;letter-spacing:.07em} .wr-crafting-workspace .craft-profession-summary article>strong{color:#ddd2a1;font-size:.74rem!important;line-height:1.25} .wr-crafting-workspace .craft-profession-summary article>small{color:#919a92;font-size:.61rem!important;line-height:1.4} .wr-crafting-workspace .craft-reference-list{display:grid;gap:4px;margin-top:8px} .wr-crafting-workspace .craft-reference-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid #29332b;border-radius:4px;background:#0c110d} .wr-crafting-workspace .craft-reference-list-row>div{display:grid;gap:2px;min-width:0} .wr-crafting-workspace .craft-reference-list-row strong{color:#cfd0c5;font-size:.65rem!important;line-height:1.3} .wr-crafting-workspace .craft-reference-list-row small{color:#7e8980;font-size:.57rem!important;line-height:1.3} .wr-crafting-workspace .craft-reference-list-row>span{color:#9db28d;font-size:.57rem!important;text-transform:uppercase;letter-spacing:.06em} .wr-crafting-workspace .craft-history-filters{display:flex;gap:5px;padding:8px 0 6px} .wr-crafting-workspace .craft-history-filters button{min-height:30px!important;height:30px!important;padding:0 11px!important;border-radius:999px!important;background:#0d130f!important;color:#879189!important;font-size:.60rem!important} .wr-crafting-workspace .craft-history-filters button.active{border-color:#6f805d!important;background:#172018!important;color:#dace8a!important} .wr-crafting-workspace .craft-reference-history{display:grid;align-content:start;gap:4px;min-height:0;max-height:310px;overflow:auto;scrollbar-width:thin} .wr-crafting-workspace .craft-reference-history-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 9px;border:1px solid #29322b;border-radius:4px;background:#0b100c} .wr-crafting-workspace .craft-reference-history-row>i{width:6px;height:6px;border-radius:50%;background:#758567;box-shadow:0 0 0 2px #182019} .wr-crafting-workspace .craft-reference-history-row[data-craft-history-kind="material"]>i{background:#8b7445} .wr-crafting-workspace .craft-reference-history-row>div{display:grid;gap:2px;min-width:0} .wr-crafting-workspace .craft-reference-history-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfd0c6;font-size:.64rem!important} .wr-crafting-workspace .craft-reference-history-row small{color:#7f8981;font-size:.56rem!important;line-height:1.25} .wr-crafting-workspace .craft-reference-history-row time{color:#a69b70;font-size:.56rem!important;font-variant-numeric:tabular-nums;white-space:nowrap} .wr-crafting-workspace .craft-reference-empty{display:grid;gap:3px;padding:16px;border:1px dashed #303930;border-radius:5px;background:#0a0f0b;text-align:center} .wr-crafting-workspace .craft-reference-empty strong{color:#b9b8ad;font-size:.66rem!important} .wr-crafting-workspace .craft-reference-empty span{color:#788279;font-size:.58rem!important} /* Completed Embed steps reopen by clicking their compact header; no separate Change button. */ .wr-workspace .embed-step.collapsed>header{cursor:pointer!important} .wr-workspace .embed-step.collapsed>header::after{content:"Edit";margin-left:auto;color:#788679;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em} @container(max-width:700px){ .wr-crafting-workspace .craft-reference-workspace{max-height:min(50vh,400px)} .wr-crafting-workspace .craft-reference-pane-head,.wr-crafting-workspace .material-guide-inline-head{align-items:start;flex-direction:column;gap:4px} .wr-crafting-workspace .craft-reference-pane-head small,.wr-crafting-workspace .material-guide-inline-head small{text-align:left} .wr-crafting-workspace .material-guide-embedded .material-guide-toolbar{grid-template-columns:1fr 1fr} .wr-crafting-workspace .material-guide-embedded .material-guide-toolbar label:last-child{grid-column:1/-1} .wr-crafting-workspace .material-guide-embedded .material-guide-list{grid-template-columns:1fr} .wr-crafting-workspace .craft-profession-summary{grid-template-columns:1fr} } @container(max-width:460px){ .wr-crafting-workspace .craft-reference-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} .wr-crafting-workspace .craft-reference-tabs button:nth-child(2){border-right:0!important} .wr-crafting-workspace .craft-reference-tabs button:nth-child(-n+2){border-bottom:1px solid #293129!important} .wr-crafting-workspace .material-guide-embedded .material-guide-toolbar{grid-template-columns:1fr} .wr-crafting-workspace .material-guide-embedded .material-guide-toolbar label:last-child{grid-column:auto} .wr-crafting-workspace .craft-reference-history-row{grid-template-columns:8px minmax(0,1fr)} .wr-crafting-workspace .craft-reference-history-row time{grid-column:2;text-align:left} } /* R22h — Upgrade professionalization follow-up: clean half-width mode switcher + card-based reference/history. */ .wr-crafting-workspace .upgrade-system-switcher{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid #3a4437!important;border-radius:7px!important;overflow:hidden!important; } .wr-crafting-workspace .upgrade-system-switcher>button{ display:grid!important;place-items:center!important;min-height:46px!important;height:46px!important;padding:0 10px!important;text-align:center!important; border:0!important;border-right:1px solid #313b31!important;border-radius:0!important;background:linear-gradient(180deg,#0c120e,#090e0a)!important; color:#a3aa9e!important;box-shadow:none!important; } .wr-crafting-workspace .upgrade-system-switcher>button:last-child{border-right:0!important} .wr-crafting-workspace .upgrade-system-switcher>button strong{font-size:.80rem!important;letter-spacing:.01em!important;color:inherit!important} .wr-crafting-workspace .upgrade-system-switcher>button:hover{background:#111813!important;color:#d4d0c2!important} .wr-crafting-workspace .upgrade-system-switcher>button.active{background:linear-gradient(180deg,#31240f,#1b150c)!important;color:#f0d67b!important;box-shadow:inset 0 -2px #b68f2f!important} .wr-crafting-workspace .upgrade-secondary-drawer{ overflow:hidden!important;margin:0!important;border:1px solid #303a32!important;border-radius:7px!important;background:#090e0a!important; } .wr-crafting-workspace .upgrade-secondary-drawer>summary{ display:flex!important;align-items:center!important;min-height:42px!important;padding:8px 11px!important;list-style:none!important;cursor:pointer!important; border:0!important;background:linear-gradient(180deg,#0d140f,#0a0f0b)!important;color:#c9c8bb!important; } .wr-crafting-workspace .upgrade-secondary-drawer>summary::-webkit-details-marker{display:none!important} .wr-crafting-workspace .upgrade-secondary-drawer>summary::before{content:"▸";flex:0 0 auto;margin-right:8px;color:#8b9b7d;font-size:.72rem} .wr-crafting-workspace .upgrade-secondary-drawer[open]>summary::before{content:"▾"} .wr-crafting-workspace .upgrade-secondary-drawer>summary>div{display:grid;gap:2px;min-width:0} .wr-crafting-workspace .upgrade-secondary-drawer>summary strong{color:#d9cb83;font-size:.72rem!important;line-height:1.2} .wr-crafting-workspace .upgrade-secondary-drawer>summary span{color:#7f8a81;font-size:.58rem!important;line-height:1.25} .wr-crafting-workspace .upgrade-secondary-workspace{ display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;max-height:min(44vh,420px); border-top:1px solid #2b342d;background:#080c09; } .wr-crafting-workspace .upgrade-history-workspace{grid-template-rows:auto minmax(0,1fr);padding:9px} .wr-crafting-workspace .upgrade-reference-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid #2d362f;background:#0b110d} .wr-crafting-workspace .upgrade-reference-tabs button{ height:36px!important;min-height:36px!important;padding:0 8px!important;border:0!important;border-right:1px solid #293129!important; border-radius:0!important;background:transparent!important;color:#879188!important;font-size:.64rem!important;font-weight:700!important; } .wr-crafting-workspace .upgrade-reference-tabs button:last-child{border-right:0!important} .wr-crafting-workspace .upgrade-reference-tabs button:hover{background:#111913!important;color:#cbc8b8!important} .wr-crafting-workspace .upgrade-reference-tabs button.active{background:#182019!important;color:#e1cd78!important;box-shadow:inset 0 -2px #8c7a3b!important} .wr-crafting-workspace .upgrade-reference-pane{min-width:0;min-height:0;padding:9px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin} .wr-crafting-workspace .upgrade-reference-pane[hidden]{display:none!important} .wr-crafting-workspace .upgrade-secondary-pane-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:1px 2px 8px;border-bottom:1px solid #273029} .wr-crafting-workspace .upgrade-secondary-pane-head>div{display:grid;gap:2px;min-width:0} .wr-crafting-workspace .upgrade-secondary-pane-head span{color:#768177;font-size:.55rem!important;text-transform:uppercase;letter-spacing:.08em} .wr-crafting-workspace .upgrade-secondary-pane-head strong{color:#d7ca82;font-size:.74rem!important} .wr-crafting-workspace .upgrade-secondary-pane-head small{max-width:52ch;color:#7f8981;font-size:.59rem!important;line-height:1.35;text-align:right} .wr-crafting-workspace .runic-quality-path-hero{ display:grid;gap:6px;margin:9px 0 10px;padding:11px 12px;border:1px solid #323c34;border-radius:6px;background:linear-gradient(180deg,#101610,#0b100c); } .wr-crafting-workspace .runic-quality-path-hero>div{display:grid;gap:3px} .wr-crafting-workspace .runic-quality-path-hero span{color:#7b857d;font-size:.54rem!important;text-transform:uppercase;letter-spacing:.08em} .wr-crafting-workspace .runic-quality-path-hero strong{color:#e0cd7a;font-size:.74rem!important;line-height:1.35} .wr-crafting-workspace .runic-quality-path-hero small{color:#8a948d;font-size:.58rem!important;line-height:1.45} .wr-crafting-workspace .runic-quality-stage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .wr-crafting-workspace .runic-quality-stage-card{display:grid;gap:8px;padding:11px 12px;border:1px solid #303930;border-radius:6px;background:linear-gradient(180deg,#0e140f,#0a0f0b)} .wr-crafting-workspace .runic-quality-stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px} .wr-crafting-workspace .runic-quality-step{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid #3a443b;border-radius:999px;background:#111812;color:#a8b09f;font-size:.54rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em} .wr-crafting-workspace .runic-quality-next{color:#8c947f;font-size:.56rem!important;font-weight:600} .wr-crafting-workspace .runic-quality-stage-main{display:grid;gap:5px} .wr-crafting-workspace .runic-quality-stage-main strong{color:#e2cf7c;font-size:.74rem!important;line-height:1.2} .wr-crafting-workspace .runic-quality-stage-main p{margin:0;color:#a2aaa2;font-size:.60rem!important;line-height:1.5} .wr-crafting-workspace [data-upgrade-reference-pane="sources"] .material-guide-embedded{height:100%!important} .wr-crafting-workspace [data-upgrade-reference-pane="sources"] .material-guide-embedded .material-guide-toolbar{grid-template-columns:minmax(180px,1fr)!important} .wr-crafting-workspace [data-upgrade-reference-pane="sources"] .material-guide-embedded .material-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))!important} .wr-crafting-workspace .upgrade-history-timeline{display:grid;align-content:start;gap:8px;min-height:0;margin-top:8px;overflow:auto;scrollbar-width:thin} .wr-crafting-workspace .upgrade-history-card{position:relative;display:grid;gap:8px;padding:11px 12px 11px 16px;border:1px solid #2f3930;border-radius:6px;background:linear-gradient(180deg,#0f1510,#0a0f0b)} .wr-crafting-workspace .upgrade-history-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:6px 0 0 6px;background:#6f8669} .wr-crafting-workspace .upgrade-history-card.ascension::before{background:#9a7d46} .wr-crafting-workspace .upgrade-history-main{display:grid;gap:7px;min-width:0} .wr-crafting-workspace .upgrade-history-main header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px} .wr-crafting-workspace .upgrade-history-main strong{min-width:0;color:#d6d4c7;font-size:.69rem!important;line-height:1.25} .wr-crafting-workspace .upgrade-history-main time{flex:0 0 auto;color:#9d936c;font-size:.55rem!important;font-variant-numeric:tabular-nums;white-space:nowrap} .wr-crafting-workspace .upgrade-history-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px} .wr-crafting-workspace .upgrade-history-meta b{color:#7c826f;font-size:.60rem!important} .wr-crafting-workspace .upgrade-history-chip{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid #3a443b;border-radius:999px;background:#121812;color:#bfc5bc;font-size:.55rem!important;font-weight:700!important} .wr-crafting-workspace .upgrade-history-chip.highlight{border-color:#6b5a2f;background:#171308;color:#e7cd75} .wr-crafting-workspace .upgrade-history-empty{display:grid;gap:3px;padding:16px;border:1px dashed #303930;border-radius:5px;background:#0a0f0b;text-align:center} .wr-crafting-workspace .upgrade-history-empty strong{color:#b9b8ad;font-size:.66rem!important} .wr-crafting-workspace .upgrade-history-empty span{color:#788279;font-size:.58rem!important} @container(max-width:700px){ .wr-crafting-workspace .upgrade-system-switcher>button{min-height:46px!important;padding:7px 9px!important} .wr-crafting-workspace .upgrade-secondary-workspace{max-height:min(50vh,400px)} .wr-crafting-workspace .upgrade-secondary-pane-head{align-items:start;flex-direction:column;gap:4px} .wr-crafting-workspace .upgrade-secondary-pane-head small{text-align:left} .wr-crafting-workspace .runic-quality-stage-list{grid-template-columns:1fr} .wr-crafting-workspace [data-upgrade-reference-pane="sources"] .material-guide-embedded .material-guide-list{grid-template-columns:1fr!important} } @container(max-width:460px){ .wr-crafting-workspace .upgrade-history-main header{flex-direction:column;align-items:flex-start;gap:4px} .wr-crafting-workspace .upgrade-history-main time{text-align:left} .wr-crafting-workspace .runic-quality-stage-top{flex-direction:column;align-items:flex-start} } /* R22i — Upgrade reference/history must mirror the accepted Crafting Reference & History workspace. */ .wr-crafting-workspace .upgrade-reference-workspace .craft-reference-tabs{grid-template-columns:repeat(3,minmax(0,1fr))} .wr-crafting-workspace .upgrade-history-workspace{padding:0!important} .wr-crafting-workspace .upgrade-history-workspace .craft-reference-pane{height:100%} .wr-crafting-workspace .runic-quality-path-note{margin-top:9px;padding:10px 11px;border:1px solid #2e3830;border-radius:5px;background:#0d130f;color:#a2aba2;font-size:.61rem!important;line-height:1.45} .wr-crafting-workspace .runic-quality-path-note strong{color:#ddd2a1;font-size:.63rem!important} .wr-crafting-workspace .runic-quality-list{margin-top:8px} .wr-crafting-workspace .runic-quality-row{grid-template-columns:minmax(0,1fr) auto} .wr-crafting-workspace .runic-quality-row>span{max-width:210px;text-align:right} .wr-crafting-workspace .craft-reference-history.upgrade-history-timeline{max-height:310px;gap:4px;margin-top:8px} @container(max-width:460px){ .wr-crafting-workspace .upgrade-reference-workspace .craft-reference-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} .wr-crafting-workspace .upgrade-reference-workspace .craft-reference-tabs button:nth-child(2){border-right:0!important} .wr-crafting-workspace .upgrade-reference-workspace .craft-reference-tabs button:nth-child(-n+2){border-bottom:1px solid #293129!important} .wr-crafting-workspace .runic-quality-row{grid-template-columns:1fr} .wr-crafting-workspace .runic-quality-row>span{text-align:left;max-width:none} } /* R22j — world/institution professionalization: wall-free maps, merchant containment, Questmaster board hierarchy and Wyrmseal Atelier workspace. */ /* Armory / Spellwright: controls own layout space; only the result list scrolls. */ .service-iron_bazaar>.special-location-scroll, .service-spell_archive>.special-location-scroll{ display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding:8px 10px 10px!important; } .service-iron_bazaar .merchant-mode-tabs, .service-spell_archive .merchant-mode-tabs{ position:static!important;top:auto!important;z-index:auto!important;flex:0 0 auto!important;margin:0 0 8px!important;gap:0!important;border:1px solid #343d35!important;border-radius:7px!important;overflow:hidden!important; } .service-iron_bazaar .merchant-mode-tabs button, .service-spell_archive .merchant-mode-tabs button{ min-height:38px!important;height:38px!important;border:0!important;border-right:1px solid #2e372f!important;border-radius:0!important;background:#0c120e!important;color:#9aa39a!important;text-transform:none!important;letter-spacing:0!important; } .service-iron_bazaar .merchant-mode-tabs button:last-child, .service-spell_archive .merchant-mode-tabs button:last-child{border-right:0!important} .service-iron_bazaar .merchant-mode-tabs button.active, .service-spell_archive .merchant-mode-tabs button.active{background:#21190c!important;color:#e8cf77!important;box-shadow:inset 0 -2px #af8730!important} .service-iron_bazaar .merchant-pane:not([hidden]), .service-spell_archive .merchant-pane:not([hidden]){display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important} .service-iron_bazaar .catalog-browser, .service-spell_archive .catalog-browser{ display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;flex:1 1 auto!important;min-height:0!important;padding:0!important;overflow:hidden!important; } .service-iron_bazaar .catalog-filterbar, .service-spell_archive .catalog-filterbar{ position:static!important;top:auto!important;z-index:auto!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0 0 8px!important;padding:9px!important;border:1px solid #303a32!important;border-radius:7px!important;background:#0b110d!important;box-shadow:none!important; } .service-iron_bazaar .catalog-filterbar label, .service-spell_archive .catalog-filterbar label{min-width:0!important;gap:4px!important;color:#7f8981!important;font-size:.59rem!important} .service-iron_bazaar .catalog-filterbar :is(input,select), .service-spell_archive .catalog-filterbar :is(input,select){width:100%!important;min-width:0!important;height:36px!important;box-sizing:border-box!important;border-color:#3a443c!important;background:#0f1511!important} .service-iron_bazaar .catalog-results, .service-spell_archive .catalog-results{ min-height:0!important;max-height:none!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 4px 10px 0!important;scroll-padding-top:2px!important;scrollbar-gutter:stable!important;align-content:start!important; } .service-iron_bazaar .merchant-card, .service-spell_archive .merchant-card{min-height:100px!important;padding:10px 11px!important;border-radius:7px!important;background:linear-gradient(180deg,#0d130f,#090e0b)!important} .service-iron_bazaar .merchant-card>div, .service-spell_archive .merchant-card>div{gap:4px!important} .service-iron_bazaar .merchant-card strong, .service-spell_archive .merchant-card strong{font-size:.78rem!important;line-height:1.2!important;color:#ddd8c9!important} .service-iron_bazaar .merchant-card p, .service-spell_archive .merchant-card p{font-size:.65rem!important;line-height:1.4!important;color:#98a099!important} .service-iron_bazaar .merchant-stock-rules, .service-spell_archive .merchant-stock-rules{flex:0 0 auto;margin:8px 0 0;border:1px solid #2e3730;border-radius:6px;background:#0a0f0b} .service-iron_bazaar .merchant-stock-rules>summary, .service-spell_archive .merchant-stock-rules>summary{padding:8px 10px;cursor:pointer;color:#c8bc7c;font-size:.62rem;font-weight:700} .service-iron_bazaar .merchant-stock-rules>p, .service-spell_archive .merchant-stock-rules>p{margin:0;padding:0 10px 9px;color:#818a82;font-size:.60rem;line-height:1.4} /* Questmaster: contract board first, controls second, readable contract cards. */ .service-questmaster>.special-location-scroll{padding:8px 10px 10px!important} .questmaster-shell{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;gap:8px} .questmaster-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:0!important;border:1px solid #343d35;border-radius:7px;overflow:hidden;background:#090e0a} .questmaster-mode-tabs button{min-height:40px!important;height:40px!important;border:0!important;border-right:1px solid #303930!important;background:#0c120e!important;color:#9ca49b!important;text-transform:none!important;letter-spacing:0!important;font-size:.70rem!important} .questmaster-mode-tabs button:last-child{border-right:0!important}.questmaster-mode-tabs button.active{background:#21190c!important;color:#ead37a!important;box-shadow:inset 0 -2px #b28a31!important} .questmaster-shell>[data-questmaster-mode-pane="quests"]:not([hidden]){display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important} .questmaster-board{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;gap:8px!important;overflow:hidden!important} .quest-board-command{flex:0 0 auto;border:1px solid #303a32;border-radius:7px;background:#0a100c;overflow:hidden} .quest-board-command-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid #283129;background:linear-gradient(180deg,#101711,#0b110d)} .quest-board-command-head>div{display:grid;gap:2px;min-width:0}.quest-board-command-head span{color:#78837b;font-size:.54rem;text-transform:uppercase;letter-spacing:.08em}.quest-board-command-head strong{color:#d8ce9a;font-size:.73rem}.quest-board-command-head>b{color:#d4bd69;font-size:.64rem;white-space:nowrap} .service-questmaster .quest-board-toolbar{position:static!important;top:auto!important;z-index:auto!important;display:grid!important;grid-template-columns:auto repeat(3,minmax(130px,1fr))!important;gap:7px!important;align-items:end!important;padding:8px!important;border:0!important;border-radius:0!important;background:#090e0a!important;box-shadow:none!important} .service-questmaster .quest-board-toolbar>span{display:none!important}.quest-board-filter-pills{align-self:end;min-height:36px;align-items:stretch}.quest-board-filter-pills button{min-width:68px!important;height:36px!important;padding:0 9px!important;border-radius:4px!important;background:#101611!important;color:#89938b!important}.quest-board-filter-pills button.active{border-color:#6d7c58!important;background:#182019!important;color:#ded18a!important} .service-questmaster .quest-board-toolbar label{display:grid;gap:4px;min-width:0;color:#7c867e!important;font-size:.57rem!important;text-transform:uppercase;letter-spacing:.07em}.service-questmaster .quest-board-toolbar label>span{font-size:inherit!important}.service-questmaster .quest-board-toolbar select{width:100%;min-width:0;height:36px!important;background:#0f1511!important;border-color:#3a443c!important} .quest-contract-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1px 4px 3px 0!important;scrollbar-gutter:stable!important;align-content:start!important} .service-questmaster .quest-contract-card{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)!important;gap:0!important;min-height:122px!important;padding:0!important;border:1px solid #303a32!important;border-radius:7px!important;background:linear-gradient(180deg,#0d130f,#090e0b)!important;overflow:hidden!important} .service-questmaster .quest-contract-card:hover{border-color:#465249!important}.service-questmaster .quest-contract-card.active{border-color:#766538!important;background:linear-gradient(180deg,#171408,#0f0d07)!important}.service-questmaster .quest-contract-card.level-locked{opacity:.64} .quest-contract-copy{display:grid!important;align-content:center!important;gap:7px!important;padding:12px 13px!important}.quest-contract-heading{gap:6px!important}.quest-contract-profile,.quest-row-status{min-height:21px!important;padding:2px 7px!important;font-size:.55rem!important}.quest-contract-target{font:700 .82rem/1.25 Georgia,serif!important;color:#e2dccd!important}.quest-contract-meta{gap:5px 12px!important;margin:0!important;color:#8e978f!important;font-size:.61rem!important}.quest-contract-realm{color:#c2ba96!important;font-weight:700} .service-questmaster .quest-contract-aside{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:8px!important;padding:11px 12px!important;border-left:1px solid #29322b!important;background:#0b110d!important;text-align:left!important} .quest-contract-time{align-self:flex-end;color:#958c6d!important;font-size:.58rem!important}.quest-contract-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.quest-contract-rewards>span{display:grid;gap:2px;padding:6px 7px;border:1px solid #2d372f;border-radius:4px;background:#0e1510}.quest-contract-rewards small{color:#778179;font-size:.49rem!important;text-transform:uppercase;letter-spacing:.06em}.quest-contract-rewards strong{color:#d4c47c;font-size:.61rem!important;line-height:1.25;overflow-wrap:anywhere}.quest-contract-rewards>span:last-child strong{color:#d9b75e} .service-questmaster .quest-contract-action{align-self:stretch!important;width:100%!important}.service-questmaster .quest-contract-action button{width:100%!important;min-height:32px!important}.service-questmaster .quest-contract-status{align-self:stretch!important;text-align:center!important;justify-content:center!important} .quest-active-summary,.quest-claim-card,.quest-cooldown-card.service{border:1px solid #3a4437!important;border-radius:7px!important;background:linear-gradient(180deg,#101711,#0b100c)!important;padding:10px 11px!important}.quest-claim-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}.quest-claim-card button{min-width:130px}.quest-cooldown-card.service{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}.quest-active-summary strong,.quest-claim-card strong,.quest-cooldown-card strong{color:#dfd4ad!important} .quest-board-rules{flex:0 0 auto;border:1px solid #2e3730;border-radius:6px;background:#090e0a}.quest-board-rules>summary{padding:8px 10px;cursor:pointer;color:#c6b976;font-size:.61rem;font-weight:700}.quest-board-rules>p{margin:0;padding:0 10px 9px;color:#7e8780;font-size:.59rem;line-height:1.4} .service-questmaster [data-questmaster-mode-pane="hunts"]:not([hidden]){padding:0!important}.hunt-board{display:grid;gap:9px}.hunt-card-list{gap:7px!important}.hunt-card{border-radius:7px!important;background:linear-gradient(180deg,#0d130f,#090e0b)!important}.hunt-board-summary{border-radius:7px!important} /* Wyrmseal Atelier: current state + two focused workspaces instead of a text ledger. */ .wyrmseal-atelier{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;gap:8px!important} .wyrmseal-current{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)!important;align-items:stretch!important;gap:0!important;padding:0!important;border:1px solid #423b31!important;border-radius:8px!important;background:linear-gradient(135deg,#12160f,#0a0f0b)!important;overflow:hidden!important}.wyrmseal-current.empty{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr)!important} .wyrmseal-current-copy{display:grid;align-content:center;gap:5px;padding:12px 13px}.wyrmseal-current-copy>span{color:#8e794b!important;font-size:.54rem!important;text-transform:uppercase;letter-spacing:.08em}.wyrmseal-current-copy>strong{color:#e1d5b0!important;font:700 .90rem/1.2 Georgia,serif!important}.wyrmseal-current-copy>p{margin:0!important;color:#9da59e!important;font-size:.63rem!important;line-height:1.45!important}.wyrmseal-current-copy>small{color:#cbbb74!important;font-size:.61rem!important;line-height:1.35!important} .wyrmseal-current-side{display:grid;align-content:center;gap:8px;padding:10px;border-left:1px solid #2f372f;background:#0c120e}.wyrmseal-current-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px;border-left:1px solid #2f372f;background:#0c120e}.wyrmseal-current-side .wyrmseal-current-metrics{padding:0;border:0;background:transparent}.wyrmseal-current-metrics>span{display:grid;gap:2px;align-content:center;padding:7px;border:1px solid #303a32;border-radius:5px;background:#101611}.wyrmseal-current-metrics small{color:#778179;font-size:.49rem!important;text-transform:uppercase;letter-spacing:.06em}.wyrmseal-current-metrics strong{color:#d4c67e;font-size:.62rem!important;line-height:1.25}.wyrmseal-current-side form{display:flex;justify-content:flex-end}.wyrmseal-current-side button{min-height:31px!important} .wyrmseal-mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #343d35;border-radius:7px;overflow:hidden;background:#090e0a}.wyrmseal-mode-tabs button{height:40px!important;border:0!important;border-right:1px solid #303930!important;border-radius:0!important;background:#0c120e!important;color:#99a198!important;font-size:.70rem!important;font-weight:800!important}.wyrmseal-mode-tabs button:last-child{border-right:0!important}.wyrmseal-mode-tabs button.active{background:#21190c!important;color:#ead27a!important;box-shadow:inset 0 -2px #b08831!important} .wyrmseal-mode-pane:not([hidden]){display:flex;flex:1 1 auto;flex-direction:column;min-height:0;padding:10px;border:1px solid #303a32;border-radius:7px;background:#090e0a;overflow:hidden}.wyrmseal-mode-pane[hidden]{display:none!important}.wyrmseal-pane-head{display:flex;align-items:end;justify-content:space-between;gap:12px;flex:0 0 auto;padding:0 2px 9px;border-bottom:1px solid #283129}.wyrmseal-pane-head>div{display:grid;gap:2px}.wyrmseal-pane-head span{color:#78837b;font-size:.54rem!important;text-transform:uppercase;letter-spacing:.08em}.wyrmseal-pane-head strong{color:#ddd2a0;font-size:.76rem!important}.wyrmseal-pane-head small{color:#9d9065;font-size:.58rem!important;text-align:right} .wyrmseal-sigil-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;min-height:0!important;margin-top:9px!important;overflow-y:auto!important;padding-right:3px!important;scrollbar-gutter:stable}.wyrmseal-sigil-card{display:grid!important;grid-template-rows:auto minmax(48px,1fr) auto auto!important;gap:8px!important;padding:11px!important;border:1px solid #303a32!important;border-radius:7px!important;background:linear-gradient(180deg,#0e140f,#0a0f0b)!important}.wyrmseal-sigil-card.active{border-color:#79683a!important;background:linear-gradient(180deg,#181508,#100e07)!important}.wyrmseal-sigil-card header strong{font-size:.75rem!important;color:#ddd6c8!important}.wyrmseal-sigil-card header b{padding:3px 6px;border:1px solid #6f6036;border-radius:999px;color:#e2ca72!important;font-size:.52rem!important;text-transform:uppercase}.wyrmseal-sigil-card p{font-size:.62rem!important;line-height:1.45!important;color:#9da59e!important}.wyrmseal-switch-warning{padding:6px 7px;border-left:2px solid #8e653b;background:#171108;color:#b99b72;font-size:.56rem;line-height:1.35}.wyrmseal-sigil-card footer{align-self:end}.wyrmseal-sigil-card footer form{margin:0}.wyrmseal-sigil-card footer button{width:100%!important;min-height:33px!important} .wyrmseal-tier-list{display:grid!important;gap:7px!important;min-height:0!important;margin-top:9px!important;overflow-y:auto!important;padding-right:3px!important;scrollbar-gutter:stable}.wyrmseal-tier{display:grid!important;grid-template-columns:minmax(90px,.25fr) minmax(0,1fr) minmax(150px,.35fr)!important;align-items:center!important;gap:12px!important;padding:10px 11px!important;border:1px solid #303a32!important;border-radius:7px!important;background:linear-gradient(180deg,#0e140f,#0a0f0b)!important}.wyrmseal-tier.current{border-color:#78683a!important;background:#171408!important}.wyrmseal-tier.available{border-color:#486045!important}.wyrmseal-tier.locked{opacity:.56}.wyrmseal-tier-id{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:2px 7px!important}.wyrmseal-tier-id>span{grid-row:1/3}.wyrmseal-tier-id strong{font-size:.70rem!important}.wyrmseal-tier-id b{color:#879188;font-size:.51rem;text-transform:uppercase;letter-spacing:.06em}.wyrmseal-tier.current .wyrmseal-tier-id b{color:#d8c577}.wyrmseal-tier.available .wyrmseal-tier-id b{color:#8fbd8d}.wyrmseal-tier-effect{display:grid;gap:3px!important}.wyrmseal-tier-effect>span{color:#758078!important;font-size:.50rem!important;text-transform:uppercase;letter-spacing:.07em}.wyrmseal-tier-effect>strong{color:#d5c579!important;font-size:.66rem!important}.wyrmseal-tier-effect>small{color:#858f87!important;font-size:.56rem!important;line-height:1.35!important}.wyrmseal-tier-action form{margin:0}.wyrmseal-tier-action button{width:100%!important;min-height:32px!important}.wyrmseal-empty-state{display:grid;place-items:center;align-content:center;gap:4px;min-height:160px;border:1px dashed #343e35;border-radius:6px;background:#0b100c;text-align:center}.wyrmseal-empty-state strong{color:#c9c5b6}.wyrmseal-empty-state span{max-width:42ch;color:#7d8780;font-size:.60rem;line-height:1.4} .wyrmseal-rules{flex:0 0 auto;border:1px solid #2e3730;border-radius:6px;background:#090e0a}.wyrmseal-rules>summary{padding:8px 10px;cursor:pointer;color:#c7ba78;font-size:.61rem;font-weight:700}.wyrmseal-rules>p{margin:0;padding:0 10px 9px;color:#7f8881;font-size:.59rem;line-height:1.4} @media(max-width:1050px){ .service-iron_bazaar .catalog-filterbar,.service-spell_archive .catalog-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important} .service-questmaster .quest-board-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quest-board-filter-pills{grid-column:1/-1}.service-questmaster .quest-contract-card{grid-template-columns:1fr!important}.service-questmaster .quest-contract-aside{border-left:0!important;border-top:1px solid #29322b!important}.quest-contract-time{align-self:flex-start} .wyrmseal-current,.wyrmseal-current.empty{grid-template-columns:1fr!important}.wyrmseal-current-side,.wyrmseal-current-metrics{border-left:0!important;border-top:1px solid #2f372f!important}.wyrmseal-tier{grid-template-columns:minmax(80px,.25fr) minmax(0,1fr)!important}.wyrmseal-tier-action{grid-column:1/-1}.wyrmseal-tier-action button{width:100%!important} } @media(max-width:620px){ .service-iron_bazaar>.special-location-scroll,.service-spell_archive>.special-location-scroll{overflow:auto!important}.service-iron_bazaar .merchant-pane:not([hidden]),.service-spell_archive .merchant-pane:not([hidden]){overflow:visible!important}.service-iron_bazaar .catalog-browser,.service-spell_archive .catalog-browser{overflow:visible!important}.service-iron_bazaar .catalog-filterbar,.service-spell_archive .catalog-filterbar{grid-template-columns:1fr!important}.service-iron_bazaar .catalog-results,.service-spell_archive .catalog-results{max-height:520px!important;min-height:240px!important;overflow-y:auto!important} .quest-board-command-head{align-items:flex-start;flex-direction:column}.service-questmaster .quest-board-toolbar{grid-template-columns:1fr!important}.quest-board-filter-pills{grid-column:auto}.quest-contract-rewards{grid-template-columns:1fr!important}.quest-claim-card,.quest-cooldown-card.service{grid-template-columns:1fr!important}.quest-claim-card button{width:100%}.questmaster-shell>[data-questmaster-mode-pane="quests"]:not([hidden]){overflow:visible!important}.questmaster-board{overflow:visible!important}.quest-contract-list{max-height:520px!important;min-height:260px!important;flex:0 0 auto!important} .wyrmseal-current-metrics{grid-template-columns:1fr 1fr!important}.wyrmseal-current-metrics>span:last-child{grid-column:1/-1}.wyrmseal-sigil-grid{grid-template-columns:1fr!important}.wyrmseal-tier{grid-template-columns:1fr!important}.wyrmseal-tier-action{grid-column:auto}.wyrmseal-pane-head{align-items:flex-start;flex-direction:column}.wyrmseal-pane-head small{text-align:left}.wyrmseal-mode-pane:not([hidden]){overflow:visible}.wyrmseal-sigil-grid,.wyrmseal-tier-list{max-height:520px;min-height:0} } /* R22m — exact legacy Guild-building boon ladder presentation. */ .guild-holding-effect-list,.guild-holding-next-effects{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px} .guild-holding-effect-list>span,.guild-holding-next-effects>small{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border:1px solid #3b463d;border-radius:999px;background:#0c130e;color:#c7cfbf;font-size:.58rem;line-height:1.25} .guild-holding-next-effects>small{border-color:#65562f;background:#171308;color:#e1c86f} /* R22o — desktop Questmaster and Realm-map presentation repair. */ html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-board-toolbar{ grid-template-columns:minmax(240px,.9fr) repeat(3,minmax(150px,1fr))!important; gap:8px!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-board-filter-pills{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; width:100%!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-board-filter-pills button{ width:100%!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-card{ grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important; grid-template-rows:auto auto!important; min-height:0!important; overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-copy{ grid-column:1!important; grid-row:1!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-aside{ grid-column:2!important; grid-row:1!important; min-height:100%!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer{ grid-column:1/-1!important; grid-row:2!important; display:grid!important; min-width:0!important; padding:8px 10px!important; border-top:1px solid #30382f!important; background:#090f0b!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer .quest-contract-action{ display:grid!important; width:100%!important; margin:0!important; gap:3px!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer .quest-contract-action button{ width:100%!important; min-height:36px!important; margin:0!important; font-size:.67rem!important; font-weight:800!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer .quest-contract-action small{ text-align:center!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer>.quest-contract-status{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:32px!important; width:100%!important; text-align:center!important; } @media(max-width:1050px){ html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-board-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important} html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-board-filter-pills{grid-column:1/-1!important} html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-card{grid-template-columns:1fr!important} html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-copy{grid-column:1!important;grid-row:1!important} html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-aside{grid-column:1!important;grid-row:2!important;border-left:0!important;border-top:1px solid #29322b!important} html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer{grid-column:1!important;grid-row:3!important} } html:not([data-presentation-shell="mobile"]) .zone-map-grid .zone-tile.player>.map-player-marker{ left:50%!important; top:50%!important; right:auto!important; bottom:auto!important; transform:translate(-50%,-50%)!important; width:14px!important; height:14px!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel{ width:100%!important; margin-top:8px!important; padding:0 8px 8px!important; border:1px solid #303a32!important; border-radius:7px!important; background:linear-gradient(180deg,#0b110d,#080d09)!important; overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel>summary{ margin:0 -8px!important; min-height:30px!important; padding:6px 9px!important; justify-content:flex-start!important; border:0!important; border-bottom:1px solid #2b342d!important; background:#101711!important; color:#d4c47d!important; font-size:.66rem!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel .map-key-section-title{ width:100%!important; margin:8px 0 4px!important; padding:0!important; border:0!important; text-align:left!important; color:#8e967f!important; font-size:.55rem!important; letter-spacing:.08em!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel .map-legend.map-legend-base{ width:100%!important; margin:0!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:5px!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel .map-legend.map-legend-base>span{ display:grid!important; grid-template-columns:18px minmax(0,1fr)!important; align-items:center!important; gap:6px!important; min-height:29px!important; padding:4px 6px!important; border:1px solid #2d3730!important; border-radius:4px!important; background:#0d140f!important; color:#adb4ac!important; font-size:.60rem!important; text-align:left!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel .map-legend-base i, html:not([data-presentation-shell="mobile"]) .map-key-panel .map-player-marker-key{ width:16px!important; height:16px!important; margin:0!important; justify-self:center!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel .map-service-legend{ width:100%!important; margin:0!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel .map-service-key{ display:grid!important; grid-template-columns:18px minmax(0,1fr)!important; align-items:center!important; gap:6px!important; min-height:29px!important; padding:4px 6px!important; border:1px solid #29332c!important; border-radius:4px!important; background:#0c130e!important; color:#a7afa7!important; font-size:.58rem!important; line-height:1.2!important; text-align:left!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel .map-legend-service-icon, html:not([data-presentation-shell="mobile"]) .map-key-panel .map-service-key .legend-service-type{ width:16px!important; height:16px!important; margin:0!important; justify-self:center!important; } html:not([data-presentation-shell="mobile"]) .map-key-panel .map-hotspot-row{ width:100%!important; margin:8px 0 0!important; padding:6px 7px!important; border:1px solid #29402f!important; border-radius:4px!important; background:#0b160f!important; text-align:left!important; justify-content:flex-start!important; } /* R22o — Counting Hall desktop containment repair. The prior wide-screen workspace nested a two-column bank grid inside a second narrow transfer column. In the actual realm center this could collapse action buttons to min-content width, producing one-letter-per-line labels and text escaping the cards. Keep the ledger as one coherent desktop workbench. */ html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledgerhall-workbench{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; width:100%!important; max-width:none!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledgerhall-workbench>.bank-balance-grid, html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledgerhall-workbench>.ledger-bank-grid, html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledgerhall-workbench>.ledger-transfer-card{ grid-column:1!important; min-width:0!important; width:100%!important; position:static!important; margin:0!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledger-bank-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; align-items:stretch!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall :is(.ledger-balance-card,.ledger-bank-card,.ledger-transfer-card){ min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall :is(.ledger-bank-card,.ledger-transfer-card)>header{ align-items:flex-start!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall :is(.ledger-bank-card,.ledger-transfer-card)>header>div, html:not([data-presentation-shell="mobile"]) .service-ledgerhall :is(.ledger-bank-card,.ledger-transfer-card)>header>small{ min-width:0!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall :is(.ledger-bank-card,.ledger-transfer-card)>header>small{ max-width:48%!important; overflow-wrap:normal!important; word-break:normal!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledger-amount-form{ grid-template-columns:minmax(0,1fr) minmax(96px,auto)!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledger-deposit-all{ display:grid!important; width:100%!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledger-deposit-all button{ width:100%!important; min-width:0!important; max-width:none!important; min-height:32px!important; height:auto!important; padding:6px 10px!important; white-space:normal!important; overflow-wrap:normal!important; word-break:normal!important; text-wrap:balance!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall :is(.ledger-amount-form,.ledger-transfer-form,.ledger-quick-amounts) button{ overflow-wrap:normal!important; word-break:normal!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledger-transfer-form{ grid-template-columns:minmax(180px,1.15fr) minmax(160px,.85fr) minmax(110px,auto)!important; min-width:0!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledger-transfer-form button{ min-width:110px!important; white-space:nowrap!important; } @container realm-center (max-width:760px){ html:not([data-presentation-shell="mobile"]) .service-ledgerhall :is(.ledger-balance-grid,.ledger-bank-grid){ grid-template-columns:1fr!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledger-transfer-form{ grid-template-columns:1fr!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall .ledger-transfer-form button{ width:100%!important; } html:not([data-presentation-shell="mobile"]) .service-ledgerhall :is(.ledger-bank-card,.ledger-transfer-card)>header>small{ max-width:none!important; text-align:left!important; } } /* R22p — desktop Inventory browser containment and hierarchy closure. The R22e runtime card contract includes icon/title/badges/detail/open nodes, while legacy desktop CSS still forced them through a two-column, two-row 60px grid. That implicit placement clipped names, badges, socket chips and gem descriptions. Desktop now owns the full card geometry explicitly; mobile remains untouched. */ html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar{ grid-template-columns:minmax(320px,1fr) minmax(190px,280px) minmax(300px,auto)!important; grid-template-areas:"search sort quick"!important; align-items:end!important; gap:8px!important; min-height:0!important; padding:9px!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar>.inventory-search{grid-area:search!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar>label:not(.inventory-search){grid-area:sort!important;min-width:0!important} html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar>.inventory-quick-filters{ grid-area:quick!important; display:grid!important; grid-template-columns:repeat(3,minmax(88px,1fr))!important; align-self:end!important; width:100%!important; height:36px!important; gap:5px!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar>.inventory-quick-filters>button{ width:100%!important; min-width:0!important; height:36px!important; min-height:36px!important; padding:0 10px!important; border-radius:6px!important; white-space:nowrap!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel[data-inventory-category="gem"] .inventory-browser-toolbar{ grid-template-columns:minmax(320px,1fr) minmax(220px,320px)!important; grid-template-areas:"search sort"!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-item-browser{ grid-template-columns:minmax(390px,.88fr) minmax(520px,1.12fr)!important; gap:10px!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-list{ padding:6px!important; gap:5px!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-group{ position:sticky!important; top:-6px!important; z-index:3!important; display:flex!important; align-items:center!important; min-height:25px!important; height:25px!important; margin:0 -1px 1px!important; padding:0 8px!important; border-bottom:1px solid #303930!important; background:#0d130f!important; color:#839087!important; font-size:.54rem!important; line-height:1!important; letter-spacing:.08em!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card{ position:relative!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) auto!important; grid-template-rows:auto auto!important; grid-template-areas:"icon title badges" "icon detail detail"!important; align-items:center!important; column-gap:9px!important; row-gap:4px!important; width:100%!important; height:auto!important; min-height:68px!important; max-height:none!important; margin:0!important; padding:8px 9px!important; box-sizing:border-box!important; overflow:hidden!important; border:1px solid #29322b!important; border-radius:6px!important; background:#0b100c!important; text-align:left!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card:hover{ border-color:#435147!important; background:#101711!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card.selected{ border-color:#657951!important; background:linear-gradient(90deg,#142019,#0d140f)!important; box-shadow:inset 3px 0 #9cb56d!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-icon{ grid-area:icon!important; display:grid!important; place-items:center!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; align-self:center!important; border:1px solid #344038!important; border-radius:5px!important; background:#090e0a!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-icon>i{ display:block!important; width:24px!important; height:24px!important; background:var(--inventory-card-icon) center/contain no-repeat!important; opacity:.92!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-title{ grid-area:title!important; min-width:0!important; overflow:hidden!important; align-self:end!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-title strong{ display:block!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:.72rem!important; line-height:1.25!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-badges{ grid-area:badges!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:4px!important; min-width:0!important; max-width:220px!important; max-height:none!important; overflow:hidden!important; align-self:end!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-card-badge{ flex:0 0 auto!important; padding:2px 5px!important; font-size:.48rem!important; line-height:1.2!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-detail{ grid-area:detail!important; display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:8px!important; min-width:0!important; overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-meta{ display:block!important; min-width:0!important; margin:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#869088!important; font-size:.56rem!important; line-height:1.3!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-detail>.gem-slot-chip-list{ min-width:0!important; max-width:100%!important; display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:4px!important; overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-detail>.gem-slot-chip-list .gem-slot-chip{ min-width:0!important; max-width:150px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-metrics{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:4px!important; min-width:max-content!important; white-space:nowrap!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-metric{ min-width:0!important; height:20px!important; padding:0 5px!important; border-radius:3px!important; font-size:.50rem!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-card-open{display:none!important} html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-inspector{ padding:10px!important; gap:9px!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-compare-panel{ min-width:0!important; margin-top:0!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-compare-empty{ min-height:30px!important; display:flex!important; align-items:center!important; padding:6px 8px!important; overflow-wrap:anywhere!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .unified-inventory-actions.wr-sticky-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:7px!important; min-height:48px!important; } @container(max-width:980px){ html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar{ grid-template-columns:minmax(0,1fr) minmax(180px,.65fr)!important; grid-template-areas:"search sort" "quick quick"!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar>.inventory-quick-filters{height:34px!important} html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar>.inventory-quick-filters>button{height:34px!important;min-height:34px!important} html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-item-browser{ grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)!important; } } @container(max-width:760px){ html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-item-browser{ grid-template-columns:1fr!important; grid-template-rows:minmax(250px,.85fr) minmax(320px,1.15fr)!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-browser-toolbar{ grid-template-columns:1fr!important; grid-template-areas:"search" "sort" "quick"!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel[data-inventory-category="gem"] .inventory-browser-toolbar{ grid-template-columns:1fr!important; grid-template-areas:"search" "sort"!important; } } /* R22q — desktop Questmaster contract geometry closure. The contract list must scroll full-height cards; it must never compress all contract rows to fit the visible list viewport. */ html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-list{ display:flex!important; flex-direction:column!important; align-items:stretch!important; align-content:normal!important; gap:8px!important; min-height:0!important; height:auto!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; padding:2px 5px 4px 0!important; scrollbar-gutter:stable!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-card{ flex:0 0 auto!important; align-self:stretch!important; display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important; grid-template-rows:auto auto!important; min-height:132px!important; height:auto!important; max-height:none!important; overflow:hidden!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-copy, html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-aside{ min-height:84px!important; height:auto!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer{ min-height:46px!important; height:auto!important; align-items:center!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer .quest-contract-action, html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer>.quest-contract-status{ min-height:36px!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer .quest-contract-action button{ min-height:38px!important; height:auto!important; white-space:nowrap!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-board-filter-pills button{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media(max-width:1050px){ html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-card{ grid-template-columns:1fr!important; min-height:0!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-copy, html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-aside{ min-height:0!important; } } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer .quest-contract-action{ grid-template-columns:minmax(0,1fr)!important; justify-content:stretch!important; justify-items:stretch!important; align-items:stretch!important; justify-self:stretch!important; max-width:none!important; } html:not([data-presentation-shell="mobile"]) .service-questmaster .quest-contract-footer .quest-contract-action button{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; justify-self:stretch!important; } /* R22s — desktop Inventory inspector intrinsic-height closure. The inspector is a scrolling flex column. Its detail/comparison siblings must never flex-shrink below their rendered content or sections such as Sockets will visually run underneath the comparison panel. */ html:not([data-presentation-shell="mobile"]) #inventory-panel .unified-inventory-detail, html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-compare-panel, html:not([data-presentation-shell="mobile"]) #inventory-panel .unified-inventory-actions.wr-sticky-actions, html:not([data-presentation-shell="mobile"]) #inventory-panel .inventory-equip-tools{ flex-shrink:0!important; } html:not([data-presentation-shell="mobile"]) #inventory-panel .unified-inventory-detail{ height:auto!important; max-height:none!important; overflow:visible!important; } /* R22y — combat narration family identity + immutable Special identity. */ .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-sword{color:#d7e1e6!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-axe{color:#d99a57!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-staff{color:#78cbd0!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-mace{color:#c7955d!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-bow{color:#82bd77!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-arrow{color:#b8c96d!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-shield{color:#8aa6c8!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-claw{color:#e27e76!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-scythe{color:#b59bd0!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-fire{color:#ff8d45!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-cold{color:#79d4eb!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-air{color:#f0d25a!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-earth{color:#b78452!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-drain{color:#a682cf!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-arcane{color:#cbb0ff!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-death{color:#9c8aa7!important} .battle-line:is(.battle-player,.battle-enemy,.battle-muted).battle-family-psionic{color:#df8dcc!important} .battle-line[class*="battle-family-"]>strong:not(.special-monster-type), .battle-line[class*="battle-family-"] .combat-monster-identity>.monster-base-name{color:inherit!important;font-weight:850!important} .battle-line .combat-monster-identity{display:inline-flex!important;align-items:baseline!important;gap:4px!important;max-width:100%!important;vertical-align:baseline!important;white-space:normal!important} .battle-line .combat-monster-identity>.monster-base-name{min-width:0!important} .battle-line .combat-monster-identity>.combat-narration-special{margin:0!important;top:0!important;white-space:nowrap!important;overflow-wrap:normal!important} .battle-line[class*="battle-family-"] strong.special-monster-type.combat-narration-special, .battle-line[class*="battle-family-"] .special-monster-type.combat-narration-special{ color:var(--special-color,var(--encounter-special-color,#f4d35e))!important; border-color:color-mix(in srgb,var(--special-color,var(--encounter-special-color,#f4d35e)) 55%,#333)!important; text-shadow:0 0 8px color-mix(in srgb,var(--special-color,var(--encounter-special-color,#f4d35e)) 42%,transparent)!important; filter:none!important; } /* R22y — Trade property browser: make large inventories searchable and sortable before opening native selectors. */ .trade-property-toolbar{grid-column:1/-1;display:grid;grid-template-columns:minmax(170px,1.35fr) minmax(110px,.7fr) minmax(150px,.9fr);gap:6px;align-items:end;padding:7px;border:1px solid #2e3731;border-radius:6px;background:#080d09} .trade-property-toolbar label{display:grid!important;gap:3px!important;min-width:0!important;margin:0!important;color:#849087!important;font-size:.66rem!important;font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important} .trade-property-toolbar input,.trade-property-toolbar select{width:100%!important;min-width:0!important;height:31px!important;border:1px solid #3b443d!important;background:#0e1410!important;color:#dde3de!important;padding:0 7px!important;font-size:.72rem!important;text-transform:none!important;letter-spacing:normal!important} .trade-property-toolbar input:focus,.trade-property-toolbar select:focus{border-color:#6f8f74!important;outline:1px solid #465d4a!important;outline-offset:0!important} @media(max-width:900px){.trade-property-toolbar{grid-template-columns:1fr 1fr}.trade-property-toolbar label:first-child{grid-column:1/-1}} /* R22y campaign objective destination authority */ .campaign-objective-breakdown{display:grid;gap:3px;margin-top:6px;padding-top:5px;border-top:1px solid #252e27}.campaign-objective-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.campaign-objective-breakdown>div>span{min-width:0;color:#949d95!important;font-size:.62rem!important;line-height:1.3;text-transform:none!important;letter-spacing:0!important;overflow-wrap:anywhere}.campaign-objective-breakdown>div>strong{flex:0 0 auto;color:#d8d4bd!important;font-size:.62rem!important;white-space:nowrap}.campaign-journal-objective .campaign-objective-breakdown{grid-column:1/-1;margin-top:1px}.campaign-contract-grid .campaign-objective-breakdown{margin-top:4px}