.aram-page{--aram-strong:var(--color-orange);--aram-good:var(--color-green);--aram-bad:var(--ui-danger);--aram-tile:var(--ui-surface-soft);--aram-tile-hover:color-mix(in srgb, var(--ui-text), transparent 92%);--aram-accent-soft:color-mix(in srgb, var(--ui-primary), transparent 90%);line-height:1.6}html[data-theme=dark] .aram-page{--aram-strong:var(--color-orange-2);--aram-good:var(--color-green-2)}@media (prefers-color-scheme:dark){html[data-theme=auto] .aram-page{--aram-strong:var(--color-orange-2);--aram-good:var(--color-green-2)}}.aram-patch{margin:0 0 var(--space-16);padding:var(--space-2) var(--space-12);background:var(--aram-accent-soft);color:var(--ui-primary);font-size:var(--font-size-14);border-radius:999px;font-weight:700;display:inline-block}.aram-roles{margin-top:var(--space-12);gap:var(--space-8);margin-bottom:var(--space-12);flex-wrap:wrap;display:flex}.aram-grid{gap:var(--space-8);margin:0 0 var(--space-24);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));padding:0;list-style:none;display:grid}.aram-grid>li{display:flex}.aram-pick.ui-button{justify-content:flex-start;gap:var(--space-4);width:100%;height:100%;min-height:0;padding:var(--space-8) var(--space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-text);font-size:var(--font-size-12);text-align:center;word-break:keep-all;border:2px solid #0000;flex-direction:column;font-weight:600;line-height:1.3}.aram-pick.ui-button:hover{border-color:var(--ui-border)}.aram-pick img{border-radius:var(--ui-radius-sm);width:48px;height:48px}.aram-search-fab.ui-button{z-index:20;right:var(--space-24);bottom:var(--space-24);min-height:44px;padding:0 var(--space-16);box-shadow:var(--ui-shadow);border-radius:999px;position:fixed}.aram-search-key{padding:0 var(--space-4);background:color-mix(in srgb, currentColor, transparent 80%);font:inherit;font-size:var(--font-size-12);border-radius:4px}.aram-search-fab-space{height:var(--space-48)}@media (hover:none){.aram-search-key{display:none}}.aram-suggest{margin:var(--space-8) 0 0;padding:0;list-style:none}.aram-suggest[hidden]{display:none}.aram-suggest li{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8);border-radius:var(--ui-radius-sm);color:var(--ui-text);font-size:var(--font-size-14);cursor:pointer;font-weight:600;display:flex}.aram-suggest li[aria-selected=true]{background:var(--aram-accent-soft);color:var(--ui-primary)}.aram-suggest img{border-radius:var(--ui-radius-sm);flex:none;width:28px;height:28px}.aram-suggest-alias{color:var(--ui-text-muted);font-size:var(--font-size-12);margin-left:auto;font-weight:400}.aram-suggest-empty{margin:var(--space-8) 0 0;color:var(--ui-text-muted);font-size:var(--font-size-14)}.aram-aug-links{margin:0 0 var(--space-24)}.aram-aug-links h2{margin:0 0 var(--space-12);font-size:var(--font-size-18);line-height:1.4}.aram-aug-links ul{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.aram-aug-link.ui-button{justify-content:flex-start;gap:var(--space-12);width:100%;padding:var(--space-8) var(--space-12);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-text);text-align:left}.aram-aug-link.ui-button:hover{border-color:var(--ui-border-strong)}.aram-aug-link strong,.aram-aug-link small{display:block}.aram-aug-link strong{font-size:var(--font-size-14)}.aram-aug-link small{color:var(--ui-text-muted);font-size:var(--font-size-12);font-weight:400}.aram-detail{padding-top:var(--space-8)}.aram-champion-head{align-items:center;gap:var(--space-16);margin-bottom:var(--space-20);display:flex}.aram-champion-head img{border-radius:12px;flex:none;width:64px;height:64px}.aram-champion-head h2{font-size:var(--font-size-24);margin:0;line-height:1.3}.aram-tags{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.aram-tag{padding:0 var(--space-8);background:var(--aram-tile);color:var(--ui-text-muted);font-size:var(--font-size-12);border-radius:6px}.aram-ring.aram-ring-head{width:64px;height:64px;padding:var(--space-4);border-radius:14px}.aram-aug-effect{margin:0 0 var(--space-24);padding:var(--space-12) var(--space-16);border-radius:var(--ui-radius-md);background:var(--aram-accent-soft)}.aram-aug-lead{margin:0 0 var(--space-12);font-size:var(--font-size-18);word-break:keep-all;overflow-wrap:anywhere;font-weight:700;line-height:2.2}.aram-role-items{gap:var(--space-12);margin:0 0 var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.aram-role-items .aram-card{margin:0}.aram-role-items .aram-item{display:inline-flex}.aram-role-items .aram-item img{border-radius:6px;width:32px;height:32px}.aram-aug-champ+.aram-aug-champ{margin-top:var(--space-24)}.aram-aug-champ h4{margin:0 0 var(--space-8);font-size:var(--font-size-18);line-height:1.4}.aram-aug-champ h4 a{align-items:center;gap:var(--space-8);color:var(--ui-text);display:inline-flex}.aram-aug-champ h4 a:hover{color:var(--ui-primary)}.aram-aug-champ h4 img{border-radius:8px;width:40px;height:40px}.aram-detail h3{margin:var(--space-32) 0 var(--space-12);font-size:var(--font-size-20);line-height:1.4}.aram-detail>h3:first-of-type{margin-top:0}.aram-section-head{justify-content:space-between;align-items:center;gap:var(--space-8) var(--space-16);margin:var(--space-32) 0 var(--space-12);flex-wrap:wrap;display:flex}.aram-section-head h3{margin:0}.aram-legend{align-items:center;gap:var(--space-4);color:var(--ui-text-muted);font-size:var(--font-size-12);margin:0;display:flex}.aram-legend span{border-radius:4px;width:18px;height:12px}.aram-legend-need{border:2px solid var(--aram-strong)}.aram-legend-opt{margin-left:var(--space-8);border:2px dashed var(--ui-border-strong)}.aram-card,.aram-combo{margin-bottom:var(--space-12);padding:var(--space-16) var(--space-20);border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:12px}.aram-combo-strong{border-color:color-mix(in srgb, var(--aram-strong), transparent 65%);background:linear-gradient(180deg, color-mix(in srgb, var(--aram-strong), transparent 92%), var(--ui-surface) 70%)}.aram-combo>summary{align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);cursor:pointer;flex-wrap:wrap;line-height:2;list-style:none;display:flex}.aram-combo>summary::-webkit-details-marker{display:none}.aram-combo>summary:after{content:"";border-right:2px solid var(--ui-text-muted);border-bottom:2px solid var(--ui-text-muted);width:8px;height:8px;margin-left:auto;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.aram-combo:not([open])>summary{margin-bottom:0}.aram-combo:not([open])>summary:after{transform:rotate(-45deg)}.aram-combo>summary:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px;border-radius:4px}.aram-level{padding:0 var(--space-8);font-size:var(--font-size-12);border-radius:6px;font-weight:800;line-height:1.8}.aram-level-strong{background:var(--aram-strong);color:var(--ui-surface)}.aram-level-good{background:color-mix(in srgb, var(--aram-good), transparent 88%);color:var(--aram-good)}.aram-combo-title{font-weight:700}.aram-augs{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.aram-aug.ui-button{justify-content:flex-start;gap:var(--space-8);min-height:0;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);border-radius:var(--ui-radius-md);background:var(--aram-tile);color:var(--ui-text);font-size:var(--font-size-14);text-align:left;border:2px solid #0000;font-weight:600}.aram-aug.ui-button:hover{background:var(--aram-tile-hover)}.aram-aug-need.ui-button{border-color:var(--aram-strong);background:var(--ui-surface)}.aram-aug-opt.ui-button{border:2px dashed var(--ui-border-strong);color:var(--ui-text-muted);background:0 0}.aram-aug.ui-button[aria-expanded=true]{border-color:var(--ui-primary);background:var(--aram-accent-soft)}.aram-ring{width:40px;height:40px;padding:var(--space-2);border-radius:10px;flex:none;place-items:center;display:grid}.aram-ring img{background:var(--color-aram-icon-background);border-radius:8px;width:100%;height:100%;display:block}.aram-ring-silver{background:var(--color-aram-silver)}.aram-ring-gold{background:var(--color-aram-gold)}.aram-ring-prismatic{background:linear-gradient(135deg, var(--color-aram-prism-pink), var(--color-aram-prism-violet) 45%, var(--color-aram-prism-cyan))}.aram-aug-small .aram-ring{border-radius:8px;width:32px;height:32px}.aram-aug-small .aram-ring img{border-radius:6px}.aram-ring-small,.aram-ring-tab{border-radius:6px;width:24px;height:24px}.aram-ring-small img,.aram-ring-tab img{border-radius:4px}.aram-aug-detail{margin-top:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--ui-radius-md);background:var(--aram-accent-soft);font-size:var(--font-size-14)}.aram-aug-detail strong{margin-right:var(--space-8)}.aram-aug-detail p{margin:var(--space-4) 0 0}.aram-why{margin:var(--space-12) 0 0;word-break:keep-all;overflow-wrap:anywhere;line-height:2.2}.aram-ic,.aram-ic.ui-button{align-items:center;gap:var(--space-4);min-height:0;margin:0 var(--space-2);padding:var(--space-2) var(--space-4);background:var(--aram-tile);color:var(--ui-text);font-size:inherit;vertical-align:middle;white-space:nowrap;border:1px solid #0000;border-radius:7px;font-weight:600;line-height:1.5;display:inline-flex}.aram-why .aram-ic,.aram-steps .aram-ic,.aram-aug-lead .aram-ic{position:relative;top:-.15em}.aram-ic img{background:var(--color-aram-icon-background);border-radius:5px;flex:none;width:24px;height:24px}.aram-ic.ui-button:hover{background:var(--aram-tile-hover)}.aram-ic.ui-button[aria-expanded=true]{border-color:var(--ui-primary);background:var(--aram-accent-soft)}.aram-ic .aram-ring img{background:var(--color-aram-icon-background);border-radius:4px;width:100%;height:100%}.aram-key{padding:0 var(--space-4);background:var(--ui-text);color:var(--ui-surface);font-size:var(--font-size-12);border-radius:4px;font-weight:800;line-height:1.5}.aram-stat-icon{background:var(--color-aram-icon-background);border-radius:5px;flex:none;place-items:center;width:24px;height:24px;display:inline-grid}.aram-stat-icon img{background:0 0;border-radius:0;width:16px;height:16px}.aram-ic-added{background:var(--aram-accent-soft);box-shadow:inset 0 0 0 2px var(--ui-primary)}.aram-mark{padding:0 var(--space-4);background:var(--ui-primary);color:var(--ui-on-primary);font-size:var(--font-size-12);border-radius:6px;line-height:1.6}.aram-steps{margin:var(--space-12) 0 0;padding-left:var(--space-24);line-height:2.4}.aram-hint{margin:var(--space-8) 0 0;color:var(--ui-text-muted);font-size:var(--font-size-14)}.aram-sources{justify-content:flex-end;gap:var(--space-4) var(--space-8);margin:var(--space-8) 0 0;color:var(--ui-text-muted);font-size:var(--font-size-12);flex-wrap:wrap;display:flex}.aram-sources a{color:inherit;text-underline-offset:2px;text-decoration:underline}.aram-build-tabs{gap:var(--space-8);margin-bottom:var(--space-16);flex-wrap:wrap;display:flex}.aram-build-tab.ui-button{justify-content:flex-start;gap:var(--space-4);min-height:0;padding:var(--space-4) var(--space-12);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);color:var(--ui-text-muted);font-size:var(--font-size-14);text-align:left;flex-wrap:wrap;font-weight:600;line-height:1.8}.aram-build-tab.ui-button:hover{border-color:var(--ui-border-strong)}.aram-build-tab.ui-button[aria-pressed=true]{border-color:var(--ui-primary);background:var(--aram-accent-soft);color:var(--ui-primary)}.aram-build-tab-aug{align-items:center;gap:var(--space-4);white-space:nowrap;display:inline-flex}.aram-plus{color:var(--ui-text-muted)}.aram-core{align-items:center;gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.aram-core li{align-items:center;gap:var(--space-8);display:flex}.aram-item{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);border-radius:var(--ui-radius-md);background:var(--aram-tile);font-size:var(--font-size-14);font-weight:600;display:flex}.aram-core li+li:before{content:"→";color:var(--ui-text-muted);font-weight:400}.aram-core img{border-radius:6px;width:32px;height:32px}.aram-item-note{padding:0 var(--space-4);background:var(--ui-surface);color:var(--ui-text-muted);font-size:var(--font-size-12);border-radius:6px;line-height:1.6}.aram-item.aram-item-changed{background:var(--aram-accent-soft);box-shadow:inset 0 0 0 2px var(--ui-primary)}.aram-sub-heading{margin:var(--space-16) 0 var(--space-4);color:var(--ui-text-muted);font-size:var(--font-size-14);font-weight:700}.aram-card>.aram-sub-heading:first-child{margin-top:0}.aram-skill-order{align-items:center;gap:var(--space-4);font-size:var(--font-size-14);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.aram-skill-order li+li:before{content:"→";margin-right:var(--space-4);color:var(--ui-text-muted)}.aram-situational{gap:var(--space-4);margin:0;padding:0;line-height:2;list-style:none;display:grid}.aram-when{margin-right:var(--space-4)}.aram-boots{gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.aram-boots li{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);border-radius:var(--ui-radius-md);background:var(--aram-tile);display:flex}.aram-boots img{border-radius:6px;width:32px;height:32px}.aram-boots strong,.aram-boots small{line-height:1.4;display:block}.aram-boots strong{font-size:var(--font-size-14)}.aram-boots small{color:var(--ui-text-muted);font-size:var(--font-size-12)}.aram-boxes{gap:var(--space-12);margin-top:var(--space-16);grid-template-columns:1fr 1fr;display:grid}.aram-box{padding:var(--space-16) var(--space-20);border-radius:12px}.aram-box-good{background:color-mix(in srgb, var(--aram-good), transparent 90%)}.aram-box-bad{background:color-mix(in srgb, var(--aram-bad), transparent 92%)}.aram-box h4{margin:0 0 var(--space-8);font-size:var(--font-size-14)}.aram-box-good h4{color:var(--aram-good)}.aram-box-bad h4{color:var(--aram-bad)}.aram-box .aram-aug.ui-button{background:var(--ui-surface)}.aram-note{color:var(--ui-text-muted);font-size:var(--font-size-14);margin:0}.aram-notes{gap:var(--space-16);margin-top:var(--space-32);display:grid}.aram-notes-list{gap:var(--space-16);margin:0;padding:0;list-style:none;display:grid}.aram-notes-list h3{margin:0 0 var(--space-4);font-size:var(--font-size-16)}.aram-notes-list p,.aram-notes-text{color:var(--ui-text-muted);font-size:var(--font-size-14);word-break:keep-all;margin:0;line-height:1.7}.aram-notes-text+.aram-notes-text{margin-top:var(--space-8)}.aram-legal{margin-top:var(--space-24);color:var(--ui-text-muted);font-size:var(--font-size-12);line-height:1.6}.aram-legal p{margin:0 0 var(--space-4)}@media (width<=640px){.aram-search-fab.ui-button{right:var(--space-16);bottom:var(--space-16)}.aram-build-tab.ui-button{width:100%}.aram-boxes,.aram-role-items{grid-template-columns:1fr}.aram-card,.aram-combo,.aram-box{padding:var(--space-16)}}