@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700;800&family=Manrope:wght@300;400;500;600;700&display=swap";.config-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:var(--surface);border-radius:18px;padding:18px 22px;border:1px solid var(--border);box-shadow:var(--shadow-soft);align-items:end;animation:rise .5s ease}.config-item{display:flex;flex-direction:column;gap:8px}.config-item label{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.9px}.config-label-with-hint{display:flex;justify-content:space-between;align-items:center}.config-item select{background:var(--surface-2);border:1px solid rgba(31,38,35,.2);color:var(--text);padding:12px 38px 12px 12px;border-radius:12px;font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%2366706a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:inset 0 1px #fff9}.config-item select:hover{border-color:#1f7a6b80}@media(max-width:600px){.config-bar{grid-template-columns:1fr;gap:12px}}:root{--studio-panel: #f7f1e6;--studio-ink: #1e1a13;--studio-border: rgba(30, 26, 19, .12);--studio-accent: #f0c566;--studio-accent-strong: #d59b1a;--studio-surface: #fff;--studio-surface-alt: #fffdf7;--studio-surface-warm: #fff6e8;--studio-ink-inverse: #fff;--studio-shadow: 0 24px 60px rgba(30, 26, 19, .08)}:root[data-theme=dark]{--studio-panel: #1b211c;--studio-ink: #e7ece9;--studio-border: rgba(231, 236, 233, .12);--studio-accent: #e0b452;--studio-accent-strong: #f1c15d;--studio-surface: #242b26;--studio-surface-alt: #1f2521;--studio-surface-warm: #2a302b;--studio-ink-inverse: #121715;--studio-shadow: 0 24px 60px rgba(0, 0, 0, .45)}.data-studio{background:var(--studio-panel);border-radius:32px;padding:32px;box-shadow:var(--studio-shadow);color:var(--studio-ink)}.studio-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.studio-header h2{font-family:Fraunces,serif;font-size:2rem;margin:0 0 8px;text-transform:uppercase;letter-spacing:.08em}.studio-header p{margin:0;opacity:.7}.studio-controls{display:flex;gap:16px;flex-wrap:wrap}.studio-filter-toggle{border:1px solid var(--studio-border);background:var(--studio-surface);border-radius:12px;padding:10px 16px;font-weight:600;cursor:pointer;align-self:flex-end}.studio-filter-toggle:disabled{opacity:.6;cursor:not-allowed}.studio-filters{border:1px solid var(--studio-border);border-radius:18px;padding:16px;background:var(--studio-surface-alt);margin-bottom:20px}.studio-filter-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.studio-filter-actions{display:flex;align-items:center;gap:12px;font-size:.8rem;opacity:.7}.studio-filter-actions button{border:1px solid var(--studio-border);background:var(--studio-surface);border-radius:999px;padding:4px 10px;cursor:pointer}.studio-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 14px;max-height:220px;overflow:auto;padding-right:6px}.studio-filter-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.studio-controls label{font-size:.85rem;display:flex;flex-direction:column;gap:6px;min-width:180px}.studio-inline-actions{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.studio-inline-actions button,.studio-inline-actions label{border:1px solid var(--studio-border);background:var(--studio-surface);border-radius:12px;padding:8px 14px;font-weight:600;cursor:pointer}.studio-inline-actions button:disabled{opacity:.6;cursor:not-allowed}.studio-import{position:relative;overflow:hidden}.studio-import input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.studio-inline-status{font-size:.75rem;color:var(--studio-ink);opacity:.7}.studio-controls input,.studio-controls select,.studio-form input,.studio-form select,.counts-grid input,.counts-picker select{border:1px solid var(--studio-border);border-radius:10px;padding:8px 10px;font-size:.9rem;background:var(--studio-surface)}.studio-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.studio-tabs button{border:1px solid var(--studio-border);background:var(--studio-surface);border-radius:999px;padding:8px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.studio-tabs button.active{background:var(--studio-accent);border-color:var(--studio-accent-strong);box-shadow:0 10px 25px #d59b1a33}.studio-tabs button:hover{transform:translateY(-1px)}.studio-view-modes{display:flex;justify-content:flex-end;margin-top:8px}.studio-all-toggle{border:1px dashed var(--studio-border);background:var(--studio-surface);padding:8px 14px;border-radius:12px;font-weight:600;color:var(--studio-ink);letter-spacing:.3px;cursor:pointer}.studio-all-toggle.active{border-color:var(--studio-accent-strong);background:var(--studio-accent);box-shadow:0 12px 24px #d59b1a2e}.studio-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}.studio-all{margin-top:8px}.studio-all-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:start}.studio-all-list{display:flex;flex-direction:column;gap:14px}.studio-section{border:1px solid var(--studio-border);border-radius:14px;background:var(--studio-surface-warm);padding:10px 12px 12px}.studio-section summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;color:var(--studio-ink);list-style:none}.studio-section summary em{font-size:.72rem;font-style:normal;letter-spacing:.5px;text-transform:uppercase;color:var(--studio-muted)}.studio-section summary::-webkit-details-marker{display:none}.studio-section .studio-table{margin-top:10px}.studio-table{display:grid;gap:8px;max-height:520px;overflow:auto;padding-right:8px}.studio-row{display:grid;grid-template-columns:1.4fr .4fr .4fr .7fr .7fr .6fr .6fr;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:var(--studio-surface);font-size:.85rem;text-align:left}.studio-row-head{background:#ffffffb3;font-weight:700;position:sticky;top:0;z-index:1}.studio-row.selected{border-color:var(--studio-accent-strong);box-shadow:0 12px 25px #d59b1a26}.studio-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-detail{border:1px solid var(--studio-border);border-radius:20px;padding:20px;background:var(--studio-surface-alt);min-height:300px}.studio-detail h3{margin:0 0 6px;font-family:Fraunces,serif}.studio-id{margin:0 0 18px;font-size:.8rem;opacity:.6}.studio-form{display:grid;gap:12px}.studio-form label{display:grid;gap:6px;font-size:.85rem}.time-inputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.time-input{display:grid;gap:4px;font-size:.75rem;color:var(--studio-muted)}.time-input input{width:100%}.studio-empty{font-size:.9rem;opacity:.7}.studio-counts{background:var(--studio-surface-alt);border-radius:20px;padding:20px;border:1px solid var(--studio-border)}.counts-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:16px}.counts-actions{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.counts-actions button{border:none;padding:10px 18px;border-radius:12px;background:var(--studio-accent-strong);color:var(--studio-ink-inverse);font-weight:600;cursor:pointer}.counts-actions button:disabled{opacity:.6;cursor:wait}.counts-import{border:1px dashed var(--studio-border);border-radius:12px;padding:8px 14px;font-size:.85rem;cursor:pointer}.counts-import input{display:none}.counts-error{font-size:.85rem;color:#9a2b1a}.counts-view-toggle{display:flex;gap:8px}.counts-view-toggle button{border:1px solid var(--studio-border);background:var(--studio-surface);border-radius:999px;padding:6px 14px;font-weight:600;cursor:pointer}.counts-view-toggle button.active{background:var(--studio-accent);border-color:var(--studio-accent-strong)}.counts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.counts-grid label{display:grid;gap:6px;font-size:.85rem}.counts-th-table{display:grid;gap:8px;max-height:460px;overflow:auto;padding-right:8px}.counts-th-row{display:grid;grid-template-columns:1.4fr .4fr;gap:12px;align-items:center;padding:8px 12px;border-radius:10px;background:var(--studio-surface);border:1px solid var(--studio-border);font-size:.85rem}.counts-th-head{font-weight:700;background:#ffffffb3;position:sticky;top:0;z-index:1}.studio-explorer{display:grid;gap:18px}.explorer-controls{display:flex;gap:16px;flex-wrap:wrap}.explorer-controls label{display:grid;gap:6px;font-size:.85rem}.explorer-section{background:var(--studio-surface-alt);border:1px solid var(--studio-border);border-radius:18px;padding:16px}.explorer-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600}.explorer-table{display:grid;gap:8px}.explorer-row{display:grid;grid-template-columns:1.4fr .4fr .7fr .7fr .6fr;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--studio-surface);border:1px solid var(--studio-border);font-size:.85rem}.explorer-qty{margin-left:8px;font-style:normal;font-size:.75rem;color:var(--studio-ink);opacity:.6;background:#1f262314;padding:2px 6px;border-radius:999px}.explorer-head{font-weight:700;background:#ffffffb3}.explorer-empty{font-size:.85rem;opacity:.7}.explorer-accordion{display:grid;gap:10px}.explorer-details{border:1px solid var(--studio-border);border-radius:12px;background:var(--studio-surface);padding:6px 10px 10px}.explorer-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;padding:6px 4px;list-style:none}.explorer-details summary::-webkit-details-marker{display:none}.explorer-details summary em{font-style:normal;font-size:.75rem;color:var(--text-muted)}.explorer-details .explorer-table{margin-top:8px}.studio-footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.studio-actions{display:flex;gap:12px}.studio-actions button{border:none;padding:10px 18px;border-radius:12px;background:#1e1a13;color:var(--studio-ink-inverse);font-weight:600;cursor:pointer}.studio-actions button:last-child{background:var(--studio-accent-strong)}.studio-error,.studio-loading{padding:12px 16px;border-radius:12px;background:#1e1a1314;margin-bottom:16px}@media(max-width:960px){.studio-header{flex-direction:column}.studio-grid,.studio-all-grid{grid-template-columns:1fr}.studio-row{grid-template-columns:1.2fr .4fr .4fr .6fr .6fr .6fr}.studio-row span:last-child{display:none}}.home{display:flex;flex-direction:column;gap:32px}.home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;background:radial-gradient(circle at top left,rgba(31,122,107,.18),transparent 55%),radial-gradient(circle at bottom right,rgba(196,107,63,.2),transparent 60%),var(--surface);border-radius:26px;padding:32px;border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.home-hero:before,.home-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(0px);opacity:.35;z-index:0}.home-hero:before{width:220px;height:220px;top:-60px;right:40px;background:#1f7a6b40}.home-hero:after{width:280px;height:280px;bottom:-120px;left:-60px;background:#c46b3f40}.hero-copy,.hero-showcase{position:relative;z-index:1}.hero-kicker{display:inline-flex;padding:6px 14px;border-radius:999px;background:linear-gradient(120deg,#1f7a6b2e,#c46b3f33);border:1px solid rgba(31,38,35,.12);text-transform:none;letter-spacing:.6px;font-size:.8rem;color:var(--text);font-weight:700;box-shadow:0 12px 18px #1f26231f;align-items:center;gap:0}.hero-kicker .brand-chip__text{color:var(--text);text-shadow:0 8px 18px rgba(31,38,35,.18)}.hero-kicker .brand-chip__accent{position:relative;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;color:transparent}.hero-kicker .brand-chip__accent:after{content:"";position:absolute;left:-4px;right:-6px;bottom:2px;height:6px;border-radius:999px;background:linear-gradient(90deg,#1f7a6b4d,#c46b3f4d);z-index:-1}.hero-copy h2{margin:18px 0 10px;font-size:clamp(2.2rem,3vw,3rem);font-family:Fraunces,serif;text-transform:uppercase;letter-spacing:.6px;color:var(--text)}.hero-copy p{margin:0 0 18px;color:var(--text-muted);font-size:1rem;max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.home-btn{border:1px solid transparent;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-size:.95rem}.home-btn.ghost{background:var(--surface-2);color:var(--text);border-color:var(--border)}.home-btn.ghost:hover{transform:translateY(-1px)}.home-btn.primary{background:#1f7a6b1f;color:var(--accent);border:1px solid rgba(31,122,107,.45);box-shadow:none}.home-btn.primary:hover{transform:translateY(-1px);background:#1f7a6b2e;box-shadow:0 10px 18px #1f7a6b2e}.hero-pills{display:flex;gap:10px;flex-wrap:wrap}.hero-showcase{display:flex;flex-direction:column;gap:16px}.showcase-card{padding:18px;border-radius:18px;border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-soft)}.showcase-card.highlight{background:var(--card-time-bg);border-color:var(--card-time-border)}.showcase-card.gold{background:var(--card-gold-bg);border-color:var(--card-gold-border)}.showcase-card.export{background:linear-gradient(135deg,#1f7a6b26,#f4dcff59)}.showcase-title{font-weight:700;color:var(--text);margin-bottom:4px}.showcase-sub{font-size:.9rem;color:var(--text-muted)}.home-tools{background:var(--surface);border-radius:22px;padding:26px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.section-header h3{margin:0 0 6px;text-transform:uppercase;letter-spacing:.6px;font-size:1.2rem;color:var(--text)}.section-header p{margin:0;color:var(--text-muted)}.tools-grid{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tool-card{background:var(--surface-2);border-radius:18px;padding:18px;border:1px solid rgba(31,38,35,.1);display:flex;flex-direction:column;gap:10px;min-height:190px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.tool-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;background:#1f7a6b1f}.tool-badge{position:absolute;top:14px;right:14px;padding:4px 10px;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;font-weight:700;background:#1f7a6b2e;color:var(--text);border:1px solid rgba(31,122,107,.35)}.tool-card h4{margin:0;font-size:1.1rem;color:var(--text)}.tool-card p{margin:0;color:var(--text-muted);font-size:.9rem}.tool-card .home-btn{margin-top:auto}.tool-planner .tool-icon{background:#1f7a6b2e}.tool-heroes .tool-icon{background:#c46b3f33}.tool-walls .tool-icon{background:#f1c40f2e}.tool-magic .tool-icon{background:#6f2f7833}.tool-export .tool-icon{background:#1f7a6b2e}.tool-ore .tool-icon{background:#458cff2e}@media(max-width:900px){.home-hero{grid-template-columns:1fr}}@media(max-width:600px){.home-hero{padding:24px}}.magic-items{display:flex;flex-direction:column;gap:24px}.magic-items-header{text-align:center;margin-bottom:8px}.magic-items-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 8px;text-transform:uppercase;letter-spacing:.8px}.magic-items-header p{color:var(--text-muted);font-size:.95rem;margin:0}.th-selector{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--surface);padding:16px 24px;border-radius:12px;border:1px solid var(--border);align-self:center;width:fit-content}.th-selector label{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.th-selector select{background:var(--surface-2);border:1px solid rgba(31,38,35,.2);color:var(--text);padding:10px 36px 10px 14px;border-radius:8px;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%2366706a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.th-selector select:hover{border-color:#1f7a6b80}.th-selector select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a6b2e}.books-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.book-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-soft)}.book-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-2)}.book-header h3{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:var(--text)}.book-header p{margin:0;font-size:.8rem;color:var(--text-muted)}.book-recommendations{padding:12px 0}.no-recommendations{padding:20px;text-align:center;color:var(--text-muted);font-style:italic}.recommendation-row{display:flex;align-items:center;gap:12px;padding:10px 20px;transition:background .15s ease}.recommendation-row:hover{background:var(--surface-2)}.rank{font-size:.85rem;font-weight:700;color:var(--accent);min-width:28px}.recommendation-info{flex:1;display:flex;flex-direction:column;gap:2px}.recommendation-name{font-size:.95rem;font-weight:500;color:var(--text)}.recommendation-name .level{font-weight:400;color:var(--text-muted);font-size:.85rem}.recommendation-cost{font-size:.8rem;color:var(--text-muted)}.time-saved{font-size:.9rem;font-weight:600;color:var(--accent);background:#1f7a6b1a;padding:4px 10px;border-radius:6px;white-space:nowrap}@media(max-width:600px){.books-grid{grid-template-columns:1fr}.th-selector{flex-direction:column;gap:8px}}@media(max-width:480px){.recommendation-row{flex-wrap:wrap;align-items:flex-start;row-gap:6px}.time-saved{margin-left:auto}}.wall-calculator{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}.wall-calc-header{text-align:center}.wall-calc-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 8px;text-transform:uppercase;letter-spacing:.8px}.wall-calc-header p{color:var(--text-muted);font-size:.95rem;margin:0}.wall-calc-config{display:flex;align-items:center;justify-content:flex-start;gap:24px;background:var(--surface);padding:20px 24px;border-radius:16px;border:1px solid var(--border);flex-wrap:wrap;width:fit-content;align-self:center}.wall-calc-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.wall-calc-config .th-selector{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:transparent;border:none;padding:0;width:auto}.wall-calc-config .th-selector label{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.wall-calc-config .goldpass-selector{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.wall-calc-config .goldpass-selector label{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.wall-calc-config .th-selector select{background:var(--surface-2);border:1px solid rgba(31,38,35,.2);color:var(--text);padding:10px 36px 10px 14px;border-radius:8px;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%2366706a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.wall-calc-config .goldpass-selector select{background:var(--surface-2);border:1px solid rgba(31,38,35,.2);color:var(--text);padding:10px 36px 10px 14px;border-radius:8px;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%2366706a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.wall-calc-config .th-selector select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a6b2e}.wall-calc-config .goldpass-selector select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a6b2e}.config-label-with-hint{display:flex;align-items:center;gap:8px}.hint-icon{width:16px;height:16px;border-radius:50%;background:var(--text-muted);color:var(--surface);font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.hint-icon:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);right:0;background:var(--surface-2);color:var(--text);padding:8px 12px;border-radius:8px;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:normal;white-space:nowrap;box-shadow:0 2px 8px #00000026;border:1px solid var(--border);z-index:10}.wall-inputs-section{background:var(--surface);padding:24px;border-radius:16px;border:1px solid var(--border)}.wall-inputs-section h3{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:var(--text)}.wall-inputs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.wall-input-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--surface-2);border-radius:10px;border:1px solid transparent;transition:border-color .15s ease}.wall-input-row:focus-within{border-color:var(--accent)}.wall-level-info{display:flex;flex-direction:column;gap:2px}.wall-level{font-weight:600;font-size:.95rem;color:var(--text)}.wall-input-wrapper{display:flex;align-items:center;gap:8px}.wall-input-wrapper input{width:70px;padding:8px 12px;border:1px solid rgba(31,38,35,.2);border-radius:6px;background:var(--surface);color:var(--text);font-size:.95rem;text-align:right}.wall-input-wrapper input:focus{outline:none;border-color:var(--accent)}.wall-input-wrapper input::placeholder{color:var(--text-muted);opacity:.5}.wall-suffix{font-size:.85rem;color:var(--text-muted)}.wall-results{background:var(--surface);padding:24px;border-radius:16px;border:1px solid var(--border)}.wall-results h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:var(--text)}.walls-error{padding:12px 16px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;font-size:.9rem;margin-bottom:16px}.cost-breakdown{display:flex;gap:16px;flex-wrap:wrap}.cost-item{flex:1;min-width:150px;padding:20px;border-radius:12px;text-align:center}.cost-item.gold{background:var(--card-gold-bg);border:1px solid var(--card-gold-border)}.cost-item.mixed{background:var(--card-mixed-bg);border:1px solid var(--card-mixed-border)}.cost-item.maxed{background:linear-gradient(135deg,#1f7a6b1a,#1f7a6b0d);border:1px solid rgba(31,122,107,.3)}.cost-label{display:block;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cost-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text)}.cost-item.gold .cost-value{color:var(--card-gold-text)}.cost-item.mixed .cost-value{background:var(--card-mixed-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cost-item.maxed .cost-label{color:var(--accent);font-size:1rem;margin-bottom:0}.total-cost{margin-top:20px;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.total-label{font-size:1rem;font-weight:500;color:var(--text)}.total-value{font-size:1.75rem;font-weight:700;color:var(--accent)}@media(max-width:600px){.wall-calc-config{flex-direction:column;align-items:stretch;width:100%}.wall-calc-controls{flex-direction:column;align-items:stretch}.wall-calc-config .th-selector,.wall-calc-config .goldpass-selector,.wall-calc-config .th-selector select,.wall-calc-config .goldpass-selector select{width:100%}.wall-inputs-grid{grid-template-columns:1fr}.cost-breakdown{flex-direction:column}}.hero-catchup{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.hero-catchup-header{text-align:center}.hero-catchup-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 8px;text-transform:uppercase;letter-spacing:.8px}.hero-catchup-header p{color:var(--text-muted);font-size:.95rem;margin:0}.hero-catchup-config{background:var(--surface);padding:20px 24px;border-radius:16px;border:1px solid var(--border)}.config-row{display:flex;gap:24px;flex-wrap:wrap}.config-item{display:flex;flex-direction:column;gap:8px;min-width:140px}.config-item label{color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.config-item select{background:var(--surface-2);border:1px solid rgba(31,38,35,.2);color:var(--text);padding:10px 36px 10px 14px;border-radius:8px;font-size:1rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%2366706a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.config-item select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a6b2e}.hero-inputs-section{background:var(--surface);padding:24px;border-radius:16px;border:1px solid var(--border)}.hero-inputs-section h3{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:var(--text)}.input-hint{margin:0 0 20px;font-size:.85rem;color:var(--text-muted)}.hero-inputs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:20px}.hero-input-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--surface-2);border-radius:10px;border:1px solid transparent;transition:border-color .15s ease}.hero-input-row:focus-within{border-color:var(--accent)}.hero-info{display:flex;flex-direction:column;gap:2px}.hero-name{font-weight:600;font-size:.95rem;color:var(--text)}.hero-input-wrapper{display:flex;align-items:center;gap:8px}.hero-input-wrapper input{width:60px;padding:8px 12px;border:1px solid rgba(31,38,35,.2);border-radius:6px;background:var(--surface);color:var(--text);font-size:.95rem;text-align:right}.hero-input-wrapper input:focus{outline:none;border-color:var(--accent)}.hero-input-wrapper input::placeholder{color:var(--text-muted);opacity:.5}.input-suffix{font-size:.85rem;color:var(--text-muted)}.calculate-btn{display:block;width:100%;padding:14px 24px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease}.calculate-btn:hover{background:var(--accent-hover, #1a6b5c)}.calculate-btn:disabled{opacity:.6;cursor:not-allowed}.hero-results{background:var(--surface);padding:24px;border-radius:16px;border:1px solid var(--border)}.hero-results h3{margin:0 0 20px;font-size:1.2rem;font-weight:600;color:var(--text)}.results-summary{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px}.summary-value.de,.stat-value .de{color:var(--card-dark-text)}.summary-value.elixir,.stat-value .elixir{color:var(--card-elixir-text)}.hero-chart{margin-bottom:28px}.hero-chart h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text)}.chart-hero-levels{font-size:.75rem;color:var(--text-muted)}.chart-cost{display:flex;flex-direction:column;gap:4px;align-items:flex-end;min-width:90px;flex-shrink:0}.chart-cost .cost-pill{padding:5px 12px;border-radius:999px;font-size:.79rem;letter-spacing:.4px;text-transform:uppercase;border:1px solid rgba(31,38,35,.12);background:#fffc}.chart-cost .cost-pill.de{color:#1f1f1f;border-color:#1f1f1f40;background:#d2d2d2bf}.chart-cost .cost-pill.elixir{color:#6f2f78;border-color:#6f2f7840;background:#f4dcffbf}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted)}@media(max-width:600px){.config-row{flex-direction:column;gap:16px}.config-item{width:100%}.hero-inputs-grid{grid-template-columns:1fr}.results-summary{flex-direction:column}.chart-label{width:100px}.chart-cost{min-width:70px}.chart-cost .cost-pill{font-size:.7rem;padding:4px 8px}}.category-breakdown{background:var(--surface);border-radius:20px;padding:26px;border:1px solid rgba(31,38,35,.14);box-shadow:var(--shadow-soft);animation:rise .55s ease}.breakdown-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.breakdown-title{color:var(--text);font-size:1.2rem;text-transform:uppercase;letter-spacing:.9px;margin:0}.breakdown-sub{margin:6px 0 0;color:var(--text-muted);font-size:.92rem}.breakdown-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-chip{padding:6px 12px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(31,38,35,.12);font-size:.78rem;text-transform:uppercase;letter-spacing:.6px}.breakdown-table{display:flex;flex-direction:column;gap:8px;overflow-x:auto}.breakdown-header-row,.breakdown-row{display:grid;grid-template-columns:2fr 1fr 1.6fr;gap:12px;padding:12px 16px;align-items:center}.breakdown-header-row{background:var(--surface-3);border-radius:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text);border:1px solid var(--border);box-shadow:0 8px 16px #00000014}.breakdown-header-row .breakdown-col{font-size:.9rem;font-weight:700;color:var(--text)}.breakdown-header-row .time-col,.breakdown-header-row .cost-col{justify-content:center;font-size:.9rem;font-weight:700;color:var(--text)}.breakdown-row{background:var(--surface-2);border-radius:12px;border:1px solid rgba(31,38,35,.08);transition:transform .15s ease,box-shadow .15s ease}.breakdown-row:nth-of-type(2n){background:var(--surface-3)}.breakdown-row:hover{transform:translateY(-1px);box-shadow:0 10px 16px #1f262314}.breakdown-row.unavailable{opacity:.5}.breakdown-col{display:flex;align-items:center}.category-col{gap:10px;flex-wrap:wrap}.category-icon{font-size:1.9rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(140deg,#1f7a6b2e,#c46b3f2e);border:1px solid rgba(31,38,35,.1);box-shadow:0 8px 16px #1f262314}.category-name{color:var(--text);font-weight:600;font-size:1.03rem}.category-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;border-radius:999px;font-size:.65rem;font-weight:700;color:var(--accent);background:#1f7a6b1f;border:1px solid rgba(31,38,35,.12);cursor:help;position:relative}.category-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1f1f1f;color:#fff;padding:6px 8px;border-radius:8px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;box-shadow:0 8px 16px #0003;z-index:10}.category-tooltip:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#1f1f1f transparent transparent transparent;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:9}.category-tooltip:hover:after,.category-tooltip:hover:before{opacity:1}.unlock-info{font-size:.7rem;color:var(--pill-text);background:var(--pill-bg);padding:2px 8px;border-radius:999px;border:1px solid var(--pill-border)}.time-col{justify-content:center;font-weight:600;font-size:1.05rem;color:var(--accent)}.cost-col{justify-content:center;font-weight:600;color:var(--accent-3)}.cost-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.cost-pills{display:flex;flex-direction:column;gap:6px;align-items:center}.cost-pill{padding:5px 12px;border-radius:999px;font-size:.79rem;letter-spacing:.4px;text-transform:uppercase;border:1px solid rgba(31,38,35,.12);background:#fffc}.cost-pill.gold{color:#8b5a2b;border-color:#8b5a2b4d;background:#ffeac7cc}.cost-pill.elixir{color:#6f2f78;border-color:#6f2f7840;background:#f4dcffbf}.cost-pill.mixed{color:#2f3a40;border-color:#2f3a4040;background:#e6e8eacc}.cost-pill.dark{color:#1f1f1f;border-color:#1f1f1f40;background:#d2d2d2bf}.cost-detail{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.totals-panel{margin-top:20px;padding:18px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.totals-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.totals-header h3{margin:0;font-size:.95rem;text-transform:uppercase;letter-spacing:.7px;color:var(--text)}.totals-header span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.totals-card{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;font-size:.78rem;border:1px solid var(--border);background:var(--surface);text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.totals-label{display:inline-flex;align-items:center;gap:6px;font-weight:600}.totals-icon{font-size:.9rem}.totals-card strong{font-size:1.05rem;text-transform:none;letter-spacing:0;color:var(--text)}.totals-card.total-time{background:var(--card-time-bg);border-color:var(--card-time-border)}.totals-card.total-time .totals-label{margin-top:-2px}.totals-card.total-time .totals-icon{position:relative;top:-1px}.totals-card.total-time strong{color:var(--card-time-text)}.totals-card.total-gold{background:var(--card-gold-bg);border-color:var(--card-gold-border)}.totals-card.total-gold strong,.totals-card.total-gold .totals-label{color:var(--card-gold-text)}.totals-card.total-mixed{background:var(--card-mixed-bg);border-color:var(--card-mixed-border)}.totals-card.total-mixed strong{background:var(--card-mixed-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.totals-card.total-elixir{background:var(--card-elixir-bg);border-color:var(--card-elixir-border)}.totals-card.total-elixir strong{color:var(--card-elixir-text)}.totals-card.total-elixir .totals-label{color:var(--card-elixir-label)}.totals-card.total-dark{background:var(--card-dark-bg);border-color:var(--card-dark-border)}.totals-card.total-dark strong{color:var(--card-dark-text)}.totals-card.total-dark .totals-label{color:var(--card-dark-label)}@media(max-width:768px){.breakdown-heading{align-items:flex-start}.breakdown-header-row,.breakdown-row{grid-template-columns:1.6fr 1fr 1.4fr;gap:8px;padding:10px 12px}.category-icon{font-size:1.5rem;width:36px;height:36px;border-radius:12px}.time-col,.cost-col{font-size:.85rem}}@media(max-width:480px){.breakdown-header-row,.breakdown-row{grid-template-columns:1.4fr .9fr 1.2fr;min-width:420px}.unlock-info{display:none}}.left-to-max{display:flex;flex-direction:column;gap:24px;max-width:920px;margin:0 auto}.left-to-max-header{text-align:center}.left-to-max-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 8px;text-transform:uppercase;letter-spacing:.8px}.left-to-max-header p{color:var(--text-muted);font-size:.95rem;margin:0}.left-to-max .category-tooltip:after{left:0;transform:translate(0);max-width:240px;white-space:normal;text-align:left}.left-to-max .category-tooltip:before{left:12px;transform:translate(0)}.left-to-max .category-link{border:1px solid var(--border);background:var(--surface-3);color:var(--text);padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.left-to-max .category-link:hover{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 8px 16px #1f7a6b33;transform:translateY(-1px)}.left-to-max-import{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px 24px;flex-wrap:wrap}.import-info h3{margin:0 0 8px;font-size:1.1rem;color:var(--text)}.import-info p{margin:0;color:var(--text-muted);font-size:.9rem}.import-steps{margin:12px 0 0;padding-left:18px;color:var(--text-muted);font-size:.85rem;line-height:1.5;display:grid;gap:6px}.import-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative}.mobile-paste{display:none;width:100%}.mobile-paste-input{width:100%;min-height:80px;max-height:140px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:12px 14px;font-size:.85rem;line-height:1.4;resize:vertical;font-family:inherit}.mobile-paste-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a6b2e}.paste-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 20px #1f7a6b33}.paste-btn:hover{transform:translateY(-1px);box-shadow:0 16px 24px #1f7a6b40}.paste-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.import-status{font-size:.85rem;font-weight:600}.import-status.success{color:var(--accent)}.import-status.error{color:#e74c3c}.paste-success-pop{position:absolute;top:-10px;right:0;transform:translateY(-100%);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:600;box-shadow:var(--shadow-soft);white-space:nowrap;z-index:5}.left-to-max-config{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px 22px;box-shadow:var(--shadow-soft)}.left-to-max-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.left-to-max-pass{display:flex;flex-direction:column;gap:8px}.left-to-max-pass label{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.9px}.left-to-max-pass .pass-select{position:relative;display:inline-flex;align-items:center}.left-to-max-pass select{background:var(--surface-2);border:1px solid rgba(31,38,35,.2);color:var(--text);padding:12px 38px 12px 12px;border-radius:12px;font-size:.95rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 12 12'%3E%3Cpath fill='%2366706a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;box-shadow:inset 0 1px #fff9}.left-to-max-pass select:hover{border-color:#1f7a6b80}.left-to-max-pass select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a6b2e}.left-to-max-pass .pass-lock{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:transparent;cursor:pointer}.left-to-max-pass .pass-pop{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:10px;font-size:.78rem;white-space:nowrap;box-shadow:var(--shadow-soft);z-index:5}.left-to-max-alert{background:var(--surface-2);border:1px dashed var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:12px 16px;font-size:.85rem;color:var(--text)}.results-summary{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}.summary-card{flex:1;min-width:150px;padding:16px 20px;background:var(--surface-2);border-radius:12px;text-align:center}.summary-card.cost{border:1px solid rgba(31,38,35,.12)}.summary-card.cost.gold{background:var(--card-gold-bg);border-color:var(--card-gold-border)}.summary-card.cost.mixed{background:var(--card-mixed-bg);border-color:var(--card-mixed-border)}.summary-card.cost.de{background:var(--card-dark-bg);border-color:var(--card-dark-border)}.summary-card.cost.elixir{background:var(--card-elixir-bg);border-color:var(--card-elixir-border)}.summary-card.highlight{background:var(--card-time-bg);border:1px solid var(--card-time-border)}.summary-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.summary-card.cost.de .summary-label{color:var(--card-dark-label)}.summary-card.cost.elixir .summary-label{color:var(--card-elixir-label)}.summary-card.cost.gold .summary-label{color:var(--card-gold-text)}.summary-value{display:block;font-size:1.4rem;font-weight:700;color:var(--text)}.summary-card.highlight .summary-value{color:var(--card-time-text)}.summary-card.cost.gold .summary-value{color:var(--card-gold-text)}.summary-card.cost.mixed .summary-value{background:var(--card-mixed-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-value.de{color:var(--card-dark-text)}.summary-value.elixir{color:var(--card-elixir-text)}.structure-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px}.structure-filters-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:700}.structure-filter-list{display:flex;flex-wrap:wrap;gap:8px}.structure-filter{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;gap:8px}.structure-filter.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 10px 18px #1f7a6b33}.filter-box{width:16px;height:16px;border-radius:4px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;line-height:1;background:var(--surface);color:var(--text)}.structure-filter.active .filter-box{border-color:#fff;background:#fff3;color:#fff}.structure-filter:hover{transform:translateY(-1px)}.left-chart{margin-bottom:28px}.left-chart h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text)}.chart-container{display:flex;flex-direction:column;gap:10px}.chart-row{display:flex;align-items:center;gap:16px}.chart-label{width:140px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.chart-hero-name{font-weight:600;font-size:.9rem;color:var(--text)}.chart-bar-container{flex:1;height:32px;background:var(--surface-2);border-radius:6px;overflow:hidden}.chart-bar{height:100%;background:linear-gradient(90deg,var(--accent),#2dd4a8);border-radius:6px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;min-width:fit-content;transition:width .3s ease}.chart-bar-label{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}@media(max-width:600px){.left-to-max,.left-to-max-header,.left-to-max-import,.left-to-max-config{width:100%}.left-to-max-import{flex-direction:column;align-items:stretch}.import-actions{width:100%;flex-direction:column;align-items:stretch;gap:12px}.results-summary{flex-direction:column}.left-to-max-config{flex-direction:column;align-items:stretch}.left-to-max-pass{justify-content:space-between}.left-to-max-pass select{width:100%}.chart-label{width:100px}}@media(max-width:768px){.mobile-paste{display:block}.import-actions{width:100%;align-items:stretch}.paste-btn{display:none}}.sixth-builder .sixth-totals{margin-top:24px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.sixth-builder .sixth-totals h3{margin:0 0 14px;font-size:1.1rem;color:var(--text)}.sixth-builder .totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.sixth-builder .total-card{padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.sixth-builder .total-label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.sixth-builder .total-value{font-size:1.05rem;font-weight:700;color:var(--text)}.sixth-builder .total-card.gold{border-color:var(--card-gold-border);background:var(--card-gold-bg)}.sixth-builder .total-card.gold .total-value{color:var(--card-gold-text)}.sixth-builder .total-card.elixir{border-color:var(--card-elixir-border);background:var(--card-elixir-bg)}.sixth-builder .total-card.elixir .total-value{color:var(--card-elixir-text)}.sixth-builder .total-card.mixed{border-color:var(--card-mixed-border);background:var(--card-mixed-bg)}.sixth-builder .total-card.mixed .total-value{color:var(--text)}.sixth-builder .total-card.home-gold{border-color:var(--card-gold-border);background:var(--card-gold-bg)}.sixth-builder .total-card.home-gold .total-value{color:var(--card-gold-text)}.sixth-builder .sixth-requirements{margin-top:24px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.sixth-builder .requirements-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sixth-builder .requirements-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:10px 14px;font-size:.98rem;font-weight:600;color:var(--text);cursor:pointer}.sixth-builder .requirements-chevron{font-size:1.1rem;transform:rotate(0);transition:transform .2s ease}.sixth-builder .requirements-chevron.open{transform:rotate(90deg)}.sixth-builder .requirements-panel{margin-top:14px;display:flex;flex-direction:column;gap:12px}.sixth-builder .alt-troop-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted)}.sixth-builder .alt-troop-toggle input{accent-color:var(--accent)}.sixth-builder .requirements-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.sixth-builder .requirements-table thead th{text-align:left;padding:8px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--surface-3)}.sixth-builder .requirements-table tbody td{padding:10px 12px;border-top:1px solid var(--border);font-size:.9rem;color:var(--text)}.sixth-builder .requirements-table tbody tr.complete{background:#35b49d14}.sixth-builder .breakdown-note{margin:6px 0 0;font-size:.85rem;color:var(--text-muted)}.sixth-builder .requirement-check{width:18px;height:18px;border-radius:5px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);background:var(--surface);margin-right:8px;font-size:.75rem}.sixth-builder .requirements-table tbody tr.complete .requirement-check{background:var(--accent);color:#fff;border-color:var(--accent)}.sixth-builder .requirement-label{font-weight:600;color:var(--text)}.sixth-builder .requirement-progress{display:flex;align-items:center;gap:10px}.sixth-builder .progress-bar{flex:1;height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;min-width:120px}.sixth-builder .progress-fill{height:100%;background:var(--accent)}.sixth-builder .progress-text{font-size:.8rem;color:var(--text-muted);min-width:54px;text-align:right}.sixth-builder .cost-pill.home-gold{background:var(--card-gold-bg);border:1px solid var(--card-gold-border);color:var(--card-gold-text)}.sixth-builder .category-tooltip:after{left:0;transform:translate(0);max-width:240px;white-space:normal;text-align:left}.sixth-builder .category-tooltip:before{left:12px;transform:translate(0)}@media(max-width:720px){.sixth-builder .totals-grid{grid-template-columns:1fr}}.ore-calculator{display:flex;flex-direction:column;gap:22px}.ore-header h2{margin:0;font-size:1.6rem;color:var(--text)}.ore-header p{margin:6px 0 0;color:var(--text-muted)}.ore-actions{display:flex;gap:12px;flex-wrap:wrap}.ore-btn{border:1px solid var(--border);border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--text)}.ore-btn:hover{transform:translateY(-1px)}.ore-empty{padding:18px;border-radius:16px;background:var(--surface);border:1px dashed var(--border);color:var(--text-muted)}.ore-type{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--border);color:var(--text);background:var(--surface-2)}.ore-type.common{background:#a8b0b92e;border-color:#a8b0b973}.ore-type.epic{background:#6f2f782e;border-color:#6f2f7859}.ore-remove{border:1px solid rgba(220,84,84,.45);background:#dc54541f;color:#f3b2b2;padding:6px 12px;border-radius:999px;cursor:pointer;font-size:.8rem}.ore-table{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-soft)}.ore-table-head,.ore-table-row{display:grid;grid-template-columns:minmax(160px,1fr) 120px 120px minmax(240px,1.4fr) 110px;align-items:center;gap:12px}.ore-table-head{padding:10px 16px;background:var(--surface-2);color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.ore-table-row-group{border-top:1px solid var(--border)}.ore-table-row{padding:12px 16px}.ore-cell input{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:8px 10px;color:var(--text);font-size:.9rem}.ore-cell-label{display:none;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px}.ore-cell-actions{display:flex;justify-content:flex-end}.ore-costs{display:flex;flex-wrap:wrap;gap:8px}.ore-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid transparent}.ore-pill.shiny{background:#4f9eff2e;border-color:#4f9eff66;color:#4f9eff}.ore-pill.glowy{background:#a86dff2e;border-color:#a86dff73;color:#b98cff}.ore-pill.starry{background:#f1c40f33;border-color:#f1c40f73;color:#f6d56c}.ore-warning{color:#d08a4e;font-size:.8rem;padding:0 16px 12px}.ore-totals{padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.ore-totals h3{margin:0 0 10px;font-size:1.1rem;color:var(--text)}.ore-total-pills{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:720px){.ore-table-head{display:none}.ore-table-row{grid-template-columns:1fr;gap:10px}.ore-cell-actions{justify-content:flex-start}.ore-cell-label{display:inline-block}}:root{--bg: #f4f1e8;--bg-accent: #e9e0d3;--bg-grad-1: #fff6e6;--bg-grad-2: #e8f4ef;--bg-grad-3: #f0e6da;--bg-grad-4: #efe7d8;--surface: #fff9f0;--surface-2: #f4ede1;--surface-3: #ece2d2;--border: rgba(32, 39, 34, .14);--text: #1f2623;--text-muted: #66706a;--accent: #1f7a6b;--accent-2: #c46b3f;--accent-3: #8b5a2b;--shadow: 0 24px 50px rgba(30, 35, 32, .12);--shadow-soft: 0 16px 30px rgba(30, 35, 32, .08);--header-bg: linear-gradient(135deg, #fff8ec 0%, rgba(255, 255, 255, .45) 55%, #f0e7d7 100%);--header-border: rgba(31, 38, 35, .12);--cta-bg: rgba(255, 255, 255, .85);--glow-1: rgba(31, 122, 107, .35);--glow-2: rgba(196, 107, 63, .28);--pill-bg: rgba(255, 255, 255, .65);--pill-border: rgba(31, 38, 35, .12);--pill-text: #66706a;--nav-button-bg: rgba(255, 255, 255, .85);--nav-button-border: rgba(31, 38, 35, .14);--nav-button-text: #1f2623;--card-time-bg: linear-gradient(135deg, rgba(31, 122, 107, .15), rgba(31, 122, 107, .05));--card-time-border: rgba(31, 122, 107, .3);--card-time-text: var(--accent);--card-gold-bg: linear-gradient(135deg, rgba(241, 196, 15, .1), rgba(241, 196, 15, .05));--card-gold-border: rgba(241, 196, 15, .3);--card-gold-text: #f1c40f;--card-mixed-bg: linear-gradient(135deg, rgba(230, 170, 0, .25), rgba(156, 39, 176, .25));--card-mixed-border: rgba(180, 100, 120, .5);--card-mixed-text: linear-gradient(90deg, #e6aa00, #9c27b0);--card-elixir-bg: rgba(244, 220, 255, .75);--card-elixir-border: rgba(111, 47, 120, .25);--card-elixir-text: #6f2f78;--card-elixir-label: #6f2f78;--card-dark-bg: rgba(210, 210, 210, .75);--card-dark-border: rgba(31, 31, 31, .25);--card-dark-text: #1f1f1f;--card-dark-label: #2a2a2a;color-scheme:light}:root[data-theme=dark]{--bg: #0f1412;--bg-accent: #18201c;--bg-grad-1: #1b241f;--bg-grad-2: #13201c;--bg-grad-3: #1f1a15;--bg-grad-4: #0b0f0e;--surface: #171d1a;--surface-2: #1f2622;--surface-3: #262f2a;--border: rgba(232, 238, 234, .12);--text: #e8edea;--text-muted: #a4ada7;--accent: #35b49d;--accent-2: #d58c62;--accent-3: #c08a55;--shadow: 0 24px 50px rgba(0, 0, 0, .45);--shadow-soft: 0 16px 30px rgba(0, 0, 0, .3);--header-bg: linear-gradient(135deg, #1d2421 0%, rgba(23, 29, 26, .75) 55%, #161b18 100%);--header-border: rgba(232, 238, 234, .1);--cta-bg: rgba(23, 29, 26, .9);--glow-1: rgba(53, 180, 157, .3);--glow-2: rgba(213, 140, 98, .25);--pill-bg: rgba(23, 29, 26, .9);--pill-border: rgba(232, 238, 234, .16);--pill-text: #dbe2dd;--nav-button-bg: #202926;--nav-button-border: rgba(232, 238, 234, .22);--nav-button-text: #e8edea;--card-time-bg: linear-gradient(135deg, rgba(53, 180, 157, .22), rgba(53, 180, 157, .08));--card-time-border: rgba(53, 180, 157, .4);--card-time-text: var(--accent);--card-gold-bg: linear-gradient(135deg, rgba(241, 196, 15, .22), rgba(241, 196, 15, .08));--card-gold-border: rgba(241, 196, 15, .4);--card-gold-text: #f6d56c;--card-mixed-bg: linear-gradient(135deg, rgba(230, 170, 0, .3), rgba(156, 39, 176, .32));--card-mixed-border: rgba(196, 120, 140, .6);--card-mixed-text: linear-gradient(90deg, #f0c24b, #d17cff);--card-elixir-bg: rgba(111, 47, 120, .35);--card-elixir-border: rgba(207, 148, 229, .4);--card-elixir-text: #d9a1ef;--card-elixir-label: #d9a1ef;--card-dark-bg: rgba(36, 42, 46, .85);--card-dark-border: rgba(135, 145, 153, .35);--card-dark-text: #e2e6ea;--card-dark-label: #c3c9cf;color-scheme:dark}:root[data-theme=light]{color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg: #0f1412;--bg-accent: #18201c;--bg-grad-1: #1b241f;--bg-grad-2: #13201c;--bg-grad-3: #1f1a15;--bg-grad-4: #0b0f0e;--surface: #171d1a;--surface-2: #1f2622;--surface-3: #262f2a;--border: rgba(232, 238, 234, .12);--text: #e8edea;--text-muted: #a4ada7;--accent: #35b49d;--accent-2: #d58c62;--accent-3: #c08a55;--shadow: 0 24px 50px rgba(0, 0, 0, .45);--shadow-soft: 0 16px 30px rgba(0, 0, 0, .3);--header-bg: linear-gradient(135deg, #1d2421 0%, rgba(23, 29, 26, .75) 55%, #161b18 100%);--header-border: rgba(232, 238, 234, .1);--cta-bg: rgba(23, 29, 26, .9);--glow-1: rgba(53, 180, 157, .3);--glow-2: rgba(213, 140, 98, .25);--pill-bg: rgba(23, 29, 26, .9);--pill-border: rgba(232, 238, 234, .16);--pill-text: #dbe2dd;--nav-button-bg: #202926;--nav-button-border: rgba(232, 238, 234, .22);--nav-button-text: #e8edea;--card-time-bg: linear-gradient(135deg, rgba(53, 180, 157, .22), rgba(53, 180, 157, .08));--card-time-border: rgba(53, 180, 157, .4);--card-time-text: var(--accent);--card-gold-bg: linear-gradient(135deg, rgba(241, 196, 15, .22), rgba(241, 196, 15, .08));--card-gold-border: rgba(241, 196, 15, .4);--card-gold-text: #f6d56c;--card-mixed-bg: linear-gradient(135deg, rgba(230, 170, 0, .3), rgba(156, 39, 176, .32));--card-mixed-border: rgba(196, 120, 140, .6);--card-mixed-text: linear-gradient(90deg, #f0c24b, #d17cff);--card-elixir-bg: rgba(111, 47, 120, .35);--card-elixir-border: rgba(207, 148, 229, .4);--card-elixir-text: #d9a1ef;--card-elixir-label: #d9a1ef;--card-dark-bg: rgba(36, 42, 46, .85);--card-dark-border: rgba(135, 145, 153, .35);--card-dark-text: #e2e6ea;--card-dark-label: #c3c9cf;color-scheme:dark}}*{box-sizing:border-box}body{font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 12% -10%,var(--bg-grad-1) 0%,transparent 60%),radial-gradient(900px 520px at 90% 10%,var(--bg-grad-2) 0%,transparent 55%),radial-gradient(700px 400px at 20% 90%,var(--bg-grad-3) 0%,transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-grad-4) 100%);color:var(--text);min-height:100vh}.app{max-width:1160px;margin:0 auto;padding:36px 24px 48px;min-height:100vh;display:flex;flex-direction:column;gap:22px;position:relative;isolation:isolate}.app:before,.app:after{content:"";position:absolute;z-index:-1;border-radius:999px;filter:blur(0px);opacity:.35}.app:before{width:320px;height:320px;top:-60px;right:-80px;background:radial-gradient(circle at 30% 30%,var(--glow-1),transparent 70%)}.app:after{width:260px;height:260px;bottom:80px;left:-90px;background:radial-gradient(circle at 40% 40%,var(--glow-2),transparent 70%)}.header{text-align:left;padding:28px 30px;background:var(--header-bg);border:1px solid var(--header-border);border-radius:22px;box-shadow:var(--shadow);position:relative}.header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.header-content{flex:1;min-width:0}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.header-about{position:relative;max-width:min(620px,100%);width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex-basis:100%}.about-pill{display:inline-flex;align-items:center;gap:6px;cursor:default}.about-pill .about-icon{width:16px;height:16px;border-radius:50%;background:#1f7a6b33;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;line-height:1;text-transform:lowercase}.header-about p{margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow-soft);color:var(--text-muted);font-size:.9rem;line-height:1.5;width:100%}.tool-about{margin-top:26px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px 24px;box-shadow:var(--shadow-soft)}.tool-about h3{margin:0 0 8px;font-size:.95rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text)}.tool-about p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.6}.timelines-heading{margin:12px 0 10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-soft)}.timelines-heading h3{margin:0;font-size:1.25rem;font-weight:900;color:var(--text);letter-spacing:1px;text-transform:uppercase;text-align:center}.heading-text{display:inline-block}.header-cta{border:1px solid var(--border);background:var(--cta-bg);border-radius:999px;padding:14px 28px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;color:var(--text)}.header-cta.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 12px 25px #1f7a6b40}.header-cta:hover{transform:translateY(-1px)}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 16px;font-weight:600;font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.theme-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--surface-2)}.theme-toggle__icon{width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23f1c40f' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21h6'/%3E%3Cpath d='M8 17h8'/%3E%3Cpath d='M12 3a7 7 0 0 0-4 12c.8.7 1.3 1.6 1.5 2.5h5c.2-.9.7-1.8 1.5-2.5A7 7 0 0 0 12 3z'/%3E%3Cpath d='M12 1.2q.6 1.1 0 2.2'/%3E%3Cpath d='M4.6 5q1 .2 1.7 1'/%3E%3Cpath d='M19.4 5q-1 .2-1.7 1'/%3E%3Cpath d='M1.4 12q1.1.5 2.2 0'/%3E%3Cpath d='M20.4 12q-1.1.5-2.2 0'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.theme-toggle__track{position:relative;width:44px;height:22px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);transition:background .2s ease,border-color .2s ease;display:inline-flex;align-items:center}.theme-toggle__knob{position:absolute;left:3px;top:2px;width:16px;height:16px;border-radius:50%;background:#f3d060;box-shadow:0 0 0 1px #5e461233,0 0 8px #f3d06080;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.theme-toggle[aria-pressed=true] .theme-toggle__track{background:var(--surface-3);border-color:var(--accent)}.theme-toggle[aria-pressed=true] .theme-toggle__knob{transform:translate(20px);background:var(--accent);box-shadow:0 0 0 1px #00000038,0 0 10px #35b49d80}.theme-toggle:hover{transform:translateY(-1px)}.theme-auto{font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;padding:4px 8px;border-radius:999px;background:var(--surface-2);color:var(--text-muted)}.header h1{font-family:Fraunces,Manrope,serif;font-size:clamp(2.2rem,3vw,2.9rem);letter-spacing:.4px;color:var(--text);margin:0;text-transform:uppercase}.brand-title{font-family:Fraunces,Manrope,serif;font-size:clamp(3.4rem,5.5vw,5.2rem);letter-spacing:3px;margin:0;text-transform:uppercase;display:inline-block;font-weight:800;transform:skew(-3deg)}.brand-clash{background:linear-gradient(180deg,#ffe0a0,#ffb347 25%,#ff6b35 60%,#b33a00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #7a2000) drop-shadow(4px 4px 0 #5a1500) drop-shadow(6px 6px 0 #3a0a00)}.brand-track{background:linear-gradient(180deg,#7a7a7a,#4a4a4a,#2a2a2a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #1a1a1a) drop-shadow(4px 4px 0 #0f0f0f) drop-shadow(6px 6px 0 #050505)}:root[data-theme=dark] .brand-track{background:linear-gradient(180deg,#fff,#d0d0d0 40%,#a0a0a0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 #444444) drop-shadow(4px 4px 0 #333333) drop-shadow(6px 6px 0 rgba(0,0,0,.6))}.header-sub{margin-top:10px;color:var(--text-muted);font-size:1.02rem;max-width:720px;line-height:1.5}.header-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}.view-toggle{display:flex;gap:12px;flex-wrap:wrap}.view-toggle button{border:1px solid var(--nav-button-border);background:var(--nav-button-bg);color:var(--nav-button-text);border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.view-toggle button.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 12px 25px #1f7a6b40}.view-toggle button:hover{transform:translateY(-1px)}.planner-header{text-align:center;margin-bottom:8px}.planner-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 8px;text-transform:uppercase;letter-spacing:.8px}.planner-header p{color:var(--text-muted);font-size:.95rem;margin:0}.meta-pill{padding:6px 12px;border-radius:999px;background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--pill-text);font-size:.78rem;letter-spacing:.6px;text-transform:uppercase}.main{flex:1;display:flex;flex-direction:column;gap:22px}.config-section{background:var(--surface);border-radius:18px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.config-card{background:var(--surface-2);border-radius:14px;padding:18px;border:1px solid rgba(31,38,35,.08)}.config-card h3{color:var(--accent);margin-bottom:12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.8px}.results-section{flex:1}.error,.error-banner{background:#c46b3f1f;border:1px solid rgba(196,107,63,.35);color:#9f4d2a;padding:14px 16px;border-radius:12px;text-align:center;box-shadow:var(--shadow-soft)}.loading,.loading-state{text-align:center;padding:28px;color:var(--text-muted);font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-soft)}.spinner{width:40px;height:40px;border:3px solid rgba(31,38,35,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.footer{text-align:center;padding:6px 0 0;color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;justify-content:center;gap:20px;margin-top:8px}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--accent)}.not-found{text-align:center;padding:80px 24px}.not-found h2{font-size:6rem;font-weight:900;color:var(--accent);margin:0;line-height:1}.not-found p{font-size:1.3rem;color:var(--text-muted);margin:16px 0 32px}.not-found-link{display:inline-block;background:var(--accent);color:#fff;padding:14px 28px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.not-found-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1f7a6b4d}.select-group{display:flex;flex-direction:column;gap:8px}.select-group label{color:var(--text-muted);font-size:.85rem}.select-group select,.select-group input[type=number]{background:var(--surface-2);border:1px solid rgba(31,38,35,.2);color:var(--text);padding:12px;border-radius:10px;font-size:1rem;cursor:pointer}.select-group select:focus,.select-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f7a6b33}.toggle-group{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(31,38,35,.1)}.toggle-group:last-child{border-bottom:none}.toggle-group label{color:var(--text)}.toggle-switch{position:relative;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#1f262333;border-radius:999px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#f8f3ea;border-radius:50%;transition:.3s;box-shadow:0 2px 6px #1f262340}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background:#fefcf8}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app{padding:22px 16px 36px}.app:before,.app:after{display:none}.header{padding:20px 18px}.header-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions" "subtitle subtitle" "meta meta";align-items:center;row-gap:8px}.header-content{display:contents}.header-top h1{grid-area:title}.header-sub{grid-area:subtitle}.header-meta{grid-area:meta;flex-wrap:nowrap;align-items:center}.header-actions{grid-area:actions;width:auto;max-width:100%;justify-content:flex-end;justify-self:end}.header-about{position:static;margin-top:0;align-self:center}.header-about p{position:static;margin-top:10px}.view-toggle{justify-content:flex-start}.header-sub{font-size:.95rem}.config-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:600px){.header-top{align-items:center}.header-actions{width:auto;max-width:100%;justify-content:flex-end}.theme-toggle{width:auto;max-width:100%;padding:5px 10px;gap:6px}.theme-toggle__track{width:34px;height:16px}.theme-toggle__knob{width:11px;height:11px}.header h1{font-size:clamp(1.9rem,7vw,2.35rem)}.header-sub{font-size:.9rem}.header-cta{width:auto;text-align:center}.view-toggle{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.view-toggle button{flex:0 0 auto;padding:8px 14px;font-size:.9rem}}.legal-page{background:var(--surface);border-radius:18px;padding:32px;border:1px solid var(--border);box-shadow:var(--shadow-soft);max-width:800px;margin:0 auto}.legal-page h2{font-size:1.8rem;font-weight:700;color:var(--text);margin:0 0 8px}.legal-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:28px}.legal-page section{margin-bottom:28px}.legal-page section:last-child{margin-bottom:0}.legal-page h3{font-size:1.1rem;font-weight:600;color:var(--accent);margin:0 0 12px}.legal-page p{color:var(--text);line-height:1.7;margin:0 0 12px}.legal-page p:last-child{margin-bottom:0}.legal-page ul{margin:12px 0;padding-left:24px;color:var(--text);line-height:1.7}.legal-page li{margin-bottom:8px}.legal-page li:last-child{margin-bottom:0}.legal-page a{color:var(--accent);text-decoration:none;transition:opacity .2s ease}.legal-page a:hover{opacity:.8;text-decoration:underline}.contact-page .contact-info{background:var(--surface-2);border-radius:14px;padding:20px 24px;border:1px solid var(--border)}.contact-page .contact-email{font-size:1.2rem;font-weight:600}@media(max-width:768px){.legal-page{padding:24px 20px}.legal-page h2{font-size:1.5rem}.legal-page h3{font-size:1rem}}