:root{
  --deep:#06090f;
  --panel:#0c1119;
  --panel2:#111824;
  --line:rgba(183,201,218,.14);
  --ink:#f4f1ff;
  --muted:#a9afbd;
  --blue:#8b5cf6;
  --violet:#c064ff;
  --cyan:#56e0cf;
  --green:#70e0a8;
  --amber:#ffc86a;
}
body{
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    radial-gradient(circle at 12% 0%,rgba(98,58,166,.22),transparent 31%),
    linear-gradient(180deg,#070910,#090d14 52%,#05070b);
  background-size:48px 48px,48px 48px,auto,auto;
}
.aurora-one{background:#6f36a7;opacity:.17}.aurora-two{background:#0c8d80;opacity:.12}
.site-header{height:72px;background:rgba(7,9,15,.9);border-bottom-color:rgba(199,164,255,.16)}
.brand img{border-radius:50%;box-shadow:0 0 0 1px rgba(196,154,255,.28),0 0 34px rgba(126,80,216,.24)}
.brand small{color:#c4a1ff}
.button{border-radius:7px;background:linear-gradient(110deg,#7547d5,#a64de3);box-shadow:0 9px 28px rgba(104,54,183,.24)}
.button:hover{box-shadow:0 13px 34px rgba(132,62,207,.34)}
.hero{min-height:610px;grid-template-columns:1.16fr .84fr}
.hero-copy{border-left:3px solid #a66bf4;padding-left:28px}
.hero h1{font-size:clamp(48px,6.5vw,82px);font-weight:780}
.hero h1 span{background:linear-gradient(90deg,#c391ff,#f1abf1 55%,#72dfcf);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art>img{border-radius:4px;clip-path:polygon(0 0,94% 0,100% 12%,100% 100%,6% 100%,0 88%)}
.floating-card{border-radius:4px;background:rgba(7,12,19,.94)}
.stats-strip{border-radius:3px;background:rgba(10,15,23,.82);box-shadow:none}
.stats-strip strong{color:#d4b9ff}
.profile-preview,.wide-cta{border-radius:4px;clip-path:polygon(0 0,97% 0,100% 12%,100% 100%,3% 100%,0 88%)}
.wide-cta{background:linear-gradient(100deg,rgba(107,61,173,.38),rgba(21,87,81,.25))}

/* DaevaHub uses a horizontal command deck rather than another site's side rail. */
.toolkit-view{padding-top:46px}
.tool-app-layout{display:block}
.tool-sidebar{position:static;max-height:none;overflow:visible;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;margin-bottom:16px}
.tool-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 10px;margin:0;border:0}
.tool-sidebar-heading span{color:#d1afff}.tool-sidebar-heading small{color:#7f8591}
.tool-sidebar .tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.tool-sidebar .tool-card{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;min-height:68px;padding:10px;border-radius:4px;background:rgba(12,17,26,.88);border-color:rgba(191,201,216,.13)}
.tool-sidebar .tool-card:hover,.tool-sidebar .tool-card.active{background:linear-gradient(135deg,rgba(103,55,168,.32),rgba(19,83,76,.19));border-color:rgba(191,139,255,.5)}
.tool-sidebar .tool-icon{width:30px;height:38px;border-radius:3px;background:rgba(151,91,229,.14);color:#d8bcff}
.tool-sidebar .tool-card h3{font-size:11px;line-height:1.25;margin:0;min-width:0}.tool-sidebar .tool-card p{display:none}
.workspace{margin:0;border-radius:4px;box-shadow:0 26px 70px rgba(0,0,0,.34);background:linear-gradient(145deg,rgba(14,19,29,.98),rgba(7,10,16,.98));border-color:rgba(200,173,240,.16)}
.tool-panel{padding:40px}.privacy-pill{border-radius:4px}
.panel-title{border-bottom:1px solid rgba(188,202,219,.13);padding-bottom:22px}
.eyebrow{color:#c8a0ff}.tool-panel h2{font-weight:720}

/* A single panel changes from instructions to connected state. */
.connection-layout{display:block}
.connection-state{min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-radius:4px;background:transparent;border:0;padding:0}
.connection-state.connected{display:flex;min-height:190px;border-radius:4px;padding:24px;background:linear-gradient(120deg,rgba(28,86,75,.28),rgba(91,43,142,.25))}
.connection-step{border:1px solid rgba(195,174,225,.15);padding:18px;background:#0c121b;min-height:115px}
.connection-step>b{border-radius:3px;background:rgba(150,88,226,.14);color:#d5b5ff}
.connection-orb{border-radius:3px;background:linear-gradient(135deg,#6d42c3,#198f82)}
.linked-character{border-radius:4px;background:#0c121b}

.rift-source-note,.correction-banner,.discord-alert-note{border-radius:4px;background:linear-gradient(100deg,rgba(41,95,88,.2),rgba(93,51,143,.16));border:1px solid rgba(101,221,199,.2)}
.countdown-card{border-radius:4px;background:#0c121b}.countdown-card.featured{background:linear-gradient(145deg,rgba(91,49,151,.37),rgba(21,68,67,.3))}
.schedule-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.schedule-columns>section{border:1px solid var(--line);background:rgba(10,15,23,.72);padding:18px}
.schedule-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:10px}
.schedule-heading span{font-size:8px;letter-spacing:.14em;color:#c49bf9;font-weight:900}.schedule-heading h3{font-size:15px;margin:0}
.schedule-list{display:grid;gap:7px}
.schedule-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;padding:11px;border-left:2px solid rgba(157,96,230,.35);background:#0c121b}
.schedule-row.next{border-left-color:#5fe0c7;background:linear-gradient(90deg,rgba(34,112,98,.2),#0c121b 55%)}
.schedule-mark{font-size:7px;font-weight:900;color:#cab0ed;letter-spacing:.08em}.schedule-row div{display:grid;gap:3px}.schedule-row strong{font-size:11px}.schedule-row small{font-size:8px;color:#87909e;line-height:1.45}.schedule-row>b{font-size:10px;color:#69dbc6;white-space:nowrap}
.discord-alert-note{display:flex;gap:14px;align-items:center;margin-top:16px;padding:16px}.discord-alert-note>span{font-size:26px;color:#69ddc8}.discord-alert-note strong{font-size:12px}.discord-alert-note p{margin:4px 0 0;color:#929aa8;font-size:10px;line-height:1.55}


@media(max-width:1120px){.tool-sidebar .tool-grid{grid-template-columns:repeat(4,1fr)}.system-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.tool-sidebar .tool-grid{display:flex;overflow-x:auto}.tool-sidebar .tool-card{min-width:180px}.schedule-columns{grid-template-columns:1fr}.connection-state{grid-template-columns:1fr}}
@media(max-width:650px){.hero-copy{padding-left:18px}.tool-panel{padding:24px 15px}.system-grid{grid-template-columns:1fr}.schedule-row{grid-template-columns:43px 1fr}.schedule-row>b{grid-column:2}.site-header nav{display:flex}.site-header nav a{font-size:10px}.site-header .brand{margin-right:auto}}

/* Character sheets */
.character-card{padding:0;overflow:hidden;min-height:190px}
.character-card-open{width:100%;height:100%;min-height:190px;padding:22px;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}
.character-card-open:hover .character-open-label,.character-card-open:focus-visible .character-open-label{color:#fff;transform:translateX(3px)}
.character-card-open small{font-size:9px;color:#8fdfff;letter-spacing:.1em}
.character-card-open h3{margin:12px 0 5px}
.character-card-open p{color:#a9b1c8;font-size:12px;line-height:1.55;margin-bottom:18px}
.character-open-label{margin-top:auto;color:#cb99ff;font-size:11px;font-weight:800;transition:.2s}
.character-card>.icon-button{z-index:2}

/* Build Studio */
.build-studio-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.75fr);gap:18px;align-items:start}
.build-editor,.build-side>section,.build-snapshot{border:1px solid rgba(190,145,255,.2);background:#0d0a20;border-radius:14px;padding:18px}
.build-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.build-editor-grid .wide{grid-column:1/-1}
.build-editor textarea{min-height:104px}
.build-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.build-side{display:grid;gap:12px}
.build-share-card h3{margin:0 0 7px;font-size:17px}.build-share-card>p:not(.eyebrow){color:#9da6bf;font-size:12px;line-height:1.55}.build-share-card .button{width:100%;margin-top:8px}
.build-snapshot{display:grid;gap:13px}.build-snapshot-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.build-snapshot-head small{color:#c99bff;font-size:9px;letter-spacing:.14em}.build-snapshot-head h3{margin:4px 0 0}.build-snapshot-head>span{color:#64e7cf;font-weight:800;font-size:12px}
.build-snapshot-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.build-snapshot-stats span{padding:9px 7px;border:1px solid rgba(190,145,255,.14);border-radius:8px;color:#8992aa;font-size:9px;text-align:center}.build-snapshot-stats b{display:block;color:#fff;font-size:15px;margin-bottom:2px}
.build-snapshot details{border-top:1px solid rgba(190,145,255,.14);padding-top:10px}.build-snapshot summary{cursor:pointer;color:#d9d9e8;font-size:11px;font-weight:800}.build-snapshot-list{display:grid;gap:6px;margin-top:9px;max-height:210px;overflow:auto}.build-snapshot-list span{display:grid;grid-template-columns:105px 1fr;gap:7px;color:#a4acc0;font-size:10px}.build-snapshot-list b{color:#d2a2ff;font-size:9px}
.build-library-heading{display:flex;justify-content:space-between;align-items:end;margin:28px 0 12px}.build-library-heading h3{margin:0}.build-library-heading .eyebrow{margin-bottom:5px}.build-library-heading>span{color:#8c95ac;font-size:11px}
.build-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.build-library.empty-state{display:block}
.build-library-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start;border:1px solid rgba(190,145,255,.18);background:#0d0a20;border-radius:12px;padding:9px}.build-library-open{border:0;background:transparent;color:inherit;text-align:left;padding:8px;cursor:pointer}.build-library-open small{color:#c999ff;font-size:9px;letter-spacing:.08em}.build-library-open h3{margin:7px 0 5px}.build-library-open p{color:#a4acc0;font-size:11px;margin-bottom:7px}.build-library-open span{color:#757e96;font-size:9px}.build-library-card>div{display:flex;gap:5px}
.gear-priority.progression{border-color:rgba(186,117,255,.5);background:linear-gradient(135deg,rgba(112,55,169,.2),rgba(12,12,28,.88))}.gear-priority.progression em{color:#d5a2ff}
@media(max-width:980px){.build-studio-layout{grid-template-columns:1fr}.build-library{grid-template-columns:1fr}}
@media(max-width:650px){.build-editor-grid{grid-template-columns:1fr}.build-editor-grid .wide{grid-column:auto}.build-actions>*{flex:1}.build-library-card{grid-template-columns:1fr}.build-library-card>div{justify-content:flex-end}.build-snapshot-stats{grid-template-columns:1fr 1fr 1fr}}