:root{--aqua:#61e0d3;--aqua-soft:#61e0d324;--border:#e7e4ff1c;--border-strong:#e7e4ff33;--canvas:#0a0b19;--canvas-elevated:#111228;--canvas-soft:#17182f;--gold:#e8bd67;--gold-soft:#e8bd6724;--muted:#a6a7bd;--radius-lg:1.5rem;--radius-md:1rem;--shadow:0 24px 80px #00000040;--text:#f6f3ff;--violet:#9885ef;--violet-soft:#9885ef24}*{box-sizing:border-box}html{background:var(--canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:320px}body{background:radial-gradient(circle at 88% 8%, #5c49a621, transparent 30rem), radial-gradient(circle at 55% 70%, #339b960f, transparent 34rem), var(--canvas);color:var(--text);text-rendering:optimizelegibility;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=tab]:focus-visible{outline-offset:3px;outline:3px solid #61e0d3a6}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong{letter-spacing:-.025em;font-family:Georgia,Times New Roman,serif}svg{stroke-width:1.8px;flex:none}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--aqua);color:#071615;z-index:100;border-radius:0 0 .75rem;padding:.75rem 1rem;font-weight:800;transition:top .16s;position:fixed;top:-5rem;left:0}.skip-link:focus{top:0}.app-frame{min-height:100vh}.sidebar{border-right:1px solid var(--border);z-index:20;background:linear-gradient(#ffffff06,#0000 30%),#0e0f20f2;flex-direction:column;width:16.5rem;padding:1.75rem 1rem 1.25rem;display:none;position:fixed;top:0;bottom:0;left:0}.brand,.topbar__brand{align-items:center;gap:.75rem;display:flex}.brand{padding:0 .65rem 2rem}.brand__mark{border:1px solid var(--border-strong);background:linear-gradient(145deg,#9885ef47,#61e0d31f);border-radius:.85rem;justify-content:center;align-items:center;width:2.65rem;height:2.65rem;display:flex;box-shadow:inset 0 0 18px #9885ef1f}.brand__mark svg{color:var(--aqua);width:1.45rem;height:1.45rem}.brand strong,.brand small{display:block}.brand strong{font-size:1.15rem}.brand small{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-top:.16rem;font-size:.68rem}.sidebar__nav{gap:.3rem;display:grid}.nav-label{color:#787a92;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem .75rem;font-size:.66rem;font-weight:800}.nav-link{color:#b8b8cb;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.8rem;min-height:2.85rem;padding:.65rem .75rem;font-size:.86rem;font-weight:650;transition:all .15s;display:flex}.nav-link:hover{color:var(--text);background:#ffffff09}.nav-link svg{width:1.12rem;height:1.12rem}.nav-link--active{color:#fff;background:linear-gradient(100deg,#9885ef29,#61e0d30d);border-color:#9885ef2e}.nav-link--active svg{color:var(--aqua)}.sidebar__footer{border-top:1px solid var(--border);margin-top:auto;padding:1rem .65rem 0}.sidebar__footer>p{color:#85869e;margin:.65rem 0 1rem;font-size:.72rem;line-height:1.55}.role-select{gap:.4rem;display:grid}.role-select>span:first-child{color:#86879c;letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:750}.role-select__control{position:relative}.role-select select{appearance:none;border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:.65rem;width:100%;min-height:2.5rem;padding:0 2.2rem 0 .75rem}.role-select__control svg{pointer-events:none;width:.9rem;height:.9rem;position:absolute;top:.8rem;right:.75rem}.app-frame__content{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:15;background:#0a0b19c7;justify-content:space-between;align-items:center;height:4rem;padding:0 1rem;display:flex;position:sticky;top:0}.topbar__brand{font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700}.topbar__brand svg{color:var(--aqua);width:1.15rem;height:1.15rem}.topbar__identity{align-items:center;gap:.65rem;margin-left:auto;display:flex}.topbar__identity>div{text-align:right;display:none}.topbar__identity strong,.topbar__identity span{display:block}.topbar__identity strong{font-size:.8rem}.topbar__identity>div span{color:var(--muted);margin-top:.12rem;font-size:.65rem}.avatar,.record-row__avatar,.character-hero__avatar{background:linear-gradient(145deg, var(--violet), #4d3f94);color:#fff;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;font-family:Georgia,Times New Roman,serif;font-weight:800;display:flex}.avatar{width:2.15rem;height:2.15rem}.prototype-banner{color:#a9dcd6;text-align:center;background:#61e0d312;border-bottom:1px solid #61e0d31f;justify-content:center;align-items:center;gap:.45rem;min-height:2rem;padding:.35rem .8rem;font-size:.68rem;display:flex}.prototype-banner svg{width:.8rem;height:.8rem}.main-content{max-width:93rem;margin:0 auto;padding:1.65rem 1rem 7rem}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-strong);padding:.35rem max(.15rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.15rem, env(safe-area-inset-left));z-index:30;background:#0d0e1df0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__link{color:#85869c;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-width:0;min-height:3.2rem;padding:.35rem .1rem;font-size:.58rem;font-weight:700;display:flex}.bottom-nav__link svg{width:1.1rem;height:1.1rem}.bottom-nav__link span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav__link--active{background:var(--violet-soft);color:#fff}.bottom-nav__link--active svg{color:var(--aqua)}.page-stack{gap:1.25rem;display:grid}.page-heading{justify-content:space-between;align-items:end;gap:1rem;padding:.35rem 0 .5rem;display:flex}.page-heading h1,.character-hero h1{margin:.35rem 0 .65rem;font-size:clamp(2rem,6vw,3.35rem);font-weight:500;line-height:1.03}.page-heading p{color:var(--muted);max-width:43rem;margin:0;font-size:.88rem;line-height:1.65}.page-heading__actions{display:none}.eyebrow{color:var(--aqua);letter-spacing:.13em;text-transform:uppercase;font-size:.66rem;font-weight:850;display:block}.button{cursor:pointer;border:1px solid #0000;border-radius:.72rem;justify-content:center;align-items:center;gap:.5rem;font-weight:760;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.42}.button svg{width:1rem;height:1rem}.button--default{min-height:2.85rem;padding:.7rem 1rem}.button--compact{min-height:2.45rem;padding:.55rem .78rem;font-size:.76rem}.button--icon{width:2.5rem;height:2.5rem;padding:0}.button--primary{color:#fff;background:linear-gradient(135deg,#7562cd,#4b3c92);box-shadow:0 8px 25px #422f8f42}.button--primary:hover:not(:disabled){background:linear-gradient(135deg,#8370db,#5746a4)}.button--secondary{background:var(--aqua-soft);color:#b7f0ea;border-color:#61e0d333}.button--outline{border-color:var(--border-strong);color:#ddd9eb;background:#ffffff06}.button--ghost{color:var(--muted);background:0 0}.button--ghost:hover:not(:disabled){color:var(--text);background:#ffffff0d}.card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff09,#0000 60%),#111228c2;overflow:hidden}.card__header{justify-content:space-between;align-items:center;gap:.8rem;padding:1.15rem 1.15rem 0;display:flex}.card__title{margin:0;font-size:1.06rem;font-weight:600}.card__description{color:var(--muted);margin:.22rem 0 0;font-size:.72rem}.card__content{padding:1.15rem}.card-icon{background:var(--violet-soft);color:#c1b6fa;border:1px solid #9885ef2e;border-radius:.8rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.card-icon svg{width:1.2rem;height:1.2rem}.badge{border:1px solid var(--border);color:#c0c0d1;letter-spacing:.035em;text-transform:uppercase;background:#ffffff0e;border-radius:999px;align-items:center;gap:.3rem;padding:.38rem .58rem;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.badge svg{width:.72rem;height:.72rem}.badge--aqua{background:var(--aqua-soft);color:#9cece3;border-color:#61e0d32e}.badge--gold{background:var(--gold-soft);color:#edcb89;border-color:#e8bd672e}.badge--violet{background:var(--violet-soft);color:#c8bffa;border-color:#9885ef2e}.hero-grid,.two-column-grid,.card-grid{gap:1rem;display:grid}.realm-card{background:radial-gradient(circle at 80% 20%,#61e0d31f,#0000 20rem),linear-gradient(135deg,#4e3d8f57,#111228d1);min-height:17rem}.realm-card .card__content{align-items:end;height:100%;min-height:17rem;display:grid;position:relative}.realm-card__orbit{border:1px solid #61e0d329;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-3rem;right:-2rem;transform:rotate(-20deg)}.realm-card__orbit:after,.realm-card__orbit:before,.realm-card__orbit span{content:"";border:1px solid #9885ef1f;border-radius:50%;position:absolute;inset:1.5rem}.realm-card__orbit:after{inset:3.2rem}.realm-card__orbit span:first-child{background:var(--aqua);border:0;width:.42rem;height:.42rem;inset:1.1rem auto auto 2.2rem;box-shadow:0 0 25px #61e0d3b3}.realm-card__orbit span:nth-child(2){background:var(--gold);border:0;width:.3rem;height:.3rem;inset:5.3rem 1.05rem auto auto}.realm-card__orbit span:nth-child(3){background:var(--violet);bottom:1.8rem;border:0;width:.35rem;height:.35rem;inset:auto auto auto 2.9rem}.realm-card__orbit svg{color:#61e0d3b3;width:2rem;height:2rem;position:absolute;top:5rem;left:5rem}.realm-card__copy{z-index:2;max-width:33rem;position:relative}.realm-card__copy h2{margin:.8rem 0 .65rem;font-size:clamp(1.65rem,5vw,2.35rem);font-weight:500;line-height:1.08}.realm-card__copy p,.next-action-card p{color:#b3b2c7;margin-bottom:0;font-size:.82rem;line-height:1.65}.next-action-card .card__header{justify-content:flex-start}.next-action-card .card__content strong{font-family:Georgia,Times New Roman,serif;font-size:1.18rem;font-weight:500;display:block}.next-action-card .button{margin-top:1rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.metric-card{border-radius:var(--radius-md);box-shadow:none}.metric-card .card__content{align-items:center;gap:.75rem;padding:.9rem;display:flex}.metric-card__icon{border-radius:.7rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}.metric-card__icon svg{width:1.12rem;height:1.12rem}.metric-card__icon--violet{background:var(--violet-soft);color:#c2b8fa}.metric-card__icon--aqua{background:var(--aqua-soft);color:var(--aqua)}.metric-card__icon--gold{background:var(--gold-soft);color:var(--gold)}.metric-card__icon--neutral{color:#d1cfdd;background:#ffffff0f}.metric-card strong,.metric-card small{display:block}.metric-card strong{font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.metric-card small{color:var(--muted);margin-top:.14rem;font-size:.66rem}.timeline-list,.status-list{gap:0;display:grid}.timeline-item{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;padding:.85rem 0;display:grid}.timeline-item:first-child{padding-top:0}.timeline-item:last-child{border-bottom:0;padding-bottom:0}.timeline-item__marker{background:var(--aqua);box-sizing:content-box;border:4px solid #61e0d321;border-radius:50%;width:.35rem;height:.35rem;margin-top:.18rem}.timeline-item strong{font-size:.78rem}.timeline-item p{color:var(--muted);margin:.23rem 0 0;font-size:.71rem}.timeline-item small{color:#7e7f96;font-size:.62rem}.status-list p{border-bottom:1px solid var(--border);color:#b3b3c5;align-items:center;gap:.6rem;margin:0;padding:.72rem 0;font-size:.75rem;display:flex}.status-list p:first-child{padding-top:0}.status-list p:last-child{border-bottom:0;padding-bottom:0}.status-dot{background:#595b73;border-radius:50%;width:.48rem;height:.48rem}.status-dot--ready{background:var(--aqua);box-shadow:0 0 10px #61e0d380}.list-toolbar{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff06;justify-content:space-between;align-items:center;padding:.8rem .9rem;display:flex}.list-toolbar strong,.list-toolbar span{display:block}.list-toolbar strong{font-size:.77rem}.list-toolbar span{color:var(--muted);margin-top:.18rem;font-size:.65rem}.list-toolbar .button{display:none}.record-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:#111228a8;overflow:hidden}.record-row{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;min-height:5rem;padding:.75rem;display:grid}.record-row:last-child{border-bottom:0}.record-row__avatar{width:2.6rem;height:2.6rem}.record-row__identity strong,.record-row__identity span{display:block}.record-row__identity strong{font-size:.84rem}.record-row__identity span{color:var(--muted);margin-top:.2rem;font-size:.68rem}.record-row__meta{flex-direction:column;align-items:end;gap:.35rem;display:none}.record-row__meta>span{color:var(--muted);font-size:.65rem}.empty-state-card{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;background:radial-gradient(circle at 50% 0,#9885ef24,#0000 20rem),#111228bf;flex-direction:column;justify-content:center;align-items:center;min-height:23rem;padding:2rem 1.25rem;display:flex}.empty-state-card__icon{background:var(--violet-soft);color:#c7bdff;border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;display:flex}.empty-state-card h1,.empty-state-card h2{margin:0 0 .6rem;font-size:1.6rem}.empty-state-card p{color:var(--muted);max-width:30rem;font-size:.8rem;line-height:1.6}.back-link{justify-self:start;margin-left:-.6rem}.character-hero{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(120deg,#9885ef1f,#61e0d30a);align-items:center;gap:1rem;padding:1.15rem;display:flex}.character-hero__avatar{border-radius:1.35rem;width:4.4rem;height:4.4rem;font-size:1.6rem}.character-hero h1{margin:.25rem 0;font-size:2rem}.character-hero p{color:var(--muted);margin:0;font-size:.72rem}.inline-badges{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.character-tabs{gap:.75rem;display:grid}.character-tabs__list{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff06;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.3rem;display:grid;overflow-x:auto}.character-tabs__trigger{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.7rem;flex-direction:column;align-items:center;gap:.28rem;min-width:4.3rem;min-height:3.4rem;padding:.5rem .3rem;font-size:.6rem;font-weight:750;display:flex}.character-tabs__trigger svg{width:1rem;height:1rem}.character-tabs__trigger[data-state=active]{background:var(--violet-soft);color:#fff}.character-tabs__trigger[data-state=active] svg{color:var(--aqua)}.character-tabs__content{border:1px solid var(--border);border-radius:var(--radius-lg);background:#111228b3;min-height:17rem;padding:1.25rem}.character-tabs__content h2{margin:.8rem 0 .45rem;font-size:1.5rem;font-weight:500}.character-tabs__content p{color:var(--muted);max-width:35rem;font-size:.78rem;line-height:1.65}.placeholder-grid{gap:.6rem;margin-top:1.5rem;display:grid}.placeholder-grid span{border:1px solid var(--border);background:linear-gradient(90deg,#ffffff0b,#ffffff05);border-radius:.75rem;height:3rem}.guild-card{box-shadow:none}.guild-card .card__header{justify-content:flex-start}.guild-card .card__content>p{color:var(--muted);min-height:2.5rem;font-size:.78rem;line-height:1.6}.guild-card__footer{justify-content:space-between;align-items:center;display:flex}.guild-card--placeholder{opacity:.72;border-style:dashed}.search-field{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);background:#ffffff06;align-items:center;gap:.6rem;padding:0 .9rem;display:flex}.search-field svg{width:1rem;height:1rem}.search-field input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-height:3rem}.search-field input::placeholder{color:#73748b}.lore-list{gap:.7rem;display:grid}.lore-row{border-radius:var(--radius-md);box-shadow:none}.lore-row .card__content{grid-template-columns:auto 1fr;align-items:start;gap:.8rem;display:grid}.lore-row__icon{background:var(--violet-soft);color:#c6bcff;border-radius:.75rem;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:flex}.lore-row__icon svg{width:1.15rem;height:1.15rem}.lore-row h2{margin:.3rem 0;font-size:1rem}.lore-row p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.5}.lore-row .badge{grid-column:2;justify-self:start}.dice-roller{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:radial-gradient(circle at 80% 0,#61e0d31a,#0000 24rem),#111228c2;gap:1.4rem;padding:1.2rem;display:grid}.dice-roller__controls{gap:1.2rem;display:grid}.count-control{align-items:center;gap:.7rem;margin-top:.55rem;display:flex}.count-control output{text-align:center;min-width:2rem;font-family:Georgia,Times New Roman,serif;font-size:1.6rem}.die-picker{border:0;margin:0;padding:0}.die-picker>div{flex-wrap:wrap;gap:.45rem;margin-top:.55rem;display:flex}.die-choice{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:.7rem;min-width:2.75rem;min-height:2.55rem;padding:.4rem;font-size:.75rem;font-weight:750}.die-choice--active{background:var(--violet-soft);color:#fff;border-color:#9885ef59}.roll-button{width:100%;min-height:3.2rem}.dice-result{border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;background:#05061061;flex-direction:column;justify-content:center;align-items:center;min-height:13rem;padding:1rem;display:flex;position:relative}.dice-result>svg{color:var(--violet);width:2.2rem;height:2.2rem;margin-bottom:.8rem}.dice-result>span{color:var(--aqua);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.dice-result>strong{margin:.35rem 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.8rem,12vw,5rem);font-weight:500;line-height:1}.dice-result>p{color:var(--muted);margin:0;font-size:.72rem}.dice-result>.button{position:absolute;top:.55rem;right:.55rem}.auth-stage{background:radial-gradient(circle at 50% 35%, #9885ef33, transparent 25rem), var(--canvas);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.auth-stage__sigil{background:var(--violet-soft);color:var(--aqua);border:1px solid #9885ef3d;border-radius:1rem;justify-content:center;align-items:center;width:3.4rem;height:3.4rem;margin:1.2rem auto;display:flex}.auth-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#111228c7;border-radius:1.75rem;max-width:31rem;padding:2rem 1.4rem}.auth-card h1{margin-bottom:.8rem;font-size:clamp(2rem,8vw,3rem);font-weight:500;line-height:1.05}.auth-card>p{color:var(--muted);font-size:.84rem;line-height:1.7}.auth-card .button{width:100%;margin:.7rem 0 1rem}.auth-card small{color:#777990;font-size:.66rem;display:block}@media (min-width:480px){.main-content{padding-left:1.4rem;padding-right:1.4rem}.topbar{padding:0 1.4rem}.topbar__identity>div{display:block}.page-heading__actions{display:flex}.record-row{grid-template-columns:auto 1fr auto auto;padding:.8rem 1rem}.record-row__meta{display:flex}.lore-row .card__content{grid-template-columns:auto 1fr auto;align-items:center}.lore-row .badge{grid-column:auto;justify-self:end}}@media (min-width:720px){.main-content{padding-top:2rem;padding-bottom:3rem}.bottom-nav{display:none}.hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(17rem,.8fr)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column-grid{grid-template-columns:minmax(0,1.4fr) minmax(16rem,.7fr)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dice-roller{grid-template-columns:minmax(17rem,.85fr) minmax(20rem,1.2fr);padding:1.6rem}.dice-roller__controls{align-content:start}.roll-button{grid-column:1;align-self:end}.dice-result{grid-area:1/2/span 2;min-height:22rem}.character-tabs__trigger{flex-direction:row;justify-content:center;font-size:.72rem}.character-tabs__content{grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);gap:2rem;padding:1.75rem;display:grid}.placeholder-grid{margin-top:0}}@media (min-width:960px){.sidebar{display:flex}.app-frame__content{margin-left:16.5rem}.topbar{height:4.5rem;padding:0 2rem}.topbar__brand{display:none}.main-content{padding:2.6rem 2rem 3.5rem}.prototype-banner{justify-content:flex-start;padding-left:2rem}.page-stack{gap:1.5rem}.page-heading{padding-top:.7rem}.card__header{padding:1.3rem 1.3rem 0}.card__content{padding:1.3rem}.realm-card .card__content,.realm-card{min-height:19rem}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.character-hero{padding:1.5rem}.character-hero__avatar{width:5.2rem;height:5.2rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}