:root{--wp-ui-accent:#63d4cb;color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}[hidden]{display:none!important}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #f5c84c;outline-offset:2px}#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(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)),920px);margin:auto;overflow:hidden}#stageWorkspace{position:relative;min-width:0;min-height:0;overflow:hidden}#tablesPage{position:absolute;inset:0;min-width:0;min-height:0}#collectionPage{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:calc(12 * var(--wp-play-unit,1px));background:var(--wp-ui-background)}#collectionSummary{display:flex;align-items:center;gap:calc(16 * var(--wp-play-unit,1px));height:calc(44 * var(--wp-play-unit,1px));font-size:calc(14 * var(--wp-play-unit,1px))}#collectionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(240 * var(--wp-play-unit,1px)),1fr));gap:calc(12 * var(--wp-play-unit,1px))}.style-card{display:grid;grid-template-columns:calc(88 * var(--wp-play-unit,1px)) minmax(0,1fr);grid-template-rows:calc(28 * var(--wp-play-unit,1px)) calc(48 * var(--wp-play-unit,1px)) calc(44 * var(--wp-play-unit,1px));gap:calc(8 * var(--wp-play-unit,1px));padding:calc(12 * var(--wp-play-unit,1px));border:1px solid var(--wp-ui-line);background:var(--wp-ui-surface);position:relative}.style-card>img{width:calc(88 * var(--wp-play-unit,1px));height:calc(88 * var(--wp-play-unit,1px));object-fit:contain;grid-row:1/3}.style-card>strong{font-size:calc(15 * var(--wp-play-unit,1px));line-height:calc(20 * var(--wp-play-unit,1px));overflow:hidden}.style-card p{font-size:calc(12 * var(--wp-play-unit,1px));margin:0;line-height:calc(18 * var(--wp-play-unit,1px));overflow:hidden}.style-card>button{grid-column:1/-1;height:var(--wp-frame-control-size,44px);white-space:nowrap;font-size:calc(14 * var(--wp-play-unit,1px))}.style-card.is-equipped{border-color:var(--wp-ui-accent);box-shadow:inset 0 0 0 1px var(--wp-ui-accent)}.price{display:inline-flex;align-items:center;gap:6px}.price img{width:22px;height:22px;object-fit:contain}#collectionFeedback{height:calc(44 * var(--wp-play-unit,1px));font-size:calc(13 * var(--wp-play-unit,1px));line-height:calc(20 * var(--wp-play-unit,1px));overflow:hidden}#battleLive{display:grid;grid-template-rows:minmax(0,1fr) calc(68 * var(--wp-play-unit,1px)) calc(38 * var(--wp-play-unit,1px));min-height:0;overflow:hidden}#arena{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;background:#153b4b}#arena canvas{width:100%;height:100%;display:block;outline-offset:-3px}#controlRow{display:grid;grid-template-columns:minmax(0,1fr) calc(108 * var(--wp-play-unit,1px)) var(--wp-frame-control-size,44px);align-items:center;gap:calc(8 * var(--wp-play-unit,1px));padding:calc(4 * var(--wp-play-unit,1px)) calc(12 * var(--wp-play-unit,1px));background:var(--wp-ui-surface)}#powerGroup{display:grid;grid-template-rows:calc(20 * var(--wp-play-unit,1px)) var(--wp-frame-control-size,44px);min-width:0;font-size:calc(12 * var(--wp-play-unit,1px));line-height:calc(18 * var(--wp-play-unit,1px))}#powerGroup>span{display:flex;justify-content:space-between;align-items:center}#power{width:100%;min-width:0;height:var(--wp-frame-control-size,44px);margin:0;accent-color:var(--wp-ui-accent);touch-action:pan-x}#controlRow button{height:var(--wp-frame-control-size,44px);min-height:var(--wp-frame-control-size,44px);border:1px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius,6px);background:var(--wp-ui-button-image);color:var(--wp-ui-text);font-size:calc(14 * var(--wp-play-unit,1px));font-weight:700;white-space:nowrap}#shootBtn{background:var(--wp-ui-gold)!important;color:var(--wp-ui-background)!important}#controlRow button:disabled{opacity:.55}#controlRow button:active{filter:brightness(.87)}#status{height:calc(38 * var(--wp-play-unit,1px));margin:0;padding:calc(2 * var(--wp-play-unit,1px)) calc(12 * var(--wp-play-unit,1px));font-size:calc(12 * var(--wp-play-unit,1px));line-height:calc(17 * var(--wp-play-unit,1px));overflow:hidden;background:var(--wp-ui-surface);color:var(--wp-ui-text)}.modal-layer{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#071b29c9;padding:calc(12 * var(--wp-play-unit,1px));backdrop-filter:blur(4px)}.panel-card,.result-card{width:min(100%,calc(490 * var(--wp-play-unit,1px)));max-height:100%;padding:calc(16 * var(--wp-play-unit,1px));overflow:auto;overscroll-behavior:contain;background:var(--wp-ui-surface);color:var(--wp-ui-text);border:1px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius,6px);box-shadow:0 16px 40px #0005;font-size:calc(14 * var(--wp-play-unit,1px));line-height:1.6}.panel-card>header{display:flex;justify-content:space-between;align-items:center;gap:calc(12 * var(--wp-play-unit,1px))}.panel-card h2,.result-card h2{font-size:calc(22 * var(--wp-play-unit,1px));margin:0}.panel-card button,.result-card button{height:var(--wp-frame-control-size,44px);min-height:var(--wp-frame-control-size,44px);font-size:calc(14 * var(--wp-play-unit,1px));padding:calc(6 * var(--wp-play-unit,1px)) calc(10 * var(--wp-play-unit,1px));background:var(--wp-ui-button-image);color:var(--wp-ui-text);border:1px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius,6px);white-space:nowrap}.panel-card>header button{width:var(--wp-frame-control-size,44px)}#modalContent{display:grid;gap:calc(12 * var(--wp-play-unit,1px));padding-block:calc(12 * var(--wp-play-unit,1px))}#modalContent p{margin:0}#modalContent>img{width:calc(96 * var(--wp-play-unit,1px));height:calc(96 * var(--wp-play-unit,1px));object-fit:contain;justify-self:center}#modalFeedback{height:calc(40 * var(--wp-play-unit,1px));overflow:hidden;margin:0}#modalActions{display:flex;justify-content:stretch;gap:calc(12 * var(--wp-play-unit,1px))}#modalActions button{flex:1;min-width:0}.result-card{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:calc(16 * var(--wp-play-unit,1px));overflow:hidden;text-align:center}.result-body{min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;gap:calc(12 * var(--wp-play-unit,1px));justify-items:center}.result-body p{margin:0}#resultPortrait{width:calc(100 * var(--wp-play-unit,1px));height:calc(100 * var(--wp-play-unit,1px));object-fit:contain}#resultScore{font-size:calc(20 * var(--wp-play-unit,1px));font-weight:800;color:var(--wp-ui-accent)}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8 * var(--wp-play-unit,1px))}.result-actions button{min-width:0;font-size:calc(13 * var(--wp-play-unit,1px));padding:calc(4 * var(--wp-play-unit,1px))}#resultNext{background:var(--wp-ui-gold);color:var(--wp-ui-background)}.result-actions button:disabled{opacity:.5}#graphicsError{position:absolute;inset:0;z-index:5;background:#183440;display:grid;align-content:center;justify-items:center;padding:16px;text-align:center;gap:12px}#graphicsError button{height:44px;min-width:100px}#saveWarning{position:fixed;bottom:0;inset-inline:0;margin:0;padding:8px;background:#793e32;color:#fff;z-index:100;font-size:13px}#comingSoon{max-width:540px;margin:auto;padding:24px;text-align:center}#comingSoon>img{width:100%;height:auto}.reward-flight{position:fixed;z-index:100;pointer-events:none}.reward-flight img{width:30px;height:30px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.style-card>button{border:2px solid var(--wp-ui-line);border-radius:var(--wp-ui-radius);background:var(--wp-ui-button-image);color:var(--wp-ui-text);font-weight:700}.style-card>button:disabled{opacity:.5}.style-card>strong{padding-inline-end:32px}#modalContent .price img{width:22px;height:22px}