:root{color-scheme:dark;--bg:#111a20;--ink:#edf0e9;--muted:#9eaaa9;--line:#354148;--accent:#d6a575;--red:#dd6658}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.masthead,main,footer{width:min(1280px,calc(100% - 96px));margin:auto}.masthead{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:1.8px;font-weight:bold}.mark{font-family:Georgia,serif;font-size:20px;letter-spacing:-2px;border:1px solid #637078;padding:8px 9px 8px 7px}.stories{color:var(--muted);font-size:10px;letter-spacing:1.3px;font-weight:normal}.quiet{border:0;background:transparent;color:var(--ink);padding:8px 0;font-size:12px}.quiet span{margin-left:18px;color:var(--accent)}.intro{display:grid;grid-template-columns:1fr .9fr;gap:48px;padding:54px 0 44px;align-items:center}.eyebrow{font:10px/1.7 'Courier New',monospace;letter-spacing:1.8px;color:var(--muted);margin:0 0 19px}.red-dot,.live-dot{display:inline-block;border-radius:50%;width:6px;height:6px;background:var(--red);margin-right:9px;vertical-align:middle}h1{font:normal clamp(54px,6.7vw,91px)/.97 Georgia,serif;letter-spacing:-3px;margin:0 0 23px}h1 em{font-weight:normal;color:var(--accent)}.dek{font-size:16px;line-height:1.7;color:#cad1ce;margin:0 0 21px}.byline{font-size:11px;color:var(--muted)}.byline strong{font-weight:normal;color:var(--ink)}.night{height:280px;position:relative;overflow:hidden;background:linear-gradient(150deg,#202e38,#131d24);border:1px solid #2c3b43;mask-image:linear-gradient(to right,transparent,#000 12%);isolation:isolate}.moon{position:absolute;width:90px;height:90px;border-radius:50%;background:#b3b7a1;opacity:.28;right:22%;top:26px;box-shadow:0 0 55px #b3b7a130}.building{position:absolute;bottom:0;border-top:3px solid #5b6669;background-color:#192229;background-image:repeating-linear-gradient(90deg,transparent 0 20px,#0f191e 20px 30px,transparent 30px 49px),repeating-linear-gradient(0deg,transparent 0 28px,#0f191e 28px 45px,transparent 45px 64px)}.far{height:164px;width:62%;right:0;opacity:.7;transform:skewY(-5deg);transform-origin:bottom right}.near{height:129px;width:70%;left:0;border-top-color:#87918e;box-shadow:10px -8px 0 #111d25}.lit-window{position:absolute;background:#d6a575;width:13px;height:23px;bottom:73px;left:34%;box-shadow:0 0 28px #d6a55870}.snow{position:absolute;inset:0;background-image:radial-gradient(ellipse at center,#ced7d370 0 1px,transparent 1.5px),radial-gradient(ellipse at center,#ced7d34d 0 1px,transparent 1.5px);background-size:39px 57px,73px 83px;background-position:0 0,20px 9px;transform:rotate(-12deg) scale(1.3)}.scene-caption{position:absolute;bottom:15px;right:17px;font:9px 'Courier New',monospace;letter-spacing:2px;color:#a5b0af}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:38px;align-items:start;scroll-margin-top:16px}.reader{border:1px solid #3c484f;background:#172229;min-width:0}.reader-bar{padding:9px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354148;font:10px 'Courier New',monospace;letter-spacing:1.5px}.reader-bar .quiet{font:11px Arial,sans-serif;letter-spacing:0}.live-dot{background:#94ad93;width:5px;height:5px}iframe{display:block;border:0;width:100%;height:600px;background:#172229}.reader-foot{padding:15px 21px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.reader-foot>span:first-child{font-family:'Courier New',monospace;letter-spacing:1.1px}.reader-foot b{color:var(--accent)}.field-notes{padding-top:9px}.field-notes .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:13px}h2{font:normal 30px/1.15 Georgia,serif;letter-spacing:-.5px;margin:0 0 17px}.field-notes>p:not(.eyebrow){font-size:13px;line-height:1.75;color:#b4bfbd}.field-notes .aside-line{font-family:Georgia,serif;font-style:italic;color:var(--accent)!important;font-size:16px!important}.rule{height:1px;background:var(--line);margin:26px 0}.commands{display:flex;flex-direction:column;gap:0}.commands button{background:none;color:var(--ink);border:0;border-bottom:1px solid #2c383f;text-align:left;padding:11px 0;font:12px 'Courier New',monospace}.commands button span{float:right;color:var(--muted);font:10px Arial,sans-serif;padding-top:2px}.commands button:hover{color:var(--accent)}.small,.field-notes>p.small{font-size:11px!important;color:var(--muted);line-height:1.7}.save-note{display:flex;gap:12px;border-left:2px solid var(--accent);padding-left:14px;margin-top:25px;color:var(--accent)}.save-note p{margin:0;font-size:11px;line-height:1.75;color:var(--muted)}.save-note strong{color:#d9dfd9;font-weight:normal}.field-notes>p.content-note{font-size:10px;line-height:1.7;margin-top:25px;color:#8c999b}footer{margin-top:45px;margin-bottom:30px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font:9px 'Courier New',monospace;letter-spacing:1px}footer a{text-decoration:none;color:var(--muted)}footer a:hover{color:var(--accent)}.muted{color:var(--muted)}dialog{background:#1a272e;color:var(--ink);border:1px solid #52616a;padding:28px;width:min(540px,calc(100% - 30px));max-height:85vh;overflow:auto}dialog::backdrop{background:#05090dc9;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px}dialog p,dd{font-size:13px;line-height:1.8;color:#c0cbc6}dt{font-size:12px;color:var(--accent);margin-top:17px}dd{margin:4px 0}.skip{position:absolute;top:-100px;left:20px;padding:15px;background:#24313a;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notice{border:1px solid var(--accent);padding:20px}
@media(min-width:1500px){.intro{padding-top:65px;padding-bottom:55px}iframe{height:650px}}
@media(max-width:850px){.masthead,main,footer{width:calc(100% - 40px)}.stories{display:none}.intro{gap:20px;padding:35px 0}.night{height:240px}.play-layout{grid-template-columns:minmax(0,1fr);gap:28px}.field-notes{max-width:600px}.reader iframe{height:65svh;min-height:400px}.reader-foot>span:first-child{display:none}.field-notes .commands{max-width:450px}.field-notes .save-note{max-width:450px}footer{flex-wrap:wrap}}
@media(max-width:520px){.masthead{height:72px}.intro{display:block}.night{display:none}h1{font-size:66px}.intro .eyebrow{font-size:9px;letter-spacing:1.2px}.dek{font-size:15px}.reader-bar{padding:8px 13px}.reader-foot{padding:12px 13px}.reader iframe{height:66svh;min-height:380px}.play-layout{scroll-margin-top:8px}}
/* Keep the full story title readable on narrow screens without clipping. */
h1{font-size:clamp(36px,5.1vw,70px)}
@media(max-width:520px){h1{font-size:clamp(30px,9vw,46px);letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* On phones the transcript grows with its text: only the outer page scrolls. */
.mobile-play{display:none}
[hidden]{display:none!important}
.name-form{margin:24px 0;max-width:380px}.name-form label{display:block;margin-bottom:10px;font-size:15px;color:var(--ink)}.name-form input{display:block;width:100%;padding:12px;background:#172229;color:var(--ink);border:1px solid #637078;border-radius:3px;font:16px Arial,sans-serif}.name-form button{padding:12px 18px;background:var(--accent);color:var(--bg);border:0;border-radius:3px;min-height:44px}.name-form input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.score-display{position:fixed;z-index:15;right:max(12px,env(safe-area-inset-right));top:calc(var(--score-top,0px) + env(safe-area-inset-top) + 8px);padding:7px 12px;border:1px solid #526168;border-radius:20px;background:#111a20f5;color:#e2b687;font:12px/1.4 'Courier New',monospace;pointer-events:none}
.story-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.story-controls button{padding:10px 14px;min-height:44px;background:#1a272e;color:var(--ink);border:1px solid #637078;border-radius:3px}.story-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
#leaderboard-dialog{max-height:80dvh}#leaderboard-list{padding-left:24px}#leaderboard-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}#leaderboard-list li span{display:inline-block;width:70%;overflow-wrap:anywhere;padding-right:8px}#leaderboard-list strong{white-space:nowrap;color:var(--accent);font-size:13px}#score-form{max-width:none}.name-form .consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:18px 0}.name-form .consent input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--accent)}#leaderboard-status{color:var(--accent)}.reader-foot button{min-height:44px}
.campus-photo{margin:0;position:relative;overflow:hidden;border:1px solid var(--line)}
.campus-photo img{display:block;width:100%;height:320px;object-fit:cover;object-position:center 40%}
.campus-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 16px 14px;background:linear-gradient(transparent,#111a20);font:9px 'Courier New',monospace;letter-spacing:1.6px}
@media(max-width:850px){
  .mobile-play{display:inline-block;min-height:48px;padding:12px 18px;margin-top:12px;background:var(--accent);color:var(--bg);border:0;border-radius:3px}
  .reader-bar button{min-height:44px}
  .intro{display:flex;flex-direction:column;align-items:stretch;gap:24px}
  .campus-photo{order:-1;border:0}.campus-photo img{height:220px}
  .reader{border:0;background:var(--bg)}
  .reader-bar{padding:0;border-bottom:1px solid var(--line)}
  .reader iframe{min-height:0;background:var(--bg)}
  .reader-foot{padding:12px 0}
  .play-layout{scroll-margin-top:12px}
  footer{padding-bottom:calc(30px + env(safe-area-inset-bottom))}
}