:root{--ink:#14100f;--bone:#e9e2d4;--oxblood:#6e1d2c;--viridian:#173f38;--cobalt:#232f63;--ochre:#c0902b;--acid:#e9e22a;--cyan:#17a6ce;--vermilion:#e8431c;--hotpink:#f26fa0;--serif:"Didot","Bodoni 72","Bodoni MT",Didot,Georgia,serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}body,html{margin:0;height:100%;font-family:var(--serif);color:var(--bone)}#app,body,html{background:#000;overflow:hidden}#app{position:fixed;inset:0;perspective:1400px;perspective-origin:50% 50%}#flipper{transform-style:preserve-3d;transform-origin:50% 50%}#content,#flipper,#room{position:absolute;inset:0}#room{overflow:hidden;perspective:520px;perspective-origin:50% 34%}#roomInner{inset:0;transform-style:preserve-3d;transform:translateZ(0)}#room .face,#room .prop,#roomInner{position:absolute;pointer-events:none}#room .face,#room .prop{left:50%;top:50%;background-repeat:repeat}#room .prop{background-repeat:no-repeat;background-size:contain;background-position:50%}#stage{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;transform-origin:195px 300px}.cell{pointer-events:auto;cursor:pointer}.ui{position:absolute;left:0;right:0;pointer-events:none;z-index:6}#kicker{top:calc(env(safe-area-inset-top,0px) + 16px);text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.34em;opacity:.7}#ticks{top:calc(env(safe-area-inset-top,0px) + 38px);display:flex;gap:7px;justify-content:center}#ticks i{width:15px;height:2px;background:#e9e2d4;opacity:.22;display:block;transition:opacity .5s}#ticks i.on{opacity:1;background:var(--acid)}#hint{bottom:calc(env(safe-area-inset-bottom,0px) + 30px);text-align:center;transition:opacity .22s}#hint span{display:inline-block;font-size:17px;font-style:italic;color:#f2ecde;background:hsla(0,9%,4%,.62);padding:9px 18px;border-radius:100px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#title{top:43%;text-align:center;opacity:0;transition:opacity .28s}#title b{display:inline-block;font-size:33px;font-weight:400;line-height:1;color:#f4efe3;background:hsla(0,9%,4%,.5);padding:10px 22px;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#title s{display:block;text-decoration:none;font-size:9px;letter-spacing:.4em;opacity:.75;margin-bottom:12px;color:#f4efe3;text-shadow:0 1px 8px #000}#skip,#title s{font-family:ui-monospace,Menlo,monospace}#skip{position:absolute;z-index:8;right:12px;top:calc(env(safe-area-inset-top,0px) + 10px);font-size:10px;letter-spacing:.24em;text-transform:uppercase;background:rgba(0,0,0,.34);color:#e9e2d4;border:1px solid hsla(40,32%,87%,.34);padding:7px 11px;border-radius:2px;opacity:.72}#skip:active{opacity:1;background:rgba(0,0,0,.6)}#snd{z-index:8;left:12px;top:calc(env(safe-area-inset-top,0px) + 10px);font-size:14px;line-height:1;background:rgba(0,0,0,.34);color:#e9e2d4;border:1px solid hsla(40,32%,87%,.34);padding:7px 11px;border-radius:2px;opacity:.72}#fps,#snd{position:absolute}#fps{left:8px;bottom:6px;z-index:6;font-family:ui-monospace,Menlo,monospace;font-size:9px;color:#e9e22a;opacity:.4}.scrim{left:0;right:0;top:0;height:118px;z-index:5;background:linear-gradient(#000,rgba(0,0,0,.38) 52%,transparent);opacity:.8}#blackout,.scrim{position:absolute;pointer-events:none}#blackout{inset:0;background:#000;opacity:0;z-index:3}#tutor{position:absolute;left:0;right:0;top:0;bottom:0;z-index:7;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(8,7,7,.52);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);opacity:0;transition:opacity .45s}#tutor.on{display:flex;opacity:1}#tutor b{font-family:var(--serif);font-weight:400;font-size:22px;color:#f2ecde;letter-spacing:.01em;background:hsla(0,9%,4%,.55);padding:9px 20px;border-radius:100px}#tutor svg{overflow:visible}#tDot{animation:tmove 3.2s ease-in-out infinite}#tRipple{animation:ripple 3.2s ease-out .35s infinite}#tRipple,#tRipple2{transform-box:fill-box;transform-origin:center}#tRipple2{animation:ripple 3.2s ease-out 2s infinite}#tX{animation:tflash 3.2s ease-out .35s infinite}#tHot{animation:tflash 3.2s ease-out 2s infinite}@keyframes tmove{0%,10%{transform:translateX(0)}12%,16%{transform:translateX(0) scale(.78)}45%,52%{transform:translateX(108px) scale(1)}56%,62%{transform:translateX(108px) scale(.78)}95%,to{transform:translateX(0) scale(1)}}@keyframes tflash{0%,8%{opacity:0}14%{opacity:1}34%{opacity:1}44%,to{opacity:0}}#card{position:absolute;left:0;right:0;bottom:0;height:58%;display:flex;flex-direction:column;z-index:9;align-items:center;justify-content:center;background:var(--acid);border-top:3px solid #0b0a09;opacity:0;transform:translateY(101%);pointer-events:none;transition:transform .9s cubic-bezier(.2,.9,.2,1),opacity .4s;padding:26px 30px 30px}#card.on{opacity:1;transform:translateY(0);pointer-events:auto}#card .t{font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.34em;color:#0b0a09;margin-bottom:16px}#card h2{font-size:36px;line-height:.95;margin:0;color:#0b0a09;text-align:center;letter-spacing:-.02em}#card .rule{width:52px;height:2px;background:#0b0a09;margin:18px 0}#card p{font-size:15px;line-height:1.5;margin:0;color:#0b0a09;text-align:center;font-style:italic;max-width:300px}#cardnote{margin-top:14px;font-family:ui-monospace,Menlo,monospace;font-size:9.5px;letter-spacing:.24em;color:#0b0a09;opacity:.55}#again{margin-top:20px;font-family:var(--serif);font-size:12px;letter-spacing:.22em;text-transform:uppercase;background:#0b0a09;color:var(--acid);border:0;padding:14px 26px;border-radius:1px}.grain{position:absolute;inset:0;pointer-events:none;opacity:.13;mix-blend-mode:overlay;z-index:4}@keyframes swayD{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.015)}}