@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800&display=swap";:root{font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:#102027;background:radial-gradient(circle at top right,#f2f8dd,#edf3ff 45%,#e8eff6);line-height:1.4;--bg-panel: #ffffffcc;--border: #cfdae4;--text-muted: #526575;--brand: #0b4f72;--brand-alt: #f0b429;--danger: #a12622;--success: #1f7a4d}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#102027}a{color:var(--brand)}h1,h2,h3,h4,p,ul,ol{margin-top:0}input,select,button,textarea{font:inherit}button{border:1px solid var(--brand);background:var(--brand);color:#fff;padding:.55rem .9rem;border-radius:.65rem;cursor:pointer}button.secondary{background:transparent;color:var(--brand)}button:disabled{opacity:.6;cursor:not-allowed}input,select{border:1px solid var(--border);border-radius:.55rem;padding:.5rem .65rem;width:100%}label{display:grid;gap:.3rem;color:var(--text-muted);font-size:.9rem}.page-root{width:min(1180px,calc(100% - 2rem));margin:1rem auto 3rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.topbar-public{margin-bottom:1.25rem}.topbar-subtle{margin:.2rem 0 0;color:var(--text-muted);font-size:.82rem;letter-spacing:.02em}.topbar-links a{text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.25rem .65rem;color:#32506a;background:#fff8}.brand{font-weight:700;font-size:1.1rem;letter-spacing:.04em}.hero{background:linear-gradient(140deg,#12344a,#20537a 60%,#1f7a6b);color:#f8fcff;padding:clamp(1.4rem,2.5vw,2.5rem);border-radius:1rem;margin-bottom:1rem}.hero h1{font-size:clamp(1.6rem,4vw,2.7rem);max-width:16ch}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;opacity:.85}.hero-tags{display:flex;flex-wrap:wrap;gap:.5rem}.hero-tags span{border:1px solid #ffffff66;border-radius:999px;padding:.3rem .65rem;font-size:.84rem}.landing-root{display:grid;gap:1rem;margin-bottom:1rem}.landing-hero{position:relative;overflow:hidden;border-radius:1rem;border:1px solid #9bb1c466;padding:clamp(1.2rem,2.5vw,2.4rem);background:radial-gradient(circle at 18% 8%,#ffffff80 0%,transparent 32%),linear-gradient(135deg,#0f2a3f,#184161 47%,#1e6f6d);color:#f6fbff}.landing-kicker{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;opacity:.86}.landing-hero h1{margin:0;font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1.07;max-width:14ch}.landing-hero-copy{margin:.9rem 0 0;max-width:56ch;color:#e0ecf7;font-size:1.01rem}.landing-hero-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.2rem}.landing-primary-link,.landing-secondary-link{text-decoration:none;border-radius:999px;padding:.5rem .85rem;font-weight:600}.landing-primary-link{background:#f0b429;border:1px solid #f0b429;color:#172b3c}.landing-secondary-link{border:1px solid #c7d6e6;color:#edf6ff;background:#ffffff1a}.landing-proof{display:grid;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-proof-card{border:1px solid var(--border);border-radius:.9rem;background:#ffffffb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.9rem}.landing-proof-card strong{display:block;margin-bottom:.45rem}.landing-proof-card p{margin:0;font-size:.92rem;color:#3b5163}.landing-flow{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-flow-step{border:1px solid #bfd0df;border-radius:.9rem;background:linear-gradient(180deg,#f7fbff,#eef5fc);padding:.95rem}.landing-flow-step p{margin:0 0 .35rem;font-size:.74rem;letter-spacing:.09em;color:#5f7487}.landing-flow-step h3{margin:0 0 .35rem;font-size:.98rem}.landing-flow-step span{color:#4c6275;font-size:.9rem}.info-grid,.cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:.9rem;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-panel,.dashboard-panel{min-height:14rem}.inline-actions{display:flex;gap:.6rem;flex-wrap:wrap}.dashboard-actions,.join-inline{display:grid;gap:.6rem}.join-inline{grid-template-columns:1fr auto;align-items:end}.subtle{color:var(--text-muted);font-size:.9rem}.lobby-layout{width:min(1240px,calc(100% - 2rem));margin:1rem auto 2rem}.lobby-header{display:flex;justify-content:space-between;align-items:center}.lobby-main-grid{margin-top:1rem;display:grid;grid-template-columns:280px 1fr;gap:1rem}.lobby-content-stack{display:grid;gap:1rem}.compact-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.chat-panel h3{margin-bottom:.6rem}.chat-log{min-height:7rem;max-height:12rem;overflow-y:auto;border:1px solid var(--border);border-radius:.6rem;background:#f7fbff;padding:.65rem;margin-bottom:.6rem}.chat-log p{margin:0 0 .35rem;font-size:.92rem}.chat-log p.is-system{opacity:.5;font-style:italic}.emoji-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem;margin-bottom:.6rem}.emoji-button{padding:.35rem .25rem;border-radius:.55rem;min-height:2rem;font-size:1rem}.chat-compose{display:block}.chat-compose-field{position:relative}.chat-compose-field input{width:100%;padding-right:2.6rem}.chat-send-icon-button{position:absolute;top:50%;right:.32rem;transform:translateY(-50%);width:2rem;height:2rem;min-height:0;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.chat-send-icon-button svg{width:.95rem;height:.95rem;fill:currentColor}.panel-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.seat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;margin-bottom:.9rem}.seat-card{border:1px solid var(--border);border-radius:.65rem;padding:.6rem;display:grid;gap:.25rem;background:#fff;font-size:.87rem}.draft-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.draft-live-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.draft-pack-column,.draft-library-column{border:1px solid var(--border);border-radius:.75rem;padding:.75rem;background:#fff}.pack-image-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem;overflow-x:auto;overflow-y:hidden}.pack-image-button{border:1px solid var(--border);background:#f5f8fc;padding:.2rem;border-radius:.5rem}.pack-image-button img{display:block;width:100%;height:auto;border-radius:.35rem}.draft-library-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;max-height:22rem;overflow-y:auto}.draft-library-list li{display:grid;grid-template-columns:30px 1fr auto;gap:.4rem;align-items:center;border:1px solid var(--border);border-radius:.55rem;background:#f9fcff;padding:.28rem}.draft-library-list img{width:30px;height:42px;object-fit:cover;border-radius:.3rem}.draft-library-list span{font-size:.8rem}.count-badge{background:var(--brand);color:#fff;border-radius:999px;padding:.1rem .5rem;font-size:.78rem}.card-grid{display:grid;gap:.55rem;max-height:22rem;overflow-y:auto;padding-right:.2rem}.card-button{text-align:left;border-radius:.65rem;border:1px solid var(--border);color:#112;background:linear-gradient(140deg,#fefefe,#f3f8ff);padding:.65rem}.card-name{display:block;font-weight:600;margin-bottom:.2rem}.card-meta{display:block;color:var(--text-muted);font-size:.8rem}.deck-toolbar{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}.deck-toolbar label{min-width:140px}.deck-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;margin:1rem 0}.warning-list{margin:0;padding-left:1rem;color:var(--danger)}.valid-note{color:var(--success)}.deck-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem;max-height:20rem;overflow-y:auto}.deck-list li{border:1px solid var(--border);border-radius:.6rem;padding:.5rem;display:flex;justify-content:space-between;gap:.8rem;align-items:center;background:#fff}.deck-list li span{display:block;color:var(--text-muted);font-size:.82rem}.export-preview{background:#f2f6fa;border:1px solid var(--border);border-radius:.6rem;padding:.8rem;max-height:16rem;overflow-y:auto}@media(max-width:940px){.info-grid,.cta-grid,.draft-columns,.lobby-main-grid,.draft-live-layout,.join-inline,.chat-compose{grid-template-columns:1fr}.lobby-header{align-items:flex-start;flex-direction:column}.landing-proof,.landing-flow{grid-template-columns:1fr}}.lobby-shell{width:100%;max-width:2000px;height:100vh;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.lobby-status-banner{margin:0}.lobby-shell-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:1rem}.lobby-main-area,.lobby-right-rail{min-height:0}.lobby-main-area{display:flex;flex-direction:column;gap:1rem;height:100%}.lobby-main-area>.panel{flex:1;min-height:0}.waiting-main-panel{min-height:200px}.lobby-right-rail{display:flex;flex-direction:column;gap:.75rem}.right-rail-lobby-info{display:grid;gap:.6rem}.lobby-info-head{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem}.lobby-info-head-left{display:flex;align-items:center;gap:.35rem;min-width:0}.lobby-info-head h2,.lobby-info-head p{margin:0}.copy-lobby-code-button{position:relative;width:1.55rem;height:1.55rem;border-radius:.45rem;border:1px solid #4b81b2;background:#15436ac2;color:#d9efff;display:inline-grid;place-items:center;padding:0}.copy-lobby-code-button svg{width:.85rem;height:.85rem;fill:currentColor}.copy-lobby-code-button:hover{border-color:#6ea7da;background:#1b537fcf}.copy-lobby-code-button .bubble-hover-panel{bottom:calc(100% + 4px)}.copy-lobby-code-button .bubble-hover-panel.is-visible{opacity:1;transform:translate(-50%)}.lobby-seat-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.3rem}.lobby-seat-bubble{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:999px;border:2px solid transparent;display:grid;place-items:center;font-weight:700}.lobby-seat-bubble.is-online{background:#e5f9ec;border-color:#2c9a4b;color:#1f7a4d}.lobby-seat-bubble.is-lagging{background:#fff6dd;border-color:#d6a432;color:#7e6117}.lobby-seat-bubble.is-offline{background:#fde9ea;border-color:#bb3030;color:#9d1e1e}.lobby-seat-bubble.is-empty{background:transparent;border-color:#6d7f8f66}.bubble-letter{font-size:.72rem;line-height:1;font-variant-numeric:tabular-nums}.bubble-letter.is-countdown{font-size:.6rem;letter-spacing:.02em}.bubble-queue-badge{position:absolute;top:-10px;right:-10px;min-width:1.15rem;height:1.15rem;padding:0 .22rem;border-radius:999px;background:#c02828;color:#fff;font-size:.74rem;font-weight:700;display:grid;place-items:center}.bubble-hover-panel{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);opacity:0;pointer-events:none;white-space:nowrap;z-index:12;border:1px solid #7db4e288;border-radius:.45rem;padding:.22rem .45rem;background:linear-gradient(180deg,#153652f2,#102a42f2);color:#e9f6ff;font-size:.7rem;line-height:1.2;box-shadow:0 8px 16px #06152780;transition:opacity .14s ease,transform .14s ease}.lobby-seat-bubble:hover .bubble-hover-panel{opacity:1;transform:translate(-50%)}.right-rail-settings{display:grid;gap:.6rem}.draft-settings-inline-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.draft-settings-checkbox{display:flex;align-items:center;gap:.55rem;font-size:.9rem;color:#b8d4ec}.draft-settings-checkbox input{width:auto;margin:0}.right-rail-deck-summary{display:grid;gap:.35rem}.right-rail-deck-summary:empty{display:none}.draft-settings-static-row{margin:0}.draft-settings-waiting{margin:0;min-height:2.2rem;display:grid;place-items:center;text-align:center;color:#fff}.right-library-panel{min-height:220px;display:grid;gap:.45rem}.right-library-panel .draft-library-list{max-height:min(40vh,300px)}.chat-panel{display:flex;flex-direction:column;gap:.55rem;min-height:0}.chat-panel h3{margin:0}.chat-panel-expanded{flex:1}.chat-panel-expanded .chat-log{flex:1;max-height:none;margin-bottom:0}.chat-panel-compact{max-height:320px}.chat-panel-compact .chat-log{max-height:160px;margin-bottom:0}.draft-main-panel{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:.75rem}.draft-workspace{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.75rem}.draft-pack-zone{min-height:0}.draft-preview-strip{display:grid;grid-template-columns:180px 1fr;gap:.75rem;align-items:start;border:1px solid var(--border);border-radius:.7rem;background:#fbfdff;padding:.6rem}.draft-preview-strip img{width:180px;height:auto;border-radius:.5rem}.draft-preview-strip strong{display:block;margin-bottom:.35rem}.draft-waiting-copy{margin:0}.draft-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.45rem;align-content:start;min-height:0;overflow-y:auto;padding-right:.2rem;max-height:none}.draft-pick-button{border:1px solid var(--border);border-radius:.55rem;background:#f7fbff;padding:.15rem;display:block;line-height:0}.draft-pick-button img{width:100%;max-height:300px;height:auto;border-radius:.35rem;object-fit:cover}.draft-cursor-preview{position:fixed;z-index:2147483000;pointer-events:none;filter:drop-shadow(0 16px 20px rgba(0,0,0,.35))}.draft-cursor-preview img{max-height:400px;height:auto;width:auto;border-radius:.6rem}.draft-cursor-preview.is-battlefield img{transform:rotate(90deg);transform-origin:center center}.draft-cursor-preview.is-battlefield{width:600px;height:430px;display:grid;place-items:center}.draft-library-zone .deck-card-grid-wrap{--deck-card-height: 82px;--deck-card-gap: .25rem;max-height:calc((var(--deck-card-height) * 3) + (var(--deck-card-gap) * 2) + .5rem)}.draft-library-zone .draft-library-tile{cursor:default}.lobby-shell .panel h2{font-size:1.1rem;margin-bottom:.25rem}.lobby-shell .panel h3{font-size:.98rem;margin-bottom:.2rem}.deckbuilder-panel{min-height:0;display:grid;gap:.55rem}.deckbuilder-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.85rem}.deck-left-column{min-height:0;display:grid;gap:.55rem;align-content:start}.deck-top-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.deck-slot-card{border:1px solid var(--border);border-radius:.65rem;background:#fff;padding:.5rem;display:grid;gap:.35rem}.deck-slot-card h3{margin:0;font-size:.9rem}.chosen-slot{border-style:dashed}.slot-card-button{width:100%;border:1px solid var(--border);background:#f6faff;color:#112;border-radius:.45rem;padding:.15rem;line-height:0;display:block}.slot-card-button img{width:100%;max-height:120px;height:auto;object-fit:contain;border-radius:.28rem}.battlefield-slot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.rune-pool-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem}.rune-pool-tile{position:relative;border:1px solid var(--border);border-radius:.35rem;background:#f7fbff;padding:.08rem;min-height:84px;overflow:hidden}.rune-pool-tile-empty{border-style:dashed;border-color:#c8d5e3;background:#fbfdff}.rune-pool-tile img{width:100%;max-height:120px;height:auto;object-fit:contain;border-radius:.3rem}.rune-pool-image-fallback{height:100%;min-height:120px;display:grid;place-items:center;font-size:.72rem;color:var(--text-muted)}.rune-pool-controls{position:absolute;top:3px;right:3px;display:grid;justify-items:center;gap:.08rem;background:#0f2236d6;border-radius:.3rem;padding:.08rem}.rune-pool-controls button{width:1rem;height:1rem;border-radius:.28rem;border:1px solid #9cb3cb66;background:#17324f;color:#e8f3ff;font-size:.55rem;padding:0;line-height:1}.rune-pool-controls span{font-size:.72rem;font-weight:700;color:#fff}.deck-side-summary{border:1px solid var(--border);border-radius:.65rem;background:#f9fcff;padding:.5rem;display:grid;gap:.35rem}.deck-side-summary h3{margin:0;font-size:.88rem}.deck-side-summary-content{display:grid;gap:.35rem}.deck-side-summary-content h3{margin:0;font-size:.88rem}.deck-requirement-list{margin:0;padding:0;list-style:none;display:grid;gap:.2rem}.deck-requirement-list li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.35rem;font-size:.76rem;line-height:1.15}.deck-requirement-list li.is-valid{color:#d9ffe6}.deck-requirement-list li.is-invalid{color:#ffd9de}.summary-bars{display:flex;gap:.32rem;align-items:end;overflow-x:auto;padding-bottom:.1rem}.curve-summary-bars{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.18rem;overflow:hidden}.curve-summary-bars .summary-bar-item{min-width:0}.curve-summary-bars .summary-bar-track{width:min(1rem,100%)}.curve-summary-bars .summary-bar-label{font-size:.52rem}.summary-bar-item{display:grid;grid-template-rows:auto 32px auto;gap:.12rem;justify-items:center;min-width:1.9rem}.summary-bar-value{font-size:.7rem;font-weight:700;color:#1d3853;line-height:1}.summary-bar-track{width:1.2rem;height:32px;border-radius:.3rem;background:#e8f1fb;border:1px solid #c0d2e5;display:flex;align-items:flex-end;overflow:hidden}.summary-bar-fill{width:100%;background:linear-gradient(180deg,#4f87bb,#2f679d);border-top:1px solid #9ec1e3}.summary-bar-fill.tone-fury{background:linear-gradient(180deg,#cb6b6b,#a93d3d);border-top-color:#e0a5a5}.summary-bar-fill.tone-body{background:linear-gradient(180deg,#d5965a,#b36d2f);border-top-color:#e6bf9a}.summary-bar-fill.tone-order{background:linear-gradient(180deg,#d6c064,#b0972a);border-top-color:#e7da9f}.summary-bar-fill.tone-calm{background:linear-gradient(180deg,#70b17f,#3d8c52);border-top-color:#abd4b6}.summary-bar-fill.tone-mind{background:linear-gradient(180deg,#6fa4d9,#3f74ab);border-top-color:#a9c8e6}.summary-bar-fill.tone-chaos{background:linear-gradient(180deg,#9d7fc6,#6f4ea0);border-top-color:#c6b0e4}.summary-bar-label{font-size:.58rem;font-weight:700;color:#3f556d;text-align:center;line-height:1.05}.compact-list{margin:0;padding-left:1rem}.compact-list li{font-size:.82rem;margin:.08rem 0}.deck-main-column{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;min-height:0}.deck-main-zone,.deck-library-zone{border:1px solid var(--border);border-radius:.7rem;background:#fff;padding:.55rem;min-height:0;display:grid;gap:.35rem}.deck-main-zone-emphasis{background:linear-gradient(180deg,#f1f7ff,#e8f1fd);border-color:#89afd6;box-shadow:inset 0 0 0 1px #fff9}.deck-main-grid{--deck-section-height: 175px;--deck-main-gap: .45rem;--deck-left-width: 300px;min-height:0;display:grid;grid-template-columns:calc((var(--deck-left-width) - var(--deck-main-gap)) / 2) calc((var(--deck-left-width) - var(--deck-main-gap)) / 2) minmax(0,1fr);grid-template-rows:repeat(3,var(--deck-section-height));gap:var(--deck-main-gap)}.deck-main-grid>.deck-slot-card,.deck-main-grid>.deck-main-card-row{min-height:var(--deck-section-height);height:var(--deck-section-height);box-sizing:border-box}.deck-grid-legend{grid-column:1;grid-row:1}.deck-grid-champion{grid-column:2;grid-row:1}.deck-grid-runes{grid-column:1 / span 2;grid-row:2}.deck-grid-battlefields{grid-column:1 / span 2;grid-row:3}.deck-grid-units{grid-column:3;grid-row:1}.deck-grid-spells{grid-column:3;grid-row:2}.deck-grid-gear{grid-column:3;grid-row:3}.deck-main-card-row{display:grid;grid-template-rows:auto minmax(0,1fr);gap:.35rem;box-sizing:border-box;padding-top:.5rem;padding-left:.25rem}.deck-main-card-row h3{margin:0;font-size:.9rem}.deck-main-card-grid{--deck-card-height: 120px;--deck-card-gap: .28rem;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88px;justify-content:start;align-content:start;overflow-x:auto;overflow-y:hidden;padding-bottom:.12rem}.deck-main-card-grid .deck-card-tile{width:88px;min-height:0}.deck-main-card-grid .deck-card-tile img{height:120px;width:auto}.deck-main-zone .deck-card-tile,.deck-main-zone .slot-card-button,.deck-main-zone .rune-pool-tile{border:0;background:transparent;box-shadow:none;padding:0}.deck-main-zone .deck-card-tile img,.deck-main-zone .slot-card-button img,.deck-main-zone .rune-pool-tile img{height:120px;width:auto;max-height:none}.deck-main-zone .slot-card-placeholder{width:86px;height:120px;border:2px dashed #7ca7cf80;border-radius:.45rem;background:#ffffff08;justify-self:center;align-self:start}.deck-slot-fill{min-height:0;height:100%;display:grid;align-content:start}.deck-slot-fill>.subtle{margin:0;display:grid;place-items:center;min-height:100%;text-align:center}.deck-zone-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.deck-main-zone-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem}.deck-main-zone-header>button{padding:.26rem .58rem;font-size:.78rem;line-height:1.1;border-radius:.5rem}.deckbuilder-panel .deck-main-zone>.deck-zone-header,.deckbuilder-panel .deck-library-zone>.deck-zone-header{height:32px;min-height:32px;max-height:32px;align-items:center}.deckbuilder-panel .deck-main-zone{max-height:600px;overflow-y:auto}.deck-main-status{margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e9f5ff}.deck-main-status.is-empty{visibility:hidden}.deck-zone-header h3{margin:0;font-size:.94rem}.deck-library-controls{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.deck-filter-bubbles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.28rem}.deck-filter-bubble{width:1.7rem;height:1.7rem;border-radius:999px;border:1.5px solid var(--bubble-border, #8fa2b6);background:#fff;color:var(--bubble-border, #33485d);font-size:.58rem;font-weight:700;line-height:1;padding:0;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #fff8}.deck-filter-bubble.is-active{border-color:var(--bubble-border, #2b3f55);background:var(--bubble-fill, #eef3f8);color:var(--bubble-text, #243547);box-shadow:0 0 0 2px color-mix(in srgb,var(--bubble-border, #2b3f55) 24%,transparent)}.deck-filter-bubble.is-inactive{background:#fff;color:var(--bubble-border, #33485d);box-shadow:inset 0 0 0 1px #fffa}.deck-filter-bubble.tone-red{--bubble-fill: #f3d9d9;--bubble-border: #b44a4a;--bubble-text: #7b1f1f}.deck-filter-bubble.tone-orange{--bubble-fill: #f5e0c9;--bubble-border: #b06a2a;--bubble-text: #774316}.deck-filter-bubble.tone-yellow{--bubble-fill: #f6edc8;--bubble-border: #b08d2a;--bubble-text: #6f5613}.deck-filter-bubble.tone-green{--bubble-fill: #d7eed6;--bubble-border: #3f8a58;--bubble-text: #24633a}.deck-filter-bubble.tone-blue{--bubble-fill: #d8e7f8;--bubble-border: #4273ab;--bubble-text: #224b80}.deck-filter-bubble.tone-purple{--bubble-fill: #e4daf8;--bubble-border: #7a5eaf;--bubble-text: #4f377b}.deck-filter-bubble.tone-battlefields,.deck-filter-bubble.tone-legends{--bubble-fill: #e6ebf2;--bubble-border: #74889d;--bubble-text: #364b61}.deck-card-grid-wrap{min-height:0;overflow-y:auto;padding-right:.12rem}.deck-main-zone .deck-card-grid-wrap{--deck-card-height: 98px;--deck-card-gap: .25rem;min-height:calc(var(--deck-card-height) + .28rem);max-height:calc((var(--deck-card-height) * 3) + (var(--deck-card-gap) * 2) + .5rem)}.deck-library-zone .deck-card-grid-wrap{--deck-card-height: 99px;--deck-card-gap: .25rem;max-height:none;height:100%}.deckbuilder-panel .deck-library-zone{grid-template-rows:32px minmax(0,1fr)}.deck-card-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:var(--deck-card-gap, .25rem);align-content:start}.deck-card-tile{position:relative;border:1px solid var(--border);border-radius:.35rem;background:#f8fbff;padding:.08rem;line-height:0;display:flex;justify-content:center;align-items:center;min-height:var(--deck-card-height, 92px)}.deck-main-zone .deck-card-tile{background:#edf6ff;border-color:#a6c2df}.deck-card-tile img{width:auto;height:var(--deck-card-height, 92px);max-width:100%;object-fit:contain;border-radius:.26rem}.deck-library-zone .deck-card-tile.is-color-mismatch{border-color:#b5c4d4;background:#f3f7fb;box-shadow:inset 0 0 0 1px #e6edf5}.deck-library-zone .deck-card-tile.is-color-mismatch img{filter:grayscale(.3) saturate(.62) brightness(.82) contrast(.94)}.deck-library-zone .deck-card-tile.is-color-mismatch:after{content:"off-color";position:absolute;left:50%;bottom:4px;transform:translate(-50%);border-radius:.25rem;background:#000;color:#fff;font-size:.56rem;line-height:1;padding:.14rem .26rem;letter-spacing:.01em;white-space:nowrap;pointer-events:none}.deck-library-zone .deck-card-tile.is-filter-off{opacity:.33}.deck-library-zone .deck-card-tile.is-add-blocked{cursor:not-allowed}.deck-card-count-badge{position:absolute;top:2px;right:2px;min-width:1.15rem;height:1.15rem;border-radius:999px;background:#000;color:#fff;font-size:.74rem;font-weight:700;display:grid;place-items:center;padding:0 .16rem}.deck-card-chosen-badge{position:absolute;top:2px;left:2px;min-width:1.05rem;height:1.05rem;border-radius:999px;background:#0f2236;color:#fff;font-size:.7rem;font-weight:700;display:grid;place-items:center;padding:0 .16rem}@media(max-width:1180px){.lobby-shell{width:100%;max-width:2000px;height:auto;min-height:100vh;margin:0 auto}.lobby-shell-grid,.deckbuilder-layout{grid-template-columns:1fr}.deck-main-column{grid-template-rows:auto auto}.deck-main-grid{grid-template-columns:1fr;grid-template-rows:none}.deck-main-grid>.deck-slot-card,.deck-main-grid>.deck-main-card-row{height:auto}.deck-grid-legend,.deck-grid-champion,.deck-grid-runes,.deck-grid-battlefields,.deck-grid-units,.deck-grid-spells,.deck-grid-gear{grid-column:auto;grid-row:auto}.deck-card-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.draft-workspace{grid-template-rows:auto auto}.draft-preview-strip{grid-template-columns:1fr}.draft-preview-strip img{width:min(280px,100%)}}@media(max-width:760px){.deck-main-grid{grid-template-columns:1fr}}:root{font-family:Manrope,Avenir Next,Segoe UI,sans-serif;--bg-panel: linear-gradient(180deg, #fff9ee 0%, #f4ebda 100%);--border: #b99557;--text-muted: #6f6451;--brand: #2e5f8a;--brand-alt: #e5ae3a;--danger: #9d2e2b;--success: #2c7f57}body{color:#1d2733;background:radial-gradient(circle at 10% 6%,#fff9dd 0%,transparent 34%),radial-gradient(circle at 88% 8%,#d9efe6 0%,transparent 32%),linear-gradient(180deg,#ebe5d2,#dce7e2 45%,#dbe3ea)}h1,h2,h3,h4,.brand,.landing-kicker{font-family:Cinzel,Palatino Linotype,Book Antiqua,serif;letter-spacing:.015em}a{color:#285f8e}.page-root{width:min(1240px,calc(100% - 1.4rem))}.topbar{padding:.45rem .1rem}.topbar-links a{border-color:#b6935c;color:#3f4f62;background:#fff5de}.panel{background:var(--bg-panel);border-color:#b99557;box-shadow:0 7px 18px #2b3d5433,inset 0 0 0 1px #fff6df}button{border-color:#946d2b;background:linear-gradient(180deg,#f4c65e,#de9d2d);color:#2b230f;box-shadow:0 4px 12px #7d511f3d;font-weight:700}button:hover:not(:disabled){transform:translateY(-1px)}button.secondary{background:linear-gradient(180deg,#f7fafc,#dfe8f2);border-color:#8fa4bb;color:#365473;box-shadow:none}input,select{background:#fffdf6;border-color:#c6ad80}.landing-hero{border-color:#c3a36b88;background:radial-gradient(circle at 14% 5%,#ffffff66 0%,transparent 34%),radial-gradient(circle at 88% 86%,#f4d48d66 0%,transparent 38%),linear-gradient(132deg,#162537,#234669 48%,#2a6f62);box-shadow:0 16px 30px #10202f40}.landing-hero-copy{color:#e9f0f8}.landing-primary-link{background:linear-gradient(180deg,#f8cf77,#e3a433);border-color:#d09a33;color:#2f2713}.landing-secondary-link{border-color:#d1dfeb;color:#edf6ff;background:#fff2}.landing-proof-card,.landing-flow-step{border-color:#b89761;background:linear-gradient(180deg,#fffaf1,#f3ead8)}.auth-panel,.dashboard-panel{background:radial-gradient(circle at top right,#fff3d8 0%,transparent 34%),linear-gradient(180deg,#fff9ed,#efe4ce)}.lobby-shell{background:#1025361a;border-radius:1rem;padding:.65rem;box-shadow:0 10px 32px #1f2d3e2e}.right-rail-lobby-info,.right-rail-settings,.right-rail-deck-summary,.chat-panel{background:linear-gradient(180deg,#fffaf0,#f3e8d2)}.lobby-seat-bubble.is-online{background:#def4e6;border-color:#2f8f56;color:#1f6c40}.lobby-seat-bubble.is-offline{background:#f9dede;border-color:#b33838;color:#902828}.chat-log{background:#fffbf2;border-color:#c7b08a}.emoji-button{background:linear-gradient(180deg,#2e6998,#1e4d74);border-color:#234d70;color:#f0f8ff}.lobby-main-area>.panel,.draft-main-panel,.deckbuilder-panel,.waiting-main-panel{background:radial-gradient(circle at top right,#fff4d9 0%,transparent 30%),linear-gradient(180deg,#fffaf1,#efe3cd)}.draft-main-panel .panel-header p,.deckbuilder-panel .panel-header p{color:#665b48}.draft-pick-button{background:linear-gradient(180deg,#fff8ed,#f2e5cc);border-color:#bda06d}.deck-main-zone-emphasis{background:radial-gradient(circle at 12% 12%,#fff6dd 0%,transparent 32%),linear-gradient(180deg,#f5eddd,#eadbbd);border-color:#b48b45}.deck-library-zone{background:linear-gradient(180deg,#fef8ec,#f2e6cf)}.deck-main-zone .deck-card-tile{background:linear-gradient(180deg,#fff9ec,#f1e2c4);border-color:#c2a16b}.deck-library-zone .deck-card-tile{background:linear-gradient(180deg,#fffdf7,#f2ebdc);border-color:#ccb487}.deck-filter-bubble.is-active{box-shadow:0 0 0 2px #fff6}.summary-bar-track{background:#f2e8d3;border-color:#c7ad7a}.summary-bar-value{color:#584725}.summary-bar-label{color:#66563d}.warning-list{color:#8f2c2a}:root{font-family:Sora,Manrope,Avenir Next,Segoe UI,sans-serif;color:#d7e9ff;--bg-panel: linear-gradient(180deg, #112b48 0%, #0d223a 100%);--border: #2f4f77;--text-muted: #91aace;--brand: #39a4ff;--brand-alt: #ffd44f;--danger: #ff5d6e;--success: #42d8a3}body{color:#d7e9ff;background:radial-gradient(circle at 10% 8%,#1f4f86 0%,transparent 34%),radial-gradient(circle at 90% 10%,#1a375f 0%,transparent 28%),linear-gradient(180deg,#091627,#081422 45%,#0a1a2b)}h1,h2,h3,h4,.brand,.landing-kicker{font-family:Rajdhani,Sora,Segoe UI,sans-serif;letter-spacing:.02em}a{color:#76c6ff}.page-root{width:min(1280px,calc(100% - 1.3rem))}.panel{background:var(--bg-panel);border-color:#2c4b73;box-shadow:0 16px 30px #0309158c,inset 0 1px #4f70961a}button{border-color:#3e8dce;background:linear-gradient(180deg,#46b5ff,#2f88d7);color:#071b30;box-shadow:0 6px 18px #0d4f826e;font-weight:700}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}button.secondary{background:linear-gradient(180deg,#1f446a,#173754);border-color:#3a668d;color:#d4ebff;box-shadow:none}input,select{background:#0d2239;border-color:#355b84;color:#d7ebff}input::placeholder{color:#8ea8ca}label{color:#94add0}.topbar{border:1px solid #2b4e76;border-radius:.9rem;padding:.65rem .9rem;background:linear-gradient(180deg,#112b47,#0d2137);box-shadow:0 8px 22px #02081473}.topbar-subtle{color:#88a3c9}.topbar-links a{border-color:#37618b;color:#b9defe;background:#173858}.landing-hero{border-color:#37618e;background:radial-gradient(circle at 12% 10%,#3f80bd52 0%,transparent 32%),radial-gradient(circle at 90% 90%,#2f5e8b4d 0%,transparent 40%),linear-gradient(132deg,#12253f,#17375d 48%,#1d4c75);box-shadow:0 24px 40px #020a1688,inset 0 1px #87bee436}.landing-hero-copy{color:#c9e3fb}.landing-primary-link{background:linear-gradient(180deg,#ffd95f,#ffbc27);border-color:#f3bf3c;color:#2b2208}.landing-secondary-link{border-color:#4780b3;color:#d8efff;background:#1f4b734d}.landing-proof-card,.landing-flow-step,.auth-panel,.dashboard-panel{border-color:#33587f;background:linear-gradient(180deg,#122b47,#0f233a)}.landing-proof-card p,.landing-flow-step span,.subtle{color:#8ea9cc}.chat-log{background:#0b1f34;border-color:#32597f}.emoji-button{background:linear-gradient(180deg,#1f5f97,#174774);border-color:#2b628f;color:#dbf1ff}.lobby-shell{background:linear-gradient(180deg,#0d1f34,#0a192b);border:1px solid #224568;border-radius:1rem;padding:.62rem;box-shadow:0 20px 34px #0209168c}.lobby-main-area>.panel,.draft-main-panel,.deckbuilder-panel,.waiting-main-panel,.right-rail-lobby-info,.right-rail-settings,.right-rail-deck-summary,.chat-panel{background:linear-gradient(180deg,#0f2741,#0b1f33);border-color:#2c5078}.lobby-seat-bubble.is-online{background:#123e36;border-color:#2eca8e;color:#8ef8cb}.lobby-seat-bubble.is-lagging{background:#4d3a18;border-color:#e1b34a;color:#ffe7a8}.lobby-seat-bubble.is-offline{background:#481f2a;border-color:#e35d77;color:#ffb7c6}.lobby-seat-bubble.is-empty{border-color:#4c6f9466}.draft-pick-button{background:linear-gradient(180deg,#17385b,#112c47);border-color:#3a618a}.deck-main-zone-emphasis{background:radial-gradient(circle at 8% 8%,#3a76a03d 0%,transparent 30%),linear-gradient(180deg,#143457,#102945);border-color:#4e83b0}.deck-library-zone{background:linear-gradient(180deg,#102841,#0d2239)}.deck-main-zone .deck-card-tile,.deck-library-zone .deck-card-tile,.rune-pool-tile{background:linear-gradient(180deg,#163453,#102b45);border-color:#3f628a}.rune-pool-tile-empty{background:#0f243b;border-color:#3d618866}.deck-filter-bubble.is-active{box-shadow:0 0 0 2px #7fc5ff55}.summary-bar-track{background:#122f4f;border-color:#3e648d}.summary-bar-value{color:#bfe4ff}.summary-bar-label{color:#99bad8}.warning-list{color:#ff8f9e}:root{font-family:"Exo 2",Sora,Segoe UI,sans-serif}h1,h2,h3,h4,.brand,.landing-kicker{font-family:Orbitron,Rajdhani,Sora,sans-serif;letter-spacing:.025em}.page-root.home-page{width:min(1320px,calc(100% - 1.5rem));margin:1rem auto 2.5rem;display:grid;gap:1rem}.landing-command{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.25rem .15rem}.landing-brand-mark{margin:0;font-size:.92rem;text-transform:uppercase;letter-spacing:.14em;color:#9cc8f6}.landing-brand-subtle{margin:.2rem 0 0;color:#7e9fc3;font-size:.86rem}.landing-signin-trigger{border-radius:999px;min-width:8rem;padding:.58rem 1rem}.profile-shell{position:relative}.profile-trigger{display:inline-flex;align-items:center;gap:.7rem;border-radius:999px;border:1px solid #3b638d;background:linear-gradient(180deg,#15395b,#102d49);color:#d9edff;padding:.4rem .8rem .4rem .45rem}.profile-avatar{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,#4ac2ff,#2b8bd8);color:#061a2f;font-weight:700}.profile-copy{display:flex;align-items:center;text-align:left;line-height:1.15}.profile-copy small{color:#8ab0d8;font-size:.76rem}.profile-menu{position:absolute;top:calc(100% + .55rem);right:0;width:min(320px,calc(100vw - 1.5rem));z-index:90;display:grid;gap:.7rem;padding:.85rem}.profile-menu p.subtle{margin:0}.profile-menu-action{width:100%;text-align:left;border-radius:.6rem;border-color:#6998c7;color:#d5e9fd;background:#0f2942cc}.profile-menu-action:hover:not(:disabled){background:#143755}.profile-modal{width:min(500px,100%);max-height:min(88vh,860px);overflow:auto;gap:.65rem}.profile-modal-head h2,.profile-modal-copy{margin:0}.profile-compact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem}.profile-span-2{grid-column:1 / span 2}.profile-modal-status{margin:0}.profile-actions-row{justify-content:space-between;flex-wrap:wrap}.danger-button{border-color:#ff698f;background:linear-gradient(132deg,#d61e68,#9f2ee2);color:#fff}button.secondary.danger-button{color:#ffdbe7;background:linear-gradient(132deg,#902746,#73308d)}.profile-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:grid;place-items:center;background:#03070db8;padding:1rem}.profile-confirm-modal{width:min(420px,100%);display:grid;gap:.7rem}.profile-confirm-modal h3{margin:0}.landing-root{gap:1.05rem}.landing-hero{min-height:clamp(360px,56vw,560px);display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.2rem,2.9vw,2.4rem);border-color:#3a6796;background:linear-gradient(118deg,#060f1af2 8%,#0a1f37dd,#113657c2 72%,#16547cb3),radial-gradient(circle at 20% 12%,#5da4ec33 0%,transparent 34%),url(https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Ahri_0.jpg);background-size:cover;background-position:center 27%;box-shadow:0 28px 46px #020a1688,inset 0 1px #8bc5f93b}.landing-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid #81b8ef47;pointer-events:none}.landing-kicker{margin-bottom:.6rem;color:#88cdfd}.landing-hero h1{max-width:16ch;text-shadow:0 8px 20px #01060e8c}.landing-hero-copy{max-width:56ch;font-size:1rem;color:#d6ecff}.landing-hero-actions{margin-top:1.25rem}.landing-primary-link,.landing-secondary-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.58rem .95rem;text-decoration:none;font-weight:700}.landing-primary-link{border:1px solid #ffc44c}.landing-secondary-link{border:1px solid #4c7faf}.landing-proof{gap:.95rem}.landing-proof-card,.landing-flow-step{background:radial-gradient(circle at 90% 10%,#3d78af2b 0%,transparent 35%),linear-gradient(180deg,#10253d,#0d2137);border-color:#355b82;box-shadow:inset 0 1px #9fd3ff14}.landing-proof-card strong,.landing-flow-step h3{color:#dff1ff}.landing-access-wrap{display:grid;grid-template-columns:minmax(0,680px);justify-content:center}.landing-auth-gate{display:grid;gap:.85rem}.landing-auth-gate h2,.dashboard-panel h2{margin-bottom:0}.landing-auth-gate p,.dashboard-panel p{margin:0}.landing-access-wrap .dashboard-panel,.landing-auth-gate{background:radial-gradient(circle at 15% 5%,#3d79ab1f 0%,transparent 34%),linear-gradient(180deg,#102741,#0d2135);border-color:#335a83}.auth-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:grid;place-items:center;padding:1rem;background:#02070fb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal{width:min(440px,100%);display:grid;gap:.7rem;border:1px solid #3c6796;background:radial-gradient(circle at top right,#4f8ac530 0%,transparent 35%),linear-gradient(180deg,#112c48,#0e2338);box-shadow:0 24px 40px #01070f9a}.create-lobby-modal{width:min(520px,100%)}.create-lobby-modal select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a8c7e6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:.85rem}.auth-modal-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.auth-modal-head h2{margin:0}.auth-modal-close{padding:.35rem .65rem}.export-modal{width:min(760px,100%);max-height:min(85vh,720px)}.export-modal-close{min-width:2.1rem}.export-modal-textarea{width:100%;min-height:300px;resize:vertical;border-radius:.55rem;border:1px solid #4d759c;background:#0b1d2f;color:#e6f4ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;line-height:1.35;padding:.65rem}.export-modal-actions{display:flex;justify-content:flex-end}.auth-inline-links{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.text-link-button{border:0;background:transparent;color:#9fd3ff;padding:0;border-radius:0;box-shadow:none;text-decoration:underline;text-underline-offset:2px;font-weight:600}.text-link-button:hover:not(:disabled){color:#c9e6ff;background:transparent;transform:none}.text-link-button:disabled{color:#7f9db8}.auth-success{color:#c2f4d3}@media(max-width:940px){.landing-command{align-items:center}.landing-brand-subtle{display:none}}.home-immersive{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(110deg,#030a14e3 8%,#071629d4 43%,#0e2b43b8 74%,#1d38558a),radial-gradient(circle at 22% 18%,#8439cd2e 0%,transparent 42%),url(https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Ahri_0.jpg);background-size:cover;background-position:center}.home-immersive:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 68%,#02060fa8 0%,#02060f30 44%,transparent 72%);pointer-events:none}.landing-top-nav{position:relative;z-index:10;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1.1rem 2rem .65rem}.landing-game-nav{justify-self:start;display:flex;align-items:center;gap:1.1rem}.landing-game-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:#bddaf8;padding:.35rem .15rem;border-bottom:2px solid transparent}.landing-game-nav a.is-active{color:#fff;border-bottom-color:#69c0ff}.landing-signin-trigger,.profile-trigger{min-height:2.4rem}.landing-signin-trigger{background:#ffffff0f;border-color:#8dc8fc;color:#edf6ff;box-shadow:none}.landing-signin-trigger:hover:not(:disabled){background:#ffffff1d}.profile-menu{z-index:400}.landing-hero-full{position:relative;z-index:5;min-height:calc(100vh - 5rem);display:flex;align-items:center;justify-content:center;padding:1rem 2rem 2.2rem}.landing-hero-content{width:fit-content;max-width:900px}.landing-hero-title{margin:0;font-size:clamp(2.6rem,7.1vw,5.5rem);line-height:.94;text-transform:uppercase;color:#f6fbff;text-shadow:0 10px 36px #01050bba,0 0 36px #4f89c447}.landing-hero-title span{display:block;white-space:nowrap}.landing-hero-tagline{margin:1rem 0 0;color:#bed8f2;font-size:1rem;max-width:44ch}.landing-hero-cta-stack{margin-top:1.5rem;display:grid;gap:.75rem;width:min(420px,100%)}.landing-hero-cta-button{border-radius:999px;font-size:1rem;padding:.75rem 1.2rem}.landing-hero-join-inline{display:grid;grid-template-columns:1fr auto;gap:.5rem}.landing-hero-join-inline input{border-radius:999px;padding-inline:.95rem}.landing-hero-join-inline button{border-radius:999px;padding-inline:1.15rem}.landing-hero-status{margin:.8rem 0 0;color:#ffd9dd;font-size:.92rem}@media(max-width:860px){.landing-top-nav{grid-template-columns:1fr auto;grid-template-areas:"games auth" "games games";padding-inline:1rem}.landing-game-nav{grid-area:games;justify-self:start;gap:.9rem;margin-top:.2rem}.profile-shell,.landing-signin-trigger{grid-area:auth;justify-self:end}.landing-hero-full{min-height:calc(100vh - 7.5rem);padding:.7rem 1rem 1.8rem}.landing-hero-title{font-size:clamp(2.3rem,12vw,3.5rem)}}.home-immersive .landing-signin-trigger,.home-immersive .landing-hero-cta-button,.home-immersive .landing-hero-join-inline button{position:relative;overflow:hidden;border:1px solid #6cc5ff;background:linear-gradient(132deg,#2ec4ff,#4b86ff 52%,#6a6dff);color:#f8fcff;letter-spacing:.03em;font-weight:700;box-shadow:0 10px 28px #061b3f9c,inset 0 1px #d9f1ff7a;transition:transform .18s ease,box-shadow .22s ease,filter .18s ease}.home-immersive .landing-signin-trigger:before,.home-immersive .landing-hero-cta-button:before,.home-immersive .landing-hero-join-inline button:before{content:"";position:absolute;top:0;left:-140%;width:64%;height:100%;transform:skew(-24deg);background:linear-gradient(90deg,#fff0,#ffffff8f,#fff0);transition:left .45s ease;pointer-events:none}.home-immersive .landing-signin-trigger:hover:not(:disabled),.home-immersive .landing-hero-cta-button:hover:not(:disabled),.home-immersive .landing-hero-join-inline button:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.1) brightness(1.05);box-shadow:0 16px 34px #071a389c,inset 0 1px #f0f7ff9a}.home-immersive .landing-signin-trigger:hover:not(:disabled):before,.home-immersive .landing-hero-cta-button:hover:not(:disabled):before,.home-immersive .landing-hero-join-inline button:hover:not(:disabled):before{left:132%}.home-immersive .landing-signin-trigger:focus-visible,.home-immersive .landing-hero-cta-button:focus-visible,.home-immersive .landing-hero-join-inline button:focus-visible,.home-immersive .profile-trigger:focus-visible{outline:2px solid #9de4ff;outline-offset:2px}.home-immersive .landing-signin-trigger:disabled,.home-immersive .landing-hero-cta-button:disabled,.home-immersive .landing-hero-join-inline button:disabled{opacity:.7;transform:none;box-shadow:0 8px 18px #07163374}.home-immersive .landing-hero-cta-button{border-radius:999px;min-height:3rem;font-size:1rem}.home-immersive .landing-hero-join-inline button{min-width:7rem}.home-immersive .profile-trigger{border:1px solid #7dc9ff;background:linear-gradient(180deg,#133a5ed9,#102d49d9);box-shadow:0 8px 22px #081a3170,inset 0 1px #cde9ff2b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease}.home-immersive .profile-trigger:hover{transform:translateY(-1px);border-color:#a5ddff;box-shadow:0 12px 26px #081a318c,inset 0 1px #d8eeff4a}.lobby-shell{--rb-surface-main: #0c2238c7;--rb-surface-sub: #112b4599;--rb-surface-card: #0c1f3394;--rb-border-soft: #7ca6ce47;--rb-border-strong: #9dc4ec5c;--rb-shadow: 0 10px 24px #020b1763;position:relative;margin:0 auto;width:100%;max-width:2000px;height:100vh;min-height:100vh;overflow:hidden;background:linear-gradient(110deg,#030a14e3 8%,#071629d4 43%,#0e2b43b8 74%,#1d38558a),radial-gradient(circle at 22% 18%,#8439cd2e 0%,transparent 42%),url(https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Ahri_0.jpg);background-size:cover;background-position:center;border:0;box-shadow:none;padding:.45rem}.lobby-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 68%,#02060fa8 0%,#02060f30 44%,transparent 72%);pointer-events:none;z-index:0}.lobby-shell>*{position:relative;z-index:1}.lobby-shell-grid{gap:.85rem}.lobby-shell .panel{border-radius:.85rem;border:1px solid var(--rb-border-soft);background:linear-gradient(180deg,var(--rb-surface-main) 0%,#0a1c2fd4 100%);box-shadow:var(--rb-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-main-area>.panel,.draft-main-panel,.deckbuilder-panel,.waiting-main-panel,.right-rail-lobby-info,.right-rail-settings,.right-rail-deck-summary,.chat-panel{background:linear-gradient(180deg,#102a459e,#0a1f34c9);border-color:var(--rb-border-soft)}.draft-workspace,.deckbuilder-layout,.deck-main-column{gap:.65rem}.draft-pack-zone,.draft-library-zone,.deck-main-zone,.deck-library-zone,.deck-slot-card,.deck-side-summary{border-radius:.75rem;border:1px solid var(--rb-border-soft);background:var(--rb-surface-sub);box-shadow:none}.deck-main-zone-emphasis{border-color:var(--rb-border-strong);background:radial-gradient(circle at 15% 8%,#80b9ef24 0%,transparent 30%),linear-gradient(180deg,#122f4d9e,#0d233a99);box-shadow:inset 0 0 0 1px #cde9ff1f}.lobby-shell .deckbuilder-panel{border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.draft-pick-button,.deck-card-tile,.slot-card-button,.rune-pool-tile{border:1px solid #7ca7cf63;background:var(--rb-surface-card);box-shadow:none}.draft-pick-button:hover:not(:disabled),.deck-card-tile:hover,.slot-card-button:hover{border-color:#9fcaed8c;transform:translateY(-1px)}.deck-card-tile,.slot-card-button,.rune-pool-tile{border-radius:.45rem}.chat-panel{gap:.45rem}.chat-log{background:#07182ab3;border-color:var(--rb-border-soft);border-radius:.7rem}.draft-main-panel .panel-header,.deckbuilder-panel .panel-header{padding-bottom:.15rem;border-bottom:1px solid #76a8d32b}.deck-zone-header{padding-bottom:.2rem;border-bottom:1px solid #76a8d31f}.draft-pick-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.deckbuilder-panel .panel-header p,.deckbuilder-panel .warning-list,.deckbuilder-panel .warning-list li{color:#f6fbff}.chat-panel .emoji-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.38rem;margin-bottom:.45rem}.chat-panel .emoji-button{border:1px solid #7ab6e652;background:radial-gradient(circle at 28% 20%,#ffffff2b 0%,transparent 38%),linear-gradient(180deg,#123a5d,#0f2c48);color:#f4fbff;border-radius:.72rem;min-height:2.1rem;font-size:1.02rem;box-shadow:0 8px 16px #03112370,inset 0 1px #d4ecff21;transition:transform .15s ease,border-color .18s ease,box-shadow .18s ease,filter .15s ease}.chat-panel .emoji-button:hover:not(:disabled){transform:translateY(-1px);border-color:#9dd4ff8a;box-shadow:0 11px 18px #0413277d,inset 0 1px #e2f3ff33;filter:brightness(1.06)}.chat-panel .chat-compose{margin-top:.08rem}.chat-panel .chat-compose-field input{background:#0a2138c9;border:1px solid #7ab6e65c;color:#f3fbff;border-radius:.72rem;padding-right:2.75rem;box-shadow:inset 0 1px #d5ecff1c}.chat-panel .chat-compose-field input::placeholder{color:#d2e6fa96}.chat-panel .chat-send-icon-button{border:1px solid #86bced6e;color:#f5fbff;background:radial-gradient(circle at 35% 25%,#ffffff2d 0%,transparent 45%),linear-gradient(180deg,#1f5e8f,#17486f);box-shadow:0 7px 14px #0311245f,inset 0 1px #d9edff3b}.chat-panel .chat-send-icon-button:hover:not(:disabled){transform:translateY(-50%) scale(1.03);border-color:#a4d5ff96;filter:brightness(1.08)}.chat-panel .chat-send-icon-button:disabled{opacity:.5;cursor:not-allowed}.deck-library-zone .deck-card-count-badge,.draft-library-zone .deck-card-count-badge,.deck-library-zone .deck-card-chosen-badge,.draft-library-zone .deck-card-chosen-badge{background:#a96eff;color:#fff;box-shadow:0 0 0 1px #ddd0ff70,0 0 12px #9f7dff8f}.deck-library-zone .deck-card-count-badge,.draft-library-zone .deck-card-count-badge{min-width:1.35rem;height:1.35rem;font-size:.82rem;top:3px;right:3px}.deck-library-zone .deck-card-chosen-badge,.draft-library-zone .deck-card-chosen-badge{min-width:1.2rem;height:1.2rem;font-size:.78rem;top:3px;left:3px}.draft-library-zone .deck-card-grid{grid-template-columns:repeat(auto-fill,71px);gap:8px;justify-content:start}.draft-library-zone .deck-card-tile{width:71px;min-height:0;padding:0;border:0;background:transparent}.draft-library-zone .deck-card-tile img{width:100%;height:auto;max-width:none}.draft-library-zone .deck-card-tile.is-draft-intent img{filter:grayscale(1) saturate(.05) brightness(.55)}.deck-filter-bubble.tone-red{--bubble-fill: #ea4f9f;--bubble-border: #ff9fd6;--bubble-text: #ffffff}.deck-filter-bubble.tone-orange{--bubble-fill: #db8652;--bubble-border: #ffc493;--bubble-text: #ffffff}.deck-filter-bubble.tone-yellow{--bubble-fill: #ccaf43;--bubble-border: #ffe08a;--bubble-text: #22241a}.deck-filter-bubble.tone-green{--bubble-fill: #3ba989;--bubble-border: #8de8c7;--bubble-text: #ffffff}.deck-filter-bubble.tone-blue{--bubble-fill: #3d95f2;--bubble-border: #9ad3ff;--bubble-text: #f7fcff}.deck-filter-bubble.tone-purple{--bubble-fill: #7d63e8;--bubble-border: #c2b0ff;--bubble-text: #ffffff}.deck-filter-bubble.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--bubble-border, #2b3f55) 30%,transparent),0 6px 12px color-mix(in srgb,var(--bubble-border, #2b3f55) 35%,transparent)}.deck-filter-bubble.is-inactive{background:transparent;color:#fff;border-color:var(--bubble-border, #8fa2b6);box-shadow:none}.summary-bar-fill.tone-fury{background:linear-gradient(180deg,#ba708e,#874f6b);border-top-color:#d9a4bd}.summary-bar-fill.tone-body{background:linear-gradient(180deg,#b88f75,#865f48);border-top-color:#d7baa9}.summary-bar-fill.tone-order{background:linear-gradient(180deg,#b7a972,#867a48);border-top-color:#d8cb9c}.summary-bar-fill.tone-calm{background:linear-gradient(180deg,#73a395,#4b766a);border-top-color:#abd0c5}.summary-bar-fill.tone-mind{background:linear-gradient(180deg,#6e9fd8,#4a75ad);border-top-color:#abc8e6}.summary-bar-fill.tone-chaos{background:linear-gradient(180deg,#8e7cc6,#6756a2);border-top-color:#c4b3e5}
