.resource-page{background:#ffbd24 url('/tatari-companion/assets/background02.webp') center top/cover fixed;color:#232838}.resource-layout{max-width:1300px;margin:34px auto 64px;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:stretch}.calculator-panel,.rewards-panel{background:#fffef1;border:4px solid #11170f;border-radius:20px;overflow:hidden}.calculator-panel{min-height:820px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#ffbd24}.mode-tabs button{background:#dedede;border:0;border-bottom:4px solid #11170f;min-height:70px;display:flex;justify-content:center;align-items:center;gap:14px;font-size:24px;text-transform:uppercase;color:#171717}.mode-tabs button+button{border-left:4px solid #11170f;border-radius:17px 17px 0 0}.mode-tabs button[aria-selected=true]{background:#fffef1;border-bottom-color:#fffef1}.mode-tabs img{width:48px;height:48px;object-fit:contain}.calculator-content{padding:28px}.input-grid,.modifier-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-card{display:flex;flex-direction:column;background:#dedede;border-radius:16px;padding:20px 24px;gap:10px;font-size:21px;font-weight:700}.resource-page input,.resource-page select{min-width:0;width:100%;height:52px;border:2px solid #999;border-radius:15px;background:white;color:#232838;font-family:Critters,system-ui,sans-serif;font-size:23px;padding:8px 24px}.event-select{position:relative}.event-select>img{position:absolute;left:15px;top:10px;width:32px;height:32px;object-fit:contain;pointer-events:none}.event-select select{padding-left:62px;padding-right:25px;font-size:20px}.calculator-content section{margin-top:32px}.calculator-content h2{font-size:21px;margin:0 0 12px 26px}.multipliers{display:flex;gap:6px;flex-wrap:wrap;padding:0 24px}.multipliers button{flex:1 0 50px;height:48px;border:4px solid #c0c0c0;border-radius:15px;background:#dedede;color:white;text-shadow:0 1px 2px #444;font-size:16px}.multipliers button[aria-pressed=true]{background:#ffcc55;border-color:#663115;color:#fff}.multipliers button:disabled{opacity:.4;cursor:default}.modifier{background:#dedede;border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:16px;min-height:104px}.modifier>img{width:50px;height:56px;object-fit:contain}.modifier h3{font-size:20px;margin:0 0 5px}.modifier p{font-family:Poppins,sans-serif;font-size:13px;line-height:1.35;margin:0}.toggle{width:66px;height:36px;background:#5095ed;border:0;border-radius:30px;padding:4px;flex-shrink:0}.toggle span{display:block;width:28px;height:28px;border-radius:50%;background:white;margin-left:30px;transition:margin .15s}.toggle[aria-checked=false]{background:#aaa}.toggle[aria-checked=false] span{margin-left:0}.quick-tips ul{background:#dedede;border-radius:16px;margin:0;padding:24px 28px 24px 42px;font-size:19px;line-height:1.55}.rewards-panel{padding:20px 14px 24px}.rewards-panel h1{font-size:25px;text-align:center;text-transform:uppercase;margin:0;color:#171717}.result-subtitle{text-align:center;font-family:Poppins,sans-serif;font-size:14px;margin:2px 0 24px}.reward-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#dedede;border-radius:16px;padding:12px 22px;margin-bottom:12px;min-height:65px}.reward-row img{width:48px;height:42px;object-fit:contain}.reward-row strong{font-size:21px;text-align:right}.reward-row.activity-first{margin-top:36px}.estimate-note,#calc-status{font-family:Poppins,sans-serif;font-size:12px;line-height:1.5;color:#4b5060}.estimate-note{margin:18px 8px 0}#calc-status{margin:20px 0 0;min-height:18px}.reward-label{display:block;font-family:Poppins,sans-serif;font-size:11px;font-weight:500}.resource-page [hidden]{display:none!important}.resource-page .navbar{color:white}.resource-page #amount:focus,.resource-page select:focus{outline:3px solid #232838;outline-offset:2px}
@media(max-width:1100px){.resource-layout{grid-template-columns:minmax(0,1fr) 280px}.calculator-content{padding:20px}.modifier{padding:14px;gap:10px}.modifier>img{width:36px}.toggle{width:50px;height:30px}.toggle span{width:22px;height:22px;margin-left:20px}.modifier h3{font-size:17px}.input-card{padding:16px}.quick-tips ul{font-size:17px}.mode-tabs button{font-size:20px}.event-select select{font-size:17px;padding-left:48px}.event-select>img{left:10px;width:28px}.reward-row{padding:12px 16px}.reward-row strong{font-size:19px}}
@media(max-width:800px){.resource-layout{grid-template-columns:1fr;max-width:650px;margin-top:24px;padding:0 12px;gap:20px}.calculator-panel{min-height:0}.rewards-panel{padding:20px}#rewards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reward-row{margin:0;min-height:70px}.reward-row.activity-first{margin-top:0}.reward-row strong{font-size:18px}.estimate-note{font-size:12px}.modifier-grid{grid-template-columns:1fr}.mode-tabs button{font-size:18px;gap:8px}.mode-tabs img{width:32px;height:36px}}
@media(max-width:460px){.calculator-content{padding:18px 14px}.input-grid{grid-template-columns:1fr}.input-card{font-size:18px;padding:14px}.calculator-content h2{margin-left:4px;font-size:19px}.multipliers{padding:0;gap:6px}.multipliers button{flex-basis:48px;height:44px;font-size:15px}.quick-tips ul{font-size:16px;padding:18px 18px 18px 32px}.reward-row{padding:10px;gap:6px}.reward-row img{width:36px}.reward-row strong{font-size:16px}.mode-tabs button{font-size:16px;min-height:62px}.resource-layout{margin-bottom:36px}.rewards-panel{padding:18px 12px}.modifier p{font-size:12px}}
.mode-tabs{gap:0;background:#fffef1}.mode-tabs button{border-radius:0;min-width:0}.mode-tabs button+button{border-left:3px solid #11170f;border-radius:0}.preview-heading{text-align:center;text-transform:uppercase;font-size:23px;margin:24px 0 2px}.preview-subtitle{text-align:center;font:12px Poppins,sans-serif;margin:0 0 16px}.estimate-note:empty{display:none}.starting-estimate{grid-column:1/-1}.preview-heading,.preview-subtitle{grid-column:1/-1}
.modifier .toggle{position:relative;width:48px;height:26px;padding:3px;flex:0 0 48px}.modifier .toggle span{width:20px;height:20px;margin-left:22px}.modifier .toggle[aria-checked=false] span{margin-left:0}.modifier .toggle::before{content:"";position:absolute;inset:-9px -2px}

.modifier>img{width:auto;height:48px;max-width:60px;flex-shrink:0;object-fit:contain}.need-mode .modifier-grid{grid-template-columns:1fr}.preview-heading{margin-bottom:16px}
.multipliers button,.multipliers button[aria-pressed=true]{color:#3b2416;text-shadow:none}

.mobile-section-toggle{display:none}@media(max-width:600px){.desktop-section-label{display:none}.calculator-content .mobile-collapsible h2{margin-left:0}.mobile-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;color:#232838;padding:8px 4px;font:inherit;text-align:left;cursor:pointer}.mobile-section-toggle::after{content:'▾';font-size:20px}.mobile-section-toggle[aria-expanded=false]::after{content:'▸'}.mobile-collapsible.segment-collapsed>.mobile-section-body{display:none}.calculator-panel{min-height:0}.calculator-content section{margin-top:20px}}