:root{color-scheme:dark;--bg:#172033;--panel:#263452;--line:#5772aa;--gold:#ffd36b;--mint:#95f0d1;--ink:#f8fbff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:transparent;font-family:system-ui,sans-serif;color:var(--ink)}body{display:flex;justify-content:center;padding:clamp(12px,3vw,32px)}button{font:inherit;color:inherit;border:1px solid var(--line);background:#2e4267;border-radius:14px;padding:12px 18px;cursor:pointer}button:hover,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.45)}.primary{background:linear-gradient(135deg,#f7c45e,#eb895b);color:#221b1e;font-weight:800;border-color:#ffe4a0}.screen{width:min(920px,100%);min-height:calc(100vh - 64px);padding:clamp(20px,5vw,56px);background:#172033e6;border:1px solid #5670a0;border-radius:24px;box-shadow:0 20px 60px #0006}.screen:not(.battle):not(.result){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.screen[hidden]{display:none!important}.brand{color:var(--mint);font-size:.76rem;letter-spacing:.14em}.lede{max-width:54ch;line-height:1.55;color:#d3def2}.progress{color:var(--gold)}.primary{min-width:220px}.back{align-self:flex-start;padding:8px 12px}.battle{padding:16px;display:flex;flex-direction:column}.battle-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--gold);font-weight:800}.battle-status{text-align:center;color:#d3def2}.battle canvas{width:100%;height:auto;display:block;background:#314260;border:1px solid #6686bc;border-radius:18px}.touch-hint{text-align:center;color:#afc1df;font-size:.84rem;padding:8px}.result{align-items:center}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}@media(max-width:560px){body{padding:0}.screen{min-height:100vh;border-radius:0;border-inline:0;padding:20px 14px}.battle{padding:10px}.battle canvas{border-radius:12px}}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:720px;gap:10px}.result-actions>button{width:100%;min-width:0;min-height:48px;padding-inline:8px}.battle canvas{touch-action:none}@media(max-width:700px){.result-actions{grid-template-columns:1fr;max-width:360px}}.battle.battle-screen{min-height:0!important;overflow:hidden;position:relative}.battle-screen .arena-frame{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;flex:1}.battle-screen .arena-frame canvas{width:auto;height:auto;max-width:100%;max-height:100%;display:block}.battle-screen>.result.screen:not([hidden]){position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;margin:0;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;overflow:auto}@media(max-width:560px){.battle-screen>.result.screen:not([hidden]){padding:20px 14px}}body.wp-stage-select-active .battle-ad-reserve,.screen[hidden]{display:none!important}.battle-header .battle-reset{box-sizing:border-box;width:48px;min-width:48px;height:48px;min-height:48px;max-height:48px;padding:0;border:1px solid rgba(160,234,242,.36);border-radius:12px;background:#12334d;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden}body[data-wp-game-id=animal-flip-foundry] .stage-list>.wp-stage-card-clipped{visibility:hidden!important;pointer-events:none!important}.battle-screen .arena-frame{border:1px solid #426272;border-radius:20px;background:#102b42;box-shadow:inset 0 1px #ffffff12,0 14px 40px #0003}.battle-screen .arena-frame canvas{border:0;border-radius:0;background:#102b42;cursor:grab}.battle-screen .arena-frame canvas:active{cursor:grabbing}.battle-screen .arena-frame canvas:focus-visible{outline:4px solid #ffca78;outline-offset:-5px}.battle-status{min-height:2.8em;display:flex;align-items:center;justify-content:center;margin:0;padding:6px 18px;border:1px solid #7cebc52e;border-radius:12px;background:#102b42;color:#def6ef;font-weight:700;line-height:1.4;text-wrap:balance}#stage-save-status{--flip-pending-inverse:var(--wp-stage-canvas-inverse-scale,1)}#battle-save-status,#result-save-status{--flip-pending-inverse:var(--wp-battle-canvas-inverse-scale,1)}.flip-pending-summary{font-size:calc(16px * var(--flip-pending-inverse,1));line-height:1.35;max-width:calc(620px * var(--flip-pending-inverse,1));margin:calc(4px * var(--flip-pending-inverse,1)) auto;padding:calc(6px * var(--flip-pending-inverse,1));border:1px solid #ffd36b;border-radius:8px;color:#fff2d3;background:#3b2d18;overflow-wrap:anywhere}.flip-pending-summary[hidden],.flip-pending-summary [hidden]{display:none!important}.flip-pending-summary .flip-pending-summary__status{font-size:inherit;line-height:inherit;color:inherit;max-width:none;margin:0}.flip-pending-summary__toggle{font:inherit;min-height:calc(44px * var(--flip-pending-inverse,1));margin-top:calc(4px * var(--flip-pending-inverse,1));padding:calc(4px * var(--flip-pending-inverse,1)) calc(8px * var(--flip-pending-inverse,1));border:1px solid currentColor;border-radius:8px;background:#654b21;color:inherit}.flip-pending-summary__details{max-height:calc(110px * var(--flip-pending-inverse,1));overflow:auto;overscroll-behavior:contain}.flip-pending-summary__details ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(140px * var(--flip-pending-inverse,1))),1fr));gap:.3em;margin:.5em 0;padding:0;list-style:none}.flip-pending-summary__details li{min-width:0;overflow-wrap:anywhere}.flip-pending-summary__toggle:focus-visible,.flip-pending-summary__details:focus-visible{outline:3px solid #ffd36b;outline-offset:2px}@media(prefers-reduced-motion:reduce){.flip-pending-summary__details{scroll-behavior:auto}}.touch-hint{min-height:3em;color:#c0d6dd;text-wrap:balance;line-height:1.5;padding:8px 14px}.battle-screen>.result.screen:not([hidden]){background:linear-gradient(145deg,#102c43f5,#0c1c2cf5);backdrop-filter:blur(10px);text-align:center}.result h2{color:#ffdb9a;font-size:clamp(24px,4vw,40px);margin:0 0 18px}.result p{max-width:40ch;line-height:1.65;color:#d5e8ed;margin:0 0 28px}.result-actions button{border-color:#5f858e;background:#204553}.result-actions .primary{background:#ffca78;color:#192b36;border-color:#ffdfaa}@keyframes foundry-enter{0%{opacity:0}to{opacity:1}}.battle-screen.active .arena-frame,.result.active .result-actions{animation:foundry-enter .18s ease-out}button{transition:background-color .14s,box-shadow .14s,opacity .14s}button:active{box-shadow:inset 0 0 0 3px #ffca7860}@media(prefers-reduced-motion:reduce){.screen.active:not([hidden]){animation:none}button{transition:none}}@media(max-height:480px){.battle-status{min-height:2em;padding-block:2px}.touch-hint{padding-block:2px;min-height:2em}}#stage-screen.stage-screen{justify-content:flex-start;align-items:stretch}#stage-screen .stage-header{flex:none;min-height:48px}.battle-header .battle-reset{font-size:26px;line-height:1}.battle-screen .arena-frame{position:relative;isolation:isolate}.battle-screen .arena-frame canvas.foundry-world{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.battle-screen .arena-frame #arena{position:relative;z-index:1;background:transparent}#foundry-tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:4px 8px}#foundry-tools[hidden],#foundry-tools [hidden],.foundry-recovery[hidden]{display:none!important}#foundry-tools button{min-width:calc(44px * var(--wp-battle-canvas-inverse-scale,1));min-height:calc(44px * var(--wp-battle-canvas-inverse-scale,1));padding:7px 12px;font-size:calc(14px * var(--wp-battle-canvas-inverse-scale,1));border-radius:10px}.foundry-nozzle{display:flex;gap:5px}.foundry-nozzle button[aria-pressed=true]{background:#bce9dc;color:#16374b;border-color:#effff8;box-shadow:inset 0 -3px #5da897}#foundry-charge{font-size:14px;font-weight:750;color:#e8d6ff;white-space:nowrap}.foundry-recovery{position:absolute;z-index:3;inset:0;background:#122b3bf5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.foundry-recovery p{max-width:32ch;line-height:1.5}@media(max-height:480px){#foundry-tools{padding:0 6px;gap:6px}#foundry-tools button{padding:4px 9px}.touch-hint{font-size:12px}}