:root{--ink:#f3e9d2;--dim:#a8998a;--red:#d6332b;--amber:#f2b33d;--paper:#efe4c8;--paper-ink:#3a2a1c}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#000;overflow:hidden;color:var(--ink);-webkit-user-select:none;user-select:none}
#stage{position:absolute;left:50%;top:50%;width:min(100vw,177.78vh);height:min(56.25vw,100vh);width:min(100vw,177.78dvh);height:min(56.25vw,100dvh);transform:translate(-50%,-50%);
  container-type:size;overflow:hidden;background:#000;font-family:"Patrick Hand",ui-rounded,system-ui,sans-serif;font-size:2cqw}
.hidden{display:none!important}
.layer{position:absolute;inset:0}
.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
button{font:inherit;cursor:pointer}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block}
#grain{position:absolute;inset:0;width:100%;height:100%;opacity:.09;mix-blend-mode:screen;pointer-events:none;image-rendering:pixelated}
#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.75) 100%)}
#redGlow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,0,0,.12),rgba(90,0,0,.6));opacity:0;transition:opacity .4s}
#redGlow.on{animation:redPulse .55s infinite alternate}
@keyframes redPulse{from{opacity:.2}to{opacity:.8}}
#slats{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#050302 0,#050302 5.5cqh,transparent 5.5cqh,transparent 7cqh);box-shadow:inset 0 0 12cqw #000}

/* HUD */
#hud{position:absolute;inset:0;pointer-events:none}
#cross{position:absolute;left:50%;top:50%;width:.5cqw;height:.5cqw;margin:-.25cqw;border-radius:50%;background:rgba(255,255,255,.55);transition:transform .15s,background .15s}
#cross.on{transform:scale(1.8);background:var(--amber)}
#prompt{position:absolute;left:50%;top:55%;transform:translateX(-50%);font-family:"Special Elite",monospace;font-size:1.35cqw;color:#fff;text-shadow:0 0 .4cqw #000,0 0 .8cqw #000;white-space:nowrap}
#prompt b{color:var(--amber);border:.12cqw solid var(--amber);border-radius:.3cqw;padding:0 .4cqw;margin-right:.4cqw;font-family:VT323,monospace;font-size:1.4cqw}
#caption{position:absolute;left:50%;top:5%;transform:translateX(-50%);max-width:62cqw;text-align:center;font-family:"Special Elite",monospace;font-size:1.45cqw;line-height:1.45;
  color:#f3e9d2;text-shadow:0 0 .4cqw #000,0 0 1cqw #000,0 0 1cqw #000;transition:opacity .6s;opacity:0}
