.block-intro{color:#fff;opacity:1;background:#192219;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;transition:opacity .32s;position:fixed;inset:0;overflow:hidden}.block-intro::backdrop{background:#192219}.block-intro.is-leaving{opacity:0}.block-intro canvas{width:100%;height:100%;display:block}.intro-skip{top:max(22px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));color:#26301f;background:#bfc4b8;border:2px solid #171e11;border-radius:0;align-items:center;gap:9px;min-height:42px;padding:8px 16px;font-family:Pixelify Sans,monospace;font-size:17px;display:flex;position:absolute;box-shadow:inset 2px 2px #edf2e3,inset -2px -3px #79816e}.intro-skip:hover{background:#d5e0c6}.intro-skip:focus-visible{outline:2px solid #d3f69b}.intro-replay{background:0 0}.brand-logo{object-fit:cover;object-position:50% 43%;width:184px;max-width:100%;height:64px;display:block}@media (prefers-reduced-motion:reduce){.block-intro{transition:none}}
.game-room{background:#151b15;flex-direction:column;height:calc(100dvh - 103px);min-height:420px;display:flex}.game-room-toolbar{background:#293027;border-bottom:2px solid #111810;align-items:center;gap:12px;min-height:62px;padding:10px 18px;display:flex}.game-room-heading{flex:1;align-items:baseline;gap:14px;min-width:0;display:flex}.game-room-heading strong{color:#ecf0df;text-shadow:2px 2px #0d140d;font-family:Pixelify Sans,monospace;font-size:23px}.game-room-heading span{color:#b4c5a4;font-size:12px}.game-room-stage{background:#9ac8e3 url(/art/minepad-valley.webp) 50%/cover;flex:1;min-height:0;display:flex;position:relative}.game-room-stage iframe{background:#111;border:0;width:100%;height:100%;display:block}.game-room-stage:fullscreen{width:100vw;height:100dvh}.game-room-entry{text-align:center;text-shadow:1px 2px #132110;background:#10211280;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:17px;padding:24px;display:flex;overflow:auto}.game-room-entry>img{object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px #0c130a80);flex-shrink:0}.game-room-entry h1{color:#f2f5e8;text-shadow:3px 3px #1d2b16;font-size:38px}.game-room-entry p{color:#e3e9d7;max-width:470px;margin:0;font-size:14px;line-height:1.6}.game-room-entry .game-button{width:min(370px,100%);min-height:58px}.game-room-entry .game-button:disabled{opacity:.55;cursor:not-allowed}.game-room-entry small{color:#d5dfc9;max-width:410px;font-size:12px}.game-connection{color:#d0d6c6;background:#252b21;border:1px solid #778166;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.game-connection>span{background:#c7ad68;width:7px;height:7px}.game-connection.online>span{background:#a9e77b}.game-facts{color:#dbe7d2;flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;display:flex}.game-facts>span,.game-account-link{justify-content:center;align-items:center;gap:6px;display:flex}.game-account-link{color:#c7e7ab;font-size:12px}main.main-play{max-width:none;padding:0}main.main-play>footer{display:none}main.main-play>.toast{z-index:20;position:fixed}.brand-symbol{object-fit:contain;width:48px;height:48px;image-rendering:pixelated}.brand-name{color:#fff;text-shadow:2px 3px #241c12;font:600 30px/1 Pixelify Sans,monospace}.developer-settings{border-top:1px solid var(--line);margin:24px 0;padding-top:22px}.developer-settings h2{margin-bottom:12px}.sidebar .brand:has(.brand-symbol){gap:8px}.lobby-logo .brand-symbol{filter:drop-shadow(0 5px #12210e80);width:116px;height:116px}.lobby-logo h1:has(.brand-symbol){flex-direction:column;align-items:center;gap:4px;display:flex}.lobby-logo .lobby-name{color:#e8ebdf;text-shadow:3px 3px #47513e,6px 7px #172312;font:600 76px/1 Pixelify Sans,monospace}@media (max-width:760px){.game-room{height:calc(100dvh - 103px)}.game-room-toolbar{gap:8px;padding:9px 12px}.game-room-heading{display:block}.game-room-heading strong{font-size:20px}.game-room-heading span{font-size:10px;display:block}.game-room-entry{gap:14px;padding:18px}.game-room-entry>img{width:100px;height:100px}.game-room-entry h1{font-size:30px}.lobby-logo .lobby-name{font-size:58px}.lobby-logo .brand-symbol{width:90px;height:90px}}@media (max-width:380px){.topbar-actions{flex:1;justify-content:flex-end;min-width:0}.topbar .mode-button{white-space:normal;max-width:102px;font-size:12px;line-height:1.1}.topbar .connect-button{padding-inline:7px;font-size:13px}.topbar-left{gap:0}}