html,body{overscroll-behavior:none;color:#d6c49e;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#1c261e;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;width:100%;height:100%;display:block}#connection-status{top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);pointer-events:none;background:#0000008c;border-radius:12px;padding:4px 10px;font-size:14px;position:fixed}#restart-button{z-index:5;top:calc(env(safe-area-inset-top,0px) + 44px);right:calc(env(safe-area-inset-right,0px) + 8px);color:#1c261e;min-width:140px;min-height:48px;font:inherit;touch-action:manipulation;background:#c9a227;border:0;border-radius:12px;padding:0 20px;font-size:18px;font-weight:600;position:fixed}#restart-button[hidden]{display:none}#leave-button{z-index:4;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);left:calc(env(safe-area-inset-left,0px) + 8px);min-height:44px;color:inherit;font:inherit;opacity:.75;touch-action:manipulation;background:#00000073;border:1px solid #d6c49e59;border-radius:12px;padding:0 16px;font-size:15px;position:fixed}#leave-confirm,#left-screen{z-index:9;box-sizing:border-box;text-align:center;touch-action:manipulation;background:#1c261ef0;border-radius:12px;padding:20px;position:fixed;box-shadow:0 6px 24px #00000073}#leave-confirm{width:min(24rem,100vw - 32px);top:50%;left:50%;transform:translate(-50%,-50%)}#left-screen{background:#1c261e;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:22px;display:flex;inset:0}#leave-confirm p,#left-screen p{margin:0 0 16px;font-size:20px}#left-screen p{margin:0;font-size:24px}.leave-actions{justify-content:center;gap:12px;display:flex}#leave-confirm button,#left-screen button{color:#10170f;min-width:140px;min-height:48px;font:inherit;touch-action:manipulation;background:#5fa35f;border:0;border-radius:12px;padding:0 20px;font-size:18px;font-weight:600}#leave-confirm #leave-yes{background:#c9a227}#leave-button[hidden],#leave-confirm[hidden],#left-screen[hidden]{display:none}#door-hint{z-index:4;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);text-align:center;pointer-events:none;background:#000000b3;border-radius:12px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:18px;position:fixed;transform:translate(-50%)}#door-hint[hidden]{display:none}#connection-status:before{content:"";background:#c9a227;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}#connection-status[data-state=connected]:before{background:#5fa35f}#connection-status[data-state=lost]:before,#connection-status[data-state=closed]:before{background:#b5483b}#name-form{z-index:10;top:calc(env(safe-area-inset-top,0px) + 10vh);box-sizing:border-box;touch-action:manipulation;background:#1c261eeb;border-radius:12px;width:min(26rem,100vw - 32px);padding:20px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000073}#name-form label{margin-bottom:12px;font-size:20px;display:block}#name-form .name-row{gap:8px;display:flex}#name-input{color:#1c261e;min-width:0;min-height:44px;font:inherit;-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#f4ecd8;border:1px solid #6b5f45;border-radius:8px;flex:1;padding:0 12px;font-size:18px}#name-form .name-row button{color:#10170f;min-width:72px;min-height:44px;font:inherit;touch-action:manipulation;background:#5fa35f;border:0;border-radius:8px;font-size:18px;font-weight:600}#name-form .name-row button:disabled{color:#9a9a8c;background:#4a5246}#name-hint{margin:12px 0 0;font-size:15px}#name-hint[data-problem=true]{color:#e8a090}.release-note{text-align:left;-webkit-user-select:text;user-select:text;border-top:1px solid #d6c49e40;max-height:32vh;margin-top:16px;padding-top:12px;font-size:15px;overflow-y:auto}.release-note-wrap{position:relative}.release-more{color:#c9a227;min-height:44px;font:inherit;touch-action:manipulation;background:linear-gradient(#0000,#1c261ef2 60%);border:0;padding:18px 12px 0;font-size:15px;position:absolute;bottom:0;left:0;right:0}.release-more[hidden]{display:none}.release-note h2{margin:0;font-size:18px}.release-note h3{color:#c9a227;margin:10px 0 4px;font-size:15px}.release-note ul{margin:0;padding-left:20px}.release-note li{margin:2px 0}.release-note .release-note-date{opacity:.7;margin:0;font-size:13px}#notes-button{z-index:4;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);min-width:44px;min-height:44px;color:inherit;font:inherit;opacity:.75;touch-action:manipulation;background:#00000073;border:1px solid #d6c49e59;border-radius:12px;padding:0 14px;font-size:15px;position:fixed}#notes-button[data-unseen=true]:after{content:"";background:#c9a227;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;right:5px}#notes-overlay{z-index:9;box-sizing:border-box;touch-action:manipulation;background:#1c261ef5;border-radius:12px;width:min(30rem,100vw - 32px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #00000073}#notes-overlay .release-note{border:0;max-height:60vh;margin:0 0 16px;padding:0;font-size:17px}#notes-close{color:#10170f;min-width:140px;min-height:48px;font:inherit;touch-action:manipulation;background:#5fa35f;border:0;border-radius:12px;padding:0 20px;font-size:18px;font-weight:600}#notes-button[hidden],#notes-overlay[hidden],#rotate-hint{display:none}@media (orientation:portrait){#rotate-hint{z-index:20;background:#1c261e;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;inset:0}}