html{color:#ebe9f7;background:#080914}body{background:radial-gradient(ellipse at 35% 28%,#14102a 0,#080914 75%)}header,footer{border-color:#37304c}.study-name,footer,#live-mode{color:#b4aecb}button{background:#100f20;color:#ddd5fa;border-color:#655b83}button:hover,button[aria-pressed=true]{background:#bdb0e7;color:#100c1d}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#c7b0ff}h1{color:#f0edff}nav a{color:#dbd1ff}.consumed{visibility:hidden!important}.identity{display:flex;align-items:center;gap:30px;margin-bottom:58px}.identity img{width:82px;height:110px;object-fit:cover;object-position:center;border-radius:4px;filter:saturate(.75);border:1px solid #655b8355}.identity h1{margin:0;font-size:clamp(60px,8.4vw,120px)}main{padding-top:70px}.intro{grid-template-columns:1.2fr 1fr;gap:10%}.lead{font-size:clamp(30px,3.2vw,44px)}#loop{border-top:1px solid #37304c;padding:22px 0 30px;color:#bcb4d0;position:relative;z-index:7}summary{cursor:pointer;font-size:13px;width:max-content}.loop-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:24px 0}#loop h2{font-size:22px;color:#ebe9f7;font-weight:500;letter-spacing:-.03em}#loop p{font-size:14px;line-height:1.6;max-width:570px}#numbers{font:11px monospace}figure{margin:0;min-width:0}#closeup{position:static;width:100%;height:230px;border:1px solid #37304c;border-radius:8px;background:#0b0916}figcaption,.footnote{font-size:11px!important;color:#9890ad;margin-top:12px}.page{min-height:100svh}#loop:not([open]){padding-bottom:22px}@media(max-width:650px){header{gap:12px}.controls{flex-basis:auto;margin-left:auto}.study-name{font-size:10px}.identity{gap:17px;align-items:center;margin-bottom:42px}.identity img{width:56px;height:79px}.identity h1{font-size:clamp(43px,10vw,62px);letter-spacing:-.06em}.intro{grid-template-columns:1fr;gap:30px}.lead{font-size:33px}main{padding-top:48px;padding-bottom:90px}.loop-grid{grid-template-columns:1fr}.page{padding:0 6vw}footer{gap:12px}}

/* The main swimming layer crosses the entire live sheet without taking clicks. */
body > canvas{z-index:20!important;pointer-events:none}.page{position:relative;z-index:0}#loop{z-index:auto;padding:32px 0 44px}#loop h2{margin:0;font-size:27px}#loop h3{color:#bca7ef;font-size:10px;letter-spacing:.12em;margin:0 0 10px}#loop .eyebrow{font-size:10px;margin:0 0 12px}.live-heading,.school-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}#clock,#school-count{font:12px monospace;white-space:nowrap;color:#c7b4f4}.cameras{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cameras canvas,#letter-camera{position:static;display:block;inset:auto;width:100%;height:160px;background:#0c0a19;border:1px solid #393049;border-radius:9px}.cameras figcaption{margin:9px 0 0;font:10px monospace;color:#a79bbf}.fish-logic{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:26px 0 28px;border-bottom:1px solid #37304c;margin-bottom:28px}#loop .fish-logic p{margin:7px 0;font-size:12px}#numbers{color:#8f84a4}.school-heading{margin-bottom:10px}#school-states{font:11px/1.8 monospace!important;color:#bcaed4}.school-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:26px}.roster-help{font-size:11px!important;color:#9d90b3}#roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.letter-card{padding:4px 2px;min-width:0;height:77px;border-radius:6px;border:1px solid #332b44;background:#0c0a19;font:9px monospace;color:#afa3c5}.letter-card canvas{position:static;inset:auto;display:block;width:100%;height:40px}.letter-card span{display:block;line-height:13px}.letter-card[data-state=fleeing]{border-color:#8b609d}.letter-card[data-state=returning]{border-color:#547a87}.letter-card[data-state=eaten]{opacity:.45}.letter-card[aria-pressed=true]{background:#282035!important;color:#f1e9ff!important;border-color:#cbb1f5}.letter-card:hover{background:#211a30;color:#f1e9ff}.letter-detail{border:1px solid #393049;border-radius:9px;padding:18px;align-self:start;position:sticky;top:20px;background:#0c0a19}#letter-camera{height:130px;border:0}#letter-decision{font-size:12px!important;min-height:57px}#letter-data{grid-template-columns:1fr 1fr;font-size:10px;margin-bottom:0;gap:10px}#letter-data dt{color:#9588ac}#letter-data dd{overflow-wrap:anywhere;color:#d4c8e8}.all-typography #loop button{position:relative}main{flex:none;padding-bottom:58px}.identity{margin-bottom:36px}footer{padding:18px 0}
@media(max-width:650px){.cameras{gap:8px;grid-template-columns:1fr 1fr}.cameras figure:first-child{grid-column:1/-1}.cameras canvas{height:130px}.cameras figure:first-child canvas{height:160px}.live-heading{align-items:end}#loop h2{font-size:23px}.fish-logic{grid-template-columns:1fr;gap:18px}.school-layout{display:flex;flex-direction:column-reverse;gap:18px}.letter-detail{position:static}.school-heading{flex-wrap:wrap;gap:10px}#roster{grid-template-columns:repeat(auto-fill,minmax(51px,1fr))}main{padding-bottom:52px}.identity{margin-bottom:35px}}
@media(min-width:1120px){.page{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:90px 1fr auto;grid-template-areas:'header header' 'main live' 'footer live';column-gap:34px}header{grid-area:header}main{grid-area:main;padding:54px 0 40px;align-self:start}footer{grid-area:footer;align-self:end}#loop{grid-area:live;height:calc(100svh - 120px);overflow:auto;overscroll-behavior:contain;margin:15px 0;padding:20px 16px;border:1px solid #37304c;border-radius:12px;background:#0b0a17;scrollbar-color:#514260 transparent}.identity{gap:20px;margin-bottom:40px}.identity img{width:65px;height:91px}.identity h1{font-size:clamp(52px,5.7vw,92px)}.intro{grid-template-columns:1fr;gap:30px}.lead{font-size:36px}.bio{font-size:19px}#loop h2{font-size:22px}.live-heading{gap:8px}.cameras{grid-template-columns:1fr 1fr;gap:10px}.cameras figure:first-child{grid-column:1/-1}.cameras canvas{height:100px}.cameras figure:first-child canvas{height:130px}.fish-logic{grid-template-columns:1fr;gap:15px;padding:20px 0;margin-bottom:20px}.school-heading{flex-wrap:wrap;gap:10px}.school-layout{display:flex;flex-direction:column-reverse;gap:16px}.letter-detail{position:static}#letter-camera{height:95px}#roster{grid-template-columns:repeat(6,minmax(0,1fr))}.letter-card{height:72px}}

.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-6px 0 16px;font:10px monospace;color:#bcaed4}.live-toolbar button{font-size:10px;padding:6px 10px;min-height:34px}

#roster{max-height:244px;overflow:auto;padding:3px;scrollbar-color:#514260 transparent}.letter-values summary{font-size:11px;margin-top:12px;max-width:100%}.letter-values[open]{padding-bottom:5px}#letter-decision{min-height:0}#loop .letter-detail h3{line-height:1.4}@media(min-width:1120px){.school-layout{flex-direction:column}#roster{max-height:165px}#letter-camera{height:80px}.letter-detail{padding:14px}}@media(max-width:650px){.school-layout{flex-direction:column}#roster{max-height:244px}#letter-camera{height:100px}}