:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0;font:16px/1.4 system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#viewport{position:absolute;inset:0}#viewport canvas{touch-action:none;display:block}#hud-root{pointer-events:none;position:absolute;inset:0}#hud{top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right));pointer-events:auto;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:absolute}#hud-bar,#hud-menu{display:contents}#hud-toggle{font-size:18px;line-height:1;display:none}#zoom-control{color:#f2ede2;background:#141418b3;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:flex}#zoom-control span{opacity:.8;font-size:14px}#zoom-slider{accent-color:#6fd07a;width:120px}#turn-indicator{color:#f2ede2;background:#141418b3;border-radius:8px;padding:8px 14px;font-weight:600}button{color:#f2ede2;cursor:pointer;font:inherit;background:#141418b3;border:1px solid #fff3;border-radius:8px;padding:8px 14px}button:hover{background:#28282ed9}#room-bar{color:#f2ede2;pointer-events:auto;background:#141418b3;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:flex}#room-status{color:#f2ede2;white-space:nowrap;background:#141418b3;border-radius:8px;padding:8px 14px;font-weight:600}#room-link{color:#f2ede2;width:min(260px,45vw);font:inherit;background:#0000004d;border:1px solid #fff3;border-radius:6px;padding:6px 10px}#credits{opacity:.55;white-space:nowrap;font-size:11px}#difficulty-dialog{pointer-events:auto;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#difficulty-dialog-box{color:#f2ede2;background:#0f0f12f2;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:28px 40px;display:flex}#difficulty-dialog-title{font-size:20px;font-weight:700}#difficulty-dialog-buttons{gap:12px;display:flex}#winner-banner{color:#f2ede2;pointer-events:auto;background:#0f0f12e6;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:28px 40px;font-size:28px;font-weight:700;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#error-toast{color:#fff;pointer-events:none;background:#a02828d9;border-radius:8px;padding:10px 18px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hidden{display:none!important}@media (width<=640px){button{min-height:44px}#hud-bar{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}#turn-indicator,#room-status{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}#hud-toggle{flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}#hud-menu{background:#0f0f12f2;border-radius:10px;flex-direction:column;align-items:stretch;gap:10px;padding:14px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}#hud-menu.open{display:flex}#zoom-control{justify-content:center}#zoom-slider{flex:1;width:auto}#room-bar{flex-wrap:wrap;justify-content:center}#room-link{width:100%}#difficulty-dialog-box{width:min(320px,88vw);padding:24px}#winner-banner{width:min(320px,88vw);padding:24px 28px;font-size:22px}}