*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-card{display:grid;justify-items:center;gap:20px}.hero-copy{text-align:center;width:100%}.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.hero-copy>h1{display:none}.stage-workspace{min-height:0;flex:1;display:flex;align-items:stretch;justify-content:center}.stage-list{width:100%;min-height:0}#battleScreen .battle-content{flex:1;min-height:0;display:flex;position:relative;width:100%;padding:10px 12px 12px;box-sizing:border-box;overflow:hidden}#battlePanel{width:100%;min-height:0;flex:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px}#objectiveBar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;flex-wrap:wrap;font-size:13px}#targetText{display:flex;gap:6px;align-items:center}.target-chip{border:1px solid currentColor;border-radius:7px;padding:5px 8px;font-size:15px;font-weight:750;white-space:nowrap}[data-stone=a]{--crystal:#a7e7ff;color:#a7e7ff}[data-stone=b]{--crystal:#ffdb9a;color:#ffdb9a}[data-stone=c]{--crystal:#f6b9e9;color:#f6b9e9}.target-chip[data-matched=true]{background:#31564b}.relation-badge{font-size:12px;font-weight:700;color:#d2e8dd;max-width:50%;text-align:end}.magnet-track{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;min-height:0;background:#233e41 url(assets/meadow-courtyard-v17.png) center 45%/cover no-repeat;touch-action:none;box-shadow:inset 0 0 0 1px #b7d2b044}.magnet-track:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#10263510,#10263555);z-index:-1}.magnet-track>canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.slot-grid,.stone-layer{position:absolute;inset:0;pointer-events:none}.dock,.stone{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font:750 15px/1 system-ui;min-width:44px;min-height:44px;padding:0;border:0;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.dock{width:max(54px,calc(44px * var(--wp-battle-canvas-inverse-scale,1)));height:max(44px,calc(44px * var(--wp-battle-canvas-inverse-scale,1)));color:#fff7d7;background:transparent;text-shadow:0 2px 3px #112a26,0 0 5px #112a26;align-items:center;padding:0}.dock .dock-target{position:absolute;inset-inline-end:1px;top:3px;font-size:11px;color:var(--crystal);padding:2px 3px;background:#173c34dd;border-radius:3px}.dock[data-blocked=true]{color:#a8b6ae}.dock[data-candidate=true]{outline:2px solid #fff0bb;background:#ffda7420}.dock[data-invalid=true]{outline:2px solid #fa9684}.stone{width:max(48px,calc(44px * var(--wp-battle-canvas-inverse-scale,1)));height:max(48px,calc(44px * var(--wp-battle-canvas-inverse-scale,1)));background:transparent;text-shadow:0 2px 3px #173b42,0 0 3px #173b42;z-index:2;font-size:20px;color:#fff;cursor:grab}.stone[aria-pressed=true]{outline:2px solid var(--crystal);outline-offset:3px;background:#19383144}.stone[data-anchor=true]:after{content:"◆";position:absolute;bottom:-4px;font-size:10px;color:#eff4ed}.stone:active{cursor:grabbing}.dock:focus-visible,.stone:focus-visible{outline:3px solid #fff2a5;outline-offset:4px}#interactionPanel{display:grid;gap:7px;min-width:0}.feedback{margin:0;min-height:42px;height:42px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.5;padding:0 4px;overflow:hidden;color:#d8e8df}.feedback[data-kind=error]{color:#ffb8a8}.feedback[data-kind=success]{color:#c0efd0}.battle-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#interactionPanel button{min-height:44px;min-width:0;font-size:14px;padding:8px 9px;border-radius:12px}#checkBtn{width:100%;min-height:48px!important}#checkBtn[data-ready=true]{box-shadow:0 0 0 2px #e8d28b88}button:disabled{opacity:.45;cursor:default}#renderRecovery{position:absolute;inset:0;display:grid;place-content:center;gap:12px;text-align:center;background:#16352fed;padding:20px;z-index:5}#renderRecovery button{min-height:44px}.result-panel{width:100%;min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:16px;box-sizing:border-box}.result-art{width:min(34vw,190px);aspect-ratio:1;object-fit:cover;border-radius:22px}.result-panel h2,.result-panel p{margin:0}.result-stars{font-size:28px;letter-spacing:6px;color:#ffda83}.result-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:14px}.result-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px;width:100%}.result-actions button{min-height:48px;min-width:100px;max-width:100%;font-size:14px}dialog{color:#ecf3ea;background:#21483e;border:1px solid #758c64;border-radius:20px;width:min(440px,calc(100vw - 36px));box-sizing:border-box;padding:22px;max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 22px 80px #071b29aa}dialog::backdrop{background:#061a24ad}dialog h2{font-size:20px;line-height:1.5;margin:0 0 10px}dialog p{font-size:14px;line-height:1.6}dialog button{min-height:44px;border-radius:10px;padding:9px 13px;font:inherit;color:inherit;background:#346254;border:1px solid #98b989;cursor:pointer}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.dialog-actions button{flex:1}.garden-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.garden-art{width:100%;height:160px;object-fit:cover;object-position:50% 45%;border-radius:13px}#walletBalance{display:flex;gap:8px;align-items:center;color:#f3df9d;font-weight:700}#amberBtn{display:flex;align-items:center;justify-content:center;gap:5px}#amberBtn img{width:20px;height:20px}#gardenStatus{min-height:22px}#purchaseConfirm{padding-top:12px;margin-top:12px;border-top:1px solid #849b6d}.garden-head{position:sticky;top:-22px;z-index:2;background:#21483e;padding:10px 0}.meadow-result{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.result-actions button{min-width:0;overflow-wrap:anywhere}@media(min-width:700px)and (max-height:620px){.meadow-result{display:grid;grid-template-columns:130px minmax(0,1fr);gap:6px 16px;align-items:center}.meadow-result .result-art{grid-column:1;grid-row:1/5}.meadow-result .result-actions{grid-column:1/-1;margin-top:10px}}@media(min-width:700px)and (max-height:620px){#battlePanel{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto minmax(0,1fr);gap:8px 14px}#objectiveBar{grid-column:1/-1}#magnetTrack{grid-column:1;grid-row:2}#interactionPanel{grid-column:2;grid-row:2;align-content:center}.feedback{height:64px;min-height:64px}.battle-tools{gap:5px}#interactionPanel button{font-size:12px;padding:6px}.result-art{width:130px;grid-row:1/5}.result-actions{grid-column:1/-1;margin:0}.result-panel h2,.result-stars{font-size:22px}.garden-art{height:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}