#sandbox.svelte-moq5wb{width:100%;max-width:640px}#example-container.svelte-moq5wb{isolation:isolate;justify-content:center;align-items:flex-end;width:100%;min-height:340px;padding:20px;display:flex;position:relative;overflow:hidden}#sandbox.svelte-moq5wb button:where(.svelte-moq5wb){-webkit-touch-callout:transparent;user-select:none}#sandbox.svelte-moq5wb button:where(.svelte-moq5wb):focus-visible{outline-offset:2px;outline:2px solid #8df0cc}#sandbox.svelte-moq5wb button:where(.svelte-moq5wb) span:where(.svelte-moq5wb){display:inline-block}.openButton.svelte-moq5wb,.controls.svelte-moq5wb button:where(.svelte-moq5wb){color:#0f1115;cursor:pointer;background-color:#8df0cc;border:none;border-radius:50px;width:100%;max-width:300px;padding:10px 20px;font-size:16px}.controls.svelte-moq5wb{justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.controls.svelte-moq5wb button:where(.svelte-moq5wb){white-space:nowrap;padding:10px 12px}.controls.svelte-moq5wb button.cancel:where(.svelte-moq5wb){background-color:var(--divider);color:#f5f5f5}.backdrop.svelte-moq5wb{backdrop-filter:blur(3px);background:#00000080;position:absolute;inset:0}.modal.svelte-moq5wb{background-color:#0b1011;border:1px solid #1d2628;border-radius:30px;align-items:flex-start;width:100%;max-width:min(400px,100% - 40px);display:flex;position:absolute;bottom:20px;overflow:clip}.modal.svelte-moq5wb>div:where(.svelte-moq5wb){flex:1;height:fit-content;padding:20px;position:relative}.modal.svelte-moq5wb p:where(.svelte-moq5wb){margin:0}.title.svelte-moq5wb{align-items:center;gap:10px;margin:0 0 20px;display:flex}.closeButton.svelte-moq5wb{cursor:pointer;color:#f5f5f5;background:0 0;border:none;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:10px;right:10px}.navbar-demo.svelte-1p5rzzi{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:16px;line-height:1.5}.navbar-tabs.svelte-1p5rzzi{margin:0;padding:0;list-style:none}.orientation-toggle.svelte-1p5rzzi{line-height:1.5}.box.svelte-lgsgy9{transition:transform var(--spring-transition);transform:translate(-100%)}.box[data-state=true].svelte-lgsgy9{transform:translate(100%)rotate(180deg)}@media (prefers-reduced-motion:reduce){.box.svelte-lgsgy9{transition:none}}.blue-button.svelte-1shhs97{background:linear-gradient(#1994ff 0%,#157cff 100%);border-radius:8px;width:148px;min-height:44px;font-size:13px;font-weight:500;position:relative;overflow:hidden;box-shadow:inset 0 0 1px 1px #ffffff14,0 1px 1.5px #00000052,0 0 0 .5px #1a94ff}.blue-button.svelte-1shhs97:focus-visible{outline-offset:3px;outline:2px solid #90caff}.blue-button.svelte-1shhs97 span:where(.svelte-1shhs97){color:#fff;text-shadow:0 1px 1.5px #00000029;justify-content:center;align-items:center;width:100%;display:flex}.feedback-wrapper.svelte-ubpzhx{--feedback-shell:#f5f6f7;--feedback-panel:#fff;--feedback-ring:#00000014;--feedback-shadow:#0000000a;--feedback-line:#e6e7e8;--feedback-text:#21201c;--feedback-muted:#63635d;--feedback-accent:#2090ff}[data-theme=dark] .feedback-wrapper.svelte-ubpzhx{--feedback-shell:#1c1c1e;--feedback-panel:#111113;--feedback-ring:#ffffff1a;--feedback-shadow:#0006;--feedback-line:#2c2c30;--feedback-text:#f4f4f5;--feedback-muted:#a1a1aa}.feedback-wrapper.svelte-ubpzhx{justify-content:center;align-items:center;width:100%;height:280px;min-height:216px;display:flex;position:relative}.feedback-stage.svelte-ubpzhx{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.feedback-button.svelte-ubpzhx,.feedback-popover.svelte-ubpzhx{background-color:var(--feedback-shell);box-shadow:0 0 0 1px var(--feedback-ring), 0px 2px 2px var(--feedback-shadow);border:none;outline:none;position:relative}.feedback-button.svelte-ubpzhx{border-radius:8px;align-items:center;min-height:44px;padding:0 12px;font-weight:500;display:flex;position:relative}.feedback-button.svelte-ubpzhx span:where(.svelte-ubpzhx){color:var(--feedback-muted);font-size:14px;display:block}.feedback-popover.svelte-ubpzhx{border-radius:12px;width:min(364px,100%);height:192px;padding:4px;overflow:hidden}.placeholder.svelte-ubpzhx{color:var(--feedback-muted);z-index:10;font-size:14px;position:absolute;top:17px;left:16px}.placeholder[data-feedback=true].svelte-ubpzhx,.placeholder[data-success=true].svelte-ubpzhx{opacity:0!important}.success-wrapper.svelte-ubpzhx{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.success-wrapper.svelte-ubpzhx svg:where(.svelte-ubpzhx){margin-top:-4px}.success-wrapper.svelte-ubpzhx h3:where(.svelte-ubpzhx){color:var(--feedback-text);margin-top:8px;margin-bottom:4px;font-size:14px;font-weight:500}.success-wrapper.svelte-ubpzhx p:where(.svelte-ubpzhx){color:var(--feedback-muted);font-size:14px}.feedback-form.svelte-ubpzhx{background:var(--feedback-panel);border-radius:8px;outline:none}.textarea.svelte-ubpzhx{resize:none;width:100%;height:128px;color:var(--feedback-text);background:0 0;border:none;border-radius:8px 0;outline:none;padding:12px;font-size:14px}.textarea.svelte-ubpzhx:focus,.textarea.svelte-ubpzhx:focus-visible{box-shadow:none;outline:none}.textarea.svelte-ubpzhx::placeholder{opacity:0}.feedback-footer.svelte-ubpzhx{align-items:center;height:48px;padding:0 10px;display:flex;position:relative}.line-stroke.svelte-ubpzhx{stroke:var(--feedback-line)}.notch-fill.svelte-ubpzhx{fill:var(--feedback-shell)}.dotted-line.svelte-ubpzhx{position:absolute;top:-1px;left:0;right:0}.half-circle-left.svelte-ubpzhx{position:absolute;top:0;left:0;transform:translate(-1.5px)translateY(-50%)}.half-circle-right.svelte-ubpzhx{position:absolute;top:0;right:0;transform:translate(1.5px)translateY(-50%)rotate(180deg)}.feedback-footer.svelte-ubpzhx .blue-button{box-shadow:inset 0 0 1px 1px #ffffff14,0 1px 1.5px #00000052,0 0 0 .5px #1a94ff;background:linear-gradient(#1994ff 0%,#157cff 100%)!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:104px!important;min-height:40px!important;margin-left:auto!important;font-size:12px!important;font-weight:600!important;display:flex!important;position:relative!important;overflow:hidden!important}.feedback-footer.svelte-ubpzhx .blue-button span{color:#fff!important;text-shadow:0 1px 1.5px #00000029!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.feedback-button.svelte-ubpzhx:focus-visible{outline:2px solid var(--feedback-accent);outline-offset:3px}.size-demo.svelte-j9yj7f{gap:20px;width:100%;max-width:360px;display:grid}.heading.svelte-j9yj7f h2:where(.svelte-j9yj7f){margin:0 0 4px;font-size:16px;font-weight:600}.heading.svelte-j9yj7f p:where(.svelte-j9yj7f){opacity:.65;margin:0;font-size:13px}.stage.svelte-j9yj7f{border:1px dashed var(--demo-stroke-muted);border-radius:12px;align-items:flex-start;gap:8px;min-height:146px;padding:16px 8px;display:flex}.neighbor.svelte-j9yj7f{background:var(--demo-container);border:1px solid var(--demo-stroke-muted);border-radius:8px;flex-shrink:0;width:32px;height:64px}.resizable.svelte-j9yj7f{background:var(--demo-fill);border:1px solid var(--demo-stroke);color:var(--demo-fill-foreground);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.resizable.svelte-j9yj7f span:where(.svelte-j9yj7f){white-space:nowrap;font-size:13px;font-weight:600}button.svelte-j9yj7f{border:1px solid var(--demo-stroke);background:var(--demo-fill);min-height:44px;color:var(--demo-fill-foreground);cursor:pointer;border-radius:8px;justify-self:start;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .15s}button.svelte-j9yj7f:focus-visible{outline:2px solid var(--demo-accent);outline-offset:3px}@media (hover:hover) and (pointer:fine){button.svelte-j9yj7f:hover{background:var(--demo-fill-hover)}}.stage.svelte-skwwac.compact .tile:where(.svelte-skwwac){height:2rem}.cards-demo.svelte-1jxbpm2{--cards-text:#1e293b;--cards-muted:#64748b;--cards-story:#475569;--cards-surface:#f8fafc;--cards-surface-hover:#eef2ff;--cards-border:#e2e8f0;--cards-backdrop:#0f172a3d;--cards-accent:#4f46e5;--cards-accent-hover:#4338ca;--cards-link:#4f46e5;--cards-focus:#6366f1}[data-theme=dark] .cards-demo.svelte-1jxbpm2{--cards-text:#f1f5f9;--cards-muted:#94a3b8;--cards-story:#cbd5e1;--cards-surface:#171717;--cards-surface-hover:#1e1b4b;--cards-border:#2a2a2a;--cards-backdrop:#0000008c;--cards-accent:#6366f1;--cards-accent-hover:#818cf8;--cards-link:#a5b4fc;--cards-focus:#818cf8}.cards-demo.svelte-1jxbpm2{isolation:isolate;width:100%;max-width:520px;color:var(--cards-text);margin:auto;position:relative}.game-list.svelte-1jxbpm2{gap:4px;margin:0;padding:0;list-style:none;display:grid}.game-list.svelte-1jxbpm2 li:where(.svelte-1jxbpm2){height:80px}.game-card.svelte-1jxbpm2{border:1px solid var(--cards-border);background:var(--cards-surface);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;height:80px;padding:12px;transition:background-color .15s;display:flex}img.svelte-1jxbpm2{object-fit:cover;border-radius:12px;flex-shrink:0;display:block}.game-copy.svelte-1jxbpm2{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.game-title.svelte-1jxbpm2{margin:0;font-size:14px;font-weight:600;line-height:1.3;display:block}.game-description.svelte-1jxbpm2{color:var(--cards-muted);margin:0;font-size:12px;line-height:1.4;display:block}.game-card.svelte-1jxbpm2 .game-title:where(.svelte-1jxbpm2),.game-card.svelte-1jxbpm2 .game-description:where(.svelte-1jxbpm2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.view-label.svelte-1jxbpm2{color:var(--cards-link);font-size:12px;font-weight:600}.backdrop.svelte-1jxbpm2{z-index:1;background:var(--cards-backdrop);cursor:pointer;border:0;border-radius:20px;position:absolute;inset:-12px}.detail-position.svelte-1jxbpm2{z-index:2;pointer-events:none;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.game-detail.svelte-1jxbpm2{box-sizing:border-box;border:1px solid var(--cards-border);background:var(--cards-surface);pointer-events:auto;border-radius:20px;width:100%;padding:20px;overflow:hidden}.detail-header.svelte-1jxbpm2{align-items:center;gap:16px;display:flex}.story.svelte-1jxbpm2{color:var(--cards-story);margin:20px 0;font-size:14px;line-height:1.65}.close-button.svelte-1jxbpm2{color:#fff;background:var(--cards-accent);cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:0 16px;font-size:13px;font-weight:600;transition:background-color .15s}button.svelte-1jxbpm2:focus-visible{outline:2px solid var(--cards-focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.game-card.svelte-1jxbpm2:hover{background:var(--cards-surface-hover)}.close-button.svelte-1jxbpm2:hover{background:var(--cards-accent-hover)}}@media (width<=420px){.view-label.svelte-1jxbpm2{display:none}.game-card.svelte-1jxbpm2{gap:8px;padding:10px}.game-detail.svelte-1jxbpm2{padding:16px}.detail-header.svelte-1jxbpm2{gap:10px}.detail-header.svelte-1jxbpm2 img:where(.svelte-1jxbpm2){width:56px;height:56px}}