.flame-planner-page{padding-bottom:4rem}.flame-planner-page .container{max-width:var(--page-width, 1366px);margin:0 auto;padding:0 1rem}.quick-levels-section{margin:1.5rem 0 2rem}.section-label{font-family:var(--font-caps);font-size:.95rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem}.quick-levels-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}@media(max-width:960px){.quick-levels-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.quick-levels-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}.quick-lvl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.65rem .6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .15s ease;text-align:center;min-height:58px}.quick-lvl-btn:hover{background:var(--surface-2);border-color:var(--accent)}.quick-lvl-btn.is-active{background:#d8c27a24;border-color:var(--accent);box-shadow:inset 0 0 8px #d8c27a38}.quick-lvl-btn .lvl-num{font-family:var(--font-caps);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--accent)}.quick-lvl-btn .lvl-opens{font-size:.78rem;color:var(--text-muted);margin-top:.2rem;white-space:normal;line-height:1.25}.planner-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:1.5rem;margin-bottom:2.5rem;align-items:start}@media(max-width:1080px){.planner-grid{grid-template-columns:1fr}}.range-controls-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.15rem 1.25rem;margin-bottom:1.25rem;position:relative}.controls-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.select-group{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:130px}.select-label{font-family:var(--font-caps);font-size:.8rem;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.select-wrapper{position:relative}.flame-select{width:100%;padding:.5rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-caps);font-size:.95rem;font-weight:600;cursor:pointer;outline:none}.flame-select:focus{border-color:var(--accent)}.range-arrow{font-size:1.35rem;color:var(--accent);padding-bottom:.4rem}.actions-group{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.55rem .85rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-caps);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .15s ease;white-space:nowrap}.action-btn:hover{background:var(--surface-3);border-color:var(--accent)}.action-btn--primary{background:var(--accent);color:#12100e;border-color:var(--accent)}.action-btn--primary:hover{background:var(--accent-hover);color:#12100e}.action-btn--secondary{color:var(--text-faint)}.share-toast{margin-top:.75rem;padding:.5rem .75rem;background:#2ecc7126;border:1px solid rgba(46,204,113,.4);border-radius:var(--radius-sm);color:#2ecc71;font-size:.85rem;font-weight:600;text-align:center}.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}@media(max-width:640px){.stats-strip{grid-template-columns:1fr}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1rem;display:flex;flex-direction:column;gap:.2rem}.stat-label{font-family:var(--font-caps);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.stat-value{font-family:var(--font-caps);font-size:1.25rem;font-weight:700;color:var(--accent)}.stat-sub{font-size:.75rem;color:var(--text-faint)}.offerings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem}.offerings-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.offerings-title-wrap{display:flex;align-items:center;gap:.75rem}.offerings-title{font-family:var(--font-caps);font-size:1.2rem;color:var(--text);margin:0}.range-display-pill{font-family:var(--font-caps);font-size:.8rem;padding:.2rem .55rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.progress-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.progress-text{font-size:.85rem;font-weight:600;color:var(--text-faint)}.progress-track{width:180px;height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#2ecc71);transition:width .25s ease}.offerings-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(max-width:680px){.offerings-list{grid-template-columns:1fr}}.flame-empty-hint{grid-column:1 / -1;padding:1.5rem;text-align:center;color:var(--text-faint);font-size:.9rem}.offering-row{display:flex;flex-direction:row;align-items:center;gap:.65rem;padding:.5rem .7rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s ease,background-color .15s ease}.offering-row:hover{border-color:var(--accent);background:var(--surface-3)}.offering-row.is-collected{opacity:.62;background:#2ecc7112;border-color:#2ecc714d}.offering-row.is-collected .offering-link{text-decoration:line-through;color:var(--text-faint)}.offering-icon{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#00000052;flex-shrink:0}.offering-link{flex:1;min-width:0;color:var(--text);text-decoration:none;font-weight:600;font-size:.9rem;line-height:1.25}.offering-link:hover{color:var(--accent);text-decoration:underline}.offering-count{font-family:var(--font-caps);font-size:.95rem;font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0}.offering-checkbox{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.altar-upgrades-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.panel-title{font-family:var(--font-caps);font-size:1.1rem;color:var(--text);margin:0}.panel-badge{font-family:var(--font-caps);font-size:.75rem;padding:.15rem .45rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);font-weight:700;text-transform:uppercase;white-space:nowrap}.panel-intro{font-size:.85rem;color:var(--text-faint);line-height:1.45;margin:0 0 1rem}.upgrades-table-wrap{width:100%}.upgrades-table{width:100%;border-collapse:collapse;font-size:.85rem}.upgrades-table th{text-align:left;padding:.5rem .4rem;border-bottom:1px solid var(--border);color:var(--text-faint);font-family:var(--font-caps);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.upgrades-table td{padding:.6rem .4rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.upgrades-table .lvl-col,.upgrades-table .area-col,.upgrades-table .req-col{white-space:nowrap}.cost-item{display:inline-flex;align-items:center;gap:.35rem}.mini-icon{width:20px;height:20px;object-fit:contain;border-radius:2px;background:#00000040;flex-shrink:0}.cost-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:.82rem}.cost-link:hover{text-decoration:underline}.req-badge{display:inline-block;padding:.1rem .35rem;background:#d8c27a24;border:1px solid var(--accent);border-radius:3px;color:var(--accent);font-family:var(--font-caps);font-size:.75rem;font-weight:700;white-space:nowrap}.req-none{color:var(--text-faint);font-size:.8rem}.breakdown-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;margin-top:1rem}.breakdown-table-wrap{margin-top:.85rem;width:100%}.breakdown-table{width:100%;border-collapse:collapse;font-size:.9rem}.breakdown-table th{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border);color:var(--text-faint);font-family:var(--font-caps);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.breakdown-table td{padding:.65rem .5rem;border-bottom:1px solid var(--border-subtle);vertical-align:middle}.lvl-badge{font-family:var(--font-caps);font-weight:700;color:var(--accent);white-space:nowrap}.opens-pill{display:inline-block;padding:.2rem .5rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-weight:600;font-size:.82rem}.opens-none{color:var(--text-faint)}.costs-chips-wrap{display:flex;flex-wrap:wrap;gap:.35rem}.cost-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .45rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-size:.8rem;transition:all .15s ease}.cost-chip:hover{border-color:var(--accent);background:var(--surface-3)}.cost-name{color:var(--text)}.cost-qty{font-family:var(--font-caps);font-weight:700;color:var(--accent)}@media(max-width:680px){.controls-row{flex-direction:column;align-items:stretch}.range-arrow{display:none}.actions-group{justify-content:stretch}.actions-group .action-btn{flex:1;text-align:center}.offerings-header{flex-direction:column;align-items:flex-start}.progress-wrap{align-items:flex-start;width:100%}.progress-track{width:100%}.breakdown-table thead{display:none}.breakdown-table,.breakdown-table tbody,.breakdown-table tr,.breakdown-table td{display:block;width:100%}.breakdown-table tr{padding:.75rem 0;border-bottom:1px solid var(--border)}.breakdown-table td{padding:.25rem 0;border-bottom:none}}