:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#05080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 22%,#29cdc11f,#0000 31rem),radial-gradient(circle at 78% 8%,#e7c86a1c,#0000 28rem),radial-gradient(circle at 75% 58%,#826bff1a,#0000 24rem),#05080d;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{overflow:hidden}.hero-band{isolation:isolate;align-items:center;min-height:86vh;padding:5.2rem clamp(1.25rem,4vw,5rem) 2.8rem;display:grid;position:relative}.hero-simulation,.simulation-canvas,.hero-vignette{position:absolute;inset:0}.simulation-canvas canvas{width:100%;height:100%;display:block}.hero-vignette{z-index:-1;background:linear-gradient(90deg,#05080df2,#05080d9e 48%,#05080d2e),linear-gradient(#05080d94 0%,#05080d1f 66%,#05080d 100%)}.hero-simulation{z-index:-2}.topbar{z-index:2;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem clamp(1.25rem,4vw,5rem);display:flex;position:absolute;top:0;left:0;right:0}.brand-mark,.nav-links{color:#f7fbffdb;align-items:center;gap:.8rem;display:flex}.brand-glyph{color:#9ffcf3;background:#04151dc2;border:1px solid #1ee6d670;place-items:center;width:2.35rem;height:2.35rem;font-weight:800;display:inline-grid}.nav-links{font-size:.9rem}.nav-links a{color:#f7fbffad}.hero-content{z-index:1;width:min(44rem,100%);position:relative}.eyebrow{color:#83fff4;letter-spacing:0;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;max-width:18ch;margin:0;font-size:clamp(2.65rem,5.45vw,4.6rem);line-height:.94}h2{letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4.6rem);line-height:.98}h3{margin:0;font-size:1rem}.hero-copy{color:#f7fbffbd;max-width:40rem;margin:1.05rem 0 0;font-size:clamp(1rem,1.4vw,1.26rem);line-height:1.55}.hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;max-width:44rem;margin-top:1.1rem;display:grid}.hero-metric{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08141bad;border:1px solid #ffffff1a;min-height:5.65rem;padding:.68rem}.hero-metric span,.panel-label,.section-copy{color:#f7fbff9e}.hero-metric span{font-size:.72rem;display:block}.hero-metric strong{color:#f7fbff;margin-top:.45rem;font-size:.98rem;display:block}.hero-metric em{color:#f7fbff8f;margin-top:.32rem;font-size:.76rem;font-style:normal;line-height:1.35;display:block}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.3rem;display:flex}.primary-action,.secondary-action,.beta-form button,.text-button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:2.85rem;padding:.78rem 1.05rem;font-weight:800;display:inline-flex}.primary-action,.beta-form button{color:#021318;background:#9ffcf3}.secondary-action,.text-button{color:#f7fbffe0;background:#ffffff12;border-color:#ffffff24}.paths-band,.beta-band,.legal-page{padding:clamp(4rem,8vw,7rem) clamp(1.25rem,4vw,5rem)}.paths-band{background:linear-gradient(#05080d,#081015 52%,#05080d),radial-gradient(circle at 20% 10%,#1ee6d629,#0000 22rem)}.section-heading{grid-template-columns:minmax(0,48rem) minmax(18rem,1fr);align-items:end;gap:2rem;margin-bottom:2.4rem;display:grid}.section-copy{max-width:34rem;margin:0;line-height:1.7}.engine-panel{grid-template-columns:minmax(9rem,13rem) minmax(0,1fr) minmax(18rem,24rem);align-items:start;gap:1rem;display:grid}.engine-timeline,.engine-workbench,.explain-panel,.state-panel{background:linear-gradient(135deg,#0d1b23db,#080c12cc),radial-gradient(circle at 82% 16%,#e7c86a17,#0000 14rem);border:1px solid #ffffff1a}.engine-timeline{gap:.55rem;padding:.7rem;display:grid}.timeline-step{color:#f7fbffb8;text-align:left;cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;gap:.18rem;min-height:4.3rem;padding:.7rem;display:grid}.timeline-step span{color:#83fff4;font-size:.78rem;font-weight:800}.timeline-step strong{font-size:.88rem;line-height:1.25}.timeline-step-active{color:#f7fbff;background:#e7c86a1f;border-color:#e7c86a85}.engine-workbench,.explain-panel{padding:1rem}.engine-header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.engine-header h3{font-size:clamp(1.35rem,2.4vw,2.2rem);line-height:1}.engine-badge{background:#43f3dc14;border:1px solid #43f3dc47;place-items:center;min-width:6rem;min-height:4rem;display:grid}.engine-badge strong{font-size:1.55rem}.engine-badge span{color:#f7fbff94;font-size:.72rem}.engine-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin-bottom:.8rem;display:grid}.state-panel{min-height:9.2rem;padding:.8rem}.panel-label{text-transform:uppercase;margin-bottom:.7rem;font-size:.72rem;font-weight:800}.inventory-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;display:grid}.inventory-slot{aspect-ratio:1;background:#ffffff0d;border:1px solid #ffffff1a}.inventory-slot img,.actual-item img,.recommendation-row img{object-fit:cover;width:100%;height:100%}.state-meta{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.state-meta span{color:#f7fbffb8;border:1px solid #ffffff1a;padding:.28rem .46rem;font-size:.78rem}.actual-item{grid-template-columns:4.2rem minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.actual-item img{border:1px solid #e7c86a6b}.actual-item strong,.actual-item span{display:block}.actual-item span,.recommendation-copy span,.recommendation-score span{color:#f7fbff9e;line-height:1.45}.recommendation-stack{gap:.65rem;display:grid}.recommendation-row{background:#ffffff0b;border:1px solid #ffffff1a;grid-template-columns:3rem minmax(0,1fr) 4rem;align-items:center;gap:.75rem;min-height:4.3rem;padding:.55rem;display:grid;position:relative;overflow:hidden}.recommendation-row:before{content:"";width:var(--score-width);pointer-events:none;background:linear-gradient(90deg,#43f3dc29,#e7c86a14);position:absolute;inset:0 auto 0 0}.recommendation-row>*{position:relative}.recommendation-row img{width:3rem;height:3rem}.recommendation-copy{min-width:0}.recommendation-copy strong{margin-bottom:.12rem;display:block}.recommendation-score{text-align:right}.recommendation-score strong{color:#e7c86a;font-size:1.2rem;display:block}.explain-panel{gap:1.1rem;display:grid}.explain-block{gap:.55rem;display:grid}.signal-row{background:#ffffff0b;border:1px solid #ffffff1a;justify-content:space-between;gap:.75rem;min-height:3.3rem;padding:.65rem;display:flex;position:relative;overflow:hidden}.signal-row:before{content:"";width:var(--signal-width);background:#43f3dc24;position:absolute;inset:0 auto 0 0}.signal-negative:before{background:#ff6b7224}.signal-row>*,.interaction-chip>*{position:relative}.signal-row strong,.signal-row span,.signal-row em{display:block}.signal-row span{color:#f7fbff94;margin-top:.1rem;font-size:.8rem}.signal-row em{color:#83fff4;font-style:normal;font-weight:800}.signal-negative em{color:#ff8b91}.interaction-chip{background:#b991ff12;border:1px solid #b991ff2e;gap:.25rem;padding:.65rem;display:grid}.interaction-chip span{color:#f7fbff8c;font-size:.75rem}.interaction-chip strong{font-size:.88rem}.tree-section{margin-top:1.2rem}.tree-heading{grid-template-columns:minmax(0,42rem) minmax(18rem,1fr);align-items:end;gap:2rem;margin:3rem 0 1rem;display:grid}.tree-heading h3{font-size:clamp(1.8rem,4vw,3.5rem);line-height:1}.tree-heading p{color:#f7fbffa3;margin:0;line-height:1.7}.tree-scroll{scrollbar-color:#83fff473 #ffffff0f;background:linear-gradient(135deg,#09131aeb,#060a0fe6),radial-gradient(circle at 20% 30%,#43f3dc14,#0000 26rem),radial-gradient(circle at 80% 20%,#e7c86a14,#0000 24rem);border:1px solid #ffffff1a;height:650px;position:relative;overflow:auto hidden}.tree-scroll:focus{outline-offset:2px;outline:2px solid #83fff480}.tree-canvas{width:1760px;height:650px;position:absolute;inset:0}.tree-stage-labels text{fill:#83fff4c7;text-transform:uppercase;font-size:13px;font-weight:800}.tree-edge{fill:none;stroke-linecap:round}.tree-edge-main{stroke:#e7c86acc;stroke-width:4px}.tree-edge-viable{stroke:#43f3dc75;stroke-width:2.5px}.tree-edge-thin{stroke:#8796be3d;stroke-width:1.5px}.tree-edge-label rect{fill:#040d12e6;stroke:#ffffff1f}.tree-edge-label text{fill:#f7fbffc7;font-size:12px;font-weight:800}.tree-node{z-index:1;background:#0a151cf0;border:1px solid #ffffff1f;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.72rem;width:190px;min-height:86px;padding:.72rem;display:grid;position:absolute;box-shadow:0 12px 24px #0003}.tree-node-main{background:#201d10f5;border-color:#e7c86a75}.tree-node-viable{border-color:#43f3dc47}.tree-node-thin{opacity:.68}.tree-node img{object-fit:cover;border:1px solid #ffffff1f;width:3rem;height:3rem}.tree-node strong,.tree-node span{display:block}.tree-node strong{line-height:1.18}.tree-node span{color:#f7fbff94;margin-top:.25rem;font-size:.78rem;line-height:1.3}.beta-band{background:#060b0f}.beta-layout{grid-template-columns:minmax(0,44rem) minmax(17rem,27rem);align-items:center;gap:clamp(1.5rem,5vw,5rem);display:grid}.beta-copy p{color:#f7fbffa8;max-width:38rem;line-height:1.7}.beta-form{gap:.85rem;display:grid}.auth-mode{grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.35rem;display:grid}.auth-mode button{color:#f7fbffad;background:#ffffff0f}.auth-mode .auth-mode-active{color:#f7fbff;background:#83fff421;border-color:#83fff4b8}.beta-form label{color:#f7fbffb8;font-weight:700}.beta-form input{color:#f7fbff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;min-width:0;padding:.84rem .9rem}.form-message,.form-error,.load-state,.load-error{color:#f7fbffb3;margin:0}.app-loading{place-items:center;min-height:100vh;display:grid}.form-error,.load-error{color:#ff9e9e}.site-footer{color:#f7fbff94;background:#04070b;border-top:1px solid #ffffff17;gap:.8rem;padding:1.6rem clamp(1.25rem,4vw,5rem) 2rem;display:grid}.site-footer p{max-width:78rem;margin:0;font-size:.82rem;line-height:1.55}.footer-links{color:#f7fbffc7;flex-wrap:wrap;gap:1rem;font-size:.88rem;font-weight:800;display:flex}.legal-page{background:linear-gradient(#05080d,#081015 46%,#05080d),radial-gradient(circle at 14% 12%,#43f3dc21,#0000 24rem);min-height:100vh}.legal-topbar{padding:0 0 clamp(3rem,6vw,5rem);position:static}.legal-page h1{max-width:20ch}.legal-updated{color:#f7fbff99;margin:1rem 0 0}.legal-copy{gap:1.35rem;max-width:58rem;margin-top:3rem;display:grid}.legal-copy h2{font-size:clamp(1.25rem,2.2vw,1.8rem)}.legal-copy p{color:#f7fbffb8;margin:0;line-height:1.75}.home-shell{background:#05080d;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);min-height:100vh;display:grid}.player-sidebar{background:#071017;border-right:1px solid #ffffff17;grid-template-rows:auto auto minmax(0,1fr);gap:1.1rem;min-height:100vh;padding:1rem;display:grid}.sidebar-header,.home-header,.home-section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sidebar-header{align-items:flex-start}.sidebar-header .brand-mark{min-width:0}.sidebar-header .text-button{min-height:2.35rem;padding:.55rem .75rem}.add-player-form{background:#ffffff0a;border:1px solid #ffffff1a;gap:.65rem;padding:.85rem;display:grid}.add-player-form label{color:#f7fbffb3;font-size:.82rem;font-weight:800}.add-player-form input,.add-player-form select{color:#f7fbff;background:#ffffff14;border:1px solid #ffffff29;border-radius:6px;min-width:0;padding:.7rem .75rem}.add-player-form option{color:#071017}.add-player-form button{color:#021318;cursor:pointer;background:#9ffcf3;border:0;border-radius:6px;min-height:2.65rem;font-weight:800}.player-list{align-content:start;gap:.55rem;display:grid;overflow-y:auto}.player-list-row{color:#f7fbffd1;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:6px;grid-template-columns:minmax(0,1fr) 2.2rem;gap:.35rem;width:100%;min-height:4.1rem;padding:.42rem;display:grid}.player-list-row-active{color:#f7fbff;background:#83fff41c;border-color:#83fff4a8}.player-list-main,.unlink-player-button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px}.player-list-main{text-align:left;gap:.2rem;min-width:0;padding:.3rem;display:grid}.unlink-player-button{color:#f7fbff99;align-self:start;width:2rem;height:2rem;font-size:1.35rem;line-height:1}.unlink-player-button:hover{color:#ffb3b6;background:#ff6b7224}.unlink-player-button:disabled{cursor:default;opacity:.48}.player-list-row span,.home-header p,.profile-panel span,.profile-panel em,.match-row span{color:#f7fbff94}.home-main{align-content:start;gap:1.2rem;padding:clamp(1.2rem,3vw,2.5rem);display:grid;overflow:hidden}.home-header{align-items:flex-end}.home-header h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1}.home-header p{margin:0}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.profile-panel{background:#ffffff0b;border:1px solid #ffffff1a;gap:.35rem;min-height:7rem;padding:.95rem;display:grid}.profile-panel strong{font-size:1.35rem}.profile-panel em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;font-style:normal;overflow:hidden}.summoner-profile{grid-template-columns:3.4rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.summoner-profile img{object-fit:cover;border:1px solid #83fff44d;width:3.4rem;height:3.4rem}.match-history{background:linear-gradient(135deg,#0d1b23db,#080c12cc),radial-gradient(circle at 90% 0,#e7c86a14,#0000 16rem);border:1px solid #ffffff1a;padding:1rem}.home-section-heading h2{font-size:clamp(1.35rem,2.4vw,2.2rem)}.match-list{gap:.6rem;margin-top:.85rem;display:grid}.match-row{background:#ffffff0a;border:1px solid #ffffff1a;grid-template-columns:minmax(10.2rem,1fr) minmax(12rem,1.05fr) minmax(14rem,1.15fr) minmax(5.8rem,.55fr) minmax(9.5rem,.8fr);align-items:center;gap:.85rem;min-height:5.9rem;padding:.8rem;display:grid}.match-primary,.match-meta,.match-score,.team-lineup{min-width:0}.match-primary{grid-template-columns:1.55rem 3.3rem minmax(0,1fr);align-items:center;gap:0;display:grid}.match-champion-icon,.spell-pair img,.match-items img,.team-line img{object-fit:cover;border:1px solid #ffffff1f;display:block}.match-champion-icon{width:3.3rem;height:3.3rem}.spell-pair{gap:0;display:grid}.spell-pair img{width:1.55rem;height:1.55rem}.match-meta{gap:.22rem;display:grid}.match-score{text-align:left;justify-items:start;gap:.24rem;display:grid}.match-items{flex-wrap:wrap;gap:.3rem;display:flex}.match-items img{width:2rem;height:2rem}.team-lineup{gap:.32rem;display:grid}.team-line{grid-template-columns:repeat(5,1.72rem);justify-content:end;gap:.24rem;display:grid}.team-line img{width:1.72rem;height:1.72rem}.match-row strong,.match-row span{text-overflow:ellipsis;display:block;overflow:hidden}.load-more-matches{color:#d9fffb;cursor:pointer;background:#83fff41a;border:1px solid #83fff447;border-radius:6px;min-height:2.35rem;font-weight:800}.load-more-matches:disabled{cursor:default;opacity:.55}.match-win{color:#83fff4}.match-loss{color:#ff9e9e}.kda-split{color:#f7fbff85;white-space:nowrap;align-items:baseline;gap:.08rem;font-weight:800;display:inline-flex}.match-row .kda-split span{display:inline}.match-row .kda-kills{color:#83fff4}.match-row .kda-deaths{color:#ff9e9e}.match-row .kda-assists{color:#e7c86a}@media (width<=860px){.hero-band{min-height:88vh;padding-top:7.5rem}.topbar,.engine-panel,.section-heading,.tree-heading,.beta-layout,.engine-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.nav-links{display:none}.engine-panel,.beta-layout{display:grid}.home-shell,.profile-grid,.match-row{grid-template-columns:1fr}.match-score{text-align:left;justify-items:start}.team-line{justify-content:start}.player-sidebar{border-bottom:1px solid #ffffff17;border-right:0;min-height:auto}.home-header{flex-direction:column;align-items:flex-start}.hero-metrics{grid-template-columns:1fr;max-width:100%}.tree-scroll{height:600px}}