.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-small{padding:.375rem .75rem;font-size:.875rem}.btn-medium{padding:.625rem 1rem;font-size:1rem}.btn-large{padding:.875rem 1.5rem;font-size:1.125rem}.btn-full-width{width:100%}.btn-disabled{opacity:.5;cursor:not-allowed}.btn-spinner{animation:spin 1s linear infinite}.input-wrapper{display:flex;flex-direction:column;gap:.375rem}.input-label{font-weight:600;font-size:.875rem;color:#374151}.input{padding:.625rem 1rem;font-size:1rem;border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;transition:all .2s ease}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-error{border-color:#ef4444}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-full-width{width:100%}.input-error-message{color:#ef4444;font-size:.875rem}.input-helper-text{color:#6b7280;font-size:.875rem}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-label{font-weight:600;font-size:.875rem;color:#374151}.progress-bar{width:100%;height:.5rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:#3b82f6;transition:width .3s ease}.progress-bar-success .progress-fill{background-color:#10b981}.progress-bar-warning .progress-fill{background-color:#f59e0b}.progress-bar-danger .progress-fill{background-color:#ef4444}.progress-animated{animation:progress-animation 1.5s ease-in-out infinite}@keyframes progress-animation{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.progress-text{font-size:.875rem;color:#6b7280;text-align:right}.alert{padding:1rem;border-radius:.375rem;background-color:#f3f4f6;border-left:4px solid #3b82f6}.alert-error{background-color:#fee;border-left-color:#ef4444}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.alert-title{font-weight:600;color:#1f2937}.alert-message{color:#374151;font-size:.95rem}.alert-details{margin-top:.75rem;padding:.5rem;background-color:#0000000d;border-radius:.25rem;font-family:monospace;font-size:.85rem;color:#6b7280}.alert-close{background:none;border:none;cursor:pointer;color:#6b7280;font-size:1.25rem;padding:0}.alert-close:hover{color:#1f2937}.spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner-fullscreen{position:fixed;inset:0;background-color:#0000004d;z-index:9999}.spinner-inner{display:flex;gap:.5rem}.spinner-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:#3b82f6;animation:bounce 1.4s ease-in-out infinite}.spinner-small .spinner-dot{width:.375rem;height:.375rem}.spinner-large .spinner-dot{width:.75rem;height:.75rem}.spinner-dot-1{animation-delay:-.32s}.spinner-dot-2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.3;transform:scale(1)}40%{opacity:1;transform:scale(1.2)}}.spinner-message{font-size:1rem;color:#6b7280}.card{background-color:#fff;border-radius:.5rem;overflow:hidden}.card-default{box-shadow:0 1px 3px #0000001a}.card-elevated{box-shadow:0 10px 15px #0000001a}.card-outlined{border:1px solid #e5e7eb}.card-header{padding:1rem;border-bottom:1px solid #e5e7eb}.card-title{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.card-subtitle{margin:.25rem 0 0;font-size:.875rem;color:#6b7280}.card-body{padding:1rem}.card-footer{padding:1rem;border-top:1px solid #e5e7eb;background-color:#f9fafb}:root{background-color:var(--color-background);color:#f5f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-container{max-width:1080px;margin:0 auto}.rotation-wrapper{margin-bottom:20px}.rotation-input{width:100%;background:#0f1620;color:#eaf5ff;border:1px solid #1e2b38;padding:0;border-radius:10px;outline:none;font-size:calc(.7rem + .4vw)}.rotation-input:focus{border-color:var(--color-tertiary);box-shadow:0 0 0 1px #00c2ff20}.header-bar{display:flex;justify-content:center;border:1px solid #1a2735;border-radius:14px 14px 0 0;background:linear-gradient(135deg,#0e1622,#0a1018)}.card{background:#0f1620;border:1px solid #1f2d3d;border-radius:0 0 14px 14px;padding:22px 20px 0;margin-bottom:30px}.section-header{display:flex;flex-direction:column;align-items:start}.section-title{width:fit-content;margin:0;text-align:left;color:#d9e6f3;font-size:18px;letter-spacing:.2px}.title-underline{width:50%;height:2px;background:linear-gradient(90deg,var(--color-tertiary),transparent);margin:4px 0}.config-row{border:1px solid #1f2d3d}.config-title{margin:0;font-size:18px}.substat-bar-shell{width:120px;height:6px;border-radius:999px;background:#163042;overflow:hidden}.substat-bar-fill{width:100%;height:100%;background:linear-gradient(90deg,var(--color-tertiary),var(--color-tertiary-soft));animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%{transform:translate(-30%)}50%{transform:translate(0)}to{transform:translate(30%)}}.parallel-radio-input input{display:none}.parallel-radio-input{--container_width: 300px;position:relative;display:flex;align-items:center;border-radius:9999px;background-color:var(--color-background);color:#fff;width:var(--container_width);overflow:hidden;border:1px solid rgba(53,52,52,.226)}.parallel-radio-input label{width:100%;padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:1;font-weight:600;letter-spacing:-1px;font-size:14px}.parallel-selection{display:none;position:absolute;height:100%;width:calc(var(--container_width) / 8);z-index:0;left:0;top:0;transition:.15s ease}.parallel-radio-input label:has(input:checked){color:#fff}.parallel-radio-input label:has(input:checked)~.parallel-selection{background-color:var(--color-tertiary);display:inline-block}.parallel-radio-input label:nth-child(1):has(input:checked)~.parallel-selection{transform:translate(calc(var(--container_width) * 0/8))}.parallel-radio-input label:nth-child(2):has(input:checked)~.parallel-selection{transform:translate(calc(var(--container_width) * 1/8))}.parallel-radio-input label:nth-child(3):has(input:checked)~.parallel-selection{transform:translate(calc(var(--container_width) * 2/8))}.parallel-radio-input label:nth-child(4):has(input:checked)~.parallel-selection{transform:translate(calc(var(--container_width) * 3/8))}.parallel-radio-input label:nth-child(5):has(input:checked)~.parallel-selection{transform:translate(calc(var(--container_width) * 4/8))}.parallel-radio-input label:nth-child(6):has(input:checked)~.parallel-selection{transform:translate(calc(var(--container_width) * 5/8))}.parallel-radio-input label:nth-child(7):has(input:checked)~.parallel-selection{transform:translate(calc(var(--container_width) * 6/8))}.parallel-radio-input label:nth-child(8):has(input:checked)~.parallel-selection{transform:translate(calc(var(--container_width) * 7/8))}@media(max-width:700px){.parallel-container{flex-direction:column}}.rotation-wrapper{position:relative;margin-top:30px}.rotation-input-block{position:relative}.hint-container{position:absolute;top:8px;right:8px;z-index:2}.hint-icon{width:25px;height:25px;cursor:pointer;transition:transform .16s ease}.hint-container:hover .hint-icon{transform:scale(1.25)}.card-hint{position:absolute;top:28px;right:0;z-index:3;display:block;opacity:0;transform:translateY(-6px) scale(.98);visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .18s ease;width:400px;max-width:90vw;box-sizing:border-box;padding-right:10px;height:fit-content;padding-bottom:12px;border-left-style:solid;border-left-color:#008cff;border-left-width:5px;border-radius:0 15px 15px 0/0px 15px 15px 0px;background:linear-gradient(to right,#008cffbd,#008cff8f 40%,#008cff1c)}.hint-container:hover .card-hint{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto;animation:popIn .18s ease-out}@keyframes popIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.card-hint svg,.card-hint img{height:40px;padding-left:10px;padding-top:12px;fill:#add8e6;float:left}.card-hint p{float:left;text-align:left;padding-top:12px;padding-left:10px;color:#fff;font-size:15px;word-wrap:break-word}.card-hint span{display:flex;align-items:left}.check-container{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:8px}.check-button{appearance:none;border:1px solid #1c2a36;background:#0f1a23;color:#e5f2ff;font-size:12px;padding:6px 10px;border-radius:8px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.check-button:hover{border-color:var(--color-tertiary);box-shadow:0 6px 18px var(--color-tertiary-shadow);transform:translateY(-1px)}.check-status{font-size:12px;color:#9ab5c9}.check-status.valid{color:#32d583}.check-status.invalid{color:#ef4444}.check-status.checking{color:var(--color-primary)}@media(max-width:560px){.hint-icon{width:22px;height:22px}.rotation-wrapper{margin-top:15px}.hint-container:hover .card-hint{transform:translateY(0) scale(1)}.card-hint p{font-size:14px;line-height:1.5}}.combos-panel{margin-top:16px;padding:12px;border:1px solid var(--border-strong, rgba(255, 255, 255, .08));border-radius:12px;background:var(--panel-bg, rgba(10, 20, 30, .35));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.combos-title{font-size:14px;font-weight:700;color:var(--text-strong, #dbe7ff);margin-bottom:8px;letter-spacing:.3px}.combos-char{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-top:1px dashed rgba(255,255,255,.08)}.combos-char:first-of-type{border-top:none}.combos-char-name{min-width:120px;color:var(--text-muted, #b6c6dc);font-weight:600}.combos-list{display:flex;flex-wrap:wrap;gap:6px}.combo-tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#3b82f61f;color:var(--text, #e6f0ff);border:1px solid rgba(59,130,246,.25);font-size:12px;line-height:1;cursor:default;-webkit-user-select:none;user-select:none}@media(max-width:640px){.combos-char{flex-direction:column;gap:6px}.combos-char-name{min-width:0}}.bestconfig-left{grid-column:1;display:flex;gap:16px}.bestconfig-right{grid-column:2;height:100%;display:flex;align-items:center}@media(max-width:768px){.bestconfig-char{grid-template-columns:1fr;gap:12px}.bestconfig-left{grid-column:1}.bestconfig-right{grid-column:1;justify-content:flex-end}}@media(max-width:480px){.bestconfig-char{padding:14px}.bestconfig-left{flex-direction:column;align-items:flex-start;gap:10px}.bestconfig-right{justify-content:stretch}}.bestconfig-section{background:linear-gradient(145deg,#0b1019,#111b28 45%,#0d1420);border-radius:14px;padding:20px 24px 16px;box-shadow:0 0 60px #0050b414,inset 0 1px #ffffff0a;border:1px solid rgba(30,50,75,.5);color:#e2ecf4;margin-bottom:40px}.bestconfig-dps-block{margin-bottom:20px;display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%}.bestconfig-dps{display:flex;flex-direction:column;align-items:flex-start}.bestconfig-dps-label{font-size:20px;color:#5a7a90;font-weight:600;margin-bottom:0}.bestconfig-dps-value{font-size:40px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#48f,#0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bestconfig-card{display:flex;gap:16px;align-items:flex-start;background:#0a1018;border:1px solid #1e2b38;border-radius:10px;padding:16px;margin-bottom:10px;transition:border-color .15s ease}.bestconfig-card:hover{border-color:#2a3e52}.bestconfig-avatar{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#1a2735;border:1px solid #1e2b38;flex-shrink:0}.bestconfig-info{flex:1;min-width:0}.bestconfig-name{font-size:16px;font-weight:700;color:#eaf5ff;margin:0 0 10px}.bestconfig-gear{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.bestconfig-field-label{font-size:11px;color:#4e6a80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.bestconfig-field-value{display:flex;align-items:center;gap:6px;font-size:13px;color:#d9e6f3}.bestconfig-field-img{width:28px;height:28px;object-fit:contain;border-radius:4px;background:#162030;flex-shrink:0}.bestconfig-refinement{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 6px;border-radius:4px;background:var(--color-tertiary);color:#eaf5ff;font-size:10px;font-weight:700;letter-spacing:.3px;flex-shrink:0}.bestconfig-sets{display:flex;flex-direction:column;gap:5px}.bestconfig-pieces{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 6px;border-radius:4px;background:#1e2b38;color:#9ab5c9;font-size:10px;font-weight:700;letter-spacing:.3px;flex-shrink:0}.bestconfig-mains{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.bestconfig-stat-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#162030;border:1px solid #1e2b38;font-size:12px;color:#d9e6f3;letter-spacing:.2px}.bestconfig-slot-icon{width:14px;height:14px;opacity:.55;flex-shrink:0}.bestconfig-stat-slot{color:#4e6a80;font-weight:600;font-size:10px;text-transform:uppercase}.bestconfig-stat-pill[data-element=pyro]{border-color:#ef7a354d;background:#c23a221f}.bestconfig-stat-pill[data-element=hydro]{border-color:#4cc2f14d;background:#1c5fa81f}.bestconfig-stat-pill[data-element=electro]{border-color:#c87cff4d;background:#7b3fa01f}.bestconfig-stat-pill[data-element=cryo]{border-color:#a0e8f04d;background:#5e9ec21f}.bestconfig-stat-pill[data-element=anemo]{border-color:#74e2b34d;background:#3d9e7c1f}.bestconfig-stat-pill[data-element=geo]{border-color:#e8c8454d;background:#b086201f}.bestconfig-stat-pill[data-element=dendro]{border-color:#8bd14a4d;background:#488c281f}@media(max-width:640px){.bestconfig-card{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.bestconfig-avatar{width:48px;height:48px}.bestconfig-gear{grid-template-columns:1fr;gap:8px}.bestconfig-dps-value{font-size:30px}}.bestconfig-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.bestconfig-cons-list{display:flex;flex-direction:column;gap:6px}.bestconfig-cons-chip{background:#1e2b38;color:#9ab5c9;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;letter-spacing:.2px}.bestconfig-damage-distribution{display:flex;flex-direction:column;gap:12px}.bestconfig-damage-section{display:flex;flex-direction:row;align-items:center;gap:20px}.bestconfig-section-title{font-size:20px;color:#5a7a90;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px}.bestconfig-damage-pie{margin-bottom:18px;display:flex;flex-direction:column;align-items:flex-start}.bestconfig-pie-chart{width:180px;height:180px;margin-top:8px}.bestconfig-pie-slice{transition:fill .2s}.bestconfig-builds{display:flex;flex-direction:column;gap:18px;margin-bottom:18px;padding:8px 0;background:#0e162273;border-radius:14px;box-shadow:0 2px 16px #0000001a}.bestconfig-char{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;background:#080e16d9;border:1.5px solid rgba(30,50,70,.7);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden;min-height:90px}.bestconfig-char:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;border-radius:10px 0 0 10px}.bestconfig-char[data-element=pyro]:before{background:linear-gradient(180deg,#ef7a35,#c23a22)}.bestconfig-char[data-element=hydro]:before{background:linear-gradient(180deg,#4cc2f1,#1c5fa8)}.bestconfig-char[data-element=electro]:before{background:linear-gradient(180deg,#c87cff,#7b3fa0)}.bestconfig-char[data-element=cryo]:before{background:linear-gradient(180deg,#a0e8f0,#5e9ec2)}.bestconfig-char[data-element=anemo]:before{background:linear-gradient(180deg,#74e2b3,#3d9e7c)}.bestconfig-char[data-element=geo]:before{background:linear-gradient(180deg,#e8c845,#b08620)}.bestconfig-char[data-element=dendro]:before{background:linear-gradient(180deg,#8bd14a,#488c28)}.bestconfig-avatar{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#121c28cc;border:1px solid rgba(40,60,85,.5);flex-shrink:0}.bestconfig-char-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.bestconfig-char-name{font-size:13px;font-weight:700;color:#eaf5ff;margin:0;line-height:1}.bestconfig-char-gear{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.bestconfig-gear-value{display:flex;align-items:center;gap:5px;font-size:12px;color:#c8dae8;padding:2px 6px 2px 2px;border-radius:5px;background:#0e162299}.bestconfig-gear-value.weapon-row{font-weight:600;color:#e0ecf6}.bestconfig-gear-value.set-row{font-weight:500;color:#a0d0f0;text-transform:uppercase}.bestconfig-gear-value.weapon-row .bestconfig-gear-img{width:32px;height:32px;border-color:#32507880}.bestconfig-gear-img{width:28px;height:28px;object-fit:contain;border-radius:4px;background:#101a26cc;border:1px solid rgba(30,50,70,.4);flex-shrink:0}.bestconfig-refinement{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 5px;height:16px;border-radius:3px;background:#0048e299;color:#d4e8ff;font-size:9px;font-weight:800;letter-spacing:.2px}.bestconfig-pieces{display:inline-flex;align-items:center;justify-content:center;padding:0 5px;height:16px;border-radius:3px;background:#1e2b38cc;color:#8aa8c0;font-size:9px;font-weight:800;text-transform:uppercase}.bestconfig-mains{display:flex;gap:4px;flex-wrap:wrap;margin-top:1px}.bestconfig-stat-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:#121c2ccc;border:1px solid rgba(30,50,70,.5);font-size:10.5px;color:#c0d4e4}.bestconfig-stat-pill[data-element=pyro]{border-color:#ef7a3559;background:#c23a2226}.bestconfig-stat-pill[data-element=hydro]{border-color:#4cc2f159;background:#1c5fa826}.bestconfig-stat-pill[data-element=electro]{border-color:#c87cff59;background:#7b3fa026}.bestconfig-stat-pill[data-element=cryo]{border-color:#a0e8f059;background:#5e9ec226}.bestconfig-stat-pill[data-element=anemo]{border-color:#74e2b359;background:#3d9e7c26}.bestconfig-stat-pill[data-element=geo]{border-color:#e8c84559;background:#b0862026}.bestconfig-stat-pill[data-element=dendro]{border-color:#8bd14a59;background:#488c2826}.bestconfig-slot-name{font-size:8px;color:#4a6a82;font-weight:700;text-transform:uppercase}.bestconfig-reactions-inline{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.bestconfig-reaction-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:6px;background:#0c141eb3;border:1px solid rgba(30,50,70,.4);border-left-width:3px;border-left-style:solid;font-size:10px;color:#c8dae8}.bestconfig-reaction-icons{display:inline-flex;align-items:center;gap:2px}.bestconfig-reaction-icon{width:14px;height:14px;object-fit:contain}.bestconfig-reaction-count{font-weight:800;color:#e6f2ff}.bestconfig-bottom{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}@media(max-width:640px){.bestconfig-dps-block{flex-direction:column;align-items:flex-start;gap:4px}.bestconfig-char{flex-direction:column;align-items:stretch;gap:12px}}.bestconfig-gcsl-actions{display:flex;align-items:center;gap:10px;margin:6px 0 14px}.bestconfig-copy-btn{border:1px solid rgba(68,136,255,.55);background:#4488ff2e;color:#dcecff;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.bestconfig-copy-btn:hover:not(:disabled){background:#4488ff47;border-color:#48fc}.bestconfig-copy-btn:disabled{opacity:.5;cursor:not-allowed}.bestconfig-copy-error{font-size:12px;font-weight:600;color:#ff9a9a}.CO-character-options-root{width:100%}.CO-character-options-actions{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;background:none;border:none;box-shadow:none}.CO-bestconfig-gear-value{cursor:pointer;border:1.5px solid rgba(30,50,70,.25);transition:border-color .15s,background .15s;background:#0e1622b3;font-size:13px;font-weight:600;color:#e0ecf6;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;padding:0}.CO-bestconfig-gear-value:disabled,.CO-bestconfig-gear-value[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.CO-bestconfig-gear-value:hover:not(:disabled){border-color:#48f;background:#2c44782e}@media(min-width:769px)and (max-width:1024px){.CO-bestconfig-gear-value{width:48px;height:48px;border-radius:14px}}@media(min-width:1025px){.CO-character-options-actions{gap:10px}}@media(min-width:481px)and (max-width:768px){.CO-character-options-actions{flex-direction:row;justify-content:flex-end;gap:12px}.CO-bestconfig-gear-value{width:52px;height:52px;border-radius:26px}}@media(max-width:480px){.CO-character-options-actions{flex-direction:column;gap:8px;width:100%}.CO-bestconfig-gear-value{width:100%;height:48px;border-radius:24px;justify-content:center;gap:8px}.CO-bestconfig-gear-value img{width:28px;height:28px}}.CO-bestconfig-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a1018bf;z-index:1000;display:flex;align-items:center;justify-content:center}.CO-bestconfig-modal{background:linear-gradient(145deg,#0b1019,#111b28 45%,#0d1420);border-radius:14px;box-shadow:0 0 60px #0050b421,inset 0 1px #ffffff0a;border:1.5px solid rgba(30,50,75,.5);color:#e2ecf4;min-width:340px;max-width:98vw;min-height:180px;max-height:90vh;overflow-y:auto;padding:0 0 18px;position:relative}.CO-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 8px;border-bottom:1px solid rgba(30,50,75,.18)}.CO-modal-close{background:none;border:none;color:#e2ecf4;font-size:28px;font-weight:700;cursor:pointer;transition:color .15s;margin-left:12px}.CO-modal-close:hover{color:#48f}.CO-modal-content{padding:18px 24px 0}.CO-team-preview{margin:0 0 10px}.CO-team-preview-title{font-size:12px;font-weight:700;color:#89a2b7;margin-bottom:8px}.CO-team-preview-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.CO-team-preview-item{position:relative;width:42px;height:42px}.CO-team-preview-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid rgba(140,170,210,.4);background:#0a121ef2}.CO-team-fav-badge{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;object-fit:cover;border:1px solid rgba(8,12,20,.85);background:#0a121ef2}.CO-team-fav-label{position:absolute;left:50%;transform:translate(-50%);bottom:-18px;font-size:9px;line-height:1;color:#ffd075;font-weight:700;letter-spacing:.2px}.CO-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.CO-spinner{width:32px;height:32px;border:4px solid #4488ff33;border-top:4px solid #4488ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.CO-progress-bar{width:80%;height:6px;background:#ffffff1a;border-radius:3px;margin:16px 0 8px;overflow:hidden}.CO-progress-fill{height:100%;background:linear-gradient(90deg,gold,#fa0);transition:width .3s ease;border-radius:3px}.CO-bestconfig-comparison-table{margin-top:8px;overflow-x:auto}.CO-bestconfig-comparison-table table{width:100%;border-collapse:collapse;background:none}.CO-bestconfig-comparison-table th,.CO-bestconfig-comparison-table td{padding:8px 10px;text-align:left;font-size:13px}.CO-bestconfig-comparison-table th{color:#5a7a90;font-weight:700;border-bottom:1.5px solid rgba(30,50,75,.18);background:none}.CO-bestconfig-comparison-table tr{transition:background .13s}.CO-bestconfig-comparison-table tr.CO-best-row{background:#2c88ff14}.CO-bestconfig-comparison-table td{border-bottom:1px solid rgba(30,50,75,.08)}.CO-option-icon.CO-bestconfig-gear-img{width:28px;height:28px;object-fit:contain;border-radius:4px;background:#101a26cc;border:1px solid rgba(30,50,70,.4);flex-shrink:0;margin-right:6px}.CO-current-badge{background:#48f;color:#fff;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700;margin-left:8px}.CO-er-forced-badge{display:inline-flex;align-items:center;gap:4px;background:#fa03;color:#ffd075;border:1px solid rgba(255,193,77,.45);border-radius:8px;padding:2px 7px;font-size:11px;font-weight:700;margin-left:8px}.CO-er-switched-badge{display:inline-flex;align-items:center;gap:4px;background:#5abe782e;color:#95f0b3;border:1px solid rgba(95,220,140,.45);border-radius:8px;padding:2px 7px;font-size:11px;font-weight:700;margin-left:8px}.CO-er-forced-icon{width:11px;height:11px;object-fit:contain}.CO-positive-diff{color:#4be37a;font-weight:700}.CO-negative-diff{color:#e37a7a;font-weight:700}@media(max-width:640px){.CO-bestconfig-modal{min-width:98vw;max-width:98vw;min-height:120px;padding:0 0 10px}.CO-modal-header{padding:12px 10px 6px}.CO-modal-content{padding:10px 10px 0}.CO-team-preview-item,.CO-team-preview-avatar{width:38px;height:38px}.CO-bestconfig-comparison-table th,.CO-bestconfig-comparison-table td{font-size:12px;padding:6px}.CO-option-icon.CO-bestconfig-gear-img{width:22px;height:22px;margin-right:4px}.CO-current-badge{font-size:10px;padding:2px 6px;margin-left:4px}.CO-modal-loading{min-height:80px}.CO-spinner{width:24px;height:24px;margin-bottom:10px}.CO-progress-bar{width:95%;height:5px;margin:10px 0 6px}}.timeline-section{margin-bottom:24px}.timeline-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;margin-bottom:16px;padding:6px 14px;border:1px solid #1e2b38;border-radius:8px;background:#0a1018;font-size:13px;color:#9ab5c9}.timeline-badge-value{color:#eaf5ff;font-weight:600}.timeline-bars{display:flex;flex-direction:column;gap:10px}.timeline-row{display:flex;align-items:center;gap:10px}.timeline-avatar{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#1a2735;border:1px solid #1e2b38;flex-shrink:0}.timeline-track{flex:1;height:18px;background:#163042;border-radius:4px;overflow:hidden;position:relative}.timeline-fill{height:100%;border-radius:4px;opacity:.85;transition:width .4s ease}.timeline-fill[data-element=pyro]{background:linear-gradient(90deg,#c23a22,#ef7a35)}.timeline-fill[data-element=hydro]{background:linear-gradient(90deg,#1c5fa8,#4cc2f1)}.timeline-fill[data-element=electro]{background:linear-gradient(90deg,#7b3fa0,#c87cff)}.timeline-fill[data-element=cryo]{background:linear-gradient(90deg,#5e9ec2,#a0e8f0)}.timeline-fill[data-element=anemo]{background:linear-gradient(90deg,#3d9e7c,#74e2b3)}.timeline-fill[data-element=geo]{background:linear-gradient(90deg,#b08620,#e8c845)}.timeline-fill[data-element=dendro]{background:linear-gradient(90deg,#488c28,#8bd14a)}.timeline-label{min-width:80px;text-align:right;font-size:12px;color:#9ab5c9;flex-shrink:0;letter-spacing:.2px}.timeline-label-pct{color:#4e6a80}@media(max-width:560px){.timeline-avatar{width:28px;height:28px}.timeline-track{height:14px}.timeline-label{min-width:60px;font-size:11px}.timeline-badge{font-size:12px;padding:5px 10px}}.sharecard-root{position:absolute;left:-9999px;top:0;width:1100px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#e2ecf4;background:linear-gradient(145deg,#0b1019,#111b28 45%,#0d1420);border-radius:14px;padding:20px 24px 16px;box-shadow:0 0 60px #0050b414,inset 0 1px #ffffff0a;border:1px solid rgba(30,50,75,.5);overflow:hidden}.sharecard-root:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(0,120,255,.06),transparent 70%);pointer-events:none;z-index:0}.sharecard-root>*{position:relative;z-index:1}.sharecard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sharecard-logo{width:80px;height:auto}.sharecard-dps-block{display:flex;align-items:baseline;gap:8px}.sharecard-dps-label{font-size:10px;color:#5a7a90;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.sharecard-dps-value{font-size:26px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#48f,#0cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sharecard-rotation{margin-bottom:12px}.sharecard-rotation-text{background:#060a10cc;border:1px solid rgba(25,40,60,.5);border-radius:6px;padding:8px 12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;line-height:2;color:#8aafcc;white-space:pre-wrap;font-size:11px;word-break:break-word}.sharecard-rotation-text .rot-separator{color:#3a5a78;font-weight:700}.sharecard-rotation-text .rot-char{color:#e2ecf4;font-size:12px;font-weight:700}.sharecard-builds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sharecard-char{display:flex;gap:10px;align-items:center;background:#080e16b3;border:1px solid rgba(30,50,70,.5);border-radius:10px;padding:10px 12px 10px 14px;position:relative;overflow:hidden}.sharecard-char:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;border-radius:10px 0 0 10px}.sharecard-char[data-element=pyro]:before{background:linear-gradient(180deg,#ef7a35,#c23a22)}.sharecard-char[data-element=hydro]:before{background:linear-gradient(180deg,#4cc2f1,#1c5fa8)}.sharecard-char[data-element=electro]:before{background:linear-gradient(180deg,#c87cff,#7b3fa0)}.sharecard-char[data-element=cryo]:before{background:linear-gradient(180deg,#a0e8f0,#5e9ec2)}.sharecard-char[data-element=anemo]:before{background:linear-gradient(180deg,#74e2b3,#3d9e7c)}.sharecard-char[data-element=geo]:before{background:linear-gradient(180deg,#e8c845,#b08620)}.sharecard-char[data-element=dendro]:before{background:linear-gradient(180deg,#8bd14a,#488c28)}.sharecard-avatar{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#121c28cc;border:1px solid rgba(40,60,85,.5);flex-shrink:0}.sharecard-char-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sharecard-char-name{font-size:13px;font-weight:700;color:#eaf5ff;margin:0;line-height:1}.sharecard-char-gear{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.sharecard-gear-value{display:flex;align-items:center;gap:5px;font-size:12px;color:#c8dae8;padding:2px 6px 2px 2px;border-radius:5px;background:#0e162299}.sharecard-gear-value.weapon-row{font-weight:600;color:#e0ecf6}.sharecard-gear-value.set-row{font-weight:500;color:#a0d0f0;text-transform:uppercase}.sharecard-gear-value.weapon-row .sharecard-gear-img{width:32px;height:32px;border-color:#32507880}.sharecard-gear-img{width:28px;height:28px;object-fit:contain;border-radius:4px;background:#101a26cc;border:1px solid rgba(30,50,70,.4);flex-shrink:0}.sharecard-refinement{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 5px;height:16px;border-radius:3px;background:#0048e299;color:#d4e8ff;font-size:9px;font-weight:800;letter-spacing:.2px}.sharecard-pieces{display:inline-flex;align-items:center;justify-content:center;padding:0 5px;height:16px;border-radius:3px;background:#1e2b38cc;color:#8aa8c0;font-size:9px;font-weight:800;text-transform:uppercase}.sharecard-mains{display:flex;gap:4px;flex-wrap:wrap;margin-top:1px}.sharecard-stat-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:#121c2ccc;border:1px solid rgba(30,50,70,.5);font-size:10.5px;color:#c0d4e4}.sharecard-stat-pill[data-element=pyro]{border-color:#ef7a3559;background:#c23a2226}.sharecard-stat-pill[data-element=hydro]{border-color:#4cc2f159;background:#1c5fa826}.sharecard-stat-pill[data-element=electro]{border-color:#c87cff59;background:#7b3fa026}.sharecard-stat-pill[data-element=cryo]{border-color:#a0e8f059;background:#5e9ec226}.sharecard-stat-pill[data-element=anemo]{border-color:#74e2b359;background:#3d9e7c26}.sharecard-stat-pill[data-element=geo]{border-color:#e8c84559;background:#b0862026}.sharecard-stat-pill[data-element=dendro]{border-color:#8bd14a59;background:#488c2826}.sharecard-slot-name{font-size:8px;color:#4a6a82;font-weight:700;text-transform:uppercase}.sharecard-reactions-inline{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.sharecard-reaction-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border-radius:6px;background:#0c141eb3;border:1px solid rgba(30,50,70,.4);border-left-width:3px;border-left-style:solid;font-size:10px;color:#c8dae8}.sharecard-reaction-icons{display:inline-flex;align-items:center;gap:2px}.sharecard-reaction-icon{width:14px;height:14px;object-fit:contain}.sharecard-reaction-count{font-weight:800;color:#e6f2ff}.sharecard-bottom{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}.sharecard-er{flex-shrink:0}.sharecard-section-title{font-size:10px;font-weight:700;color:#5a8aaa;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;display:flex;align-items:center;gap:6px}.sharecard-er-row{display:grid;grid-template-columns:repeat(2,auto);gap:10px;align-items:flex-start}.sharecard-er-item{display:flex;flex-direction:column;align-items:center;border-radius:8px;background:#121c28cc;border:1px solid rgba(40,60,85,.5);gap:3px;padding:4px}.sharecard-er-avatar{width:40px;height:40px;object-fit:contain}.sharecard-er-value{flex:1;font-size:11px;font-weight:700;color:#c8e0f0;letter-spacing:-.2px}.sharecard-er-mode{display:inline-flex;align-items:center;padding:1px 6px;border-radius:3px;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.sharecard-er-mode.fav{background:#00b47826;border:1px solid rgba(0,180,120,.35);color:#74e2b3}.sharecard-er-mode.base{background:#5a7a9026;border:1px solid rgba(90,122,144,.3);color:#8aa8c0}.sharecard-er-avatar-wrap{position:relative;display:inline-block}.sharecard-er-fav-badge{position:absolute;bottom:-3px;right:-3px;width:20px;height:20px;border-radius:4px;background:#0a1018e6;border:1px solid rgba(0,180,120,.4);object-fit:contain}.sharecard-timeline{flex:1;min-width:0}.sharecard-timeline-dur{color:#d0e4f2;font-weight:800;font-size:10px}.sharecard-timeline-bars{display:flex;flex-direction:column;gap:5px}.sharecard-timeline-row{display:flex;align-items:center;gap:6px}.sharecard-timeline-avatar{width:33px;height:33px;border-radius:4px;background:#121c28cc;border:1px solid rgba(30,48,65,.5);flex-shrink:0}.sharecard-timeline-track{flex:1;height:12px;background:#101e30b3;border-radius:3px;overflow:hidden}.sharecard-timeline-fill{height:100%;border-radius:3px;opacity:.85}.sharecard-timeline-label{min-width:55px;text-align:right;font-size:10px;color:#7a9ab0;flex-shrink:0}.sharecard-timeline-pct{color:#4a6878}.sharecard-damage-pie{flex:0 0 auto;min-width:200px;display:flex;flex-direction:column;align-items:center}.sharecard-pie-chart{width:140px;height:140px;margin:8px 0}.sharecard-pie-slice{stroke:#0a1018e6;stroke-width:1.5;transition:opacity .2s ease;cursor:pointer}.sharecard-pie-slice:hover{opacity:.85}.sharecard-damage-legend{display:flex;flex-direction:column;gap:6px;width:100%}.sharecard-damage-legend-item{display:flex;align-items:center;justify-content:space-between;gap:8px}.sharecard-damage-avatar{width:24px;height:24px;object-fit:contain;border-radius:4px;background:#121c28cc;border:1px solid rgba(30,48,65,.5);flex-shrink:0}.sharecard-damage-pct{font-size:11px;font-weight:700;color:#c8e0f0;letter-spacing:-.2px}.sharecard-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(30,50,70,.3);color:#3a5570;font-size:12px;letter-spacing:.4px}.sharecard-footer-brand{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#3a6088}.share-btn-wrapper{position:relative;display:inline-flex}.share-btn{display:inline-flex;align-items:center;height:70%;gap:8px;padding:8px 18px;border-radius:8px;border:1px solid rgba(0,200,255,.2);background:linear-gradient(135deg,#0050b426,#00c8ff14);color:#a0d8f0;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.share-btn:hover{background:linear-gradient(135deg,#0050b440,#00c8ff24);border-color:#00c8ff59;color:#c0eaff}.share-btn:disabled{opacity:.5;cursor:not-allowed}.share-btn svg{width:16px;height:16px;flex-shrink:0}.share-btn .share-spinner{width:14px;height:14px;border:2px solid rgba(160,216,240,.2);border-top-color:#a0d8f0;border-radius:50%;animation:share-spin .6s linear infinite}@keyframes share-spin{to{transform:rotate(360deg)}}.share-dropdown{position:relative;top:calc(100% + 6px);left:0;min-width:190px;background:#111b28;border:1px solid rgba(30,50,70,.6);border-radius:8px;box-shadow:0 8px 32px #00000080;z-index:100;overflow:hidden;animation:share-dropdown-in .15s ease}@keyframes share-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.share-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:none;color:#b0ccdd;font-size:13px;font-family:inherit;cursor:pointer;transition:background .15s ease;text-align:left}.share-dropdown-item:hover{background:#008cff14;color:#d0eaff}.share-dropdown-item svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.share-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);padding:10px 24px;background:#1a2c3f;border:1px solid rgba(0,200,255,.25);border-radius:8px;color:#c0eaff;font-size:13px;font-weight:600;z-index:10000;animation:share-toast-in .3s ease;box-shadow:0 4px 20px #0006}@keyframes share-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sim-header-bar{display:flex;align-items:center;justify-content:center;padding:14px 18px;border:1px solid #1a2735;border-radius:12px;background:linear-gradient(135deg,#0e1622,#0a1018);margin-bottom:18px}.sim-card{background:#0f1620;border:1px solid #1f2d3d;border-radius:14px;padding:22px 20px;box-shadow:0 12px 40px #00000059}.sim-section-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sim-section-title{margin:0;color:#d9e6f3;font-size:18px;letter-spacing:.2px}.sim-title-underline{flex:1;height:1px;background:linear-gradient(90deg,var(--color-secondary),transparent)}.sim-page{color:#eaf5ff}.sim-card{background:#0f1620;border:1px solid #1f2d3d;border-radius:14px;box-shadow:0 12px 40px #00000059}.sim-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sim-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--color-secondary);font-size:12px;margin-bottom:4px}.sim-title{margin:0 0 6px;color:#d9e6f3}.sim-subtitle{margin:0;color:#9ab5c9;font-size:14px}.sim-section+.sim-section{margin-top:22px}.sim-textarea{width:100%;min-height:240px;background:#0c1116;color:#eaf5ff;border:1px solid #1e2b38;border-radius:12px;padding:12px;font-family:monospace;font-size:13px;resize:vertical;outline:none}.sim-textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 1px #00c2ff20}.sim-textarea.result{min-height:180px;background:#0a0f14}.sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.sim-label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#c7d6e4}.sim-label input{background:#0c1116;color:#eaf5ff;border:1px solid #1e2b38;border-radius:10px;padding:10px;font-size:13px;outline:none}.sim-label input:focus{border-color:var(--color-secondary);box-shadow:0 0 0 1px #00c2ff20}.sim-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sim-button{padding:12px 20px;border:1px solid #1f2d3d;border-radius:10px;color:#eaf5ff;background:#13202d;cursor:pointer;font-weight:700;letter-spacing:.2px;transition:transform .1s ease,background .15s ease,border-color .15s ease}.sim-button:hover:not(:disabled){transform:translateY(-1px);background:#173146;border-color:var(--color-secondary)}.sim-button:disabled{opacity:.55;cursor:not-allowed}.sim-button.primary{background:var(--color-secondary);border-color:var(--color-secondary);color:#0b1117}.sim-button.primary:hover:not(:disabled){background:#0ed0ff}.sim-button.secondary{background:#182432}.sim-progress{display:flex;align-items:center;gap:10px;min-width:180px}.sim-progress-label{font-family:monospace;font-size:13px;color:#9ab5c9}.sim-progress-bar{flex:1;height:8px;background:#1b2a3a;border-radius:999px;overflow:hidden}.sim-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-secondary));transition:width .2s ease}.sim-result{display:flex;flex-direction:column;gap:14px}.sim-result-error{padding:14px 16px;background:#2a1a1a;border:1px solid #8b4545;border-radius:12px;color:#ff6b6b;font-size:14px}.sim-result-success,.sim-result-info{padding:16px;border-radius:12px;border:1px solid #1f394a;background:#0d131a}.sim-result-header{font-weight:700;color:var(--color-secondary);margin-bottom:10px}.sim-result-text{margin:0 0 8px;color:var(--color-secondary)}.sim-result-block{margin-top:10px}.sim-pre{background:#0a0f14;padding:12px;border-radius:10px;font-size:12px;line-height:1.5;overflow:auto;border:1px solid #1f2d3d;color:#e5f2ff}.sim-chip.success{display:inline-block;padding:4px 10px;border-radius:999px;background:#28a74526;color:#69e397;border:1px solid rgba(40,167,69,.35)}@media(max-width:720px){.sim-textarea{min-height:200px}.sim-actions{flex-direction:column;align-items:flex-start}.sim-progress{width:100%}}.equipment-configurator{border:1px solid #1c2a36;border-radius:12px;background:#0f1a23;padding:14px;margin-bottom:16px}.equipment-loading{padding:20px;text-align:center;color:#9ab5c9;font-style:italic}.configurator-header{margin-bottom:12px;border-bottom:1px solid #1c2a36;padding-bottom:8px}.configurator-header h4{margin:0;font-size:1.1rem;color:#e5f2ff}.config-character-avatar{width:56px;height:56px}.ccb-charcard-head{display:flex;align-items:center;gap:10px}.ccb-charcard-title small{color:#9ab5c9}.config-section{display:flex;flex-direction:column;margin-bottom:12px}.config-section label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem;color:#e5f2ff;margin-bottom:4px}.config-section select{padding:8px 12px;border:1px solid #1c2a36;border-radius:10px;font-size:.9rem;background:#0f1a23;color:#e5f2ff;cursor:pointer;transition:border-color .2s ease}.config-section select:hover{border-color:var(--color-secondary-soft)}.config-section select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 2px var(--color-secondary-shadow)}.config-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.equipment-grid-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.equipment-grid-header strong{color:#e5f2ff}.equipment-grid-header small{color:#9ab5c9}.equipment-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.ccb-tile{appearance:none;border:1px solid #1c2a36;border-radius:10px;background:#0f1a23;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.ccb-tile.selected{border-color:var(--color-secondary);box-shadow:0 6px 18px var(--color-secondary-shadow)}.ccb-tile img{width:40px;height:40px;object-fit:contain}.config-preview{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#0b141b;border-radius:8px;font-size:.9rem;margin-top:12px}.config-preview strong{color:#e5f2ff;font-weight:700}.config-preview span{color:#9ab5c9;display:inline-block}.config-error{padding:12px;background:#2b1114;border:1px solid #a83f4c;border-radius:8px;color:#ffb8c1;font-size:.85rem;margin-top:12px}@media(max-width:768px){.equipment-configurator{padding:12px;margin-bottom:12px}.config-row{grid-template-columns:1fr;gap:10px}.config-preview{flex-direction:column;gap:4px;font-size:.85rem}.equipment-tile-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.config-section select{padding:6px 10px;font-size:.85rem}}.team-builder{padding:24px;background:#0f1620;border:1px solid rgba(30,50,75,.5);border-radius:14px;margin-bottom:28px;box-shadow:0 0 60px #0050b414,inset 0 1px #ffffff0a}.team-builder-header{margin-bottom:24px}.team-builder-header h2{margin:0 0 10px;width:fit-content;font-size:18px;color:#d9e6f3;font-weight:700;letter-spacing:0}.team-builder-description{margin:0;color:#89a2b7;font-size:.92rem;line-height:1.6}.team-members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px}.team-builder-summary{background:#0a1018;border:1px solid #1e2b38;border-radius:12px;padding:20px;animation:slideIn .3s ease}.team-builder-summary h3{margin:0 0 15px;font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#d9e6f3;border-bottom:1px solid #1e2b38;padding-bottom:10px}.summary-content{margin-bottom:15px}.team-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.team-item{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;background:#111b28;border:1px solid #1e2b38;border-radius:10px;font-size:.9rem;transition:border-color .15s ease,transform .15s ease}.team-item-name{font-weight:700;font-size:.95rem;color:#eaf5ff;flex:0 0 auto}.team-item-cons{background:#4488ff2e;border:1px solid rgba(68,136,255,.28);color:#9fceff;padding:2px 8px;border-radius:999px;font-weight:600;font-size:.85rem;flex:0 0 auto}.team-item-detail{color:#89a2b7;font-size:.85rem;line-height:1.45;flex:1 1 auto}.summary-incomplete{color:#89a2b7;font-style:italic;text-align:center;padding:20px;margin:0}.summary-status{display:flex;justify-content:center;align-items:center;padding:12px;border-radius:10px;background:#111b28;border:1px solid #1e2b38}.status-ready{color:#79e7a8;font-weight:700;font-size:1rem}.status-incomplete{color:#ffbf6a;font-weight:700;font-size:1rem}@media(max-width:1024px){.team-members-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.team-list{grid-template-columns:1fr}}@media(max-width:768px){.team-builder{padding:16px;margin-bottom:20px}.team-builder-header h2{font-size:1.2rem}.team-members-grid{grid-template-columns:1fr;gap:15px}.team-builder-summary{padding:16px}.team-item{flex-direction:column;align-items:flex-start}.team-item-detail{width:100%}}.constellation-comparison{padding:24px;background:transparent;border:none;border-radius:14px;margin:20px 0;box-shadow:0 0 60px #0050b414,inset 0 1px #ffffff0a}.constellation-comparison h2{margin:0 0 10px;width:fit-content;font-size:18px;color:#d9e6f3;font-weight:700;letter-spacing:0}.info-text{margin-bottom:20px;padding:12px 14px;background:#162030c7;border:1px solid rgba(68,136,255,.18);border-radius:10px;color:#89a2b7;font-size:.92rem;line-height:1.6}.info-message{padding:16px;background:#3b2a0c52;border:1px solid rgba(245,158,11,.25);border-radius:10px;color:#ffcf87;text-align:center}.selectors-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.liquid-rolls-selector{background:#0a1018;border:1px solid #1e2b38;border-radius:12px;padding:15px}.liquid-rolls-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.constellation-selector{background:#0a1018;border:1px solid #1e2b38;border-radius:12px;padding:15px}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.selector-header h4{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#eaf5ff}.btn-all-toggle{padding:6px 12px;background:#111b28;border:1px solid #1e2b38;border-radius:8px;cursor:pointer;font-size:.85rem;color:#d9e6f3;font-weight:600;transition:border-color .15s ease,background .15s ease}.btn-all-toggle:hover:not(:disabled){background:#162030;border-color:#2c4358}.btn-all-toggle:disabled{opacity:.5;cursor:not-allowed}.constellation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.constellation-btn{padding:8px 12px;background:#111b28;border:1px solid #1e2b38;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:border-color .15s ease,background .15s ease,transform .15s ease;color:#89a2b7}.constellation-btn:hover:not(:disabled){border-color:var(--color-tertiary);background:#4488ff1f;color:#d9e6f3;transform:translateY(-1px)}.constellation-btn.active{background:#4488ff2e;color:#f3fbff;border-color:#4488ff73}.constellation-btn:disabled{opacity:.6;cursor:not-allowed}.button-group{display:flex;gap:10px;margin-bottom:20px}.btn-run{padding:12px 24px;background:linear-gradient(90deg,var(--color-tertiary),#00ccff);color:#f3fbff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn-run:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #00a3ff33}.btn-run:disabled{opacity:.6;cursor:not-allowed}.progress-bar-container{margin-bottom:20px}.progress-label{margin-bottom:8px;font-size:.9rem;color:#89a2b7;font-weight:600}.progress-bar{width:100%;height:24px;background:#111b28;border-radius:12px;overflow:hidden;border:1px solid #1e2b38}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-tertiary),#00ccff);width:0%;transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;color:#fff;font-size:.8rem;font-weight:600}.error-message{padding:12px;background:#6e181c38;border:1px solid rgba(231,108,108,.3);border-radius:10px;color:#ffb5b5;margin-bottom:20px;font-size:.9rem}.results-section{animation:slideIn .3s ease}.results-section h3{margin-top:0;margin-bottom:15px;font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#d9e6f3}.results-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.results-actions{display:flex;gap:8px}.results-header h3{margin:0}.btn-export{padding:8px 14px;border:1px solid rgba(68,136,255,.3);border-radius:8px;background:#111b28;color:#9fceff;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.btn-export:hover{background:#4488ff1f;border-color:#4488ff80}.btn-toggle-view,.btn-copy-gcsl{padding:8px 12px;border:1px solid var(--secondary-border, #bbb);border-radius:6px;background:#fff;color:var(--text-primary, #333);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-toggle-view:hover,.btn-copy-gcsl:hover{background:#f5f5f5}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #1e2b38;max-width:100%}.results-table{width:max-content;min-width:100%;border-collapse:collapse;background:#0a1018}.results-table thead{background:#111b28;border-bottom:1px solid #1e2b38}.results-table th{padding:10px;text-align:left;font-weight:600;color:#89a2b7;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.results-table tbody tr{border-bottom:1px solid #162030;transition:background-color .2s ease}.results-table tbody tr:hover{background-color:#111b28}.results-table td{padding:8px 10px;color:#d9e6f3;font-size:.85rem;line-height:1.45;white-space:nowrap}.rank{font-weight:600;color:#9fceff;width:50px}.damage{font-weight:600;font-size:.9rem;color:#7fd8ff;width:150px;text-align:right}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.constellation-comparison{padding:15px}.selectors-container{grid-template-columns:1fr;gap:15px}.constellation-grid{grid-template-columns:repeat(3,1fr);gap:6px}.liquid-rolls-grid{grid-template-columns:repeat(4,1fr)}.constellation-btn{padding:6px 10px;font-size:.8rem}.button-group{flex-direction:column}.btn-run{width:100%}.results-table{font-size:.85rem}.results-table th,.results-table td{padding:8px}.results-header{flex-direction:column;align-items:stretch}.results-actions{flex-direction:column}.btn-export,.btn-toggle-view{width:100%}}.constellation-simulator-page{min-height:100vh;padding:28px 0 40px}.constellation-simulator-page .page-container{max-width:1080px;margin:0 auto;padding:0 20px}.constellation-simulator-page .page-header{text-align:center;margin-bottom:28px;padding:32px 24px}.constellation-simulator-page .page-header h1{margin:0 0 10px;font-size:clamp(2rem,3vw,2.6rem);color:#eaf5ff;font-weight:800;letter-spacing:-.03em;line-height:1.05}.constellation-simulator-page .page-subtitle{margin:0 auto;max-width:720px;font-size:.95rem;line-height:1.6;color:#8ea7ba}.constellation-simulator-page .page-content{animation:fadeIn .4s ease}.constellation-simulator-page{border-radius:14px;padding:24px;margin-bottom:28px}.rotation-section{background:#0f1620;border:1px solid rgba(30,50,75,.5);border-radius:0 0 14px 14px;padding:24px;margin-bottom:28px;box-shadow:0 0 60px #0050b414,inset 0 1px #ffffff0a}.constellation-simulator-page .rotation-header{margin-bottom:20px}.constellation-simulator-page .rotation-header h2{margin:0;width:fit-content;font-size:18px;color:#d9e6f3;font-weight:700;letter-spacing:0}.constellation-simulator-page .rotation-input-wrapper{margin-bottom:18px}.constellation-simulator-page .rotation-label{display:block;margin-bottom:10px;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5a7a90}.constellation-simulator-page .rotation-textarea{width:100%;min-height:132px;padding:14px 16px;background:#0a1018;color:#eaf5ff;border:1px solid #1e2b38;border-radius:12px;font-family:Courier New,monospace;font-size:.92rem;line-height:1.55;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;resize:none}.constellation-simulator-page .rotation-textarea::placeholder{color:#557084}.constellation-simulator-page .rotation-textarea:focus{outline:none;border-color:var(--color-tertiary);box-shadow:0 0 0 1px #48f3}.constellation-simulator-page .rotation-helper{margin:10px 0 0;font-size:.9rem;color:#89a2b7;line-height:1.55}.constellation-simulator-page .btn-set-rotation{width:100%;padding:12px 18px;border:none;border-radius:10px;background:linear-gradient(90deg,var(--color-tertiary),#00ccff);color:#f3fbff;font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.constellation-simulator-page .btn-set-rotation:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px #00a3ff33}.constellation-simulator-page .btn-set-rotation:disabled{opacity:.5;cursor:not-allowed}.constellation-simulator-page .rotation-list{margin-top:16px;display:grid;gap:12px}.constellation-simulator-page .rotation-item{padding:14px 16px;border:1px solid #1e2b38;border-radius:12px;background:#0a1018}.constellation-simulator-page .rotation-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#d9e6f3}.constellation-simulator-page .rotation-remove-btn{border:1px solid rgba(231,108,108,.32);background:#6e181c2e;color:#ffb5b5;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.constellation-simulator-page .rotation-remove-btn:hover{background:#9622283d;border-color:#ff82826b}.constellation-simulator-page .rotation-preview-text{margin:0 0 10px;color:#89a2b7;font-family:Courier New,monospace;font-size:.84rem;line-height:1.45;word-break:break-word}.constellation-simulator-page .rotation-weight-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.constellation-simulator-page .rotation-weight-row label{font-size:.82rem;font-weight:700;color:#5a7a90;text-transform:uppercase;letter-spacing:.06em}.constellation-simulator-page .rotation-weight-row input{width:110px;border:1px solid #1e2b38;border-radius:8px;padding:8px 10px;background:#111b28;color:#eaf5ff;font-size:.88rem}.constellation-simulator-page .rotation-weight-row input:focus{outline:none;border-color:var(--color-tertiary);box-shadow:0 0 0 1px #48f3}.constellation-simulator-page .rotation-weight-total,.constellation-simulator-page .simulator-ready,.constellation-simulator-page .loading-section,.constellation-simulator-page .incomplete-warning{margin-bottom:28px;border-radius:14px;padding:18px 20px;background:#0f1620;border:1px solid rgba(30,50,75,.5);box-shadow:0 0 60px #0050b414,inset 0 1px #ffffff0a}.constellation-simulator-page .rotation-weight-total{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d9e6f3;font-size:.94rem}.constellation-simulator-page .rotation-weight-warning,.constellation-simulator-page .incomplete-warning strong{color:#ffbf6a;font-size:.86rem;font-weight:700}.constellation-simulator-page .simulator-ready{border-color:#26c55e59;background:#0f1620}.constellation-simulator-page .ready-indicator{display:flex;align-items:center;justify-content:space-between;gap:16px}.constellation-simulator-page .ready-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:999px;background:#22c55e29;border:1px solid rgba(34,197,94,.4);color:#79e7a8;font-weight:800;font-size:.84rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.constellation-simulator-page .ready-indicator p,.constellation-simulator-page .loading-section p{margin:0;color:#89a2b7;font-size:.95rem;line-height:1.5}.constellation-simulator-page .loading-section{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.constellation-simulator-page .page-header h1{font-size:2rem}.constellation-simulator-page .page-header{padding:28px 18px}.constellation-simulator-page .rotation-section{padding:20px;margin-bottom:20px}.constellation-simulator-page .rotation-header h2{font-size:1.4rem}}@media(max-width:768px){.constellation-simulator-page{padding:10px 0}.constellation-simulator-page .page-container{padding:0 15px}.constellation-simulator-page .page-header{margin-bottom:20px;padding:20px 15px}.constellation-simulator-page .page-header h1{font-size:1.6rem}.constellation-simulator-page .page-subtitle{font-size:.95rem}.constellation-simulator-page .rotation-section{padding:15px;margin-bottom:15px}.constellation-simulator-page .rotation-header h2{font-size:1.2rem}.constellation-simulator-page .rotation-textarea{padding:10px;font-size:.85rem}.constellation-simulator-page .btn-set-rotation{padding:10px 16px;font-size:.9rem}.constellation-simulator-page .rotation-item-header,.constellation-simulator-page .rotation-weight-row,.constellation-simulator-page .rotation-weight-total,.constellation-simulator-page .ready-indicator{flex-direction:column;align-items:stretch}.constellation-simulator-page .rotation-remove-btn,.constellation-simulator-page .rotation-weight-row input{width:100%}}.tool-card{text-decoration:none;background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;color:#e5f2ff;cursor:pointer;min-width:220px;max-width:300px;margin:12px}.tool-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px var(--color-primary-shadow);transform:translateY(-4px)}.tool-card .tool-card-icon{font-size:20px;margin-bottom:12px;text-align:center;color:var(--color-primary);font-family:Inter,Segoe UI,Arial,sans-serif;font-weight:700;letter-spacing:.04em;line-height:1.1;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00eeff14;box-shadow:0 2px 8px #00eeff14}.home-tools-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;align-items:center}.home-tools-card-kicker{margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.home-tools-card-title{margin:0 0 8px;color:#e5f2ff;font-size:20px;text-align:center}.home-tools-card-text{margin:0 0 12px;color:#9ab5c9;font-size:14px;line-height:1.6;text-align:center}.home-tools-card-cta{font-weight:600;font-size:14px}.tools-page{padding:32px 16px;min-height:80vh;background:var(--color-background)}.tools-page-header{text-align:center;margin-bottom:32px}.tools-page h2{font-size:2rem;font-weight:700;margin-bottom:12px}.tools-page-subtitle{color:#9ab5c9;font-size:1.1rem;margin-bottom:24px;font-weight:400}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:0 8px}@media(max-width:768px){.tools-grid{grid-template-columns:1fr;gap:12px;padding:0 2px}}.cmcomparator-cm-comparator{max-width:1100px;margin:0 auto;padding:32px 20px 48px;color:#e5f2ff;background:none}.cmcomparator-cm-header{text-align:left;margin-bottom:28px}.cmcomparator-cm-header h1{font-size:28px;font-weight:700;color:#e5f2ff;margin:0}.cmcomparator-title-underline{width:30%;height:2px;background:linear-gradient(90deg,var(--color-primary),transparent);margin:4px 0}.cmcomparator-global-damage-section{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;padding:18px 18px 20px;margin-bottom:32px;box-shadow:none}.cmcomparator-input-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.cmcomparator-input-group label{font-weight:500;color:var(--color-primary);min-width:100px}.cmcomparator-damage-slider{flex:1;min-width:200px;height:6px;-webkit-appearance:none;background:#1c2a36;border-radius:3px;outline:none}.cmcomparator-damage-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:all .2s}.cmcomparator-damage-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#3182ce}.cmcomparator-damage-input{width:100px;padding:.5rem;border:1px solid #1c2a36;border-radius:6px;font-size:1rem;text-align:right;background:#0f1a23;color:#e5f2ff}.cmcomparator-damage-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.cmcomparator-builds-container{display:flex;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}.build-card{flex:1;min-width:300px;background:#0f1a23;border:1px solid #14334f;border-radius:12px;padding:18px 18px 20px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;color:#e5f2ff;margin-bottom:24px}.build-card.best-build{border-color:var(--color-primary);box-shadow:0 10px 24px var(--color-primary-shadow)}.cmcomparator-build-card.best-build{border-color:#48bb78;box-shadow:0 4px 20px #48bb7826}.cmcomparator-build-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cmcomparator-build-header h2{font-size:20px;font-weight:700;color:#e5f2ff;margin:0}.cmcomparator-best-badge{background:var(--color-primary);color:#0f1a23;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.cmcomparator-stats-inputs{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.cmcomparator-stat-control{width:100%}.cmcomparator-stat-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500;color:var(--color-primary)}.cmcomparator-stat-value{color:#e5f2ff;font-weight:600}.cmcomparator-stat-slider{width:100%;height:6px;-webkit-appearance:none;background:#1c2a36;border-radius:3px;outline:none;margin-bottom:.25rem}.cmcomparator-stat-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:all .2s}.cmcomparator-stat-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#3182ce}.cmcomparator-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#9ab5c9;padding:0 .25rem}.cmcomparator-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:#101c28;border-radius:12px;padding:1.25rem}.cmcomparator-result-item{display:flex;flex-direction:column;gap:.25rem}.cmcomparator-result-label{font-size:.875rem;color:#9ab5c9}.cmcomparator-result-value{font-size:1.25rem;font-weight:600;color:#e5f2ff}.cmcomparator-result-value.cm-value{color:var(--color-primary)}.cmcomparator-result-value.avg-damage{color:#48bb78}.cmcomparator-comparison-summary{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;overflow:hidden;color:#e5f2ff}.cmcomparator-summary-header{background:#101c28;padding:1rem 1.5rem;border-bottom:1px solid #1c2a36}.cmcomparator-summary-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#e5f2ff}.cmcomparator-summary-content{padding:1.5rem}.cmcomparator-build-comparison{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.cmcomparator-build-metrics{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#101c28;border-radius:12px;min-width:150px}.cmcomparator-build-name{font-weight:600;color:#e5f2ff;font-size:1.125rem}.cmcomparator-cm-display{color:var(--color-primary);font-weight:500}.cmcomparator-damage-display{color:#48bb78;font-weight:500}.cmcomparator-vs-divider{font-weight:700;color:#9ab5c9;font-size:1.25rem}.cmcomparator-recommendation{text-align:center;padding:1.5rem;border-radius:12px;color:#e5f2ff}.cmcomparator-recommendation.recommend-first{background:#0f1a23;border-left:4px solid #48bb78}.cmcomparator-recommendation.recommend-second{background:#0f1a23;border-left:4px solid #4299e1}.cmcomparator-recommendation.tie{background:#0f1a23;border-left:4px solid #ed8936}.cmcomparator-recommendation-text{font-size:1.125rem;margin:0 0 .5rem;color:#e5f2ff}.cmcomparator-comparison-detail{margin:0;color:#9ab5c9;font-size:.95rem}.cmcomparator-rolls-info{display:flex;justify-content:center;margin-bottom:1.5rem}.cmcomparator-rolls-badge{display:flex;gap:1rem;background:#101c28;padding:.75rem 1.5rem;border-radius:50px;color:#e5f2ff;font-weight:500}.roll-cr{background:var(--color-primary);padding:.25rem 1rem;border-radius:20px;color:#0f1a23}.roll-cd{background:var(--color-secondary);padding:.25rem 1rem;border-radius:20px;color:#0f1a23}.cmcomparator-rolls-comparison{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #1c2a36}.cmcomparator-rolls-comparison h4{margin:0 0 1rem;color:#e5f2ff;font-size:1.1rem;text-align:center}.cmcomparator-rolls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.cmcomparator-roll-card{background:#101c28;border-radius:12px;padding:1rem;border:1px solid #1c2a36;transition:all .2s;color:#e5f2ff}.cmcomparator-roll-card.cr-roll{border-color:var(--color-primary)}.cmcomparator-roll-card.cd-roll{border-color:var(--color-secondary)}.cmcomparator-roll-header{text-align:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #1c2a36}.cmcomparator-roll-type{font-weight:600;font-size:1rem;padding:.25rem 1rem;border-radius:20px;color:#fff}.cr-roll .cmcomparator-roll-type{background:var(--color-primary)}.cd-roll .cmcomparator-roll-type{background:var(--color-secondary)}.cmcomparator-roll-type span{display:inline-block;color:#0f1a23;padding:.25rem .75rem;border-radius:20px}.cmcomparator-roll-details{display:flex;flex-direction:column;gap:.5rem}.cmcomparator-roll-stat{display:flex;justify-content:space-between;font-size:.9rem;color:#9ab5c9}.cmcomparator-roll-stat span:first-child{font-weight:500}.cmcomparator-roll-stat span:last-child{font-weight:600;color:#e5f2ff}.cmcomparator-roll-improvement{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #1c2a36}.improvement-item{display:flex;justify-content:space-between;font-size:.85rem;padding:.25rem 0}.improvement-item span:first-child{color:#9ab5c9}.improvement-item span:last-child{font-weight:600}.improvement-item .better{color:#48bb78;font-weight:700}.cmcomparator-roll-recommendation{margin-top:1rem;padding:.75rem;background:#101c28;border-radius:8px;font-size:.95rem;text-align:center;color:#e5f2ff}.roll-recommendation{display:flex;flex-direction:column;gap:.25rem}.roll-recommendation.cr-better{color:var(--color-primary)}.roll-recommendation.cd-better{color:var(--color-secondary)}.roll-recommendation .difference{font-size:.85rem;opacity:.8;font-weight:500}@media(max-width:768px){.cmcomparator-cm-comparator{padding:1rem}.cmcomparator-builds-container{flex-direction:column}.cmcomparator-build-card{min-width:auto}.cmcomparator-input-group{flex-direction:column;align-items:stretch}.cmcomparator-input-group label,.cmcomparator-damage-slider{min-width:auto}.cmcomparator-damage-input{width:100%}.cmcomparator-build-comparison{flex-direction:column}.cmcomparator-build-metrics{width:100%}.cmcomparator-vs-divider{margin:.5rem 0}.cmcomparator-rolls-grid{grid-template-columns:1fr}.cmcomparator-rolls-badge{flex-direction:column;align-items:center;border-radius:12px}}.bingogenerator-container{max-width:1100px;margin:0 auto;padding:32px 20px 48px;color:#e5f2ff}.bingogenerator-header{margin-bottom:24px}.bingogenerator-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#e5f2ff}.bingogenerator-header p{margin:0;color:#9ab5c9;font-size:14px}.bingogenerator-controls{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;padding:18px;display:grid;gap:14px;margin-bottom:24px}.bingogenerator-control-group{display:flex;flex-direction:column;gap:8px}.bingogenerator-control-group label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#e5f2ff}.bingogenerator-control-group input[type=number],.bingogenerator-control-group select{width:100%;max-width:340px;background:#101c28;border:1px solid #1c2a36;border-radius:8px;color:#e5f2ff;padding:10px 12px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.bingogenerator-control-group input[type=number]:focus,.bingogenerator-control-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.bingogenerator-checkbox-label{flex-direction:row!important;align-items:center;gap:10px!important;font-weight:500}.bingogenerator-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.bingogenerator-color-picker{display:flex;align-items:center;gap:10px}.bingogenerator-color-picker input[type=color]{width:64px;height:40px;border:1px solid #1c2a36;border-radius:8px;background:#101c28;padding:4px;cursor:pointer}.bingogenerator-color-picker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.bingogenerator-color-picker input[type=color]::-webkit-color-swatch{border:none;border-radius:5px}.bingogenerator-button-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.bingogenerator-error{margin:8px 0 0;color:#ff9a9a;font-size:13px;font-weight:500}.bingogenerator-preview-button,.bingogenerator-generate-button{border:1px solid #1c2a36;background:#101c28;color:#e5f2ff;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .2s ease}.bingogenerator-generate-button{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-shadow) inset}.bingogenerator-preview-button:hover,.bingogenerator-generate-button:hover{transform:translateY(-1px);border-color:var(--color-primary)}.bingogenerator-preview-button:focus-visible,.bingogenerator-generate-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-shadow)}.bingogenerator-preview-button:disabled,.bingogenerator-generate-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bingogenerator-progress-bar{position:relative;width:100%;max-width:420px;height:24px;border-radius:999px;overflow:hidden;border:1px solid #1c2a36;background:#101c28;margin-bottom:24px}.bingogenerator-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-tertiary));transition:width .25s ease}.bingogenerator-progress-text{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#e5f2ff}.bingogenerator-preview{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;padding:18px}.bingogenerator-preview h3{margin:0 0 14px;font-size:18px;color:#e5f2ff}.bingogenerator-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.bingogenerator-preview-board{display:flex;justify-content:center;align-items:center;background:#101c28;border:1px solid #1c2a36;border-radius:10px;padding:10px}.bingogenerator-preview-canvas{display:block;border-radius:8px}@media(max-width:768px){.bingogenerator-container{padding:20px 12px 28px}.bingogenerator-header h2{font-size:22px;line-height:1.2}.bingogenerator-button-group{flex-direction:column;align-items:stretch}.bingogenerator-preview-button,.bingogenerator-generate-button{width:100%}.bingogenerator-progress-bar{max-width:100%}}.characterroulette-container{max-width:1100px;margin:0 auto;padding:32px 20px 48px;color:#e5f2ff}.characterroulette-header{margin-bottom:24px}.characterroulette-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#e5f2ff}.characterroulette-header p{margin:0;color:#9ab5c9;font-size:14px}.characterroulette-card{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;padding:18px}.characterroulette-controls{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;padding:16px;margin-bottom:16px;display:grid;gap:12px}.characterroulette-control-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.characterroulette-control-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#e5f2ff}.characterroulette-control-grid select{width:100%;background:#101c28;border:1px solid #1c2a36;border-radius:8px;color:#e5f2ff;padding:9px 10px;font-size:13px}.characterroulette-control-grid select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-shadow)}.characterroulette-duration-label input[type=range]{width:100%;accent-color:var(--color-primary)}.characterroulette-checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#e5f2ff}.characterroulette-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.characterroulette-meta{display:flex;flex-wrap:wrap;gap:8px}.characterroulette-meta span{font-size:12px;color:#9ab5c9;background:#101c28;border:1px solid #1c2a36;border-radius:999px;padding:4px 10px}.characterroulette-window{position:relative;background:#101c28;border:1px solid #1c2a36;border-radius:12px;padding:12px;overflow:hidden}.characterroulette-pointer{position:absolute;left:50%;top:8px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid var(--color-primary);transform:translate(-50%);z-index:2}.characterroulette-track{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:10px;align-items:center;padding-top:20px}.characterroulette-item{display:flex;flex-direction:column;align-items:center;gap:8px;background:#0f1a23;border:1px solid #1c2a36;border-radius:10px;padding:10px 8px;opacity:.55;transform:scale(.95);transition:transform .2s ease,opacity .2s ease,border-color .2s ease}.characterroulette-item-active{opacity:1;transform:scale(1);border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-shadow)}.characterroulette-avatar{width:58px;height:58px;object-fit:cover;border-radius:50%;border:1px solid var(--color-secondary-soft)}.characterroulette-name{display:block;width:100%;text-align:center;font-size:12px;font-weight:600;color:#e5f2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.characterroulette-actions{margin-top:14px;display:flex;flex-direction:column;gap:8px}.characterroulette-button-row{display:flex;flex-wrap:wrap;gap:8px}.characterroulette-spin-button{border:1px solid var(--color-primary);background:#101c28;color:#e5f2ff;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s ease,border-color .2s ease;max-width:220px}.characterroulette-spin-button:focus-visible,.characterroulette-secondary-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-shadow)}.characterroulette-spin-button:hover{transform:translateY(-1px)}.characterroulette-secondary-button{border:1px solid #1c2a36;background:#101c28;color:#e5f2ff;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .2s ease}.characterroulette-secondary-button:hover{transform:translateY(-1px);border-color:var(--color-primary)}.characterroulette-spin-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.characterroulette-secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.characterroulette-result{margin:0;font-size:14px;color:#e5f2ff}.characterroulette-error{margin:0;color:#ff9a9a;font-size:13px;font-weight:500}.characterroulette-history{margin-top:8px;background:#101c28;border:1px solid #1c2a36;border-radius:10px;padding:10px}.characterroulette-history h3{margin:0 0 8px;font-size:14px;color:#e5f2ff}.characterroulette-history ul{margin:0;padding-left:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:4px 12px}.characterroulette-history li{color:#9ab5c9;font-size:13px}.characterroulette-empty{color:#9ab5c9;font-size:14px;text-align:center;padding:22px 0}@media(max-width:900px){.characterroulette-control-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.characterroulette-track{grid-template-columns:repeat(3,minmax(90px,1fr))}.characterroulette-item:nth-child(1),.characterroulette-item:nth-child(2),.characterroulette-item:nth-child(6),.characterroulette-item:nth-child(7){display:none}}@media(max-width:768px){.characterroulette-container{padding:20px 12px 28px}.characterroulette-header h2{font-size:22px;line-height:1.2}.characterroulette-spin-button{max-width:100%}.characterroulette-button-row{flex-direction:column}.characterroulette-spin-button,.characterroulette-secondary-button{width:100%;max-width:100%}.characterroulette-control-grid{grid-template-columns:1fr}}.er-calculator{width:100%;padding:1rem}.er-calculator__container{max-width:1200px;margin:0 auto;background:var(--color-background-secondary, #f5f5f5);border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.er-calculator__header{margin-bottom:2rem;text-align:center}.er-calculator__header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--color-text-primary, #333)}.er-calculator__subtitle{margin:0;font-size:1rem;color:var(--color-text-secondary, #666)}.er-calculator__section{margin-bottom:1.5rem}.er-calculator__label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary, #333);font-size:.95rem}.er-calculator__textarea{width:100%;min-height:150px;padding:1rem;border:2px solid var(--color-border, #ddd);border-radius:6px;font-family:Monaco,Courier New,monospace;font-size:.9rem;resize:vertical;transition:border-color .2s ease}.er-calculator__textarea:focus{outline:none;border-color:var(--color-primary, #007bff);background:var(--color-background-primary, #fff)}.er-calculator__textarea:disabled{background:var(--color-disabled, #f0f0f0);cursor:not-allowed;opacity:.6}.er-calculator__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.er-calculator__option{display:flex;flex-direction:column}.er-calculator__option-label{margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary, #333);font-size:.95rem}.er-calculator__input{padding:.75rem;border:2px solid var(--color-border, #ddd);border-radius:6px;font-size:1rem;transition:border-color .2s ease}.er-calculator__input:focus{outline:none;border-color:var(--color-primary, #007bff)}.er-calculator__input:disabled{background:var(--color-disabled, #f0f0f0);cursor:not-allowed;opacity:.6}.er-calculator__help-text{margin-top:.25rem;font-size:.8rem;color:var(--color-text-secondary, #666)}.er-calculator__controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.er-calculator__button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;min-width:150px}.er-calculator__button--primary{background:var(--color-primary, #007bff);color:#fff}.er-calculator__button--primary:hover:not(:disabled){background:var(--color-primary-dark, #0056b3);transform:translateY(-2px);box-shadow:0 4px 12px #0056b34d}.er-calculator__button--primary:disabled{background:var(--color-disabled, #ccc);cursor:not-allowed;opacity:.6}.er-calculator__button--secondary{background:var(--color-secondary, #6c757d);color:#fff}.er-calculator__button--secondary:hover:not(:disabled){background:var(--color-secondary-dark, #5a6268);transform:translateY(-2px)}.er-calculator__button--secondary:disabled{opacity:.6;cursor:not-allowed}.er-calculator__error{padding:1rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin-bottom:1.5rem}.er-calculator__error strong{font-weight:700}.er-calculator__loading{text-align:center;padding:2rem;background:var(--color-info-light, #e7f3ff);border-radius:6px;margin-bottom:1.5rem}.er-calculator__spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,123,255,.2);border-top-color:var(--color-primary, #007bff);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.er-calculator__loading p{margin:0;color:var(--color-text-secondary, #666)}.er-calculator__results{padding:1.5rem;background:var(--color-background-primary, #fff);border-radius:6px;border:1px solid var(--color-border, #ddd)}.er-calculator__results h3{margin:0 0 1.5rem;font-size:1.5rem;color:var(--color-text-primary, #333)}.er-calculator__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border, #ddd)}.er-calculator__stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-background-secondary, #f5f5f5);border-radius:6px}.er-calculator__stat-label{font-size:.9rem;color:var(--color-text-secondary, #666);margin-bottom:.5rem}.er-calculator__stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary, #007bff)}.er-calculator__character-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.er-calculator__character-card{padding:1rem;background:var(--color-background-secondary, #f5f5f5);border:1px solid var(--color-border, #ddd);border-radius:6px;transition:all .2s ease}.er-calculator__character-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.er-calculator__character-name{font-size:1.1rem;font-weight:700;color:var(--color-text-primary, #333);text-transform:capitalize;margin-bottom:.75rem}.er-calculator__character-er{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.er-calculator__character-er-value{font-size:1.75rem;font-weight:700;color:var(--color-primary, #007bff)}.er-calculator__character-er-unit{font-size:.9rem;color:var(--color-text-secondary, #666);font-weight:600}.er-calculator__character-ranges{display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border, #ddd)}.er-calculator__range{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.er-calculator__range-label{color:var(--color-text-secondary, #666)}.er-calculator__range-value{font-weight:600;color:var(--color-text-primary, #333);background:var(--color-background-primary, #fff);padding:.25rem .5rem;border-radius:3px}.er-calculator__info{padding:1rem;background:var(--color-info-light, #e7f3ff);border-left:4px solid var(--color-primary, #007bff);border-radius:4px;margin-top:1rem}.er-calculator__info p{margin:0 0 .75rem;font-size:.95rem;color:var(--color-text-primary, #333)}.er-calculator__info strong{font-weight:700}.er-calculator__info ul{margin:.5rem 0 0 1.5rem;padding:0;list-style:disc}.er-calculator__info li{margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-primary, #333)}.er-calculator__empty{text-align:center;padding:2rem;color:var(--color-text-secondary, #666)}@media(max-width:768px){.er-calculator__container{padding:1rem}.er-calculator__header h2{font-size:1.5rem}.er-calculator__options{grid-template-columns:1fr}.er-calculator__controls{flex-direction:column}.er-calculator__button{width:100%}.er-calculator__character-list,.er-calculator__summary{grid-template-columns:1fr}}.kqm-back{width:100%;display:flex;justify-content:flex-end}.kqm-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #1c2a36;border-radius:12px;color:var(--color-primary);text-decoration:none;background:#0f1a23;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.kqm-back-btn:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 10px 24px var(--color-primary-shadow)}@media(max-width:600px){.kqm-back{justify-content:center;padding:6px 0 10px}}.kqm-container{max-width:1100px;margin:0 auto;padding:32px 20px 48px}.kqm-hero{margin-bottom:28px;text-align:left}.kqm-kicker{color:var(--color-primary);font-size:18px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.kqm-title{margin:0 0 10px;font-size:28px;color:#e5f4ff}.kqm-subtitle{margin:0;color:#a6b8c8;font-size:15px;line-height:1.6}.kqm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.kqm-card{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;padding:16px 16px 18px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.kqm-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 10px 24px var(--color-primary-shadow)}.kqm-card-title{margin:0 0 10px;color:#e5f2ff;font-size:18px}.kqm-list{margin:0;padding-left:16px;color:#9ab5c9;font-size:14px;line-height:1.7}.kqm-text{margin:0 0 8px;color:#9ab5c9;font-size:14px;line-height:1.7}.token{display:inline-block;font-family:monospace;font-weight:600;color:#e5f2ff;background:#00eeff14;border:1px solid rgba(0,238,255,.2);border-radius:8px;padding:0 8px}.note{color:#a6b8c8}@media(max-width:600px){.kqm-hero{text-align:center}}.kqm-link{color:var(--color-primary);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.kqm-link:hover{color:var(--color-tertiary);border-bottom-color:var(--color-tertiary)}.home-container{display:flex;flex-direction:column;gap:10px;max-width:1100px;margin:0 auto;padding:32px 20px 48px}.home-hero{margin-bottom:28px;text-align:left}.home-kicker{color:var(--color-primary);font-size:18px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.home-title{margin:0 0 10px;font-size:32px;color:#e5f4ff}.home-subtitle{margin:0;color:#a6b8c8;font-size:15px;line-height:1.6}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.home-custom-card,.home-opti-card,.home-tools-card{text-decoration:none;background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;color:inherit}.home-opti-card:hover,.home-custom-card:hover,.home-tools-card:hover{transform:translateY(-4px)}.home-opti-card:hover{border-color:var(--color-tertiary);box-shadow:0 10px 30px var(--color-tertiary-shadow)}.home-custom-card:hover{border-color:var(--color-secondary);box-shadow:0 10px 30px var(--color-secondary-shadow)}.home-custom-card:hover .home-custom-card-cta{color:var(--color-secondary);text-decoration:underline}.home-opti-card:hover .home-opti-card-cta{color:var(--color-tertiary);text-decoration:underline}.home-custom-card:hover .home-custom-card-kicker{color:var(--color-secondary)}.home-opti-card:hover .home-opti-card-kicker{color:var(--color-tertiary)}.home-tools-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px var(--color-primary-shadow)}.home-tools-card:hover .home-tools-card-cta{color:var(--color-primary);text-decoration:underline}.home-custom-card-body,.home-opti-card-body,.home-tools-card-body{padding:18px 18px 20px}.home-custom-card-kicker,.home-opti-card-kicker,.home-tools-card-kicker{color:var(--color-primary);margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.home-custom-card-title,.home-opti-card-title,.home-tools-card-title{margin:0 0 8px;color:#e5f2ff;font-size:20px}.home-custom-card-text,.home-opti-card-text,.home-tools-card-text{margin:0 0 12px;color:#9ab5c9;font-size:14px;line-height:1.6}.home-custom-card-cta,.home-opti-card-cta,.home-tools-card-cta{color:var(--color-primary);font-weight:600;font-size:14px}@media(max-width:600px){.home-hero{text-align:center}}.app-header{flex-direction:row;width:100%;padding:12px 0;background:#0f0f11;border-bottom:1px solid rgba(255,255,255,.03)}.app-header-inner{max-width:980px;margin:0 auto;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;text-decoration:none}.brand-logo{height:44px;width:auto;display:block}.nav-links{display:flex;gap:14px;align-items:center}.nav-right{display:flex;align-items:center;gap:12px}.nav-link-opti,.nav-link-home,.nav-link-custom-builds{color:#bbb;text-decoration:none;font-weight:600;font-size:14px;padding:8px 10px;border-radius:8px;transition:color .15s ease,background .15s ease}.nav-link-opti:hover{color:var(--color-tertiary);background:var(--color-tertiary-shadow)}.nav-link-home:hover{color:var(--color-primary);background:var(--color-primary-shadow)}.nav-link-custom-builds:hover{color:var(--color-secondary);background:var(--color-secondary-shadow)}@media(max-width:640px){.brand{width:100%;justify-content:center}.app-header-inner{flex-direction:column;align-items:flex-start;gap:10px}.nav-links{justify-content:center}.nav-links{width:100%;gap:8px;flex-wrap:wrap}.nav-right{width:100%;justify-content:center;gap:8px;flex-wrap:wrap}}.lang-select{background:#1b1d22;color:#ddd;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 10px;font-weight:600;font-size:13px}.header-banner{max-width:980px;margin:8px auto 0;padding:10px 12px;background:#13151a;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.banner-content{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.banner-text{color:#cfcfcf;font-size:14px}.banner-link{color:var(--color-primary);font-weight:600;text-decoration:none}.banner-link:hover{text-decoration:underline}.banner-close{background:#1b1d22;color:#ddd;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 10px;font-weight:600;font-size:13px;cursor:pointer}.banner-close:hover{background:#23262c}.app-footer{width:100%;padding:5px 0;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#0f0f11,#0b0c0f);border-top:1px solid rgba(255,255,255,.03);color:#bbb;font-size:13px}.app-footer:before,.app-footer:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.08;pointer-events:none}.app-footer:before{left:-120px;top:-120px;background:radial-gradient(closest-side,var(--color-primary),transparent 70%)}.app-footer:after{right:-120px;bottom:-120px;background:radial-gradient(closest-side,var(--color-tertiary),transparent 70%)}.footer-left{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.divisor{color:#555;margin:0 10px}.footer-right{display:flex;justify-content:flex-end;align-items:center;gap:12px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:12px 20px;position:relative;z-index:1}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;align-items:start;gap:24px}.footer-group-bttm{grid-column:3;align-self:end;justify-self:end}.footer-center{display:flex;align-items:center;justify-content:center}.footer-group-title{color:var(--color-primary);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.footer-link{color:#cfe6ff;text-decoration:none;border-bottom:1px solid transparent;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease,border-color .15s ease}.footer-link:hover{color:var(--color-tertiary);border-bottom-color:var(--color-tertiary)}.footer-link-text{font-weight:600}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:8px;text-align:center}.footer-right a{display:flex;align-items:center;flex-direction:row;color:var(--color-primary);text-decoration:none;transition:transform .15s ease;will-change:transform}.coffee-text{margin-right:6px;font-size:14px;font-weight:500;transition:transform .15s ease,filter .15s ease;will-change:transform}.media_logo{transition:transform .15s ease,filter .15s ease;will-change:transform}.footer-right a:hover{transform:scale(1.1)}#discord_logo:hover{transform:scale(1.15)}.footer-right a:hover .media_logo{filter:drop-shadow(0 0 4px rgba(255,255,255,.15))}.footer-right .sep{color:#444;margin:0 6px}.footer-left *{margin:0 10px}.footer-copy{display:flex;flex-direction:column;gap:8px;margin-left:8px}.footer-line{font-size:13px;color:#bbb;line-height:1.6}.footer-line.disclaimer{color:#9aa3ad}.lang-switcher{display:inline-flex;gap:4px;align-items:center}.lang-btn{background:transparent;color:#bbb;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.lang-btn.active{color:var(--color-primary);border-color:var(--color-primary)}.lang-btn:hover{border-color:#666}@media(max-width:600px){.app-footer{height:auto;padding:16px 0 28px}.footer-inner{flex-direction:column;gap:14px;text-align:center}.footer-top{grid-template-columns:1fr;gap:12px}.footer-left{width:100%;justify-content:center}.media_logo{width:24px;height:24px}.footer-right{display:flex;width:100%;flex-wrap:wrap;justify-content:center;padding:0 0 6px}}@media(max-width:1023px){.footer-top{grid-template-columns:1fr 1fr;gap:16px}.footer-left img{height:72px}.footer-center,.footer-right{justify-content:center}.footer-links{gap:6px}.footer-group-bttm{grid-column:2;justify-self:end}}@media(max-width:768px){.footer-top{grid-template-columns:1fr;gap:12px}.footer-left img{height:60px}.media_logo{width:22px;height:22px}.footer-links{gap:6px;justify-content:center}.footer-group-bttm{grid-column:1;justify-self:center}}.custom-builds-layout{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.custom-builds-layout .column{flex:1 1 360px}.custom-builds-layout .weapons-column{min-width:320px}.custom-builds-layout .characters-column{flex:2 1 520px}@media(max-width:980px){.custom-builds-layout .column{flex:1 1 100%}}.ccb-chooser{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.ccb-card{appearance:none;border:1px solid #1c2a36;border-radius:12px;background:#0f1a23;cursor:pointer;padding:0;text-align:left;transition:border-color .2s ease,box-shadow .2s ease}.ccb-card:hover{border-color:var(--color-secondary)}.ccb-card.active{border-color:var(--color-secondary);box-shadow:0 0 0 2px var(--color-secondary-shadow)}.ccb-card-body{padding:16px 18px}.ccb-card-kicker{margin:0;font-size:13px;color:var(--color-secondary)}.ccb-card-title{margin:6px 0 8px;font-size:22px;color:#e5f2ff}.ccb-card-text{margin:0 0 10px;color:#9ab5c9}.ccb-card-cta{display:inline-block;font-weight:600;color:var(--color-secondary)}.column{margin-top:24px}.ccb-container{max-width:1100px;margin:0 auto;padding:32px 20px 48px}.ccb-container h1{margin:0 0 8px;font-size:28px;line-height:1.2;color:#e5f2ff}.ccb-container p{margin:6px 0;line-height:1.55;color:#c2d6e6}.ccb-container strong{color:#e5f2ff}.ccb-container small{color:#9ab5c9}.ccb-actions{display:flex;gap:12px;align-items:center;margin:10px 0 6px;flex-wrap:wrap}.ccb-options{display:flex;gap:8px;align-items:center}.ccb-actions span{color:#9ab5c9}.ccb-btn{appearance:none;border:1px solid #1c2a36;border-radius:10px;background:#0f1a23;color:#e5f2ff;padding:8px 12px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.ccb-btn--sm{padding:6px 10px;font-size:13px;border-radius:8px}.ccb-btn:hover{transform:translateY(-2px);border-color:var(--color-secondary)}.ccb-file{display:none}.ccb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ccb-tile{appearance:none;border:1px solid #1c2a36;border-radius:10px;background:#0f1a23;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.ccb-tile:hover{transform:translateY(-2px);border-color:var(--color-secondary-soft)}.ccb-tile.selected{border-color:var(--color-secondary);box-shadow:0 6px 18px var(--color-secondary-shadow);background-color:#fff75c14}.ccb-tile img{width:48px;height:48px;object-fit:contain}.ccb-custom-badge{position:absolute;top:6px;left:6px;width:10px;height:10px;background:var(--color-secondary);border-radius:50%;box-shadow:0 0 0 2px #fff75c26}.ccb-search{display:flex;gap:8px;align-items:center;flex:1 1 300px}.ccb-input{appearance:none;border:1px solid #1c2a36;border-radius:10px;background:#0f1a23;color:#e5f2ff;padding:8px 10px;min-width:220px}.ccb-refine{position:absolute;top:6px;right:6px;background:#0f1a23;border:1px solid var(--color-secondary);color:var(--color-secondary);font-weight:600;font-size:12px;padding:2px 6px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.ccb-refine:hover{background-color:#fff75c14}.ccb-refine--readonly{cursor:default;pointer-events:none}.weapons-column h2,.characters-column h2{color:#e5f2ff;font-size:22px;margin:12px 0 6px}@media(max-width:860px){.ccb-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.ccb-tile img{width:42px;height:42px}.ccb-container{padding:24px 16px 40px}}@media(max-width:560px){.ccb-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.ccb-tile img{width:36px;height:36px}.ccb-card-body{padding:14px 16px}.ccb-input{min-width:160px}.ccb-actions{justify-content:flex-start;flex-direction:column}}.ccb-mainstats{border:1px solid #1c2a36;border-radius:12px;background:#0f1a23;padding:10px 12px}.ccb-mainstats strong{color:#e5f2ff}.ccb-mainstats-row{display:flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}.ccb-mainstats-adder{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.ccb-select{appearance:none;border:1px solid #1c2a36;border-radius:10px;background:#0f1a23;color:#e5f2ff;padding:8px 10px;min-width:160px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.ccb-select:hover{transform:translateY(-2px);border-color:var(--color-secondary-soft)}.ccb-select:focus{outline:none;border-color:var(--color-secondary);box-shadow:0 0 0 2px var(--color-secondary-shadow)}.ccb-charcard{border:1px solid #1c2a36;border-radius:12px;background:#0f1a23;padding:12px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.ccb-charcard:hover{transform:translateY(-2px);border-color:var(--color-secondary-soft)}.ccb-charcard-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.ccb-charcard-head h3{margin:0;font-size:18px;color:#e5f2ff}.ccb-charcard-head small{color:#9ab5c9}.ccb-charcard-avatar{width:60px;height:60px;object-fit:contain;border-radius:8px;border:1px solid #1c2a36;background:#0f1a23}.ccb-charcard-title{display:flex;flex-direction:column;gap:2px}.ccb-custom-tag{display:inline-block;border:1px solid var(--color-secondary);color:var(--color-secondary);background:#0f1a23;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.ccb-muted{color:#9ab5c9!important}.terms-container{max-width:1100px;margin:0 auto;padding:32px 20px 48px}.terms-title{margin:0 0 6px;font-size:28px;color:#e5f4ff}.terms-updated{margin:0 0 16px;color:#a6b8c8;font-size:14px}.terms-card{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;padding:18px 18px 20px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.terms-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 10px 24px var(--color-primary-shadow)}.terms-section-title{margin:14px 0 10px;color:#e5f2ff;font-size:18px}.terms-text{margin:0 0 10px;color:#9ab5c9;font-size:14px;line-height:1.7}.terms-list{margin:0 0 12px 18px;color:#9ab5c9;font-size:14px;line-height:1.8}.terms-text strong,.terms-list strong{color:#e5f2ff;font-weight:700}@media(max-width:600px){.terms-title,.terms-updated{text-align:center}}.privacy-container{max-width:1100px;margin:0 auto;padding:32px 20px 48px}.privacy-title{margin:0 0 6px;font-size:28px;color:#e5f4ff}.privacy-updated{margin:0 0 16px;color:#a6b8c8;font-size:14px}.privacy-card{background:#0f1a23;border:1px solid #1c2a36;border-radius:12px;padding:18px 18px 20px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.privacy-card:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 10px 24px var(--color-primary-shadow)}.privacy-section-title{margin:14px 0 10px;color:#e5f2ff;font-size:18px}.privacy-text{margin:0 0 10px;color:#9ab5c9;font-size:14px;line-height:1.7}.privacy-list{margin:0 0 12px 18px;color:#9ab5c9;font-size:14px;line-height:1.8}.privacy-text strong,.privacy-list strong{color:#e5f2ff;font-weight:700}@media(max-width:600px){.privacy-title,.privacy-updated{text-align:center}}.ad-slot{width:100%;margin:8px auto 12px}.ad-strip{min-height:44px;display:flex;align-items:center;justify-content:center;background:#0f1a23;border-radius:12px}.ad-banner{min-height:90px;display:flex;align-items:center;justify-content:center;background:#0f1a23;border:1px solid #1c2a36;border-radius:12px}.ad-tile{min-height:140px;display:flex;align-items:center;justify-content:center;background:#0f1a23;border-radius:12px}.ad-rail{min-height:300px;background:#0f1a23;border-radius:12px}.ad-placeholder{display:inline-flex;gap:8px;align-items:baseline;color:#9ab5c9}.ad-skeleton{width:100%;height:100%;min-height:44px;border-radius:12px;background:linear-gradient(90deg,#0f1a23 25%,#142231 37%,#0f1a23 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.sponsor-strip{display:inline-flex;gap:10px;align-items:center;color:#9ab5c9}.sponsor-label{color:#e5f2ff}.sponsor-link{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.sponsor-link:hover{color:var(--color-tertiary);border-bottom-color:var(--color-tertiary)}@media(max-width:1023px){.ad-rail{display:none}}body{padding:0;margin:0;-webkit-user-select:none;user-select:none}.app-main{min-height:100vh}.app-with-rails{max-width:1400px;margin:0 auto;padding:0 16px;display:grid;grid-template-columns:120px 1fr 120px;column-gap:16px}.rail{display:block}.rail>.ad-slot{position:sticky;top:72px}.mobile-bottom-ad{display:none}@media(max-width:1023px){.app-with-rails{grid-template-columns:1fr;row-gap:12px;padding:0 12px}.rail{display:none}.consentBtns{display:flex;flex-direction:column}.mobile-bottom-ad{display:block;position:fixed;left:12px;right:12px;bottom:10px;max-width:680px;margin:0 auto;z-index:1000;border-radius:14px;box-shadow:0 12px 30px #00000073;pointer-events:auto}}.app *::-webkit-scrollbar{width:6px}.app *::-webkit-scrollbar-track{background:transparent}.app *::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.app *::-webkit-scrollbar-thumb:hover{background:#ffffff40}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}img,video,canvas,svg{max-width:100%;height:auto}.app{overflow-x:hidden}:root{--color-primary: #00eeff;--color-secondary: #fff75c;--color-tertiary: rgb(0, 72, 226);--color-primary-soft: #66f0ff;--color-secondary-soft: #fffca3;--color-tertiary-soft: rgb(0, 140, 255);--color-primary-shadow: rgba(0, 238, 255, .06);--color-secondary-shadow: rgba(255, 247, 92, .06);--color-tertiary-shadow: rgba(49, 52, 241, .06);--color-background: #0f0f0f}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.bg-gradient-primary{background-image:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.bg-gradient-primary-transparent{background-image:linear-gradient(90deg,var(--color-primary),transparent)}