/* Shared navigation and phone layouts across the Ghost Bezel site. */
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{max-width:100%;min-width:0}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}img,video,canvas{max-width:100%}button,input,select,textarea{font:inherit}a,button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}main,section,article,aside,form,fieldset,nav{min-width:0}fieldset{min-inline-size:0}p,li,dd,h1,h2,h3,label{overflow-wrap:break-word}.gb-header{height:auto!important;min-height:84px;display:flex!important;align-items:center!important;gap:20px!important;flex-wrap:wrap!important}.gb-header>.brand,.gb-header>.home-brand{flex:none}.gb-header>.gb-nav{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 18px!important;width:auto!important;min-width:0}.gb-nav>a,.gb-nav>button{min-height:40px;display:flex;align-items:center;font-size:13px!important;line-height:1.3;text-decoration:none}.gb-nav-toggle,.gb-account-shortcut{display:none}.gb-header-account{position:static!important;white-space:nowrap}.gb-nav-toggle{border:1px solid #97d2b460;background:#101b14;color:#e5eee7;padding:9px 15px;min-height:44px;font:14px Arial,Helvetica,sans-serif;cursor:pointer}.gb-account-shortcut{color:#a8d9bf;text-decoration:none;font:13px Arial,Helvetica,sans-serif;min-height:44px;align-items:center;padding:8px 0}.gb-nav-toggle:focus-visible,.gb-account-shortcut:focus-visible{outline:2px solid #97d2b4;outline-offset:3px}
@media(max-width:1000px){
  .gb-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important;padding:16px 20px!important;min-height:76px!important;width:100%;max-width:100%;margin:0 auto!important;position:relative!important;z-index:20;overflow:visible!important}
  .wrap>.gb-header{padding-inline:0!important}.gb-header.gb-has-account{grid-template-columns:minmax(0,1fr) auto auto!important}
  .gb-header>.brand,.gb-header>.home-brand{grid-column:1;grid-row:1;min-width:0;font-size:16px!important;letter-spacing:.1em!important;white-space:normal!important;line-height:1.3}
  .gb-header .brand span{font-size:7px;letter-spacing:.12em;margin-top:5px}
  .gb-header>.gb-nav-toggle{display:block;grid-column:2;grid-row:1}
  .gb-header>.gb-header-account{display:flex;grid-column:3;grid-row:1;min-height:44px;font-size:12px!important;letter-spacing:0!important;padding:8px 0!important;margin:0!important}
  .gb-header>.gb-nav{grid-column:1/-1;grid-row:2;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start;gap:4px 8px!important;width:100%!important;margin:6px 0 0;padding:12px 0 0;border-top:1px solid #ffffff20}
  .gb-header.gb-nav-ready:not(.gb-menu-open)>.gb-nav{display:none!important}
  .gb-header>.gb-nav>a,.gb-header>.gb-nav>button{display:flex;align-items:center;justify-content:flex-start;min-height:46px;padding:11px 12px!important;margin:0!important;font-size:14px!important;line-height:1.4;border:1px solid #ffffff10;background:#97d2b406;color:#d3e3d7!important;white-space:normal;border-radius:3px;text-align:left}
  .gb-header>.gb-nav>[aria-current]{background:#97d2b418;border-color:#97d2b450;color:#bde8d0!important}
}
@media(max-width:760px){
  body{font-size:16px;line-height:1.65}.wrap{width:100%;max-width:100%;padding-inline:20px!important}
  .portal,.admin,.finder{width:100%;max-width:100%;padding:30px 20px 48px!important;margin-inline:auto}
  .login-wrap{width:100%;max-width:540px;padding:0 20px!important;margin:36px auto 60px!important}
  .hero,section.intro,.history-hero,.finder,.account-grid,.beta-grid,.plan-grid,.reveal-grid,.how,.atlas,.definition,.method,.guide-grid,.opening,.chapter,.faq,.field-notes,.steps,.pillars,.approach,.story,.arcade-rules,.arcade-layout{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .hero,.history-hero,section.intro{min-height:0!important;padding-block:36px 28px!important}
  .hero h1,.history-hero h1,section.intro h1,.arcade-intro h1,.portal h1,.login-wrap h1{font-size:clamp(32px,8.5vw,44px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin-bottom:20px!important}
  h2{font-size:clamp(26px,6.7vw,34px)!important;line-height:1.2!important}h3{font-size:22px;line-height:1.3}p.intro,.intro>p,.lede,.body-copy,.hero p:not(.eyebrow){font-size:16px!important;line-height:1.75!important}
  .eyebrow{font-size:11px!important;line-height:1.55;letter-spacing:.13em!important;margin-bottom:16px!important}
  .small,.privacy,.help,.notice,.rules,.signup-note,.launch-note,.reseller-note,.plan-intro,.plan .benefits li>span{font-size:13px!important;line-height:1.75!important}
  .grid,.form-grid,.portal .grid,.admin .grid,.tool-fields,.rule-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .wide,.portal .wide{grid-column:1/-1!important}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%;width:100%;min-height:48px;padding:12px!important}
  input[type=checkbox],input[type=radio]{flex:none;width:18px;height:18px;accent-color:#97d2b4}
  label{font-size:14px!important}.primary,.secondary,.button,.arcade-button,.signup-open,.submit-signup,.quiet{font-size:14px!important;line-height:1.4;min-height:46px;padding:12px 16px!important;white-space:normal}
  .actions,.round-actions,.tool-actions{display:flex;flex-wrap:wrap;gap:10px!important;align-items:stretch!important}.actions>button,.round-actions>button{flex:1 1 130px;min-width:0}
  .choice{min-height:52px!important;padding:14px!important;font-size:15px!important}.choices{grid-template-columns:1fr!important}.visual-choices .choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}.visual-choices img{height:135px!important}
  .conversation,.contact-panel,.account-side section,.upload-panel,.panel,.game,.plan{padding:22px 18px!important;min-width:0;min-height:0!important}
  .finder{gap:20px!important}.companion{display:grid!important;grid-template-columns:minmax(0,1fr) 104px!important;gap:4px 12px!important;position:static!important;align-items:center}
  .companion h1{grid-column:1;grid-row:2;font-size:30px!important;line-height:1.12;margin:0 0 12px}.companion>.eyebrow{grid-column:1;grid-row:1;margin:0!important}.companion .lume-stage{grid-column:2;grid-row:1/4;width:104px!important;max-width:100%;margin:0!important;align-self:start}.companion .lume{width:100%!important}.companion-caption{grid-column:1;grid-row:3;display:flex;gap:10px;align-items:center}.companion>.intro,.companion>.small{grid-column:1/-1;margin:10px 0 0!important}.companion-caption button{font-size:12px!important;min-height:40px}
  .progress-label{gap:12px;align-items:center;flex-wrap:wrap;font-size:12px}.conversation h2{font-size:28px!important;line-height:1.2}.progress{margin-bottom:20px}.brand-choices{max-height:330px;overscroll-behavior:contain}
  .watch,.match{min-width:0}.watch-photo{height:210px!important}.matches{grid-template-columns:1fr!important}
  .hero-visual{min-height:0!important;width:100%;max-width:340px!important;margin:0 auto!important}.discover-scene{max-width:340px}.archive-art,.hero-art{max-width:300px;margin:0 auto;width:100%}.visual-meta{position:relative!important;bottom:auto!important;font-size:10px!important;flex-wrap:wrap;margin-top:12px}.scene-coordinate{font-size:9px!important}.story-art{max-width:340px!important;width:100%;margin:auto}.story-band{padding-block:35px!important}.approach-head,.section-heading,.list-head,.library-head,.portal-heading{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
  .portal-heading .portal-ghost{display:none}.section-heading>p{text-align:left!important;margin:0}.plan h3{font-size:30px!important}.plan-intro{min-height:0!important}.plan .benefits b{font-size:15px!important}.prices strong{font-size:54px!important}.price-detail,.saving{font-size:12px!important}.annual{gap:8px;align-items:flex-start!important}.plan .button{gap:14px!important}.plan-top{gap:12px!important}
  .sidebar{position:static!important;top:auto!important}.family-filters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:10px;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}.family-filters button{min-height:44px;flex:none;white-space:nowrap}.entry{padding-block:26px!important}.entry-body{grid-template-columns:1fr!important;gap:18px!important}.entry h3,.entry-name{font-size:26px!important;line-height:1.25}.entry-story p,.purpose{font-size:15px!important;line-height:1.8!important}.source-list a{overflow-wrap:anywhere;font-size:13px!important}.reading-notes{font-size:13px!important}.mechanism-stage{max-width:340px;margin-inline:auto}.demo-controls{gap:8px;flex-wrap:wrap}.demo-controls button{min-height:44px}.definition-copy p{font-size:15px!important}
  .chapter-marker{display:flex;align-items:center;gap:14px}.chapter-number{font-size:44px!important}.chapter-date{font-size:12px!important;margin:0!important}.chapter-marker svg{max-width:60px;margin:0 0 0 auto!important}.chapter-copy h2{font-size:31px!important}.chapter-copy>p:not(.eyebrow){font-size:15px!important}.chapter-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.chapter-nav a{min-height:54px;font-size:11px!important}.chapter-source{font-size:12px!important}.collector-lens summary{min-height:44px;align-items:center;font-size:14px!important}.lume-interlude{padding:28px 0!important;gap:14px!important}.lume-interlude img{width:70px!important;height:85px!important;flex:none}.lume-interlude .lume-thought{font-size:24px!important}.sources{padding:18px!important}.sources details>p,.sources li{font-size:13px!important}.sources summary{min-height:48px;align-items:flex-start}.field-notes p{min-height:0!important;font-size:15px!important}
  .character{max-width:165px!important;margin:0 auto!important}.game-top{gap:16px;align-items:flex-start}.game-top h2{font-size:26px!important}.counter{min-width:76px!important;padding:8px!important}.chat{max-height:55svh!important;min-height:0;overscroll-behavior:contain}.chat li{font-size:15px;max-width:100%}.composer{display:grid!important;grid-template-columns:1fr!important;gap:12px}.composer button{width:100%;min-height:48px}.suggestions{display:flex;flex-wrap:wrap;gap:8px}.suggestions button{min-height:44px;font-size:13px}.reveal-grid img{height:240px!important}.reveal dl{grid-template-columns:100px minmax(0,1fr)!important}.round-actions{gap:10px!important}
  .sections{grid-template-columns:1fr!important;gap:12px!important}.section{min-height:110px!important;padding:18px!important}.section strong{font-size:23px!important}.section-no,.section-count{font-size:12px!important}.member-bar{gap:14px!important;align-items:flex-start!important}.member-bar>.actions{width:100%}.search{width:100%;max-width:100%;display:flex;flex-wrap:wrap;gap:8px}.search input{flex:1 1 170px;width:auto!important}.search button{min-height:48px}.root-post h2{font-size:30px!important}.post-body{font-size:16px!important;line-height:1.8}.member-edit{grid-template-columns:1fr!important}.member-edit label{min-height:44px}.member-edit input[type=checkbox]{width:18px!important}.rules summary{min-height:44px;align-content:center}
  .scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.admin table{min-width:620px}.admin .photo-fields{grid-template-columns:1fr}.preview-toolbar{flex-direction:column;align-items:flex-start;gap:12px}#beta-frame{height:70svh!important;min-height:350px!important;max-width:100%}
  footer,.footer,.site-footer{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex!important;flex-wrap:wrap!important;gap:14px!important;width:auto;max-width:100%;font-size:12px!important;padding-block:22px!important;line-height:1.6}.footer a,.site-footer a{overflow-wrap:anywhere;min-height:36px;display:inline-flex;align-items:center}.footer .controls button{min-height:44px;font-size:12px!important}
  dialog{width:calc(100% - 28px)!important;max-width:500px!important;max-height:calc(100dvh - 28px)!important;padding:22px 18px!important;overflow-y:auto!important;overscroll-behavior:contain}dialog h2{font-size:30px!important}.close-dialog,.close-watch{min-width:44px;min-height:44px}.consent{align-items:flex-start!important;font-size:13px!important;gap:10px!important}.dialog-top{align-items:flex-start}.dialog-top p{font-size:14px!important}
  body[data-page=index] main{min-height:calc(100svh - 76px)!important;display:flex!important;flex-direction:column;justify-content:center;overflow:visible!important;padding:30px 20px 12px!important}
  body[data-page=index] .stage{padding:16px 0 24px!important;width:100%;min-width:0}body[data-page=index] .emblem{width:clamp(155px,43vw,215px)!important;margin-bottom:25px!important}body[data-page=index] .wordmark{font-size:clamp(28px,8vw,42px)!important;letter-spacing:.06em!important;text-indent:.06em!important;line-height:1.2}body[data-page=index] .coming{font-size:12px!important;letter-spacing:.16em!important;line-height:1.8}body[data-page=index] .tagline{font-size:13px!important;letter-spacing:.04em!important}body[data-page=index] .line{margin:22px auto 20px!important}body[data-page=index] .signup-area{margin-top:26px}body[data-page=index] .signup-open{width:100%;max-width:290px}body[data-page=index] .footer{margin-top:auto;justify-content:space-between}body[data-page=index] main:after{inset:10px!important}
}
@media(max-width:360px){.wrap{padding-inline:16px!important}.gb-header{padding-inline:16px!important}.gb-header>.brand,.gb-header>.home-brand{font-size:13px!important;letter-spacing:.06em!important}.gb-nav-toggle{padding-inline:11px}.gb-header{column-gap:8px!important}.visual-choices .choices{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}