.blokus-demo.svelte-gli7b{gap:var(--space-5);display:grid}.blokus-demo__top.svelte-gli7b,.blokus-demo__layout.svelte-gli7b{gap:var(--space-4);grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);display:grid}.blokus-demo__panel.svelte-gli7b{padding:var(--space-5)}.blokus-demo__intro.svelte-gli7b h3:where(.svelte-gli7b),.blokus-demo__controls.svelte-gli7b h3:where(.svelte-gli7b),.piece-panel.svelte-gli7b h3:where(.svelte-gli7b),.decision-panel.svelte-gli7b h3:where(.svelte-gli7b){margin-bottom:var(--space-2)}.demo-rules.svelte-gli7b,.decision-panel.svelte-gli7b ul:where(.svelte-gli7b),.history-panel.svelte-gli7b ol:where(.svelte-gli7b){color:var(--text-soft);margin:0;padding-left:1.1rem}.chip-row.svelte-gli7b{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.chip.svelte-gli7b,.piece-chip.svelte-gli7b{border:1px solid var(--line);background:var(--surface-alt);color:var(--primary);font:inherit;cursor:pointer;border-radius:999px;padding:.55rem .85rem;transition:transform .15s,background-color .15s,border-color .15s}.chip.svelte-gli7b:hover,.piece-chip.svelte-gli7b:hover,.chip.active.svelte-gli7b,.piece-chip.selected.svelte-gli7b{border-color:color-mix(in srgb, var(--accent) 72%, var(--line));background:#fff;transform:translateY(-1px)}.profile-select.svelte-gli7b{gap:var(--space-2);margin-top:var(--space-3);color:var(--primary);font-weight:600;display:grid}.profile-select.svelte-gli7b select:where(.svelte-gli7b){border-radius:var(--radius-md);border:1px solid var(--line);font:inherit;color:var(--text);background:#fff;padding:.78rem .9rem}.profile-blurb.svelte-gli7b{margin-top:var(--space-3);margin-bottom:0}.blokus-demo__layout.svelte-gli7b{align-items:start}.blokus-demo__sidebar.svelte-gli7b{gap:var(--space-4);display:grid}.status-row.svelte-gli7b{gap:var(--space-4);margin-bottom:var(--space-4);justify-content:space-between;align-items:start;display:flex}.status-row.svelte-gli7b h3:where(.svelte-gli7b){margin-bottom:0}.status-pill.svelte-gli7b{border-radius:var(--radius-md);background:var(--surface-alt);border:1px solid var(--line);max-width:30ch;margin-bottom:0;padding:.65rem .85rem}.board-axis.svelte-gli7b{color:var(--text-soft);font-size:.82rem;font-weight:700;display:grid}.board-axis--top.svelte-gli7b{margin-left:2rem;margin-bottom:var(--space-2);grid-template-columns:repeat(9,minmax(0,1fr))}.board-axis--side.svelte-gli7b{margin-right:var(--space-2);grid-template-rows:repeat(9,minmax(0,1fr));align-items:center;width:1.4rem}.board-shell.svelte-gli7b{align-items:stretch;display:flex}.board-grid.svelte-gli7b{border-radius:var(--radius-lg);background:linear-gradient(145deg,#102653,#16326b);flex:1;gap:.28rem;padding:.45rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.board-cell.svelte-gli7b{aspect-ratio:1;cursor:pointer;background:#ffffff14;border:0;border-radius:.55rem;transition:transform .14s,background-color .14s,box-shadow .14s;position:relative}.board-cell.svelte-gli7b:hover,.board-cell.svelte-gli7b:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 0 2px #ffffff29}.board-cell.blue.svelte-gli7b{background:linear-gradient(145deg,#72b6ff,#2f6fdd)}.board-cell.orange.svelte-gli7b{background:linear-gradient(145deg,#ffb870,#ea6c22)}.board-cell.preview.svelte-gli7b{background:linear-gradient(145deg,#7dd3fce0,#2a8af6c7)}.board-cell.orange.preview.svelte-gli7b{background:linear-gradient(145deg,#ffc487,#f28f4b)}.board-cell.anchor.svelte-gli7b:after,.board-cell.start-cell.svelte-gli7b:before,.board-cell.selected-anchor.svelte-gli7b:before{content:"";border-radius:.4rem;position:absolute;inset:.32rem}.board-cell.start-cell.svelte-gli7b:before{border:1px dashed #ffffff8c}.board-cell.selected-anchor.svelte-gli7b:before{border:1px solid #ffffffe0}.anchor-dot.svelte-gli7b{background:#ffffffe6;border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-caption.svelte-gli7b p:where(.svelte-gli7b){margin-top:var(--space-3);margin-bottom:0}.score-grid.svelte-gli7b{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.score-grid.svelte-gli7b article:where(.svelte-gli7b){padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-alt);border:1px solid var(--line);gap:.15rem;display:grid}.score-grid.svelte-gli7b strong:where(.svelte-gli7b){color:var(--primary);font-size:1.7rem}.score-label.svelte-gli7b,.mini-note.svelte-gli7b,.score-grid.svelte-gli7b small:where(.svelte-gli7b){color:var(--text-soft)}.panel-head.svelte-gli7b{gap:var(--space-3);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.piece-list.svelte-gli7b{gap:var(--space-2);flex-wrap:wrap;display:flex}.piece-chip.svelte-gli7b{border-radius:var(--radius-md);justify-items:start;gap:.05rem;display:grid}.orientation-preview.svelte-gli7b{margin-top:var(--space-4);padding:var(--space-3);background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--line);justify-content:center;display:flex}.mini-grid.svelte-gli7b{gap:.3rem;display:grid}.mini-grid.svelte-gli7b span:where(.svelte-gli7b){background:#0f255714;border-radius:.3rem;width:1.15rem;height:1.15rem}.mini-grid.svelte-gli7b span.filled:where(.svelte-gli7b){background:linear-gradient(145deg,#72b6ff,#2f6fdd)}.history-panel.svelte-gli7b ol:where(.svelte-gli7b){gap:var(--space-3);display:grid}.history-panel.svelte-gli7b li:where(.svelte-gli7b){padding-bottom:var(--space-3);border-bottom:1px solid var(--line)}.history-panel.svelte-gli7b li:where(.svelte-gli7b):last-child{border-bottom:0;padding-bottom:0}.history-panel.svelte-gli7b li:where(.svelte-gli7b) span:where(.svelte-gli7b){color:var(--accent);margin-bottom:.2rem;font-size:.8rem;font-weight:700;display:block}.history-panel.svelte-gli7b li:where(.svelte-gli7b) p:where(.svelte-gli7b){margin-bottom:0}.compact.svelte-gli7b .blokus-demo__top:where(.svelte-gli7b),.compact.svelte-gli7b .blokus-demo__layout:where(.svelte-gli7b){grid-template-columns:1fr}@media (width<=1024px){.blokus-demo__top.svelte-gli7b,.blokus-demo__layout.svelte-gli7b,.status-row.svelte-gli7b{grid-template-columns:1fr}.status-row.svelte-gli7b{display:grid}}@media (width<=640px){.blokus-demo__panel.svelte-gli7b{padding:var(--space-4)}.board-axis--top.svelte-gli7b{margin-left:1.7rem}.board-grid.svelte-gli7b{gap:.18rem;padding:.3rem}.score-grid.svelte-gli7b{grid-template-columns:1fr}.mini-grid.svelte-gli7b span:where(.svelte-gli7b){width:.95rem;height:.95rem}}.blokus-hero.svelte-1hlrw1f{padding:var(--space-7);gap:var(--space-5);grid-template-columns:minmax(0,1.35fr) minmax(18rem,.85fr);align-items:start;display:grid}.blokus-hero__copy.svelte-1hlrw1f p:where(.svelte-1hlrw1f):last-child,.browser-demo__header.svelte-1hlrw1f p:where(.svelte-1hlrw1f):last-child{margin-bottom:0}.blokus-hero__callout.svelte-1hlrw1f,.feature-card.svelte-1hlrw1f{padding:var(--space-5)}.blokus-hero__callout.svelte-1hlrw1f ul:where(.svelte-1hlrw1f){color:var(--text-soft);margin:0;padding-left:1.1rem}.feature-grid.svelte-1hlrw1f{align-items:stretch}.browser-demo.svelte-1hlrw1f{padding:var(--space-6)}.browser-demo__header.svelte-1hlrw1f{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);display:grid}@media (width<=900px){.blokus-hero.svelte-1hlrw1f,.browser-demo__header.svelte-1hlrw1f{grid-template-columns:1fr}}