:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{color:#fff;background:#0d0e14;height:100%;min-height:100vh;margin:0;padding:0;overflow:hidden}button{font:inherit;cursor:pointer}select,input,textarea{font:inherit}:root{--accent-1:#6b7280;--accent-2:#6b7280;--accent-strong:#6b7280;--accent-soft:#bcc0c6;--accent-border:#25282d;--accent-bg-active:#2b2e33;--accent-gradient:linear-gradient(135deg, #6b7280, #6b7280);--accent-bg-gradient:linear-gradient(135deg, #6b728040, #6b728040)}.stage-wrap{background:#000 url(/assets/background_y_pattern-WhiiIecd.png) 0/cover no-repeat;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.app{background:var(--accent-bg-gradient), #05050a;flex-shrink:0;grid-template-columns:300fr 950fr 350fr;gap:2px;display:grid;overflow:hidden}.app--ratio-transition{transition:height .5s cubic-bezier(0,.32,.5,1),transform .5s cubic-bezier(0,.32,.5,1)}.app__left{background:0 0;border-right:2px solid #00000080;flex-direction:column;display:flex;overflow:hidden}.deck-summary-row{border-bottom:2px solid #00000080;flex:none;justify-content:space-between;align-items:center;gap:8px;padding-left:.5rem;display:flex}.deck-summary{min-width:0;color:var(--accent-soft);flex-wrap:wrap;flex:auto;justify-content:end;gap:.5rem;padding:.5rem;font-size:.8rem;display:flex}.more-info-btn{color:#fff;border:1px solid var(--accent-border);cursor:pointer;white-space:nowrap;background:#00000080;border-radius:6px;flex:none;padding:4px 10px;font-size:.7rem}.more-info-btn--active{background:var(--accent-gradient);border-color:var(--accent-strong);color:#fff}.deck-summary__item{align-items:center;gap:4px;display:inline-flex}.deck-summary__item strong{color:#fff}.deck-summary__icon{width:1.1em;height:1.1em}.deck-summary__empty{color:var(--accent-soft);font-style:italic}.card-preview{flex-direction:column;flex:auto;gap:1.4%;min-height:0;padding:.5rem;display:flex;overflow:hidden}.card-preview--empty{color:var(--accent-soft);text-align:center;padding:32px 16px;font-size:.9rem}.card-preview__hint{color:var(--accent-soft);text-align:center;margin:24px 0;font-size:.9rem}.card-preview__image{flex:0 0 400px;justify-content:center;align-items:center;min-height:0;display:flex}.card-preview__image img{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block}.card-preview__name{color:#fff;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.card-preview__banned{color:#fff;letter-spacing:.04em;background:#b31212;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800}.card-preview__meta{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.04em;gap:.75rem;font-size:.7rem;display:flex}.card-preview__stats{gap:10px;font-size:.9rem;display:flex}.stat{background:#00000080;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.stat__icon{vertical-align:middle;width:1em;height:1em}.card-preview__domains{color:var(--accent-soft);font-size:.7rem;font-weight:600}.card-preview__text{color:#dadada;background:#00000080;border-radius:8px;flex:225px;min-height:60px;padding:8px;font-size:1rem;line-height:1.4;overflow-y:auto}.card-preview__text p{margin:0}.icon-inline{vertical-align:-.18em;width:1.1em;height:1.1em;margin:0 1px}.icon-inline-cost{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.card-preview__flavour{color:#8f84ad;font-size:.7rem;font-style:italic}.card-preview__tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--accent-soft);background:#00000080;border-radius:999px;padding:2px 8px;font-size:.7rem}.deck-info-panel{flex-direction:column;flex:0 0 400px;gap:10px;min-height:0;display:flex;overflow:visible}.info-card{background:#00000080;border-radius:10px;flex:none;padding:10px 12px}.info-card__header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.info-card__icon{width:18px;height:18px}.info-card__title{color:#fff;flex:1;font-size:.9rem;font-weight:700}.info-card__avg{color:var(--accent-soft);text-transform:uppercase;font-size:.7rem;font-weight:700}.info-card__empty{color:var(--accent-soft);margin:0;font-size:.8rem;font-style:italic}.curve-chart{align-items:flex-end;gap:4px;height:100px;display:flex}.curve-chart__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.curve-chart__count{color:#fff;margin-bottom:2px;font-size:.7rem;font-weight:700}.curve-chart__bar{flex-direction:column-reverse;gap:1px;width:70%;min-height:2px;display:flex}.curve-chart__seg{width:100%;min-height:2px;position:relative}.curve-chart__seg:hover{filter:brightness(1.3);z-index:10}.curve-chart__tooltip{border:1px solid var(--accent-border);color:#fff;white-space:nowrap;z-index:30;pointer-events:none;background:#0e0f0f;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;display:none;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.curve-chart__seg:hover .curve-chart__tooltip{display:flex}.curve-chart__tooltip-swatch{border-radius:2px;flex:none;width:8px;height:8px}.curve-chart__label{color:#948aad;margin-top:4px;font-size:.6rem}.domain-bar{background:#00000080;border-radius:999px;height:10px;display:flex;overflow:hidden}.domain-bar__seg{height:100%}.domain-legend{color:var(--accent-soft);flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.8rem;display:flex}.domain-legend__item{align-items:center;gap:5px;display:inline-flex}.domain-legend__icon{width:14px;height:14px}.domain-legend__item strong{color:#fff}.prob-calc{background:#00000080;border-radius:10px;flex-direction:column;flex:0 0 400px;gap:.25rem;min-height:0;padding:.5rem;display:flex;overflow-y:auto}.prob-calc__title{color:#fff;text-align:center;font-size:1.1rem;font-weight:800}.prob-calc__fields{flex-direction:column;gap:.25rem;display:flex}.prob-calc__fields label{color:#fff;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;display:flex}.prob-calc__fields input{color:#fff;border:1px solid var(--accent-border);text-align:right;cursor:ew-resize;background:#00000080;border-radius:6px;width:90px;height:32px;padding:0 8px;font-size:.95rem;font-weight:700}.prob-calc__fields input:focus{cursor:text}.prob-calc-scrubbing,.prob-calc-scrubbing *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}.prob-calc__error{color:#ff8a8a;text-align:center;font-size:.8rem}.prob-calc__sentence{color:var(--accent-soft);text-align:center;margin:0;font-size:.9rem;line-height:1.4}.prob-calc__sentence strong{color:#fff}.prob-calc__result{color:var(--accent-strong);text-align:center;font-size:2.6rem;font-weight:900}.prob-calc__chart{align-items:flex-end;gap:4px;height:115px;display:flex}.prob-calc__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.prob-calc__bar{background:#4a4e5a;border-radius:3px 3px 0 0;width:70%;min-height:2px}.prob-calc__bar--hit{background:var(--accent-gradient)}.prob-calc__label{color:#948aad;margin-top:4px;font-size:.7rem}.app__center{background:0 0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.deck-board{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:.5rem;display:flex;overflow:hidden}.zone{flex-direction:column;min-width:0;min-height:0;display:flex}.zone--main{flex:5 1 0}.zone-row{flex:1 1 0;gap:1%;min-height:0;display:flex}.zone--side{flex:12 1 0}.zone--battlefields,.zone--runes{flex:4 1 0}.zone--legend-champion{flex:2.8 1 0}.app[data-aspect="16:9"] .zone--legend-champion{flex:2.5 1 0}.app[data-aspect="16:9"] .zone--battlefields{flex:4.1 1 0}.app[data-aspect="16:9"] .zone--runes{flex:3.6 1 0}.deck-board__compact{flex:2 1 0;grid-template:"legend side side"1.6fr"legend battlefields runes"1.3fr/2.8fr 3.2fr 3.5fr;gap:.5rem;min-width:0;min-height:0;display:grid}.deck-board__compact .zone--legend-champion{grid-area:legend}.deck-board__compact .zone--side{grid-area:side}.deck-board__compact .zone--battlefields{grid-area:battlefields}.deck-board__compact .zone--runes{grid-area:runes}.zone__label{letter-spacing:.06em;color:var(--accent-soft);white-space:nowrap;flex:none;margin-bottom:4px;font-size:.7rem;font-weight:700}.zone__header-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.zone__header-row .zone__label{margin-bottom:0}.riftatlas-btn{background:var(--accent-gradient);color:#fff;border:1px solid var(--accent-strong);letter-spacing:.02em;cursor:pointer;border-radius:6px;flex:none;padding:3px 12px;font-size:.7rem;font-weight:700}.riftatlas-btn:disabled{border-color:var(--accent-border);color:#7a7390;cursor:default;background:#302c42}.riftatlas-btn-wrap{flex:none;position:relative}.riftatlas-error{white-space:nowrap;color:#ff8a8a;z-index:5;background:#0e0f0f;border:1px solid #ff3b3b;border-radius:6px;width:max-content;padding:6px 8px;font-size:.65rem;font-weight:400;line-height:1.3;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.zone__label--full{color:#5be07a}.zone__label--over{color:#ff5a5a}.zone__grid{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);border:1px solid var(--accent-border);background:#14122480;border-radius:8px;flex:1 1 0;gap:4px;min-width:0;min-height:0;padding:4px;display:grid}.zone__grid-slot{width:100%;min-width:0;height:100%;min-height:0}.zone__grid--overlap{display:block;position:relative}.card-tile{cursor:pointer;border:1px solid var(--accent-border);will-change:transform;background:#0e0c1a;border-radius:5px;width:100%;min-width:0;height:100%;min-height:0;transition:transform .1s,box-shadow .1s;position:relative;overflow:hidden}.card-tile__art{object-fit:cover;will-change:transform;width:100%;height:100%;display:block}.card-tile:hover{z-index:2;transform:translateY(-4px);box-shadow:0 5px 9px #000000a6}.card-tile[draggable=true]{cursor:grab;touch-action:none}.drag-ghost{object-fit:cover;border:1px solid var(--accent-border);pointer-events:none;z-index:9999;opacity:.92;border-radius:5px;width:70px;height:98px;position:fixed;transform:translate(-50%,-50%)scale(1.08);box-shadow:0 8px 24px #0009}.card-tile--empty{cursor:default;background:#00000080;border-style:dashed}.card-tile--banned{border-color:#ff3b3b;box-shadow:inset 0 0 0 1px #ff3b3b}.card-tile--banned .card-tile__art{filter:grayscale(.5)brightness(.7)}.card-tile__banned{color:#fff;letter-spacing:.04em;text-align:center;background:#b3121280;padding:2px 0;font-size:.6rem;font-weight:800;position:absolute;top:0;left:0;right:0}.card-tile--empty:hover{box-shadow:none;transform:none}.search-panel__results .card-tile--empty{background:0 0;border:none}.card-tile__qty{background:var(--accent-strong);color:#fff;border-radius:4px;padding:0 3px;font-size:.6rem;font-weight:700;position:absolute;bottom:1px;right:1px}.sort-controls{flex:none;grid-template-columns:repeat(3,1fr);gap:5px;padding:.5rem;display:grid}.sort-controls--pair{flex:1;grid-template-columns:repeat(2,1fr);min-width:0;padding:0}.sort-controls__btn{color:#fff;border:1px solid var(--accent-border);background:#00000080;border-radius:6px;width:100%;padding:5px 9px;font-size:.7rem;position:relative}.sort-controls__tooltip{border:1px solid var(--accent-border);color:#fff;white-space:normal;text-align:left;z-index:30;pointer-events:none;background:#0e0f0f;border-radius:6px;width:150px;padding:6px 8px;font-size:.65rem;font-weight:400;line-height:1.3;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.sort-controls__btn:hover .sort-controls__tooltip{display:block}.sort-controls__btn:hover{background:#32323280}.sort-controls__btn--active{background:var(--accent-gradient);border-color:var(--accent-strong);color:#fff}.sort-controls__btn--active:hover{background:var(--accent-gradient)}.deck-controls{border-top:2px solid #00000080;flex-direction:column;flex:none;gap:8px;padding:.5rem;display:flex}.deck-controls__selector select{color:#fff;border:1px solid var(--accent-border);background:#00000080;border-radius:6px;width:100%;padding:5px;font-size:.8rem}.deck-controls__buttons{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.deck-controls__buttons>button,.export-modal__anchor>button{color:#fff;border:1px solid var(--accent-border);background:#00000080;border-radius:6px;width:100%;padding:5px 9px;font-size:.7rem}.deck-controls__buttons>button:hover,.export-modal__anchor>button:hover{background:#32323280}.deck-controls__import{flex-direction:column;gap:5px;display:flex}.deck-controls__import textarea{color:#fff;border:1px solid var(--accent-border);resize:none;background:#111;border-radius:6px;min-height:60px;padding:6px;font-size:.8rem}.deck-controls__import-actions{justify-content:space-between;gap:6px;display:flex}.deck-controls__import-actions button{background:var(--accent-gradient);color:#fff;border:none;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;padding:5px 12px;font-size:.7rem;display:inline-flex}.deck-controls__import-actions button:disabled,.deck-controls__buttons>button:disabled{opacity:.6;cursor:default}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:10px;height:10px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.deck-controls__import-close{color:#fff!important;border:1px solid var(--accent-border)!important;background:#00000080!important}.deck-controls__import-close:hover{background:#32323280!important}.export-modal__anchor{position:relative}.export-modal{background:var(--accent-bg-active);border:1px solid var(--accent-border);z-index:50;border-radius:12px;flex-direction:column;gap:10px;width:280px;padding:16px;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000080}.export-modal__header{letter-spacing:.06em;color:var(--accent-soft);white-space:nowrap;justify-content:space-between;align-items:center;padding:0 2px 6px;font-size:1rem;font-weight:800;display:flex}.export-modal__close{color:#b9b3c9;cursor:pointer;background:0 0;border:none;flex:none;padding:0 0 0 8px;font-size:1.3rem;line-height:1}.export-modal__item{border:1px solid var(--accent-border);color:#fff;cursor:pointer;text-align:left;background:#0e0f0f;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.export-modal__item:hover{border-color:var(--accent-strong);background:#0e0f0f80}.export-modal__icon{width:22px;height:22px;color:var(--accent-soft);flex:none}.export-modal__icon svg{width:100%;height:100%}.export-modal__text{flex-direction:column;gap:3px;min-width:0;display:flex}.export-modal__title{font-size:1rem;font-weight:700}.export-modal__subtitle{color:#b0a6c9;font-size:.9rem}.rename-modal{width:240px}.rename-modal__form{gap:8px;display:flex}.rename-modal__input{color:#fff;border:1px solid var(--accent-border);background:#111;border-radius:6px;flex:auto;min-width:0;padding:7px 10px;font-size:.9rem}.rename-modal__confirm{background:var(--accent-gradient);color:#fff;border:none;border-radius:6px;flex:none;padding:7px 14px;font-size:.9rem;font-weight:700}.app__right{background:0 0;border-left:2px solid #00000080;flex-direction:column;min-height:0;display:flex;overflow:hidden}.search-panel{flex-direction:column;flex:1;gap:9px;min-height:0;padding:.5rem;display:flex;overflow:hidden}.search-panel__header-row{flex:none;justify-content:center;align-items:center;display:flex;position:relative}.search-panel__header{letter-spacing:.08em;color:var(--accent-soft);text-align:center;font-size:1.5rem;font-weight:800}.aspect-toggle-btn{color:var(--accent-soft);border:1px solid var(--accent-border);letter-spacing:.02em;white-space:nowrap;cursor:pointer;background:#00000080;border-radius:6px;justify-content:center;align-items:center;padding:4px 9px;font-size:.7rem;font-weight:700;display:flex;position:absolute;right:0}.aspect-toggle-btn:hover{color:#fff;border-color:var(--accent-strong)}.search-panel__form{flex-direction:column;flex:none;gap:.25rem;display:flex}.search-panel__form label,.search-panel__form .search-panel__label-row{color:var(--accent-soft);flex-direction:row;flex:none;align-items:center;gap:8px;min-width:0;height:37px;font-size:.9rem;display:flex}.search-panel__label-text{white-space:nowrap;text-align:left;flex:0 0 45px;width:45px}.search-panel__form input,.search-panel__form select{color:#fff;border:1px solid var(--accent-border);background:#00000080;border-radius:6px;width:100%;min-width:0;height:37px;padding:0 9px;font-size:.9rem}.search-panel__row{gap:8px;min-width:0;display:flex}.search-panel__row label{flex:1;min-width:0}.search-panel__checkboxes{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.domain-chip{width:34px;height:34px;color:var(--accent-soft);border:1px solid var(--accent-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#00000080;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.8rem;display:flex}.domain-chip__icon{object-fit:contain;width:70%;height:70%}.domain-chip--active{color:#fff;box-shadow:0 0 0 2px var(--accent-strong)}.search-panel__pager{color:var(--accent-soft);flex:none;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.search-panel__pager button{color:#fff;border:1px solid var(--accent-border);background:#00000080;border-radius:6px;padding:4px 11px;font-size:.9rem}.search-panel__pager button:disabled{opacity:.4;cursor:default}.search-panel__error{color:#ff8a8a;flex:none;font-size:.9rem}.search-panel__results{grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);flex:1 1 0;gap:6px;min-height:0;display:grid}.search-panel__result-slot{width:100%;min-width:0;height:100%;min-height:0}.search-panel__hint{color:#948aad;flex:none;margin:0;font-size:.8rem;line-height:1.35}.feedback-widget{position:relative}.feedback-widget__popover{z-index:60;width:550px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.feedback-widget__textarea{color:#fff;border:1px solid var(--accent-border);resize:none;background:#111;border-radius:6px;min-height:90px;padding:8px;font-family:inherit;font-size:.85rem}.feedback-widget__hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.feedback-widget__row{justify-content:flex-end;align-items:center;gap:8px;display:flex}.feedback-widget__error{color:#ff8a8a;font-size:.75rem}.feedback-widget__send{background:var(--accent-gradient);color:#fff;border:none;border-radius:6px;align-self:flex-end;padding:6px 14px;font-size:.8rem;font-weight:700}.feedback-widget__send:disabled{opacity:.5;cursor:default}.feedback-widget__sent{color:var(--accent-soft);text-align:center;margin:4px 0;font-size:.85rem}.footer-links{align-items:center;display:flex;position:absolute}.footer-links--side{flex-direction:column;align-items:flex-start;gap:2px}.footer-links--side .legal-link{text-align:left;white-space:normal;padding:2px 4px}.footer-links--side .feedback-widget__popover{left:auto;right:0;transform:none}.legal-link{color:#e8e6f0a6;cursor:pointer;background:0 0;border:none;padding:4px 10px;font-size:.8rem;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.legal-link:hover{color:#e8e6f0bf;text-decoration-color:currentColor}.legal-modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.legal-modal{background:var(--accent-bg-active);border:1px solid var(--accent-border);color:#fff;border-radius:14px;width:min(560px,90vw);max-height:min(640px,85vh);padding:24px 28px;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.legal-modal__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.legal-modal__header h2{letter-spacing:.02em;margin:0;font-size:1.2rem;font-weight:800}.legal-modal__close{color:#b9b3c9;cursor:pointer;background:0 0;border:none;flex:none;padding:0 0 0 12px;font-size:1.4rem;line-height:1}.legal-modal h3{color:var(--accent-soft);margin:18px 0 6px;font-size:1rem;font-weight:700}.legal-modal h3:first-of-type{margin-top:0}.legal-modal p{color:#cfcbdb;margin:0 0 10px;font-size:.9rem;line-height:1.5}.legal-modal__updated{color:#e8e6f066;margin-top:14px;font-size:.7rem}.changelog-modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.changelog-modal{background:var(--accent-bg-active);border:1px solid var(--accent-border);color:#fff;border-radius:14px;width:min(560px,90vw);max-height:min(640px,85vh);padding:24px 28px;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.changelog-modal__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.changelog-modal__header h2{letter-spacing:.02em;margin:0;font-size:1.2rem;font-weight:800}.changelog-modal__close{color:#b9b3c9;cursor:pointer;background:0 0;border:none;flex:none;padding:0 0 0 12px;font-size:1.4rem;line-height:1}.changelog-modal__entry{margin-bottom:16px}.changelog-modal__entry:last-child{margin-bottom:0}.changelog-modal__date{color:var(--accent-soft);margin-bottom:4px;font-size:.85rem;font-weight:700}.changelog-modal__entry ul{margin:0;padding-left:18px}.changelog-modal__entry li{color:#cfcbdb;margin-bottom:4px;font-size:.9rem;line-height:1.5}.changelog-modal__entry li:last-child{margin-bottom:0}.share-toast{z-index:250;border:1px solid var(--accent-border);color:#e8e6f0;background:#0e0f0f;border-radius:8px;padding:10px 16px;font-size:.85rem;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.share-toast--error{color:#ff8a8a;border-color:#ff3b3b}