.tool-hero{transition:all .5s ease-out}#calculator-main-description{color:var(--color-text-secondary);font-size:clamp(.85rem,1vw + .4rem,1rem);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(100%,1100px);margin:0 auto;padding:0 var(--space-8)}@media(max-width:768px){#calculator-main-description{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.4}}.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{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.5vw,1rem);font-size:clamp(1.25rem,2vw + .75rem,1.875rem);white-space:nowrap;font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-text)}.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);padding:clamp(1rem,3vw,1.75rem);width:100%;max-width:min(640px,100%);margin:0 auto;min-height:0;box-shadow:var(--shadow-md)}[data-theme=light] .calculator-island{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.calculator-island.compact{min-height:auto;height:fit-content}.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{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.island-content .form-group-horizontal .form-group{margin-bottom:0}.island-content label,.form-group-label{display:block;font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-4);word-break:break-word;overflow-wrap:break-word}.island-content .disclaimer{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:-8px;margin-bottom:clamp(.5rem,2vw,1rem);text-align:center;font-style:italic}.island-content input[type=text],.island-content input[type=number],.island-content input[type=date]{width:100%;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);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.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{outline:none;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))}[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{display:none;-webkit-appearance:none}.island-content .btn-primary{width:100%;margin-top:var(--space-6);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-10);border-radius:var(--radius-md);text-decoration:none;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);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(10px);-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);position:relative;overflow:hidden;letter-spacing:.02em}.island-content .btn-primary:before{content:none}.island-content .btn-primary>*{position:relative;z-index:1}.island-content .btn-primary:hover{background:color-mix(in oklch,var(--color-accent-500) 50%,transparent);transform:translateY(-2px);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)}.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);border-color:#00000073;color:var(--color-text)}[data-theme=light] .island-content .btn-primary:hover{background:color-mix(in oklch,var(--color-accent-500) 38%,transparent);border-color:#0000008c;box-shadow:0 10px 22px -10px color-mix(in oklch,var(--color-accent-500) 45%,transparent)}.label-with-toggle{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-4)}.label-with-toggle>label{margin-bottom:0}.hoh-link-group{flex-shrink:0;display:inline-flex;flex-direction:row;align-items:center;gap:var(--space-4);margin-bottom:0;line-height:1;min-height:22px}.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);text-decoration:none;font-weight:var(--weight-semibold);font-size:var(--text-md);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2);transition:color var(--duration-fast) var(--ease-out);line-height:1;min-height:0;min-width:0;padding:0}.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);margin-bottom:0;cursor:default;white-space:nowrap;line-height:1;display:inline-flex;align-items:center;min-height:0}.hoh-link-anchor img{height:1.15em;width:auto;display:inline-block;flex-shrink:0;vertical-align:middle;margin-left:0}[data-theme=light] .hoh-link-anchor{color:var(--color-accent-text)}.rarity-selector,.building-selector{display:grid;gap:var(--space-6)}.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{position:relative;cursor:pointer}.rarity-selector input,.building-selector input{position:absolute;opacity:0;width:0;height:0}.rarity-btn,.building-btn{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,8px);padding:clamp(6px,1vw,10px);min-height:0;min-width:0;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background-color:var(--color-surface-alt);font-weight:var(--weight-semibold);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);position:relative;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;height:100%;font-size:clamp(10px,1.5vw + 4px,var(--text-sm))}.rarity-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.rarity-btn.legendary:after{background-image:radial-gradient(circle,#f28d00,#d55800)}.rarity-btn.epic:after{background-image:radial-gradient(circle,#ca62e6,#8113a7)}.rarity-btn.elite:after{background-image:radial-gradient(circle,#00a2d4,#006d97)}.rarity-btn.advanced:after{background-image:radial-gradient(circle,#00be21,#046c04)}.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{position:relative;z-index:1}.rarity-btn img{height:clamp(22px,3vw,28px);width:clamp(22px,3vw,28px);filter:drop-shadow(0 0 2px black)}.building-btn img{height:clamp(26px,4vw,34px);width:auto}.rarity-selector input:checked+.rarity-btn,.building-selector input:checked+.building-btn{border-color:#ffffffb3;transform:scale(.98);box-shadow:0 0 0 2px color-mix(in oklch,var(--color-accent-500) 30%,transparent)}.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 rgba(255,255,255,.7);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 rgba(0,0,0,.55)}[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 rgba(255,255,255,.6)}[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){display:inline-flex;align-items:center;gap:var(--space-4);flex-wrap:nowrap;white-space:nowrap}#currency-label-text{display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#currency-label-icon{height:1.4em;width:auto;vertical-align:middle;flex-shrink:0;transition:opacity var(--duration-fast) var(--ease-out)}#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{display:flex;align-items:center;gap:var(--space-6);margin-top:0}.toggle-label{font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;user-select:none;font-size:clamp(.8rem,1.5vw + .4rem,1rem);white-space:nowrap}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0;min-width:0;min-height:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-surface-inset);border:1px solid var(--color-border);border-radius:999px;transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);overflow:hidden}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:var(--color-text-secondary);border-radius:50%;transition:transform var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);z-index:2}.toggle-slider:after{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;font-weight:var(--weight-bold);transition:color var(--duration-normal) var(--ease-out);z-index:1;content:attr(data-off);right:8px;color:var(--color-text-tertiary)}.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{transform:translate(22px);background-color:#fff}.toggle-switch input:checked+.toggle-slider:after{content:attr(data-on);left:8px;right:auto;color:#fff}.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(100%);cursor:not-allowed}#hospital-tier-toggle+.toggle-slider{background-image:radial-gradient(circle,#ca62e6,#8113a7);background-color:transparent;border-color:#ffffff26}#hospital-tier-toggle+.toggle-slider:after{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}#hospital-tier-toggle:checked+.toggle-slider{background-image:radial-gradient(circle,#f28d00,#d55800);background-color:transparent;border-color:#ffffffb3}.hoh-link-group .toggle-switch{width:40px;height:22px}.hoh-link-group .toggle-switch .toggle-slider:before{height:16px;width:16px;bottom:2px}.hoh-link-group .toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.calc-result{margin-top:clamp(.5rem,2vw,1rem);padding:clamp(.75rem,2vw,1.15rem);background:var(--color-surface-inset);border-radius:var(--radius-md);text-align:center;font-size:clamp(.9rem,1.5vw + .4rem,var(--text-lg));min-height:60px;display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,1.5vw,.75rem);border:1px solid var(--color-border-strong);line-height:1.5;box-shadow:inset 0 1px 2px #00000026;position:relative;color:var(--color-text);animation:calc-result-in var(--duration-normal) var(--ease-out)}.calc-result:empty{display:none!important;margin:0!important;padding:0!important;min-height:0!important;border:none!important;box-shadow: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:"";position:absolute;inset:0;border-radius:inherit;border:2px solid transparent;animation:calc-glow-border 1.2s ease-out;pointer-events:none}@keyframes calc-glow-border{0%{border-color:transparent;box-shadow:0 0 0 0 transparent}25%{border-color:var(--color-success);box-shadow:0 0 15px 0 var(--color-success)}to{border-color:transparent;box-shadow:0 0 15px 0 transparent}}.calc-result.error{color:var(--color-error)}.calc-result img{height:clamp(24px,4vw,32px)}.calc-result i.fa-check-circle{font-size:clamp(22px,4vw,28px);color:var(--color-success)}.calc-result strong{color:var(--color-accent-400);font-weight:var(--weight-bold);margin:0 4px;text-shadow:0 0 8px color-mix(in oklch,var(--color-accent-500) 40%,transparent)}[data-theme=light] .calc-result strong{color:var(--color-accent-text);text-shadow:none}#cost-result,#building-cost-result{margin-top:clamp(.5rem,1.5vw,.75rem);font-size:clamp(.8rem,1.5vw + .4rem,var(--text-md));min-height:clamp(80px,15vw,110px);flex-direction:column;gap:clamp(.5rem,1.5vw,.75rem);align-items:center;justify-content:center}#hoh-result{flex-direction:row}#exp-result{flex-direction:column;gap:var(--space-6);align-items:center;justify-content:center}#passport-power-breakdown{flex-direction:column;align-items:flex-start;gap:var(--space-4);font-size:clamp(.8rem,1.5vw + .4rem,var(--text-md));line-height:1.6}#passport-needed-result{margin-top:var(--space-6)}.cost-line{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,8px)}.cost-line img{height:clamp(22px,3.5vw,28px);width:auto}.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{width:100%;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);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);appearance:none;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-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.island-content select:focus{outline:none;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)}.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{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.star-inventory-item{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.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{width:clamp(28px,5vw,40px);height:clamp(28px,5vw,40px);object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));transition:opacity var(--duration-fast) var(--ease-out)}.star-inventory-info{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--space-2)}.star-inventory-info label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.05em}.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{font-size:10px;color:var(--color-text-tertiary);white-space:nowrap;text-align:center;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;display:block;margin-bottom:var(--space-4);font-size:var(--text-sm);letter-spacing:.02em}[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{list-style:disc;margin:0 0 var(--space-4);padding-left:var(--space-16)}.star-tip-box li{margin-bottom:var(--space-2);list-style:disc}.star-tip-box li::marker{color:#fbbf24}[data-theme=light] .star-tip-box li::marker{color:#b45309}.star-tip-box li strong{display:inline;font-size:inherit;color:var(--color-text);margin-bottom:0}#star-result{flex-direction:column;align-items:stretch;text-align:left;font-size:var(--text-sm)}.star-result-header{display:flex;justify-content:space-between;align-items:center;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)}.star-exp-needed{color:var(--color-text-secondary);font-weight:var(--weight-normal);font-size:var(--text-xs)}.star-recommended{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;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)}.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{display:flex;flex-direction:column;gap:var(--space-4)}.star-result-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-4);align-items:center;padding:var(--space-4) var(--space-6);border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border-subtle)}.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:right;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;overflow:hidden;transition:max-height .5s ease-in-out,margin-top .5s ease-in-out,margin-bottom .5s ease-in-out}.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{display:grid;gap:var(--space-6)}.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);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);transition:border-color var(--duration-fast) var(--ease-out)}.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:"";position:absolute;inset:0;border-radius:inherit;z-index:0;opacity:.22;pointer-events:none}.vip-token-item.legendary:after,.exp-tome-item.legendary:after{background-image:radial-gradient(circle,#f28d00,#d55800)}.vip-token-item.epic:after,.exp-tome-item.epic:after{background-image:radial-gradient(circle,#ca62e6,#8113a7)}.vip-token-item.elite:after,.exp-tome-item.elite:after{background-image:radial-gradient(circle,#00a2d4,#006d97)}.vip-token-item.advanced:after,.exp-tome-item.advanced:after{background-image:radial-gradient(circle,#00be21,#046c04)}.vip-token-item.common:after{background-image:radial-gradient(circle,#a1a7b7,#4b5260)}.vip-token-item img,.exp-tome-item img{width:clamp(22px,3.5vw,28px);height:clamp(22px,3.5vw,28px);position:relative;z-index:1}.vip-token-info,.exp-tome-info{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--space-2);position:relative;z-index:1}.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 rgba(0,0,0,.6);margin:0;letter-spacing:.04em}[data-theme=light] .vip-token-info label,[data-theme=light] .exp-tome-info label{color:#0a0a0f;text-shadow:0 1px 2px rgba(255,255,255,.7)}.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{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,1.5vw,.75rem);position:relative;padding:clamp(.5rem,1.5vw,.75rem);border-radius:var(--radius-lg)}.hoh-grid:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;opacity:.35;pointer-events:none}.hoh-grid.t5-group:after{background-image:radial-gradient(circle,#f28d00,#d55800)}.hoh-grid.t4-group:after{background-image:radial-gradient(circle,#ca62e6,#8113a7)}.hoh-item{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);position:relative;z-index:1;transition:border-color var(--duration-fast) var(--ease-out)}.hoh-item:focus-within{border-color:color-mix(in oklch,var(--color-accent-400) 60%,var(--color-border))}.hoh-item img{width:clamp(24px,4vw,32px);height:clamp(24px,4vw,32px);object-fit:contain}.hoh-item label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.04em}.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{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(.5rem,1.5vw,.75rem)}.hoh-return-selector label{position:relative;cursor:pointer}.hoh-return-selector input{position:absolute;opacity:0;width:0;height:0}.hoh-return-btn{display:flex;flex-direction:column;align-items:center;justify-content: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);font-size:clamp(11px,1.5vw + 5px,14px);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);height:100%;min-height:72px;min-width:0;width:100%;box-sizing:border-box;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;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:0}.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{display:flex;align-items:stretch;gap:var(--space-6);height:48px}.calendar-icon-label{display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;min-width:0;min-height:0;transition:transform var(--duration-fast) var(--ease-out)}.calendar-icon-label img{width:clamp(36px,6vw,48px);height:clamp(36px,6vw,48px);object-fit:contain;opacity:.9;transition:opacity var(--duration-fast) var(--ease-out)}.calendar-icon-label:hover img{opacity:1;transform:scale(1.08)}.input-wrapper{flex-grow:1;display:flex;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)}[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);border:none;background:transparent;color:var(--color-text);font-size:var(--text-md);outline:none;box-sizing:border-box}.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{display:flex;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)}[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:"";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:center;background-repeat:no-repeat;background-size:1.5em 1.5em;width:1.5em;height:1.5em;margin-left:auto;transition:transform var(--duration-slow) var(--ease-out)}.select-selected.select-arrow-active:after{transform:rotate(180deg)}.select-items{position:absolute;background-color:#101216b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);bottom:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);box-shadow:0 16px 48px #0000008c,0 0 0 1px #0003;max-height:240px;overflow-y:auto;overflow-x:hidden;padding:var(--space-2)}.select-items.dropdown-down{bottom:auto;top:calc(100% + 6px)}.select-hide{display:none}.select-items div{display:flex;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)}.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 rgba(0,0,0,.08);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{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,2vw,1rem);margin-bottom:clamp(.75rem,2vw,1.5rem)}.ap-potion-item{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:clamp(.6rem,2vw,.9rem);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1.5vw,.75rem);transition:border-color var(--duration-fast) var(--ease-out)}.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:"";position:absolute;inset:0;border-radius:inherit;z-index:0;opacity:.18;background-image:radial-gradient(circle,#57f287,#15803d);pointer-events:none}.ap-potion-item img{width:clamp(36px,6vw,48px);height:clamp(36px,6vw,48px);object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.ap-potion-info{display:flex;flex-direction:column;align-items:center;width:100%;gap:var(--space-2);position:relative;z-index:1}.ap-potion-info label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65);margin:0;letter-spacing:.04em}[data-theme=light] .ap-potion-info label{color:#0a120a;text-shadow:0 1px 2px rgba(255,255,255,.75)}.ap-potion-input{padding:clamp(4px,1vw,8px);text-align:center;font-size:clamp(.8rem,1.5vw + .4rem,var(--text-md))!important;border-radius:var(--radius-sm);width:100%;max-width:120px;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{display:inline-flex;align-items:center;gap:var(--space-2)}#honour-return-link .btn-primary{width:auto;display:inline-flex;margin-top:var(--space-4);padding:var(--space-4) var(--space-10);min-height:38px;font-size:var(--text-sm)}@media(max-width:768px){.calculator-island{width:100%!important;margin:0 auto;min-height:auto;padding:clamp(.85rem,3vw,1.2rem)}.exp-tome-grid{grid-template-columns:repeat(2,1fr)}.exp-tome-grid .exp-tome-item:nth-child(n){grid-column:auto}.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{flex-direction:column;gap:var(--space-2);align-items:flex-start}}@media(max-width:480px){.star-inventory-grid{grid-template-columns:1fr}.star-inventory-item{flex-direction:row;gap:var(--space-6);padding:var(--space-4) var(--space-6);justify-content:space-between}.star-inventory-info{flex-direction:row;gap:var(--space-4);align-items:center;width:auto;flex-grow:1}.star-stat{margin-left: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;overflow:hidden;text-overflow:ellipsis}.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}}