:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--game-width:390;--game-height:844;--app-padding:12px;--card-radius:24px;background:#fff3ec;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{overscroll-behavior:none;background:radial-gradient(circle at top,#fffaf6 0%,#ffece3 45%,#ffd9d9 100%);justify-content:center;align-items:center;min-height:100svh;display:flex;overflow:hidden}#app{width:min(430px, calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right) - (var(--app-padding) * 2)), calc((100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - (var(--app-padding) * 2)) * var(--game-width) / var(--game-height)));position:relative}canvas{max-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - (var(--app-padding) * 2));border-radius:var(--card-radius);display:block;box-shadow:0 20px 60px #703a3a2e;width:100%!important;height:auto!important}.multiplayer-menu-backdrop{border-radius:var(--card-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:#5a3d2b2e;justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.multiplayer-menu-backdrop.is-hidden{display:none}.multiplayer-menu-card{width:100%;max-height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px);border-radius:var(--card-radius);background:#fffffffa;padding:22px 18px 18px;overflow:auto;box-shadow:0 16px 40px #5a3d2b2e}.multiplayer-menu-title{color:#5a3d2b;text-align:center;font-size:26px;font-weight:700}.multiplayer-menu-subtitle{text-align:center;color:#7b5a47;margin-top:10px;font-size:15px;line-height:1.5}.multiplayer-menu-label{color:#7b5a47;margin-top:16px;font-size:14px;font-weight:700;display:block}.multiplayer-menu-input{color:#5a3d2b;background:#fff9fb;border:2px solid #f0cad5;border-radius:16px;width:100%;margin-top:8px;padding:14px 16px;font-size:18px}.multiplayer-menu-input:focus{border-color:#ff9db4;outline:none;box-shadow:0 0 0 4px #ff9db426}.multiplayer-menu-input--code{letter-spacing:.12em;text-transform:uppercase}.multiplayer-menu-hint{color:#8c6a56;margin-top:8px;font-size:13px}.multiplayer-menu-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.multiplayer-menu-button{cursor:pointer;border:none;border-radius:16px;width:100%;padding:14px 16px;font-size:17px;font-weight:700}.multiplayer-menu-button:disabled{opacity:.55;cursor:wait}.multiplayer-menu-button--primary{color:#5a3d2b;background:#ffdce6}.multiplayer-menu-button--secondary{color:#5a3d2b;background:#f4eef5;margin-top:10px}.multiplayer-menu-status{color:#5f4dd6;background:#f7f3ff;border-radius:14px;min-height:48px;margin-top:14px;padding:10px 12px;font-size:14px;line-height:1.5}.multiplayer-menu-status[data-tone=error]{color:#b05461;background:#fff0f2}.multiplayer-menu-status[data-tone=success]{color:#567f25;background:#eef8df}@media (width<=375px),(height<=760px){:root{--app-padding:6px;--card-radius:18px}.multiplayer-menu-backdrop{padding:12px}.multiplayer-menu-card{padding:18px 14px 14px}.multiplayer-menu-title{font-size:22px}.multiplayer-menu-subtitle{font-size:14px}.multiplayer-menu-input,.multiplayer-menu-button{padding:12px 14px;font-size:16px}}