.page-header.svelte-1mdl81 h1:where(.svelte-1mdl81){margin-bottom:.35rem;font-size:2.1rem}.page-header.svelte-1mdl81 p:where(.svelte-1mdl81){color:var(--text-main);font-size:1.1rem;max-width:800px}.explanation-section.svelte-1mdl81{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.explanation-section.svelte-1mdl81 h2:where(.svelte-1mdl81){text-align:center;color:var(--ui-color);font-size:1.8rem;margin-bottom:.5rem}.concept-grid.svelte-1mdl81{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.concept-card.svelte-1mdl81{padding:1.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);text-align:center;align-items:center;transition:transform .2s ease,background .2s ease}.concept-card.svelte-1mdl81:hover{transform:translateY(-4px);background:#ffffff0f}.concept-card.svelte-1mdl81 .icon:where(.svelte-1mdl81){font-size:2.5rem;margin-bottom:.75rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.15))}.concept-card.svelte-1mdl81 h3:where(.svelte-1mdl81){margin:0 0 .5rem;font-size:1.15rem;color:var(--svelte-color);border-bottom:none;padding-bottom:0}.concept-card.svelte-1mdl81 p:where(.svelte-1mdl81){margin:0;font-size:.95rem;line-height:1.5;color:#cbd5e1}.summary-card.svelte-1mdl81{background:linear-gradient(135deg,#34d39926,#a78bfa1a);border:1px solid rgba(52,211,153,.3);padding:2rem;text-align:center;font-size:1.1rem;line-height:1.6;color:#fff}.summary-card.svelte-1mdl81 strong:where(.svelte-1mdl81){color:var(--ui-color)}.summary-card.svelte-1mdl81 em:where(.svelte-1mdl81){color:var(--svelte-color)}.game-container.svelte-1mdl81{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:900px){.game-container.svelte-1mdl81{grid-template-columns:1fr 1fr}}@media(min-width:1200px){.game-container.svelte-1mdl81{grid-template-columns:minmax(320px,1fr) minmax(320px,1fr) minmax(280px,1fr)}}.card.svelte-1mdl81{display:flex;flex-direction:column;gap:1.5rem;background:#ffffff0d}.card.svelte-1mdl81 h3:where(.svelte-1mdl81){margin:0;font-size:1.3rem;color:var(--ui-color);text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem}.board-wrapper.svelte-1mdl81{display:flex;justify-content:center;padding:1rem 0}.board-grid.svelte-1mdl81{display:grid;grid-template-columns:repeat(3,80px);grid-template-rows:repeat(3,80px);gap:2px;background:#ffffff26;padding:4px;border-radius:8px;box-shadow:0 4px 20px #0003}.cell.svelte-1mdl81{width:80px;height:80px;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer;position:relative;padding:0;transition:filter .2s ease}.cell.svelte-1mdl81:hover{filter:brightness(1.1)}.cell.light.svelte-1mdl81{background-color:#fff3}.cell.dark.svelte-1mdl81{background-color:#0003}.cell.selected.svelte-1mdl81{outline:4px solid var(--ui-color);outline-offset:-4px;z-index:10;background-color:#ffffff4d}.piece.svelte-1mdl81{width:60px;height:60px;border-radius:50%;box-shadow:0 4px 6px #0006}.piece.white.svelte-1mdl81{background-color:#f8fafc;border:2px solid #cbd5e1}.piece.black.svelte-1mdl81{background-color:#1e293b;border:2px solid #0f172a}.piece.sm.svelte-1mdl81{width:36px;height:36px;box-shadow:0 2px 4px #0006}.dot.svelte-1mdl81{width:24px;height:24px;background-color:#0006;border-radius:50%;position:absolute}.status.svelte-1mdl81{text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center;min-height:80px}.status.svelte-1mdl81 .turn-indicator:where(.svelte-1mdl81){font-size:1.25rem;font-weight:600;padding:.5rem 1rem;border-radius:8px;background:#ffffff1a}.turn-indicator.human.svelte-1mdl81{color:#fff;border:1px solid var(--svelte-color)}.turn-indicator.machine.svelte-1mdl81{color:#f8fafc;border:1px solid #94a3b8;opacity:.8}.winner-message.svelte-1mdl81{font-size:1.35rem;color:#fde047}.punishment-text.svelte-1mdl81{font-size:1rem;color:#fca5a5;margin:0}.btn.primary.svelte-1mdl81{background:var(--svelte-color);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background .2s}.btn.primary.svelte-1mdl81:hover{background:var(--svelte-glow)}.matchbox-visual.svelte-1mdl81{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.mini-board-wrapper.svelte-1mdl81{position:relative;width:180px;height:180px}.mini-board.svelte-1mdl81{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,60px);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 10px #0000004d;background:#0000001a}.mini-cell.svelte-1mdl81{width:60px;height:60px;display:flex;justify-content:center;align-items:center}.mini-cell.light.svelte-1mdl81{background-color:#ffffff26}.mini-cell.dark.svelte-1mdl81{background-color:#00000026}.arrows-svg.svelte-1mdl81{position:absolute;top:0;left:0;width:180px;height:180px;pointer-events:none;z-index:10;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.5))}.beads-section.svelte-1mdl81{background:#0003;padding:1rem;border-radius:8px;width:100%;text-align:center}.beads-section.svelte-1mdl81 h4:where(.svelte-1mdl81){margin:0 0 .75rem;font-size:1rem;color:#e2e8f0}.beads.svelte-1mdl81{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.bead.svelte-1mdl81{width:24px;height:24px;border-radius:50%;box-shadow:inset -3px -3px 6px #0000004d,0 2px 4px #0006}.drawn-bead.svelte-1mdl81{display:flex;justify-content:center;margin:.5rem 0}.bead.picked.svelte-1mdl81{width:32px;height:32px;border:2px solid white;box-shadow:0 0 10px #fffc,inset -3px -3px 6px #0000004d}.punish-msg.svelte-1mdl81{margin-top:1rem;font-weight:700;font-size:1.1rem;padding:.5rem;background:#ffffff1a;border-radius:8px}.empty-state.svelte-1mdl81{text-align:center;color:#94a3b8;padding:2rem;font-style:italic}.empty-beads.svelte-1mdl81{color:#fca5a5;font-weight:700;max-width:200px;margin:0 auto}.stats-grid.svelte-1mdl81{display:grid;gap:1rem}.stat-item.svelte-1mdl81{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-item.svelte-1mdl81 .label:where(.svelte-1mdl81){color:#e2e8f0}.stat-item.svelte-1mdl81 .value:where(.svelte-1mdl81){font-size:1.5rem;font-weight:700}.stat-item.svelte-1mdl81 .value.human:where(.svelte-1mdl81){color:#60a5fa}.stat-item.svelte-1mdl81 .value.machine:where(.svelte-1mdl81){color:#f87171}.stats-explanation.svelte-1mdl81{margin-top:1rem;font-size:.95rem;color:#cbd5e1;text-align:center;line-height:1.5;padding:1rem;background:#ffffff08;border-radius:8px}