:root{--wp-ui-accent:#b8d36d;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,#arena:focus-visible{outline:3px solid #ffe09a;outline-offset:3px}#comingSoon{width:min(94%,520px);margin:auto;padding:24px;text-align:center}#comingSoon img{width:100%;height:auto;object-fit:contain}#comingSoon a{color:#bce5d0;min-height:44px;display:inline-flex;align-items:center}#stageScreen,#battleScreen{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + var(--wp-ad-reserve-height,0px)) env(safe-area-inset-left);width:min(100%,920px);margin:auto;overflow:hidden}#stageWorkspace{position:relative;min-width:0;min-height:0;overflow:hidden}#stagePage{position:absolute;inset:0}.management-panel{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:calc(16 * var(--wp-play-unit,1px));padding-bottom:calc(54 * var(--wp-play-unit,1px));color:var(--wp-ui-text)}.management-panel h2{font-size:calc(22 * var(--wp-play-unit,1px));margin:0 0 12px}.management-panel p{font-size:calc(15 * var(--wp-play-unit,1px));line-height:1.45}.management-panel button{min-height:var(--wp-frame-control-size,44px);border:1px solid var(--wp-ui-line);border-radius:8px;padding:8px;background:var(--wp-ui-raised);color:var(--wp-ui-text)}.wallet-row,.skin-options{display:flex;align-items:center;gap:12px}.wallet-row{height:44px}.wallet-row strong{margin-inline-start:auto}.preview-arena{height:calc(250 * var(--wp-play-unit,1px));min-height:150px;width:100%;overflow:hidden;border-radius:12px}.preview-arena canvas{display:block;width:100%;height:100%}#galleryChoices{display:flex;flex-wrap:wrap;gap:8px}#galleryChoices button[aria-pressed=true],.skin-options button[aria-pressed=true]{border-color:var(--wp-ui-accent);box-shadow:0 0 0 1px var(--wp-ui-accent)}#managementStatus{position:absolute;z-index:4;bottom:0;inset-inline:12px;height:calc(44 * var(--wp-play-unit,1px));overflow:auto;margin:0;font-size:calc(13 * var(--wp-play-unit,1px));background:var(--wp-ui-surface);pointer-events:none}#battleLive{display:grid;grid-template-rows:minmax(0,1fr) calc(116 * var(--wp-play-unit,1px)) calc(36 * var(--wp-play-unit,1px));min-width:0;min-height:0;overflow:hidden}#arena{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;outline-offset:-3px}#arena canvas{display:block;width:100%;height:100%;touch-action:none}#controls{display:flex;gap:calc(10 * var(--wp-play-unit,1px));padding:calc(6 * var(--wp-play-unit,1px));align-items:center;background:var(--wp-ui-surface)}#controls button{height:var(--wp-frame-control-size,44px);min-height:var(--wp-frame-control-size,44px);min-width:var(--wp-frame-control-size,44px);color:var(--wp-ui-text);background:var(--wp-ui-raised);border:1px solid var(--wp-ui-line);border-radius:calc(7 * var(--wp-play-unit,1px));font-size:calc(13 * var(--wp-play-unit,1px));padding:4px;line-height:1.1;overflow-wrap:anywhere;transition:background-color .1s,border-color .1s}#controls button:active{background:var(--wp-ui-accent);color:#132b24}.direction-pad{display:grid;grid-template-columns:repeat(3,var(--wp-frame-control-size,44px));grid-template-rows:repeat(2,var(--wp-frame-control-size,44px));gap:calc(5 * var(--wp-play-unit,1px));flex:0 0 auto}#north{grid-column:2}#west{grid-column:1;grid-row:2}#south{grid-column:2;grid-row:2}#east{grid-column:3;grid-row:2}.tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,var(--wp-frame-control-size,44px));gap:calc(6 * var(--wp-play-unit,1px));min-width:0;flex:1}#status{height:calc(36 * var(--wp-play-unit,1px));min-height:0;margin:0;padding:calc(4 * var(--wp-play-unit,1px)) calc(10 * var(--wp-play-unit,1px));font-size:calc(13 * var(--wp-play-unit,1px));line-height:1.3;overflow:auto;overflow-wrap:anywhere;color:var(--wp-ui-text);background:var(--wp-ui-surface)}.overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#081d23ce;padding:calc(14 * var(--wp-play-unit,1px));overflow:auto;overscroll-behavior:contain}.modal-card{width:min(100%,calc(520 * var(--wp-play-unit,1px)));max-height:100%;overflow:auto;padding:calc(20 * var(--wp-play-unit,1px));border:1px solid var(--wp-ui-line);border-radius:calc(12 * var(--wp-play-unit,1px));background:var(--wp-ui-surface);color:var(--wp-ui-text);box-shadow:0 16px 60px #0008}.modal-card h2{font-size:calc(24 * var(--wp-play-unit,1px));line-height:1.2;margin:0 0 12px}.modal-card p,.modal-body{font-size:calc(16 * var(--wp-play-unit,1px));line-height:1.5}.modal-actions,.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8 * var(--wp-play-unit,1px));margin-top:16px}.modal-actions:has(button:only-child){grid-template-columns:1fr}.modal-card button{min-width:0;min-height:var(--wp-frame-control-size,44px);color:var(--wp-ui-text);background:var(--wp-ui-raised);border:1px solid var(--wp-ui-line);border-radius:8px;padding:4px 8px;font-size:calc(14 * var(--wp-play-unit,1px));overflow-wrap:anywhere}.result-taro{width:calc(112 * var(--wp-play-unit,1px));height:calc(112 * var(--wp-play-unit,1px));object-fit:contain;display:block;margin:auto}#gameGuide{margin-bottom:32px}#gameGuide dt{font-weight:700}#gameGuide dd{margin:6px 0 18px}@media(max-height:500px){#battleLive{grid-template-rows:minmax(0,1fr) calc(62 * var(--wp-play-unit,1px)) calc(28 * var(--wp-play-unit,1px))}.direction-pad{grid-template-columns:repeat(4,var(--wp-frame-control-size,44px));grid-template-rows:var(--wp-frame-control-size,44px)}#north,#west,#south,#east{grid-row:1;grid-column:auto}.tools{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:var(--wp-frame-control-size,44px)}.overlay{align-items:flex-start}.result-taro{width:70px;height:70px}}@media(prefers-reduced-motion:no-preference){.modal-card{animation:mossfold-enter .16s ease-out both}@keyframes mossfold-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.modal-card{animation:mossfold-fade 70ms linear both}@keyframes mossfold-fade{0%{opacity:0}to{opacity:1}}}.dew-flight{position:fixed;z-index:60;pointer-events:none;font-size:19px;font-weight:900;color:#bdffe1;text-shadow:0 1px 3px #102b2c,0 0 7px #102b2c}#resultPanel .modal-card{height:calc(360 * var(--wp-play-unit,1px));display:grid;grid-template-rows:calc(112 * var(--wp-play-unit,1px)) calc(58 * var(--wp-play-unit,1px)) minmax(0,1fr) var(--wp-frame-control-size,44px);gap:calc(8 * var(--wp-play-unit,1px))}#resultPanel h2,#resultText{margin:0;min-height:0;overflow:auto}#resultPanel .result-actions{margin:0}#resultPanel .result-taro{width:calc(112 * var(--wp-play-unit,1px));height:calc(112 * var(--wp-play-unit,1px))}@media(max-height:500px){#resultPanel .modal-card{height:calc(300 * var(--wp-play-unit,1px));grid-template-columns:calc(96 * var(--wp-play-unit,1px)) minmax(0,1fr);grid-template-rows:calc(58 * var(--wp-play-unit,1px)) minmax(0,1fr) var(--wp-frame-control-size,44px)}#resultPanel .result-taro{grid-column:1;grid-row:1 / 3;width:calc(86 * var(--wp-play-unit,1px));height:calc(86 * var(--wp-play-unit,1px))}#resultTitle{grid-column:2;grid-row:1}#resultText{grid-column:2;grid-row:2}#resultPanel .result-actions{grid-column:1 / 3;grid-row:3}}#arena:before{content:"";position:absolute;inset:-18px;background:linear-gradient(#102b2c7a,#102b2cc7),url(/games/mossfold/assets/cover.webp) center/cover;filter:blur(12px);opacity:.4;pointer-events:none}#arena canvas{position:relative;z-index:1}#stagePanel{position:absolute;inset:0}.modal-actions:has(button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.modal-body>[data-wp-tutorial-step]{margin:0}