@font-face{font-family:Barlow;src:url('assets/font-0.ttf');font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url('assets/font-1.ttf');font-weight:800;font-display:swap}@font-face{font-family:Barlow;src:url('assets/font-2.ttf');font-weight:900;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#211d18;color:#fff9ee;font-family:Arial,sans-serif}button{font:inherit;cursor:pointer;color:inherit;border-radius:0;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #f6c47d;outline-offset:4px}[hidden]{display:none!important}#app{width:100%;max-width:460px;min-height:100svh;height:100dvh;min-height:660px;margin:auto;padding:max(20px,env(safe-area-inset-top)) 23px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;background:linear-gradient(180deg,#0004,#0001 45%,#0007),url('assets/lobby.png') center/cover}header{height:57px;flex-shrink:0;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:0;padding-bottom:12px}.brand{background:#f7f5ed;color:#171914;border:2px solid #111;padding:6px;font:700 22px/1 Barlow,sans-serif;text-align:left}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:5px}.edition{font:bold 9px/1.5 monospace;text-align:right;padding-top:7px}.screen{flex:1;min-height:0;position:relative;padding-top:35px;display:flex;flex-direction:column}.eyebrow{font:700 10px monospace;letter-spacing:1.3px;text-shadow:1px 1px #171914;margin:0}h1{font:900 clamp(64px,10.2dvh,86px)/.88 Barlow,'Arial Narrow',sans-serif;letter-spacing:-2px;transform:rotate(-3deg);margin:28px 0 26px;text-shadow:3px 3px #171914}h1 span{color:transparent;-webkit-text-stroke:2px #faf5e9;text-shadow:none}.paper{background:#f9f8ed;color:#171914;border:2px solid;box-shadow:4px 4px 0 #171914;transform:rotate(-1.6deg);padding:12px 15px;font:bold 15px/1.3 monospace}.intro{width:96%;margin-top:12px}.choices{margin-top:auto;padding-top:22px}.caption{font:bold 10px monospace;letter-spacing:1px;text-shadow:1px 1px #171914}.duration{display:flex;gap:10px;margin:10px 0 16px}.duration button{flex:1;text-align:center;background:#faf5e9;color:#171914;border:2px solid #171914;padding:9px;font:800 30px Barlow,sans-serif;min-height:55px}.duration small{font:12px monospace}.duration [aria-pressed=true]{background:#171914;color:#faf8ee;border-color:#faf8ee}.primary{width:100%;background:#171914;color:#faf8ee;border:2px solid #171914;padding:15px 12px;font:700 17px Barlow,sans-serif;letter-spacing:1px;min-height:52px}.primary b{float:right;font-size:22px;line-height:20px}.micro{font:11px monospace;text-align:center;margin:13px 0 21px;text-shadow:1px 1px #171914}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid;font:bold 8px monospace;min-height:44px;flex-shrink:0;text-shadow:1px 1px #171914}footer button{font:bold 10px monospace;background:none;border:0;min-height:44px;padding:0 0 0 12px}#timer{font:800 108px/1 Barlow,sans-serif;text-shadow:3px 3px #171914;margin-top:24px;font-variant-numeric:tabular-nums}.progress{height:5px;background:#fff6;margin:21px 0}.progress i{display:block;width:0;height:100%;background:#faf5e9}.quiet{font:700 13px monospace;margin:20px 0 0;text-align:right;text-shadow:2px 2px #171914}.controls{margin-top:auto;display:flex;gap:10px;margin-bottom:33px}.controls .primary{flex:1}.secondary{background:#faf5e9;color:#171914;border:2px solid #171914;padding:16px 14px;font:bold 11px monospace}#done h1{margin-top:45px}#done .paper{width:85%;margin-top:6px}#again{margin-top:auto;margin-bottom:34px}dialog{width:344px;max-width:90vw;max-height:85dvh;overflow:auto;background:#faf8ed;border:3px solid #171914;color:#171914;padding:25px}dialog::backdrop{background:#111b}dialog h2{font:800 30px/1.05 Barlow,sans-serif;margin:34px 0 22px}dialog p{font:14px/1.5 monospace;margin:14px 0}dialog a{color:inherit}#close{position:absolute;right:15px;top:10px;background:none;border:0;font:30px Arial;min-width:44px;min-height:44px}@media(max-height:740px){#app{padding-top:12px;padding-bottom:8px}.screen{padding-top:22px}h1{margin:20px 0 15px}.intro{font-size:13px;padding:10px 12px;margin-top:4px}.choices{padding-top:18px}.duration{margin-bottom:12px}.micro{margin-bottom:12px}}@media(max-width:350px){#app{padding-left:18px;padding-right:18px}.brand{font-size:20px}.intro{font-size:13px}.edition{font-size:8px}.caption{font-size:9px}}

/* Light cycle: eight seconds darker, twenty-four seconds lighter. */
#app{position:relative;isolation:isolate}#app::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--dim,0);pointer-events:none;z-index:2;transition:opacity .25s linear}
header,footer,.controls,#relax{position:relative;z-index:3}#relax{margin-top:30px;font-size:14px;line-height:1.5;transform:none}#pause{font-size:16px;letter-spacing:0;text-transform:none}
@media(prefers-reduced-motion:reduce){#app::after{opacity:0;transition:none}}