:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f8ed;background:#102a32;color-scheme:dark;--wp-ui-accent:#81d9ba}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%;background:#102a32}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe299;outline-offset:-3px}[hidden],.hidden{display:none!important}.app{width:min(100%,920px);margin:auto;position:relative;min-height:100dvh}.view{position:relative;min-width:0;min-height:0}.main-view{padding:12px}.wp-standard-main-composition{min-width:0}.wp-standard-main-poster-media{display:block;background:center/contain no-repeat url(/assets/interface7-redrawn/animal-hero-trials.webp);aspect-ratio:1}.main-copy{min-width:0}.main-copy p{margin:0;color:#c7ded6;line-height:1.6}.main-copy h1{margin:0}.main-copy #startBtn{width:100%;height:52px;min-height:52px}.main-progress{color:#f7df9c}.primary{background:#f5c84c;color:#1f2937;border:0;border-radius:14px;font-weight:900}#stageView,#battleView{overflow:hidden}.battle-tools:empty{display:none}#stageContent{min-width:0;min-height:0;position:relative}#stageSummary{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.hero-preparation{position:absolute;z-index:15;inset:64px 12px 68px;overflow:auto;padding:16px;background:#172e3af5;border:1px solid #88b6ab;border-radius:16px;box-shadow:0 18px 60px #081d32b0}.hero-preparation h2{font-size:19px;margin:0 0 16px}.hero-preparation>button{width:100%;height:48px;margin-top:16px;border:0;border-radius:12px;background:#f5c84c;color:#1f2937;font-weight:800}.hero-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-option{min-height:170px;border:1px solid #5d938e;border-radius:14px;background:#203f48;color:#f7f8ed;padding:10px;display:grid;justify-items:center;align-content:center;gap:6px}.hero-option.selected{border:2px solid #f5c84c;background:#2d4c4b;box-shadow:inset 0 0 20px #ffe49d0f}.hero-option img{width:82px;height:82px;object-fit:contain}.hero-option b{font-size:13px}.hero-option small{display:grid;gap:4px;font-size:11px;color:#c6e0d8;text-align:center}.progress-card{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.progress-card>span,.progress-card button{min-height:66px;border:1px solid #527d79;border-radius:12px;padding:10px;background:#19343e;color:#f8f5de;display:grid;align-items:center}.progress-card strong{font-size:24px;color:#f5d984}.progress-card button small{font-size:11px;color:#c9ddd6}.progress-card button:disabled{opacity:.65}.health{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:800}.health>div{height:7px;width:74px;background:#2a4149;border-radius:5px;overflow:hidden}.health i{display:block;width:100%;height:100%;background:#98d5a8;transition:width .15s}.health #roomText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-wrap{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#193d43;isolation:isolate}.canvas-wrap canvas{display:block;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;touch-action:none;object-fit:initial!important}.hero-world-3d{z-index:0;pointer-events:none}#game{z-index:1;background:transparent}.combat-actions{position:absolute;right:12px;bottom:16px;z-index:5;display:flex;align-items:flex-end;gap:8px}.combat-actions button{border:1px solid #a6d8cd;border-radius:14px;min-width:72px;height:66px;padding:6px;background:#153c46ec;color:#f7ebc2;font-size:11px;font-weight:900;display:grid;grid-template-rows:32px 16px;justify-items:center;align-content:center;gap:2px;box-shadow:0 4px #0b2836}.combat-actions button img{width:32px;height:32px;object-fit:contain}.combat-actions #skillBtn{min-width:88px;background:#795d2de8;border-color:#eaca87}.combat-actions button:active{box-shadow:inset 0 0 0 3px #ffe29a}.combat-actions button:disabled{opacity:.6}.battle-utility{position:absolute;right:12px;top:70px;z-index:5;width:var(--wp-frame-control-size,44px);height:var(--wp-frame-control-size,44px);border:1px solid #91b7b5;border-radius:12px;background:#153c46dc;color:#ecf2df;font-size:18px}.battle-overlay{position:absolute;top:8px;left:50%;width:min(calc(100% - 24px),400px);transform:translate(-50%);z-index:3;display:grid;gap:4px;text-align:center;pointer-events:none}.battle-overlay p,.battle-overlay small{position:static;margin:0;border:0;padding:5px 9px;transform:none;border-radius:8px;background:#102c35d9;color:#f0e8cb;font-size:11px;line-height:1.4;white-space:normal}.battle-overlay .battle-briefing{font-size:10px;color:#bdddd7}.battle-overlay #controlHint{color:#fce2a4;background:#143642e8}.modal{position:absolute!important;inset:0;z-index:30;background:#0a2032c9;display:grid;place-items:center;padding:16px;backdrop-filter:blur(6px)}.modal>section{width:min(100%,430px);max-height:100%;overflow:auto;border:1px solid #7caaa4;border-radius:18px;background:linear-gradient(145deg,#254a50,#142f40);padding:20px;text-align:center;box-shadow:0 24px 80px #06182399}.modal h2{margin:0 0 14px;font-size:23px;color:#f5dfab}.choices{display:grid;gap:10px}.choice{min-height:88px;border:1px solid #6a9894;border-radius:13px;background:#193c46;color:#f3f4df;display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;text-align:start;padding:10px}.choice img{width:48px;height:48px;object-fit:contain}.choice b{font-size:14px;color:#f9e7b8}.choice small{font-size:12px;line-height:1.6;color:#c4ded7}.choice:hover{border-color:#f3d387}.choice:active{background:#355c59}.reroll-row{display:grid;gap:6px;margin-top:14px}.reroll-row button{min-height:44px;border:1px solid #6e9f99;border-radius:12px;background:#193841;color:#f2e8c9;display:flex;align-items:center;justify-content:center;gap:7px}.reroll-row img{width:24px;height:24px}.reroll-row small{min-height:32px;font-size:11px;color:#e9d5a4}.reroll-row .is-confirming{border-color:#f5d984}.modal-actions,.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modal-actions button,.result-actions button{min-height:max(48px,var(--wp-frame-control-size,44px));margin:0!important;padding:8px!important;border:1px solid #9cc5b9!important;border-radius:12px!important;background:#214853!important;color:#f2f3df!important;font-size:12px;font-weight:850}.modal-actions button:first-child,.result-actions button:nth-child(2){background:#f5c84c!important;color:#1f2937!important;border-color:#f5c84c!important}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.result-actions button:disabled{opacity:.4}#resultFx{width:100px;height:90px;object-fit:contain}#resultCopy{line-height:1.7;font-size:13px;color:#d4e6d9}#resultTitle{margin:0}#resultModal>section{display:grid;grid-template-rows:90px auto minmax(40px,1fr) 48px;gap:12px;max-height:100%;min-height:0}#resultFx{justify-self:center}.battle-ad{display:none}@keyframes hero-panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.modal:not(.hidden)>section,.hero-preparation:not([hidden]){animation:hero-panel-in .18s ease-out}.hero-option,.choice,.combat-actions button{transition:border-color .14s,background-color .14s,box-shadow .14s}@media(prefers-reduced-motion:reduce){.health i,.hero-option,.choice,.combat-actions button{transition:none}.modal:not(.hidden)>section,.hero-preparation:not([hidden]){animation:none}}#resultModal>section{height:318px;grid-template-rows:minmax(0,90px) auto minmax(40px,1fr) 48px}#resultFx{max-height:100%}@media(max-height:500px){.modal{align-items:start}.modal>section{align-self:start}}.modal{padding-block-start:calc(var(--wp-frame-header-height,56px) + 16px)}.modal>section,#resultModal>section{max-height:calc(100% - var(--wp-frame-header-height,56px) - 32px)}.hero-main-poster>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;border-radius:inherit}