/* Use the available viewport while keeping the game within its normal phone proportions. */
:root{color-scheme:dark;--paper:#dcd4b7;--muted:#a5b3ac;--ink:#0a171a;--line:#344647;--gold:#edc479;--green:#95c2af}
*{box-sizing:border-box}body{margin:0;background:#081318;color:var(--paper);font:16px/1.55 Georgia,serif;background-image:radial-gradient(ellipse at 65% 5%,#17353480,transparent 65%),repeating-linear-gradient(0deg,transparent,transparent 39px,#5975690a 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#5975690a 40px)}
button,a{-webkit-tap-highlight-color:transparent}a{color:var(--gold)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.site-header{position:relative;width:min(1200px,calc(100% - 48px));min-height:88px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:repeating-linear-gradient(90deg,var(--gold) 0 10px,transparent 10px 17px);opacity:.45}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--paper);font:700 25px/1 Georgia,serif;letter-spacing:-.035em;text-decoration:none}.brand img{display:block;width:52px;height:52px;border-radius:50%;box-shadow:0 7px 20px #0005}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav a{color:#dcd4b7a6;font:900 11px/1.3 ui-sans-serif,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1px dotted transparent}.site-header nav a::before{content:"[";margin-right:4px;color:#edc47973}.site-header nav a::after{content:"]";margin-left:4px;color:#edc47973}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--gold);border-bottom-color:var(--gold)}
.demo-status{display:flex;justify-content:flex-end;margin:0 0 20px}.demo-status p,.eyebrow,.game-heading{font:11px/1.5 ui-monospace,monospace;letter-spacing:.12em}.demo-status p{margin:0;color:var(--gold);text-align:right}.demo-status p span{display:block;letter-spacing:0;color:var(--muted)}
main{max-width:1100px;margin:12px auto 24px;display:grid;grid-template-columns:minmax(280px,440px) minmax(320px,430px);gap:clamp(28px,7vw,96px);padding:0 30px;align-items:start;justify-content:center}.notes{padding-top:0}.eyebrow{color:var(--gold);margin:0 0 14px}h1{font-size:clamp(34px,4vw,51px);line-height:1.1;font-weight:normal;margin:0 0 20px;letter-spacing:-.025em}h2{font-size:23px;line-height:1.2;margin:0 0 12px;font-weight:normal}.lead{font-size:20px;line-height:1.5;color:#f2e8ce;margin-bottom:20px}.notes>p:not(.eyebrow){max-width:42ch}.fine-print{font-size:12px;line-height:1.5;color:var(--muted)}.preview-notes{font-size:12px;line-height:1.6;color:var(--muted);padding:0 3px}.preview-notes p{margin:8px 0}.text-button{background:none;border:0;padding:3px 0;border-bottom:1px solid #70948d;color:var(--paper);font-size:13px}.game-column{position:sticky;top:12px;min-width:0;display:flex;flex-direction:column;container-type:inline-size;height:clamp(560px,calc(100vh - 24px),908px);height:clamp(560px,calc(100dvh - 24px),908px)}.game-heading{display:flex;justify-content:space-between;gap:8px;color:var(--muted);margin:0 6px 8px;flex:0 0 auto;letter-spacing:.025em;font-size:10px}#location{max-width:45%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--gold)}.device{position:relative;flex:1 1 0;min-height:0;width:auto;max-width:100%;max-height:884px;max-height:min(884px,205.42cqw);aspect-ratio:646/1327;align-self:center;background:#06090f;border:4px solid #202c30;border-radius:18px;outline:1px solid #52716b;box-shadow:0 22px 65px #0009;overflow:hidden}#game{width:100%;height:100%;overflow:hidden}.curtain{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background:radial-gradient(ellipse at 50% 20%,#20413c,#081318 75%);text-align:center;z-index:10}.curtain img{width:90%;max-width:280px;height:auto}.curtain>p:not(.fine-print){font-size:19px}.curtain #loading{font-size:13px;color:var(--muted);min-height:40px}.curtain button{padding:12px 25px;border:1px solid var(--gold);background:#d8b568;color:#122124;border-radius:2px;font-weight:bold}.curtain button:disabled{opacity:.55}.game-footnote{color:var(--muted);font-size:12px;text-align:center;margin:16px 0}.finished{border-left:3px solid var(--gold);padding:10px 18px;margin-bottom:22px}.finished h2{color:var(--gold)}.finished p{font-size:15px}.beta-link{font-size:15px}#finished[hidden],.curtain[hidden]{display:none}
@media(max-width:900px){.site-header{flex-wrap:wrap;gap:8px;padding-block:14px}.site-header nav{flex:1 1 600px;flex-wrap:wrap;gap:0 18px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:760px){.site-header{width:min(100% - 28px,1200px);min-height:76px;padding-block:12px}.site-header nav{width:100%;gap:0 14px}.site-header nav a{font-size:10px;letter-spacing:.035em}.brand{font-size:22px}.brand img{width:46px;height:46px}main{display:flex;flex-direction:column;margin-top:0;padding:0 18px;gap:25px}.notes{display:contents}.demo-status{order:0;margin:16px 8px 0}.notes>.eyebrow,.notes>h1,.notes>.lead,.notes>p{order:0;margin-bottom:0}.notes>.eyebrow{margin-top:0}.notes>p:not(.eyebrow){max-width:none;margin-top:0}.notes>.lead{font-size:18px}.game-column{order:1;position:static;width:100%;max-width:450px;align-self:center;height:clamp(560px,calc(100vh - 16px),908px);height:clamp(560px,calc(100dvh - 16px),908px)}.finished{order:3}.preview-notes{order:4}.game-heading{margin-top:0}.demo-status p{font-size:10px}.game-footnote{margin-bottom:0}}
.mobile-jump{display:none}
.sound-choice{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 0 12px;font-size:16px;cursor:pointer}
.sound-choice input{width:20px;height:20px;accent-color:var(--gold)}
.text-button{min-height:44px}
.curtain{overflow-y:auto}
.game-column{scroll-margin-top:8px}
@media(max-width:760px){
  main{padding-inline:max(10px,env(safe-area-inset-left));gap:20px}
  .notes>.eyebrow,.notes>h1,.notes>.lead,.notes>p,.preview-notes{margin-inline:8px}
  .device{border-width:3px;border-radius:12px}
  .curtain{padding:20px 16px;justify-content:safe center}
  .curtain img{max-width:200px}
  .curtain>p:not(.fine-print){font-size:17px;margin:12px 0}
  .curtain #loading{min-height:0}
  .mobile-jump{display:flex;min-height:44px;align-items:center;justify-content:center;font-size:14px}


}
@media(max-height:500px) and (orientation:landscape){
  main{display:flex;flex-direction:column;align-items:center}
  .notes{display:contents}
  .game-column{position:static;width:100%;max-width:320px;order:1}
  .device{border-width:3px}

  .finished{order:3}.preview-notes{order:4}
  .mobile-jump{display:flex;min-height:44px;align-items:center;justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}