@font-face{font-family:NotoSansHans;src:url(/fonts/NotoSansHans-Black.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.tool-page-wrapper{overflow-x:hidden;max-width:100vw}.calculator-main-title{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);transform:none;transition:none}.davor-title-icon{height:clamp(40px,8vw,60px);width:auto;filter:drop-shadow(0 0 10px color-mix(in oklch,var(--color-accent-500) 40%,transparent));vertical-align:middle;margin-left:var(--spacing-2)}.quick-access-container{display:flex;justify-content:center;margin-bottom:clamp(.5rem,2vw,1rem)}.quick-access-nav{display:flex;justify-content:center;gap:clamp(4px,1vw,12px);flex-wrap:nowrap;background:var(--color-surface-alt);padding:clamp(4px,1vw,8px);border:1px solid var(--color-border);border-radius:var(--radius-md)}.quick-access-btn{background:var(--color-surface);border:1px solid var(--color-border);padding:clamp(4px,1vw,8px) clamp(6px,1.5vw,12px);border-radius:var(--radius-md);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;display:flex;align-items:center;gap:clamp(4px,1vw,8px);color:var(--color-text);min-height:0;min-width:0}.quick-access-btn:hover{background:color-mix(in oklch,var(--color-accent-fill) 8%,var(--color-surface-alt));border-color:color-mix(in oklch,var(--color-accent-500) 28%,var(--color-border-strong))}.quick-access-btn.active{background:color-mix(in oklch,var(--color-accent-500) 18%,transparent);border-color:var(--color-accent-500);color:var(--color-text)}.quick-access-btn img{width:24px;height:24px}.quick-access-btn span{font-weight:600;font-size:var(--font-size-sm);white-space:nowrap}@media(max-width:768px){.quick-access-btn span{white-space:normal;text-align:center;line-height:1.2}.quick-access-btn{flex-direction:column;min-width:60px}}.tool-explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;max-width:800px;margin:0 auto var(--spacing-6);line-height:1.6}#calculator-main-description{white-space:nowrap}.wizard-gradient{background:linear-gradient(90deg,var(--color-accent-400),color-mix(in oklch,var(--color-accent-300, var(--color-accent-400)) 60%,#ffffff));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;display:inline-block}[data-theme=light] .wizard-gradient{background:linear-gradient(90deg,var(--color-accent-600),var(--color-accent-700));-webkit-background-clip:text;background-clip:text;color:transparent}.carousel-container{position:relative;width:100%;margin:0 auto;overflow:hidden}.carousel-track{display:flex}.carousel-slide{flex:0 0 100%;padding:0 clamp(10px,3vw,25px);box-sizing:border-box;display:none;min-width:0;overflow:hidden}.carousel-slide.is-active{display:block}.carousel-arrow{position:absolute;top:250px;transform:translateY(-50%);background:transparent;border:none;color:color-mix(in oklch,var(--color-text) 70%,transparent);cursor:pointer;z-index:10;font-size:clamp(2rem,4vw,3rem);padding:clamp(.5rem,1.5vw,1rem);text-shadow:0 0 10px rgba(0,0,0,.5);transition:color .3s ease,opacity .3s ease,transform .3s ease;min-height:0;min-width:0}.carousel-arrow:hover{color:var(--color-accent-400);transform:translateY(-50%) scale(1.08)}.carousel-arrow.disabled{opacity:.2;cursor:default;pointer-events:none}.carousel-arrow.prev{left:calc(50% - clamp(400px,50vw,520px))}.carousel-arrow.next{right:calc(50% - clamp(400px,50vw,520px))}[data-theme=light] .carousel-arrow{color:color-mix(in oklch,var(--color-text) 55%,transparent);text-shadow:none}[data-theme=light] .carousel-arrow:hover{color:var(--color-accent-600)}.calculator-island{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(.75rem,3vw,1.5rem);width:100%;max-width:min(850px,100%);margin:0 auto;min-height:550px;position:relative;box-shadow:var(--shadow-md, 0 2px 10px rgba(0, 0, 0, .25))}[data-theme=light] .calculator-island{box-shadow:0 1px 3px #0000000f}.island-content .form-group{margin-bottom:var(--spacing-4)}.island-content label,.island-content .form-label-heading{display:block;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);letter-spacing:.01em}.island-content input[type=number],.island-content select{width:100%;background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-3);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.island-content input[type=number]:focus,.island-content select:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent-500) 18%,transparent)}.island-content input[type=number]::-webkit-outer-spin-button,.island-content input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.island-content input[type=number]{-moz-appearance:textfield;appearance:textfield}.calc-result{margin-top:var(--spacing-2);padding:var(--spacing-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-lg);min-height:60px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);position:relative;flex-direction:column;color:var(--color-text);box-shadow:inset 0 1px 3px #00000026;transition:border-color .3s ease}.calc-result:has(strong){border-color:color-mix(in oklch,var(--color-accent-500) 22%,var(--color-border))}.calc-result strong{color:var(--color-accent-400);font-weight:700}[data-theme=light] .calc-result strong{color:var(--color-accent-600)}[data-theme=light] .calc-result{box-shadow:inset 0 1px 2px #0000000a}.calc-result.result-success:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;animation:glow-border 1.2s ease-out;pointer-events:none}@keyframes glow-border{0%{border-color:transparent;box-shadow:0 0 0 0 transparent}25%{border-color:color-mix(in oklch,var(--color-accent-500) 80%,#22c55e);box-shadow:0 0 18px color-mix(in oklch,var(--color-accent-500) 50%,#22c55e)}to{border-color:transparent;box-shadow:0 0 18px 0 transparent}}.counting-blur{filter:blur(2px);opacity:.8;transform:translateZ(0)}.calc-result span,.calc-result strong{transition:filter .4s ease-out,opacity .4s ease-out}.tool-hero{padding-bottom:var(--spacing-4);flex-grow:1;display:flex;flex-direction:column}.button-selector{display:flex;gap:var(--spacing-3)}#troop-type-selector,#armament-troop-selector,#tierlist-troop-selector{display:grid;grid-template-columns:repeat(4,1fr)}#armament-troop-selector,#tierlist-troop-selector{grid-template-columns:repeat(3,1fr)}.selector-btn{background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:2px solid var(--color-border);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text);font-weight:600;font-size:var(--font-size-sm);transition:background .2s ease,border-color .2s ease,transform .15s ease;flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);position:relative;min-height:0;min-width:0}.selector-btn:hover{border-color:color-mix(in oklch,var(--color-accent-500) 35%,var(--color-border-strong));background:color-mix(in oklch,var(--color-accent-fill) 7%,var(--color-surface-alt))}.selector-btn.active{--_surf: color-mix(in oklch, var(--color-accent-fill) 10%, var(--color-surface-alt));border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box}.selector-btn[data-type=cavalry].active{background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#00be21,#046c04)}.selector-btn[data-type=infantry].active{background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#00a2d4,#006d97)}.selector-btn[data-type=archer].active{background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#ef4444,#b91c1c)}.selector-btn[data-type=engineering].active{background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#ca62e6,#8113a7)}.selector-btn span{text-shadow:0 1px 2px rgba(0,0,0,.55)}.selector-btn.active span{color:var(--color-text)!important}.selector-btn img{height:20px;width:auto;filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}[data-theme=light] .selector-btn span{text-shadow:none}[data-theme=light] .selector-btn.active{--_surf: var(--color-surface)}[data-theme=light] .selector-btn[data-type=cavalry].active{background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#15803d,#166534)}[data-theme=light] .selector-btn[data-type=infantry].active{background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#1d4ed8,#1e40af)}[data-theme=light] .selector-btn[data-type=archer].active{background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#b91c1c,#7f1d1d)}[data-theme=light] .selector-btn[data-type=engineering].active{background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#9333ea,#6b21a8)}.selectors-container{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.5rem);margin-top:clamp(.5rem,2vw,1rem);align-items:start}.pairing-selector-wrapper,.equipment-carousel-wrapper,.inscription-selector-wrapper{min-height:0;display:flex;flex-direction:column;height:100%;transition:opacity .15s ease-in-out}.pairing-selector{display:grid;grid-template-columns:1fr;gap:var(--spacing-2);overflow-y:auto;padding-right:var(--spacing-2);flex-grow:1;height:clamp(250px,50vh,400px)}.pairing-item{background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.pairing-item:hover{background:color-mix(in oklch,var(--color-accent-fill) 8%,var(--color-surface-alt));border-color:color-mix(in oklch,var(--color-accent-500) 30%,var(--color-border-strong))}.pairing-item.active{background:color-mix(in oklch,var(--color-accent-500) 18%,transparent);border-color:var(--color-accent-500)}.pairing-images{display:flex;align-items:center}.commander-icon{width:40px;height:40px;border-radius:50%;border:none}.commander-icon.secondary{margin-left:-15px}.pairing-item span{font-weight:500;font-size:calc(var(--font-size-sm) * .9);color:var(--color-text)}.equipment-carousel-wrapper{position:relative}#equipment-set-carousel{background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-4);text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center}#equipment-display{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:opacity .15s ease-in-out}#equipment-display.fade-out{opacity:0}.equipment-loadout-shape{position:relative;width:min(280px,100%);height:min(280px,80vw);margin:0 auto}.equipment-slot{position:absolute;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}.equipment-slot img{max-width:50px;max-height:50px;object-fit:contain;transform:rotate(-45deg)}.equipment-slot[data-slot=helmet]{top:-10px;left:110px}.equipment-slot[data-slot=weapon]{top:110px;left:40px}.equipment-slot[data-slot=chest]{top:60px;left:110px}.equipment-slot[data-slot=gloves]{top:110px;left:180px}.equipment-slot[data-slot=legs]{top:160px;left:110px}.equipment-slot[data-slot=boots]{top:230px;left:110px}.equipment-set-name{font-weight:700;font-size:var(--font-size-base);margin-top:var(--spacing-6);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.01em}.equipment-arrow{position:absolute;top:50%;transform:translateY(-50%);background:color-mix(in oklch,var(--color-accent-fill) 14%,var(--color-surface));border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:50%;width:34px;height:34px;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;transition:background .2s ease,border-color .2s ease,transform .15s ease}.equipment-arrow:hover{background:color-mix(in oklch,var(--color-accent-fill) 28%,var(--color-surface));border-color:var(--color-accent-500);transform:translateY(-50%) scale(1.06)}#prev-set{left:10px}#next-set{right:10px}#pagination-dots{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-3)}.dot{width:8px;height:8px;min-width:unset;min-height:unset;background:var(--color-border-strong);border-radius:50%;transition:background .2s ease,transform .2s ease;border:none;padding:0;cursor:pointer}.dot:hover{transform:scale(1.2);background:color-mix(in oklch,var(--color-accent-500) 55%,var(--color-border-strong))}.dot.active{background:var(--color-accent-500)}.stats-result-display{margin-top:var(--spacing-6);padding:var(--spacing-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;box-shadow:inset 0 1px 3px #00000026}[data-theme=light] .stats-result-display{box-shadow:inset 0 1px 2px #0000000a}.stats-result-display h4{color:var(--color-text-secondary);margin-bottom:var(--spacing-2);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.stats-result-display h4 .stat-weights-pairing{color:var(--color-accent-400)}[data-theme=light] .stats-result-display h4 .stat-weights-pairing{color:var(--color-accent-600)}.stats-result-display p{font-size:var(--font-size-base);font-weight:500;color:var(--color-text);max-width:none}.stats-result-display strong{color:var(--color-accent-400);font-family:var(--font-display);font-weight:700}[data-theme=light] .stats-result-display strong{color:var(--color-accent-600)}.form-group-horizontal-power{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-4);align-items:center;margin-top:var(--spacing-6)}.input-divider{color:var(--color-text-tertiary);font-weight:700;align-self:center;padding-bottom:0;text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-xs)}.calc-result .conversion-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;height:auto;width:100%;margin:0}.contributor-section{padding:clamp(1rem,3vw,2rem) clamp(.75rem,2vw,1.5rem) clamp(2rem,5vw,4rem)}.contributor-container{max-width:min(720px,95vw);margin:0 auto}.contributor-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(1rem,3vw,1.75rem);display:flex;flex-direction:column;gap:clamp(.5rem,2vw,1rem);box-shadow:var(--shadow-md, 0 2px 10px rgba(0, 0, 0, .25))}[data-theme=light] .contributor-box{box-shadow:0 1px 3px #0000000f}.contributor-content h3{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-3);letter-spacing:-.01em}.contributor-content p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);max-width:68ch}.contributor-connect{font-weight:600;color:var(--color-text)!important;font-size:var(--font-size-sm)}.contributor-actions{display:flex;flex-direction:column;gap:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border-subtle)}.action-item{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:var(--spacing-3)}.action-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:600;text-align:right;text-transform:uppercase;letter-spacing:.08em}.action-item .action-btn{justify-self:start}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;color:var(--color-text)!important;border:1px solid var(--color-border-strong);transition:background .25s ease,border-color .25s ease,transform .2s ease,box-shadow .25s ease;position:relative;overflow:hidden;z-index:1;min-height:0;min-width:0}.action-btn:hover{transform:translateY(-2px)}.discord-btn{background:#5865f2;border-color:#5865f2;color:#fff!important;cursor:default;box-shadow:0 2px 8px #5865f24d}.discord-btn:hover{background:#4752c4;border-color:#4752c4;box-shadow:0 4px 14px #5865f273}.discord-btn i{font-size:1.1em;color:#fff}.support-btn{background:linear-gradient(90deg,#d97706,#b45309);border-color:#b45309;color:#fff!important;box-shadow:0 2px 8px #b4530959}.support-btn:hover{background:linear-gradient(90deg,#b45309,#92400e);box-shadow:0 4px 14px #b4530980}[data-theme=light] .support-btn{background:linear-gradient(90deg,#c2410c,#9a3412);border-color:#9a3412;color:#fff!important;box-shadow:0 2px 8px #9a341259}[data-theme=light] .support-btn:hover{background:linear-gradient(90deg,#9a3412,#7c2d12)}.action-btn img{height:20px;width:auto}.contributor-actions .contributor-connect{margin-bottom:var(--spacing-3);margin-top:var(--spacing-3);text-align:left}.inscription-search{width:100%;background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-2) var(--spacing-3);color:var(--color-text);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);transition:border-color .2s ease,box-shadow .2s ease;outline:none;font-family:inherit}.inscription-search::placeholder{color:var(--color-text-tertiary)}.inscription-search:focus{border-color:var(--color-accent-500);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-accent-500) 18%,transparent)}.armaments-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.5rem);margin-top:clamp(.5rem,2vw,1rem)}.stat-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.5rem,2vw,1rem)}.selected-inscriptions-wrapper{display:flex;flex-direction:column;min-height:178px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-3);box-shadow:inset 0 1px 3px #0000001f}[data-theme=light] .selected-inscriptions-wrapper{box-shadow:inset 0 1px 2px #0000000a}#selected-inscriptions-display{flex-grow:1;display:flex;align-items:center;justify-content:center}.formation-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2)}.formation-btn{background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-2);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);min-height:0;min-width:0;color:var(--color-text)}.formation-btn:hover{background:color-mix(in oklch,var(--color-accent-fill) 8%,var(--color-surface-alt));border-color:color-mix(in oklch,var(--color-accent-500) 30%,var(--color-border-strong))}.formation-btn.active{--_surf: color-mix(in oklch, var(--color-accent-fill) 10%, var(--color-surface-alt));border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#ffb833,#fcd38b)}[data-theme=light] .formation-btn.active{--_surf: var(--color-surface);background-image:linear-gradient(var(--_surf),var(--_surf)),linear-gradient(to right,#b45309,#d97706)}.formation-btn img{width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px)}.formation-btn span{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text)}.inscription-selector{background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-3);flex-grow:1;overflow-y:auto;max-height:230px}.inscription-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}#selected-inscriptions-display .inscription-grid{justify-content:center}.inscription-tag{font-family:NotoSansHans;background:#d1d5db;border:none;border-bottom:2px solid #4d4d4d;color:#000;padding:3px 14px;font-size:13px;font-weight:700;letter-spacing:.015em;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;white-space:nowrap;opacity:1;position:relative;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);box-shadow:none;min-height:0;min-width:0}.inscription-tag:hover{transform:translateY(-1px);filter:brightness(1.08)}.inscription-tag.special{background:linear-gradient(to bottom,#fff77a,#fdd451);border-bottom-color:#e5a000;box-shadow:inset 0 -2px #fdd451;color:#a34a00;text-shadow:0 1px 2px rgba(255,255,255,.3)}.inscription-tag.rare{background:linear-gradient(to bottom,#c6e4fb,#acc9fc);border-bottom-color:#2546da;box-shadow:inset 0 -2px #d3ebfd;color:#2546da;text-shadow:none}.last-updated-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--spacing-4);max-width:none;width:100%}.last-updated-note a{color:var(--color-text-tertiary)!important;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;transition:color .2s ease}.last-updated-note a:hover{color:var(--color-accent-400)!important}[data-theme=light] .last-updated-note a:hover{color:var(--color-accent-600)!important}.changelog-container{padding:0;display:flex;flex-direction:column;gap:var(--spacing-3)}.changelog-entry{padding:var(--spacing-3);background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:1px solid var(--color-border);border-left:3px solid var(--color-accent-500);border-radius:var(--radius-sm);margin-bottom:0}.changelog-entry h4{color:var(--color-accent-400);margin:0 0 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}[data-theme=light] .changelog-entry h4{color:var(--color-accent-600)}.changelog-entry ul{margin:0;padding-left:var(--spacing-4);color:var(--color-text-secondary);font-size:.8rem;line-height:1.5}.changelog-entry li{margin-bottom:3px}.changelog-entry li:last-child{margin-bottom:0}.changelog-entry strong{color:var(--color-text);font-weight:600}.inscription-placeholder{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:var(--spacing-4) 0;max-width:none}.inscription-deselect-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin-top:var(--spacing-2);max-width:none}.generator-tabs{display:flex;gap:2px;padding:4px;background:color-mix(in oklch,var(--color-accent-fill) 3%,var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-7, var(--spacing-6))}.island-content .generator-tabs+.tool-explanation{margin-top:var(--spacing-2)}.island-content .generator-tabs+.generator-view .tool-explanation:first-child{margin-top:var(--spacing-2)}.generator-tab-btn{flex:1;padding:var(--spacing-2) var(--spacing-4);cursor:pointer;background:transparent;border:1px solid transparent;color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm);border-radius:calc(var(--radius-md) - 2px);position:relative;transition:color .2s ease,background .2s ease,border-color .2s ease;min-height:0;min-width:0}.generator-tab-btn:hover{color:var(--color-text);background:color-mix(in oklch,var(--color-accent-500) 6%,transparent)}.generator-tab-btn.active{color:var(--color-text);background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:var(--color-accent-500);box-shadow:0 2px 6px color-mix(in oklch,var(--color-accent-500) 22%,transparent)}[data-theme=light] .generator-tab-btn.active{background:color-mix(in oklch,var(--color-accent-500) 16%,transparent);border-color:var(--color-accent-500)}.generator-view{display:none}.generator-view.active{display:block;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#saved-scores-view{position:relative;min-height:600px}.saved-templates-header{display:none!important}.save-score-section{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);color:var(--color-text-secondary);min-height:48px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);text-align:center;line-height:1.6}.save-score-section .discord-login-btn{min-height:44px;height:auto}.save-score-section .discord-login-btn span{display:inline}.save-score-section .btn-primary{padding:var(--spacing-2) var(--spacing-4)}.save-score-section a.saved-scores-link{color:var(--color-accent-400);text-decoration:underline;text-underline-offset:3px;font-weight:600;display:inline;min-width:auto;min-height:auto;vertical-align:baseline}[data-theme=light] .save-score-section a.saved-scores-link{color:var(--color-accent-600)}.saved-scores-grid{display:grid;grid-template-columns:minmax(70px,95px) minmax(50px,70px) minmax(0,3.4fr) minmax(0,1fr) minmax(55px,70px) minmax(48px,56px);align-items:start;gap:clamp(.4rem,1.5vw,.9rem)}.saved-scores-grid .grid-header{font-weight:700;color:var(--color-accent-400);font-size:var(--font-size-xs);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border-subtle);text-align:center;text-transform:uppercase;letter-spacing:.1em}[data-theme=light] .saved-scores-grid .grid-header{color:var(--color-accent-600)}.saved-scores-grid .grid-row{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;border-bottom:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);transition:background .18s ease}.saved-scores-grid .grid-row:last-child{border-bottom:none}.saved-scores-grid .grid-row>div{padding:var(--spacing-3) 0;display:flex;align-items:center;min-height:72px;background:transparent}.saved-scores-grid .grid-row:hover{background:color-mix(in oklch,var(--color-accent-500) 6%,transparent)}.saved-scores-grid .score-pairing.pairing-images{justify-content:center}.saved-scores-grid .score-pairing .commander-icon{width:40px;height:40px}.saved-scores-grid .score-pairing .commander-icon.secondary{margin-left:-16px}#saved-scores-content{max-height:500px;overflow-y:auto;padding-right:var(--spacing-2)}.saved-scores-grid .score-formation{flex-direction:column;gap:var(--spacing-1);justify-content:center;text-align:center}.saved-scores-grid .score-formation img.formation-icon{width:28px;height:28px;object-fit:contain}.saved-scores-grid .score-formation span{font-size:.68rem;font-weight:600;color:var(--color-text-secondary);text-align:center;line-height:1.2}.saved-scores-grid .score-inscriptions{align-items:center}.saved-scores-grid .score-inscriptions .inscription-grid{max-height:none;overflow:visible;align-content:center;gap:4px}.saved-scores-grid .inscription-tag{font-size:11px;padding:2px 9px;border-bottom-width:1px;letter-spacing:.02em;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%)}.saved-scores-grid .score-stats{flex-direction:column;align-items:flex-start;justify-content:center;font-size:var(--font-size-xs);line-height:1.6;color:var(--color-text-secondary);white-space:nowrap}.saved-scores-grid .score-stats .stat-line{display:block}.saved-scores-grid .score-stats strong{color:var(--color-accent-400);font-family:var(--font-display);font-weight:600}[data-theme=light] .saved-scores-grid .score-stats strong{color:var(--color-accent-600)}.saved-scores-grid .total-score{font-weight:700;font-size:var(--font-size-base);justify-content:center;font-family:var(--font-display)}.saved-scores-grid .total-score strong{color:var(--color-accent-400);text-shadow:0 0 14px color-mix(in oklch,var(--color-accent-500) 28%,transparent)}[data-theme=light] .saved-scores-grid .total-score strong{color:var(--color-accent-600);text-shadow:none}.saved-scores-grid .score-actions{justify-content:center}.saved-scores-grid .score-actions .btn-danger{padding:0;width:36px;height:36px;min-width:0;min-height:0;font-size:var(--font-size-sm);background:#ef44442e;border:1px solid rgba(239,68,68,.5);color:#f87171;border-radius:var(--radius-md);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.saved-scores-grid .score-actions .btn-danger:hover{background:#ef444461;border-color:#ef4444;color:#fff;transform:translateY(-1px)}[data-theme=light] .saved-scores-grid .score-actions .btn-danger{background:#dc26261a;border-color:#dc262673;color:#b91c1c}[data-theme=light] .saved-scores-grid .score-actions .btn-danger:hover{background:#dc262640;color:#7f1d1d}.logged-out-overlay{position:absolute;inset:0;background:var(--color-surface);display:flex;align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-lg);z-index:10;padding:var(--spacing-6)}.logged-out-message{display:grid;grid-template-columns:auto auto;grid-template-areas:"icon icon" "button heading";justify-content:center;align-items:center;column-gap:var(--spacing-3);row-gap:var(--spacing-5);max-width:640px}.logged-out-message:before{content:"";grid-area:icon;justify-self:center;font-family:"Font Awesome 6 Free";font-weight:900;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;font-size:1.75rem;background:color-mix(in oklch,var(--color-accent-500) 14%,transparent);border:1px solid color-mix(in oklch,var(--color-accent-500) 35%,transparent);color:var(--color-accent-400);box-shadow:0 0 0 6px color-mix(in oklch,var(--color-accent-500) 6%,transparent)}[data-theme=light] .logged-out-message:before{color:var(--color-accent-600)}.logged-out-message h3{grid-area:heading;margin:0;font-size:var(--font-size-base);color:var(--color-text);font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;max-width:36ch;text-align:left}.logged-out-message #saved-scores-auth-container{grid-area:button;display:flex;align-items:center}.logged-out-message #saved-scores-auth-container .discord-login-btn{padding:6px var(--spacing-4);font-size:var(--font-size-sm);font-weight:600;min-height:36px;height:36px;line-height:1}@media(max-width:480px){.logged-out-message{grid-template-columns:1fr;grid-template-areas:"icon" "button" "heading";row-gap:var(--spacing-4)}.logged-out-message h3{text-align:center}.logged-out-message #saved-scores-auth-container{justify-content:center}}#tierlist-slot-selector .selector-btn{padding:var(--spacing-1) var(--spacing-3);min-height:36px}.tier-row{display:flex;align-items:stretch;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;min-height:60px;margin-bottom:var(--spacing-3);background:color-mix(in oklch,var(--color-accent-fill) 2%,var(--color-surface-alt))}.tier-label{width:clamp(40px,8vw,60px);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1a1b1e;font-size:clamp(1rem,2vw + .5rem,1.4rem);text-shadow:none;font-family:var(--font-display);letter-spacing:-.02em}.tier-content{padding:var(--spacing-3);display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center;width:100%}.tier-content .inscription-tag{font-size:13px;padding:4px 14px;letter-spacing:.015em;white-space:nowrap;position:relative;display:inline-block}#tierlist-display.inscription-selector{max-height:none;height:auto;overflow-y:visible;background:transparent;border:none;padding:0}.carousel-slide[data-title="Inscription Tier List"] .calculator-island{min-height:850px}.carousel-slide[data-title="Inscription Tier List"] .inscription-selector-wrapper,.carousel-slide[data-title="Inscription Tier List"] .island-content{height:100%;display:flex;flex-direction:column}#tierlist-container{min-height:400px;height:auto;max-height:none;display:flex;flex-direction:column;overflow:visible}#tierlist-display{flex-grow:1;overflow:visible;display:flex;flex-direction:column;gap:var(--spacing-3)}#tierlist-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-weight:500;font-size:var(--font-size-sm);padding:var(--spacing-8) var(--spacing-4)}#tierlist-slot-selector .selector-btn.active{background:color-mix(in oklch,var(--color-accent-500) 22%,transparent);border-color:var(--color-accent-500);color:var(--color-text)!important;box-shadow:0 0 12px color-mix(in oklch,var(--color-accent-500) 25%,transparent);background-image:none}#tierlist-controls{margin-bottom:var(--spacing-4)!important;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-subtle)}.carousel-slide[data-title="Inscription Tier List"] .pairing-selector-wrapper{height:auto!important;min-height:0;align-self:start}#tierlist-pairing-selector{height:clamp(250px,50vh,400px);max-height:clamp(250px,50vh,400px);overflow-y:auto}#inscription-tooltip{position:fixed;display:none;background:var(--color-surface);border:1px solid var(--color-border-strong);padding:12px 14px;border-radius:var(--radius-md);z-index:9999;pointer-events:none;max-width:min(300px,calc(100vw - 32px));box-shadow:0 10px 36px #00000080;color:var(--color-text);font-size:.9rem;line-height:1.5;text-align:left;opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}[data-theme=light] #inscription-tooltip{box-shadow:0 10px 36px #0000001f}#inscription-tooltip.visible{opacity:1;transform:translateY(0);display:block}#inscription-tooltip strong{display:block;color:var(--color-accent-400);margin-bottom:4px;font-size:1rem;border-bottom:1px solid var(--color-border-subtle);padding-bottom:4px;font-family:var(--font-display);font-weight:700}[data-theme=light] #inscription-tooltip strong{color:var(--color-accent-600)}.calc-result:empty{display:none!important}@media(max-width:768px){.carousel-arrow{display:none}.quick-access-nav{overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch}.carousel-container{max-width:100%;overflow-x:hidden}#calculator-main-description{white-space:normal;word-wrap:break-word}.button-selector{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#troop-type-selector,#armament-troop-selector,#tierlist-troop-selector{grid-auto-flow:row;overflow-x:initial;grid-auto-columns:initial}#troop-type-selector{grid-template-columns:repeat(2,minmax(0,1fr))}#troop-type-selector .selector-btn{min-height:44px}.selector-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-selector::-webkit-scrollbar{display:none}.tool-title{flex-direction:column}.selectors-container{grid-template-columns:1fr}.pairing-selector-wrapper,.equipment-carousel-wrapper,.inscription-selector-wrapper{min-width:0}.pairing-selector{max-height:280px;height:auto}.equipment-arrow{top:90%}#prev-set{left:calc(35% - 95px)}#next-set{right:calc(35% - 95px)}.action-item{flex-direction:column;align-items:flex-start}.action-label{text-align:left;min-width:auto}.action-btn{width:100%;justify-content:center}.armaments-bottom-row{display:flex;flex-direction:column}.selected-inscriptions-wrapper{order:1}.stat-inputs-grid{order:2}.formation-selector{grid-template-columns:repeat(3,1fr)}.inscription-selector{height:200px;max-height:200px}#calculator-main-title{flex-direction:column}.davor-byline{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:500}.saved-scores-grid{display:flex;flex-direction:column;gap:0}.saved-scores-grid .grid-header{display:none}.saved-scores-grid .grid-row-container{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-6) 0;border-bottom:1px solid var(--color-border-subtle);gap:var(--spacing-4)}.saved-scores-grid .grid-row-container>div{border-bottom:none;padding:0;min-height:0;width:100%}.saved-scores-grid .score-pairing{justify-content:center}.saved-scores-grid .score-formation{display:flex;flex-direction:column;align-items:center}.saved-scores-grid .score-inscriptions .inscription-grid{justify-content:center}.saved-scores-grid .score-stats{display:flex;flex-direction:column;align-items:center}.score-footer{display:flex;justify-content:center;align-items:center;width:100%}.saved-scores-grid .score-actions{justify-content:flex-end}#save-score-auth-container .discord-login-btn,#saved-scores-auth-container .discord-login-btn{justify-content:center}#save-score-auth-container .discord-login-btn span,#saved-scores-auth-container .discord-login-btn span{display:none!important}#save-score-auth-container .discord-login-btn:after,#saved-scores-auth-container .discord-login-btn:after{content:"Login";color:#fff;font-weight:600}.generator-tabs{flex-wrap:nowrap;gap:1px;padding:3px}.generator-tab-btn{font-size:11px;padding:6px 4px;white-space:nowrap;letter-spacing:-.01em}}#pairing-selector,#armament-pairing-selector,#result-display,#conversion-result,#inscription-selector,#tierlist-pairing-selector,#tierlist-display{transition:opacity .15s ease-in-out}.fade-out{opacity:0}@media(max-width:768px){.inscription-tag,.saved-scores-grid .inscription-tag,.tier-content .inscription-tag{font-size:14px}}
