.hub{--sky-deep:#0F1620;--sky-warm:#2A2418;--paper:#EBDFC3;--paper-warm:#E4D5B3;--paper-deep:#D2BE96;--ink:#1E1810;--ink-mid:#4A3E2D;--ink-soft:#6B5D45;--gold:#C9A14A;--gold-light:#E3C27A;--gold-deep:#7A5C1A;--copper:#B07048;--rust:#9C4A28;--teal:#3D6B62;--sage:#4A6633;font-family:EB Garamond,Georgia,serif;font-size:1rem;color:var(--paper);background:var(--sky-deep);min-height:100vh;line-height:1.6;overflow-x:hidden}.hub:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 15%,rgba(201,161,74,.06) 0,transparent 50%),radial-gradient(ellipse at 80% 85%,rgba(90,128,120,.05) 0,transparent 50%);pointer-events:none;z-index:0}.hub>*{position:relative;z-index:1}.hub-header{padding:1.25rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(201,161,74,.15);background:rgba(15,22,32,.6);backdrop-filter:blur(10px)}.hub-header-logo{font-family:Cinzel,serif;font-weight:500;font-size:.875rem;letter-spacing:.18em;color:var(--gold-light);text-transform:uppercase}.hub-header-welcome{font-family:Inter,sans-serif;font-size:.875rem;color:rgba(235,223,195,.7);letter-spacing:.04em;margin-top:.25rem}.hub-header-right{display:flex;gap:.75rem;align-items:center}.hub-btn{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border:none;cursor:pointer;letter-spacing:.05em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.hub-btn-primary{background:var(--gold);color:var(--ink)}.hub-btn-primary:hover{background:var(--gold-light)}.hub-btn-ghost{color:var(--gold-light);border:1px solid rgba(201,161,74,.4);background:transparent}.hub-btn-ghost:hover{background:rgba(201,161,74,.12);border-color:var(--gold)}.hub-character-card .hub-btn-ghost,.hub-detail-panel .hub-btn-ghost,.hub-episode-panel .hub-btn-ghost,.hub-sidebar-panel .hub-btn-ghost{color:var(--ink-mid);border-color:rgba(30,24,16,.25)}.hub-character-card .hub-btn-ghost:hover,.hub-detail-panel .hub-btn-ghost:hover,.hub-episode-panel .hub-btn-ghost:hover,.hub-sidebar-panel .hub-btn-ghost:hover{color:var(--ink);background:rgba(30,24,16,.08);border-color:rgba(30,24,16,.4)}.hub-btn-sm{padding:.4375rem .875rem;font-size:.8125rem}.hub-btn-lg{padding:.875rem 2rem;font-size:.9375rem}.hub-wrap{max-width:100%;margin:0 auto;padding:0 2rem;box-sizing:border-box}.hub-eyebrow{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:1rem;display:flex;align-items:center;gap:.875rem}.hub-eyebrow:before{content:"";width:2rem;height:1px;background:var(--gold-deep)}.hub-heading{font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.05;letter-spacing:.015em;color:var(--gold);text-transform:uppercase;margin-bottom:.75rem}.hub-heading,.hub-heading-sm{font-family:Cinzel,serif;font-weight:500}.hub-heading-sm{font-size:1.125rem;letter-spacing:.04em;color:var(--gold-light)}.hub-parchment{background-image:url(/assets/images/backgrounds/Journal\ parchment.png);background-size:cover}.hub-panel{background:url(/assets/images/backgrounds/Journal\ parchment.png) 50%/cover no-repeat;border:none;padding:2.5rem 3.5rem;position:relative;box-shadow:0 4px 16px rgba(0,0,0,.35)}.hub-panel:after{content:"";position:absolute;inset:-1.5rem;background:url(/assets/images/ui/frame-landscape.png) 50%/100% 100% no-repeat;pointer-events:none;z-index:2}.hub-panel>*{position:relative;z-index:1}.hub-panel-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(30,24,16,.12)}.hub-panel-compact{padding:1.25rem}.hub-character-card{background:url(/assets/images/ui/frame-card.png) 50%/100% 100% no-repeat;border:none;padding:2.5rem 2rem 1.5rem;text-align:center;transition:box-shadow .4s ease,transform .3s ease;position:relative;color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:26rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.hub-character-card .hub-character-name{color:var(--gold-light)}.hub-character-card .hub-character-class{color:rgba(235,223,195,.7)}.hub-character-card .hub-character-meta{color:rgba(235,223,195,.6)}.hub-character-card .hub-progress-track{background:rgba(235,223,195,.15)}.hub-character-card .hub-progress-label{color:rgba(235,223,195,.6)}.hub-character-card .hub-btn-ghost{color:var(--gold-light);border-color:rgba(201,161,74,.4)}.hub-character-card .hub-btn-ghost:hover{color:var(--gold-light);background:rgba(201,161,74,.12);border-color:var(--gold)}.hub-character-card .hub-companion-circle{background:rgba(201,161,74,.15);border-color:rgba(201,161,74,.3);color:var(--gold-light)}.hub-character-card:hover{transform:translateY(-2px)}.hub-character-card.is-expanded{box-shadow:0 0 20px rgba(156,123,46,.15)}.hub-character-name{font-family:Cinzel,serif;font-weight:600;font-size:1.0625rem;color:var(--ink);letter-spacing:.03em;line-height:1.2;margin-bottom:.375rem}.hub-character-class{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mid)}.hub-character-meta{font-family:Inter,sans-serif;font-size:.8125rem;color:var(--ink-soft);gap:.375rem}.hub-character-meta,.hub-portrait{display:flex;align-items:center;justify-content:center}.hub-portrait{width:4rem;height:4rem;border-radius:50%;overflow:hidden;border:2px solid rgba(156,123,46,.4);background:rgba(15,22,32,.6);margin:0 auto .75rem;transition:border-color .4s ease;position:relative}.hub-character-card:hover .hub-portrait{border-color:rgba(156,123,46,.7)}.hub-progress-track{width:100%;height:3px;background:rgba(30,24,16,.15);position:relative;border-radius:2px}.hub-progress-fill{height:100%;background:linear-gradient(to right,var(--gold-deep),var(--gold));transition:width .5s ease;border-radius:2px}.hub-progress-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:var(--ink-soft);letter-spacing:.04em}.hub-episode-number{font-family:Cinzel,serif;font-style:italic;font-weight:400;font-size:3.5rem;color:var(--gold-deep);line-height:.9}.hub-episode-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-soft);margin-top:.375rem}.hub-companion-circle{width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(30,24,16,.12);border:1px solid rgba(30,24,16,.2);display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:.75rem;font-weight:600;color:var(--ink)}.hub-sidebar-panel{background:rgba(18,24,34,.85);border:1px solid rgba(201,161,74,.2);padding:1.5rem;position:relative;color:var(--paper);box-shadow:0 4px 16px rgba(0,0,0,.3)}.hub-sidebar-title{font-family:Cinzel,serif;font-weight:600;font-size:.9375rem;letter-spacing:.06em;color:var(--gold-light);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(201,161,74,.2)}.hub-link-list{list-style:none;padding:0;margin:0}.hub-link-list li{border-bottom:1px solid rgba(201,161,74,.1)}.hub-link-list li:last-child{border-bottom:none}.hub-link-list a,.hub-link-list button{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem .25rem;font-family:EB Garamond,serif;font-size:1rem;color:rgba(235,223,195,.7);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:color .15s ease}.hub-link-list a:hover,.hub-link-list button:hover{color:var(--gold-light)}.hub-link-list svg{width:1rem;height:1rem;color:rgba(201,161,74,.6);flex-shrink:0}.hub-activity-item{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem 0;border-bottom:1px solid rgba(30,24,16,.08)}.hub-activity-item:last-child{border-bottom:none}.hub-activity-icon{width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(30,24,16,.08);border:1px solid rgba(30,24,16,.12)}.hub-activity-title{font-family:EB Garamond,serif;font-size:1rem;color:var(--ink);line-height:1.3}.hub-activity-time{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;color:var(--ink-soft);letter-spacing:.04em}.hub-activity-desc{font-family:EB Garamond,serif;font-size:.9375rem;color:var(--ink-mid);font-style:italic}.hub-companion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(30,24,16,.1)}.hub-companion-item:last-child{border-bottom:none}.hub-companion-name{font-family:Cinzel,serif;font-size:.875rem;font-weight:600;color:var(--ink);letter-spacing:.02em}.hub-companion-role{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.hub-companion-rel,.hub-companion-role{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.hub-companion-rel{letter-spacing:.04em}.hub-rel-devoted{color:#6B4F10}.hub-rel-close{color:#3A5228}.hub-rel-friendly{color:#2E5349}.hub-rel-neutral{color:var(--ink-soft)}.hub-rel-distant{color:#6B2A14}.hub-empty{text-align:center;padding:5rem 1.5rem}.hub-empty h2{font-family:Cinzel,serif;font-weight:500;font-size:clamp(2rem,4vw,3rem);color:var(--gold);text-transform:uppercase;line-height:1.05;margin-bottom:1.25rem}.hub-empty p{font-family:EB Garamond,serif;font-size:1.125rem;color:rgba(235,223,195,.7);max-width:30rem;margin:0 auto 2.25rem;line-height:1.5}.hub-empty-meta{font-family:Inter,sans-serif;font-size:.8125rem;color:rgba(235,223,195,.5);letter-spacing:.08em;text-transform:uppercase;margin-top:1.5rem}.hub-empty-slot{background:url(/assets/images/ui/frame-card.png) 50%/100% 100% no-repeat;border:none;padding:2.5rem 2rem 1.5rem;text-align:center;cursor:pointer;transition:transform .3s ease,opacity .3s ease;position:relative;opacity:.5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:26rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.hub-empty-slot:hover{opacity:.8;transform:translateY(-2px)}.hub-empty-slot-title{font-family:Cinzel,serif;font-size:.875rem;font-weight:600;color:rgba(235,223,195,.7);letter-spacing:.04em;margin-top:.5rem}.hub-empty-slot-sub{font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;color:rgba(235,223,195,.5);letter-spacing:.04em;margin-top:.25rem}.hub-alpha-banner{background:rgba(201,161,74,.06);border:1px solid rgba(201,161,74,.2);padding:.875rem 1.25rem;max-width:25rem;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.2)}.hub-alpha-title{font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}.hub-alpha-desc{font-family:Inter,sans-serif;font-size:.875rem;color:rgba(235,223,195,.6)}.hub-episode-panel{background:url(/assets/images/backgrounds/Journal\ parchment.png) 50%/cover no-repeat;border:none;padding:2.5rem 3.5rem;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.35)}.hub-episode-panel:after{content:"";position:absolute;inset:-1.5rem;background:url(/assets/images/ui/frame-landscape.png) 50%/100% 100% no-repeat;pointer-events:none;z-index:2}.hub-episode-panel>*{position:relative;z-index:1}.hub-episode-counter{text-align:center;padding:1.25rem 0}.hub-episode-title-item{display:flex;align-items:center;gap:.625rem;padding:.375rem 0}.hub-episode-num-badge{font-family:Cinzel,serif;font-style:italic;font-size:.9375rem;color:var(--gold-deep);min-width:1.75rem;text-align:center}.hub-episode-title-text{font-family:EB Garamond,serif;font-style:italic;font-size:1rem;color:var(--ink-mid)}.hub-badge{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .625rem;display:inline-flex;align-items:center;gap:.3125rem}.hub-badge-gold{background:rgba(156,123,46,.15);border:1px solid rgba(156,123,46,.4);color:#6B4F10}.hub-badge-sage{background:rgba(107,127,74,.15);border:1px solid rgba(107,127,74,.4);color:#3A5228}.hub-badge-teal{background:rgba(90,128,120,.15);border:1px solid rgba(90,128,120,.4);color:#2E5349}.hub-badge-rust{background:rgba(156,74,40,.15);border:1px solid rgba(156,74,40,.4);color:#6B2A14}.hub-badge-copper{background:rgba(176,112,72,.15);border:1px solid rgba(176,112,72,.4);color:#5A3518}.hub-cliffhanger{color:var(--gold-deep);font-style:normal}.hub-detail-panel{background:url(/assets/images/backgrounds/Journal\ parchment.png) 50%/cover no-repeat;border:none;padding:2.5rem 3.5rem;margin-bottom:2.5rem;animation:hub-slideDown .3s ease;position:relative;box-shadow:0 6px 24px rgba(0,0,0,.4)}.hub-detail-panel:after{content:"";position:absolute;inset:-1.5rem;background:url(/assets/images/ui/frame-landscape.png) 50%/100% 100% no-repeat;pointer-events:none;z-index:2}.hub-detail-panel>*{position:relative;z-index:1}@keyframes hub-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hub-detail-section{padding:1rem 0;border-bottom:1px solid rgba(30,24,16,.1)}.hub-detail-section:last-child{border-bottom:none}.hub-detail-label{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.625rem;display:flex;align-items:center;gap:.375rem}.hub-detail-quote{font-family:EB Garamond,serif;font-style:italic;font-size:1.0625rem;color:var(--ink);border-left:2px solid var(--gold-deep);padding-left:.875rem;line-height:1.5}.hub-dev-panel{background:rgba(15,22,32,.6);border:1px solid rgba(201,161,74,.1);padding:1.25rem;margin-top:1.5rem}.hub-dev-title{font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:.25rem}.hub-dev-desc{font-family:Inter,sans-serif;font-size:.875rem;color:rgba(235,223,195,.5);margin-bottom:.75rem}.hub-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;gap:1.25rem}.hub-loading-text{font-family:EB Garamond,serif;font-style:italic;font-size:1.0625rem;color:rgba(235,223,195,.55)}.hub-layout{display:grid;grid-template-columns:1fr 20rem;gap:1rem;overflow:hidden}.hub-main,.hub-sidebar{display:flex;flex-direction:column;gap:2rem;padding:0}.hub-character-grid{gap:1.5rem}.hub-character-grid,.hub-empty-links{display:grid;grid-template-columns:repeat(3,1fr)}.hub-empty-links{gap:1rem;max-width:50rem;margin:3rem auto 0}@media (max-width:1000px){.hub-header{padding:1rem 1.25rem}.hub-wrap{padding:0 1.25rem}.hub-layout{grid-template-columns:1fr;gap:1.5rem}.hub-character-grid{grid-template-columns:repeat(2,1fr)}.hub-empty-links{grid-template-columns:1fr;gap:.75rem}.hub-panel{padding:1.25rem 1rem}.hub-episode-panel:after,.hub-panel:after{display:none}}@media (max-width:640px){.hub-character-grid{grid-template-columns:1fr}}