.octoblox-root.svelte-wywi53{--ob-border: rgba(255, 255, 255, .12);--ob-glow: rgba(168, 85, 247, .25);color:#ffffffeb;max-width:520px;margin:0 auto}.ob-header.svelte-wywi53{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.ob-brand.svelte-wywi53{display:flex;align-items:center;gap:10px}.ob-ico{color:#c084fc;flex-shrink:0}.ob-title.svelte-wywi53{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#e9d5ff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.ob-stats.svelte-wywi53{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ob-chip.svelte-wywi53{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#ffffff14;border:1px solid var(--ob-border);font-size:.8rem}.ob-chip--lvl.svelte-wywi53{border-color:#a855f759;box-shadow:0 0 20px -8px var(--ob-glow)}.ob-chip--time.svelte-wywi53{background:#06b6d41f;border-color:#22d3ee59}.ob-chip--warn.svelte-wywi53{background:#ef444433;border-color:#f8717180;animation:svelte-wywi53-ob-pulse 1s ease-in-out infinite}@keyframes svelte-wywi53-ob-pulse{50%{opacity:.85}}.ob-timer-ico{opacity:.9}.ob-chip-label.svelte-wywi53{color:#ffffff73;font-weight:600;text-transform:uppercase;font-size:.65rem;letter-spacing:.06em}.ob-chip-val.svelte-wywi53{font-weight:800;font-variant-numeric:tabular-nums}.ob-reset.svelte-wywi53{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:12px;font-weight:700;font-size:.82rem;cursor:pointer;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;transition:background .2s,border-color .2s,box-shadow .2s}.ob-reset.svelte-wywi53:hover{background:#ffffff24;border-color:#22d3ee59;box-shadow:0 0 24px -10px #22d3ee66}.ob-modes.svelte-wywi53{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.ob-modes-label.svelte-wywi53{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.ob-pills.svelte-wywi53{display:flex;gap:8px;flex-wrap:wrap}.ob-pill.svelte-wywi53{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:12px;background:#00000040;border:1px solid var(--ob-border);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}.ob-pill.svelte-wywi53:has(input:where(.svelte-wywi53):checked){border-color:#c084fc8c;background:#a855f726;box-shadow:0 0 20px -8px var(--ob-glow)}.ob-pill.svelte-wywi53 input:where(.svelte-wywi53){position:absolute;opacity:0;pointer-events:none}.ob-board-stack.svelte-wywi53{position:relative;width:fit-content;max-width:100%;margin:0 auto 16px;--cell: 42px;--gap: 6px}.ob-board-wrap.svelte-wywi53{display:grid;grid-template-columns:repeat(8,var(--cell));grid-template-rows:repeat(8,var(--cell));gap:var(--gap);padding:14px;border-radius:20px;background:linear-gradient(145deg,#0f0a23e6,#190f2dbf);border:1px solid var(--ob-border);box-shadow:inset 0 1px #ffffff0f,0 12px 40px -20px #0009;-webkit-user-select:none;user-select:none}.ob-ghost-fly.svelte-wywi53{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(8,var(--cell));grid-template-rows:repeat(8,var(--cell));gap:var(--gap);padding:14px;pointer-events:none;z-index:8;box-sizing:border-box}.ob-ghost-patch.svelte-wywi53{box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;border-radius:10px;border:2px solid rgba(255,255,255,.8);background:var(--patch-color, #22d3ee);opacity:.5;box-shadow:inset 0 0 16px #ffffff59,0 0 0 1px #00000059;display:flex;align-items:center;justify-content:center}.ob-ghost-patch--bad.svelte-wywi53{background:#dc2626!important;border-color:#fecacaf2!important;opacity:.58!important;box-shadow:0 0 22px #ef444473}.ob-ghost-ico.svelte-wywi53{font-size:13px;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.ob-oncell.svelte-wywi53{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;line-height:1}.ob-oncell--bomb.svelte-wywi53{font-size:1.05rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.ob-oncell--chrono.svelte-wywi53{font-size:.52rem;font-weight:800;letter-spacing:-.02em;color:#ecfeff;text-shadow:0 0 8px rgba(34,211,238,.95),0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.ob-cell.svelte-wywi53{position:relative;isolation:isolate;width:var(--cell);height:var(--cell);border-radius:10px;border:1px solid rgba(255,255,255,.1);padding:0;cursor:pointer;transition:transform .12s,box-shadow .12s;overflow:hidden;box-shadow:inset 0 2px 8px #0003}.ob-cell.svelte-wywi53:not(:disabled):hover{transform:scale(1.03);box-shadow:inset 0 2px 8px #00000026,0 0 0 1px #ffffff1f}.ob-cell--filled.svelte-wywi53{border-color:#ffffff2e}.ob-cell--sparkle.svelte-wywi53:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.75) 0%,transparent 65%);animation:svelte-wywi53-ob-sparkle .35s ease;pointer-events:none;border-radius:10px}@keyframes svelte-wywi53-ob-sparkle{0%{opacity:0}to{opacity:1}}.ob-tray-hint.svelte-wywi53{font-size:.78rem;line-height:1.45;color:#ffffff80;margin:0 0 10px}.ob-muted.svelte-wywi53{color:#ffffff59}.ob-pieces.svelte-wywi53{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ob-piece.svelte-wywi53{position:relative;padding:12px 14px;border-radius:16px;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);cursor:grab;transition:border-color .2s,box-shadow .2s,transform .15s}.ob-piece.svelte-wywi53:active{cursor:grabbing}.ob-piece--sel.svelte-wywi53{border-color:#c084fcb3;box-shadow:0 0 28px -8px #a855f78c}.ob-piece--drag.svelte-wywi53{transform:scale(1.02);border-color:#22d3ee80}.ob-matrix.svelte-wywi53{display:flex;flex-direction:column;gap:4px}.ob-mrow.svelte-wywi53{display:flex;gap:4px}.ob-mcell.svelte-wywi53{width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.ob-mcell--bomb.svelte-wywi53{font-size:11px}.ob-mcell--chrono.svelte-wywi53,.ob-bomb--chrono.svelte-wywi53{font-size:10px}.ob-badges.svelte-wywi53{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;justify-content:center}.ob-badge.svelte-wywi53{font-size:9px;font-weight:700;padding:3px 6px;border-radius:8px;background:#00000059;border:1px solid rgba(255,255,255,.12);color:#ffffffd9}.ob-badge--time.svelte-wywi53{background:#10b98133;border-color:#34d39959;color:#6ee7b7}.ob-overlay.svelte-wywi53{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:#030014b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ob-modal.svelte-wywi53{max-width:360px;width:100%;padding:28px 24px;border-radius:24px;text-align:center;background:linear-gradient(160deg,#23143cf2,#0f0a23fa);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px -20px #000000b3}.ob-modal-title.svelte-wywi53{font-size:1.5rem;font-weight:800;margin:0 0 10px;background:linear-gradient(135deg,#e9d5ff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.ob-modal-msg.svelte-wywi53{margin:0;color:#fff9;font-size:.95rem;line-height:1.5}.ob-modal-score.svelte-wywi53{margin:16px 0 20px;font-size:1.1rem;color:#ffffffd9}.ob-modal-score.svelte-wywi53 strong:where(.svelte-wywi53){color:#fbbf24;font-weight:800}.ob-modal-btn.svelte-wywi53{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;border-radius:14px;font-weight:700;font-size:.95rem;cursor:pointer;border:none;color:#0f0520;background:linear-gradient(135deg,#c084fc,#22d3ee);box-shadow:0 8px 28px -8px #a855f78c;transition:transform .15s,filter .15s}.ob-modal-btn.svelte-wywi53:hover{filter:brightness(1.08);transform:translateY(-1px)}@media (max-width: 480px){.octoblox-root.svelte-wywi53{max-width:100%}.ob-board-stack.svelte-wywi53{--cell: 36px;--gap: 5px}.ob-board-wrap.svelte-wywi53,.ob-ghost-fly.svelte-wywi53{padding:10px}}html[data-theme=light] .octoblox-root.svelte-wywi53{--ob-border: rgba(13, 8, 24, .1);--ob-glow: rgba(100, 50, 160, .2);color:#0d0818e6!important}html[data-theme=light] .ob-ico{color:#7c3aed}html[data-theme=light] .ob-title.svelte-wywi53{background:linear-gradient(135deg,#5b21b6,#0e7490);-webkit-background-clip:text;background-clip:text}html[data-theme=light] .ob-chip.svelte-wywi53{background:#ffffffbf;color:#0d0818}html[data-theme=light] .ob-chip-label.svelte-wywi53{color:#0d081880!important}html[data-theme=light] .ob-modes-label.svelte-wywi53{color:#0d081873!important}html[data-theme=light] .ob-pill.svelte-wywi53{background:#0d08180a}html[data-theme=light] .ob-pill.svelte-wywi53:has(input:where(.svelte-wywi53):checked){background:#5b21b61a;border-color:#5b21b659!important}html[data-theme=light] .ob-board-wrap.svelte-wywi53{background:linear-gradient(145deg,#fffffff2,#f0ebfae6)!important;border:1px solid rgba(13,8,24,.08)!important;box-shadow:inset 0 1px #fffc,0 8px 28px -12px #32195a1a!important}html[data-theme=light] .ob-cell.svelte-wywi53{border:1px solid rgba(13,8,24,.12);box-shadow:inset 0 2px 6px #0d08180f!important}html[data-theme=light] .ob-tray-hint.svelte-wywi53,html[data-theme=light] .ob-muted.svelte-wywi53{color:#0d081880!important}html[data-theme=light] .ob-piece.svelte-wywi53{background:#ffffffd9!important;border:2px solid rgba(13,8,24,.1)!important}html[data-theme=light] .ob-badge.svelte-wywi53{background:#0d08180f!important;color:#0d0818;border:1px solid rgba(13,8,24,.1)!important}html[data-theme=light] .ob-badge--time.svelte-wywi53{color:#047857}html[data-theme=light] .ob-oncell--chrono.svelte-wywi53{color:#0e7490;text-shadow:none}html[data-theme=light] .ob-overlay.svelte-wywi53{background:#0d081866!important}html[data-theme=light] .ob-modal.svelte-wywi53{background:linear-gradient(160deg,#fff,#f3effc)!important;border:1px solid rgba(13,8,24,.1)!important}html[data-theme=light] .ob-modal-msg.svelte-wywi53{color:#0d081899!important}html[data-theme=light] .ob-modal-score.svelte-wywi53{color:#0d0818!important}html[data-theme=light] .ob-reset.svelte-wywi53{background:#ffffffe6!important;border:1px solid rgba(13,8,24,.1)!important;color:#0d0818!important}html[data-theme=light] .ob-reset.svelte-wywi53:hover{background:#fff!important}html[data-theme=light] .ob-modal-title.svelte-wywi53{background:linear-gradient(135deg,#5b21b6,#0e7490);-webkit-background-clip:text;background-clip:text}