@font-face{font-family:PortalText;src:url('project/ArtSource/UI/Fonts/Tinos/Tinos-Regular.ttf')}
@font-face{font-family:PortalDisplay;src:url('project/ArtSource/UI/Fonts/CormorantGaramond-Medium.ttf')}
:root{color-scheme:dark;--ink:#101d21;--paper:#f0e6cf;--gold:#bfa476;--muted:#bcc4bb}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#29423e 0,transparent 65%),var(--ink);color:var(--paper);font:18px/1.5 PortalText,Georgia,serif;display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;gap:18px;padding:24px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid #bfa47666;background:#09161999}.seal{width:54px;height:54px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);font-size:32px;color:var(--gold)}.masthead>div{padding-left:5px}.eyebrow{font:12px/1.4 system-ui,sans-serif;letter-spacing:2px;color:var(--gold);margin:0 0 7px}h1,h2,h3{font-family:PortalDisplay,Georgia,serif;font-weight:500;margin:0}h1{font-size:31px;line-height:1}.review-label{margin-left:auto;color:var(--muted);font:12px system-ui,sans-serif;letter-spacing:.5px}
main{width:min(1160px,100%);padding:46px 24px 30px;margin:0 auto;flex:1}.intro{margin-bottom:28px}.intro h2{font-size:42px}.intro>p:last-child{color:var(--muted);margin:8px 0}.workspaces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.workspace{display:block;color:inherit;text-decoration:none;border:1px solid #bfa47680;background:#132327;overflow:hidden;box-shadow:0 12px 34px #0003;transition:transform .15s,border-color .15s}.workspace:hover{transform:translateY(-3px);border-color:#ddc28e}.workspace:focus-visible{outline:3px solid #e0c88f;outline-offset:5px}.workspace-art{height:230px;position:relative;border-bottom:1px solid var(--gold);background-size:cover;background-position:center}.workspace-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071819c9,transparent 65%)}.hud-art{background-image:url('project/ArtSource/UI/HUD/Concepts/JadeInk/ConnectedCompanionWing.png')}.beast-art{background-image:url('project/References/UI/SpiritBeasts/V2/Growth.png');background-position:50% 35%}.art-label{position:absolute;bottom:16px;left:22px;z-index:1;letter-spacing:3px;font:13px system-ui,sans-serif;color:#f8ecd1}.workspace-body{padding:25px 26px 24px}.workspace-body h3{font-size:31px}.workspace-body>p{color:var(--muted);min-height:81px;margin:10px 0 20px}.open-link{display:flex;justify-content:space-between;border-top:1px solid #bfa47655;padding-top:14px;color:#ddc493}.fixture-note{font:13px/1.5 system-ui,sans-serif;color:#9caaa2;text-align:center;margin:28px 0 0}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px max(24px,calc((100vw - 1112px)/2));border-top:1px solid #bfa47644;font:12px system-ui,sans-serif;color:#a9b4ab}
.quick-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:24px}.quick-links a{color:#d8c396;text-decoration:none;border:1px solid #bfa47666;padding:9px 18px;font-size:16px}.quick-links a:hover{border-color:var(--gold)}.quick-links span{margin-left:16px}
@media(max-width:700px){.review-label{display:none}.masthead{padding:20px 24px}.workspaces{grid-template-columns:1fr}main{padding-top:30px}.intro h2{font-size:34px}.workspace-body>p{min-height:0}.workspace-art{height:190px}}

[hidden]{display:none!important}
body{display:grid;grid-template-columns:230px minmax(0,1fr);grid-template-rows:auto 1fr auto}
.portal-header{grid-column:1/-1;position:sticky;top:0;z-index:20;background:#101d21;box-shadow:0 8px 24px #0003}
.masthead{padding:17px 24px}.seal{width:44px;height:44px;font-size:26px}
.portal-navigation{position:fixed;top:79px;left:0;bottom:0;width:230px;overflow-y:auto;border-right:1px solid #bfa47666;background:#0c191d}
.navigation-caption{padding:25px 23px 10px;margin:0}
.main-navigation,.sub-navigation{display:flex;flex-direction:column;gap:4px;margin:0;padding:0 13px}
.main-navigation a,.sub-navigation a{display:flex;align-items:center;color:var(--muted);text-decoration:none;border-left:2px solid transparent;transition:background .15s,color .15s}
.main-navigation>a{padding:13px 14px;font-size:20px}.main-navigation a:hover,.sub-navigation a:hover{color:var(--paper);background:#c8b17d10}
.main-navigation>a[aria-current]{color:#f8e7bd;border-color:var(--gold);background:linear-gradient(90deg,#bfa47618,transparent)}
.sub-navigation{padding:3px 0 10px 12px}
.sub-navigation a{padding:8px 12px;font-size:15px;min-height:40px}.sub-navigation a[aria-current]{color:#eddfbb;background:#29413a;border-left:2px solid var(--gold)}
main,.preview-panel,footer{grid-column:2}main,.preview-panel{grid-row:2}footer{grid-row:3}
a:focus-visible,button:focus-visible{outline:2px solid #e0c88f;outline-offset:3px}
.menu-toggle{display:none}.mobile-location{display:none}
.preview-panel{width:100%;padding:14px 24px 24px;flex:1;min-width:0}
.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.workspace-heading h2{font-size:25px}.workspace-heading .eyebrow{font-size:10px;margin:0 0 3px}
.open-preview{flex-shrink:0;color:#d8c396;font-size:15px;text-decoration:none;border:1px solid #bfa47666;padding:6px 14px}
#workspace-frame{display:block;border:1px solid #bfa47666;background:#101b20;width:100%;height:max(680px,calc(100dvh - 196px))}
.workspace-open footer{padding-top:12px;padding-bottom:12px}
.collection-placeholder{max-width:740px;margin:55px auto;padding:38px;border:1px solid #bfa47666;background:#132327}.collection-placeholder h3{font-size:34px}.collection-placeholder p{color:var(--muted)}.collection-status{font:12px system-ui,sans-serif;color:var(--gold);padding:8px 12px;border:1px solid #bfa47666;display:inline-block}
@media(max-width:760px){
  body{display:flex;flex-direction:column}
  .masthead{padding:15px 18px;gap:14px}.masthead h1{font-size:25px}.masthead .eyebrow{font-size:10px;letter-spacing:1.5px}.review-label{display:none}
  .seal{width:33px;height:33px;font-size:22px;flex-shrink:0}
  .menu-toggle{display:flex;margin-left:auto;align-items:center;gap:8px;padding:10px;color:var(--paper);background:#17282c;border:1px solid #bfa47680;font:13px system-ui,sans-serif;cursor:pointer}
  .hamburger{width:18px;display:grid;gap:4px}.hamburger i{display:block;height:1px;background:var(--paper)}
  .portal-navigation{display:none}.portal-navigation.is-open{display:block;position:absolute;left:0;right:0;top:100%;bottom:auto;width:100%;max-height:70dvh;overflow:auto;box-shadow:0 14px 25px #0008}
  .navigation-caption{padding:15px 24px 6px}.main-navigation{padding:8px 14px 14px;gap:6px}.main-navigation>a{padding:12px 15px;font-size:18px;min-height:48px}
  .sub-navigation{display:grid;grid-template-columns:1fr 1fr;padding:2px 8px 8px 16px;gap:6px}.sub-navigation a{padding:11px 10px;font-size:15px;min-height:44px}
  .mobile-location{display:block;padding:7px 18px;margin:0;border-top:1px solid #bfa47633;border-bottom:1px solid #bfa47644;font:12px/1.5 system-ui,sans-serif;color:#c6cabc}
  .preview-panel{padding:12px 10px 16px}.workspace-heading{flex-wrap:wrap;gap:8px}.workspace-heading h2{font-size:23px}.open-preview{font-size:13px;padding:7px 10px}
  #workspace-frame{height:max(680px,calc(100dvh - 220px))}.quick-links{align-items:stretch;flex-direction:column;text-align:center}
}