.tool-hero{transition:all .5s ease-out}#calculator-main-description{color:var(--color-text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:min(100%,1100px);padding:0 var(--space-8);margin:0 auto;font-size:clamp(.85rem,1vw + .4rem,1rem);overflow:hidden}@media (width<=768px){#calculator-main-description{white-space:normal;text-overflow:clip;line-height:1.4;overflow:visible}}.optimal-purchase-highlight{color:var(--color-accent-400);font-weight:var(--weight-bold);letter-spacing:.02em;text-shadow:0 0 8px color-mix(in oklch, var(--color-accent-500) 35%, transparent)}[data-theme=light] .optimal-purchase-highlight{color:var(--color-accent-text);text-shadow:none}.calculator-main-title{white-space:nowrap;font-size:clamp(1.25rem,2vw + .75rem,1.875rem);font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-text);justify-content:center;align-items:center;gap:clamp(8px,1.5vw,1rem);display:flex}.calculator-main-title img{height:clamp(24px,5vw,40px)}.calculator-island{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:100%;max-width:min(640px,100%);min-height:0;box-shadow:var(--shadow-md);margin:0 auto;padding:clamp(1rem,3vw,1.75rem)}[data-theme=light] .calculator-island{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.calculator-island.compact{height:fit-content;min-height:auto}.island-content .form-group,.island-content .form-group-horizontal,.island-content .form-group-horizontal-power,.island-content .form-group-toggle{margin-bottom:clamp(.85rem,2vw,1.4rem)}.island-content .form-group-horizontal{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.island-content .form-group-horizontal .form-group{margin-bottom:0}.island-content label,.form-group-label{font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-4);word-break:break-word;overflow-wrap:break-word;display:block}.island-content .disclaimer{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;margin-top:-8px;margin-bottom:clamp(.5rem,2vw,1rem);font-style:italic}.island-content input[type=text],.island-content input[type=number],.island-content input[type=date]{background:color-mix(in oklch, var(--color-accent-fill) 5%, var(--color-surface-inset));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;padding:var(--space-6) var(--space-8);color:var(--color-text);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);font-family:inherit}.island-content input[type=text]::placeholder,.island-content input[type=number]::placeholder{color:var(--color-text-placeholder)}.island-content input[type=text]:focus,.island-content input[type=number]:focus,.island-content input[type=date]:focus{border-color:color-mix(in oklch, var(--color-accent-400) 70%, var(--color-border-strong));box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent-500) 20%, transparent);background:color-mix(in oklch, var(--color-accent-fill) 8%, var(--color-surface-inset));outline:none}[data-theme=light] .island-content input[type=text],[data-theme=light] .island-content input[type=number],[data-theme=light] .island-content input[type=date]{background:color-mix(in oklch, var(--color-accent-fill) 4%, var(--color-surface));border-color:var(--color-border-strong)}[data-theme=light] .island-content input[type=text]:focus,[data-theme=light] .island-content input[type=number]:focus,[data-theme=light] .island-content input[type=date]:focus{background:color-mix(in oklch, var(--color-accent-fill) 7%, var(--color-surface))}.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}input[type=date]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.island-content .btn-primary{width:100%;margin-top:var(--space-6);justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-10);border-radius:var(--radius-md);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;font-family:inherit;font-size:var(--text-md);background:color-mix(in oklch, var(--color-accent-500) 32%, transparent);-webkit-backdrop-filter:blur(10px);color:var(--color-text);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);letter-spacing:.02em;border:1px solid #ffffff8c;text-decoration:none;display:flex;position:relative;overflow:hidden}.island-content .btn-primary:before{content:none}.island-content .btn-primary>*{z-index:1;position:relative}.island-content .btn-primary:hover{background:color-mix(in oklch, var(--color-accent-500) 50%, transparent);box-shadow:0 12px 28px -10px color-mix(in oklch, var(--color-accent-500) 55%, transparent), 0 0 0 1px color-mix(in oklch, var(--color-accent-400) 40%, transparent);transform:translateY(-2px)}.island-content .btn-primary:active{transform:translateY(0)}[data-theme=light] .island-content .btn-primary{background:color-mix(in oklch, var(--color-accent-500) 22%, transparent);color:var(--color-text);border-color:#00000073}[data-theme=light] .island-content .btn-primary:hover{background:color-mix(in oklch, var(--color-accent-500) 38%, transparent);box-shadow:0 10px 22px -10px color-mix(in oklch, var(--color-accent-500) 45%, transparent);border-color:#0000008c}.label-with-toggle{justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.label-with-toggle>label{margin-bottom:0}.hoh-link-group{align-items:center;gap:var(--space-4);flex-direction:row;flex-shrink:0;min-height:22px;margin-bottom:0;line-height:1;display:inline-flex}.hoh-link-group>label,.hoh-link-group .toggle-switch,.hoh-link-group .hoh-link-label-top{margin-bottom:0}.hoh-link-anchor{color:var(--color-accent-400);font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap;align-items:center;gap:var(--space-2);transition:color var(--duration-fast) var(--ease-out);min-width:0;min-height:0;padding:0;line-height:1;text-decoration:none;display:inline-flex}.hoh-link-anchor:hover{color:var(--color-accent-500)}.hoh-link-label-top{font-size:var(--text-md);color:var(--color-text);font-weight:var(--weight-semibold);cursor:default;white-space:nowrap;align-items:center;min-height:0;margin-bottom:0;line-height:1;display:inline-flex}.hoh-link-anchor img{vertical-align:middle;flex-shrink:0;width:auto;height:1.15em;margin-inline-start:0;display:inline-block}[data-theme=light] .hoh-link-anchor{color:var(--color-accent-text)}.rarity-selector,.building-selector{gap:var(--space-6);display:grid}.rarity-selector{grid-template-columns:repeat(4,minmax(0,1fr))}.building-selector{grid-template-columns:repeat(3,minmax(0,1fr))}.rarity-selector label,.building-selector label{cursor:pointer;position:relative}.rarity-selector input,.building-selector input{opacity:0;width:0;height:0;position:absolute}.rarity-btn,.building-btn{transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background-color:var(--color-surface-alt);min-width:0;min-height:0;font-weight:var(--weight-semibold);color:#fff;text-shadow:0 1px 3px #000000b3;transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);height:100%;font-size:clamp(10px, 1.5vw + 4px, var(--text-sm));flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,1vw,8px);padding:clamp(6px,1vw,10px);display:flex;position:relative;overflow:hidden}.rarity-btn:after{content:"";border-radius:inherit;z-index:0;opacity:0;transition:opacity var(--duration-slow) var(--ease-out);position:absolute;inset:0}.rarity-btn.legendary:after{background-image:radial-gradient(circle,#f28d00 0%,#d55800 100%)}.rarity-btn.epic:after{background-image:radial-gradient(circle,#ca62e6 0%,#8113a7 100%)}.rarity-btn.elite:after{background-image:radial-gradient(circle,#00a2d4 0%,#006d97 100%)}.rarity-btn.advanced:after{background-image:radial-gradient(circle,#00be21 0%,#046c04 100%)}.rarity-selector label:hover .rarity-btn:after,.rarity-selector input:checked+.rarity-btn:after{opacity:1}.rarity-btn img,.rarity-btn span,.building-btn span,.building-btn img{z-index:1;position:relative}.rarity-btn img{filter:drop-shadow(0 0 2px #000);width:clamp(22px,3vw,28px);height:clamp(22px,3vw,28px)}.building-btn img{width:auto;height:clamp(26px,4vw,34px)}.rarity-selector input:checked+.rarity-btn,.building-selector input:checked+.building-btn{box-shadow:0 0 0 2px color-mix(in oklch, var(--color-accent-500) 30%, transparent);border-color:#ffffffb3;transform:scale(.98)}.building-selector input:checked+.building-btn{background-color:color-mix(in oklch, var(--color-accent-fill) 18%, var(--color-surface-alt));border-color:color-mix(in oklch, var(--color-accent-400) 70%, var(--color-border))}.building-selector label:hover .building-btn{border-color:var(--color-border-strong)}[data-theme=light] .rarity-btn,[data-theme=light] .building-btn{color:#0f1115;text-shadow:0 1px 2px #ffffffb3;border-color:var(--color-border-strong)}[data-theme=light] .rarity-selector input:checked+.rarity-btn,[data-theme=light] .rarity-selector label:hover .rarity-btn{color:#fff;text-shadow:0 1px 3px #0000008c}[data-theme=light] .building-selector input:checked+.building-btn{background-color:color-mix(in oklch, var(--color-accent-fill) 12%, var(--color-surface-alt));color:var(--color-text);text-shadow:0 1px 2px #fff9}[data-theme=light] .rarity-selector input:checked+.rarity-btn,[data-theme=light] .building-selector input:checked+.building-btn{border-color:#00000059}.island-content label:has(#currency-label-text){align-items:center;gap:var(--space-4);white-space:nowrap;flex-wrap:nowrap;display:inline-flex}#currency-label-text{white-space:nowrap;text-overflow:ellipsis;align-items:center;min-width:0;display:inline-flex;overflow:hidden}#currency-label-icon{vertical-align:middle;width:auto;height:1.4em;transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0}#currency-label-icon.is-swapping{animation:currency-icon-swap .28s var(--ease-out)}@keyframes currency-icon-swap{0%{opacity:0;transform:scale(.85)rotate(-8deg)}60%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){#currency-label-icon.is-swapping{animation:none}}.form-group-toggle{align-items:center;gap:var(--space-6);margin-top:0;display:flex}.toggle-label{font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;user-select:none;white-space:nowrap;font-size:clamp(.8rem,1.5vw + .4rem,1rem)}.toggle-switch{flex-shrink:0;width:50px;min-width:0;height:28px;min-height:0;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-surface-inset);border:1px solid var(--color-border);transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);border-radius:999px;position:absolute;inset:0;overflow:hidden}.toggle-slider:before{content:"";background-color:var(--color-text-secondary);width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out);z-index:2;border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle-slider:after{font-size:10px;font-weight:var(--weight-bold);transition:color var(--duration-normal) var(--ease-out);z-index:1;content:attr(data-off);color:var(--color-text-tertiary);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.toggle-switch input:checked+.toggle-slider{background-color:color-mix(in oklch, var(--color-accent-500) 55%, transparent);border-color:color-mix(in oklch, var(--color-accent-400) 60%, transparent)}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translate(22px)}.toggle-switch input:checked+.toggle-slider:after{content:attr(data-on);color:#fff;left:8px;right:auto}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;background-color:var(--color-surface-alt)}.toggle-switch input:disabled+.toggle-slider:before{background-color:var(--color-border-strong)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent-500) 35%, transparent)}.toggle-switch.is-disabled{opacity:.4;filter:grayscale();cursor:not-allowed}#hospital-tier-toggle+.toggle-slider{background-color:#0000;background-image:radial-gradient(circle,#ca62e6 0%,#8113a7 100%);border-color:#ffffff26}#hospital-tier-toggle+.toggle-slider:after{color:#fff;text-shadow:0 1px 2px #00000080}#hospital-tier-toggle:checked+.toggle-slider{background-color:#0000;background-image:radial-gradient(circle,#f28d00 0%,#d55800 100%);border-color:#ffffffb3}.hoh-link-group .toggle-switch{width:40px;height:22px}.hoh-link-group .toggle-switch .toggle-slider:before{width:16px;height:16px;bottom:2px}.hoh-link-group .toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.calc-result{background:var(--color-surface-inset);border-radius:var(--radius-md);text-align:center;font-size:clamp(.9rem, 1.5vw + .4rem, var(--text-lg));border:1px solid var(--color-border-strong);min-height:60px;color:var(--color-text);animation:calc-result-in var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);margin-top:clamp(.5rem,2vw,1rem);padding:clamp(.75rem,2vw,1.15rem);line-height:1.5;display:flex;position:relative;box-shadow:inset 0 1px 2px #00000026}.calc-result:empty{min-height:0!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;display:none!important}@keyframes calc-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-theme=light] .calc-result{background:var(--color-surface-alt);box-shadow:inset 0 1px 2px #00000008}.calc-result.result-success:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #0000;animation:1.2s ease-out calc-glow-border;position:absolute;inset:0}@keyframes calc-glow-border{0%{border-color:#0000;box-shadow:0 0 #0000}25%{border-color:var(--color-success);box-shadow:0 0 15px 0 var(--color-success)}to{border-color:#0000;box-shadow:0 0 15px #0000}}.calc-result.error{color:var(--color-error)}.calc-result img{height:clamp(24px,4vw,32px)}.calc-result i.fa-check-circle{color:var(--color-success);font-size:clamp(22px,4vw,28px)}.calc-result span i.fa-check-circle{vertical-align:middle;margin-inline-end:.35em}.calc-result strong{color:var(--color-accent-400);font-weight:var(--weight-bold);text-shadow:0 0 8px color-mix(in oklch, var(--color-accent-500) 40%, transparent);margin:0 4px}[data-theme=light] .calc-result strong{color:var(--color-accent-text);text-shadow:none}#cost-result,#building-cost-result{font-size:clamp(.8rem, 1.5vw + .4rem, var(--text-md));flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);min-height:clamp(80px,15vw,110px);margin-top:clamp(.5rem,1.5vw,.75rem)}#hoh-result{flex-direction:row}#exp-result{gap:var(--space-6);flex-direction:column;justify-content:center;align-items:center}#passport-power-breakdown{align-items:flex-start;gap:var(--space-4);font-size:clamp(.8rem, 1.5vw + .4rem, var(--text-md));flex-direction:column;line-height:1.6}#passport-needed-result{margin-top:var(--space-6)}.cost-line{justify-content:center;align-items:center;gap:clamp(4px,1vw,8px);display:flex}.cost-line img{width:auto;height:clamp(22px,3.5vw,28px)}.calc-result span,.calc-result strong{transition:filter .4s ease-out,opacity .4s ease-out}.counting-blur{filter:blur(2px);opacity:.8;transform:translateZ(0)}.island-content select{background:color-mix(in oklch, var(--color-accent-fill) 5%, var(--color-surface-inset));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);width:100%;padding:var(--space-6) var(--space-8);color:var(--color-text);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239ca3ab' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.island-content select:focus{border-color:color-mix(in oklch, var(--color-accent-400) 60%, var(--color-border));box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent-500) 18%, transparent);outline:none}.island-content select option{background:var(--color-surface);color:var(--color-text)}.star-select-stars{font-size:var(--text-md);letter-spacing:1px}.star-inventory-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.star-inventory-item{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6);align-items:center;gap:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.star-inventory-item:focus-within{border-color:color-mix(in oklch, var(--color-accent-400) 60%, var(--color-border));box-shadow:0 0 0 2px color-mix(in oklch, var(--color-accent-500) 18%, transparent)}.star-type-img{object-fit:contain;filter:drop-shadow(0 1px 3px #0006);width:clamp(28px,5vw,40px);height:clamp(28px,5vw,40px);transition:opacity var(--duration-fast) var(--ease-out)}.star-inventory-info{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.star-inventory-info label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.star-count-input{padding:var(--space-4);text-align:center;font-size:var(--text-sm);border-radius:var(--radius-sm);width:100%;max-width:110px}.star-stat{color:var(--color-text-tertiary);white-space:nowrap;text-align:center;font-size:10px;line-height:1.25}.star-tip-box{background:color-mix(in oklch, #f59e0b 12%, var(--color-surface-inset));border:1px solid color-mix(in oklch, #f59e0b 35%, var(--color-border));border-radius:var(--radius-md);padding:var(--space-8);margin-bottom:var(--space-6);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.6}.star-tip-box strong{color:#fbbf24;margin-bottom:var(--space-4);font-size:var(--text-sm);letter-spacing:.02em;display:block}[data-theme=light] .star-tip-box strong{color:#b45309}.star-tip-box p{margin:0 0 var(--space-4)}.star-tip-box p:last-child{margin-bottom:0}.star-tip-box ul{margin:0 0 var(--space-4);padding-inline-start:var(--space-16);list-style:outside}.star-tip-box li{margin-bottom:var(--space-2);list-style:outside}.star-tip-box li::marker{color:#fbbf24}[data-theme=light] .star-tip-box li::marker{color:#b45309}.star-tip-box li strong{font-size:inherit;color:var(--color-text);margin-bottom:0;display:inline}#star-result{text-align:start;font-size:var(--text-sm);flex-direction:column;align-items:stretch}.star-result-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);font-weight:var(--weight-semibold);font-size:var(--text-md);justify-content:space-between;align-items:center;display:flex}.star-exp-needed{color:var(--color-text-secondary);font-weight:var(--weight-normal);font-size:var(--text-xs)}.star-recommended{gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6);background:color-mix(in oklch, var(--color-accent-500) 10%, transparent);border-radius:var(--radius-sm);border:1px solid color-mix(in oklch, var(--color-accent-400) 28%, transparent);flex-wrap:wrap;align-items:center;display:flex}.star-rec-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.star-rec-value{font-weight:var(--weight-semibold);color:var(--color-accent-400);font-size:var(--text-sm)}[data-theme=light] .star-rec-value{color:var(--color-accent-text)}.star-result-table{gap:var(--space-4);flex-direction:column;display:flex}.star-result-row{gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.star-row-label{font-weight:var(--weight-semibold);white-space:nowrap}.star-result-row.best .star-row-label{color:var(--color-success)}.star-result-row.expected .star-row-label{color:var(--color-accent-400)}.star-result-row.worst .star-row-label{color:var(--color-error)}[data-theme=light] .star-result-row.expected .star-row-label{color:var(--color-accent-text)}.star-row-desc{font-size:var(--text-xs);color:var(--color-text-tertiary)}.star-row-value{text-align:end;white-space:nowrap}.star-row-value strong{color:var(--color-text)}.star-attempts{font-size:var(--text-xs);color:var(--color-text-tertiary)}.star-insufficient{color:var(--color-error);font-weight:var(--weight-semibold)}.star-shortfall{margin-top:var(--space-6);padding:var(--space-4) var(--space-6);background:color-mix(in oklch, var(--color-error) 12%, transparent);border:1px solid color-mix(in oklch, var(--color-error) 32%, transparent);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-xs);color:var(--color-error)}.vip-token-grid-container,.exp-tome-grid-container{max-height:0;transition:max-height .5s ease-in-out,margin-top .5s ease-in-out,margin-bottom .5s ease-in-out;overflow:hidden}.vip-token-grid-container.visible{max-height:300px;margin:var(--space-8) 0}.exp-tome-grid-container.visible{max-height:500px;margin:var(--space-8) 0}.vip-token-grid,.exp-tome-grid{gap:var(--space-6);display:grid}.vip-token-grid{grid-template-columns:repeat(4,1fr)}.vip-token-item,.exp-tome-item{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4);align-items:center;gap:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.vip-token-item:focus-within,.exp-tome-item:focus-within{border-color:color-mix(in oklch, var(--color-accent-400) 60%, var(--color-border))}.vip-token-item:after,.exp-tome-item:after{content:"";border-radius:inherit;z-index:0;opacity:.22;pointer-events:none;position:absolute;inset:0}.vip-token-item.legendary:after,.exp-tome-item.legendary:after{background-image:radial-gradient(circle,#f28d00 0%,#d55800 100%)}.vip-token-item.epic:after,.exp-tome-item.epic:after{background-image:radial-gradient(circle,#ca62e6 0%,#8113a7 100%)}.vip-token-item.elite:after,.exp-tome-item.elite:after{background-image:radial-gradient(circle,#00a2d4 0%,#006d97 100%)}.vip-token-item.advanced:after,.exp-tome-item.advanced:after{background-image:radial-gradient(circle,#00be21 0%,#046c04 100%)}.vip-token-item.common:after{background-image:radial-gradient(circle,#a1a7b7 0%,#4b5260 100%)}.vip-token-item img,.exp-tome-item img{z-index:1;width:clamp(22px,3.5vw,28px);height:clamp(22px,3.5vw,28px);position:relative}.vip-token-info,.exp-tome-info{align-items:center;gap:var(--space-2);z-index:1;flex-direction:column;width:100%;display:flex;position:relative}.vip-token-info label,.exp-tome-info label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:#fff;text-shadow:0 1px 2px #0009;letter-spacing:.04em;margin:0}[data-theme=light] .vip-token-info label,[data-theme=light] .exp-tome-info label{color:#0a0a0f;text-shadow:0 1px 2px #ffffffb3}.vip-token-item input,.exp-tome-item input{padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--text-sm);border-radius:var(--radius-sm);width:100%;max-width:100px}.exp-tome-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.exp-tome-grid .exp-tome-item:nth-child(-n+3){grid-column:span 4}.exp-tome-grid .exp-tome-item:nth-child(n+4){grid-column:span 3}.hoh-grid{border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,1.5vw,.75rem);padding:clamp(.5rem,1.5vw,.75rem);display:grid;position:relative}.hoh-grid:after{content:"";border-radius:inherit;z-index:0;opacity:.35;pointer-events:none;position:absolute;inset:0}.hoh-grid.t5-group:after{background-image:radial-gradient(circle,#f28d00 0%,#d55800 100%)}.hoh-grid.t4-group:after{background-image:radial-gradient(circle,#ca62e6 0%,#8113a7 100%)}.hoh-item{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4);align-items:center;gap:var(--space-4);z-index:1;transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.hoh-item:focus-within{border-color:color-mix(in oklch, var(--color-accent-400) 60%, var(--color-border))}.hoh-item img{object-fit:contain;width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px)}.hoh-item label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0}.hoh-item input{padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--text-sm);border-radius:var(--radius-sm);width:100%;max-width:100px}.hoh-return-selector{grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1.5vw,.75rem);display:grid}.hoh-return-selector label{cursor:pointer;position:relative}.hoh-return-selector input{opacity:0;width:0;height:0;position:absolute}.hoh-return-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background-color:var(--color-surface-alt);font-weight:var(--weight-semibold);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);box-sizing:border-box;flex-direction:column;width:100%;min-width:0;height:100%;min-height:72px;font-size:clamp(11px,1.5vw + 5px,14px);display:flex;overflow:hidden}.hoh-return-sublabel{font-size:clamp(9px,1vw + 3px,11px);font-weight:var(--weight-normal);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:0;max-width:100%;overflow:hidden}.hoh-return-selector label:hover .hoh-return-btn{border-color:var(--color-border-strong);background-color:color-mix(in oklch, var(--color-accent-fill) 6%, var(--color-surface-alt))}.hoh-return-selector input:checked+.hoh-return-btn{background-color:color-mix(in oklch, var(--color-accent-fill) 18%, var(--color-surface-alt));border-color:color-mix(in oklch, var(--color-accent-400) 60%, var(--color-border));box-shadow:0 0 0 1px color-mix(in oklch, var(--color-accent-500) 30%, transparent)}.date-input-container{align-items:stretch;gap:var(--space-6);height:48px;display:flex}.calendar-icon-label{cursor:pointer;min-width:0;min-height:0;transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.calendar-icon-label img{object-fit:contain;opacity:.9;width:clamp(36px,6vw,48px);height:clamp(36px,6vw,48px);transition:opacity var(--duration-fast) var(--ease-out)}.calendar-icon-label:hover img{opacity:1;transform:scale(1.08)}.input-wrapper{background:color-mix(in oklch, var(--color-accent-fill) 5%, var(--color-surface-inset));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-grow:1;display:flex}[data-theme=light] .input-wrapper{background:color-mix(in oklch, var(--color-accent-fill) 4%, var(--color-surface))}#migration-date{width:100%;height:100%;padding:0 var(--space-8);color:var(--color-text);font-size:var(--text-md);box-sizing:border-box;background:0 0;border:none;outline:none}.input-wrapper:has(input:focus){border-color:color-mix(in oklch, var(--color-accent-400) 60%, var(--color-border));box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent-500) 18%, transparent)}.custom-select-container{position:relative}.select-selected{align-items:center;gap:var(--space-6);background:color-mix(in oklch, var(--color-accent-fill) 5%, var(--color-surface-inset));border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);color:var(--color-text);font-size:var(--text-md);cursor:pointer;user-select:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);display:flex}[data-theme=light] .select-selected{background:color-mix(in oklch, var(--color-accent-fill) 4%, var(--color-surface));border-color:var(--color-border-strong)}.select-selected.select-arrow-active{border-color:color-mix(in oklch, var(--color-accent-400) 60%, var(--color-border));box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent-500) 18%, transparent)}.select-selected img{width:24px;height:24px}.select-selected:after{content:"";width:1.5em;height:1.5em;transition:transform var(--duration-slow) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239ca3ab' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1.5em 1.5em;margin-inline-start:auto}.select-selected.select-arrow-active:after{transform:rotate(180deg)}.select-items{-webkit-backdrop-filter:blur(14px);z-index:var(--z-dropdown);border-radius:var(--radius-md);max-height:240px;padding:var(--space-2);background-color:#101216b8;border:1px solid #ffffff14;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 16px 48px #0000008c,0 0 0 1px #0003}.select-items.dropdown-down{top:calc(100% + 6px);bottom:auto}.select-hide{display:none}.select-items div{align-items:center;gap:var(--space-6);color:var(--color-text-secondary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:flex}.select-items div:hover,.select-items .same-as-selected{background-color:color-mix(in oklch, var(--color-accent-500) 18%, transparent);color:#fff}.select-items div img{width:24px;height:24px}[data-theme=light] .select-items{background-color:#ffffffe0;border:1px solid #00000014;box-shadow:0 14px 36px #00000029,0 0 0 1px #0000000a}[data-theme=light] .select-items div{color:var(--color-text-secondary)}[data-theme=light] .select-items div:hover,[data-theme=light] .select-items .same-as-selected{background-color:color-mix(in oklch, var(--color-accent-500) 14%, transparent);color:var(--color-text)}.ap-potion-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,2vw,1rem);display:grid}.ap-potion-item{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out);flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);padding:clamp(.6rem,2vw,.9rem);display:flex;position:relative;overflow:hidden}.ap-potion-item:focus-within{border-color:color-mix(in oklch, var(--color-success) 60%, var(--color-border));box-shadow:0 0 0 2px color-mix(in oklch, var(--color-success) 18%, transparent)}.ap-potion-item:after{content:"";border-radius:inherit;z-index:0;opacity:.18;pointer-events:none;background-image:radial-gradient(circle,#57f287 0%,#15803d 100%);position:absolute;inset:0}.ap-potion-item img{object-fit:contain;z-index:1;filter:drop-shadow(0 2px 4px #0000004d);width:clamp(36px,6vw,48px);height:clamp(36px,6vw,48px);position:relative}.ap-potion-info{align-items:center;gap:var(--space-2);z-index:1;flex-direction:column;width:100%;display:flex;position:relative}.ap-potion-info label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;text-shadow:0 1px 2px #000000a6;letter-spacing:.04em;margin:0}[data-theme=light] .ap-potion-info label{color:#0a120a;text-shadow:0 1px 2px #ffffffbf}.ap-potion-input{text-align:center;border-radius:var(--radius-sm);width:100%;max-width:120px;padding:clamp(4px,1vw,8px);font-size:clamp(.8rem, 1.5vw + .4rem, var(--text-md))!important;background:color-mix(in oklch, var(--color-accent-fill) 5%, var(--color-surface-inset))!important;border:1px solid var(--color-border-strong)!important;color:var(--color-text)!important}.ap-potion-input::placeholder{color:var(--color-text-placeholder)}[data-theme=light] .ap-potion-input{background:color-mix(in oklch, var(--color-accent-fill) 4%, var(--color-surface))!important;color:var(--color-text)!important}.ap-potion-input:focus{background:color-mix(in oklch, var(--color-success) 8%, var(--color-surface-inset))!important;border-color:color-mix(in oklch, var(--color-success) 70%, transparent)!important;box-shadow:0 0 0 2px color-mix(in oklch, var(--color-success) 25%, transparent)!important}[data-theme=light] .ap-potion-input:focus{background:color-mix(in oklch, var(--color-success) 8%, var(--color-surface))!important}#honour-plan-link,#honour-return-link{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm)}#honour-plan-link .hoh-link-anchor{justify-content:center;align-items:center;gap:var(--space-2);white-space:normal;flex-wrap:wrap;display:inline-flex}#honour-return-link .btn-primary{width:auto;margin-top:var(--space-4);padding:var(--space-4) var(--space-10);min-height:38px;font-size:var(--text-sm);display:inline-flex}@media (width<=768px){.calculator-island{min-height:auto;margin:0 auto;padding:clamp(.85rem,3vw,1.2rem);width:100%!important}.exp-tome-grid{grid-template-columns:repeat(2,1fr)}.exp-tome-grid .exp-tome-item:nth-child(n),.exp-tome-grid .exp-tome-item:last-child{grid-column:auto}.vip-token-grid{grid-template-columns:repeat(2,1fr)}.label-with-toggle{flex-wrap:wrap}.star-result-row{grid-template-columns:1fr 1fr}.star-row-desc{display:none}.star-result-header{gap:var(--space-2);flex-direction:column;align-items:flex-start}}@media (width<=480px){.star-inventory-grid{grid-template-columns:1fr}.star-inventory-item{gap:var(--space-6);padding:var(--space-4) var(--space-6);flex-direction:row;justify-content:space-between}.star-inventory-info{gap:var(--space-4);flex-direction:row;flex-grow:1;align-items:center;width:auto}.star-stat{margin-inline-start:auto}.exp-tome-grid{grid-template-columns:repeat(6,1fr)}.exp-tome-grid .exp-tome-item:nth-child(-n+2){grid-column:span 3}.exp-tome-grid .exp-tome-item:nth-child(n+3):nth-child(-n+5){grid-column:span 2}.exp-tome-grid .exp-tome-item:nth-child(n+6){grid-column:span 3}.hoh-grid{grid-template-columns:repeat(2,1fr)}.building-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hoh-return-selector{grid-template-columns:repeat(6,1fr)}.hoh-return-selector label:nth-child(-n+2){grid-column:span 3}.hoh-return-selector label:nth-child(n+3){grid-column:span 2}}@keyframes calc-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.select-items:not(.select-hide){animation:calc-menu-in var(--duration-fast) var(--ease-out) backwards}@keyframes calc-menu-item-in{0%{opacity:0}to{opacity:1}}.select-items:not(.select-hide) div{animation:calc-menu-item-in var(--duration-normal) var(--ease-out) backwards}.select-items:not(.select-hide) div:nth-child(2){animation-delay:30ms}.select-items:not(.select-hide) div:nth-child(3){animation-delay:60ms}.select-items:not(.select-hide) div:nth-child(4){animation-delay:90ms}.select-items:not(.select-hide) div:nth-child(5){animation-delay:.12s}.select-items:not(.select-hide) div:nth-child(6){animation-delay:.15s}.select-items:not(.select-hide) div:nth-child(7){animation-delay:.18s}.select-items:not(.select-hide) div:nth-child(8){animation-delay:.21s}.select-items:not(.select-hide) div:nth-child(9){animation-delay:.24s}.select-items:not(.select-hide) div:nth-child(10){animation-delay:.27s}.select-selected{transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out)}.select-selected:active{transition-duration:80ms;transform:scale(.99)}.rarity-selector label:active .rarity-btn,.building-selector label:active .building-btn,.hoh-return-selector label:active>span{transition-duration:80ms;transform:scale(.97)}.toggle-switch{transition:transform var(--duration-fast) var(--ease-out)}.toggle-switch:active{transition-duration:80ms;transform:scale(.96)}.calc-result>*{animation:calc-result-in var(--duration-normal) var(--ease-out) backwards}.calc-result>:nth-child(2){animation-delay:60ms}.calc-result>:nth-child(3){animation-delay:.12s}.calc-result>:nth-child(4){animation-delay:.18s}.calc-result>:nth-child(5){animation-delay:.24s}@media (prefers-reduced-motion:reduce){.select-items:not(.select-hide),.select-items:not(.select-hide) div,.calc-result,.calc-result>*{animation:none}.select-selected,.rarity-btn,.building-btn,.toggle-switch{transition:none;transform:none}}@keyframes calc-swap-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}#currency-label-text.is-swapping{animation:calc-swap-in var(--duration-normal) var(--ease-out) backwards}@media (prefers-reduced-motion:reduce){#currency-label-text.is-swapping{animation:none}}