.match3-page{--match3-ink:#29263a;--match3-muted:#746f82;--match3-panel:#fffcf5e6;--match3-panel-solid:#fffcf6;--match3-line:#49405c29;--match3-shadow:#402f5029;min-height:100dvh;color:var(--match3-ink);background:radial-gradient(circle at 12% 12%,#ffc9a442,#0000 26rem),radial-gradient(circle at 88% 84%,#a797eb3d,#0000 28rem),linear-gradient(145deg,#f8f3eb 0%,#f5efe8 42%,#ede9f4 100%);overflow-x:hidden}:root[data-theme=dark] .match3-page{--match3-ink:#f7f1ff;--match3-muted:#b7b0c8;--match3-panel:#1f1f31e6;--match3-panel-solid:#232338;--match3-line:#dfd4ff24;--match3-shadow:#04030c6b;background:radial-gradient(circle at 10% 8%,#a55e6c3b,#0000 27rem),radial-gradient(circle at 90% 88%,#6b58b03d,#0000 30rem),linear-gradient(145deg,#151522 0%,#1b1b2d 48%,#202035 100%)}.match3-topbar{z-index:50;border-bottom:1px solid var(--match3-line);background:color-mix(in srgb, var(--match3-panel-solid) 74%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:12px clamp(14px,3vw,38px);display:flex;position:relative}.match3-brand,.match3-brand>div,.match3-topbar-actions,.match3-primary-stats,.match3-board-actions,.match3-flow-meter>div{align-items:center;display:flex}.match3-brand{gap:11px}.match3-brand>div{flex-direction:column;align-items:flex-start;gap:1px}.match3-brand>div span{color:var(--match3-muted);letter-spacing:.13em;text-transform:uppercase;font-size:.64rem;font-weight:760}.match3-brand>div strong{letter-spacing:-.035em;font-size:1.08rem}.match3-brand-mark{color:#fff;background:linear-gradient(145deg,#ef7c80,#835fd0);border-radius:16px 9px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-4deg);box-shadow:0 10px 24px #6f489640}.match3-topbar-actions{justify-content:flex-end;gap:6px}.match3-topbar-actions .pieceflow-button{min-height:40px}.match3-stage-shell{grid-template-columns:minmax(230px,280px) minmax(430px,760px) minmax(220px,270px);justify-content:center;align-items:center;gap:clamp(16px,2.2vw,34px);width:min(1500px,100%);min-height:calc(100dvh - 76px);margin:0 auto;padding:clamp(16px,2.5vw,34px);display:grid}.match3-mission-panel,.match3-guide-panel{border:1px solid var(--match3-line);background:var(--match3-panel);box-shadow:0 24px 70px var(--match3-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:clamp(18px,2vw,26px)}.match3-level-heading>span,.match3-guide-kicker,.match3-result-kicker{color:#9a4f74;letter-spacing:.13em;text-transform:uppercase;font-size:.63rem;font-weight:830}:root[data-theme=dark] .match3-level-heading>span,:root[data-theme=dark] .match3-guide-kicker,:root[data-theme=dark] .match3-result-kicker{color:#f19bbe}.match3-level-heading h1{letter-spacing:-.065em;margin:7px 0 8px;font-size:clamp(1.6rem,2.3vw,2.25rem);line-height:1}.match3-level-heading p,.match3-flow-meter p,.match3-guide-panel p,.match3-result p{color:var(--match3-muted);margin:0;font-size:.73rem;line-height:1.55}.match3-primary-stats{gap:9px;margin:21px 0}.match3-primary-stats>div{border:1px solid var(--match3-line);background:color-mix(in srgb, var(--match3-panel-solid) 72%, transparent);border-radius:17px;flex:1;gap:3px;min-width:0;padding:13px 14px;display:grid}.match3-primary-stats span{color:var(--match3-muted);text-transform:uppercase;font-size:.61rem;font-weight:720}.match3-primary-stats strong{font-family:var(--font-geist-mono);text-overflow:ellipsis;font-size:1.25rem;overflow:hidden}.match3-objectives{gap:8px;display:grid}.match3-objectives h2{letter-spacing:.02em;margin:0 0 4px;font-size:.72rem}.match3-objective{border:1px solid var(--match3-line);background:color-mix(in srgb, var(--match3-panel-solid) 64%, transparent);border-radius:15px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.match3-objective-glyph{color:#fff;border-radius:13px;place-items:center;width:36px;height:36px;font-size:1rem;display:grid;box-shadow:inset 0 1px #fff6}.match3-kind-leaf .match3-objective-glyph{background:linear-gradient(145deg,#85dc91,#24816d)}.match3-kind-tide .match3-objective-glyph{background:linear-gradient(145deg,#75cef1,#3568b9)}.match3-objective>div{gap:1px;min-width:0;display:grid}.match3-objective>div strong{font-size:.7rem}.match3-objective>div span{color:var(--match3-muted);font-size:.61rem}.match3-objective>span:last-child{color:var(--match3-muted);font-family:var(--font-geist-mono);font-size:.65rem}.match3-objective>span.is-complete{color:#218268;font-size:.9rem}.match3-flow-meter{border-top:1px solid var(--match3-line);gap:8px;margin-top:20px;padding-top:17px;display:grid}.match3-flow-meter>div{justify-content:space-between}.match3-flow-meter>div strong{font-size:.72rem}.match3-flow-meter>div span{color:#9a4f74;font-family:var(--font-geist-mono);font-size:.68rem}.match3-flow-meter .astryx-progressbar{margin:0}.match3-board-column{align-content:center;gap:12px;min-width:0;display:grid}.match3-board-frame{aspect-ratio:1;isolation:isolate;width:min(100%,100dvh - 170px);min-width:0;margin:0 auto;position:relative}.match3-board-glow{z-index:-1;filter:blur(45px);background:linear-gradient(120deg,#f36f7447,#52aee833,#8c75dc47);border-radius:35%;position:absolute;inset:7%;transform:scale(1.08)}.match3-phaser-host{border:1px solid var(--match3-line);background:var(--match3-panel-solid);width:100%;height:100%;box-shadow:0 30px 90px var(--match3-shadow), inset 0 1px 0 #ffffff6b;border-radius:clamp(24px,4vw,42px);overflow:hidden}.match3-phaser-host canvas{border-radius:inherit;outline:none;max-width:100%;max-height:100%;display:block!important}.match3-phaser-host canvas:focus-visible{box-shadow:inset 0 0 0 4px #9c8bd2}.match3-engine-loading{border-radius:inherit;background:linear-gradient(110deg,#0000 25%,#fff6 40%,#0000 55%) 0 0/240% 100%;width:100%;height:100%;animation:1.25s linear infinite match3-loading-sheen}.match3-board-loading,.match3-engine-error,.match3-result{z-index:20;background:color-mix(in srgb, var(--match3-panel-solid) 78%, transparent);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:clamp(24px,4vw,42px);place-content:center;justify-items:center;gap:11px;padding:28px;display:grid;position:absolute;inset:0}.match3-board-loading{z-index:18;color:var(--match3-muted);font-size:.72rem}.match3-engine-error>span{color:#cc526b;background:#e05d6f24;border-radius:22px;place-items:center;width:62px;height:62px;font-size:1.5rem;display:grid}.match3-engine-error p{max-width:28rem;color:var(--match3-muted);font-size:.75rem;line-height:1.55}.match3-result{border:1px solid var(--match3-line);box-shadow:0 28px 70px var(--match3-shadow);border-radius:32px;inset:8%}.match3-result:focus{outline:none}.match3-result h2{letter-spacing:-.075em;margin:0;font-size:clamp(2rem,5vw,3.5rem)}.match3-result>p{max-width:30rem}.match3-result>strong{font-family:var(--font-geist-mono);font-size:1.6rem}.match3-result-stars{gap:8px;font-size:2rem;display:flex}.match3-result-stars span{color:color-mix(in srgb, var(--match3-muted) 25%, transparent);transform:scale(.9)}.match3-result-stars span.is-earned{color:#f4b948;filter:drop-shadow(0 5px 8px #d48b2147);transform:scale(1)}.match3-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.match3-board-actions{flex-wrap:wrap;justify-content:center;gap:7px;min-height:48px}.match3-board-actions .pieceflow-button{min-height:42px}.match3-phase{border:1px solid var(--match3-line);background:var(--match3-panel);min-height:38px;color:var(--match3-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:.62rem;display:inline-flex}.match3-phase i{background:#61b987;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #61b9871f}.match3-phase-resolving i,.match3-phase-reshuffling i,.match3-phase-booting i{background:#e6a24a;animation:.8s ease-in-out infinite alternate match3-phase-pulse;box-shadow:0 0 0 4px #e6a24a1f}.match3-phase-lost i{background:#d15d72}.match3-guide-panel h2{letter-spacing:-.045em;margin:7px 0 20px;font-size:1.35rem}.match3-guide-panel ol{gap:18px;margin:0;padding:0;list-style:none;display:grid}.match3-guide-panel li{grid-template-columns:28px 1fr;gap:10px;display:grid}.match3-guide-panel li>span{color:#9a4f74;font-family:var(--font-geist-mono);font-size:.61rem;font-weight:800}.match3-guide-panel li strong{margin-bottom:4px;font-size:.72rem;display:block}.match3-keyboard-tip{background:color-mix(in srgb, #8771c9 10%, var(--match3-panel-solid));border-radius:15px;grid-template-columns:28px 1fr;gap:9px;margin-top:22px;padding:13px;display:grid}.match3-keyboard-tip>span{color:#7861be;font-size:1rem}.match3-toast,.match3-save-warning{z-index:100;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));color:#fff;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#232034eb;border:1px solid #ffffff38;border-radius:999px;max-width:calc(100vw - 28px);padding:11px 16px;font-size:.7rem;line-height:1.4;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #140f2447}.match3-save-warning{background:#6d481ff0;border-color:#ffcc7966;top:86px;bottom:auto}.match3-loading{background:var(--paper);min-height:100dvh;color:var(--ink);place-content:center;justify-items:center;gap:12px;display:grid}.match3-loading p{color:var(--muted);margin:0}.match3-loading-actions{gap:6px;display:flex;position:fixed;top:14px;right:14px}@keyframes match3-loading-sheen{to{background-position:-240% 0}}@keyframes match3-phase-pulse{to{opacity:.45;transform:scale(.8)}}@media (max-width:1120px){.match3-stage-shell{grid-template-columns:minmax(210px,260px) minmax(440px,680px);align-items:start}.match3-guide-panel{grid-column:1/-1;grid-template-columns:170px 1fr auto;align-items:center;gap:18px;display:grid}.match3-guide-panel h2{margin:4px 0 0}.match3-guide-panel ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.match3-guide-panel li{gap:7px}.match3-keyboard-tip{max-width:210px;margin:0}}@media (max-width:760px){.match3-topbar{min-height:64px;padding:8px 10px}.match3-brand>div span{display:none}.match3-brand>div strong{font-size:.88rem}.match3-brand-mark{border-radius:13px 8px;width:36px;height:36px}.match3-topbar-actions>.pieceflow-button{display:none}.match3-stage-shell{min-height:calc(100dvh - 64px);padding:10px 8px calc(14px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex}.match3-mission-panel{border-radius:19px;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;width:100%;padding:12px;display:grid}.match3-level-heading>span,.match3-level-heading p{display:none}.match3-level-heading h1{margin:0;font-size:1.2rem}.match3-primary-stats{gap:6px;margin:0}.match3-primary-stats>div{border-radius:12px;min-width:72px;padding:7px 9px}.match3-primary-stats strong{font-size:.92rem}.match3-objectives{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.match3-objectives h2{display:none}.match3-objective{border-radius:12px;grid-template-columns:30px 1fr auto;gap:7px;padding:5px 7px}.match3-objective-glyph{border-radius:10px;width:29px;height:29px;font-size:.8rem}.match3-objective>div strong{font-size:.64rem}.match3-objective>div span{display:none}.match3-objective>span:last-child{font-size:.58rem}.match3-flow-meter{border:0;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin:0;padding:0}.match3-flow-meter>div{gap:6px}.match3-flow-meter p{display:none}.match3-board-column{flex:1;align-content:start;width:100%}.match3-board-frame{width:min(100%,100dvh - 300px);min-width:300px}.match3-board-actions{min-height:43px}.match3-guide-panel{border-radius:19px;width:100%;padding:14px;display:block}.match3-guide-panel>.match3-guide-kicker,.match3-guide-panel>h2,.match3-guide-panel>ol{display:none}.match3-keyboard-tip{max-width:none;margin:0;padding:9px 11px}.match3-result{padding:18px;inset:5%}.match3-result-actions{width:min(100%,260px);display:grid}.match3-result-actions .pieceflow-button{width:100%}}@media (max-width:390px){.match3-brand>div{display:none}.match3-mission-panel{grid-template-columns:1fr}.match3-level-heading{display:none}.match3-primary-stats{justify-content:stretch}.match3-primary-stats>div{flex:1}.match3-board-frame{width:100%;min-width:0}.match3-phase{display:none}}@media (prefers-reduced-motion:reduce){.match3-engine-loading,.match3-phase-resolving i,.match3-phase-reshuffling i,.match3-phase-booting i{animation:none}.match3-board-glow{filter:blur(34px)}}