:root { color-scheme:dark; --bg:#121312; --surface:#191b19; --ink:#edece2; --muted:#a4aaa4; --accent:#d7bd90; --line:#ffffff25; --font:Arial,Helvetica,sans-serif; --display:Georgia,'Times New Roman',serif; }
* { box-sizing:border-box; } [hidden] { display:none!important; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:var(--font); font-size:16px; line-height:1.6; min-height:100vh; transition:background .35s; }
a { color:inherit; } button,input,textarea { font:inherit; } button,a,input,textarea,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; } button:disabled { cursor:wait; opacity:.5; } :focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
button,input,textarea { border-radius:0; } button { border:1px solid var(--line); background:none; color:var(--ink); padding:10px 16px; }
input,textarea { background:#0002; border:1px solid var(--line); color:var(--ink); width:100%; padding:14px 16px; min-width:0; }
input::placeholder,textarea::placeholder { color:var(--muted); opacity:.75; } input:focus,textarea:focus { border-color:var(--accent); }
.site-header { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0 4.5vw; min-height:112px; border-bottom:1px solid var(--line); }
.brand { text-decoration:none; display:flex; gap:13px; align-items:center; font:11px/1.4 Arial,sans-serif; letter-spacing:2px; }
.brand-mark { font:39px/1 Georgia,serif; color:var(--accent); }.header-note,.room-indicator,.site-footer,.eyebrow,.task-label { font:11px/1.5 'Courier New',monospace; letter-spacing:1.8px; text-transform:uppercase; }
.header-note { color:var(--muted); }.room-indicator { color:var(--accent); text-align:right; }
#main { position:relative; outline:none; z-index:1; width:min(1280px,91vw); margin:58px auto 90px; min-height:65vh; }
.site-footer { display:flex; justify-content:space-between; gap:20px; padding:22px 4.5vw; border-top:1px solid var(--line); color:var(--muted); position:relative; }
.watermark { position:fixed; width:720px; max-width:90vw; top:17%; right:0; opacity:.043; pointer-events:none; mix-blend-mode:screen; filter:grayscale(1); z-index:0; }
h1 { font:clamp(45px,6.8vw,94px)/1.04 var(--display); letter-spacing:-3px; margin:19px 0 25px; font-weight:400; } p { margin:0 0 22px; }
.eyebrow,.task-label { color:var(--accent); } .intro { color:var(--muted); max-width:600px; font-size:18px; line-height:1.65; }
.room { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); grid-template-areas:'heading evidence' 'rules action'; gap:45px 65px; animation:arrive .5s ease-out; }
.room-heading { grid-area:heading; min-width:0; }.room-evidence { grid-area:evidence; min-width:0; }.room-rules { grid-area:rules; min-width:0; }.room-action { grid-area:action; min-width:0; }
.evidence { border:1px solid var(--line); background:var(--surface); }.panel-heading { display:flex; justify-content:space-between; gap:15px; padding:17px 20px; border-bottom:1px solid var(--line); font:11px/1.5 'Courier New',monospace; letter-spacing:1px; }
.pill { color:var(--muted); text-align:right; }.task { font-size:21px; line-height:1.5; margin:12px 0 26px; }.rules { padding:0; list-style:none; color:var(--muted); margin:16px 0 0; font-size:14px; }
.rules li { position:relative; padding:0 0 13px 18px; }.rules li::before { content:'↳'; position:absolute; left:0; color:var(--accent); }
.answer-label { display:block; font:11px/1.5 'Courier New',monospace; letter-spacing:1.7px; margin:0 0 10px; color:var(--muted); }.answer-row { display:flex; gap:10px; }
.answer-row input { flex:1; width:0; }.primary-button { display:inline-flex; justify-content:space-between; align-items:center; gap:22px; padding:14px 20px; background:var(--accent); color:var(--bg); border:1px solid var(--accent); font:600 13px/1.4 Arial,sans-serif; white-space:nowrap; }
.primary-button:hover { filter:brightness(1.13); }.button-arrow { font-size:21px; font-weight:400; }.form-hint,.form-status { font-size:12px; color:var(--muted); margin:10px 0 0; }.form-status:empty { display:none; }.error { color:#ffac9b; }.notice { color:var(--accent); font:12px monospace; margin-bottom:24px; }.secondary-button { background:var(--accent); color:var(--bg); }.text-button { border:0; text-decoration:underline; padding:4px; }
.table-wrap { overflow:auto; } table { width:100%; border-collapse:collapse; font:13px/1.5 'Courier New',monospace; text-align:left; } th,td { border-bottom:1px solid var(--line); padding:11px 14px; white-space:nowrap; } th { font-weight:400; color:var(--muted); } tr:last-child td { border-bottom:0; }
.chart-wrap { padding:12px 18px; }.signal-chart { display:block; width:100%; }.signal-line { stroke-width:1.5; fill:none; }.chart-grid { stroke:var(--line); stroke-dasharray:2 4; }.chart-label { fill:var(--muted); font:10px monospace; }
.chart-toolbar { display:flex; justify-content:space-between; gap:16px; padding:20px; }.legend { display:flex; gap:20px; flex-wrap:wrap; }.legend-item { display:flex; align-items:center; gap:8px; font-size:11px; }.legend-swatch { width:17px; height:2px; background:#dbaa76; }.legend-swatch.measured { background:#d6ddd2; }.legend-swatch.residual { background:#a2bf9e; }.segmented { display:flex; }.segmented button { padding:5px 10px; font-size:12px; }.segmented button[aria-pressed=true] { background:var(--accent); color:var(--bg); }
.data-disclosure { border-top:1px solid var(--line); } summary { cursor:pointer; padding:15px 20px; color:var(--accent); font-size:12px; }.data-disclosure .table-wrap { max-height:320px; }
.split-tables { display:grid; grid-template-columns:1fr 1fr; }.split-tables>div+div { border-left:1px solid var(--line); }.table-caption { font:11px monospace; letter-spacing:1px; padding:18px 14px; color:var(--accent); }
.worlds { display:grid; grid-template-columns:1fr 1fr; }.world { padding:36px 28px; }.world+.world { border-left:1px solid var(--line); }.world-title { font:12px monospace; letter-spacing:2px; color:var(--accent); margin-bottom:30px; }.equation { font:clamp(20px,3vw,32px)/1.8 Georgia,serif; }
.matrices { display:flex; justify-content:space-around; gap:22px; padding:28px; overflow:auto; }.matrix-label { font:11px monospace; color:var(--accent); margin-bottom:14px; }.matrix td,.matrix th { padding:7px 9px; text-align:center; border:0; }.matrix td { color:var(--muted); }.matrix td.on { color:var(--ink); background:#ffffff0c; }
.values { display:grid; grid-template-columns:repeat(8,1fr); padding:24px; gap:10px; }.value { font:34px/1.4 'Courier New',monospace; text-align:center; border-right:1px solid var(--line); }.value:last-child { border:0; }.value small { display:block; font-size:11px; color:var(--muted); }.schedule { padding:20px 24px; border-top:1px solid var(--line); overflow:auto; }.code-line { display:block; white-space:nowrap; font:13px/2 'Courier New',monospace; }
.maze-layout { padding:25px; display:flex; justify-content:center; gap:35px; align-items:center; }.maze { display:grid; grid-template-columns:repeat(7,1fr); width:310px; max-width:100%; aspect-ratio:1; gap:3px; }.maze-cell { background:#c7dcaa16; display:grid; place-items:center; font:18px monospace; }.maze-cell.wall { background:#040b0a; border:1px solid #ffffff05; }.maze-cell.start,.maze-cell.goal { background:var(--accent); color:var(--bg); }.control-legend { display:grid; gap:17px; font:10px monospace; }.control-key { display:inline-block; padding:8px 12px; border:1px solid var(--accent); color:var(--accent); font-size:17px; margin-right:10px; }
.panel-body { padding:22px; }.oracle-controls { display:flex; align-items:end; gap:16px; flex-wrap:wrap; }.oracle-label { display:block; font-size:11px; margin-bottom:8px; }.oracle-input { max-width:110px; }.instrument-status { font-size:12px; color:var(--muted); margin:16px 0 0; }.empty-history { padding:20px; color:var(--muted); font-size:13px; border-top:1px solid var(--line); }
/* Each room changes composition, typography and visual language. */
body[data-room=threshold] { --display:Georgia,'Times New Roman',serif; }
[data-room=threshold] .room { grid-template-columns:1fr 1fr; grid-template-areas:'heading heading' 'evidence action'; gap:48px 100px; max-width:1120px; margin:auto; padding-top:12px; }
[data-room=threshold] .room-heading { max-width:700px; }[data-room=threshold] h1 { font-size:clamp(75px,10vw,140px); letter-spacing:-6px; margin-bottom:18px; }
[data-room=threshold] .clue { font:italic clamp(30px,4vw,48px)/1.4 Georgia,serif; margin:0; padding:25px 0 25px 28px; border-left:1px solid var(--accent); color:var(--accent); }
[data-room=threshold] .room-rules { display:none; }[data-room=threshold] .task-label { display:none; }[data-room=threshold] .room-action { padding-top:15px; }[data-room=threshold] .task { font-size:18px; }[data-room=threshold] .answer-row { flex-direction:column; }[data-room=threshold] .answer-row input { width:100%; flex:auto; }
body[data-room=signal] { --bg:#08131d; --surface:#0b1b29; --ink:#dcecf1; --muted:#839ea8; --accent:#6bd7e2; --display:'Courier New',monospace; --font:'Courier New',monospace; background-image:linear-gradient(#6bd7e206 1px,transparent 1px); background-size:100% 6px; }
[data-room=signal] .room { grid-template-columns:1.6fr 1fr; grid-template-areas:'heading heading' 'evidence evidence' 'rules action'; gap:32px 75px; }[data-room=signal] .room-heading { display:grid; grid-template-columns:1fr 1fr; align-items:end; column-gap:75px; }[data-room=signal] h1 { font-size:52px; grid-column:1; margin-bottom:0; }[data-room=signal] .intro { grid-column:2; grid-row:1/3; margin:0; font-size:15px; }[data-room=signal] .signal-chart { max-height:280px; }[data-room=signal] .panel-heading { color:var(--accent); }
body[data-room=leakage] { --bg:#201416; --surface:#2a1b1e; --ink:#f1dfd6; --muted:#b29a96; --accent:#f69580; --display:Georgia,serif; }
[data-room=leakage] .room { grid-template-columns:.8fr 1.4fr; grid-template-areas:'heading evidence' 'action evidence' 'rules rules'; gap:35px 65px; }[data-room=leakage] .room-heading { border-top:5px solid var(--accent); padding-top:22px; }[data-room=leakage] h1 { font-size:74px; font-style:italic; }[data-room=leakage] .room-evidence { transform:rotate(1deg); padding-top:25px; }[data-room=leakage] .room-rules { border-top:1px solid var(--line); padding-top:25px; max-width:850px; }[data-room=leakage] .answer-row { flex-direction:column; }[data-room=leakage] .answer-row input { width:100%; flex:auto; }[data-room=leakage] .split-tables { grid-template-columns:1fr; }[data-room=leakage] .split-tables>div+div { border-left:0; border-top:1px solid var(--line); }
body[data-room=oracle] { --bg:#080d09; --surface:#0b160e; --ink:#b8e9be; --muted:#7d9b80; --accent:#8af5a1; --font:'Courier New',monospace; --display:'Courier New',monospace; }
[data-room=oracle] #main { max-width:1000px; }[data-room=oracle] .room { grid-template-columns:1fr; grid-template-areas:'heading' 'evidence' 'rules' 'action'; gap:30px; }[data-room=oracle] h1 { font-size:60px; letter-spacing:-2px; }[data-room=oracle] h1::before { content:'> '; color:var(--accent); }[data-room=oracle] .intro { font-size:15px; max-width:750px; }[data-room=oracle] .room-action { border:1px dashed var(--accent); padding:28px; }[data-room=oracle] .room-rules .rules { columns:2; column-gap:40px; }[data-room=oracle] .rules li { break-inside:avoid; }[data-room=oracle] .panel-heading { background:#8af5a10a; }
body[data-room=causality] { --bg:#191525; --surface:#211b31; --ink:#eee6ff; --muted:#b0a2c4; --accent:#c5a4ff; --display:Georgia,serif; }
[data-room=causality] .room { grid-template-columns:1fr 1fr; grid-template-areas:'heading heading' 'evidence evidence' 'action rules'; gap:42px 90px; }[data-room=causality] .room-heading { text-align:center; }[data-room=causality] .intro { margin:0 auto; }[data-room=causality] h1 { font-size:90px; font-style:italic; }[data-room=causality] .evidence { border:0; }[data-room=causality] .worlds { gap:32px; background:var(--bg); }[data-room=causality] .world { background:var(--surface); text-align:center; border:1px solid var(--line); padding:40px; }[data-room=causality] .world+.world { background:#271e34; }[data-room=causality] .panel-heading { border:0; background:var(--bg); padding-left:0; }[data-room=causality] .equation { font-size:36px; }
body[data-room=dependencies] { --bg:#102134; --surface:#122a43; --ink:#e4efff; --muted:#9bb4ce; --accent:#82b9ff; --display:Arial,Helvetica,sans-serif; background-image:linear-gradient(#82b9ff09 1px,transparent 1px),linear-gradient(90deg,#82b9ff09 1px,transparent 1px); background-size:24px 24px; }
[data-room=dependencies] .room { grid-template-columns:130px minmax(0,1fr) minmax(260px,.75fr); grid-template-areas:'heading evidence evidence' 'heading rules action'; gap:40px; }[data-room=dependencies] .room-heading { border-right:1px solid var(--line); padding-right:25px; }[data-room=dependencies] .room-heading h1 { writing-mode:vertical-rl; transform:rotate(180deg); font-size:66px; font-weight:700; letter-spacing:-4px; margin:35px 0; }[data-room=dependencies] .room-heading .intro { display:none; }[data-room=dependencies] .room-heading .eyebrow { writing-mode:vertical-rl; }[data-room=dependencies] .room-evidence { padding-top:0; }[data-room=dependencies] .matrices { padding:32px 18px; gap:14px; }[data-room=dependencies] .answer-row { flex-direction:column; }[data-room=dependencies] .answer-row input { width:100%; flex:auto; }
body[data-room=arithmetic] { --bg:#201b17; --surface:#2c241b; --ink:#f8e8d6; --muted:#baa58e; --accent:#ffb358; --font:'Trebuchet MS',Arial,sans-serif; --display:Impact,'Arial Narrow',sans-serif; }
[data-room=arithmetic] .room { grid-template-columns:1.25fr .75fr; grid-template-areas:'evidence evidence' 'heading rules' 'action rules'; gap:36px 75px; }[data-room=arithmetic] h1 { text-transform:uppercase; font-size:86px; letter-spacing:0; line-height:.96; }[data-room=arithmetic] .value { font-size:48px; color:var(--accent); }[data-room=arithmetic] .room-rules { border-left:9px solid var(--accent); padding-left:30px; }[data-room=arithmetic] .room-heading .intro { font-size:16px; }
body[data-room=navigation] { --bg:#0b211e; --surface:#122d27; --ink:#e5efc9; --muted:#9eb4a0; --accent:#d2e994; --display:'Trebuchet MS',sans-serif; --font:'Trebuchet MS',sans-serif; }
[data-room=navigation] .room { grid-template-columns:.8fr 1.3fr; grid-template-areas:'heading evidence' 'rules evidence' 'action action'; gap:28px 70px; }[data-room=navigation] h1 { font-size:70px; letter-spacing:-4px; font-weight:700; }[data-room=navigation] .room-evidence { align-self:center; }[data-room=navigation] .maze-layout { flex-direction:column; }[data-room=navigation] .maze { width:385px; }[data-room=navigation] .control-legend { grid-template-columns:repeat(4,1fr); gap:20px; }[data-room=navigation] .control-key { display:block; width:46px; margin:0 auto 10px; }[data-room=navigation] .room-action { display:grid; grid-template-columns:1fr 1fr; gap:0 65px; border-top:1px solid var(--line); padding-top:28px; }[data-room=navigation] .answer-form { grid-column:2; grid-row:1/3; }
body[data-room=experiment] { --bg:#24181e; --surface:#301f28; --ink:#f5e8d9; --muted:#c0a8ae; --accent:#e8c68e; --font:Georgia,serif; --display:Georgia,serif; }
[data-room=experiment] .room { grid-template-columns:1.1fr .9fr; grid-template-areas:'evidence heading' 'rules action'; gap:45px 70px; }[data-room=experiment] h1 { font-size:72px; font-style:italic; }[data-room=experiment] .room-heading { text-align:right; }[data-room=experiment] .intro { font-size:17px; }[data-room=experiment] .room-evidence { padding-top:20px; }[data-room=experiment] .room-action { border-top:2px solid var(--accent); padding-top:25px; }
/* Application entrance. Puzzle rooms keep their individual visual languages. */
body[data-room=application] { --bg:#080809; --surface:#101012; --ink:#f2f2f3; --muted:#96969e; --accent:#ef626d; --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; background:#080809; }
#application-dialog { --accent:#ef626d; color:#f2f2f3; width:min(720px,calc(100% - 48px)); max-height:calc(100dvh - 48px); overflow:auto; border:1px solid #2c2c31; background:#101012; padding:32px 40px 34px; box-shadow:0 24px 100px #0008; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; scrollbar-width:thin; scrollbar-color:#39393f #101012; }
#application-dialog::backdrop { background:#080809f5; }
.application-header { position:relative; isolation:isolate; overflow:hidden; border-bottom:1px solid #29292e; padding-bottom:26px; margin-bottom:25px; }
.application-cicada { position:absolute; z-index:-1; top:-27px; right:-15px; width:260px; height:260px; object-fit:contain; opacity:.18; filter:grayscale(1); mix-blend-mode:screen; pointer-events:none; user-select:none; }
.application-topline { display:flex; align-items:center; justify-content:space-between; min-height:22px; gap:20px; color:#aaaab2; font:500 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:1.6px; }
.application-topline>span:first-child { display:flex; align-items:center; gap:10px; }.application-topline>span:first-child::before { content:''; width:6px; height:6px; background:#e45260; flex:none; }
#application-dialog #application-title { font:600 42px/1.12 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; letter-spacing:-1.7px; margin:22px 0 14px; max-width:440px; color:#f5f5f7; }
#application-title span { color:#b8b8c0; }.application-intro { color:#a7a7b0; font-size:14px; line-height:1.65; margin:0; }
.entry-signal { opacity:0; visibility:hidden; color:#f18891; font-size:12px; letter-spacing:4px; position:relative; padding:0 0 4px 4px; pointer-events:none; user-select:none; }
.entry-signal::after { content:''; position:absolute; left:4px; bottom:0; height:1px; width:calc(100% - 8px); background:currentColor; transform-origin:left; }
.entry-sequence .entry-signal { animation:entry-signal 1s ease-out both; }.entry-sequence .entry-signal::after { animation:entry-trace 1s ease-out both; }
@keyframes entry-signal { 0% { opacity:0; visibility:visible; transform:translateY(3px); } 18%,62% { opacity:.8; visibility:visible; transform:translateY(0); } 100% { opacity:0; visibility:hidden; transform:translateY(-3px); } }
@keyframes entry-trace { from { transform:scaleX(0); } 65%,to { transform:scaleX(1); } }
.application-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px 20px; }.application-fields label { display:block; color:#d3d3d9; font-size:13px; line-height:1.5; font-weight:500; }
.application-fields input,.application-fields textarea { display:block; margin-top:8px; font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; padding:12px 13px; background:#0b0b0d; border:1px solid #333339; border-radius:3px; color:#eeeef1; transition:border-color .15s,background .15s; }
.application-fields input::placeholder,.application-fields textarea::placeholder { color:#898991; opacity:1; }.application-fields input:hover,.application-fields textarea:hover { border-color:#505059; }.application-fields input:focus,.application-fields textarea:focus { border-color:#b8525b; background:#0e0e11; }
#application-dialog :focus-visible { outline:2px solid #ef626d; outline-offset:3px; }.application-fields input:user-invalid,.application-fields textarea:user-invalid { border-color:#ef626d; }
.wide { grid-column:1/-1; }textarea { resize:vertical; }.application-fields textarea { min-height:92px; }
.upload-label>span { font:400 10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.3px; color:#93939d; float:right; }
.application-fields input[type=file] { padding:9px; font-size:12px; border-style:dashed; color:#aaaab3; }.application-fields input[type=file]::file-selector-button { background:#202025; color:#dddde3; border:1px solid #3b3b43; border-radius:2px; padding:6px 10px; margin-right:12px; font:500 12px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; cursor:pointer; }
.policy-acceptance { display:flex; align-items:flex-start; gap:11px; margin:22px 0 6px; color:#aaaab4; font-size:13px; line-height:1.65; cursor:pointer; }
.policy-acceptance input { flex:0 0 17px; width:17px; height:17px; margin:2px 0 0; padding:0; accent-color:#cf3e4c; cursor:pointer; }
.policy-acceptance a { color:#d6d6de; text-decoration:underline; text-decoration-color:#696973; text-underline-offset:3px; }.policy-acceptance a:hover { color:#fff; text-decoration-color:#ef626d; }
#application-status { color:#a7a7b0; font-size:13px; }#application-status[data-state=error] { color:#ff959f; }
#application-dialog .application-submit { width:100%; min-height:52px; margin-top:18px; padding:15px 18px; border:1px solid #dc4c59; border-radius:3px; background:#c63544; color:#fff; font:600 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; transition:background .15s; }
#application-dialog .application-submit:hover { background:#d64050; filter:none; }.application-submit span { font-size:21px; font-weight:400; }
@media(max-width:560px) { #application-dialog { width:calc(100% - 24px); max-height:calc(100dvh - 24px); padding:25px 22px; }#application-dialog #application-title { font-size:34px; letter-spacing:-1.2px; }.application-header { padding-bottom:23px; margin-bottom:23px; }.application-cicada { width:220px; height:220px; top:0; right:-46px; opacity:.15; }.application-fields { grid-template-columns:1fr; gap:17px; }.application-fields label { grid-column:1; }.application-fields input,.application-fields textarea { font-size:16px; }.upload-label>span { font-size:9px; }.policy-acceptance { font-size:12px; } }
.completion { padding:50px 0; max-width:850px; margin:auto; }.completion-mark { font:100px Georgia,serif; color:var(--accent); }.completion p { max-width:570px; color:var(--muted); }.closing-note { font-style:italic; padding-top:30px; }.loading { color:var(--muted); }
@keyframes arrive { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1000px) { .header-note { display:none; }.room { gap:32px!important; }[data-room=dependencies] .room { grid-template-columns:80px minmax(0,1fr); grid-template-areas:'heading evidence' 'heading rules' 'heading action'; }[data-room=dependencies] .room-heading h1 { font-size:50px; }[data-room=dependencies] .matrices { justify-content:start; }.answer-row { flex-direction:column; }.answer-row input { width:100%; flex:auto; }.primary-button { min-height:48px; }[data-room=causality] h1 { font-size:70px; }[data-room=experiment] h1,[data-room=leakage] h1 { font-size:58px; }.values { padding:22px 12px; gap:3px; }[data-room=arithmetic] .value { font-size:36px; } }
@media(max-width:700px) { .site-header { min-height:90px; gap:10px; }.brand { font-size:9px; letter-spacing:1.5px; }.room-indicator { font-size:9px; max-width:135px; }#main { margin-top:35px; margin-bottom:55px; }.room,body .room { display:flex; flex-direction:column; gap:28px!important; }.room-heading { order:0; }.room-evidence { order:1; }.room-rules { order:2; }.room-action { order:3; }body h1,body[data-room] h1 { font-size:54px; letter-spacing:-2px; }body[data-room=threshold] h1 { font-size:80px; letter-spacing:-4px; }.intro { font-size:16px; }.task { font-size:18px; }.site-footer { font-size:9px; letter-spacing:1px; }.chart-toolbar { flex-direction:column; }.legend { gap:12px; }.chart-wrap { padding:8px; }.panel-heading { padding:13px; font-size:10px; }.pill { font-size:9px; }.matrices { padding:20px 10px!important; gap:24px!important; }.matrix td,.matrix th { padding:5px 7px; }.values { grid-template-columns:repeat(4,1fr); gap:18px 8px; }.value:nth-child(4) { border:0; }.worlds { gap:10px!important; }.world { padding:22px 10px!important; }.equation,body[data-room=causality] .equation { font-size:21px; }.world-title { margin-bottom:16px; font-size:10px; }.maze-layout { padding:18px; }.control-legend { gap:14px!important; }.oracle-controls { gap:12px; }[data-room=oracle] .room-rules .rules { columns:1; }[data-room=oracle] .room-action { padding:18px; }[data-room=dependencies] .room-heading { border-right:0; border-bottom:1px solid var(--line); padding-bottom:20px; }[data-room=dependencies] .room-heading h1,[data-room=dependencies] .room-heading .eyebrow { writing-mode:horizontal-tb; transform:none; }[data-room=dependencies] .room-heading h1 { margin:20px 0; }[data-room=dependencies] .room-heading .intro { display:block; }[data-room=signal] .room-heading { display:block; }[data-room=signal] .intro { margin-top:22px; }[data-room=leakage] .room-evidence { transform:none; padding:0; }[data-room=experiment] .room-heading { text-align:left; }[data-room=navigation] .room-action { display:block; }[data-room=threshold] .room-action { padding-top:0; }[data-room=threshold] .clue { font-size:30px; }[data-room=arithmetic] .room-rules { padding-left:20px; }.completion { padding:15px 0; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
/* Only the reference and email handoff remain on completion. */
body[data-room=complete] { --bg:#080809; --surface:#111113; --ink:#f3f3f5; --muted:#aaaab3; --accent:#ef626d; --line:#303035; --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; background:#080809; }
[data-room=complete] #main { display:grid; align-items:center; min-height:70vh; margin:35px auto; }.completion { width:100%; max-width:740px; padding:30px 0; }
.completion-receipt { margin:0 0 25px; padding:28px; border:1px solid var(--line); border-top:2px solid #d54b58; background:var(--surface); }
.completion-receipt label { display:block; font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:1.5px; color:#bcbcc5; margin-bottom:16px; }
.reference-row { display:flex; gap:12px; align-items:stretch; }.reference-row input { flex:1; width:0; min-width:0; font:17px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; color:#fff; letter-spacing:.2px; padding:14px 12px; background:#09090b; border:1px solid #37373d; }
.copy-reference { white-space:nowrap; font-size:14px; font-weight:600; min-height:50px; border:1px solid #d44a57; background:#c63544; color:#fff; }.copy-reference:hover { background:#d64050; }.completion p.copy-status { font-size:13px; color:#f18c95; margin:12px 0 0; }.copy-status:empty { display:none; }
.completion p.completion-next { font-size:17px; color:#aaaab3; max-width:none; margin:0; }.completion-next a { color:#fff; text-decoration-color:#d54b58; text-underline-offset:5px; }.completion-next a:hover { color:#ff9aa3; }
@media(max-width:650px) { .completion-receipt { padding:22px 18px; }.reference-row { flex-direction:column; }.reference-row input { width:100%; flex:auto; font-size:15px; }.completion p.completion-next { font-size:15px; } }