html,body{margin:0;height:100%;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}canvas{display:block}#crosshair{position:fixed;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ffffffbf;box-shadow:0 0 0 1px #00000059;pointer-events:none}#start{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#140a0426,#0a0603a6);cursor:pointer;display:flex;align-items:center;justify-content:center}#start .dot{width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,200,120,.9);animation:p 1.6s ease-in-out infinite}@keyframes p{50%{transform:scale(1.4);opacity:.5}}.hidden{display:none!important}#crosshair.on{width:8px;height:8px;margin:-4px 0 0 -4px;background:#ffdca0f2}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#190e068c,#050302eb);font-family:Courier New,monospace;color:#e8c890}#menu .box{width:420px;max-height:92vh;overflow:auto;text-align:center}#menu .page{display:none}#menu[data-page=end] .page[data-page=end]{display:block}#menu button{display:block;width:100%;margin:10px 0;padding:12px;font:inherit;font-size:17px;color:#ffd9a0;cursor:pointer;background:#3c220ed9;border:1px solid rgba(255,170,90,.45)}#menu button:hover{background:#6e3a14f2}#menu .code{font-size:46px;letter-spacing:12px;margin:12px 0;color:#fff0c8;text-shadow:0 0 14px rgba(255,160,60,.7)}#menu .state{min-height:1.3em;color:#c9a878}#menu .msg{min-height:1.3em;color:#ff9a70}#marks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:6}#marks .mark{position:absolute;transform:translate(-50%,-50%);color:#ffd15a;font:22px/1 sans-serif;text-shadow:0 0 6px #000}#dc,#invite{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:12;text-align:center;background:#080503e0;color:#ffd9a0;font-family:Courier New,monospace;padding:16px 22px;border:1px solid rgba(255,170,90,.45)}#dc p,#invite p{margin:6px 0;font-size:18px}#invite button,#dc{font:inherit}#pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;background:#050302b8;font-family:Courier New,monospace;color:#e8c890}#pause .box{width:440px;max-height:86vh;overflow:auto;padding:8px 18px 16px;background:#0c0805eb;border:1px solid rgba(255,170,90,.35)}#pause h2{text-align:center;letter-spacing:6px;color:#ffb060}#pause .tabs{display:flex;gap:6px;margin:4px 0 12px}#pause .tabs button{flex:1;width:auto;margin:0;padding:8px 4px;font-size:14px}#pause[data-tab=play] .tabs button[data-tab=play],#pause[data-tab=sound] .tabs button[data-tab=sound],#pause[data-tab=voice] .tabs button[data-tab=voice],#pause[data-tab=more] .tabs button[data-tab=more],#pause[data-tab=debug] .tabs button[data-tab=debug]{background:#a8561cfa;color:#fff0c8}#pause .pane{display:none}#pause[data-tab=play] .pane[data-tab=play],#pause[data-tab=sound] .pane[data-tab=sound],#pause[data-tab=voice] .pane[data-tab=voice],#pause[data-tab=more] .pane[data-tab=more],#pause[data-tab=debug] .pane[data-tab=debug]{display:block}#pause label{display:block;margin:12px 0;font-size:14px}#pause input{display:block;width:100%;accent-color:#ff9a40}#pause button{display:block;width:100%;margin:10px 0;padding:10px;font:inherit;font-size:16px;color:#ffd9a0;cursor:pointer;background:#3c220ed9;border:1px solid rgba(255,170,90,.45)}#pause .note{text-align:center;color:#c9a878;font-size:12px}#pause select{width:100%;font:inherit;margin:8px 0;padding:8px;background:#1a120c;color:#ffd9a0;border:1px solid rgba(255,170,90,.45)}#pause h2.sub{font-size:14px;letter-spacing:3px;margin:18px 0 6px;color:#d4a060}#pause .chk{display:flex;align-items:center;gap:8px;font-size:13px}#pause .chk input{width:auto}#pause .meter{height:6px;background:#1a120c;margin:8px 0;border:1px solid rgba(255,170,90,.35)}#pause .meter i{display:block;height:100%;width:0;background:#ff9a40}#pause a.legal{display:block;margin:10px 0;color:#ffd9a0;text-align:center}#stuck{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none}#stuck span{color:#ffd9a0;font:600 72px/1 Georgia,Times New Roman,serif;letter-spacing:.12em;text-shadow:0 2px 16px #000}#legal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;align-items:center;justify-content:center;background:#050302d1}#legal .box{width:460px;background:#140e09;border:1px solid rgba(255,170,90,.45);padding:22px}#legal h2{text-align:center;letter-spacing:2px;color:#ffb060;font-size:18px}#legal p{color:#e6d2b0;line-height:1.45}#legal button{display:block;width:100%;margin-top:16px;padding:10px;font:inherit;color:#ffd9a0;cursor:pointer;background:#1a120c;border:1px solid rgba(255,170,90,.45)}#voiceSpeak{position:fixed;left:12px;bottom:12px;z-index:8;width:24px;height:24px;font-size:0;background:#ffa0468c;border-radius:3px;pointer-events:none}#voiceSpeak:not(.hidden):after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px solid #ffe0b0;border-radius:2px}#death{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;pointer-events:none}#death.flash{display:flex;background:#fff}#death.black{display:flex;background:#000;pointer-events:auto;cursor:pointer}#death span{color:#c8c8c8;font:600 54px/1 Georgia,Times New Roman,serif;letter-spacing:.18em;opacity:0;transition:opacity .4s ease}#death.word span{opacity:1}#death{flex-direction:column}#death .btns{display:flex;gap:18px;margin-top:40px;opacity:0;transition:opacity .35s ease .1s;pointer-events:none}#death.word .btns{opacity:1;pointer-events:auto}#death .btns button{font:18px Georgia,Times New Roman,serif;color:#c8c8c8;background:transparent;border:1px solid #666;padding:10px 26px;cursor:pointer}#death .btns button:hover{color:#fff;border-color:#aaa}