.read-more-button{background:none;border:none;color:#9eb6d0;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;padding:0}.matchup-tip{color:#b8cce0;font-weight:500;width:33rem}.matchup-tip-cell,.matchup-tip-cell-two{font-weight:700;letter-spacing:.05em;line-height:1.5;text-align:left;text-wrap:wrap;vertical-align:top}.matchup-tip-cell{color:#b0bec5;font-size:.88rem;max-width:60ch;padding:1rem .25rem 1 rem}.matchup-tips-fallback{background-color:#1b2a48;border-radius:10px;color:#ccc;cursor:pointer;margin-top:8px;padding:20px;text-align:center}.matchup-tips-fallback.transparent-background{background-color:transparent;padding:20px}.unified-tip-card{transition:transform .2s ease,box-shadow .2s ease}.unified-tip-card:hover{background-color:hsla(0,0%,100%,.03)}.unified-tip-text{transition:all .3s ease-in-out}.up-voted svg{color:#4ade80!important}.down-voted svg{color:#f87171!important}.drop-shadow-glow{filter:drop-shadow(0 0 8px rgba(92,158,173,.4))}.compact-build-row{width:100%}.bordered-container{background-color:#0e172b;border:none;border-radius:0;box-sizing:border-box;display:flex;gap:1rem;margin:0;padding:16px}.compact-left-column{display:flex;flex:0 0 60%;flex-direction:column;gap:1rem}.compact-right-column{display:flex;flex:1;flex-direction:column;gap:.75rem}.top-section{width:100%}.skills-section{background:rgba(10,18,32,.6);border:1px solid rgba(30,46,82,.3);border-radius:.5rem;overflow:hidden;padding:0}.items-section{flex:1;width:100%}.laning-phase-section{margin-top:0}.flex-grow{flex-grow:1}@media (max-width:1200px){.bordered-container{flex-direction:column}.compact-left-column{flex:1}}.tooltip{opacity:1;visibility:visible}.tooltip-title{color:#5383e8;font-size:14px;font-weight:700;margin-bottom:8px}.tooltip-description{line-height:1.5;margin-bottom:12px}.tooltip-description,.tooltip-gold{color:#ebebeb;font-weight:600}.gold-label{color:#ebebeb}.gold-value{color:var(--color-accent,#ffc107);margin-left:4px}.tooltip-container{display:inline-block;position:relative}.tooltip{background-color:#0a0e13;border:1px solid #1a2633;border-radius:6px;bottom:125%;color:#fff;font-family:Roboto,sans-serif;font-size:12px;left:50%;margin-left:-140px;opacity:0;padding:12px;position:absolute;text-align:left;transition:opacity .3s;visibility:hidden;width:280px;z-index:10}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.rune-tree-section{display:flex;flex-direction:column;padding:16px}.rune-tree-header{margin-bottom:16px}.rune-tree-header,.rune-tree-header-left{align-items:center;display:flex}.rune-tree-title{color:#fff;font-size:16px;font-weight:700;margin:0}.rune-tree-subtitle{color:#9ca3af;font-size:12px;margin-left:16px}.rune-tree-header-right{align-items:center;display:flex;gap:.5rem;margin-left:auto}.win-rate{color:var(--color-text-muted,#a0aec0);font-weight:700}.match-count{color:#718096;font-size:.875rem}.rune-tree-container{display:flex;gap:2rem}.rune-tree-section.compact .rune-tree-container{gap:.5rem}.rune-tree-section.compact .rune-row{gap:.125rem;margin-bottom:.25rem}.rune-tree{align-items:center;display:flex;flex:1;flex-direction:column}.secondary-tree-with-shards{align-items:flex-start;display:flex;flex-direction:row;gap:1rem}.tree-header-group{align-items:flex-start;display:flex;justify-content:space-between}.tree-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.tree-icon{height:2rem;width:2rem}.tree-name{font-size:1rem;font-weight:700}.primary-tree .tree-name{color:#fbbf24}.secondary-tree .tree-name{color:#60a5fa}.stat-mods-header{color:#d8b4fe}.rune-row{display:flex;gap:.25rem;justify-content:center;margin-bottom:.5rem}.rune-icon{border:1px solid transparent;border-radius:50%;height:2rem;transition:all .2s ease-in-out;width:2rem}.rune-icon.unselected{opacity:.5}.shard-container{display:flex;flex-direction:column}.shard-row{display:flex;gap:.25rem;justify-content:center}.shard-icon{border:1px solid transparent;border-radius:9999px;height:1.5rem;transition:all .2s ease-in-out;width:1.5rem}.shard-icon.unselected{opacity:.5}@media (max-width:768px){.rune-tree-section{background-color:var(--color-bg-secondary,#0e172b);margin-left:0;margin-right:0;padding:0;width:100%}.rune-tree-container{flex-wrap:wrap;justify-content:center}}.laning-phase-container{color:#cdd3e0;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-top:1rem;width:100%}.stats-section{background:rgba(10,18,32,.6);border:1px solid rgba(30,46,82,.3);border-radius:.5rem;display:flex;flex:1;flex-direction:column;gap:6px;padding:.875rem}.laning-phase-title{color:#6b7fa3;font-family:Exo\ 2,sans-serif;font-size:.6875rem;font-weight:600;letter-spacing:.06em;margin:0 0 6px;text-transform:uppercase}.damage-bar-row{align-items:center;display:flex;gap:8px;margin-bottom:2px}.damage-bar-label{color:#8a9bb5;font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.damage-bar-container{background-color:rgba(20,30,50,.8);border-radius:2px;flex:1;height:4px}.damage-bar-fill{border-radius:2px;height:100%;transition:width .4s ease}.damage-bar-value{color:#b8cce0;font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;min-width:45px;text-align:right}.laning-stats-grid{display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:4px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-item .stat-label{color:#6b7fa3;font-size:.625rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.negative-stat,.neutral-stat,.positive-stat{font-family:Rajdhani,sans-serif;font-size:.875rem;font-weight:600}.positive-stat{color:#5eead4}.negative-stat{color:#ef5350}.neutral-stat{color:#b8cce0}@media (max-width:768px){.laning-phase-container{grid-template-columns:1fr}}.laning-phase-vertical{grid-template-columns:1fr;margin-top:0}.riot-auth-overlay{align-items:center;background-color:rgba(0,0,0,.75);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.riot-auth-modal{background-color:var(--color-bg-secondary,#0f1729);border:1px solid var(--color-border,#1e2e52);border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);color:var(--color-text-primary,#f0f4f8);max-width:380px;padding:2rem;position:relative;text-align:center;width:90%}.riot-auth-close{background:none;border:none;color:var(--color-text-secondary,#8890b5);cursor:pointer;font-size:1.5rem;line-height:1;opacity:.7;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s}.riot-auth-close:hover{opacity:1}.riot-auth-header{margin-bottom:1.5rem}.riot-auth-logo{display:block;height:48px;margin:0 auto 1rem;width:48px}.riot-auth-title{color:var(--color-text-primary,#f0f4f8);font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.riot-auth-description{color:var(--color-text-secondary,#8890b5);font-size:.875rem;line-height:1.5;margin:0}.riot-auth-btn{align-items:center;background:linear-gradient(135deg,#d13639,#eb4034);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;transition:opacity .2s,transform .1s;width:100%}.riot-auth-btn:hover{opacity:.9}.riot-auth-btn:active{transform:scale(.98)}.riot-auth-btn-icon{height:1.25rem;width:1.25rem}.tip-modal-overlay{align-items:center;background-color:rgba(2,8,23,.65);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.tip-modal-layout-wrapper{align-items:flex-start;display:flex;flex-direction:row;gap:16px;max-height:88vh;max-width:1200px;width:95vw}.tip-modal{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:rgba(10,17,35,.55);border:1px solid hsla(0,0%,100%,.07);border-radius:12px;box-shadow:0 12px 48px rgba(0,0,0,.75),0 0 0 1px rgba(137,90,246,.1);color:#f0f4f8;display:flex;flex-direction:column;flex-shrink:0;height:80vh;overflow:hidden;width:580px}.tip-modal-header{align-items:center;background:rgba(5,10,22,.75);border-bottom:1px solid rgba(137,90,246,.25);display:flex;flex-shrink:0;justify-content:space-between;padding:.875rem 1.25rem}.tip-modal-header h3{color:#b07ef8;font-family:Exo\ 2,Inter,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.02em;margin:0}.tip-modal-close{background:none;border:none;border-radius:4px;color:#6b7a94;cursor:pointer;font-size:1rem;line-height:1;padding:.3rem .45rem;transition:color .15s,background .15s}.tip-modal-close:hover{background:hsla(0,0%,100%,.07);color:#f0f4f8}.tip-modal-body{overflow:hidden;padding:1rem 1.25rem 1.25rem}.tip-modal-body,.tip-modal-form{display:flex;flex:1;flex-direction:column;min-height:0}.tip-modal-form{gap:.625rem;overflow-y:auto}.tip-modal-form .tiptap-editor-content-wrap,.tip-modal-form .tiptap-editor-root{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.tip-modal-form .tiptap-editor-content-wrap .ProseMirror{flex:1;height:100%;min-height:120px;overflow-y:auto}.tip-modal-char-counter{flex-shrink:0;font-size:.75rem;font-weight:600}.tip-modal-char-counter.warning{color:#f87171}.tip-modal-char-counter.success{color:#4ade80}.tip-modal-submit{align-items:center;align-self:flex-start;background:#895af6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;justify-content:center;padding:.5rem 1.5rem;transition:background-color .2s,transform .1s}.tip-modal-submit:hover:not(:disabled){background:#9d6ff8;transform:translateY(-1px)}.tip-modal-submit:disabled{background:#182543;color:#6b7a94;cursor:not-allowed;transform:none}.tip-modal-preview-flyout{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:rgba(8,13,26,.5);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.6);color:#f0f4f8;flex-shrink:0;max-height:80vh;overflow-y:auto;padding:1.125rem;width:580px}.tip-modal-example-label{color:#6b7a94;font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:.625rem;text-transform:uppercase}.tip-modal-example-card{background:rgba(14,23,43,.7);border:1px solid rgba(42,59,90,.8);border-radius:8px;margin-bottom:.75rem;padding:.75rem}.tip-modal-example-note{color:#4a5a7a;font-size:.7rem;line-height:1.4;margin:0}.tip-modal-threat-section{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem}.tip-modal-threat-select{appearance:auto;background:rgba(14,23,43,.8);border:1px solid rgba(42,59,90,.8);border-radius:6px;box-sizing:border-box;color:#f0f4f8;cursor:pointer;font-size:.8125rem;padding:.45rem .7rem;transition:border-color .2s;width:100%}.tip-modal-threat-select:focus{border-color:#895af6;box-shadow:0 0 0 2px rgba(137,90,246,.25);outline:none}.tip-modal-threat-select.input-error{border-color:#f87171;box-shadow:0 0 0 2px hsla(0,91%,71%,.2)}.tip-modal-threat-error{color:#f87171;font-size:.75rem;font-weight:500}.tip-modal-socials-section{display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.tip-modal-socials-label{color:#b8cce0;font-size:.8125rem;font-weight:600}.tip-modal-socials-hint{color:#6b7a94;font-size:.75rem;font-weight:400}.tip-modal-socials-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.tip-modal-social-btn{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid rgba(42,59,90,.8);border-radius:6px;color:#a0aec0;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:.375rem;padding:.3rem .65rem;transition:all .15s}.tip-modal-social-btn:hover:not(.disabled){background:hsla(0,0%,100%,.07);border-color:#4a5a7a}.tip-modal-social-btn.selected{background:hsla(0,0%,100%,.08)}.tip-modal-social-btn.disabled{cursor:not-allowed;opacity:.3}.tip-modal-social-input-row{display:flex;flex-direction:column;gap:.25rem}.tip-modal-social-input{background:rgba(14,23,43,.8);border:1px solid rgba(42,59,90,.8);border-radius:6px;box-sizing:border-box;color:#f0f4f8;font-size:.8125rem;padding:.45rem .7rem;transition:border-color .2s;width:100%}.tip-modal-social-input:focus{border-color:#895af6;box-shadow:0 0 0 2px rgba(137,90,246,.25);outline:none}.tip-modal-social-input::placeholder{color:#6b7a94}.tip-modal-social-input.input-error{border-color:#f87171;box-shadow:0 0 0 2px hsla(0,91%,71%,.2)}.tip-modal-social-error{color:#f87171;font-size:.75rem;font-weight:500}.ProseMirror h4{color:#f0f4f8;font-size:1.125rem}.ProseMirror h4,.ProseMirror h5{font-weight:700;margin:.5em 0 .25em}.ProseMirror h5{color:#e2e8f0;font-size:1rem}.ProseMirror h6{color:#cbd5e1;font-size:.875rem;font-weight:700;letter-spacing:.03em;margin:.5em 0 .25em;text-transform:uppercase}.ProseMirror ul{list-style-type:disc}.ProseMirror ol,.ProseMirror ul{margin:.25em 0;padding-left:1.5em}.ProseMirror ol{list-style-type:decimal}.ProseMirror li{margin:.15em 0}.ProseMirror blockquote{border-left:3px solid #895af6;color:#94a3b8;font-style:italic;margin:.5em 0;padding-left:.75em}.ProseMirror p{margin:.25em 0}.ProseMirror p:empty:before{content:"";display:block;min-height:1em}.ProseMirror img{border-radius:2px;display:inline;height:1.2em;vertical-align:middle;width:auto}.ProseMirror .tip-paragraph-spacing p{margin:.75em 0}.tip-paragraph{margin:.2em 0}.tip-paragraph:empty{min-height:1em}.tip-bullet-list{list-style-type:disc;margin:.25em 0;padding-left:1.5em}.tip-ordered-list{list-style-type:decimal;margin:.25em 0;padding-left:1.5em}.tip-blockquote{border-left:3px solid #895af6;color:#94a3b8;font-style:italic;margin:.5em 0;padding-left:.75em}.tip-inline-image{border-radius:2px;display:inline;height:1.2em;vertical-align:middle;width:auto}.tip-youtube-embed{aspect-ratio:16/9;border-radius:8px;margin:.5em 0;max-width:480px;width:100%}.community-tips-container{background:linear-gradient(135deg,rgba(14,23,43,.95),rgba(10,16,32,.98) 40%,rgba(16,20,40,.95));border:1px solid rgba(30,46,82,.4);border-radius:.75rem;margin-left:auto;margin-right:auto;max-width:64rem;overflow:hidden;padding:1.5rem;position:relative}.community-tips-container:before{background:linear-gradient(90deg,transparent,rgba(159,91,255,.4),rgba(92,158,173,.3),transparent);content:"";height:2px;left:0;position:absolute;right:0;top:0}.community-tips-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.community-tips-header h3{background:linear-gradient(135deg,#ffc107,#ffab00);-webkit-background-clip:text;font-family:Exo\ 2,Segoe UI,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.03em;-webkit-text-fill-color:transparent;background-clip:text}.no-tips-container{border:2px dashed var(--color-border-light,#3c4a6c);border-radius:.5rem;color:var(--color-text-muted,#a0aec0);padding:2rem;text-align:center}.tips-list{display:flex;flex-direction:column;gap:.625rem}.tip-card{align-items:flex-start;background-color:var(--color-bg-card,#141f38);border-radius:.375rem;display:flex;gap:.75rem;padding:.75rem}.vote-controls{align-items:center;display:flex;flex-direction:column;gap:.25rem}.vote-btn{align-items:center;background-color:transparent;border:none;border-radius:.375rem;color:var(--color-text-muted,#a0aec0);cursor:pointer;display:inline-flex;height:1.5rem;justify-content:center;transition:background-color .2s,color .2s;width:1.5rem}.vote-btn:hover{background-color:rgba(42,59,90,.8)}.vote-btn.up-voted{background-color:rgba(74,222,128,.2);color:var(--color-success,#4ade80)}.vote-btn.down-voted{background-color:hsla(0,91%,71%,.2);color:var(--color-danger,#f87171)}.vote-count{color:var(--color-text-primary,#f0f4f8);font-size:.875rem;font-weight:700;text-align:center;width:2rem}.tip-content{flex:1;padding-right:.5rem;padding-top:.25rem}.tip-username{color:#9f5bff;font-size:.75rem;font-weight:600}.tip-user-info{align-items:center;display:flex;gap:.375rem;margin-bottom:.25rem}.tip-profile-icon{border:1px solid rgba(159,91,255,.3);border-radius:50%;height:24px;width:24px}.tip-rank-badge{background:hsla(0,0%,100%,.08);border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.125rem .5rem}.tip-rank-unranked{color:var(--color-text-muted,#a0aec0)}.tip-text{color:var(--color-text-secondary,#b8cce0);font-size:.875rem;line-height:1.4}.tip-textarea.textarea-focused{border-color:var(--color-accent-purple,#895af6);box-shadow:0 0 0 2px rgba(137,90,246,.4);transition:border-color .3s ease,box-shadow .3s ease}.good-tip-guide h4{align-items:center;font-weight:600;margin-bottom:.75rem}.good-tip-guide h4,.good-tip-guide ul{color:var(--color-text-secondary,#b8cce0);display:flex;font-size:.75rem;gap:.5rem}.good-tip-guide ul{flex-direction:column;font-weight:400;list-style-type:disc;padding-left:1.5rem}.error-notification-banner{background-color:hsla(0,91%,71%,.15);border:1px solid hsla(0,91%,71%,.6);border-radius:.5rem}.error-notification-banner,.success-notification-banner{animation:slideInRight .3s ease-out;bottom:1.5rem;color:#f0f4f8;font-size:.875rem;max-width:400px;padding:.75rem 2.5rem .75rem 1rem;position:fixed;right:1.5rem;z-index:1000}.success-notification-banner{background-color:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.6);border-radius:.5rem}.notification-dismiss-btn{background:none;border:none;color:#f0f4f8;cursor:pointer;opacity:.7;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s}.notification-dismiss-btn:hover{opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.tip-card{position:relative}.delete-tip-btn{background:none;border:none;border-radius:.25rem;color:var(--color-text-muted,#a0aec0);cursor:pointer;opacity:0;padding:.25rem;position:absolute;right:.5rem;top:.5rem;transition:opacity .2s,color .2s,background-color .2s}.tip-card:hover .delete-tip-btn{opacity:1}.delete-tip-btn:hover{background-color:hsla(0,91%,71%,.15);color:#f87171}.difficulty-tag{border-radius:9999px;display:inline-block;font-size:.675rem;font-weight:600;margin-bottom:.25rem;padding:.125rem .5rem}.difficulty-tag-easy{background:rgba(34,197,94,.15);color:#22c55e}.difficulty-tag-skill{background:rgba(234,179,8,.15);color:#eab308}.difficulty-tag-hard{background:rgba(239,68,68,.15);color:#ef4444}.tier-glow-master{box-shadow:0 0 6px rgba(157,77,187,.6)}.tier-glow-grandmaster{box-shadow:0 0 6px rgba(239,68,68,.6)}.tier-glow-challenger{box-shadow:0 0 8px hsla(54,77%,75%,.7)}.twitch-icon{align-items:center;color:#9146ff;display:inline-flex;justify-content:center;text-decoration:none;transition:color .2s}.twitch-icon:hover{color:#a970ff}.no-tips-message{color:var(--color-text-muted,#a0aec0);font-size:.875rem;font-style:italic;padding:1.5rem 0;text-align:center}.no-tips-cta{background:linear-gradient(180deg,rgba(255,64,129,.9),rgba(200,40,100,.8));border-bottom:1px solid rgba(180,30,80,.4);border-radius:0;border-top:1px solid rgba(255,150,180,.5);transform:skewX(-6deg);transition:background .2s,box-shadow .2s}.no-tips-cta:hover{background:linear-gradient(180deg,rgba(255,100,160,.95),rgba(220,50,110,.85))}.no-tips-cta:active{background:linear-gradient(180deg,rgba(230,53,112,.9),rgba(180,30,80,.8))}.first-tip-prompt{color:var(--color-text-muted,#a0aec0);font-size:.875rem;font-style:italic;margin-bottom:.5rem}.tip-textarea-gated{margin-top:1rem;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.tip-textarea-gated.show{max-height:400px;opacity:1}.tip-textarea-gated form{display:flex;flex-direction:column}.tip-textarea-gated .tip-textarea{box-sizing:border-box;width:100%}.char-counter{font-size:.75rem;margin-bottom:.5rem}.char-counter-warning{color:var(--color-danger,#f87171)}.char-counter-success{color:var(--color-success,#4ade80)}.twitch-input{background:var(--color-bg-input,#182543);border:1px solid var(--color-border,#1e2e52);border-radius:.375rem;box-sizing:border-box;color:var(--color-text-primary,#f0f4f8);font-size:.875rem;margin-bottom:.5rem;max-width:280px;padding:.5rem .75rem;width:100%}.twitch-input::placeholder{color:var(--color-text-muted,#a0aec0)}.twitch-input:focus{border-color:#9146ff;box-shadow:0 0 0 2px rgba(145,70,255,.3);outline:none}.twitch-input-error{border-color:var(--color-danger,#f87171)}.twitch-error-text{color:var(--color-danger,#f87171);font-size:.75rem;margin-bottom:.5rem}.submit-btn{align-items:center;align-self:flex-start;background:var(--color-accent-purple,#895af6);border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.5rem 1.5rem;transition:background-color .2s}.submit-btn:hover:not(:disabled){background:#9d6ff8}.submit-btn:disabled{background:var(--color-bg-input,#182543);color:var(--color-text-muted,#a0aec0);cursor:not-allowed}.community-tip-inline{display:inline}.community-tip-inline-attribution{white-space:nowrap}.tableContainer{background-color:var(--color-bg-primary,#020817);border:none;border-collapse:collapse;border-radius:0;border-spacing:0;margin-bottom:20px;width:100%}.tips-toggle-btn{align-items:center;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:flex;height:100%;justify-content:center;min-width:16px;padding:0;transition:background-color .2s ease-in-out;width:16px}.tips-toggle-btn svg{color:var(--color-text-secondary,#b8cce0);transition:color .2s ease-in-out}.tips-toggle-btn:hover{background-color:rgba(159,91,255,.125)}.tips-toggle-btn:hover svg{color:#9f5bff}.quickview-table-row{background-color:var(--color-bg-primary,#020817);border-bottom:1px solid rgba(30,46,82,.3);padding:0;transition:background-color .3s ease}.quickview-table-row:first-child td:first-child{border-top-left-radius:0}.quickview-table-row:first-child td:last-child{border-top-right-radius:0}.quickview-table-row:last-child td:first-child{border-bottom-left-radius:0}.quickview-table-row:last-child td:last-child{border-bottom-right-radius:0}.quickview-table-row:hover{background-color:hsla(0,0%,100%,.03);box-shadow:inset 2px 0 0 rgba(139,122,86,.5);cursor:pointer}.quickview-table-header-row{border-bottom:1px solid rgba(139,122,86,.2)}.shine-container{align-items:center;display:flex;justify-content:flex-start;width:100%}.champion-portrait{border:2px solid var(--color-border,#1e2e52);border-radius:50%;height:2.5rem;object-fit:cover;width:2.5rem}.champion-name{font-size:1.2rem;font-weight:700;margin:0;padding-left:1rem}.matchup-difficulty{font-size:1.5625rem;font-weight:700;text-align:center}.threat-badge{border:1px solid;border-left:none;border-radius:0;border-right:none;display:inline-block;font-size:12px;font-weight:900;letter-spacing:.06em;padding:6px 14px;text-align:center;text-transform:uppercase;transform:skewX(-6deg)}.matchup-primary-keystone{align-items:center}.matchup-primary-keystone,.matchup-starting-item{justify-content:center;text-align:center;vertical-align:middle}.matchup-starting-item{align-content:center}.matchup-early-late{font-weight:500;text-align:center}.expand-button{background:transparent;border:none;color:#fff;cursor:pointer;display:block}.expanded-row-container{display:table-row}.expanded-row-container.expanded{background-color:var(--color-bg-secondary,#0e172b)}.accordion-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.accordion-wrapper.open{grid-template-rows:1fr}.accordion-inner{min-height:0;overflow:hidden}.expanded-row-content{border:none;padding:0;width:100%}.fallback-content{border-radius:40px;justify-content:center;margin-bottom:1px;margin-left:30px;margin-right:30px}.fallback-content,.skills-container{align-items:center;display:flex;min-height:80px;padding:20px;text-align:center}.skills-container{color:#fff;flex-direction:row;justify-content:flex-start;margin:2vh 2.81vw 0}.skill-tree-section{flex:3}.rune-stats-container{color:#fff;margin:2vh 2.81vw 0;min-height:80px;padding:20px;text-align:center}.matchup-stat{font-size:1rem;font-weight:700;text-align:center;vertical-align:middle}.quick-view-table-header{color:#6b7fa3;font-size:.6875rem;font-weight:600;letter-spacing:.08em;padding:10px 8px;text-transform:uppercase;transition:color .2s ease}.quick-view-table-header:hover{color:#b8cce0}.matchup-column{width:11%}@media (max-width:768px){.tableContainer .matchup-tip-cell,.tableContainer .matchup-tip-cell-two{display:none}}.matchup-tip-cell{letter-spacing:.05em;line-height:1.5;padding:16px 4px 16px 16px;text-align:left;text-wrap:wrap;vertical-align:top}.clickable-tip-cell{cursor:pointer}.accordion-trigger-btn{align-items:center;background-color:transparent;border:none;border-radius:0;cursor:pointer;display:flex;height:100%;justify-content:center;min-width:16px;padding:0;transition:background-color .2s ease-in-out;width:16px}.accordion-trigger-btn svg{color:var(--color-text-muted,#a0aec0);transition:color .2s ease-in-out}.accordion-trigger-btn:hover{background-color:rgba(159,91,255,.125)}.accordion-trigger-btn:hover svg{color:#9f5bff}.stat-column{font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600}.auto-submit-notification{animation:notificationFadeIn .3s ease-in;border-radius:8px;bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.3);font-size:14px;padding:16px 24px;position:fixed;right:24px;z-index:1000}.auto-submit-notification.success-notification{background-color:var(--color-bg-card,#141f38);border:1px solid var(--color-success,#4ade80);color:var(--color-text-primary,#f0f4f8)}.auto-submit-notification.error-notification{background-color:var(--color-bg-card,#141f38);border:1px solid var(--color-danger,#f87171);color:var(--color-text-primary,#f0f4f8)}@keyframes notificationFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.no-tips-cta{align-items:center;background:#ff4081;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;padding:.375rem .75rem;transition:background-color .2s,box-shadow .2s}.no-tips-cta:hover{background:#ff6ba0;box-shadow:0 0 12px rgba(255,64,129,.4)}.no-tips-cta:active{background:#e63570}.no-tips-cta:focus-visible{outline:2px solid #ff4081;outline-offset:2px}.tips-count-label{color:var(--color-text-muted,#a0aec0);font-size:.8125rem}.video-play-overlay svg{filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.scroll-reveal-row{opacity:0;transition:opacity .4s ease-out}.scroll-reveal-row.is-visible{opacity:1}.scroll-reveal-card{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s cubic-bezier(.175,.885,.32,1.275)}.scroll-reveal-card.is-visible{opacity:1;transform:translateY(0)}.matchup-card-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);width:100%}.matchup-card-grid--panel-open{grid-template-columns:repeat(3,1fr)}.mc-card{background:linear-gradient(135deg,rgba(14,23,43,.95),rgba(8,15,30,.98) 60%,#020817);border:1px solid rgba(30,46,82,.6);border-radius:.625rem .125rem .125rem .625rem;border-right:2px solid rgba(30,46,82,.3);cursor:pointer;display:flex;flex-direction:column;gap:.625rem;overflow:hidden;padding:.875rem;position:relative;transition:border-color .3s ease,box-shadow .3s ease}.mc-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--card-tint,transparent) 4%,transparent) 0,transparent 50%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.mc-card:hover{border-color:rgba(92,158,173,.6);box-shadow:0 0 12px rgba(92,158,173,.15),inset 0 0 20px rgba(92,158,173,.03)}.mc-card--selected{border-color:#5c9ead;box-shadow:0 0 16px rgba(92,158,173,.3),inset 0 0 30px rgba(92,158,173,.05)}.mc-card-top{display:flex;gap:.75rem;position:relative;z-index:1}.mc-portrait-wrapper{flex-shrink:0;height:80px;position:relative;width:80px}.mc-portrait{border:1px solid hsla(0,0%,100%,.08);border-radius:.375rem;display:block;height:80px;object-fit:cover;width:80px}.mc-score-overlay{align-items:baseline;backdrop-filter:blur(4px);border:1px solid;border-radius:2px;bottom:-4px;display:flex;gap:1px;padding:2px 8px 2px 10px;position:absolute;right:-4px;transform:skewX(-6deg)}.mc-score-big{font-size:1.25rem;font-weight:800;line-height:1}.mc-score-small{font-size:.6875rem;font-weight:600;line-height:1}.mc-card-info{display:flex;flex:1;flex-direction:column;gap:.375rem;min-width:0;position:relative;z-index:1}.mc-name-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.mc-champion-name{color:#f0f4f8;font-family:Exo\ 2,Segoe UI,sans-serif;font-size:.9375rem;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis}.mc-champion-name,.mc-difficulty-label{font-weight:700;text-transform:uppercase;white-space:nowrap}.mc-difficulty-label{border:1px solid;border-left:none;border-radius:0;border-right:none;flex-shrink:0;font-size:.5625rem;letter-spacing:.06em;padding:.1875rem .5rem;transform:skewX(-6deg)}.mc-difficulty-bar{display:flex;gap:2px;height:4px}.mc-difficulty-dash{background-color:hsla(0,0%,100%,.08);border-radius:1px;flex:1;height:100%}.mc-config-row{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem}.mc-rune-pill{align-items:center;background:linear-gradient(135deg,rgba(88,60,140,.5),rgba(60,40,100,.4));border:1px solid rgba(120,80,180,.25);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);display:inline-flex;gap:.25rem;padding:.1875rem .5rem .1875rem .625rem}.mc-rune-pill-icon{border-radius:2px;flex-shrink:0;height:16px;width:16px}.mc-rune-pill-text{color:#e0c8f0;font-size:.6875rem;font-weight:600;white-space:nowrap}.mc-skill-pill{align-items:center;background:linear-gradient(135deg,rgba(60,40,40,.5),rgba(40,25,30,.4));border:1px solid rgba(140,60,60,.25);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);display:inline-flex;gap:.25rem;padding:.1875rem .5rem .1875rem .625rem}.mc-skill-pill-text{color:#e0b8b8;font-size:.6875rem;font-weight:600;white-space:nowrap}.mc-summoner-row{align-items:center;display:flex;gap:.375rem}.mc-summoner-icon{border:1px solid hsla(0,0%,100%,.08);border-radius:3px;height:22px;width:22px}.mc-summoner-name{color:#b8cce0;font-size:.6875rem;font-weight:500;margin-left:.125rem}.mc-tip-area{margin-top:auto;position:relative;z-index:1}.mc-tip-text{color:#8a9bb5;font-size:.75rem;line-height:1.45;margin:0}.tier-list-view{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0;width:100%}.tier-row{align-items:stretch;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04),inset 0 -1px 0 hsla(0,0%,100%,.08),0 1px 3px rgba(0,0,0,.3);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);min-height:72px}.tier-header-block,.tier-row{display:flex;position:relative}.tier-header-block{align-items:center;flex-direction:column;flex-shrink:0;justify-content:center;min-width:100px;overflow:hidden;padding:.5rem .75rem;width:100px;z-index:1}.tier-header-glow{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--tier-color) 25%,transparent) 0,color-mix(in srgb,var(--tier-color) 8%,transparent) 50%,transparent 100%);inset:0;pointer-events:none;position:absolute}.tier-header-score{color:var(--tier-color);font-size:1.5rem;font-weight:800;line-height:1.1;position:relative;text-shadow:0 0 20px color-mix(in srgb,var(--tier-color) 40%,transparent);z-index:1}.tier-header-label{font-size:.625rem;font-weight:700;letter-spacing:.08em;opacity:.85}.tier-header-label,.tier-header-subtitle{color:var(--tier-color);position:relative;text-transform:uppercase;z-index:1}.tier-header-subtitle{font-size:.5625rem;font-weight:600;letter-spacing:.06em;opacity:.65}.tier-champions-area{align-items:center;backdrop-filter:blur(2px);background:linear-gradient(135deg,rgba(10,18,32,.7),rgba(14,23,43,.5) 40%,rgba(8,15,28,.6));border-left:1px solid color-mix(in srgb,var(--tier-color) 20%,transparent);display:flex;flex:1;flex-wrap:wrap;gap:.5rem;min-width:0;padding:.625rem .875rem;position:relative}.tier-row-empty{color:#4a5568;font-size:.8125rem;font-style:italic}.tier-row--dodge-ban{background:linear-gradient(90deg,rgba(229,57,53,.15),rgba(10,18,32,.85))}.tier-row--hard{background:linear-gradient(90deg,rgba(229,57,53,.12),rgba(10,18,32,.85))}.tier-row--not-favored{background:linear-gradient(90deg,rgba(255,112,67,.12),rgba(10,18,32,.85))}.tier-row--skill{background:linear-gradient(90deg,rgba(255,238,88,.1),rgba(10,18,32,.85))}.tier-row--favored{background:linear-gradient(90deg,rgba(129,199,132,.12),rgba(10,18,32,.85))}.tier-row--easy{background:linear-gradient(90deg,rgba(102,187,106,.12),rgba(10,18,32,.85))}.tier-portrait-wrapper{cursor:pointer;flex-shrink:0;position:relative;transition:transform .15s ease}.tier-portrait-wrapper:hover{transform:scale(1.1)}.tier-portrait-wrapper--selected .tier-portrait-img{border-color:#5c9ead;box-shadow:0 0 8px rgba(92,158,173,.5)}.tier-portrait-img{border:2px solid hsla(0,0%,100%,.08);border-radius:6px;display:block;height:44px;object-fit:cover;transition:border-color .2s ease,box-shadow .2s ease;width:44px}.tier-portrait-note{border:1px solid rgba(0,0,0,.3);border-radius:3px;height:16px;line-height:1;position:absolute;right:-3px;top:-3px;width:16px}.tier-portrait-note,.tip-panel-overlay{align-items:center;display:flex;justify-content:center}.tip-panel-overlay{animation:tipOverlayFadeIn .2s ease-out;backdrop-filter:blur(4px);background:rgba(0,0,0,.6);inset:0;position:fixed;z-index:1000}@keyframes tipOverlayFadeIn{0%{opacity:0}to{opacity:1}}.tip-panel{animation:tipPanelPopIn .25s ease-out;background:linear-gradient(180deg,#0e1a2e,#0a1220);border:1px solid rgba(30,46,82,.6);border-radius:.75rem;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(92,158,173,.05);box-sizing:border-box;max-height:80vh;max-width:90vw;overflow-y:auto;width:580px}@keyframes tipPanelPopIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tip-panel-header{align-items:center;border-radius:.75rem .75rem 0 0;display:flex;justify-content:space-between;padding:16px 20px}.tip-panel-header-left{align-items:center;display:flex;gap:12px}.tip-panel-header-right{align-items:center;display:flex;gap:10px}.tip-panel-champion-portrait{border:2px solid hsla(0,0%,100%,.15);border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.tip-panel-champion-name{color:#f0f4f8;font-size:1.125rem;font-weight:600}.tip-panel-threat-badge{border:1px solid;border-radius:1em;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 12px;white-space:nowrap}.tip-panel-close-btn{background:none;border:none;border-radius:4px;color:#6b7fa3;cursor:pointer;font-size:1.25rem;line-height:1;padding:4px 8px;transition:color .2s,background-color .2s}.tip-panel-close-btn:hover{background-color:hsla(0,0%,100%,.08);color:#f0f4f8}.tip-panel-section{padding:16px 20px}.tip-panel-section-title{border-bottom:1px solid hsla(0,0%,100%,.05);color:#6b7fa3;font-size:.75rem;font-weight:600;letter-spacing:.06em;margin:0 0 10px;padding-bottom:6px;text-transform:uppercase}.tip-panel-config-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.tip-panel-config-label{color:#6b7fa3;font-size:.75rem;font-weight:500;min-width:65px;padding-top:4px}.tip-panel-runes{display:flex;flex-direction:column;gap:6px}.tip-panel-rune-trees{align-items:center;display:flex;gap:6px}.tip-panel-rune-tree-icon{border-radius:4px;height:24px;width:24px}.tip-panel-rune-tree-name{color:#b8cce0;font-size:.75rem;font-weight:500}.tip-panel-rune-separator{color:#4a5568;font-size:.75rem}.tip-panel-rune-perks{align-items:center;display:flex;gap:4px}.tip-panel-rune-perk-icon{border:1px solid hsla(0,0%,100%,.08);border-radius:50%;height:20px;width:20px}.tip-panel-skill-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tip-panel-skill-order{color:#f0f4f8;font-size:.875rem;font-weight:600;letter-spacing:.08em}.tip-panel-summoner-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tip-panel-summoner-spells{align-items:center;display:flex;gap:6px}.tip-panel-summoner-icon{border:1px solid hsla(0,0%,100%,.08);border-radius:4px;height:28px;width:28px}.tip-panel-spell-name{color:#6b7fa3;font-size:.75rem}.tip-panel-items-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tip-panel-items-icons{align-items:center;display:flex;gap:4px}.tip-panel-item-icon{border:1px solid hsla(0,0%,100%,.08);border-radius:4px;height:28px;width:28px}.tip-panel-stat-badge{align-items:center;background:hsla(0,0%,100%,.04);border-radius:4px;color:#8a9bb5;display:inline-flex;font-size:.6875rem;gap:6px;padding:2px 8px;white-space:nowrap}.tip-panel-stat-wr{color:#66bb6a;font-weight:600}.tip-panel-stat-games{color:#6b7fa3}.tip-panel-tip-text{color:#d0dce8;font-size:.875rem;line-height:1.6;margin:0 0 12px}.tip-panel-placeholder{color:#4a5568;font-size:.8125rem;font-style:italic;padding:8px 0}.tip-panel-analysis{padding:0}.lom-footer{background-color:#020817;border-top:1px solid hsla(0,0%,100%,.05);color:#64748b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin-left:0!important;margin-right:0!important;padding:1rem 1.5rem}.lom-footer-container{margin:0;max-width:none;width:100%}.lom-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.lom-footer-left{align-items:center;display:flex;flex:1;gap:1rem;min-width:300px}.lom-footer-logo{color:#f8fafc;font-size:.95rem;font-weight:700;white-space:nowrap}.lom-riot-disclaimer{color:#475569;font-size:.7rem;line-height:1.4;margin:0;max-width:700px}.lom-footer-right{align-items:center;display:flex;gap:2rem}.lom-footer-nav{align-items:center;display:flex;gap:1.25rem}.lom-footer-nav-link,.lom-footer-nav-text{color:#64748b;font-size:.75rem;font-weight:500;text-decoration:none;transition:color .2s ease;white-space:nowrap}.lom-footer-nav-link:hover{color:#f8fafc}.lom-footer-nav-text{cursor:default;opacity:.8}.lom-footer-socials{display:flex;gap:.75rem}.lom-footer-social-link{align-items:center;background:hsla(0,0%,100%,.03);border-radius:.4rem;color:#64748b;display:flex;justify-content:center;padding:.4rem;transition:all .2s ease}.lom-footer-social-link:hover{background:hsla(40,45%,61%,.1);color:#c8aa6e;transform:translateY(-1px)}.lom-footer-copyright{display:none}@media (max-width:1024px){.lom-footer-content{align-items:flex-start;flex-direction:column;gap:1rem}.lom-footer-right{gap:1rem;justify-content:space-between;width:100%}}@media (max-width:640px){.lom-footer-right{align-items:flex-start;flex-direction:column}.lom-footer-nav{flex-wrap:wrap;gap:.75rem 1.25rem}}@font-face{font-display:swap;font-family:Cinzel;font-style:normal;font-weight:700;src:url(https://d2ml4wwnh8whj3.cloudfront.net/fonts/cinzel-700-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Rajdhani;font-style:normal;font-weight:600;src:url(https://d2ml4wwnh8whj3.cloudfront.net/fonts/rajdhani-600-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.matchup-container{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:20px}.matchup-heading{color:#333;font-size:2em}.matchup-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:10px}.matchup-paragraph{color:#666;font-size:1.2em}.matchup-strong{font-weight:700}.matchup-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px}.matchup-button-text{color:#007bff;margin-top:10px}.header-background-container{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;color:var(--color-text-primary,#f0f4f8);overflow:visible;padding:24px}.matchup-main{align-items:stretch;background-color:var(--color-bg-primary,#020817);box-sizing:border-box;display:flex;flex-direction:column;padding-top:0;width:100%}@media (max-width:768px){.matchup-main{padding:4rem 0 0}}.champion-header-row{margin-top:30px;padding-bottom:30px;padding-top:30px;width:100%}.centered-flex-column{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.championPageStylingContainer{display:flex;flex-direction:row;width:100%}@media (max-width:768px){.championPageStylingContainer{flex-direction:column;gap:0;width:100%}}.left-aligned-flex-column{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;max-width:1400px;width:100%}.build-page-row{width:100%}.lol-matchups-net-is-reader-supported-we-may-earn-a-commission-when-you-buy-through-links-on-this-page{color:#8890b5;font-size:.9rem;margin-bottom:20px;padding:10px;text-align:center}.middle-column{flex-grow:1;margin-right:2em;min-width:0}.ad-container.left{left:0}.ad-container.left,.ad-container.right{height:600px;position:fixed;top:50%;transform:translateY(-50%);width:160px;z-index:1000}.ad-container.right{right:0}.left-column{margin-right:.625rem}.left-column,.right-column{flex-shrink:0;height:100vh;position:sticky;top:0;width:15.625rem}.right-column{margin-left:.625rem;max-width:238px}.global-tip-notification{animation:globalTipSlideIn .3s ease-out}@keyframes globalTipSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.global-tip-close{background:none;border:none;color:var(--color-text-muted,#a0aec0);cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;position:absolute;right:8px;top:8px}.global-tip-close:hover,.global-tip-snippet{color:var(--color-text-primary,#f0f4f8)}.global-tip-snippet{font-size:13px;line-height:1.4;margin:0 0 8px;padding-right:16px}.global-tip-meta{align-items:center;display:flex;font-size:11px;justify-content:space-between}.global-tip-user{color:var(--color-accent,#ffc107)}.global-tip-matchup{color:var(--color-text-muted,#a0aec0)}@media (max-width:767px){.global-tip-notification{display:none!important}}.global-tip-dismissing{animation:globalTipFadeOut .3s ease-in forwards}@keyframes globalTipFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-card{background:#0f1419;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:600px;padding:40px;text-align:center;width:100%}.error-boundary-icon{color:#ef4444;display:flex;justify-content:center;margin-bottom:24px}.error-boundary-title{color:#fff;font-size:28px;font-weight:600;margin:0 0 16px}.error-boundary-message{color:#9ca3af;font-size:16px;line-height:1.6;margin:0 0 32px}.error-boundary-details{background:#1a1f2e;border:1px solid #2d3748;border-radius:8px;margin:24px 0;padding:16px;text-align:left}.error-boundary-details summary{color:#9ca3af;cursor:pointer;font-size:14px;font-weight:500;user-select:none}.error-boundary-details summary:hover{color:#fff}.error-boundary-stack{color:#ef4444;font-family:Courier New,monospace;font-size:12px;line-height:1.5;margin:12px 0 0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-boundary-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.error-boundary-btn-primary{background:#3b82f6;color:#fff}.error-boundary-btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px rgba(59,130,246,.4);transform:translateY(-2px)}.error-boundary-btn-secondary{background:#374151;color:#fff}.error-boundary-btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}.error-boundary-btn:active{transform:translateY(0)}