@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--fs:clamp(13px, 1.4vmin + 8px, 17px);--fs-title:clamp(28px, 6vmin + 8px, 56px);--fs-h2:clamp(20px, 3.4vmin + 6px, 32px);--fs-hud:clamp(11px, 1.5vmin + 5px, 17px);--pad:clamp(14px, 3.2vmin, 32px);--gap:clamp(8px, 1.6vmin, 18px);--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;font-family:IBM Plex Mono,monospace;font-size:var(--fs);overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#08080a;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.title-font{font-family:Chakra Petch,sans-serif;font-weight:700}h1,h2{margin:0}h2{font-size:var(--fs-h2)}.menu-title{color:#c81414;font-size:var(--fs-title);text-align:center;line-height:1.15}.screen{align-items:center;gap:var(--gap);background:#0a0a0c;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.pad{padding:calc(var(--pad) + var(--sat)) calc(var(--pad) + var(--sar)) calc(var(--pad) + var(--sab)) calc(var(--pad) + var(--sal))}.screen-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.center-y:before,.center-y:after{content:"";margin:auto}.row-wrap{justify-content:center;gap:var(--gap);flex-wrap:wrap;width:100%;display:flex}.btn{color:#fff;font-family:IBM Plex Mono,monospace;font-size:var(--fs);cursor:pointer;touch-action:manipulation;background:#3c3c40;border:none;border-radius:6px;padding:.8em 1.3em;transition:filter .15s}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#961414}.btn-green{background:#285a28}.btn-wide{width:min(240px,72vw)}.btn-select{border:3px solid #0000;border-radius:6px;position:relative}.btn-select.selected{border-color:#ffc83c}.panel{padding:var(--pad);background:#131316;border:2px solid #961414;border-radius:10px}.subtitle-text{color:#999;margin-top:6px;font-size:.9em}.menu-sub{color:#999;text-align:center;max-width:90vw;margin:0}.text-input{width:min(280px,82vw)}input[type=text]{color:#fff;font-family:IBM Plex Mono,monospace;font-size:max(16px, var(--fs));background:#282828;border:none;border-radius:6px;padding:.7em 1em}.col{flex-direction:column;gap:8px;width:100%;display:flex}.col-700{max-width:700px}.col-500{max-width:500px}.howto-text{align-self:flex-start;max-width:700px;line-height:1.9}.err{color:#ff6060;text-align:center}.section-label{color:#ccc;text-align:center;margin-bottom:8px}.cctv-wrap{cursor:crosshair;background:#060606;flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.cctv-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.hud-rec{top:calc(10px + var(--sat));left:calc(12px + var(--sal));color:#ff2828;font-size:var(--fs-hud);z-index:4;position:absolute}.hud-cam{top:calc(10px + var(--sat));right:calc(12px + var(--sar));color:#dcdcdc;font-size:var(--fs-hud);z-index:4;position:absolute}.hud-clock{top:calc(6px + var(--sat));color:#ffc83c;z-index:5;white-space:nowrap;background:#0a0a0aa6;border-radius:6px;padding:.25em .8em;font-size:clamp(15px,2.4vmin + 6px,24px);position:absolute;left:50%;transform:translate(-50%)}.hud-mistake{top:calc(6px + var(--sat) + clamp(30px, 4.6vmin + 12px, 46px));color:#ff8c8c;font-size:var(--fs-hud);z-index:4;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.hud-time{bottom:6px;right:calc(10px + var(--sar));font-size:calc(var(--fs-hud) * .75);color:#888;z-index:4;position:absolute}.warning-banner{top:calc(var(--sat) + clamp(56px, 8vmin + 20px, 84px));color:#fff;text-align:center;z-index:6;width:min(92%,560px);font-size:var(--fs);background:#780f0fe0;border-radius:6px;padding:.7em;position:absolute;left:50%;transform:translate(-50%)}.hold-ring{pointer-events:none;z-index:10;border:4px solid #ffc83c;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.camera-bar{width:100%;height:clamp(52px,13%,92px);padding:0 calc(8px + var(--sar)) var(--sab) calc(8px + var(--sal));background:#0a0a0c;flex:none;justify-content:center;align-items:center;gap:clamp(4px,1.2vmin,12px);display:flex}.camera-btn{color:#e6e6e6;min-width:0;max-width:150px;font-family:IBM Plex Mono,monospace;font-size:calc(var(--fs) * .92);cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#2d2d30;border:3px solid #0000;border-radius:6px;flex:1 1 0;padding:.6em .3em}.camera-btn.active{border-color:#ffc83c}.dialogue-sub{bottom:calc(10% + var(--sab));text-align:center;background:#0a0a0acc;border-radius:8px;width:max-content;max-width:86%;padding:.8em 1.4em;font-size:clamp(15px,2.2vmin + 8px,24px);position:absolute;left:50%;transform:translate(-50%)}.dialogue-skip{right:calc(16px + var(--sar));bottom:calc(3% + var(--sab));position:absolute}.rotate-hint{display:none}.jumpscare{z-index:50;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.jumpscare img{object-fit:cover;width:100%;height:100%}.result-box{text-align:center;z-index:40;background:#0f0f0f;border:2px solid #961414;border-radius:10px;width:min(92vw,440px);max-height:92dvh;padding:clamp(18px,4vmin,36px) clamp(18px,5vmin,44px);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.member-row{background:#1a1a1d;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex}.member-row>span{overflow-wrap:anywhere;min-width:0}.member-row.between{flex-wrap:wrap;justify-content:space-between}.avatar-circle{background:#444;border:2px solid #ffc83c;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.2em;height:2.2em;font-weight:700;display:flex}.host-badge{color:#1a1a1a;white-space:nowrap;background:#ffc83c;border-radius:5px;margin-left:auto;padding:3px 8px;font-size:.75em}@media (pointer:coarse){.btn,.camera-btn{min-height:44px}.cctv-wrap{cursor:default}}@media (min-width:700px) and (max-width:1100px){.camera-btn{max-width:130px}}@media (max-width:600px){.btn{padding:.75em 1em}.camera-btn{font-size:calc(var(--fs) * .8);padding:.55em .1em}.member-row.between .btn{width:100%}}@media (max-height:520px){:root{--pad:12px;--gap:8px}.camera-bar{height:46px}.hud-clock{font-size:14px}.hud-mistake{top:calc(4px + var(--sat) + 28px);font-size:11px}.warning-banner{top:calc(var(--sat) + 52px);padding:.4em;font-size:12px}.menu-title{font-size:clamp(22px,8vh,34px)}.dialogue-sub{bottom:calc(6% + var(--sab))}}@media (orientation:portrait) and (max-width:700px){.rotate-hint{color:#ffc83c;z-index:7;white-space:nowrap;pointer-events:none;background:#141414d9;border:1px solid #ffc83c;border-radius:999px;padding:.5em 1em;font-size:.8em;animation:.4s 7s forwards hintfade;display:block;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}}@keyframes hintfade{to{opacity:0;visibility:hidden}}