.pets-container{max-width:1400px;color:var(--text-light);font-family:var(--font-body);margin:0 auto;padding:20px 40px}.pets-title{font-family:var(--font-title);color:var(--accent);text-shadow:0 2px 4px #000c;margin-bottom:10px;font-size:2.5rem}.pets-intro{color:#ccc;margin-bottom:30px;font-size:1rem;line-height:1.5}.pets-tabs-header{border-bottom:2px solid #334;gap:4px;margin-bottom:20px;display:flex}.pets-tab-btn{color:#aaa;font-family:var(--font-title);cursor:pointer;background:#14141e;border:1px solid #334;border-bottom:none;border-radius:8px 8px 0 0;padding:12px 24px;font-size:1.1rem;font-weight:700;transition:all .3s}.pets-tab-btn:hover{color:#ddd;background:#1a1a24}.pets-tab-btn.active{color:#111;background:#f5b041;border-color:#f5b041;box-shadow:0 -4px 10px #f5b04133}.pets-single-pane{border-radius:8px}.pets-tab-content{background:#14141e;border:1px solid #334;border-radius:0 8px 8px;min-height:500px;padding:20px;box-shadow:0 4px 15px #00000080}.pets-table-container{overflow-x:auto}.pets-table{border-collapse:collapse;width:100%}.pets-table th{color:var(--accent);text-align:center;background:#0a0a0f;border:1px solid #334;padding:8px 10px;font-size:.9rem;font-weight:700}.pets-table td{text-align:center;vertical-align:middle;color:#ccc;border:1px solid #334;padding:8px 10px;font-size:.85rem}.pets-table tr:nth-child(2n){background:#1a1a24}.pet-icon-cell{flex-direction:column;align-items:center;gap:4px;display:flex}.pet-icon-cell img{background:#000;border-radius:4px;width:40px;height:40px;box-shadow:0 2px 4px #000c}.pet-icon-cell span{color:#fff;font-size:.8rem;font-weight:700}.calc-grid{grid-template-columns:300px 1fr;gap:30px;display:grid}.calc-sidebar,.calc-main{background:#0a0a0f;border:1px solid #334;border-radius:8px;padding:20px}.calc-input-group{margin-bottom:15px}.calc-input-group label{color:var(--accent);margin-bottom:5px;font-size:.85rem;font-weight:700;display:block}.calc-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.calc-stat-box{text-align:center;background:#1a1a24;border:1px solid #334;border-radius:4px;padding:10px}.calc-stat-name{color:#aaa;margin-bottom:5px;font-size:.8rem}.calc-stat-value{color:#2ecc71;font-size:1.2rem;font-weight:700}.evolution-nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.evolution-nav-btn{font-family:var(--font-title);cursor:pointer;background:#0a0a0f;border:1px solid #334;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .3s}.evolution-nav-btn:hover{background:#1a1a24}.evolution-nav-btn.active{background:#1a1a24;font-weight:700;box-shadow:0 0 10px #ffffff1a}.org-tree{justify-content:center;padding:20px 0 40px;display:flex;overflow-x:auto}.org-tree ul{justify-content:center;margin:0;padding-top:30px;padding-left:0;display:flex;position:relative}.org-tree li{text-align:center;flex-direction:column;align-items:center;padding:30px 5px 0;list-style-type:none;display:flex;position:relative}.org-tree li:before,.org-tree li:after{content:"";z-index:0;border-top:2px solid #555;width:50%;height:30px;position:absolute;top:0;right:50%}.org-tree li:after{border-left:2px solid #555;left:50%;right:auto}.org-tree li:first-child:before,.org-tree li:last-child:after{border:0}.org-tree li:last-child:before{border-right:2px solid #555;border-radius:0 5px 0 0}.org-tree li:first-child:after{border-radius:5px 0 0}.org-tree li:only-child:before{display:none}.org-tree li:only-child:after{border:0;border-left:2px solid #555;border-radius:0}.org-tree>ul>li:only-child:after{display:none}.org-tree ul:before{content:"";z-index:0;border-left:2px solid #555;width:0;height:30px;position:absolute;top:0;left:50%}.org-tree>ul:before{display:none}.card-wrapper{z-index:10;flex-grow:0;justify-content:center;width:100%;display:flex;position:relative}.pet-card-rich{box-sizing:border-box;background:#1a1a24;border:1px solid #334;border-radius:12px;flex-direction:column;align-items:center;width:170px;height:310px;margin:0 auto;padding:10px;display:flex;box-shadow:0 4px 15px #00000080}.pet-avatar{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 6px #00000080);border-radius:4px;width:70px;height:70px;margin-top:-5px;margin-bottom:5px}.pet-card-name{font-family:var(--font-title);text-align:center;justify-content:center;align-items:center;width:100%;height:30px;font-size:.95rem;font-weight:700;display:flex}.pet-card-type{color:#ccc;text-align:center;justify-content:center;align-items:center;width:100%;height:30px;font-size:.65rem;display:flex}.pet-card-spells{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;width:100%;height:90px;margin-top:5px;display:flex}.pet-spell-badge{color:#ddd;background:#2a2a35;border:1px solid #555;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:90%;padding:3px 8px;font-size:.65rem;display:flex;box-shadow:inset 0 1px 2px #ffffff0d}.pet-spell-badge img{width:14px;height:14px}.pet-card-stats{text-align:center;background:#0a0a0f;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:2px;width:100%;margin-top:auto;padding:6px 2px;display:grid}.pet-stat-col{flex-direction:column;gap:2px;display:flex}.pet-stat-header{color:#888;text-transform:uppercase;font-size:.55rem;font-weight:700}.pet-stat-hp{color:#e74c3c;font-size:.75rem;font-weight:700}.pet-stat-mp{color:#3498db;font-size:.75rem;font-weight:700}.pet-stat-atk{color:#f1c40f;font-size:.75rem;font-weight:700}.pet-stat-dfs{color:#2ecc71;font-size:.75rem;font-weight:700}.premium-pets-pane{flex-direction:column;gap:20px;display:flex}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141e99;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000004d}.pets-filters-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex}.search-wrapper{flex:1;min-width:250px;position:relative}.search-icon{color:#888;position:absolute;top:50%;left:12px;transform:translateY(-50%)}input[type=text].pets-search-input{color:#fff;width:100%;font-family:var(--font-body);text-align:left;background:#111;border:1px solid #333;border-radius:8px;padding:10px 12px 10px 40px;transition:all .3s}input[type=text].pets-search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px #f5b04133}.filters-wrapper{gap:12px;display:flex}.pets-filter-select{color:#ddd;font-family:var(--font-body);cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 16px}.pets-filter-select:hover{border-color:#ffffff4d}.pets-results-count{color:#aaa;font-size:.9rem}.pets-results-count span{color:var(--accent);font-size:1.1rem;font-weight:700}.pets-table-wrapper{border:1px solid #ffffff0d;border-radius:12px;overflow-x:auto}.pets-data-table{border-collapse:collapse;text-align:left;width:100%}.pets-data-table th{color:var(--accent);text-transform:uppercase;letter-spacing:1px;z-index:10;background:#0a0a0fcc;border-bottom:2px solid #ffffff1a;padding:16px;font-size:.8rem;font-weight:700;position:sticky;top:0}.pets-data-table td{vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:16px}.pet-data-row{cursor:pointer;background:#14141e66;transition:all .2s}.pet-data-row:hover{background:#28283299}.pet-data-row.expanded{border-left:3px solid var(--accent);background:#282832cc}.pet-icon-cell{align-items:center;gap:12px;display:flex}.pet-img-placeholder,.pet-img{object-fit:contain;background:#00000080;border-radius:8px;width:48px;height:48px;box-shadow:0 4px 8px #0006}.pet-name-info{flex-direction:column;gap:4px;display:flex}.pet-name{color:#fff;font-size:1.1rem;font-weight:700}.pet-kind{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;width:max-content;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-block}.pet-kind.boss{color:#e74c3c;background:#e74c3c33;border:1px solid #e74c3c4d}.pet-kind.mob{color:#3498db;background:#3498db33;border:1px solid #3498db4d}.pet-stats-cell{color:#ddd;flex-direction:column;gap:4px;font-size:.9rem;display:flex}.stat-line{align-items:center;gap:8px;display:flex}.stat-label{color:#888;width:20px;font-size:.8rem}.element-badge{color:#ccc;background:#ffffff1a;border-radius:12px;width:max-content;margin-top:4px;padding:2px 8px;font-size:.75rem;display:inline-block}.pet-loc-cell{color:#aaa;font-size:.95rem}.loc-unknown{opacity:.5;font-style:italic}.pet-type-cell{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.type-badge{border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700}.tier-badge{color:#aaa;background:#ffffff0d;border-radius:12px;padding:2px 8px;font-size:.75rem}.pet-skills-cell{flex-wrap:wrap;gap:6px;max-width:250px;display:flex}.skill-badge{color:#ddd;background:#00000080;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:.75rem}.pet-details-row td{border:none;padding:0}.pet-details-panel{background:#0a0a0fe6;border-top:none;border-radius:0 0 12px 12px;margin:0 16px 16px;padding:24px;animation:.3s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.evo-title{color:var(--accent);font-family:var(--font-title);margin-top:0;margin-bottom:16px;font-size:1.2rem}.evolution-grid{flex-wrap:wrap;gap:16px;display:flex}.evolution-card{background:#1e1e2899;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:12px;width:200px;padding:16px;display:flex;box-shadow:0 4px 12px #0003}.evo-header{justify-content:space-between;align-items:center;display:flex}.evo-stage{text-transform:uppercase;color:#aaa;font-size:.7rem;font-weight:700}.evo-type{color:#fff;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:.7rem}.evo-name{color:#fff;font-size:1.1rem;font-weight:700}.evo-stats{flex-direction:column;gap:6px;margin-top:auto;display:flex}.evo-stat-item{align-items:center;gap:8px;font-size:.75rem;display:flex}.evo-stat-key{color:#888;width:50px}.evo-stat-bar-bg{background:#00000080;border-radius:2px;flex:1;height:4px;overflow:hidden}.evo-stat-bar-fill{background:var(--accent);border-radius:2px;height:100%}.evo-stat-val{color:#ddd;text-align:right;width:20px;font-weight:700}.no-evo-data{color:#888;font-style:italic}.pets-pagination-notice{text-align:center;color:#888;background:#0003;border-top:1px solid #ffffff0d;padding:16px;font-size:.9rem}.pet-req-badge{white-space:nowrap;border:1px solid;border-radius:10px;margin-bottom:5px;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.pet-teaching-legend{color:#aaa;background:#0a0a0f;border:1px solid #334;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:16px;padding:12px 16px;font-size:.8rem;display:flex}.pet-teaching-legend strong{color:var(--accent);font-family:var(--font-title)}.pet-teaching-legend-item{align-items:center;gap:6px;display:inline-flex}.pet-teaching-legend-item .pet-req-badge{margin-bottom:0}.pet-tree-count{color:#999;font-size:.85rem}.pet-tree-btn{color:var(--accent);border:1px solid var(--accent);min-height:40px;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:.8rem;transition:all .3s}.pet-tree-btn:hover{background:var(--accent);color:#111}.pet-tree-btn:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.pet-tree-empty{text-align:center;color:#aaa;background:#0a0a0f;border:1px dashed #334;border-radius:8px;padding:48px 20px}.pet-tree-empty p{margin-bottom:16px}.pet-family-tabs{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:6px;margin-bottom:4px;padding:4px 2px 12px;display:grid}.pet-family-tab{width:100%;min-height:44px;font-family:var(--font-body);text-align:center;cursor:pointer;background:0 0;border:1px solid;border-radius:20px;justify-content:center;align-items:center;padding:8px 10px;font-size:.8rem;font-weight:700;line-height:1.15;transition:all .25s;display:inline-flex}.pet-family-tab:hover{filter:brightness(1.25)}.pet-family-tab:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.pet-family-tab.active{box-shadow:0 2px 10px #0009}.pet-family-panel{background:#0f0f18;border:1px solid #334;border-radius:8px;overflow:hidden}.pet-family-panel-header{border-left:4px solid var(--primary);background:#0a0a0f;border-bottom:1px solid #334;padding:14px 16px}.pet-family-panel-header h3{font-family:var(--font-title);color:var(--accent);margin-bottom:2px;font-size:1.25rem}.pet-family-panel-meta{color:#999;font-size:.8rem}.pet-img-placeholder{text-align:center;color:#777;background:#000;border:1px dashed #334;border-radius:4px;justify-content:center;align-items:center;width:50px;height:50px;padding:2px;font-size:.5rem;font-style:italic;line-height:1.15;display:inline-flex}@media (width<=768px){.pet-family-panel-header h3{font-size:1.05rem}.pet-family-tabs{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:5px}.pet-family-tab{padding:8px 6px;font-size:.72rem}}.pet-avatar-wrap{line-height:0;display:inline-block}.pet-avatar-wrap.is-portrait{border:1px dashed #444;border-radius:4px;padding:2px}.evo-graph{padding:8px 4px 4px;position:relative}.evo-edges{pointer-events:none;z-index:0;position:absolute;inset:0}.evo-edge-label{font-family:var(--font-body);text-anchor:middle;paint-order:stroke;stroke:#0f0f18;stroke-width:3px;stroke-linejoin:round;font-size:10px;font-weight:700}.evo-layer{z-index:1;margin-bottom:58px;position:relative}.evo-layer:last-child{margin-bottom:8px}.evo-layer-label{font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;color:#5c5c70;margin-bottom:6px;font-size:.7rem;display:block}.evo-layer-nodes{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:clamp(4px,1vw,14px);display:flex}.evo-node{cursor:pointer;text-align:center;min-width:0;max-width:150px;font-family:var(--font-body);background:#14141e;border:1px solid #334;border-radius:10px;flex-direction:column;flex:1 1 0;align-items:center;gap:5px;padding:8px 6px;transition:border-color .2s,opacity .2s,transform .2s;display:flex}.evo-node:hover{border-color:var(--primary);transform:translateY(-1px)}.evo-node:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.evo-node.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 4px 14px #0009}.evo-node.is-dimmed{opacity:.35}.evo-node-img{background:#0a0a0f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.evo-node-img.is-portrait{border:1px dashed #444}.evo-node-img img{object-fit:contain;max-width:40px;max-height:40px;image-rendering:pixelated}.evo-node-noimg{color:#666;font-size:.75rem}.evo-node-text{width:100%;min-width:0;display:block}.evo-node-text strong{color:#fff;overflow-wrap:anywhere;font-size:.72rem;line-height:1.2;display:block}@media (width<=768px){.pets-tab-content{padding:10px 5px}.evo-graph{padding:6px 0 4px}.evo-layer-nodes{gap:3px}.evo-node{border-radius:7px;gap:3px;padding:5px 2px}.evo-node-img{width:34px;height:34px}.evo-node-img img{max-width:30px;max-height:30px}.evo-node-text strong{font-size:.55rem;line-height:1.15}.evo-layer{margin-bottom:46px}.evo-edge-label{font-size:8px}}.pet-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pet-modal{border:1px solid var(--primary);width:100%;max-width:560px;max-height:88vh;color:var(--text-light);font-family:var(--font-body);background:#14141e;border-radius:12px;position:relative;overflow-y:auto;box-shadow:0 16px 48px #000000b3}.pet-modal-close{color:#aaa;cursor:pointer;background:0 0;border:1px solid #334;border-radius:8px;width:36px;height:36px;font-size:1.4rem;line-height:1;transition:all .2s;position:absolute;top:8px;right:8px}.pet-modal-close:hover{background:var(--accent);border-color:var(--accent);color:#111}.pet-modal-close:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.pet-modal-header{background:#0a0a0f;border-bottom:1px solid #334;border-radius:12px 12px 0 0;align-items:center;gap:16px;padding:18px 56px 16px 18px;display:flex}.pet-modal-img{background:#000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.pet-modal-img.is-portrait{border:1px dashed #444}.pet-modal-img img{object-fit:contain;max-width:80px;max-height:80px;image-rendering:pixelated}.pet-modal-header h3{font-family:var(--font-title);color:var(--accent);font-size:1.4rem;line-height:1.2}.pet-modal-sub{color:#999;margin-top:4px;font-size:.8rem}.pet-modal-tag{color:#888;border:1px dashed #555;border-radius:8px;margin-left:8px;padding:1px 8px;font-size:.68rem;font-style:italic;display:inline-block}.pet-modal-body{gap:16px;padding:16px 18px 20px;display:grid}.pet-modal-body h4{font-family:var(--font-title);letter-spacing:.5px;text-transform:uppercase;color:var(--primary);margin-bottom:6px;font-size:.85rem}.pet-modal-path{color:#ddd;font-size:.9rem}.pet-modal-stats{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;display:grid}.pet-modal-stats div{text-align:center;background:#0a0a0f;border-radius:6px;padding:6px 4px}.pet-modal-stats dt{color:#777;letter-spacing:.5px;font-size:.6rem}.pet-modal-stats dd{color:var(--accent);font-size:.95rem;font-weight:700}.pet-modal-cap{color:#666;font-size:.7rem;font-weight:400}.pet-modal-skills{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.pet-modal-skills li{color:#ddd;background:#0a0a0f;border:1px solid #334;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:.8rem;display:inline-flex}.pet-modal-skills img{width:24px;height:24px;image-rendering:pixelated;border-radius:4px}.pet-modal-skill-noicon{background:#1a1a24;border:1px dashed #334;border-radius:4px;width:24px;height:24px}.pet-modal-links{flex-direction:column;gap:6px;list-style:none;display:flex}.pet-modal-links li{align-items:center;gap:8px;display:flex}.pet-modal-links button{color:var(--accent);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.pet-modal-links button:hover{color:var(--hover)}.pet-modal-links button:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.pet-modal-links em{color:#888;font-size:.75rem;font-style:normal}.pet-modal-empty{color:#777;font-size:.82rem}@media (width<=768px){.pet-modal-backdrop{padding:10px}.pet-modal-header{gap:12px;padding:16px 48px 14px 14px}.pet-modal-img{width:64px;height:64px}.pet-modal-img img{max-width:58px;max-height:58px}.pet-modal-header h3{font-size:1.1rem}}.compare-table{border-collapse:collapse;width:100%;font-size:.85rem}.compare-table th,.compare-table td{border-bottom:1px solid var(--border);text-align:right;padding:6px 8px}.compare-table thead th{background:var(--surface-deep);color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:.7rem}.compare-table tbody th{text-align:left;color:var(--text-muted);font-weight:400}.compare-table td{color:var(--text-body);font-variant-numeric:tabular-nums}.compare-table .is-active{color:var(--accent);font-weight:700}.compare-table td.is-up{color:var(--ok)}.compare-table td.is-down{color:var(--danger)}.compare-table small{color:var(--text-dim);font-weight:400}.quest-row:hover{background-color:#ffffff0d}.quest-type{border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700;display:inline-block}.badge-main{color:#333;background-color:gold}.badge-side{color:#fff;background-color:#6c757d}.accordion-icon{color:var(--accent);font-size:.8rem;transition:transform .3s}.quest-details-row{background-color:#0003}.quest-details-cell{padding:0!important}.quest-steps-container{border-left:4px solid var(--accent);padding:1rem 2rem;animation:.3s ease-out forwards slideDown}.quest-steps-container h4{color:var(--accent);margin-top:0;margin-bottom:1rem;font-size:1.1rem}.quest-steps-list ol{color:#ddd;margin:0;padding-left:1.5rem}.quest-steps-list li{margin-bottom:.5rem;line-height:1.4}.cap-container{max-width:1400px;color:var(--text-light);font-family:var(--font-body);margin:0 auto;padding:20px 40px}.cap-title{font-family:var(--font-title);color:var(--accent);text-shadow:0 2px 4px #000c;margin-bottom:10px;font-size:2.5rem}.cap-intro{color:var(--text-body);margin-bottom:24px;font-size:1rem;line-height:1.5}.cap-filters{background:var(--surface-filter);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.cap-search{flex:1;min-width:220px}.cap-filters select{min-width:170px}.cap-checkbox{min-height:44px;color:var(--text-body);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.cap-checkbox input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.cap-btn{color:var(--accent);border:1px solid var(--accent);min-height:44px;font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:8px;padding:10px 16px;font-size:.9rem;transition:all .3s}.cap-btn:hover:not(:disabled){background:var(--accent);color:#111}.cap-btn:disabled{opacity:.35;cursor:not-allowed}.cap-btn:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.cap-count{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.cap-empty{background:var(--surface-card);border:1px dashed var(--border);text-align:center;color:var(--text-muted);border-radius:8px;padding:48px 20px}.cap-empty p{margin-bottom:16px}.cap-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-bottom:24px;display:grid}.cap-card{text-align:center;background:var(--surface-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;align-items:center;padding:14px;transition:border-color .3s,transform .3s;display:flex;position:relative}.cap-card:hover{border-color:var(--primary);transform:translateY(-2px)}.cap-card-image{background:var(--surface-deep);border-radius:6px;justify-content:center;align-items:flex-end;width:100%;height:110px;margin-bottom:10px;display:flex;position:relative;overflow:hidden}.cap-card-image img{object-fit:contain;max-width:100%;max-height:104px;image-rendering:pixelated}.cap-no-image{color:var(--text-dim);align-self:center;padding:0 10px;font-size:.7rem;font-style:italic}.cap-boss-tag,.cap-star-tag{letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700;position:absolute;top:6px;right:6px}.cap-boss-tag{color:var(--text-strong);background:#c0392b}.cap-star-tag{color:var(--accent);border:1px solid var(--primary);background:#f5b04133}.cap-card-name{font-family:var(--font-title);color:var(--text-strong);margin-bottom:2px;font-size:1rem;line-height:1.25}.cap-card-sub{color:var(--text-muted);margin-bottom:8px;font-size:.78rem}.cap-type-badge{border:1px solid;border-radius:10px;margin-bottom:10px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.cap-stats{background:var(--surface-deep);border-radius:6px;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;margin-bottom:8px;padding:6px 4px;display:grid}.cap-stats div{flex-direction:column;align-items:center;display:flex}.cap-stats dt{color:var(--text-dim);letter-spacing:.5px;font-size:.6rem}.cap-stats dd{color:var(--accent);font-size:.8rem;font-weight:700}.cap-card-meta{width:100%;color:var(--text-muted);text-align:left;font-size:.72rem;line-height:1.5}.cap-meta-label{color:var(--text-dim)}.cap-skills{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.cap-skill{border:1px solid var(--border);color:#bbb;background:#1a1a24;border-radius:8px;padding:2px 6px;font-size:.65rem}.cap-card-desc{color:#888;margin-top:6px;font-size:.7rem;font-style:italic}.cap-pagination{color:var(--text-muted);justify-content:center;align-items:center;gap:14px;margin-bottom:30px;font-size:.85rem;display:flex}@media (width<=1024px){.cap-container{padding:20px}}@media (width<=768px){.cap-container{padding:16px}.cap-title{font-size:1.8rem}.cap-search,.cap-filters select,.cap-btn,.cap-checkbox{flex:100%;width:100%;min-width:0}.cap-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cap-card-image{height:90px}.cap-card-image img{max-height:84px}}.cap-card-name .cap-card-trigger{font:inherit;color:inherit;cursor:pointer;text-align:center;background:0 0;border:none;padding:0}.cap-card-trigger:after{content:"";border-radius:var(--radius-md);position:absolute;inset:0}.cap-card:has(.cap-card-trigger):hover{border-color:var(--accent)}.cap-card-trigger:focus-visible:after{outline:2px solid var(--hover);outline-offset:2px}.cap-card-trigger:hover{color:var(--accent)}.cap-level{flex:none;width:110px}.cap-card-tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.badge{border-radius:var(--radius-sm);letter-spacing:.5px;border:1px solid #0000;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.badge.boss-badge{color:var(--danger);background:#c0392b38;border-color:#c0392b}.badge.event-badge{color:#b479d6;background:#9b59b633;border-color:#8e44ad}.badge.capturable-badge{color:var(--ok);border-color:var(--ok);background:#2ecc712e}.bestiary-cap-link{color:var(--accent);border-bottom:1px dashed var(--primary);margin-top:8px;font-size:.85rem;text-decoration:none;transition:color .3s;display:inline-block}.bestiary-cap-link:hover{color:var(--hover)}.bestiary-cap-link:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.source-switch{background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-pill);gap:4px;margin-bottom:16px;padding:4px;display:inline-flex}.source-switch-btn{border-radius:var(--radius-pill);min-height:44px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:1px;padding:8px 20px;transition:background .25s,color .25s;display:flex}.source-switch-btn strong{font-family:var(--font-title);letter-spacing:1px;font-size:.95rem}.source-switch-btn em{opacity:.75;font-size:.62rem;font-style:normal}.source-switch-btn:hover{color:var(--text-strong)}.source-switch-btn.active{background:var(--accent);color:#111}.source-switch-btn:focus-visible{outline:2px solid var(--hover);outline-offset:2px}@media (width<=768px){.source-switch{width:100%;display:flex}.source-switch-btn{flex:1;padding:8px 10px}}.cap-card-alias{color:var(--text-dim);margin:-4px 0 6px;font-size:.7rem;font-style:italic}.cap-card.is-missing .cap-card-image img{opacity:.35;filter:grayscale()}.cap-stats-missing{background:var(--surface-deep);border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dim);text-align:center;margin-top:2px;padding:10px 6px;font-size:.72rem}.wardrobe-toggle{background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.wardrobe-toggle-btn{border-radius:var(--radius-pill);min-height:38px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:.85rem;transition:background .2s,color .2s}.wardrobe-toggle-btn:hover{color:var(--text-strong)}.wardrobe-toggle-btn.active{background:var(--accent);color:var(--surface-deep);font-weight:700}.wardrobe-toggle-btn:focus-visible{outline:2px solid var(--hover);outline-offset:2px}@media (width<=768px){.wardrobe-toggle-btn{min-height:44px}}.dressup{grid-template-columns:476px minmax(0,1fr);align-items:start;gap:20px;margin-bottom:30px;display:grid}.dressup-stage>*{flex-shrink:0}.dressup-stage{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;min-width:0;max-height:calc(100vh - 32px);padding:14px;display:flex;position:sticky;top:16px;overflow-y:auto}.dressup-well{background:radial-gradient(ellipse at 50% 85%, var(--sprite-well) 0%, var(--sprite-well-edge) 75%);border:1px solid var(--border);border-radius:6px;flex:none;justify-content:center;align-items:flex-start;width:100%;display:flex;position:relative;overflow:hidden}.dressup-canvas{width:444px;max-width:100%;height:auto;image-rendering:pixelated;display:block}.dressup-loading{text-align:center;color:var(--text-muted);font-size:.8rem;position:absolute;inset:auto 0 10px}.dressup-rotate,.dressup-stepper{align-items:center;gap:6px;display:flex}.dressup-rotate{justify-content:center}.dressup-view-label,.dressup-stepper-value{text-align:center;min-width:118px;color:var(--text-body);font-variant-numeric:tabular-nums;font-size:.85rem}.dressup-stepper-value{min-width:88px}.dressup-icon-btn{background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-md);min-width:44px;min-height:44px;color:var(--accent);cursor:pointer;justify-content:center;align-items:center;padding:0 10px;font-size:.95rem;transition:border-color .2s,color .2s;display:inline-flex}.dressup-icon-btn:hover{border-color:var(--accent);color:var(--hover)}.dressup-play-btn{font-family:var(--font-body);padding:0 12px;font-size:.82rem}.dressup-icon-btn[aria-pressed=true]{border-color:var(--accent)}.dressup-icon-btn:focus-visible,.dressup-swatch:focus-visible,.dressup-slot-btn:focus-visible,.dressup-piece:focus-visible,.dressup-chip-remove:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.dressup-hint,.dressup-empty-note{color:var(--text-muted);font-size:.8rem;font-style:italic}.dressup-hint{text-align:center}.dressup-controls{flex-direction:column;gap:12px;display:flex}.dressup-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dressup-row-stack{flex-flow:column;align-items:stretch}.dressup-label{font-family:var(--font-title);letter-spacing:.5px;color:var(--accent);font-size:.85rem}.dressup-swatches{grid-template-columns:repeat(auto-fill,28px);grid-auto-rows:28px;justify-content:space-between;gap:6px;display:grid}.dressup-swatch{background:var(--swatch);border:2px solid var(--border);cursor:pointer;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .15s,border-color .15s}.dressup-swatch:hover{transform:scale(1.12)}.dressup-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--surface-deep), 0 0 0 4px var(--accent)}.dressup-actions{flex-wrap:wrap;gap:8px;display:flex}.dressup-actions .cap-btn{flex:auto;padding:8px 12px}.dressup-notice:empty{display:none}.dressup-notice{background:var(--surface-deep);border-left:3px solid var(--warn);border-radius:var(--radius-sm);color:var(--text-body);overflow-wrap:anywhere;padding:8px 10px;font-size:.8rem}.dressup-subtitle{font-family:var(--font-title);color:var(--accent);margin-bottom:6px;font-size:.95rem}.dressup-chips{flex-direction:column;gap:4px;list-style:none;display:flex}.dressup-chip{background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:2px 2px 2px 10px;font-size:.82rem;display:flex}.dressup-chip-slot{min-width:78px;color:var(--text-dim);flex:none}.dressup-chip-name{min-width:0;color:var(--text-body);overflow-wrap:anywhere;flex:1}.dressup-chip-remove{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;font-size:1.2rem;line-height:1}.dressup-chip-remove:hover{color:var(--danger)}.dressup-panel{min-width:0}.dressup-slots{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.dressup-slot-btn{background:var(--surface-deep);border:1px solid var(--border);border-radius:var(--radius-pill);min-height:40px;color:var(--text-muted);font-family:var(--font-body);cursor:pointer;align-items:baseline;gap:6px;padding:8px 14px;font-size:.88rem;transition:background .2s,color .2s,border-color .2s;display:inline-flex;position:relative}.dressup-slot-btn em{opacity:.75;font-size:.7rem;font-style:normal}.dressup-slot-btn:hover{color:var(--text-strong);border-color:var(--primary)}.dressup-slot-btn.active{background:var(--accent);border-color:var(--accent);color:var(--surface-deep);font-weight:700}.dressup-slot-btn.equipped:after{content:"";background:var(--ok);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:6px}.dressup-filters{margin-bottom:10px;padding:12px}.dressup-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;scroll-margin-top:16px;display:flex}.dressup-panel-head .cap-count{margin-bottom:0}.dressup-remove-btn{overflow-wrap:anywhere;text-align:left;max-width:100%;padding:6px 12px}.dressup-panel{container-type:inline-size}.dressup-pagination{gap:10px;margin-bottom:0}.dressup-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:20px;list-style:none;display:grid}.dressup-piece{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;height:100%;color:var(--text-body);font-family:var(--font-body);text-align:center;cursor:pointer;flex-direction:column;align-items:stretch;gap:4px;padding:6px;transition:border-color .2s,transform .2s;display:flex}.dressup-piece:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.dressup-piece.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dressup-piece:disabled{opacity:.4;cursor:not-allowed}.dressup-piece-thumb{background:radial-gradient(ellipse at 50% 85%, var(--sprite-well) 0%, var(--sprite-well-edge) 75%);border-radius:var(--radius-sm);justify-content:center;align-items:flex-end;height:132px;display:flex;overflow:hidden}.dressup-piece-thumb img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;image-rendering:pixelated;display:block}.dressup-thumb-placeholder{width:100%;height:100%;display:block}.dressup-piece-stats{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.66rem;line-height:1.3}.dressup-piece-name{overflow-wrap:anywhere;font-size:.78rem;line-height:1.25}.dressup-piece.active .dressup-piece-name{color:var(--accent);font-weight:700}.dressup-piece-sub{color:var(--text-dim);font-size:.68rem}@media (width<=1100px){.dressup{grid-template-columns:minmax(0,1fr)}.dressup-stage{max-height:none;position:static;overflow:visible}}@media (width<=768px){.dressup-stage{padding:10px}.dressup-canvas{width:296px}.dressup-swatches{grid-template-columns:repeat(auto-fill,34px);grid-auto-rows:34px;gap:6px}.dressup-swatch{width:34px;height:34px}.dressup-slots{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.dressup-slot-btn{flex:none;min-height:44px}.dressup-actions .cap-btn{flex:30%;width:auto}}@container (width<=760px){.dressup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (width<=520px){.dressup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dressup-piece-thumb{height:112px}}@container (width<=340px){.dressup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-client-note{background:var(--surface-card);border-left:4px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-body);margin:0 0 14px;padding:12px 16px;font-size:.9rem;line-height:1.55}.skills-test-badge{background:var(--surface-deep);border:1px solid var(--border);color:var(--text-dim)}.skills-coords-note{background:var(--surface-card);border-left:3px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-muted);margin:-12px 0 20px;padding:10px 14px;font-size:.85rem;line-height:1.5}.skills-level-range{color:var(--text-muted);align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.skills-level-range .cap-level{width:84px}.skills-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.skills-item{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.skills-item[open]{border-color:var(--primary)}.skills-summary{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:12px;min-height:56px;padding:10px 14px;list-style:none;display:flex}.skills-summary::-webkit-details-marker{display:none}.skills-summary:hover .skills-sum-name,.skills-summary:hover .skills-npc-name{color:var(--accent)}.skills-summary:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.skills-chevron{border-right:2px solid var(--text-dim);border-bottom:2px solid var(--text-dim);flex-shrink:0;width:10px;height:10px;margin-left:4px;transition:transform .2s;transform:rotate(45deg)}.skills-item[open] .skills-chevron{transform:rotate(-135deg)}.skills-icon{border-radius:var(--radius-sm);width:28px;height:28px;image-rendering:pixelated;flex-shrink:0}.skills-icon.is-large{width:36px;height:36px}.skills-icon.is-empty{background:var(--surface-deep);border:1px dashed var(--border);display:inline-block}.skills-sum-main{flex-direction:column;flex:1;min-width:0;display:flex}.skills-sum-name,.skills-npc-name{font-family:var(--font-title);color:var(--text-strong);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:1rem;transition:color .2s;display:flex}.skills-npc-name{flex:1;min-width:0}.skills-rank-count{font-family:var(--font-body);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);padding:1px 8px;font-size:.68rem}.skills-sum-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:.78rem}.skills-coords{font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.skills-sum-stats{flex-shrink:0;gap:6px;display:flex}.skills-sum-stats div{background:var(--surface-deep);border-radius:var(--radius-sm);text-align:center;min-width:64px;padding:4px 8px}.skills-sum-stats dt{letter-spacing:.5px;color:var(--text-dim);font-size:.6rem}.skills-sum-stats dd{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.skills-body{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:4px 14px 14px;display:flex}.skills-rank{padding-top:10px}.skills-rank+.skills-rank{border-top:1px dashed var(--border)}.skills-rank-head{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.skills-rank-head h3{font-family:var(--font-body);color:var(--text-strong);overflow-wrap:anywhere;font-size:.95rem}.skills-rank-meta{color:var(--accent);font-variant-numeric:tabular-nums;font-size:.8rem}.skills-rank-desc{color:var(--text-body);margin:4px 0 0 38px;font-size:.82rem;line-height:1.45}.skills-subtitle{font-family:var(--font-title);letter-spacing:.5px;text-transform:uppercase;color:var(--primary);margin:10px 0 6px;font-size:.78rem}.skills-table{border-collapse:collapse;width:100%;font-size:.84rem}.skills-table th{background:var(--surface-deep);color:var(--text-dim);letter-spacing:.5px;text-align:left;text-transform:uppercase;padding:6px 8px;font-size:.7rem;font-weight:400}.skills-table td{border-bottom:1px solid var(--border);color:var(--text-body);vertical-align:top;overflow-wrap:anywhere;padding:6px 8px}.skills-table .badge{vertical-align:middle;margin-left:6px}.skills-price{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.skills-inline-skill{align-items:center;gap:8px;display:inline-flex}.skills-inline-skill .skills-icon{width:24px;height:24px}.skills-no-shop{color:var(--text-muted);margin:8px 0 0 38px;font-size:.82rem}.skills-no-shop .cap-skill{margin-right:4px}.skills-scrolls{flex-direction:column;gap:4px;margin-top:6px;list-style:none;display:flex}.skills-scrolls li{color:var(--text-body);flex-wrap:wrap;gap:4px 10px;display:flex}.skills-untradeable{color:var(--text-dim);font-size:.72rem;font-style:italic}@media (width<=768px){.skills-level-range{flex:100%;width:100%;min-width:0;display:flex}.skills-level-range .cap-level{flex:1 1 0;width:0;min-width:0}.skills-summary{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}.skills-sum-main{flex-basis:calc(100% - 80px)}.skills-sum-stats{order:3;margin-left:46px}.skills-chevron{order:2}.skills-body{padding:4px 10px 12px}.skills-rank-desc,.skills-no-shop{margin-left:0}.skills-table thead{display:none}.skills-table,.skills-table tbody,.skills-table tr,.skills-table td{width:100%;display:block}.skills-table tr{background:var(--surface-deep);border-radius:var(--radius-sm);margin-bottom:6px;padding:8px 10px}.skills-table td{border-bottom:none;grid-template-columns:84px 1fr;gap:8px;padding:3px 0;display:grid}.skills-table td:before{content:attr(data-label);letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);font-size:.68rem}.skills-price{white-space:normal}}.producer-profs{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-bottom:16px;display:flex}.producer-prof-group{flex-direction:column;gap:6px;min-width:0;display:flex}.producer-prof-label{font-family:var(--font-title);letter-spacing:.5px;text-transform:uppercase;color:var(--primary);font-size:.72rem}.producer-chip-row{flex-wrap:wrap;gap:6px;display:flex}.producer-chip{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:84px;min-height:44px;color:var(--text-body);font-family:var(--font-body);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:6px 12px;transition:border-color .2s,background .2s,color .2s;display:flex}.producer-chip strong{font-family:var(--font-title);font-size:.88rem}.producer-chip em{color:var(--text-muted);font-size:.64rem;font-style:normal}.producer-chip:hover{border-color:var(--primary);color:var(--text-strong)}.producer-chip.active{background:var(--accent);border-color:var(--accent);color:#111}.producer-chip.active em{color:#111;opacity:.75}.producer-chip:focus-visible,.producer-link:focus-visible,.producer-more:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.producer-tabs{margin-bottom:16px}.producer-group+.producer-group{margin-top:8px}.producer-group-title{border-bottom:1px solid var(--border);font-family:var(--font-title);color:var(--accent);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;padding-bottom:6px;font-size:1.25rem;display:flex}.producer-group-hint{font-family:var(--font-body);color:var(--text-muted);font-size:.85rem}.producer-level-stat dd{font-size:1.05rem}.producer-desc,.producer-tools,.producer-note{color:var(--text-body);overflow-wrap:anywhere;margin-top:10px;font-size:.84rem;line-height:1.5}.producer-note{color:var(--text-muted)}.producer-tools .cap-skill{margin-right:4px;font-size:.8rem}.producer-subtitle-note{font-family:var(--font-body);text-transform:none;letter-spacing:0;color:var(--text-muted)}.producer-coords{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.producer-more{border:none;border-bottom:1px dashed var(--primary);color:var(--accent);font-family:var(--font-body);cursor:pointer;background:0 0;padding:2px 0;font-size:.78rem}.producer-more:hover{color:var(--hover)}.producer-show-all{align-self:flex-start}.producer-kind{border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);white-space:nowrap;padding:1px 8px;font-size:.72rem;display:inline-block}.producer-kind.is-recipe{border-color:var(--primary);color:var(--accent)}.producer-link{color:var(--accent);font:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.producer-link:hover{color:var(--hover);text-decoration:underline}.producer-link .skills-icon{width:22px;height:22px}.producer-list{color:var(--text-body);flex-direction:column;gap:6px;font-size:.86rem;list-style:none;display:flex}.producer-list li{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;display:flex}.producer-qty{min-width:34px;color:var(--accent);font-variant-numeric:tabular-nums;text-align:right}.producer-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=768px){.producer-profs{flex-flow:column;align-items:stretch}.producer-locations td{grid-template-columns:100px 1fr}.producer-kind{justify-self:start}.producer-chip-row{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.producer-chip{min-width:0}.producer-chip.is-all{width:100%}.producer-group-title{font-size:1.1rem}.producer-show-all{width:100%}.producer-link{min-height:32px}}:root{--primary:#9b6c4b;--bg-dark:#1a1a24;--bg-sidebar:#223;--text-main:#4a4a4a;--text-light:#f4ebd8;--accent:#f5b041;--hover:#f39c12;--font-title:"Cinzel", serif;--font-body:"Nunito", sans-serif;--shadow:0 4px 12px #0000004d;--border:#334;--surface-deep:#0a0a0f;--surface-card:#14141e;--surface-filter:#1e1e24;--text-strong:#fff;--text-body:#ddd;--text-muted:#aaa;--text-dim:#888;--ok:#2ecc71;--danger:#e74c3c;--poster-paper:#f7f1e3;--poster-shadow:#00000059;--tape:#ece0bec7;--tape-edge:#b4a06e59;--info:#3498db;--warn:#f1c40f;--radius-sm:4px;--radius-md:8px;--radius-pill:20px;--sprite-well:#3a3a48;--sprite-well-edge:#2c2c38}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#b8860b;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#daa520}input[type=text],input[type=number],select{color:#fff;font-family:var(--font-body);background:#111;border:1px solid #333;border-radius:8px;padding:10px 12px;transition:all .3s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px #f5b04133}select option,select optgroup{color:#fff;background:#111}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}#root{display:contents}body{font-family:var(--font-body);color:var(--text-main);background-color:#0000;width:100%;max-width:100vw;min-height:100vh;display:flex;position:relative;overflow-x:hidden}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}.sidebar{background:var(--bg-sidebar);z-index:100;width:260px;height:100vh;box-shadow:var(--shadow);border-right:2px solid #3a3a55;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{text-align:center;border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-logo-img{filter:drop-shadow(0 2px 4px #00000080);width:100%;max-width:200px}.sidebar-nav{flex:1;padding:20px 0}.nav-section{margin-bottom:20px}.nav-label{color:#88a;text-transform:uppercase;letter-spacing:1px;padding:0 20px 10px;font-size:.8rem;font-weight:800;display:block}.sidebar-nav ul li a{color:#ccc;padding:10px 20px 10px 40px;font-size:.95rem;transition:all .3s;display:block;position:relative}.sidebar-nav ul li a:hover,.sidebar-nav ul li a.active{color:#fff;border-left:4px solid var(--accent);background:#ffffff0d}.sidebar-ch{text-align:center;padding:20px}.sidebar-ch-img{filter:drop-shadow(0 4px 6px #0006);width:100px;animation:4s ease-in-out infinite float}.sidebar-toggle{z-index:1000;background:var(--bg-sidebar);color:#fff;border:1px solid #445;border-radius:4px;padding:8px 12px;font-size:1.5rem;display:none;position:fixed;top:15px;left:15px;box-shadow:0 2px 5px #0000004d}.main-content{background:0 0;flex:1;min-width:0;max-width:100vw;min-height:100vh;margin-left:260px;position:relative}.std-page-wrapper{flex:1;width:100%;min-width:0;max-width:100vw}.section{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex;position:relative;overflow:hidden}.sec-line{z-index:10;text-align:center;pointer-events:none;margin:-15px 0;position:relative}.sec-line-img{max-width:100%}.sec-header{text-align:center;z-index:5;margin-bottom:50px}.sec-header-line{max-width:80%;margin:10px auto;display:block}.sec-title{font-family:var(--font-title);color:#fff;text-shadow:0 2px 4px #000c,0 0 10px #fff6;justify-content:center;align-items:center;gap:15px;font-size:2.5rem;display:flex}.title-wing{height:40px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 5px #ffffff80)}50%{filter:drop-shadow(0 0 15px #fffc)}to{filter:drop-shadow(0 0 5px #ffffff80)}}.sec-hero{padding:40px 20px}.hero-bg{z-index:1;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-frame{z-index:5;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;display:flex;position:relative}.frame-t,.frame-b{width:100%;display:block}.frame-m{background-repeat:repeat-y;background-size:100%;justify-content:center;width:100%;padding:0 40px;display:flex}.hero-content{text-align:center;padding:20px}.hero-logo{max-width:100%;margin-bottom:20px;animation:3s infinite pulseGlow}.hero-tagline{font-family:var(--font-title);color:#fff;text-shadow:1px 1px 3px #000c;margin-bottom:30px;font-size:1.2rem}.hero-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:40px;display:flex}.step-item{color:#fff;text-shadow:1px 1px 2px #000;flex-direction:column;align-items:center;gap:10px;font-weight:700;display:flex}.step-item img{height:60px;transition:transform .3s}.step-item:hover img{transform:scale(1.1)rotate(5deg)}.step-block{height:20px}.hero-btns{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.hero-btn{justify-content:center;align-items:center;transition:transform .2s;display:flex;position:relative}.hero-btn:hover{transform:scale(1.05)}.hero-btn img{height:50px}.hero-btn>span{color:#fff;text-shadow:1px 1px 2px #000;pointer-events:none;white-space:nowrap;font-size:1.1rem;font-weight:700;position:absolute}.hero-ch{z-index:10;pointer-events:none;height:400px;position:absolute;bottom:50px}.hero-ch-l{animation:5s ease-in-out infinite float;left:20px}.hero-ch-r{animation:4s ease-in-out 1s infinite float;right:20px}.sec-noticeboard{justify-content:center}.graffiti{z-index:2;opacity:.8;position:absolute}.graffiti-l{height:300px;top:20%;left:50px}.graffiti-r{height:200px;bottom:10%;right:50px}.noticeboard-wrap{z-index:5;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1000px;display:flex;position:relative}.chalkboard{flex-direction:column;width:100%;max-width:100%;display:flex}.chalk-t,.chalk-b{width:100%;display:block}.chalk-m{background-repeat:repeat-y;background-size:100%;width:100%;padding:0 40px}.chalk-text{color:#fff;font-family:var(--font-body);text-align:center}.chalk-section-title{font-family:var(--font-title);color:#ffeba1;text-shadow:1px 1px 3px #000c;font-size:1.8rem}.board-title-text{font-family:var(--font-title);color:#ffeba1;text-shadow:2px 2px 4px #000,-1px -1px 4px #000,1px -1px 4px #000,-1px 1px 4px #000;font-size:2rem;font-weight:700;line-height:1.2}.chalk-line{width:80%;margin:15px auto;display:block}.chalk-list{text-align:left;text-shadow:1px 1px 2px #000;padding:0 10px;font-size:1rem;line-height:1.6}.chalk-list li{margin-bottom:10px}.chalk-list strong{color:#fc0}.chalk-more-btn{margin-top:10px;transition:transform .2s}.chalk-more-btn:hover{transform:scale(1.05)}.chalk-ch{filter:drop-shadow(-5px 5px 10px #00000080);height:400px}.sec-classes{position:relative}.classes-ch{z-index:2;pointer-events:none;height:350px;position:absolute;bottom:20px;right:20px}.menu-cards-grid{z-index:5;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;width:100%;max-width:900px;margin:0 auto;display:grid}.menu-card{text-decoration:none;transition:transform .2s;display:block;position:relative}.menu-card:hover{transform:scale(1.05)}.menu-card-img{width:100%;height:auto;display:block}.menu-card-text{text-align:center;width:100%;position:absolute;bottom:45px;left:0}.menu-card-text h3{font-family:var(--font-title);color:#ffeba1;text-shadow:2px 2px 4px #000,-1px -1px 4px #000,1px -1px 4px #000,-1px 1px 4px #000;margin:0;font-size:1.4rem}.sec-guides{position:relative}.guides-layout{z-index:5;justify-content:center;align-items:center;gap:20px;width:100%;max-width:800px;display:flex}.arrow-btn{transition:transform .2s}.arrow-btn:hover{transform:scale(1.1)}.guides-slider{flex:1;min-height:400px;position:relative}.guide-slide{opacity:0;pointer-events:none;width:100%;transition:opacity .5s;position:absolute;top:0;left:0}.guide-slide.active{opacity:1;pointer-events:auto;position:relative}.guide-frame{flex-direction:column;display:flex}.guide-content{text-align:center}.guide-content h3{font-family:var(--font-title);margin-top:-10px;font-size:1.8rem}.txt-line-wrap{margin:15px 0}.txt-line{max-width:100%}.guide-content p{margin-bottom:15px;line-height:1.5}.guide-content ul{text-align:left;margin:0 auto;display:inline-block}.guide-content ul li{margin-bottom:8px;padding-left:20px;position:relative}.guide-content ul li:before{content:"✦";color:var(--primary);position:absolute;left:0}.guides-ch{z-index:2;pointer-events:none;height:250px;position:absolute;bottom:10%}.guides-ch-l{left:5%}.guides-ch-r{right:5%}.sec-gallery{position:relative}.magic-circle-wrap{z-index:1;opacity:.4;pointer-events:none;width:100%;max-width:900px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.magic-circle{width:100%;animation:60s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gallery-grid{z-index:5;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1000px;display:flex}.gallery-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;width:calc(33.333% - 20px);min-width:280px;padding:10px;transition:transform .3s}.gallery-item:hover{background:#fff3;transform:translateY(-5px)}.gallery-img-wrap{border-radius:4px;width:100%;height:180px;overflow:hidden}.gallery-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.gallery-item:hover .gallery-img-wrap img{transform:scale(1.1)}.gallery-caption{color:#fff;text-align:center;text-shadow:1px 1px 2px #000;padding-top:10px;font-size:.9rem;font-weight:600}.gallery-ch{z-index:2;pointer-events:none;height:350px;position:absolute;bottom:0}.gallery-ch-l{left:0}.gallery-ch-r{right:0}.sec-events{position:relative}.events-layout{z-index:5;flex-direction:column;align-items:center;width:100%;max-width:1000px;display:flex}.event-steps{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;display:flex}.event-step{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:2px solid #f5b041;border-radius:12px;flex:1;min-width:250px;padding:20px;position:relative}.event-step-icon{filter:drop-shadow(0 0 10px #ffffff80);height:80px;margin-bottom:15px}.event-step-content h3{color:#f5b041;font-family:var(--font-title);margin-bottom:10px}.event-step-content p{color:#eee;font-size:.95rem}.event-step-deco{height:80px;position:absolute;bottom:-20px;right:-20px}.event-locked-notice{color:#ccc;background:#14141ecc;border:1px dashed #888;border-radius:8px;align-items:center;gap:20px;margin-top:50px;padding:20px 40px;display:flex}.event-lock-icon{height:40px}.wiki-footer{color:#888;text-align:center;z-index:10;background:#111;padding:40px 20px;position:relative}.table-responsive-wrapper,.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive-wrapper table,.table-responsive table{min-width:600px}.lang-switcher{z-index:1000;gap:12px;display:flex;position:fixed;top:20px;right:20px}@media (width<=1024px){.hero-ch,.chalk-ch{height:300px}.gallery-ch{height:250px}}@media (width<=768px){.sidebar{z-index:9999;transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.page-standard{padding:20px 10px!important}.lang-switcher{transform-origin:100% 0;top:15px;right:15px;transform:scale(.9)}.sidebar-toggle{z-index:10000;background:var(--bg-sidebar);color:#fff;cursor:pointer;border:1px solid #445;border-radius:4px;padding:8px 12px;font-size:1.5rem;position:fixed;top:15px;left:15px;box-shadow:0 2px 5px #00000080;display:block!important}.noticeboard-wrap{flex-direction:column}.hero-ch,.graffiti{display:none}.chalk-ch{height:200px;margin-top:20px}.event-arrow{display:none}.chalk-section-title{text-align:center;flex-direction:column;font-size:1.8rem!important}.chalk-section-title img{height:35px!important}}.footer-line{opacity:.5;max-width:80%;margin:0 auto 30px;display:block}.footer-logo{filter:grayscale()opacity(.5);max-width:150px;margin-bottom:20px;transition:filter .3s}.footer-logo:hover{filter:grayscale(0%)opacity()}.footer-copyright{margin-top:20px}.btn-top{z-index:1000;opacity:0;visibility:hidden;transition:all .3s;position:fixed;bottom:30px;right:30px}.btn-top.visible{opacity:1;visibility:visible}.btn-top img{filter:drop-shadow(0 2px 5px #00000080);height:60px}.btn-top:hover{transform:translateY(-5px)}.sec-builds{background-color:var(--bg-dark);padding:60px 20px;position:relative}.wiki-table-wrapper{max-width:1200px;margin-bottom:40px;margin-left:auto;margin-right:auto;overflow-x:auto}.wiki-table{border-collapse:collapse;width:100%;font-family:var(--font-body);color:#ddd;background:#14141ee6;border:2px solid #3a3a55;box-shadow:0 4px 6px #00000080}.wiki-table th,.wiki-table td{text-align:left;vertical-align:middle;border:1px solid #3a3a55;padding:12px}.wiki-table th{color:var(--accent);font-family:var(--font-title);text-align:center;background:#11111a;font-size:1.1rem;font-weight:700}.wiki-table td{font-size:.95rem;line-height:1.4}.wiki-table .text-center{text-align:center}.skill-icon{vertical-align:middle;border:1px solid #000;border-radius:4px;width:32px;height:32px;box-shadow:1px 1px 3px #00000080}.build-skill-set{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.build-skill-item{color:#aaa;text-align:center;flex-direction:column;align-items:center;width:60px;font-size:.8rem;display:flex}.build-skill-item img{margin-bottom:4px}.page-standard{color:#eee;background-image:linear-gradient(#05080fd9,#05080ff2),url(/AOG/skills/Wallpaperquests/e9cq0c3.jpeg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;padding:60px 20px;font-family:Inter,sans-serif;position:relative}.page-standard-content{width:100%;max-width:1200px;margin:0 auto}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=1024px){.hero-ch,.chalk-ch{height:300px}.gallery-ch{height:250px}}@media (width<=768px){.sidebar{z-index:9999;transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0!important}.sidebar-toggle{z-index:10000;background:var(--bg-sidebar);color:#fff;cursor:pointer;border:1px solid #445;border-radius:4px;padding:8px 12px;font-size:1.5rem;position:fixed;top:15px;left:15px;box-shadow:0 2px 5px #00000080;display:block!important}.noticeboard-wrap{flex-direction:column}.hero-ch,.graffiti{display:none}.chalk-ch{height:200px;margin-top:20px}.event-arrow{display:none}.chalk-section-title{text-align:center;flex-direction:column;font-size:1.8rem!important}.chalk-section-title img{height:35px!important}.floating-character,.floating-character-calc,.hero-cat-mascot{display:none!important}}html[lang=en] .lang-en,html[lang=pt-BR] .lang-pt{display:unset!important}html:not([lang=en]) .lang-en,html:not([lang=pt-BR]) .lang-pt,.lang-es{display:none!important}.hero-logo-wrap{width:fit-content;margin:0 auto 36px;display:block;position:relative}.hero-logo{filter:drop-shadow(0 6px 18px #00000073);flex-shrink:0;width:clamp(230px,38vw,520px);height:auto;display:block}.hero-cat-mascot{z-index:20;pointer-events:none;filter:drop-shadow(6px 8px 18px #0000008c);height:clamp(110px,15vw,225px);margin-left:clamp(-95px,-7vw,-45px);animation:4s ease-in-out infinite float;position:absolute;top:2%;left:100%}.hero-layout{z-index:5;grid-template-columns:clamp(200px,26%,340px) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);width:100%;max-width:1320px;padding-inline:28px;display:grid;position:relative}.hero-main{min-width:0}.hero-frame-art{margin:0;transform:rotate(-2deg)}.hero-poster{background:var(--poster-paper);box-shadow:0 2px 3px var(--poster-shadow), 0 14px 28px var(--poster-shadow);padding:10px 10px 14px;position:relative}.hero-poster-img{width:100%;height:auto;display:block}.hero-poster-tape{z-index:2;background:var(--tape);border-left:1px dashed var(--tape-edge);border-right:1px dashed var(--tape-edge);clip-path:polygon(0 8%,4% 0,8% 10%,12% 0,100% 0,96% 12%,100% 26%,95% 40%,100% 55%,96% 70%,100% 86%,96% 100%,0 100%,4% 88%,0 74%,5% 60%,0 46%,4% 32%,0 18%);pointer-events:none;width:76px;height:24px;position:absolute;box-shadow:0 1px 2px #0000001f}.hero-poster-tape-tl{top:-10px;left:-22px;transform:rotate(-38deg)}.hero-poster-tape-tr{top:-10px;right:-22px;transform:rotate(40deg)}.hero-poster-tape-bl{bottom:-8px;left:-22px;transform:rotate(36deg)}.hero-poster-tape-br{bottom:-8px;right:-22px;transform:rotate(-42deg)}@media (width<=1100px){.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-frame-art{order:2;width:min(300px,78%);margin:32px auto 12px}}.hero-menu{justify-content:center;width:100%;display:flex}.hero-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:880px}@media (width<=768px){.hero-logo-wrap{margin-bottom:24px}.hero-logo{width:min(78vw,320px);margin-bottom:0}.hero-menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.sidebar-footer{margin-top:auto;padding:16px 10px 24px}.spotlight{background:0 0;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 10px;text-decoration:none;transition:transform .25s;display:flex}.spotlight:hover{transform:translateY(-2px)}.spotlight:hover .spotlight-name{color:var(--accent)}.spotlight:focus-visible{outline:2px solid var(--hover);outline-offset:2px}.spotlight-label{font-family:var(--font-title);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(90deg,#ff0040,#ff8c00,#ffd500,#00e676,#00b0ff,#7c4dff,#ff0040) 0 0/300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.75rem;animation:6s linear infinite spotlightRgb}@keyframes spotlightRgb{0%{background-position:0%}to{background-position:300%}}@media (prefers-reduced-motion:reduce){.spotlight-label{background-position:0%;animation:none}}.spotlight-art{justify-content:center;align-items:flex-end;width:100%;height:150px;margin:4px 0 6px;display:flex}.spotlight-art img{object-fit:contain;max-width:100%;max-height:150px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px #0009)}.spotlight-name{color:var(--text-light);text-align:center;font-size:.98rem;line-height:1.2}.spotlight-meta{color:#8a8a9c;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;font-size:.76rem;display:flex}.spotlight-tag{letter-spacing:.5px;border-radius:8px;padding:2px 8px;font-size:.62rem;font-weight:700}.spotlight-tag.is-boss{color:#e74c3c;background:#c0392b38;border:1px solid #c0392b}.spotlight-tag.is-cap{color:#2ecc71;background:#2ecc7129;border:1px solid #2ecc71}.hero-logo-heading{margin:0;padding:0;font-size:0;line-height:0}
