.screen-ui{--ink:#293e35;--muted:#59685f;--paper:#fffbef;--line:#ded9bd;--yellow:#ffce45;z-index:10;color:var(--ink);pointer-events:none;background:linear-gradient(#f5f6dfc9 0%,#faf6df3d 25%,#f5efd657 75%,#f8f1d6ed 100%);font:400 16px/1.35 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;inset:0}.screen-ui *{box-sizing:border-box}.screen-ui{text-size-adjust:100%}.ui-frame{flex-direction:column;max-width:480px;height:100%;min-height:0;margin:auto;display:flex}.ui-header{background:linear-gradient(#fffbeaeb,#fffbea85);flex:none;padding:20px 20px 12px}.ui-header h1{letter-spacing:-1.2px;margin:4px 0 0;font:800 32px/1.06 ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif}.eyebrow{color:#52644e;margin:0;font-size:16px;font-weight:650}.ui-content{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;pointer-events:auto;flex-direction:column;flex:1;gap:12px;min-height:0;padding:8px 16px 16px;display:flex;overflow:auto}.ui-content>*{flex-shrink:0}.ui-footer{pointer-events:auto;background:linear-gradient(#fff8df00,#fff8dff2 25%);flex-direction:column;flex:none;gap:8px;padding:12px 16px 16px;display:flex}.ui-footer:empty{display:none}.ui-button{-webkit-tap-highlight-color:transparent;appearance:none;background:var(--paper);width:100%;min-width:48px;min-height:52px;color:var(--ink);cursor:pointer;touch-action:manipulation;border:1.5px solid #d4cfb2;border-radius:14px;margin:0;padding:10px 14px;font-family:inherit;font-size:17px;font-weight:700;line-height:1.22;transition:transform .12s,background .12s,box-shadow .12s;box-shadow:0 3px #4b4a2420}.ui-button:active:not([aria-disabled=true]){transform:translateY(2px);box-shadow:0 1px #4b4a2420}.ui-button:focus-visible{outline-offset:3px;outline:3px solid #327769}.ui-button.primary{background:var(--yellow);border-color:#cba737;box-shadow:0 3px #9b782b}.ui-button.danger{color:#fff;background:#a83d38;border-color:#8b302c}.ui-button[aria-disabled=true]{color:#687168;box-shadow:none;cursor:not-allowed;background:#ecebdf;border-color:#d0d0c4}.ui-button.small{padding:8px;font-size:16px}.ui-button span{margin-top:3px;font-size:16px;font-weight:500;display:block}.ui-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:16px;box-shadow:0 4px 12px #34462b0c}.ui-card h2{letter-spacing:-.35px;margin:0 0 12px;font-size:20px;line-height:1.2}.ui-card h3{margin:0;font-size:18px;line-height:1.22}.ui-card p{margin:8px 0 0}.muted{color:var(--muted)}.good{color:#236047}.bad{color:#a13832}.two-col,.three-col,.button-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{flex-direction:column;gap:3px;min-width:0;display:flex}.metric span{color:var(--muted);font-size:16px}.metric strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:24px;font-weight:780;line-height:1.15}.metric.hero strong{letter-spacing:-1.1px;font-size:38px}.detail-row{border-bottom:1px solid #e9e5d7;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;display:flex}.detail-row:last-child{border-bottom:0}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right;font-size:17px}.item-art{object-fit:contain;border-radius:12px;flex:none;width:60px;height:60px}.weather-art{object-fit:contain;width:44px;height:44px}.inline-title{align-items:center;gap:10px;display:flex}.inline-title h2{margin:0}.pill{background:#ecebd9;border-radius:99px;align-items:center;gap:6px;padding:5px 10px;font-size:16px;font-weight:650;display:inline-flex}.pill.good{background:#e2efdb}.pill.bad{background:#f9e5da}.card-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.recipe-row{border-bottom:1px solid #e9e5d7;grid-template-columns:minmax(0,1fr) 48px 42px 48px;align-items:center;gap:8px;padding:8px 0;display:grid}.recipe-row:last-child{border:0}.recipe-label{align-items:center;gap:8px;display:flex}.recipe-label .item-art{width:36px;height:40px}.recipe-label strong,.recipe-label span{display:block}.recipe-label span{color:var(--muted);font-size:16px}.recipe-row .ui-button{height:48px;min-height:48px;box-shadow:none;padding:0;font-size:26px}.recipe-value{text-align:center;font-variant-numeric:tabular-nums;border-radius:6px;font-size:22px;font-weight:750}.price-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.forecast-card{border-left:4px solid #8ebd91}.forecast-verdict{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:12px;display:flex}.forecast-verdict strong{font-size:28px;line-height:1.1}.forecast-verdict span{color:var(--muted);font-size:16px}details{border-top:1px solid #e3deca;margin-top:12px;padding-top:8px}summary{cursor:pointer;align-items:center;min-height:48px;font-weight:650;display:flex}summary:after{content:"＋";margin-left:auto}details[open] summary:after{content:"−"}.tabs{background:#e9e7d6;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.tabs .ui-button{box-shadow:none;background:0 0;border:0;padding:8px;font-size:16px}.tabs .selected{background:var(--paper);box-shadow:0 2px 4px #34462b15}.supply-card{grid-template-columns:minmax(0,1fr) 72px 72px;align-items:center;gap:8px;padding:12px;display:grid}.supply-name{align-items:center;gap:6px;display:flex}.supply-name .item-art{width:42px;height:48px}.supply-name strong,.supply-name span{display:block}.supply-name span{color:var(--muted)}.catalog-card{grid-template-columns:60px minmax(0,1fr);align-items:start;gap:12px;display:grid}.catalog-card .buy-row{border-top:1px solid #e9e5d7;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.buy-row .ui-button{width:auto;min-width:112px}.rarity{color:var(--muted);text-transform:capitalize;margin-bottom:4px;font-size:16px}.rarity.rare{color:#326896}.rarity.legendary{color:#80621d}.rarity.uncommon{color:#236047}.hero-stage{pointer-events:none;flex:1 0 170px;height:clamp(170px,29vh,270px);min-height:170px}.showcase{background:linear-gradient(#fffbdf87,#0000 34%,#fff6d848 75%,#fff8dff0)}.showcase .ui-content{pointer-events:none}.showcase .ui-content .ui-card,.showcase button,.showcase details{pointer-events:auto}.menu-title h1{letter-spacing:-1.6px;font-size:42px;line-height:.98}.menu-card{margin-top:auto}.center{text-align:center}.milestone-art{object-fit:contain;width:140px;height:140px;margin:auto;display:block}.steps{counter-reset:steps;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.steps li{counter-increment:steps;align-items:center;gap:10px;display:flex}.steps li:before{content:counter(steps);background:#eee5b4;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-weight:700;display:grid}.ui-notices{pointer-events:none;color:#fff;opacity:0;z-index:60;background:#294a3a;border-radius:14px;width:calc(100% - 32px);max-width:448px;padding:12px 16px;transition:opacity .12s,transform .12s;position:absolute;bottom:90px;left:50%;transform:translate(-50%,8px);box-shadow:0 5px 18px #18352940}.ui-notices.shown{opacity:1;transform:translate(-50%)}.ui-notices.denied{background:#953d35}.ui-dialog{z-index:40;pointer-events:auto;background:#1e352fc9;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.dialog-card{background:var(--paper);border-radius:22px;width:100%;max-width:390px;max-height:100%;padding:20px;overflow:auto;box-shadow:0 12px 40px #132a3040}.dialog-card h2{letter-spacing:-.5px;margin:10px 0;font-size:27px;line-height:1.1}.dialog-card p{margin:10px 0 16px}.dialog-card .ui-button{text-align:left;min-height:60px;margin-top:10px}.event-art{object-fit:cover;border-radius:14px;width:100%;height:140px}.paused-label{color:#566357;justify-content:space-between;margin-bottom:12px;font-size:16px;display:flex}.live-ui{background:0 0}.live-ui .ui-header{border-bottom:1px solid var(--line);background:#fffbefef;padding:10px 12px 8px}.live-ui .ui-content{pointer-events:none;padding:0;overflow:visible}.live-ui .ui-footer{padding:8px 12px 10px}.live-stats{font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.live-stats strong{font-size:20px;display:block}.live-stats span{color:var(--muted);font-size:16px}.live-context{justify-content:space-between;gap:8px;margin-top:6px;font-size:16px;display:flex}.day-track{background:#dddcc5;border-radius:5px;height:6px;margin-top:8px;overflow:hidden}.day-track i{background:#c99a24;height:100%;transition:width .1s linear;display:block}.live-actions{grid-template-columns:minmax(0,1fr) 76px;gap:10px;display:grid}.live-status{text-align:center;background:#fffbefeb;border-radius:10px;min-height:32px;padding:5px 8px;font-size:16px}.leaving{opacity:0;transition:opacity .16s}.ui-frame{animation:.18s ease-out ui-enter}@keyframes ui-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (height<=700px){.ui-header{padding-top:12px;padding-bottom:8px}.ui-header h1{font-size:28px}.ui-content{gap:10px;padding-top:4px}.ui-footer{padding-top:8px;padding-bottom:10px}.hero-stage{flex-basis:140px;height:150px;min-height:140px}.menu-title h1{font-size:36px}.event-art{height:100px}.dialog-card{padding:16px}.dialog-card h2{font-size:24px}.live-ui .ui-header{padding:6px 12px}}@media (prefers-reduced-motion:reduce){.screen-ui *,.screen-ui :before{transition:none!important;animation:none!important}}.live-actions .ui-button{min-height:64px}.live-actions [data-live-status]{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.screen-ui:not(.live-ui){background:#fff9e23d}.ui-dialog img{object-fit:contain;background:#f4ebcc}.reduced-motion *,.reduced-motion :before{transition:none!important;animation:none!important}.dialog-card{animation:.18s ease-out dialog-enter}@keyframes dialog-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}