.container.svelte-1n46o8q{background:url(../images/background.jpg) center center/cover no-repeat fixed;position:relative;padding:2rem;border-radius:12px;box-shadow:0 2px 12px #0000001f;margin-top:40px;text-align:center;box-sizing:border-box;width:auto;max-width:calc(100vw - 8px);height:auto;transition:transform .5s cubic-bezier(.4,2,.6,1)}.header.svelte-1n46o8q{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:12px;margin-bottom:1rem}.header.svelte-1n46o8q h1:where(.svelte-1n46o8q){grid-column:1;justify-self:start;min-width:0;overflow:hidden;margin:0;font-size:1.4rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);white-space:nowrap}.header.svelte-1n46o8q .timer-display:where(.svelte-1n46o8q){grid-column:2;justify-self:center}.header.svelte-1n46o8q .header-buttons:where(.svelte-1n46o8q){grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}.header-btn.svelte-1n46o8q{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:46px;height:46px;padding:0;font-size:1.9rem;line-height:1;color:#214e78;background:#fff;border:2px solid #214e78;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d;text-decoration:none;transition:.2s}.header-btn.svelte-1n46o8q:hover{background:#eaf2f9;transform:translateY(-1px);box-shadow:0 3px 8px #0006}.board-wrapper.svelte-1n46o8q{position:relative;display:inline-block;margin:20px auto}#game-board.svelte-1n46o8q{display:grid;grid-template-columns:repeat(15,var(--tile-size));grid-template-rows:repeat(8,var(--tile-size));grid-gap:var(--tile-gap);row-gap:var(--tile-gap);margin:0;position:relative;z-index:1}#connection-svg.svelte-1n46o8q{position:absolute;top:0;left:0;pointer-events:none;z-index:2;overflow:visible;width:100%;height:100%}.tile.svelte-1n46o8q{width:var(--tile-size);height:var(--tile-size);font-size:calc(var(--tile-size) * .66);background:#fff;border:2px solid #b6bec9;box-shadow:0 2px 6px #0003;border-radius:min(8px,calc(var(--tile-size) * .2));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,border-color .18s,transform .18s,opacity .18s;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.tile.selected.svelte-1n46o8q{background:#ffe066;border-color:gold;transform:scale(1.06)}.tile.match-success.svelte-1n46o8q{background:#b8f0c8;border-color:#2e9e5b;transform:scale(1.08)}.tile.match-fail.svelte-1n46o8q{background:#ffc4c4;border-color:#d64545;animation:.3s svelte-1n46o8q-tileShake}.tile.removed.svelte-1n46o8q{opacity:0;transform:scale(.75);pointer-events:none}.pipe-group.svelte-1n46o8q{filter:drop-shadow(0 1.5px 2px rgba(0,0,0,.35));animation:svelte-1n46o8q-pipeGroupOut var(--fade,.18s) ease forwards}.pipe-piece.svelte-1n46o8q{opacity:0;transform-origin:0 0;animation-duration:var(--pop, .14s);animation-timing-function:cubic-bezier(.25,.9,.35,1);animation-fill-mode:both}.pipe-x.svelte-1n46o8q{animation-name:svelte-1n46o8q-pipeGrowX}.pipe-y.svelte-1n46o8q{animation-name:svelte-1n46o8q-pipeGrowY}.pipe-pop.svelte-1n46o8q{animation-name:svelte-1n46o8q-pipePieceIn;animation-timing-function:cubic-bezier(.34,1.45,.64,1)}.pipe-cap.svelte-1n46o8q,.pipe-joint.svelte-1n46o8q,.pipe-seg.svelte-1n46o8q{stroke:#062b16;stroke-width:1}.pipe-bolt.svelte-1n46o8q{fill:#082c18}@keyframes svelte-1n46o8q-pipeGrowX{0%{opacity:0;transform:scaleX(0)}30%{opacity:1}to{opacity:1;transform:scaleX(1)}}@keyframes svelte-1n46o8q-pipeGrowY{0%{opacity:0;transform:scaleY(0)}30%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes svelte-1n46o8q-pipePieceIn{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes svelte-1n46o8q-pipeGroupOut{to{opacity:0}}.board-wrapper.time-up.svelte-1n46o8q{animation:.55s cubic-bezier(.36,.07,.19,.97) both svelte-1n46o8q-boardTimeUpShake;box-shadow:0 0 45px #d64545d9;border-radius:10px}.tile.time-up-tile.svelte-1n46o8q{background:#ffd6d6;border-color:#d64545;animation:.9s forwards svelte-1n46o8q-tileTimeUpDrop;animation-delay:calc((var(--row-idx, 0) + var(--col-idx, 0)) * 18ms);pointer-events:none}.time-up-banner.svelte-1n46o8q{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;background:linear-gradient(135deg,#d64545,#9e1f1f);color:#fff;font-size:clamp(1.3rem,4vw,2rem);font-weight:900;letter-spacing:.03em;box-shadow:0 10px 30px #00000080,0 0 0 4px #ffffffe6;pointer-events:none;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.35)}.time-up-icon.svelte-1n46o8q{display:inline-block;animation:.35s ease-in-out infinite alternate svelte-1n46o8q-alarmRing}@keyframes svelte-1n46o8q-boardTimeUpShake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-8px)}30%,60%,90%{transform:translate(8px)}}@keyframes svelte-1n46o8q-tileTimeUpDrop{0%{transform:scale(1);filter:grayscale(0);opacity:1}30%{transform:scale(1.06);background:#ffb3b3;border-color:#c92a2a}to{transform:scale(.86) translateY(6px);filter:grayscale(.75);opacity:.45}}@keyframes svelte-1n46o8q-alarmRing{0%{transform:rotate(-14deg) scale(1.05)}to{transform:rotate(14deg) scale(1.05)}}@keyframes svelte-1n46o8q-tileShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.shuffle-toast.svelte-1n46o8q{position:absolute;left:50%;bottom:12px;transform:translate(-50%);z-index:10;background:#214e78f0;color:#fff;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #00000059;pointer-events:none;white-space:nowrap}.timer-display.svelte-1n46o8q{background:0 0;padding:6px 12px;font-weight:700;font-size:1.1rem;white-space:nowrap;text-align:left;display:flex;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.timer-display.svelte-1n46o8q .label:where(.svelte-1n46o8q){display:inline-block;text-align:right;margin-right:5px}#timer.svelte-1n46o8q{display:inline-block;min-width:20px;text-align:left}.timer-low.svelte-1n46o8q{color:#f33!important;text-shadow:0 0 10px rgba(255,51,51,.8),1px 1px 3px rgba(0,0,0,.9)!important;animation:.6s infinite svelte-1n46o8q-timerPulse;transform-origin:left center}.board-wrapper.timer-warning.svelte-1n46o8q{animation:.6s infinite svelte-1n46o8q-boardWarning;box-shadow:0 0 30px #f339}@keyframes svelte-1n46o8q-timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25);opacity:1}}@keyframes svelte-1n46o8q-boardWarning{0%,to{box-shadow:0 0 20px #f336;filter:brightness(1)}50%{box-shadow:0 0 40px #f33c;filter:brightness(1.05)}}.modal.svelte-1n46o8q{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;padding-top:4vh;box-sizing:border-box;z-index:1000;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.hidden.svelte-1n46o8q{display:none}.start-content.svelte-1n46o8q{--bz-blue:#356d9f;--bz-blue-deep:#214e78;--bz-muted:#6b6256;--bz-line:rgba(79, 58, 25, .14);--bz-shadow-sm:0 4px 14px rgba(75, 53, 20, .09);--bz-radius:22px;display:grid;gap:1rem;width:min(92vw,560px);max-height:92vh;overflow-y:auto;padding:1rem;box-sizing:border-box;border-radius:var(--bz-radius);background:#fff9ec;box-shadow:0 18px 45px #4b351459;animation:.3s ease-out svelte-1n46o8q-modalSlideIn}.start-card.svelte-1n46o8q{display:grid;grid-template-columns:150px minmax(0,1fr);overflow:hidden;border:1px solid var(--bz-line);border-radius:var(--bz-radius);background:#fff;box-shadow:var(--bz-shadow-sm);text-align:left}.start-art.svelte-1n46o8q{width:100%;height:100%;object-fit:cover}.start-body.svelte-1n46o8q{display:flex;flex-direction:column;min-width:0;padding:1rem}.start-actions.svelte-1n46o8q{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-top:auto}.arcade-link.svelte-1n46o8q{display:inline-flex;align-items:center;box-sizing:border-box;min-height:46px;padding:.65rem 1.1rem;border:none;border-radius:999px;box-shadow:inset 0 0 0 2px var(--bz-blue-deep);color:var(--bz-blue-deep);background:0 0;font-size:.85rem;font-weight:800;text-decoration:none;transition:background-color .16s,color .16s,transform .16s}.arcade-link.svelte-1n46o8q:hover{color:#fff;background:var(--bz-blue-deep);transform:translateY(-2px)}.start-body.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0 0 .45rem;color:var(--bz-blue-deep);font-family:Georgia,Times New Roman,serif;font-size:1.45rem;text-align:center;text-shadow:none}.start-body.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0 0 .65rem;color:var(--bz-muted);font-size:.92rem;font-weight:400;line-height:1.4}.start-button.svelte-1n46o8q{display:inline-flex;align-items:center;box-sizing:border-box;min-height:46px;padding:.65rem 1.1rem;border:none;border-radius:999px;color:#fff;background:var(--bz-blue-deep);font:inherit;font-weight:800;cursor:pointer;transition:background-color .16s,transform .16s}.start-button.svelte-1n46o8q:hover{background:var(--bz-blue);transform:translateY(-2px)}.ad-card.svelte-1n46o8q{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:.65rem;border:1px solid var(--bz-line);border-radius:var(--bz-radius);background:#ffffff94;box-shadow:var(--bz-shadow-sm)}.ad-label.svelte-1n46o8q{margin-bottom:.35rem;color:#7d756b;font-size:.68rem;letter-spacing:.12em;text-align:center;text-transform:uppercase}.ad-card.svelte-1n46o8q .adsbygoogle:where(.svelte-1n46o8q){min-height:250px;border-radius:8px;background:#ece8df8c}@media (max-width:600px),(max-height:600px){.container.svelte-1n46o8q{width:100vw;min-width:0;height:auto;padding:.5rem;margin:0;border-radius:0;box-shadow:none;display:block;box-sizing:border-box;overflow-x:auto}.header.svelte-1n46o8q{margin-bottom:.5rem;column-gap:8px}.header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:1.1rem}.timer-display.svelte-1n46o8q{min-width:0;padding:4px 6px;font-size:.9rem}.timer-display.svelte-1n46o8q .label:where(.svelte-1n46o8q){width:auto;margin-right:4px}.header-btn.svelte-1n46o8q{width:38px;height:38px;font-size:1.5rem}.board-wrapper.svelte-1n46o8q{margin:10px auto}.tile.svelte-1n46o8q{padding:0}.modal.svelte-1n46o8q{position:fixed;border-radius:0}body,html{width:100vw;min-width:0;margin:0;padding:0}}@media (max-width:600px){.start-card.svelte-1n46o8q{grid-template-columns:1fr}.start-art.svelte-1n46o8q{height:110px}}@media (max-height:600px){.start-content.svelte-1n46o8q{width:min(92vw,720px);grid-template-columns:minmax(0,1fr) auto;align-items:start}.ad-card.svelte-1n46o8q .adsbygoogle:where(.svelte-1n46o8q){width:300px}}@media (max-height:600px) and (max-width:720px){.start-content.svelte-1n46o8q{grid-template-columns:1fr}.ad-card.svelte-1n46o8q .adsbygoogle:where(.svelte-1n46o8q){width:auto}}@keyframes svelte-1n46o8q-modalSlideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--tile-size:48px;--tile-gap:8px}@media (orientation:portrait),(max-width:600px){#game-board.svelte-1n46o8q{grid-template-columns:repeat(8,var(--tile-size));grid-template-rows:repeat(15,var(--tile-size))}:root{--tile-gap:clamp(3px, 1vw, 8px);--tile-size:clamp( 14px, min( calc((100vw - 32px - 7 * var(--tile-gap)) / 8), calc((100vh - 120px - 14 * var(--tile-gap)) / 15) ), 48px )}}@media (orientation:landscape) and (min-width:601px){:root{--tile-gap:clamp(3px, 1vw, 8px);--tile-size:clamp( 14px, min( calc((100vw - 80px - 14 * var(--tile-gap)) / 15), calc((100vh - 110px - 7 * var(--tile-gap)) / 8) ), 48px )}}body{background:#f2f2f2;font-family:Segoe UI,Arial,sans-serif;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;margin:0}#app{display:contents}