/*
 * DaevaHub "Abyssal Glass" identity.
 * Amethyst marks actions; pale lavender and warm gold distinguish navigation and live data.
 * Angular fracture planes add atmosphere without placing glow blooms beneath the content.
 */
:root{
  --ink:#f7f3fb;
  --muted:#b7aec4;
  --deep:#08060d;
  --panel:#110d18;
  --panel2:#191321;
  --line:rgba(198,176,224,.18);
  --cyan:#c8afff;
  --blue:#7546dc;
  --violet:#b65cff;
  --green:#f0b75c;
  --amber:#f0b75c;
  --aether:#c8afff;
  --aether-soft:#eee2ff;
  --ember:#8e5ae8;
  --ember-soft:#d59aff;
  --surface:#110d18;
  --surface-raised:#191321;
  --surface-quiet:#0b0811;
  --shadow:0 25px 75px rgba(0,0,0,.46);
}

html{background:#08060d}
body{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(116deg,transparent 0 14%,rgba(126,76,205,.075) 14.15% 17.5%,transparent 17.7% 100%),
    linear-gradient(64deg,transparent 0 73%,rgba(212,142,229,.055) 73.15% 76%,transparent 76.2% 100%),
    repeating-linear-gradient(122deg,rgba(255,255,255,.014) 0 1px,transparent 1px 86px),
    linear-gradient(180deg,#08060d 0%,#0b0811 48%,#06050a 100%);
}
body::before,body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
}
body::before{
  inset:0 -8%;
  background:
    linear-gradient(128deg,transparent 0 8%,rgba(125,71,205,.13) 8.2% 10.5%,transparent 10.7% 100%),
    linear-gradient(128deg,transparent 0 20%,rgba(191,120,236,.055) 20.2% 31%,transparent 31.2% 100%),
    linear-gradient(52deg,transparent 0 80%,rgba(232,180,255,.06) 80.2% 83%,transparent 83.2% 100%);
  clip-path:polygon(0 0,100% 0,100% 100%,83% 100%,73% 74%,52% 100%,24% 100%,14% 66%,0 82%);
}
body::after{
  opacity:.26;
  background-image:
    linear-gradient(102deg,transparent 0 39%,rgba(231,213,255,.24) 39.08% 39.15%,transparent 39.23%),
    linear-gradient(78deg,transparent 0 67%,rgba(194,157,244,.18) 67.08% 67.14%,transparent 67.22%),
    repeating-linear-gradient(90deg,transparent 0 159px,rgba(226,207,246,.025) 160px,transparent 161px);
  background-size:430px 430px,580px 580px,100% 100%;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.58) 38%,transparent 92%);
}
.aurora{z-index:-2;filter:none;border-radius:0;pointer-events:none}
.aurora-one{width:760px;height:190px;right:-250px;top:12%;background:linear-gradient(90deg,transparent,rgba(135,75,220,.16),transparent);opacity:1;transform:rotate(-23deg);clip-path:polygon(0 38%,100% 0,100% 48%,0 100%)}
.aurora-two{width:680px;height:150px;left:-260px;top:61%;background:linear-gradient(90deg,transparent,rgba(213,143,244,.095),transparent);opacity:1;transform:rotate(18deg);clip-path:polygon(0 0,100% 41%,100% 100%,0 46%)}

