@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/doomtrotter/fonts/barlow-800.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/doomtrotter/fonts/barlow-900.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/doomtrotter/fonts/plex-400.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/doomtrotter/fonts/plex-500.ttf) format("truetype")}@font-face{font-family:Jay;font-style:normal;font-weight:700;font-display:swap;src:url(/doomtrotter/fonts/VRMusic-Bold.otf) format("opentype")}:root{color-scheme:dark;font:700 18px Jay,IBM Plex Mono,sans-serif;color:#e4e0d1;background:#0b0d0c;--ink:#e6e2d5;--red:#fff3cc;--quiet:#c3c2ad}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{touch-action:manipulation}button,a{color:inherit}button{position:relative;font:inherit;line-height:1.7;border:0;border-radius:0;background:none;box-shadow:none;padding:12px 15px;cursor:pointer;text-shadow:-1px 1px 2px #081009,1px -1px 2px #081009}button:hover,a:hover{color:var(--red)}button:disabled{opacity:.42;cursor:default}[hidden]{display:none!important}#view,#view>canvas{position:fixed;inset:0;display:block}header{position:fixed;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.identity{display:flex;flex-direction:column;gap:7px;text-shadow:0 1px 8px #000}.identity span{font-size:7px;letter-spacing:.2px;transform:none;transform-origin:left}.identity strong{font:900 34px/.96 Barlow Condensed,Arial Narrow,sans-serif;letter-spacing:-1px}.identity small{font-size:8px;letter-spacing:.3px;transform:none}.top-actions{display:flex;align-items:flex-start;gap:21px;pointer-events:auto}.top-actions button{font-size:10px;padding:10px 4px;transform:none}.top-actions button:last-child{transform:none;margin-top:7px}.top-actions #settings-toggle[aria-expanded=true]{color:var(--red)}#entry{position:fixed;top:49%;left:9%;transform:translateY(-46%);width:440px;max-width:78vw;text-shadow:-1px 1px 2px #080e09,2px 2px 9px #000}.eyebrow{font-size:11px;letter-spacing:.4px;transform:none;transform-origin:left}h1{font:900 clamp(80px,10vw,150px)/.77 "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:-4px;margin:24px 0 25px;color:#e2dfce}h1 span{color:#d3a35b}#entry>p:not(.eyebrow){font-size:11px;line-height:2.2;max-width:390px;transform:none}#entry button{font-size:23px;margin:9px 0 21px 5px;padding:12px 22px;transform:none}#entry small{display:block;max-width:390px;font-size:9px;line-height:2.5;color:#cccdbb;transform:none}#loading{position:fixed;bottom:40px;left:30px;font-size:12px;transform:none}#score{position:fixed;top:112px;right:37px;display:none;align-items:baseline;gap:9px;text-shadow:-1px 1px 2px #07100a,1px 1px 9px #000;transform:none}body.started #score{display:flex}#score>span:first-child{font-size:12px}#score strong{font:700 33px Jay,IBM Plex Mono,sans-serif}#best{font-size:8px;align-self:flex-end;margin-bottom:6px}#notice{position:fixed;left:50%;bottom:115px;transform:translate(-50%);max-width:80vw;font-size:10px;line-height:2;text-align:center;text-shadow:-1px 1px 2px #000,2px 2px 8px #000}#settings{position:fixed;inset:0;pointer-events:none;background:none;border:0;box-shadow:none;z-index:4;text-shadow:-1px 1px 3px #000,2px 2px 7px #07110a}#settings>*:not(svg){position:absolute;pointer-events:auto}#settings h2{top:16%;left:29%;font:700 27px/1.8 Jay,IBM Plex Mono,sans-serif;margin:0;transform:none}#settings-close{right:8%;top:15%;font-size:16px;color:var(--red);transform:none}#settings label{display:flex;align-items:center;gap:18px;font-size:19px;line-height:1.9}#settings input[type=range]{width:170px}#settings .volume-note{top:30%;right:16%;transform:none}#settings .impact-note{top:43%;right:10%;transform:none}.gentle-note{left:12%;top:50%;transform:none}.motion-note{left:16%;top:65%;transform:none}#settings p{font-size:10px;line-height:2.2;color:#c6c8b5;margin:8px 0 0 46px;max-width:280px}.turn-note{right:15%;top:64%;transform:none}.turn-note>span{font-size:15px}.turn-choices{display:flex;align-items:center;gap:6px;margin-top:11px}.turn-choices>span{color:var(--red)}.turn-choices button{font-size:12px;padding:8px 10px;min-height:44px}.turn-choices button[aria-checked=true]{color:#fff3cc}#recenter{left:39%;bottom:12%;font-size:13px;transform:none}#settings>a{position:absolute;right:7%;bottom:8%;font-size:9px;text-decoration:none;transform:none;padding:10px}body.settings-open #entry,body.settings-open #end{visibility:hidden;pointer-events:none}body.settings-open #transport{opacity:.18;pointer-events:none}body.settings-open #view{pointer-events:none}body.settings-open #score{opacity:.32}input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;height:34px;margin:0;cursor:pointer;outline:none}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#c3c2ad;border:0}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:4px;height:24px;background:#e6e2d5;border:0;border-radius:0;margin-top:-11px}input[type=range]::-moz-range-track{height:1px;background:#c3c2ad;border:0}input[type=range]::-moz-range-thumb{width:4px;height:24px;background:#e6e2d5;border:0;border-radius:0}input[type=range]:focus-visible{filter:drop-shadow(0 0 2px #ff856d)}input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;position:relative;width:29px;height:36px;margin:0;flex-shrink:0;border:0;border-radius:0;background:none;cursor:pointer;outline:none}input[type=checkbox]:before{content:"—";font:700 19px Jay,IBM Plex Mono,sans-serif;color:#858e7c;transform:none}input[type=checkbox]:checked:before{content:"×";font-size:31px;color:#fff3cc;transform:none}input[type=checkbox]:focus-visible:after{content:"";position:absolute;inset:-5px;border-bottom:2px solid #e6e2d5}#transport{position:fixed;bottom:26px;left:30px;right:30px;display:flex;gap:26px;align-items:center;opacity:.9}#transport button{font-size:13px;transform:none;padding:8px 12px;min-height:48px}#transport button:last-child{transform:none}.timeline{flex:1;min-width:0;transform:none}.timeline input{width:100%}.timeline>span:not(.sr-only){display:flex;justify-content:space-between;align-items:baseline;font-size:8px;gap:12px;line-height:1.7}#status{font-size:7px;transform:none}#end{position:fixed;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;min-width:320px;width:650px;max-width:85vw;padding:15px;background:none;border:0;box-shadow:none;text-shadow:-1px 1px 3px #000,1px 1px 9px #000}#end h2{font:700 clamp(24px,3vw,42px)/1.8 "Jay","IBM Plex Mono",sans-serif;margin:24px 0 12px;transform:none}#end p{font-size:12px;line-height:2}#end p strong{font-size:27px;margin-right:8px;color:#fff3cc}#end button{font-size:15px;margin:24px 15px 0;padding:14px 20px;transform:none}#end button:last-child{transform:none}#end>p:first-child{font-size:10px;transform:none}#touch-pad{position:fixed;bottom:110px;left:16px;width:140px;display:grid;grid-template-columns:repeat(3,44px);gap:2px;opacity:.7}#touch-pad button{font-size:24px;padding:7px;touch-action:none;background:none;border:0;transform:none}#touch-pad button:first-child{grid-column:2}#touch-pad button:nth-child(2){grid-column:1;grid-row:2}#touch-pad button:nth-child(3){grid-column:2;grid-row:2}#touch-pad button:nth-child(4){grid-column:3;grid-row:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.ui-hidden header,body.ui-hidden #transport,body.ui-hidden #score{opacity:0;pointer-events:none}@media(max-width:760px){header{left:20px;right:20px;top:22px}.top-actions{flex-direction:column;align-items:flex-end;gap:1px}.top-actions button{font-size:9px;padding:8px 2px}.top-actions button:last-child{margin-top:0}.identity strong{font-size:29px}.identity span{font-size:6px}.identity small{font-size:7px}#entry{left:8%;top:47%;width:360px}#entry h1{font-size:110px}#entry button{font-size:21px}#entry>p:not(.eyebrow){font-size:10px;max-width:300px}#entry small{font-size:8px;line-height:2.3;max-width:310px}#settings h2{left:10%;top:17%;font-size:22px}#settings-close{right:7%;top:16%;font-size:12px}#settings .volume-note{right:10%;top:29%}#settings .impact-note{right:7%;top:39%}#settings label{font-size:15px}#settings input[type=range]{width:140px}.gentle-note{left:8%;top:49%}.motion-note{left:11%;top:62%}#settings p{font-size:8px;margin-top:4px}.turn-note{right:8%;top:77%}.turn-note>span{font-size:11px}.turn-choices{margin-top:5px}.turn-choices button{font-size:10px}#recenter{left:5%;bottom:8%;font-size:9px}#settings>a{bottom:3%;font-size:8px}#score{top:128px;right:23px}#score strong{font-size:27px}#best{font-size:6px}#transport{left:15px;right:15px;gap:10px;bottom:22px}#transport button{font-size:10px;padding:8px}#status{display:none}.timeline>span:not(.sr-only){font-size:7px}#end h2{font-size:28px}#end button{font-size:12px;margin:22px 8px 0;padding:12px}#end p{font-size:9px}}@media(max-height:650px)and (min-width:761px){#entry{top:50%}#entry h1{font-size:100px;margin:14px 0}#entry button{margin:1px 0 13px;font-size:19px}#entry small{font-size:8px;line-height:2.2}#settings h2{top:15%;font-size:23px}.volume-note{top:30%}.motion-note{top:64%}#settings p{font-size:8px}#settings label{font-size:16px}#recenter{bottom:7%}#settings>a{bottom:4%}}:root{text-transform:uppercase}button:focus-visible,a:focus-visible{outline:none;text-decoration:underline;text-underline-offset:7px;color:#fff3cc}button:hover,a:hover{color:#fff3cc}button:disabled{opacity:.42}.identity span{font-size:13px}.identity small{font-size:15px}.top-actions button{font-size:19px}.eyebrow{font-size:20px}#entry>p:not(.eyebrow){font-size:19px;line-height:1.55}#entry button{font-size:36px;padding-left:0}#entry small{font-size:15px;line-height:1.6}#entry h1{margin:19px 0 23px}#entry button:hover{padding-left:5px}#entry button:focus-visible{outline:none;text-decoration:underline}#settings h2{font-size:41px;left:24%;top:17%}#settings-close{font-size:25px}#settings label{font-size:29px}#settings p{font-size:17px;line-height:1.5;margin-left:46px}#settings .volume-note{top:33%}#settings .impact-note{top:46%}.gentle-note{left:10%;top:48%}.motion-note{left:13%;top:66%}.turn-note>span{font-size:24px}.turn-choices button{font-size:23px}.turn-choices button[aria-checked=true]{text-decoration:underline;text-underline-offset:7px}#recenter{font-size:23px;left:39%;bottom:9%}#settings>a{font-size:17px}#transport button{font-size:24px}.timeline>span:not(.sr-only){font-size:14px}#status{font-size:14px}#score>span:first-child{font-size:22px}#best{font-size:15px}#end p,#end>p:first-child{font-size:20px}#end button{font-size:28px}#notice{font-size:20px}@media(max-width:760px){.identity span{font-size:10px}.identity small{font-size:12px}.top-actions{gap:0}.top-actions button{font-size:15px}.eyebrow{font-size:18px}#entry>p:not(.eyebrow){font-size:17px}#entry button{font-size:31px;margin-bottom:16px}#entry small{font-size:13px;line-height:1.55}#settings h2{font-size:30px;left:8%;top:19%}#settings-close{font-size:21px;top:13%}#settings label{font-size:23px}#settings p{font-size:15px;margin-left:42px}#settings .volume-note{top:30%}#settings .impact-note{top:40%}.gentle-note{top:50%;left:8%}.motion-note{top:63%;left:8%}.turn-note{top:77%;right:8%}.turn-note>span{font-size:19px}.turn-choices button{font-size:19px}#recenter{font-size:17px;left:5%;bottom:7%}#settings>a{font-size:14px;bottom:2%}#transport button{font-size:21px}.timeline>span:not(.sr-only){font-size:12px}#score>span:first-child{font-size:20px}#best{font-size:13px}#end p,#end>p:first-child{font-size:18px}#end button{font-size:25px}}@media(max-height:650px)and (min-width:761px){#entry>p:not(.eyebrow){font-size:17px}#entry small{font-size:13px}#entry button{font-size:29px;margin-bottom:10px}#settings h2{font-size:32px}#settings label{font-size:24px}#settings p{font-size:15px}#recenter{bottom:4%}}button{text-transform:uppercase}.turn-choices>span{font-family:IBM Plex Mono,monospace}#settings-close{min-width:100px}