:root{--background:#12141c;--foreground:#e8e6e3;--primary:#7c9cff;--secondary:#2a2f3d;--accent:#f2c46d;--muted:#8a8f9c;--border:#2e3342;--destructive:#e5636b;--on-mosaic:#12141c;--mosaic-red:#e4572e;--mosaic-orange:#f3a712;--mosaic-yellow:#f2e86d;--mosaic-green:#4cb963;--mosaic-teal:#2ec4b6;--mosaic-blue:#3a86ff;--mosaic-purple:#8e5cd9;--mosaic-pink:#f15bb5;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-12:12px;--text-14:14px;--text-16:16px;--text-20:20px;--text-24:24px;--text-32:32px;--weight-400:400;--weight-600:600;--weight-700:700;--line-height-body:1.5;--line-height-headings:1.2;--space-unit:4px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006}html,body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0}.game{gap:var(--space-12);box-sizing:border-box;height:100dvh;min-height:640px;max-width:var(--game-max-width,480px);padding:var(--space-16);flex-direction:column;margin-inline:auto;display:flex}.game-board{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.game-canvas{border-radius:var(--radius-sm);margin-inline:auto;display:block}.game-pool{flex:none;height:124px}.game-pool .lanes{align-items:start}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{font-family:var(--font-sans)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hud{align-items:center;gap:var(--space-8);height:44px;color:var(--foreground);grid-template-columns:44px 1fr auto 44px;display:grid}.hud-title{font-size:var(--text-16);font-weight:var(--weight-700);line-height:var(--line-height-headings);margin:0}.hud-count{padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);background:var(--secondary);font-size:var(--text-14);line-height:var(--line-height-body);margin:0}.hud-restart{border-radius:var(--radius-full);background:var(--secondary);width:44px;height:44px;color:var(--foreground);cursor:pointer;border:0;justify-self:end;place-items:center;padding:0;display:grid}.hud-restart svg{width:24px;height:24px}.block-symbol{top:var(--space-4);left:var(--space-4);width:16px;height:16px;color:var(--on-mosaic);position:absolute}.block-symbol svg{width:100%;height:100%;display:block}.block-count{color:var(--on-mosaic);font-size:var(--text-20);font-weight:var(--weight-700);line-height:var(--line-height-headings)}.slot-row{gap:var(--space-8);width:max(var(--board-width,0px), 312px);grid-template-columns:repeat(5,1fr);max-width:100%;margin-inline:auto;display:grid}.slot{border:2px dashed var(--muted);border-radius:var(--radius-md);background:0 0;place-items:center;min-width:0;height:56px;padding:0;transition:transform .12s ease-out;display:grid;position:relative}.slot:disabled{opacity:1}.slot-occupied,.slot-acting{background:var(--block-color);box-shadow:var(--shadow-sm);border:0}.slot-acting{transform:scale(1.05)}.slot-target{border-color:var(--primary);cursor:pointer}.lanes{gap:var(--space-8);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.lane{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.lane-front{border-radius:var(--radius-md);background:var(--block-color);min-width:44px;height:56px;box-shadow:var(--shadow-sm);cursor:pointer;border:0;place-items:center;padding:0;display:grid;position:relative}.lane-front[hidden]{display:none}.lane-front:disabled{opacity:.4;cursor:default}.lane-selected{box-shadow:0 0 0 2px var(--primary)}.lane-previews{align-items:center;gap:var(--space-4);height:28px;display:flex}.lane-preview,.lane-more{aspect-ratio:1;border-radius:var(--radius-sm);flex:0 28px;place-items:center;min-width:0;height:auto;max-height:28px;display:grid;position:relative}.lane-preview{background:var(--block-color)}.lane-preview .block-symbol{width:16px;height:16px;margin:auto;inset:0}.lane-more{color:var(--muted);font-size:var(--text-14);font-weight:var(--weight-600)}.dialog-overlay{z-index:10;padding:var(--space-16);background:color-mix(in srgb, var(--background) 60%, transparent);place-items:center;display:grid;position:fixed;inset:0}.dialog{gap:var(--space-16);width:100%;max-width:320px;padding:var(--space-24);border-radius:var(--radius-lg);background:var(--secondary);box-shadow:var(--shadow-md);color:var(--foreground);text-align:center;flex-direction:column;display:flex}.dialog-title{font-size:var(--text-24);font-weight:var(--weight-700);line-height:var(--line-height-headings);margin:0}.dialog-body{align-items:center;gap:var(--space-12);flex-direction:column;display:flex}.dialog-subtitle,.dialog-text{font-size:var(--text-16);line-height:var(--line-height-body);margin:0}.dialog-thumbnail canvas{border-radius:var(--radius-sm);max-width:160px;max-height:160px;display:block}.dialog-actions{gap:var(--space-8);flex-direction:column;display:flex}.btn{min-height:44px;padding:var(--space-8) var(--space-24);border-radius:var(--radius-full);font-size:var(--text-16);font-weight:var(--weight-600);cursor:pointer;border:0}.btn-primary{background:var(--primary);color:var(--background)}.btn-secondary{background:var(--border);color:var(--foreground)}@media (prefers-reduced-motion:reduce){.slot{transition:none}.slot-acting{transform:none}}.hud-back{border-radius:var(--radius-full);background:var(--secondary);width:44px;height:44px;color:var(--foreground);cursor:pointer;border:0;place-items:center;padding:0;display:grid}.hud-back svg{width:24px;height:24px}.select{box-sizing:border-box;max-width:480px;min-height:100dvh;padding:var(--space-16);color:var(--foreground);margin-inline:auto}.select-bar{justify-content:space-between;align-items:center;min-height:44px;display:flex}.select-title{font-size:var(--text-24);font-weight:var(--weight-700);line-height:var(--line-height-headings);margin:0}.select-menu,.install-hint-close{border-radius:var(--radius-full);background:var(--secondary);width:44px;height:44px;color:var(--foreground);cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:grid}.select-menu svg,.install-hint-close svg{width:24px;height:24px}.select-progress{margin:var(--space-8) 0 var(--space-16);color:var(--muted);font-size:var(--text-14);line-height:var(--line-height-body)}.install-hint{align-items:center;gap:var(--space-8);margin-bottom:var(--space-16);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);border-radius:var(--radius-lg);background:var(--secondary);color:var(--foreground);display:flex}.install-hint-text{font-size:var(--text-14);line-height:var(--line-height-body);flex:1;margin:0}.install-hint-close{background:0 0}.select-grid{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.select-cell{display:block}.tile{box-sizing:border-box;aspect-ratio:1;border-radius:var(--radius-lg);background:var(--secondary);width:100%;min-height:44px;color:var(--foreground);font-size:var(--text-20);font-weight:var(--weight-700);place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile-next{outline:2px solid var(--primary);outline-offset:0}.tile-next:focus-visible{outline-color:var(--accent);outline-offset:2px}.tile-locked{border:1px solid var(--border);color:var(--muted);background:0 0}.tile-icon svg{width:24px;height:24px;display:block}.tile-locked .tile-number{font-size:var(--text-14);font-weight:var(--weight-600)}.tile-picture{inset:var(--space-8);place-items:center;display:grid;position:absolute}.tile-picture canvas{border-radius:var(--radius-sm);max-width:100%;max-height:100%}.tile-done .tile-number{bottom:var(--space-4);left:var(--space-8);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--background);font-size:var(--text-14);position:absolute}.tile-check{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background:var(--background);width:24px;height:24px;color:var(--accent);place-items:center;display:grid;position:absolute}.tile-check svg{width:16px;height:16px}.sheet-overlay{z-index:10;background:color-mix(in srgb, var(--background) 60%, transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{gap:var(--space-8);box-sizing:border-box;width:100%;max-width:480px;padding:var(--space-24) var(--space-16) var(--space-16);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--secondary);box-shadow:var(--shadow-md);color:var(--foreground);flex-direction:column;display:flex}.menu-item{width:100%}.sheet-message{font-size:var(--text-14);line-height:var(--line-height-body);margin:0}.sheet-message:empty{display:none}.sheet-message[data-state=error]{padding-left:var(--space-8);border-left:2px solid var(--destructive)}.sheet-version{margin:var(--space-8) 0 0;color:var(--muted);font-size:var(--text-12);text-align:center}