/* Chrome and typography */
.site-header{
  background:rgba(8,6,13,.92);
  border-bottom-color:rgba(198,176,224,.16);
  box-shadow:0 10px 35px rgba(0,0,0,.2);
}
.brand img{box-shadow:0 0 0 1px rgba(195,154,255,.34),0 0 34px rgba(126,74,211,.24)}
.brand small,.eyebrow,.tool-sidebar-heading span,.schedule-heading span{color:var(--aether)}
.site-header nav a:hover{background:rgba(148,94,226,.1)}
.site-header nav a.active{color:#fff;background:rgba(139,80,221,.18);box-shadow:inset 0 0 0 1px rgba(198,151,255,.22)}
.hero-copy{border-left-color:#a567f0}
.hero h1 span{
  background:linear-gradient(92deg,#f4eaff 0%,#c795ff 48%,#ffd49a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.text-link span,.profile-top small,.official-identity small,.connection-status.loading,.profile-status.loading{color:#c8afff}
.trust-row span:before,.tool-state.live{color:var(--amber)}
.stats-strip strong{color:#e0c9ff}
.fine-print,.empty-state{color:#829492}

/* Background flare around the hero, never beneath body copy. */
.hero-art>img{
  border-color:rgba(194,158,241,.24);
  box-shadow:var(--shadow),18px 22px 0 rgba(108,61,174,.08);
}
.hero-art:before{
  inset:-2% 2%;
  background:linear-gradient(128deg,rgba(145,84,229,.22),transparent 46%),linear-gradient(308deg,rgba(232,176,255,.12),transparent 42%);
  filter:blur(24px);
  clip-path:polygon(0 21%,18% 0,100% 0,86% 100%,0 78%);
}
.hero-art:after{
  content:"";position:absolute;inset:-28px -24px;z-index:-1;opacity:.48;
  border:1px solid rgba(191,155,239,.14);
  clip-path:polygon(0 17%,12% 0,87% 0,100% 14%,100% 82%,89% 100%,13% 100%,0 86%);
}
.floating-card,.stats-strip{background:rgba(12,9,17,.95);border-color:rgba(193,171,218,.18)}

/* Primary and secondary interactions */
.button,.connection-orb{
  color:#fff;
  background:linear-gradient(112deg,#7143d3,#aa55ed);
  box-shadow:0 10px 30px rgba(119,65,206,.28);
}
.button:hover{box-shadow:0 15px 38px rgba(150,79,230,.4)}
.mini-button,.official-tab,.filter{
  color:#e7d8fb;
  border-color:rgba(191,151,241,.26);
  background:rgba(124,73,192,.13);
}
.mini-button:hover,.official-tab:hover,.filter:hover{border-color:rgba(201,161,251,.55);background:rgba(145,82,219,.21)}
.official-tab.active,.filter.active{color:#fff;border-color:#b575ff;background:#8150d8}
input,select,textarea{background:#0b0811;border-color:rgba(194,168,222,.2)}
input:focus,select:focus,textarea:focus{border-color:#b373f4;box-shadow:0 0 0 3px rgba(156,91,225,.15)}
.icon-button{background:rgba(226,100,81,.12);color:#ff9e8e}

/* Surfaces: atmospheric outside, deliberately quiet inside. */
.workspace,.profile-preview{
  border-color:rgba(196,172,224,.19);
  background:linear-gradient(145deg,rgba(16,12,23,.99),rgba(8,6,13,.995));
}
.panel-title{border-bottom-color:rgba(195,175,218,.14)}
.privacy-pill{color:#dfcaf8;background:rgba(126,75,184,.13);border-color:rgba(190,151,235,.21)}
.tool-sidebar .tool-card,.tool-card{border-color:rgba(192,170,216,.16);background:rgba(15,11,21,.92)}
.tool-sidebar .tool-card:hover,.tool-sidebar .tool-card.active,.tool-card:hover,.tool-card.active{
  border-color:rgba(190,132,255,.52);
  background:linear-gradient(135deg,rgba(91,47,145,.42),rgba(35,24,43,.38));
  box-shadow:inset 3px 0 0 rgba(179,102,251,.85),0 15px 34px rgba(0,0,0,.22);
}
.tool-sidebar .tool-icon,.tool-icon,.placeholder-panel .large-glyph{
  color:#d4b8fa;background:rgba(128,76,190,.15);
}
.tool-state.beta{color:#ffc485;background:rgba(221,119,61,.12)}
.connection-step,.linked-character,.countdown-card,.result-grid article,.list-item,.material-row,.saved-card,.character-card,.class-card,.connection-steps,.connection-state{
  border-color:rgba(193,170,219,.16);background:#100c17;
}
.connection-step>b,.map-pack-icon,.community-detail-icon,.contribution-detail>span:first-child{
  color:#dcc4fa;background:rgba(127,75,187,.14);border-color:rgba(190,150,236,.22);
}
.connection-state.connected,.rift-source-note,.correction-banner,.discord-alert-note,.countdown-card.featured,.official-hero,.wide-cta{
  border-color:rgba(190,147,240,.24);
  background:linear-gradient(118deg,rgba(73,41,116,.42),rgba(34,25,42,.44));
}
.schedule-columns>section{background:rgba(11,8,16,.92)}
.schedule-row{border-left-color:rgba(146,87,224,.55);background:#100c17}
.schedule-row.next{border-left-color:var(--amber);background:linear-gradient(90deg,rgba(106,70,34,.22),#100c17 58%)}
.schedule-mark,.schedule-row>b,.discord-alert-note>span{color:#d0b4f5}
.character-card.main,.linked-character.main{border-color:rgba(184,119,250,.58)}
.character-card-open small,.character-open-label{color:#c8a4f2}

/* Data, build, and gear workspaces */
.database-summary article,.database-browser,.database-detail,.database-result,.database-facts>div,.database-fact,.database-inline-link,.database-stat-list>div,
.build-editor,.build-side>section,.build-snapshot,.loadout-simulator,.build-library-card,.build-item-picker,.build-item-option{
  border-color:rgba(193,169,218,.16);background:#0f0b16;
}
.database-summary strong,.database-detail-head small,.build-snapshot-head small,.build-library-open small,.loadout-slot-name small,.loadout-item small,.build-item-picker-head small,.build-item-option small{color:#cba7f4}
.build-snapshot-head>span{color:var(--amber)}
.database-result:hover,.database-result.selected,.database-inline-link:hover,.build-item-option:hover,.build-item-option:focus-visible{
  border-color:#b271f0;background:rgba(102,55,156,.24);
}
.database-result>i,.database-detail-glyph{background:rgba(125,73,185,.16);color:#e1cafb}
.database-tags span,.build-item-option-stats i,.loadout-rolls span{border-color:rgba(191,151,236,.2);background:rgba(117,66,174,.12);color:#d0c1df}
.loadout-simulator{background:linear-gradient(145deg,rgba(15,11,22,.99),rgba(8,6,13,.995))}
.loadout-metrics article{border-color:rgba(190,164,218,.15);background:rgba(32,21,45,.68)}
.loadout-metrics small,.loadout-stat-deltas small,.loadout-stat-deltas .gain{color:#d2b4f7}
.loadout-stat-deltas{border-color:rgba(190,151,235,.17);background:rgba(49,29,68,.3)}
.loadout-slot{border-color:rgba(191,166,218,.14);background:rgba(11,8,16,.88)}
.loadout-slot.changed,.gear-priority.progression{border-color:rgba(180,111,246,.44);background:linear-gradient(90deg,rgba(92,48,137,.22),rgba(11,8,16,.9))}
.loadout-arrow,.gear-priority.progression em{color:#d5a1ff}
.build-item-picker{border-color:rgba(181,112,247,.37);box-shadow:0 18px 50px rgba(0,0,0,.32)}
.build-item-option.current{border-color:rgba(194,135,250,.42)}

/* Keep semantic rarity/status colors, but remove decorative purple. */
.database-result>i.heroic,.database-detail-glyph.heroic{color:#ffb27b;background:rgba(195,94,50,.18)}
.community-layer-legend i.reference{background:#a765ec}
.roadmap article,.roadmap article.done{border-color:rgba(192,166,221,.2);background:linear-gradient(155deg,rgba(26,17,37,.94),rgba(12,9,17,.96))}
.roadmap small,.roadmap article>span,.roadmap article.done small{color:#c39aef}

/* Remove the previous green/teal accents from specialized tools. */
.tool-state.live,.database-result>i.recipe,.shared-access-officer,.community-result i.owned,.community-detail-icon.owned,
.community-map-stats .owned-stat strong,.contribution-evidence,.shared-inbox-head .eyebrow{color:#f0bc68!important}
.tool-state.live,.database-result>i.recipe{background:rgba(185,124,38,.14)}
.community-map-toolbar>.button.active,.community-result.owned.selected{border-color:#b67af0;background:rgba(112,63,170,.24);color:#f1e5ff}
.community-map-scroll.picking{border-color:#b67af0;box-shadow:inset 0 0 80px rgba(83,43,126,.25),0 0 0 2px rgba(183,122,241,.13)}
.community-layer-legend i.owned,.community-owned-diamond{background:#f0b75c;fill:#f0b75c;stroke:#fff3dc}
.community-owned-halo{fill:rgba(183,119,242,.16);stroke:#b67af0}
.community-marker.owned.selected .community-owned-halo,.community-marker.owned:focus .community-owned-halo{fill:rgba(183,119,242,.3);stroke:#fff}
.contribution-map-tip{border-left-color:#b67af0}.contribution-map-tip strong{color:#dec3fa}

@media(max-width:650px){
  body::after{opacity:.18;background-size:300px 300px,390px 390px,100% 100%}
  .hero-art:after{inset:-14px -10px}
  .build-snapshot-stats{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}