#caption.on{opacity:1}
#caption .who{color:var(--amber);font-size:1.15cqw;letter-spacing:.15em;display:block}
#caption.adaly .who{color:#ff7b6b}
#caption.wrong{color:#ffb0b0}
#objective{position:absolute;left:1.6cqw;top:1.4cqw;font-family:"Special Elite",monospace;font-size:1.15cqw;color:var(--dim);text-shadow:0 0 .4cqw #000;max-width:34cqw;transition:opacity .8s}
#objective b{color:var(--ink);font-weight:normal}
#timer{position:absolute;right:1.6cqw;top:1.4cqw;font-family:VT323,monospace;font-size:2.4cqw;color:#ff6b5b;text-shadow:0 0 1cqw #c00}
#breath{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);width:26cqw;text-align:center;font-family:VT323,monospace;font-size:2cqw;color:#9fd0ff}
#breath i{display:block;height:.8cqw;margin-top:.3cqw;background:#9fd0ff;border-radius:1cqw;transform-origin:left;transition:transform .1s linear}
#stamina{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);width:12cqw;height:.35cqw;background:rgba(255,255,255,.08);border-radius:1cqw;opacity:0;transition:opacity .4s}
#stamina.on{opacity:1}
#stamina i{display:block;height:100%;background:rgba(255,255,255,.5);border-radius:1cqw;transform-origin:left}
#inv{position:absolute;right:1.6cqw;bottom:1.6cqw;display:flex;gap:.5cqw;opacity:.85}
.slot{min-width:3.6cqw;height:3.6cqw;padding:0 .4cqw;background:rgba(8,5,3,.6);border:.12cqw solid #4a3423;border-radius:.5cqw;display:flex;align-items:center;justify-content:center;font-size:1.9cqw;position:relative}
.slot small{position:absolute;bottom:0;right:.25cqw;font-size:1cqw;font-family:VT323,monospace;color:var(--amber)}

/* panels */
.panel{background:rgba(8,5,3,.92);border:.15cqw solid #4a3423;border-radius:1cqw;padding:2.2cqw 3cqw;max-width:72cqw}
.panel h2{font-family:Fredoka,sans-serif;font-size:3cqw;margin:0 0 1.2cqw;color:var(--amber)}
.keys{display:flex;flex-wrap:wrap;gap:.6cqw 1.4cqw;justify-content:center;font-size:1.35cqw;color:var(--dim);margin-bottom:1.4cqw}
.keys b{color:var(--ink);font-family:VT323,monospace;font-size:1.6cqw;font-weight:normal}
.settings{display:flex;gap:1.8cqw;align-items:center;justify-content:center;flex-wrap:wrap;font-size:1.3cqw;color:var(--dim);margin-bottom:1.4cqw}
.settings label{display:flex;gap:.5cqw;align-items:center;cursor:pointer}
.settings input[type=checkbox]{width:1.4cqw;height:1.4cqw;accent-color:var(--amber)}
.settings input[type=range]{width:9cqw;accent-color:var(--amber)}
.btn{background:#2a1c12;color:var(--ink);border:.2cqw solid #6b4a2b;border-radius:.8cqw;padding:.5cqw 2cqw;font-size:1.6cqw;transition:transform .12s,background .12s}
.btn:hover{background:#3d291a;transform:translateY(-.1cqw)}
.btn.primary{background:var(--amber);color:#2a1406;border-color:#ffd27a;font-family:Fredoka,sans-serif;font-weight:700}
.btn.primary:hover{background:#ffc75a}
#lockPrompt{background:rgba(0,0,0,.55);z-index:30;cursor:pointer}

/* title */
#title{z-index:50;background:radial-gradient(ellipse at 50% 40%,#1d1410 0,#050302 70%);gap:1.4cqw}
#title h1{font-family:Fredoka,sans-serif;font-weight:700;font-size:6.4cqw;margin:0;color:var(--amber);letter-spacing:.05em;text-shadow:.25cqw .25cqw 0 #7a2a12,0 0 2cqw rgba(242,179,61,.35);animation:titleFlicker 6s infinite}
#title .tag{font-family:"Special Elite",monospace;color:var(--dim);font-size:1.5cqw;line-height:1.5}
#title .row{display:flex;gap:1.2cqw;margin-top:1.2cqw}
.warn{font-size:1.15cqw;color:#7d6f62;margin-top:1cqw;max-width:70cqw}
@keyframes titleFlicker{0%,91%,100%{opacity:1;transform:none}92%{opacity:.4;transform:skewX(8deg)}93%{opacity:1}96%{opacity:.7;transform:translateX(.4cqw)}}
.card{z-index:45;background:#050302;gap:1.6cqw;padding:0 12cqw}
.card p{font-family:"Special Elite",monospace;font-size:1.8cqw;line-height:1.6;margin:0;opacity:0;animation:fadeUp 1s forwards}
.card input{font:inherit;font-size:2.4cqw;padding:.5cqw 1.2cqw;width:30cqw;text-align:center;background:#140d08;color:var(--ink);border:.2cqw solid #6b4a2b;border-radius:.6cqw;outline:none}
@keyframes fadeUp{from{opacity:0;transform:translateY(.8cqw)}to{opacity:1;transform:none}}

/* overlays */
#ov{z-index:35;background:rgba(0,0,0,.78)}
.paper{background:var(--paper);color:var(--paper-ink);font-family:"Special Elite",monospace;font-size:1.45cqw;line-height:1.6;padding:2.2cqw 3cqw;width:64cqw;max-height:48cqw;overflow:auto;border-radius:.3cqw;
  box-shadow:0 1cqw 4cqw rgba(0,0,0,.8);transform:rotate(-.5deg);position:relative;text-align:left;-webkit-user-select:text;user-select:text}
.paper h3{margin:0 0 .8cqw;font-size:1.8cqw}
.paper .entry{margin-bottom:1.3cqw;padding-bottom:1.1cqw;border-bottom:.1cqw dashed #b5a27a}
.paper .entry:last-child{border-bottom:0}
.paper .kid{font-family:"Patrick Hand",sans-serif;font-size:1.8cqw;color:#2a3a8a}
.paper em{color:#8a1f12;font-style:normal;text-decoration:underline}
.close{position:absolute;top:.6cqw;right:1cqw;background:none;border:0;font-size:2.2cqw;color:inherit}
.hintline{margin-top:1cqw;font-size:1.2cqw;color:var(--dim)}
.lock{background:#1c130c;border:.25cqw solid #6b4a2b;border-radius:1cqw;padding:2.2cqw 3cqw;position:relative}
.lock h3{font-family:"Special Elite",monospace;margin:0 0 1.4cqw;font-size:1.8cqw}
.dials{display:flex;gap:1.2cqw;justify-content:center;margin-bottom:1.6cqw}
.dial{display:flex;flex-direction:column;align-items:center;gap:.3cqw}
.dial button{background:#3a2818;color:var(--ink);border:0;border-radius:.4cqw;width:5cqw;height:2.6cqw;font-size:1.4cqw}
.dial button:hover{background:#523823}
.dial span{font-family:VT323,monospace;font-size:5cqw;width:5cqw;background:#0b0705;border:.15cqw solid #4a3423;border-radius:.4cqw;color:var(--amber);line-height:1.1}
.bad{animation:shake .3s}
@keyframes shake{0%,100%{transform:translate(0,0)}25%{transform:translate(-.4cqw,.2cqw)}50%{transform:translate(.4cqw,-.2cqw)}75%{transform:translate(-.2cqw,-.3cqw)}}
#crash{z-index:70;background:#0018a8;color:#e8ecff;padding:6cqw 8cqw}
#crash pre{font-family:VT323,monospace;font-size:2.3cqw;line-height:1.35;margin:0;white-space:pre-wrap}
#scare{z-index:80;background:#200;pointer-events:none}
#scare svg{width:70cqw;animation:scareZoom .9s cubic-bezier(.2,2,.4,1) forwards,shake .07s infinite}
@keyframes scareZoom{from{transform:scale(.4)}to{transform:scale(1.3)}}
#ending{z-index:60;background:#050302;padding:0 10cqw;gap:1.2cqw}
#ending h2{font-family:Fredoka,sans-serif;font-size:4.6cqw;margin:0;color:var(--amber)}
#ending h2.bad{color:var(--red)}
#ending .story{font-family:"Special Elite",monospace;font-size:1.6cqw;line-height:1.6;max-width:70cqw}
.vhs{background:#111;border:.3cqw solid #333;border-radius:.6cqw;padding:1cqw 1.4cqw;width:46cqw;display:flex;gap:1cqw;align-items:center}
.vhs .lbl{flex:1;background:#f4f0e0;color:#222;font-size:1.7cqw;padding:.5cqw 1cqw;border-radius:.2cqw;transform:rotate(-1deg)}
.vhs .reel{width:4cqw;height:4cqw;border-radius:50%;border:.6cqw solid #444;background:#000}
.found{font-family:VT323,monospace;font-size:1.8cqw;color:var(--dim)}
#rotate{position:fixed;inset:0;z-index:99;background:#000;color:var(--ink);display:none;align-items:center;justify-content:center;text-align:center;font-family:"Special Elite",monospace;padding:20px;font-size:18px}
@media (pointer:coarse) and (orientation:portrait){#rotate{display:flex}}

/* TV show */
#tv{z-index:40;background:#000}
#screen{position:absolute;inset:2.2cqw 5cqw;border-radius:3cqw/4cqw;overflow:hidden;background:#000;box-shadow:0 0 0 1.4cqw #120c08,0 0 0 1.8cqw #2a1c12,0 0 5cqw rgba(150,200,255,.12)}
#tv::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.65) 100%)}
#set{position:absolute;inset:0;width:100%;height:100%;transition:filter 1s}
#set.t2{filter:saturate(.7) brightness(.92)}
#set.t3{filter:saturate(.55) brightness(.85) contrast(1.05)}
#set.t4{filter:saturate(.3) brightness(.68) contrast(1.15) hue-rotate(-12deg)}
#set.t5{filter:saturate(.1) brightness(.35) contrast(1.3)}
#set.t6{filter:saturate(1.4) brightness(.9) contrast(1.2) hue-rotate(-20deg)}
#set.t7{filter:saturate(.2) brightness(.5) contrast(1.4)}
#set.t8{filter:saturate(.8) brightness(.55) contrast(1.3)}
#set .sunface{transition:opacity .5s}
#set.t4 .sunface,#set.t5 .sunface,#set.t7 .sunface,#set.t8 .sunface{opacity:0}
#set.t8 #sunBody,#set.t7 #sunBody{fill:#8a1010}
#ruthieWin{opacity:0;transition:opacity 2s}
#set.ruthie #ruthieWin{opacity:1}
#adaly{position:absolute;left:26%;bottom:19%;width:25%;transition:transform .5s cubic-bezier(.3,1.4,.5,1),opacity .4s;transform-origin:50% 90%;overflow:visible;animation:bob 2.4s ease-in-out infinite}
#adaly.close{transform:translate(42%,-8%) scale(1.85);animation:none}
#adaly.gone{opacity:0}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -1.2%}}
#pocket{position:absolute;left:61%;bottom:19%;width:15%;overflow:visible;transition:opacity .4s}
#pocket.gone{opacity:0}
#pocket.talk{animation:bob .35s ease-in-out infinite}
#ruthieShow{position:absolute;left:40%;bottom:19%;width:17%;animation:shiver .2s infinite}
@keyframes shiver{50%{translate:.15% 0}}
#adaly .m,#adaly .e,#adaly .b{display:none}
#adaly.mood-happy .m-smile,#adaly.mood-neutral .m-flat,#adaly.mood-flat .m-flat,#adaly.mood-angry .m-frown,#adaly.mood-sad .m-frown,#adaly.mood-wrong .m-grin{display:inline}
#adaly.open:not(.mood-wrong) .m{display:none}
#adaly.open:not(.mood-wrong) .m-open{display:inline}
#adaly .e-norm{display:inline}
#adaly.mood-wrong .e-norm{display:none}
#adaly.mood-wrong .e-black{display:inline}
#adaly.mood-happy .b-norm,#adaly.mood-neutral .b-norm,#adaly.mood-flat .b-flat,#adaly.mood-angry .b-angry,#adaly.mood-sad .b-sad,#adaly.mood-wrong .b-flat{display:inline}
#adaly.mood-angry .pupil{fill:#9b0000}
#adaly.mood-angry .skin{fill:#f2b9a0}
#adaly.mood-wrong .skin{fill:#cfccc4}
#adaly.mood-wrong .cheek,#adaly.mood-flat .cheek{opacity:0}
#adaly .eyes{transform-box:fill-box;transform-origin:center}
#adaly.blink .eyes{transform:scaleY(.08)}
#armR{transform-box:fill-box;transform-origin:10% 10%}
#adaly.wave #armR{animation:wave .5s ease-in-out 4 alternate}
@keyframes wave{from{transform:rotate(-150deg)}to{transform:rotate(-110deg)}}
#pocket .noeyes{display:none}
#pocket.blind .eyesOn{display:none}
#pocket.blind .noeyes{display:inline}
#noise{position:absolute;inset:0;width:100%;height:100%;opacity:.06;mix-blend-mode:screen;pointer-events:none;image-rendering:pixelated}
.scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0,rgba(0,0,0,.22) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}
.roll{position:absolute;left:0;right:0;height:8%;background:linear-gradient(transparent,rgba(255,255,255,.06),transparent);animation:roll 7s linear infinite;pointer-events:none}
@keyframes roll{from{top:-10%}to{top:110%}}
#screen.glitch{animation:glitch .12s steps(2) infinite}
#screen.glitch #set{filter:hue-rotate(160deg) saturate(3) contrast(1.6)!important}
#screen.glitch #adaly{translate:1.5% 0;filter:drop-shadow(.6cqw 0 0 rgba(255,0,0,.7)) drop-shadow(-.6cqw 0 0 rgba(0,255,255,.7))}
@keyframes glitch{0%{transform:translate(0,0) skewX(0)}50%{transform:translate(-1%,.5%) skewX(6deg)}100%{transform:translate(1%,-.5%) skewX(-4deg)}}
#osd{position:absolute;inset:0;pointer-events:none;font-family:VT323,monospace;color:#e8f0ff;text-shadow:.15cqw .15cqw 0 #000;font-size:2.4cqw}
#osd .tl{position:absolute;top:3%;left:4%}
#osd .tr{position:absolute;top:3%;right:4%}
#osd .bl{position:absolute;bottom:22%;left:4%;opacity:.8}
.blinky{animation:blinky 1s steps(1) infinite}
@keyframes blinky{50%{opacity:0}}
#subs{position:absolute;left:7%;right:7%;bottom:3.5%;min-height:15%;background:rgba(0,0,0,.72);border-radius:.8cqw;padding:1cqw 1.8cqw;font-size:2.1cqw;line-height:1.3;color:#fff}
#subs .who{display:block;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.3cqw;letter-spacing:.12em;color:var(--amber);margin-bottom:.15cqw}
#subs.pocket .who{color:#9fb6ff}
#subs.ruthie .who{color:#ffb0d0}
#subs.whisper .txt{font-style:italic;color:#b9b2c7;font-size:1.8cqw}
#subs.unknown .who{color:#ff8080}
#subs.unknown .txt{letter-spacing:.4em;color:#ffb0b0;font-family:"Special Elite",monospace}
#subs.wrong .txt{color:#ffdede;text-shadow:0 0 .6cqw #f00}
#subs .next{position:absolute;right:1.4cqw;bottom:.8cqw;font-size:1.4cqw;animation:blinky 1s steps(1) infinite;color:var(--amber)}
#choices{position:absolute;left:0;right:0;bottom:22%;display:flex;gap:1.2cqw;justify-content:center;align-items:center;flex-wrap:wrap;z-index:3}
#choices .btn{font-size:2cqw;background:rgba(30,20,12,.92)}
#choices .btn:hover{background:var(--amber);color:#2a1406}
#choices input{font:inherit;font-size:2.1cqw;padding:.5cqw 1cqw;width:24cqw;background:rgba(20,12,8,.95);color:#fff;border:.2cqw solid var(--amber);border-radius:.6cqw;outline:none;text-align:center;-webkit-user-select:text;user-select:text}
.tbar{width:30cqw;height:.6cqw;background:#331;border-radius:1cqw;overflow:hidden;flex-basis:100%;max-width:30cqw}
.tbar i{display:block;height:100%;background:var(--red);width:100%}
#play{position:absolute;inset:0;pointer-events:none;z-index:2}
#play > *{pointer-events:auto}
.shape{position:absolute;top:9%;width:11%;cursor:pointer;transition:transform .15s}
.shape:hover{transform:scale(1.12) rotate(-4deg)}
.shape.right{animation:pop .5s forwards}
.shape.no{animation:shake .3s}
@keyframes pop{to{transform:scale(2);opacity:0}}
.numb{position:absolute;width:7cqw;height:7cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:4cqw;color:#fff;cursor:pointer;box-shadow:inset 0 -.5cqw 0 rgba(0,0,0,.25);animation:drift 3s ease-in-out infinite alternate}
@keyframes drift{from{translate:0 0}to{translate:2cqw -2cqw}}
.numb.no{background:#555!important}
.drawWrap{position:absolute;left:50%;top:6%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.6cqw}
.drawWrap canvas{width:30cqw;height:30cqw;background:#fffdf4;border:.4cqw solid #f2b33d;border-radius:.6cqw;cursor:crosshair;touch-action:none}
.drawWrap .row{display:flex;gap:.6cqw}
.drawWrap .sw{width:2.6cqw;height:2.6cqw;border-radius:50%;border:.25cqw solid #fff;cursor:pointer}
.drawWrap .sw.on{outline:.3cqw solid var(--amber)}
#titleCard{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#ffd35c,#f08a24);z-index:4;transition:opacity .6s}
#titleCard h2{font-family:Fredoka,sans-serif;font-weight:700;font-size:7cqw;margin:0;color:#fff;text-shadow:.35cqw .35cqw 0 #c0392b;transform:rotate(-3deg);text-align:center;line-height:1}
#titleCard p{font-family:Fredoka,sans-serif;font-size:3cqw;margin:1.2cqw 0 0;color:#5a2a06}
#titleCard.dark{background:radial-gradient(circle,#4a1010,#0a0000)}
#titleCard.dark h2{color:#ffd0d0;text-shadow:.35cqw .35cqw 0 #000}
#titleCard.dark p{color:#ff8080}

/* title menus, tutorial */
#title .row.small{margin-top:.2cqw}
#title .row.small .btn{font-size:1.3cqw;padding:.35cqw 1.4cqw}
.menu{display:flex;flex-direction:column;gap:.6cqw;min-width:40cqw;text-align:left}
.menu .item{display:flex;justify-content:space-between;align-items:center;gap:1.4cqw;background:#1c130c;border:.15cqw solid #4a3423;border-radius:.6cqw;padding:.6cqw 1.2cqw;font-size:1.6cqw;color:var(--ink);cursor:pointer;transition:background .12s}
.menu .item:hover{background:#2e1f14}
.menu .item.locked{opacity:.4;cursor:default}
.menu .item small{font-family:VT323,monospace;font-size:1.4cqw;color:var(--dim)}
.panel .sub{font-size:1.3cqw;color:var(--dim);margin:-.6cqw 0 1.2cqw}
#tut{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);background:rgba(8,5,3,.72);border:.12cqw solid #6b4a2b;border-radius:.8cqw;padding:.7cqw 1.6cqw;
  font-family:"Special Elite",monospace;font-size:1.4cqw;color:var(--ink);text-align:center;white-space:nowrap;transition:opacity .4s}
#tut b{color:var(--amber);font-family:VT323,monospace;font-size:1.7cqw;font-weight:normal;border:.12cqw solid var(--amber);border-radius:.3cqw;padding:0 .35cqw;margin:0 .15cqw}
#tut small{display:block;font-size:1cqw;color:var(--dim);margin-top:.2cqw}
#tut.done{border-color:#3ab84a}

/* touch controls */
html,body{overscroll-behavior:none;-webkit-touch-callout:none}
#touch{z-index:6;touch-action:none}
#joyBase{position:absolute;width:12cqw;height:12cqw;margin:-6cqw 0 0 -6cqw;border-radius:50%;border:.25cqw solid rgba(255,255,255,.25);background:rgba(255,255,255,.05);opacity:0;transition:opacity .15s;pointer-events:none}
#joyBase.on{opacity:1}
#joyKnob{position:absolute;left:50%;top:50%;width:5.5cqw;height:5.5cqw;border-radius:50%;background:rgba(242,179,61,.55);transform:translate(-50%,-50%)}
.tb{position:absolute;width:6cqw;height:6cqw;border-radius:50%;border:.2cqw solid rgba(255,255,255,.28);background:rgba(10,6,3,.45);color:#f3e9d2;font-size:2.6cqw;
  display:flex;align-items:center;justify-content:center;padding:0;touch-action:none;-webkit-tap-highlight-color:transparent}
.tb.big{width:9cqw;height:9cqw;font-size:3.8cqw}
.tb.down{background:rgba(242,179,61,.45)}
#tPause{left:1.6cqw;top:6.5cqw}
#tHint{right:1.6cqw;top:6.5cqw}
#tJournal{right:9cqw;top:6.5cqw}
#tUse{right:3cqw;bottom:6cqw}
#tUse.ready{border-color:var(--amber);background:rgba(242,179,61,.3);box-shadow:0 0 2cqw rgba(242,179,61,.5)}
#tFlash{right:14cqw;bottom:3cqw}
#tBreath{right:3cqw;bottom:17cqw;font-size:1.6cqw;font-family:VT323,monospace;line-height:1;border-color:#9fd0ff}
body.touch #inv{bottom:auto;top:13cqw;right:1.6cqw;flex-direction:column}
body.touch #caption{font-size:2cqw;max-width:70cqw}
body.touch #caption .who{font-size:1.5cqw}
body.touch #prompt{font-size:2cqw;top:57%}
body.touch #objective{font-size:1.6cqw;left:9.5cqw;top:1.6cqw;max-width:48cqw}
body.touch #tut{font-size:1.8cqw;white-space:normal;max-width:50cqw;bottom:3%}
body.touch #subs{font-size:2.7cqw}
body.touch #subs .who{font-size:1.6cqw}
body.touch #choices .btn{font-size:2.8cqw;padding:.8cqw 2.6cqw}
body.touch #choices input{font-size:2.8cqw;width:34cqw}
body.touch .btn{font-size:2.2cqw;padding:.7cqw 2.4cqw}
body.touch #title .row.small .btn{font-size:1.9cqw}
body.touch .paper{font-size:2cqw;width:80cqw;max-height:50cqw}
body.touch .dial button{width:7cqw;height:4.2cqw;font-size:2.2cqw}
body.touch .dial span{width:7cqw;font-size:6cqw}
body.touch .keys{font-size:1.8cqw}
body.touch .menu .item{font-size:2.2cqw;padding:1cqw 1.6cqw}
body.touch .drawWrap canvas{width:34cqw;height:34cqw}
body.touch .drawWrap .sw{width:3.6cqw;height:3.6cqw}