.sheet.result-sheet[open]{display:flex;flex-direction:column;width:min(480px,calc(100vw - 20px));height:min(850px,calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}
.result-sheet .sheet-header{flex-shrink:0;position:relative;padding:16px 20px;z-index:2}.result-sheet .sheet-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 24px}.result-sheet h2{font-size:20px;margin-top:5px}.result-sheet .journal-heading{margin:22px 0 10px;font-size:15px;display:flex;align-items:center;justify-content:space-between}.result-sheet .journal-heading small{font:10px var(--sans);color:#9aac89}.result-total{text-align:center}.result-total>span{font-size:10px;color:#a5b797}.result-total>div{display:flex;align-items:baseline;justify-content:center;gap:8px}.result-total strong{font:54px var(--mono);color:#f2d99c}.result-total>div>span{font:13px var(--pixel)}.result-total p{font-size:10px;line-height:1.7;color:#acbf9d;margin:6px 0 12px}.result-best{display:inline-block;border:1px solid #ab995b;color:#f5da83;background:#554c242e;padding:4px 12px;font:11px var(--mono);letter-spacing:2px}
.equipment-comparison{border:1px solid #4b6041;background:linear-gradient(#263d2b,#1b3227);padding:12px 8px;text-align:center}.hero-pair{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:center}.hero-pair figure{margin:0;min-width:0}.hero-pair figcaption{font:11px var(--pixel);color:#adc39a}.hero-pair figcaption>span{font:8px var(--mono);color:#f5d78d;margin-left:3px}.hero-arrow{color:#d3c17c;font-size:20px}.hero-stage{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;min-height:130px}.hero-stage canvas,.result-solo canvas{display:block;width:136px;height:144px;max-width:100%;object-fit:contain;image-rendering:pixelated;margin:auto}.equip-message{min-height:32px;font:12px/1.6 var(--pixel);color:#f0d994;margin:8px 0 2px}.equipment-comparison .text-button{font-size:10px;min-height:30px}.equip-flight{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.equip-flight .pixel-icon{width:32px;height:32px;animation:equipLand .6s ease-out both}.equip-flight:after{content:'';position:absolute;inset:-6px;border:2px solid #f7df88;border-radius:50%;animation:equipSpark .6s ease-out both}@keyframes equipLand{0%{opacity:0;transform:translateY(-40px) scale(1.8)}30%{opacity:1}75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:scale(.5)}}@keyframes equipSpark{0%,45%{opacity:0;transform:scale(.3)}60%{opacity:1}100%{opacity:0;transform:scale(2.2)}}.result-solo{display:flex;align-items:center;justify-content:center;gap:12px;border-block:1px solid #3b533b;padding:8px}.result-solo canvas{width:85px;height:90px;margin:0}.result-solo p{font:12px/1.8 var(--pixel);color:#bdd09f}
.gear-change{border:1px solid #3e593d;margin:7px 0;background:#122a21}.gear-change summary{display:flex;align-items:center;gap:9px;padding:11px 9px;cursor:pointer;list-style:none}.gear-change summary::-webkit-details-marker{display:none}.gear-slot{font:11px var(--pixel);color:#d6c588}.gear-change summary>.pixel-icon{flex-shrink:0}.gear-change summary>span:nth-last-child(2){flex:1;min-width:0}.gear-change small{display:block;font-size:9px;color:#90a587;line-height:1.6}.gear-change b{font-size:12px;color:#e4d99e;overflow-wrap:anywhere}.gear-more{font-size:17px;color:#c6be80}.gear-change[open] .gear-more{transform:rotate(45deg)}.gear-detail{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;text-align:center;padding:8px 12px}.gear-detail .pixel-icon{display:block;width:58px;height:58px;margin:0 auto 8px}.gear-detail b{display:block;font-size:10px}.gear-change>p{text-align:center;color:#96af89;font-size:10px;padding:0 10px 12px;margin:0}.result-growth>p{font-size:11px;line-height:1.8;color:#afc09a}.record-bar{display:grid;grid-template-columns:66px 1fr 64px;align-items:center;gap:8px;font-size:10px;margin:10px 0}.record-bar>div{height:8px;background:#0a2118}.record-bar i{height:100%;display:block;background:#728a63}.record-bar:nth-of-type(2) i{background:#e8ca7c}.record-bar b{font:11px var(--mono);text-align:right;color:#ded7a4}.result-treasures{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-treasures>div{display:flex;align-items:center;gap:8px;font-size:10px;padding:9px 0;border-bottom:1px solid #3a5036;min-width:0}.result-treasures .pixel-icon{flex-shrink:0}.result-treasures small{display:block;font-size:8px;color:#96ab83;margin-top:4px}.result-treasures>p{grid-column:1/-1}.result-next{display:flex;align-items:center;gap:12px;border:1px solid #647249;background:#2e4028;padding:14px;margin:22px 0 12px;font-size:11px;color:#cfdbaf}.result-next strong{display:block;font:16px var(--pixel);color:#efda91;margin-top:6px}.result-card-button{width:100%;font-size:11px}.result-footer{flex-shrink:0;display:grid;grid-template-columns:1fr 1.5fr;gap:10px;padding:12px 16px;background:#193429;border-top:1px solid #536744}.result-footer button{font-size:11px;letter-spacing:0;min-height:44px;padding:9px 6px}.result-panel .result-reopen{margin:12px 0}.result-panel .result-actions{margin-top:6px}
/* Avoid blurring the page into a separate WebKit backdrop layer. */
.sheet::backdrop{background:#071c16dd;backdrop-filter:none;-webkit-backdrop-filter:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.topbar{position:relative;z-index:2;background:#132b24;isolation:isolate}.brand{position:relative;text-shadow:none}.result-sheet .sheet-header{background:#193429}
@media(max-width:500px){.result-sheet .sheet-content{padding:14px 14px 20px}.result-sheet .sheet-header{padding:13px 14px}.result-total strong{font-size:46px}.result-footer{padding:10px 12px}.hero-stage canvas{width:119px;height:126px}.hero-stage{min-height:126px}}
@media(prefers-reduced-motion:reduce){.equip-flight,.equip-flight *,.equip-flight:after{animation:none!important}}