.casual-preview-frame.svelte-n8a3d4{padding:0 10px;overflow:hidden!important}.casual-preview-frame.svelte-n8a3d4 .casual-player{flex-direction:column;height:100%;min-height:0;margin:0 auto;display:flex}.casual-preview-frame.svelte-n8a3d4 .casual-stage{overscroll-behavior:contain;flex:1;min-height:0;padding:10px 0;scroll-padding-block:12px;overflow:auto}.casual-preview-frame.svelte-n8a3d4 .casual-player-head{display:none}.casual-preview-frame.svelte-n8a3d4 .casual-control-panel{overscroll-behavior:contain;flex:none;max-height:65%;margin:0;padding:10px;overflow:auto}.casual-preview-frame.svelte-n8a3d4 .casual-rules{flex:none;max-height:22%;margin:6px 0;padding:8px 10px;font-size:11px;overflow:auto}.casual-preview-frame.svelte-n8a3d4 .casual-quick-guide{margin-top:0;padding:10px 12px}.casual-preview-frame.svelte-n8a3d4 .casual-toolbar{gap:6px}.casual-preview-frame.svelte-n8a3d4 .casual-toolbar .button{min-height:36px;padding:7px 9px;font-size:11px}.casual-preview-frame.svelte-n8a3d4 .casual-control-panel>div:first-child{margin-top:0}.casual-preview-frame.svelte-n8a3d4 .casual-stage:has(.casual-arena>canvas){flex-direction:column;display:flex;overflow:hidden}:is(.casual-preview-frame.svelte-n8a3d4 .casual-stage:has(.casual-arena>canvas) .casual-quick-guide,.casual-preview-frame.svelte-n8a3d4 .casual-stage:has(.casual-arena>canvas) .casual-hud){flex:none}.casual-preview-frame.svelte-n8a3d4 .casual-arena:has(>canvas){aspect-ratio:auto;flex:1;min-height:0;container-type:size}.casual-preview-frame.svelte-n8a3d4 .casual-arena>canvas{aspect-ratio:600/420;width:min(100cqw,142.857cqh);height:auto;max-height:100%}.preview-dialog.svelte-n8a3d4{color:#fff0d8;box-sizing:border-box;width:min(1160px,100% - 24px);height:min(900px,94dvh);max-height:94dvh;padding:18px;overflow:hidden}.preview-dialog[open].svelte-n8a3d4{flex-direction:column;gap:12px;display:flex}.preview-heading.svelte-n8a3d4{flex:none;justify-content:space-between;align-items:center;gap:15px;display:flex}.preview-heading.svelte-n8a3d4 h2:where(.svelte-n8a3d4){margin:4px 0 0;font-size:22px}.preview-heading.svelte-n8a3d4 .eyebrow:where(.svelte-n8a3d4){font-size:8px}.preview-heading.svelte-n8a3d4 button:where(.svelte-n8a3d4){flex:none;min-height:44px}.preview-frame.svelte-n8a3d4{background:#100c20;border-radius:14px;flex:1;min-height:0;position:relative;overflow:hidden}.preview-frame.svelte-n8a3d4 iframe:where(.svelte-n8a3d4){border:0;width:100%;height:100%;display:block;position:relative}.preview-loading.svelte-n8a3d4{place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.preview-bottom.svelte-n8a3d4{flex:none;align-items:center;gap:18px;display:flex}.preview-bottom.svelte-n8a3d4 p:where(.svelte-n8a3d4){color:#d9bfe2;flex:1;font-size:10px}.preview-bottom.svelte-n8a3d4 a:where(.svelte-n8a3d4){white-space:nowrap}@media (width<=760px){.preview-dialog.svelte-n8a3d4{width:calc(100% - 12px);height:96dvh;max-height:96dvh;padding:10px}.preview-dialog[open].svelte-n8a3d4{gap:8px}.preview-heading.svelte-n8a3d4{padding:4px 6px}.preview-heading.svelte-n8a3d4 h2:where(.svelte-n8a3d4){font-size:16px;line-height:1.2}.preview-bottom.svelte-n8a3d4{flex-wrap:wrap;gap:10px;padding:6px}.preview-bottom.svelte-n8a3d4 p:where(.svelte-n8a3d4){flex-basis:100%;margin:0;font-size:9px}.preview-bottom.svelte-n8a3d4 a:where(.svelte-n8a3d4){min-height:42px;font-size:11px}.preview-frame.svelte-n8a3d4{border-radius:9px}}