@font-face{font-family:FinTitle;src:url('/assets/fonts/fin-display.ttf') format('truetype');font-display:swap;font-weight:400}:root{color-scheme:dark;--paper:#eee0b6;--ink:#191d15;--red:#a54835;--title:FinTitle,Georgia,serif;font-family:Georgia,serif;font-size:16px}*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}body{background:#15190f;color:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--paper);outline-offset:5px}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none;filter:sepia(.08) saturate(.82)}.screen-shade{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #131b1260;background:linear-gradient(#161a1255,transparent 25%,transparent 72%,#12160d99)}header{position:absolute;inset:24px 30px auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark{pointer-events:auto;text-decoration:none;color:var(--paper);font:28px/1 var(--title);text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px var(--ink)}nav{display:flex;gap:25px;pointer-events:auto}nav button{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 0;background:none;border:0;font:19px var(--title);text-transform:uppercase;text-shadow:2px 2px var(--ink)}nav button:hover,nav button[aria-expanded=true]{color:#ffeac0;text-decoration:underline;text-underline-offset:6px}kbd{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 4px;border:1px solid currentColor;border-radius:50%;font:13px Georgia,serif;box-shadow:1px 1px var(--ink)}#fin-hud{position:absolute;left:28px;bottom:25px;display:flex;gap:15px;align-items:center;filter:drop-shadow(2px 3px 0 #171b14aa)}.fin-avatar{display:block;width:96px;height:96px;object-fit:contain;border:3px solid var(--ink);outline:2px solid var(--paper);border-radius:16px 10px 14px 8px;background:#a34b31}.fin-vitals{width:172px}.star-billing{display:flex;align-items:baseline;gap:9px;margin:0 0 5px;font-style:italic;font-size:17px;line-height:1}.star-billing strong{font:38px/1 var(--title);text-transform:uppercase;letter-spacing:2px}.happiness-heading{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin-bottom:6px}.happiness-heading label{font-weight:bold}#happiness-value{font-size:13px}#happiness-meter{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.happiness-cards{height:17px;position:relative;display:flex;gap:4px;border:2px solid #171b14;background:linear-gradient(90deg,#e6cc84 var(--happiness),#302f24 var(--happiness));transform:skewX(-6deg)}.happiness-cards i{flex:1;border-right:3px solid #171b14}.happiness-cards i:last-child{border:0}#happiness-mood{display:block;margin-top:5px;font-style:italic;font-size:14px}.controls{position:absolute;right:30px;bottom:32px}.actions{display:flex;gap:24px}.actions button{position:relative;display:flex;align-items:center;gap:14px;min-height:52px;border:0;border-bottom:3px solid var(--paper);padding:9px 8px 6px;background:#1c211b7a;font:28px/1 var(--title);text-transform:uppercase;letter-spacing:.5px;text-shadow:2px 2px var(--ink)}.actions button:hover{background:#a54835}.actions #swat{border-bottom-color:#d8795d}.actions button:active{transform:translateY(2px)}#notice{display:none;position:absolute;top:80px;left:50%;transform:translateX(-50%);background:#21271dee;color:var(--paper);border:3px double var(--paper);padding:13px 18px;max-width:85%;z-index:20;font-size:16px;line-height:1.4}#brain-panel,dialog{background:radial-gradient(ellipse at 45% 20%,#2c3426,#151c16 85%);color:var(--paper);border:6px double #d9d6ba;border-radius:27px 5px 27px 5px;box-shadow:0 0 0 3px #192016,3px 5px 26px #0008}#brain-panel{position:absolute;right:28px;top:85px;width:330px;padding:7px;z-index:15}.brain-heading{display:flex;align-items:center;gap:8px;padding:8px 5px 14px}.brain-heading h2{flex:1;font:24px/1.1 var(--title);margin:0}.brain-heading button{background:none;border:0;min-width:34px;min-height:40px;font-size:27px}#brain-viewport{height:230px;background:#090e12;position:relative;overflow:hidden;border:1px solid #b7bb9f55}#brain-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}#brain-canvas:active{cursor:grabbing}#brain-loading{position:absolute;top:90px;left:15px;font-size:14px;pointer-events:none}.brain-legend{display:flex;justify-content:space-between;margin:14px 8px;font-size:14px}.brain-legend b{margin-left:7px}.escape-key{color:#e18c73}#brain-live,#brain-help{font-size:14px;line-height:1.5;margin:10px 8px;color:#d0d0b7}#brain-caption{display:none}dialog{padding:32px 42px;max-width:580px;width:calc(100% - 36px);max-height:85dvh;text-align:center}dialog::backdrop{background:#11150cb3;backdrop-filter:blur(2px)}#close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;width:44px;height:44px}.menu-starring{font:24px var(--title);margin:0}.menu-starring em{display:block;font:italic 17px Georgia,serif;margin-top:6px}dialog h2{font:42px/1.1 var(--title);text-transform:uppercase;letter-spacing:2px;margin:12px -12px 5px}.menu-subtitle{font:italic 17px Georgia,serif;margin:0 0 24px}#resume-game{display:block;margin:0 auto 16px;border:0;background:#a54835;font:21px var(--title);text-transform:uppercase;padding:9px 17px}.menu-tools{display:flex;flex-direction:column;align-items:center;gap:7px}.menu-tools button{background:none;border:0;font:19px var(--title);text-transform:uppercase;min-height:44px;padding:8px 15px}.menu-tools button:hover,#resume-game:hover{background:#ad513c}.model-notes{border-top:1px solid #d8d3b366;margin-top:22px;text-align:left;padding-top:10px}.model-notes summary{cursor:pointer;text-align:center;min-height:44px;padding:10px;font-size:17px}.model-notes p{font:16px/1.6 Georgia,serif;color:#d2d4c1}.telemetry{font-size:14px;margin-top:15px}.telemetry>span{display:block;margin:5px 0}.telemetry h3{font-size:16px}.trials{display:flex;gap:12px;justify-content:center}.trials button{font:16px var(--title);background:transparent;border:1px solid #b7ba9b;padding:10px}.portrait-download{display:inline-block;color:var(--paper);font-size:15px;text-decoration:none;padding:13px 0 0}.portrait-download:hover{text-decoration:underline}dialog a{color:#e8c89a}#crt-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;box-shadow:inset 0 0 90px #0006,inset 0 0 0 5px #17140d66;background:repeating-linear-gradient(0deg,#0000000d 0px,#0000000d 1px,transparent 1px,transparent 4px);opacity:.58;border-radius:18px}#loading-screen{position:fixed;inset:0;background:#100e0b;z-index:90;overflow:hidden}.loading-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.cartoon-title{position:absolute;top:5vh;left:16px;right:16px;text-align:center;transform:rotate(-3deg);color:#f4dfae;text-shadow:2px 3px #24180fcc,0 0 20px #1c140c80}.cartoon-title>p{display:none}.cartoon-title h1{font:clamp(44px,7.7vw,100px)/1 var(--title);margin:0;letter-spacing:-1px}.cartoon-title h2{display:flex;align-items:baseline;justify-content:center;gap:15px;margin:10px 0 0}.cartoon-title h2 span{font:italic 25px Georgia,serif}.cartoon-title em{font:clamp(62px,7vw,92px)/1 var(--title);letter-spacing:-1px}.loading-progress{position:absolute;left:50%;bottom:6vh;transform:translateX(-50%);width:min(320px,65vw);text-align:center}.loading-label{display:block;font:italic 17px Georgia,serif;margin-bottom:12px}#loading-progress{appearance:none;-webkit-appearance:none;width:100%;height:7px;display:block;background:#130e09aa;border:1px solid #ead5a760;border-radius:0;overflow:hidden}#loading-progress::-webkit-progress-bar{background:#130e09aa}#loading-progress::-webkit-progress-value{background:#ead3a0}#loading-progress::-moz-progress-bar{background:#ead3a0}#loading-error{font-size:14px;padding:12px;background:#100e0be6}#loading-retry{background:none;border:0;text-decoration:underline;padding:8px}#fin-end-card .fin-end-title{font-family:FinTitle,Georgia,serif;font-weight:400;letter-spacing:5px}#fin-end-card{transform:none}#fin-next-take{font:italic 25px Georgia,serif}
@media(max-width:600px){header{inset:18px 17px auto}.wordmark{font-size:21px;letter-spacing:0}nav{gap:18px}nav button{font-size:16px;gap:6px}nav kbd{display:none}#fin-hud{left:15px;bottom:24px;gap:10px}.fin-avatar{width:59px;height:68px;border-width:2px;outline-width:1px;border-radius:9px 5px 8px 4px}.fin-vitals{width:114px}.star-billing{display:block;font-size:13px;margin-bottom:4px}.star-billing strong{font-size:28px;margin-left:5px;letter-spacing:1px}.happiness-heading{font-size:12px;margin-bottom:4px;gap:3px}#happiness-value{font-size:12px}.happiness-cards{height:13px;gap:2px}#happiness-mood{font-size:12px;margin-top:4px}.controls{right:15px;bottom:30px}.actions{gap:10px}.actions button{font-size:20px;padding:10px 4px 6px;min-height:48px}.actions kbd{display:none}#brain-panel{top:76px;right:16px;width:calc(100% - 32px);max-height:calc(100dvh - 195px);overflow:auto}#brain-viewport{height:180px}#notice{top:74px;font-size:14px}dialog{padding:30px 22px}dialog h2{font-size:34px}.cartoon-title{top:8vh;left:12px;right:12px}.cartoon-title h1{font-size:clamp(40px,12vw,66px)}.cartoon-title h2{gap:12px}.cartoon-title h2 span{font-size:23px}.cartoon-title em{font-size:66px}.loading-progress{bottom:7vh}}
@media(max-width:359px){#fin-hud{gap:7px;left:12px}.fin-avatar{width:46px;height:58px}.fin-vitals{width:104px}.controls{right:12px}.actions{gap:6px}.actions button{font-size:18px}.star-billing strong{font-size:25px}}
@media(max-height:600px) and (min-width:601px){header{inset:12px 23px auto}#fin-hud{bottom:16px;left:23px}.fin-avatar{width:70px;height:70px}.fin-vitals{width:150px}.star-billing strong{font-size:30px}.controls{bottom:20px}.cartoon-title{top:3vh}.cartoon-title h1{font-size:49px}.cartoon-title em{font-size:48px}.cartoon-title h2 span{font-size:22px}#brain-panel{top:66px;max-height:calc(100dvh - 90px);overflow:auto}#brain-viewport{height:140px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}#crt-overlay{opacity:.35}}

/* A small ink-framed viewing window, rather than a dashboard card. */
#brain-panel{top:83px;right:28px;width:240px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;max-height:none;color:var(--paper)}.brain-heading{padding:0 4px 8px;gap:8px}.brain-heading h2{font:italic 24px/1 Georgia,serif;text-align:center;text-shadow:1px 2px 2px #14190f;margin:0;padding-left:34px}.brain-heading button{flex:none;width:34px;min-width:34px;min-height:34px;height:34px;font-size:23px;padding:0;color:var(--paper);text-shadow:1px 2px #15190f}.brain-heading button:hover{color:#efba8e}#brain-viewport{height:194px;margin:0 3px;background:#191d15;border:3px double #ddd2ab;border-radius:42% / 13%;box-shadow:0 0 0 2px #182014aa,0 4px 12px #0003;overflow:hidden}#brain-canvas{border-radius:inherit}#brain-loading{top:80px;left:0;right:0;text-align:center;font:italic 14px Georgia,serif}.brain-legend{display:none}#brain-live{font:italic 13px/1.3 Georgia,serif;text-align:center;margin:9px 0 0;color:#e9dcb8;text-shadow:1px 2px #15190f}#brain-help{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){#brain-panel{top:73px;right:15px;width:174px;max-height:none;overflow:visible}.brain-heading{padding-bottom:5px}.brain-heading h2{font-size:20px;padding-left:28px}.brain-heading button{width:28px;min-width:28px;height:32px;min-height:32px;font-size:21px}#brain-viewport{height:137px;border-radius:42% / 13%}#brain-loading{top:56px;font-size:13px}#brain-live{font-size:12px;margin-top:7px}}@media(max-height:600px) and (min-width:601px){#brain-panel{top:66px;width:200px;max-height:none;overflow:visible}#brain-viewport{height:144px}.brain-heading h2{font-size:21px}#brain-loading{top:60px}}

/* Fine grain sits over the picture and lettering like photographed film. */
#screen-grain{position:fixed;inset:0;width:100%;height:100%;z-index:102;pointer-events:none;opacity:.085;mix-blend-mode:soft-light;image-rendering:auto}#crt-overlay{border-radius:3% / 4%;box-shadow:inset 0 0 100px #0005,inset 0 0 0 5px #100f0cb3;opacity:.65}#crt-overlay:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 25px 4px #0005;border:1px solid #cfc59d14;pointer-events:none}@media(prefers-reduced-motion:reduce){#screen-grain{opacity:.055}}

/* Composite scenery and HTML together at display resolution. */
#crt-overlay{border-radius:var(--fin-tube-radius);box-shadow:inset 0 0 85px #0005,inset 0 0 0 3px #15160fc9}#crt-overlay:after{border-radius:inherit;box-shadow:inset 0 0 18px 3px #0004}dialog{filter:none}

/* One composited tube: UI, scene and textures share the same rendered edge. */
:root{--fin-tube-radius:2.5% / 3.5%}
html,body{background:#000}
#fin-screen{position:fixed;inset:0;width:100%;height:100%;background:#000;isolation:isolate;transform:scale(.96);transform-origin:center center}
.curved-glass-ready #fin-screen{filter:url(#fin-curved-glass)}



/* Clip the picture to the CRT rim before the shared glass warp. */
#fin-screen-surface{position:absolute;inset:0;border-radius:var(--fin-tube-radius);overflow:hidden;clip-path:inset(0 round var(--fin-tube-radius));background:#000}