:root{--plum:#4b237c;--mint:#c9ffd8;--red:#b52c1f;--ink:#111;--pale:#f1d7ff;--white:#fff}*{box-sizing:border-box}html{background:var(--plum)}body{margin:0;color:var(--ink);font-family:"Courier New",Courier,monospace;font-size:16px}button,a{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:3px}.event-header{display:flex;min-height:44px;border-bottom:3px solid var(--ink);background:var(--mint);font-weight:bold}.event-header>*{display:flex;align-items:center;padding:9px 14px}.event-header a{background:var(--ink);color:var(--mint);text-decoration:none}.event-header span:nth-child(2){flex:1}.event-header span:last-child{border-left:2px solid var(--ink);background:var(--pale)}main{width:min(1420px,100%);margin:auto;padding:24px}.event-intro{color:var(--pale)}.event-code{display:flex;gap:8px}.event-code span{padding:5px 8px;border:2px solid var(--ink);background:var(--mint);color:var(--ink);font-weight:bold}.event-code span:last-child{background:var(--red)}h1{max-width:16ch;margin:17px 0 12px;font-size:clamp(3rem,9vw,6rem);line-height:.88;letter-spacing:-.04em;text-wrap:balance}.event-intro blockquote{max-width:920px;margin:0;padding:14px 0;border-top:2px dashed var(--mint);border-bottom:2px dashed var(--mint);color:var(--mint);font-size:clamp(1.2rem,3vw,2rem);font-weight:bold;line-height:1.25}.window{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.window span{padding:7px 9px;border:2px solid var(--ink);background:var(--pale);color:var(--ink)}#share-event{display:inline-block;margin-top:10px;padding:8px 10px;border:2px solid var(--ink);background:var(--mint);color:var(--ink);font-weight:bold}#share-event[hidden]{display:none}.event-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:16px;margin-top:24px}.common-record,.route-reading,.four-readings,.presence-console{border:3px solid var(--ink);background:var(--pale)}.common-record>header,.route-reading>header{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;background:var(--ink);color:var(--mint);font-weight:bold}.route-reading>header a{color:var(--mint)}.record-body{padding:20px;font-size:1.05rem;line-height:1.65;white-space:pre-line}.uncertainty{margin:0;padding:13px;border-top:2px dashed var(--ink);background:var(--mint);line-height:1.5}.route-reading{background:var(--red)}.route-reading h2{margin:20px 16px 11px;font-size:clamp(2rem,4vw,3.7rem);line-height:.92;letter-spacing:-.035em}.route-reading>p{margin:13px 16px;line-height:1.55}.route-instruction{padding:12px;border:2px solid var(--ink);background:var(--pale);font-weight:bold}.four-readings{grid-column:1/-1}.four-readings>header{display:flex;justify-content:space-between;gap:20px;padding:14px;background:var(--mint)}.four-readings h2,.four-readings p{margin:0}.reading-switches{display:flex;flex-wrap:wrap;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.reading-switches button{flex:1 1 180px;min-height:45px;border:0;border-right:2px solid var(--ink);border-radius:0;background:var(--pale);font-weight:bold;cursor:pointer}.reading-switches button:last-child{border-right:0}.reading-switches button[aria-pressed="true"],.reading-switches button:hover{background:var(--red)}.comparison-reading{padding:18px}.comparison-reading b{display:block;margin-bottom:8px}.comparison-reading h3{max-width:32ch;margin:0 0 12px;font-size:clamp(1.6rem,4vw,3rem);line-height:1}.comparison-reading p{max-width:78ch;line-height:1.6}.presence-console{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:18px;padding:18px;background:var(--mint)}.presence-console p,.presence-console h2{margin:0 0 9px}.presence-console h2{font-size:clamp(1.8rem,4vw,3.5rem);line-height:.95}.presence-counts{display:flex;align-items:stretch;border:2px solid var(--ink)}.presence-counts span{display:flex;flex-direction:column;justify-content:center;min-width:135px;padding:12px;text-align:center}.presence-counts span+span{border-left:2px solid var(--ink);background:var(--pale)}.presence-counts b{font-size:2rem}.presence-actions{display:flex;flex-wrap:wrap;gap:8px}.presence-actions button{min-height:44px;padding:9px 12px;border:2px solid var(--ink);border-radius:0;background:var(--red);font-weight:bold;cursor:pointer}.presence-actions button+button{background:var(--ink);color:var(--mint)}#presence-status{align-self:center;min-height:1.5em;font-weight:bold}.event-empty{margin-top:30px;padding:40px;border:3px solid var(--ink);background:var(--pale);text-align:center}.event-empty pre{font:inherit}footer{display:flex;justify-content:space-between;gap:15px;padding:15px 24px;border-top:3px solid var(--ink);background:var(--ink)}footer a{color:var(--mint)}@media(max-width:860px){.event-grid{grid-template-columns:1fr}.presence-console{grid-template-columns:1fr}.four-readings,.presence-console{grid-column:auto}.four-readings>header{align-items:flex-start;flex-direction:column}.presence-counts{width:max-content}}@media(max-width:600px){main{padding:12px}.event-header span:nth-child(2){display:none}.event-grid{gap:10px}.common-record>header,.route-reading>header,footer{align-items:flex-start;flex-direction:column}.reading-switches button{border-right:0;border-bottom:2px solid var(--ink)}.reading-switches button:last-child{border-bottom:0}.presence-counts{width:100%}.presence-counts span{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}