body.hide-page{touch-action:none;background:#3b2a22;position:fixed;inset:0;overflow:hidden}#hide-canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hide-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 42%,#140c08bf 100%);transition:opacity .6s;position:fixed;inset:0}body.seeker #hide-vignette{opacity:1}#hide-join{z-index:5;touch-action:pan-y;background:url(/art/hide/cover.jpg) 50%/cover,#3b2a22;position:fixed;inset:0;overflow-y:auto}#hide-join h1{color:#7bc96f;text-shadow:0 3px #4a2f1f;-webkit-text-stroke:1px #4a2f1f;font-size:38px}#hide-preview{width:200px;height:120px;margin:-6px auto 4px;display:block}#hide-hud{pointer-events:none;position:fixed;inset:0}#hide-hud>*{pointer-events:auto}#hide-top{top:max(8px, env(safe-area-inset-top));align-items:center;gap:6px;display:flex;position:absolute;left:10px;right:10px}#hide-time{font-family:var(--display);color:#fff;text-shadow:0 3px #4a2f1f,0 0 2px #4a2f1f;pointer-events:none;margin-left:auto;font-size:26px}#hide-status{top:calc(max(8px, env(safe-area-inset-top)) + 52px);pointer-events:none;font-family:var(--display);flex-wrap:wrap;gap:8px;font-size:16px;display:flex;position:absolute;left:10px}#hide-status>*{color:#4a2f1f;background:#fffaf0eb;border:2px solid #4a2f1f;border-radius:10px;padding:2px 10px;font-weight:400}#hide-hint{left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 4px);pointer-events:none;color:#fff;text-shadow:0 2px #4a2f1f,0 0 2px #4a2f1f;font-family:var(--display);white-space:nowrap;margin:0;font-size:16px;position:absolute;transform:translate(-50%)}body.touch #hide-hint{bottom:auto;top:calc(max(8px, env(safe-area-inset-top)) + 96px);white-space:normal;text-align:center;width:max-content;max-width:90vw}#hide-banner{pointer-events:none;opacity:0;text-align:center;font-family:var(--display);color:#fff;text-shadow:0 4px #4a2f1f,0 0 3px #4a2f1f;width:max-content;max-width:92vw;font-size:40px;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}#hide-banner.show{animation:2.2s ease-out hbanner}@keyframes hbanner{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}20%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}#hide-toasts{top:calc(max(8px, env(safe-area-inset-top)) + 120px);pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#hide-toasts p{background:var(--glass);white-space:nowrap;border:2px solid #4a2f1f;border-radius:10px;margin:0;padding:4px 12px;font-size:14px;animation:3s forwards toast}#hide-pad{pointer-events:none;width:132px;height:132px;left:calc(24px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));background:#ffffff40;border:3px solid #ffffff80;border-radius:50%;display:none;position:absolute}#hide-pad i{background:#ffffffe6;border:3px solid #4a2f1f;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}body.touch #hide-pad{display:block}#hide-actions{right:calc(16px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));grid-template-columns:auto auto;place-items:end;gap:10px;display:grid;position:absolute}.act{font-family:var(--display);cursor:pointer;touch-action:none;color:#4a2f1f;background:#fff6df;border:3px solid #4a2f1f;border-radius:32px;min-width:64px;height:64px;padding:0 14px;font-size:17px;box-shadow:0 5px #4a2f1f}.act.big{white-space:normal;word-break:keep-all;border-radius:48px;grid-column:2;min-width:96px;max-width:112px;height:96px;padding:0 8px;font-size:17px;line-height:1.15}.act.big#hide-bonk{background:#ffd166;font-size:46px}.act.ready{background:#fff27a;animation:.8s infinite alternate pop}.act:active{transform:translateY(3px);box-shadow:0 2px #4a2f1f}#hide-whistle{grid-area:2/1}#hide-lock{grid-area:1/1}#hide-smoke{grid-area:3/1}#hide-morph{grid-row:1/span 2}#hide-flash{grid-area:1/1}#hide-bonk{grid-row:1/span 2}.act.off{opacity:.45}#hide-cheers{top:calc(max(8px, env(safe-area-inset-top)) + 150px);pointer-events:none;gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#hide-cheers span{white-space:nowrap;background:#fffaf0e6;border:2px solid #4a2f1f;border-radius:12px;padding:2px 8px;font-size:14px;animation:2.5s forwards toast}#hide-cheerbar{bottom:calc(20px + env(safe-area-inset-bottom));gap:6px;position:absolute;left:50%;transform:translate(-50%)}#hide-cheerbar button{cursor:pointer;touch-action:none;background:#fff6df;border:3px solid #4a2f1f;border-radius:26px;width:52px;height:52px;font-size:28px}.ghost-only{display:none}body.ghost .ghost-only{display:flex}.hider-only,.seeker-only{display:none}body.hider .hider-only,body.seeker .seeker-only{display:block}body:not(.touch) .act{transform-origin:100% 100%;transform:scale(.8)}#hide-blind{text-align:center;color:#fff;z-index:2;background:#1c120cf5;place-content:center;gap:6px;display:grid;position:absolute;inset:0}#hide-blind[hidden]{display:none}#hide-blind b{font-size:90px;font-weight:400;animation:1.2s infinite alternate pop}#hide-blind p{font-family:var(--display);margin:0;font-size:20px}#hide-blind strong{font-family:var(--display);color:#ffd166;font-size:64px;font-weight:400}#hide-results{touch-action:pan-y;z-index:3;text-align:center;background:#fffaf0;border:3px solid #4a2f1f;border-radius:18px;width:min(380px,92vw);max-height:72vh;padding:16px;position:absolute;top:45%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 8px #4a2f1f}#hide-results ol{text-align:left;gap:5px;margin:10px 0;padding:0;list-style:none;display:grid}#hide-results li{background:#fff;border:2px solid #efe4d2;border-radius:10px;align-items:center;gap:8px;padding:4px 10px;display:flex}#hide-results li.me{background:#f1fbef;border-color:#7bc96f}#hide-results li b{text-align:center;width:28px;font-size:18px;font-weight:400}#hide-results li em{font-style:normal}#hide-results li span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}#hide-results li small{color:var(--muted)}#hide-net{background:var(--danger);color:#fff;border-radius:10px;padding:8px 14px;font-weight:700;position:absolute;top:60px;left:50%;transform:translate(-50%)}@media (max-aspect-ratio:1){#hide-invite{font-size:12px}#hide-banner{font-size:28px}#hide-status{font-size:14px}}