:root{--wp-ui-accent:#e5b75b;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,#arena:focus-visible{outline:3px solid #ffe08c;outline-offset:3px}#comingSoon{width:min(100%,540px);margin:0 auto;padding:24px;text-align:center}#comingSoon img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:20px}#comingSoon h2{font-size:clamp(22px,5vw,32px)}#comingSoon a{color:#a7e9df;display:inline-flex;align-items:center;min-height:44px}#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}#stagePage[hidden],#teamPanel[hidden],#equipmentPanel[hidden]{display:none!important}.management-panel{position:absolute;inset:0;min-width:0;min-height: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{margin:0 0 calc(12 * var(--wp-play-unit,1px));font-size:calc(22 * var(--wp-play-unit,1px))}.management-wallet{display:flex;align-items:center;gap:calc(8 * var(--wp-play-unit,1px));height:calc(44 * var(--wp-play-unit,1px));margin-bottom:calc(12 * var(--wp-play-unit,1px));font-size:calc(15 * var(--wp-play-unit,1px))}.management-wallet img{width:calc(24 * var(--wp-play-unit,1px));height:calc(24 * var(--wp-play-unit,1px));object-fit:contain}.management-wallet strong{margin-inline-start:auto;font-variant-numeric:tabular-nums}.management-list{display:grid;gap:calc(12 * var(--wp-play-unit,1px));grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(300 * var(--wp-play-unit,1px))),1fr))}.management-card{display:grid;grid-template-columns:calc(80 * var(--wp-play-unit,1px)) minmax(0,1fr);grid-template-rows:minmax(calc(92 * var(--wp-play-unit,1px)),auto) auto;align-items:center;gap:calc(10 * var(--wp-play-unit,1px));padding:calc(12 * var(--wp-play-unit,1px));border:calc(2 * var(--wp-play-unit,1px)) solid var(--wp-ui-line,#477779);border-radius:calc(12 * var(--wp-play-unit,1px));background:var(--wp-ui-surface,#11333c);min-width:0}.management-card.is-equipped,.management-card.selected,.management-card[data-selected=true]{border-color:var(--wp-ui-accent);box-shadow:0 0 0 calc(1 * var(--wp-play-unit,1px)) #e5b75b55}.management-card>.tool-icon,.management-card>img{width:calc(80 * var(--wp-play-unit,1px));height:calc(80 * var(--wp-play-unit,1px));object-fit:contain}.management-card>img{border-radius:calc(8 * var(--wp-play-unit,1px))}.management-copy{min-width:0}.management-copy h3{margin:0 0 calc(6 * var(--wp-play-unit,1px));font-size:calc(18 * var(--wp-play-unit,1px));line-height:1.2;overflow-wrap:anywhere}.management-copy p{margin:0 0 calc(4 * var(--wp-play-unit,1px));font-size:calc(13 * var(--wp-play-unit,1px));line-height:1.35}.management-copy small{display:block;min-height:calc(18 * var(--wp-play-unit,1px));color:var(--wp-ui-muted,#b6cbd0);font-size:calc(12 * var(--wp-play-unit,1px));line-height:1.3}.management-card>button{grid-column:1/-1;width:100%;min-height:var(--wp-frame-control-size,44px);padding:calc(8 * var(--wp-play-unit,1px));border:calc(1 * var(--wp-play-unit,1px)) solid var(--wp-ui-line,#477779);border-radius:calc(7 * var(--wp-play-unit,1px));background:var(--wp-ui-raised,#1e4d54);color:var(--wp-ui-text,#f0f7f6);font-size:calc(14 * var(--wp-play-unit,1px))}.management-card>button:disabled{opacity:.65}#managementStatus{position:absolute;z-index:2;inset-inline:calc(12 * var(--wp-play-unit,1px));bottom:0;height:calc(44 * var(--wp-play-unit,1px));margin:0;padding:calc(5 * var(--wp-play-unit,1px));overflow:hidden;font-size:calc(13 * var(--wp-play-unit,1px));line-height:1.3;pointer-events:none;color:var(--wp-ui-text,#f0f7f6)}#managementStatus:not(:empty){background:var(--wp-ui-surface,#11333c);border:1px solid var(--wp-ui-line,#477779);border-radius:calc(6 * var(--wp-play-unit,1px))}#battleLive{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) calc(62 * 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}#battleControls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) var(--wp-frame-control-size,44px);align-items:center;gap:calc(6 * var(--wp-play-unit,1px));padding:calc(6 * var(--wp-play-unit,1px)) calc(10 * var(--wp-play-unit,1px));background:var(--wp-ui-surface,#11333c);min-width:0}#battleControls button{display:flex;align-items:center;justify-content:center;gap:calc(4 * var(--wp-play-unit,1px));min-width:0;min-height:var(--wp-frame-control-size,44px);height:var(--wp-frame-control-size,44px);margin:0;padding:calc(3 * var(--wp-play-unit,1px));border:calc(1 * var(--wp-play-unit,1px)) solid var(--wp-ui-line,#477779);border-radius:calc(8 * var(--wp-play-unit,1px));background:var(--wp-ui-raised,#1d4b51);color:var(--wp-ui-text,#f0f7f6);font-size:calc(12 * var(--wp-play-unit,1px));font-weight:700;line-height:1.1;overflow-wrap:anywhere}#battleControls button:disabled{opacity:.46}#battleControls button[aria-pressed=true]{border-color:var(--wp-ui-accent);background:#46613c}#helpButton{font-size:calc(22 * var(--wp-play-unit,1px))!important}#statusLine{height:calc(36 * var(--wp-play-unit,1px));min-height:calc(36 * var(--wp-play-unit,1px));max-height:calc(36 * var(--wp-play-unit,1px));overflow:auto;overscroll-behavior:contain;margin:0;padding:calc(3 * var(--wp-play-unit,1px)) calc(12 * var(--wp-play-unit,1px));background:var(--wp-ui-surface,#11333c);color:var(--wp-ui-text,#f0f7f6);font-size:calc(12 * var(--wp-play-unit,1px));line-height:1.25}.tool-icon{display:inline-block;flex:none;width:calc(28 * var(--wp-play-unit,1px));height:calc(28 * var(--wp-play-unit,1px));background-image:url(/games/dustwake-depot/art/tool-atlas.webp);background-repeat:no-repeat;background-size:500% 500%}.icon-breeze{background-position:8.3333333% 8.3333333%}.icon-cargo{background-position:50% 8.3333333%}.icon-press{background-position:91.6666667% 8.3333333%}.icon-vacuum{background-position:8.3333333% 50%}.icon-brush{background-position:50% 50%}.icon-depot{background-position:91.6666667% 50%}.game-overlay{position:absolute;z-index:50;inset:0;display:flex;align-items:safe center;justify-content:center;min-width:0;min-height:0;padding:calc(12 * var(--wp-play-unit,1px));background:#071820c9;overflow:auto;overscroll-behavior:contain}.modal-card{width:min(100%,calc(460 * var(--wp-play-unit,1px)));max-height:100%;min-height:0;display:flex;flex-direction:column;gap:calc(10 * var(--wp-play-unit,1px));padding:calc(18 * var(--wp-play-unit,1px));border:calc(2 * var(--wp-play-unit,1px)) solid var(--wp-ui-line,#477779);border-radius:calc(16 * var(--wp-play-unit,1px));background:var(--wp-ui-surface,#11333c);color:var(--wp-ui-text,#f0f7f6);text-align:start;overflow:auto;overscroll-behavior:contain}.modal-card h2{flex:none;margin:0;font-size:calc(23 * var(--wp-play-unit,1px));line-height:1.2;overflow-wrap:anywhere}.modal-card p{margin:0}#gameOverlay>.modal-card{height:min(100%,calc(390 * var(--wp-play-unit,1px)))}#modalBody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;font-size:calc(15 * var(--wp-play-unit,1px));line-height:1.45}#modalBody p+p{margin-top:calc(10 * var(--wp-play-unit,1px))}#modalBody ul,#modalBody ol{padding-inline-start:calc(22 * var(--wp-play-unit,1px));margin-block:calc(8 * var(--wp-play-unit,1px))}#modalBody img{width:calc(28 * var(--wp-play-unit,1px));height:calc(28 * var(--wp-play-unit,1px));object-fit:contain;vertical-align:middle}#modalBody .price{display:inline-flex;align-items:center;gap:calc(8 * var(--wp-play-unit,1px))}#modalActions{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:calc(8 * var(--wp-play-unit,1px))}#modalActions button,.result-actions button{min-height:var(--wp-frame-control-size,44px);margin:0;padding:calc(8 * var(--wp-play-unit,1px)) calc(12 * var(--wp-play-unit,1px));border:calc(1 * var(--wp-play-unit,1px)) solid var(--wp-ui-line,#477779);border-radius:calc(8 * var(--wp-play-unit,1px));background:var(--wp-ui-raised,#1d4b51);color:var(--wp-ui-text,#f0f7f6);font-size:calc(14 * var(--wp-play-unit,1px));line-height:1.2}#modalActions button{flex:1 1 40%;min-width:0}#modalActions button:disabled,.result-actions button:disabled{opacity:.45}.result-actions{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(6 * var(--wp-play-unit,1px))}.result-actions button{min-width:0;width:100%;padding-inline:calc(4 * var(--wp-play-unit,1px));overflow-wrap:anywhere}#resultStats{flex:none;height:calc(72 * var(--wp-play-unit,1px));min-height:calc(72 * var(--wp-play-unit,1px));overflow:auto;overscroll-behavior:contain;font-size:calc(15 * var(--wp-play-unit,1px));line-height:1.4}#resultStars{flex:none;height:calc(52 * var(--wp-play-unit,1px));min-height:calc(52 * var(--wp-play-unit,1px));overflow:auto;overscroll-behavior:contain;color:#f4c75c;font-size:calc(16 * var(--wp-play-unit,1px));line-height:1.35;letter-spacing:normal}#saveWarning{position:fixed;z-index:100;inset-inline:12px;bottom:12px;width:min(calc(100% - 24px),560px);margin:0 auto;padding:10px 14px;border:1px solid #efbb71;border-radius:10px;background:#483019;color:#fff4db;font-size:14px;line-height:1.35}#saveWarning[hidden]{display:none!important}#saveWarning[data-wp-warning-owner=stage],#saveWarning[data-wp-warning-owner=battle]{position:static;inset:auto;width:auto;min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#efbb71;overflow-wrap:anywhere}#saveWarning[data-wp-warning-owner=stage]{display:block;max-height:calc(44 * var(--wp-play-unit,1px));overflow:auto;font-size:calc(12 * var(--wp-play-unit,1px));line-height:1.25;text-align:start}#saveWarning[data-wp-warning-owner=battle]{display:inline;font-size:inherit;line-height:inherit}#statusLine #saveWarning:before{content:" · "}@media(min-width:700px)and (max-height:500px){#battleLive{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr) calc(62 * var(--wp-play-unit,1px))}#arena{grid-column:1/-1;grid-row:1}#battleControls{grid-column:1;grid-row:2;height:calc(62 * var(--wp-play-unit,1px));min-height:0;max-height:calc(62 * var(--wp-play-unit,1px))}#statusLine{grid-column:2;grid-row:2;height:calc(62 * var(--wp-play-unit,1px));min-height:calc(62 * var(--wp-play-unit,1px));max-height:calc(62 * var(--wp-play-unit,1px));padding:calc(5 * var(--wp-play-unit,1px)) calc(10 * var(--wp-play-unit,1px));line-height:1.35;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain}}@media(prefers-reduced-motion:no-preference){.modal-card{animation:dustwake-panel-in .16s ease-out both}.management-card{transition:border-color .16s,box-shadow .16s}#battleControls button{transition:background-color .12s,border-color .12s}@keyframes dustwake-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){.modal-card{animation:dustwake-panel-fade 80ms linear both}@keyframes dustwake-panel-fade{0%{opacity:0}to{opacity:1}}}