@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Spectral:wght@600;700&family=Silkscreen:wght@400;700&display=swap";.activity4{--celestial-gold: #f3e7c3;--celestial-blue: #49b3ad;--celestial-white: #ffffff;--celestial-bg: rgba(10, 15, 21, .85);--celestial-border: rgba(243, 231, 195, .3);--row-size4: clamp(60px, 7vw, 76px);--portrait-size4: clamp(44px, 5.2vw, 58px);--card-pad4: clamp(2px, .6vw, 4px);--cell-pad4: 2px;--lane-gap4: 2px;--cell-size4: calc((var(--row-size4) - (var(--card-pad4) * 2) - var(--lane-gap4)) / 2);min-height:100vh;color:var(--celestial-white);font-family:IBM Plex Sans,sans-serif;position:relative;background:radial-gradient(circle at top,rgba(126,219,214,.15),transparent 70%)}.activity4:before{content:"";position:fixed;top:0;left:50%;width:200px;height:100%;background:linear-gradient(90deg,transparent,rgba(126,219,214,.1),transparent);transform:translate(-50%);pointer-events:none;z-index:0;filter:blur(40px)}.container4{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem}.header4{text-align:center}.title4{font-family:Mondwest,Silkscreen,sans-serif;font-size:clamp(3.6rem,12vw,6.4rem);margin:0;font-weight:400;text-shadow:0 0 10px rgba(126,219,214,.6);color:var(--celestial-white)}.title-word4+.title-word4{margin-left:1.4rem}.subtitle4{font-family:Mondwest,Silkscreen,sans-serif;font-size:2rem;color:var(--celestial-gold);margin-top:.5rem}.subtitle-word4+.subtitle-word4{margin-left:.35rem}.subtitle-word4,.subtitle-number4{display:inline-block;will-change:transform}.subtitle-digit4{display:inline-block;min-width:.6ch;text-align:center;opacity:1}.subtitle-number4{font-weight:700}.subtitle4--pulse{animation:subtitlePop4 .38s cubic-bezier(.16,.9,.2,1);transform-origin:center}.subtitle4--pulse .subtitle-word4{animation:guessTextPop4 .36s cubic-bezier(.2,.7,.2,1)}.subtitle4--pulse .subtitle-number4{text-shadow:0 0 12px rgba(243,231,195,.35),0 8px 18px rgba(73,179,173,.25)}.subtitle4--pulse .subtitle-digit4{animation:guessDigitPop4 .32s cubic-bezier(.16,.85,.2,1);animation-delay:var(--digit-delay, 0ms);animation-fill-mode:both;opacity:0}.victory-reopen4{margin-top:.8rem;padding:.6rem 1.2rem;border-radius:999px;border:1px solid rgba(73,179,173,.6);background:#49b3ad26;color:var(--celestial-white);font-family:Mondwest,Silkscreen,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.victory-reopen4:hover{transform:translateY(-1px);background:#49b3ad40;box-shadow:0 10px 24px #00000059}.victory-reopen4:active{transform:translateY(0)}.victory-share4{margin-top:1rem;width:100%;padding:.65rem 1.2rem;border-radius:999px;border:1px solid rgba(73,179,173,.7);background:#49b3ad2e;color:var(--celestial-white);font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.05em;cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease}.victory-share4:hover:not(:disabled){transform:translateY(-1px);background:#49b3ad47}.victory-share4:active:not(:disabled){transform:translateY(0)}.victory-share4:disabled{opacity:.6;cursor:default}.victory-copy4{margin-top:1rem;width:100%;padding:.65rem 1.2rem;border-radius:999px;border:1px solid rgba(180,180,220,.4);background:#7878b426;color:var(--celestial-white);font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:transform .15s ease,background .2s ease,opacity .2s ease}.victory-copy4:hover:not(:disabled){transform:translateY(-1px);background:#7878b447}.victory-copy4:active:not(:disabled){transform:translateY(0)}.victory-copy4:disabled{opacity:.6;cursor:default}.search4{position:relative;max-width:500px;margin:0 auto;width:100%;margin-bottom:1rem}.input4{width:100%;max-width:400px;background:var(--celestial-bg);border:1px solid var(--celestial-border);padding:1.2rem;color:#fff;font-family:inherit;font-size:1.1rem;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 auto;display:block}.dropdown4{position:absolute;top:calc(100% + 8px);left:50%;width:min(360px,92%);transform:translate(-50%);background:#060a10db;border:1px solid rgba(243,231,195,.18);border-radius:12px;padding:.35rem;z-index:10;max-height:220px;overflow-y:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #00000073,inset 0 0 0 1px #49b3ad14;animation:dropdownIn4 .2s ease-out}.drop-item4{width:100%;padding:.45rem .6rem;background:transparent;border:none;color:#fff;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:.6rem;cursor:pointer;text-align:left;border-radius:8px;transition:background .15s ease,transform .15s ease}.drop-item4:hover,.drop-item4:focus-visible{background:#49b3ad29;transform:translate(2px);outline:none}.drop-portrait4{width:28px;height:28px;border-radius:6px;border:1px solid rgba(243,231,195,.35);object-fit:cover;filter:saturate(.9)}.drop-text4{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;letter-spacing:.03em}.drop-name4{font-family:Mondwest,Silkscreen,sans-serif;letter-spacing:.05em}.drop-title4{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#f3e7c3a6;margin-left:.35rem}.timeline4{display:flex;flex-direction:column;gap:.4rem}.timeline-card4{background:var(--celestial-bg);border:1px solid var(--celestial-border);padding:var(--card-pad4);border-radius:4px;display:flex;align-items:stretch;gap:0;animation:fadeIn4 .5s ease-out forwards;min-height:var(--row-size4);height:64px;max-width:400px;width:100%;margin:0 auto}@keyframes fadeIn4{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes guessTextPop4{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-6px) scale(1.05)}70%{transform:translateY(2px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes guessDigitPop4{0%{transform:translateY(6px) scale(.9);opacity:0}45%{transform:translateY(-8px) scale(1.12);opacity:1}70%{transform:translateY(2px) scale(.98)}to{transform:translateY(0) scale(1);opacity:1}}@keyframes subtitlePop4{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-4px) scale(1.02)}65%{transform:translateY(2px) scale(.99)}to{transform:translateY(0) scale(1)}}@keyframes dropdownIn4{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hero-info-block{display:flex;align-items:center;gap:.3rem;flex-shrink:0;position:relative;padding-right:.7rem}.hero-info-block:after{content:"";position:absolute;top:50%;right:0;width:12px;height:90%;transform:translateY(-50%);background:url(https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-clash/global/default/assets/images/position-selector/positions/position-separator.png) center / contain no-repeat;opacity:.85;pointer-events:none}.portrait-wrapper{position:relative;width:var(--portrait-size4);height:var(--portrait-size4);flex-shrink:0}.champ-img4{width:100%;height:100%;border:1px solid var(--celestial-gold);object-fit:cover}.year-indicator{position:absolute;bottom:1px;left:0;transform:none;font-family:Mondwest,Silkscreen,sans-serif;font-size:1.1rem;font-weight:700;padding:0 4px 0 0;background:#000000b3;border:1px solid currentColor;line-height:.85;z-index:2;width:80%;text-align:center}.year-correct{color:#2e8b4e}.year-wrong{color:#9b2a2a}.lanes-stack{display:flex;flex-direction:column;gap:var(--lane-gap4);flex-shrink:0}.meta-stack4{display:flex;flex-direction:column;gap:var(--lane-gap4);flex-shrink:0;align-items:center}.lane-slot{width:var(--cell-size4);height:var(--cell-size4);border:1px solid rgba(243,231,195,.2);background:#ffffff0d;display:flex;align-items:center;justify-content:center;padding:var(--cell-pad4);box-sizing:border-box}.lane-slot--mini{width:calc(var(--cell-size4) - 8px);height:calc(var(--cell-size4) - 8px);margin:4px 0}.attributes-bar{display:flex;gap:2px;flex:1;min-width:0;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;width:100%;max-width:400px;padding:4px 4px 4px 0;height:100%;box-sizing:border-box}.attr-slot{flex:1 1 0;min-width:0;border:1px solid rgba(243,231,195,.1);background:#ffffff08;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;height:100%;align-self:stretch;padding:0;box-sizing:border-box;position:relative;text-align:center}.attr-slot--role{flex:1.2 1 0}.ic4-wrap{display:flex;flex-wrap:nowrap;justify-content:center;gap:1px;width:100%;height:100%;overflow:hidden}.ic4{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto}.ic4 img,.lane-slot img{width:100%;height:100%;object-fit:contain;filter:brightness(1.2)}.attr-label-mini{display:none;font-weight:700}.role-text-stack{display:grid;grid-auto-rows:min-content;align-content:center;gap:0;width:100%;height:100%;flex:1}.role-text-item{font-family:Mondwest,Silkscreen,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1;color:#f3e7c3f2;display:flex;align-items:center;justify-content:center;padding:0;white-space:pre-line;overflow-wrap:normal;word-break:keep-all}.attr-slot.st-correct,.lane-slot.st-correct,.lane-slot--mini.st-correct{background:#2e8b4e2e;border-color:#2e8b4e;box-shadow:inset 0 0 0 1px #2e8b4e8c}.attr-slot.st-partial,.lane-slot.st-partial,.lane-slot--mini.st-partial{background:#c38d2a2e;border-color:#c38d2a;box-shadow:inset 0 0 0 1px #c38d2a8c}.attr-slot.st-wrong,.lane-slot.st-wrong,.lane-slot--mini.st-wrong{background:#9b2a2a24;border-color:#9b2a2a;box-shadow:inset 0 0 0 1px #9b2a2a80}.arr-mini{position:absolute;font-size:.5rem;top:2px;right:2px;color:var(--celestial-blue)}.victory4{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,#49b3ad33,#060a10d1 55%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:end center;padding:2rem 1rem 3rem;z-index:30;opacity:1}.victory-card4{width:min(680px,92vw);background:linear-gradient(160deg,#121b27f2,#090c12fa);border:1px solid rgba(243,231,195,.35);border-radius:12px;padding:1.6rem 1.8rem 1.8rem;box-shadow:0 20px 70px #0009,inset 0 0 0 1px #49b3ad1f}.victory4--open{animation:victoryFade4 .35s ease-out}.victory4--open .victory-card4{animation:victorySlide4 .55s cubic-bezier(.2,.8,.2,1)}.victory4--closing{animation:victoryFadeOut4 .32s ease-in forwards}.victory4--closing .victory-card4{animation:victorySlideOut4 .32s ease-in forwards}.victory-title4{font-family:Mondwest,Silkscreen,sans-serif;letter-spacing:.2em;font-size:1rem;text-transform:uppercase;color:var(--celestial-gold);margin-bottom:1rem}.victory-champion4{display:flex;align-items:center;gap:1rem}.victory-img4{width:74px;height:74px;border-radius:10px;border:1px solid rgba(243,231,195,.5);object-fit:cover;box-shadow:0 12px 28px #0006}.victory-champion-meta4{display:flex;flex-direction:column;gap:.2rem}.victory-name4{font-family:Mondwest,Silkscreen,sans-serif;font-size:2rem;line-height:1;letter-spacing:.06em}.victory-title-name4{font-size:.95rem;text-transform:uppercase;letter-spacing:.14em;color:#f3e7c3b3}.victory-stat4{margin-top:1.1rem;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd9}.victory-stat4 span{color:var(--celestial-blue);font-weight:700}.victory-list4{margin-top:1.2rem;border-top:1px solid rgba(243,231,195,.18);padding-top:1rem}.victory-list-title4{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#f3e7c3b3;margin-bottom:.6rem}.victory-pill-list4{display:flex;flex-wrap:wrap;gap:.4rem .5rem;max-height:160px;overflow:auto;padding-right:.2rem}.victory-pill4{padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(73,179,173,.35);background:#49b3ad1f;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#f3e7c3f2}@keyframes victoryFade4{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@keyframes victorySlide4{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes victoryFadeOut4{0%{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}to{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes victorySlideOut4{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@media (max-width: 600px){.victory-card4{padding:1.2rem 1.2rem 1.4rem}.victory-name4{font-size:1.6rem}.victory-img4{width:64px;height:64px}}@media (prefers-reduced-motion: reduce){.subtitle4--pulse .subtitle-word4,.subtitle4--pulse .subtitle-number4,.subtitle4--pulse .subtitle-digit4{animation:none}}@keyframes runicCW4{to{transform:rotate(360deg)}}@keyframes runicCCW4{to{transform:rotate(-360deg)}}@keyframes runicFadeIn4{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.runic-loader4{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2.5rem 0;animation:runicFadeIn4 .4s ease both}.runic-rings4{position:relative;width:64px;height:64px}.runic-outer4{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed var(--celestial-blue);box-shadow:0 0 14px #49b3ad73;animation:runicCW4 2.4s linear infinite}.runic-inner4{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:2px solid var(--celestial-gold);box-shadow:0 0 8px #f3e7c34d;animation:runicCCW4 1.6s linear infinite}.runic-label4{font-family:Mondwest,Silkscreen,sans-serif;font-size:.8rem;letter-spacing:.08em;color:#f3e7c38c;margin:0;animation:runicFadeIn4 .4s .3s ease both}@media (prefers-reduced-motion: reduce){.runic-outer4,.runic-inner4{animation:none}}@font-face{font-family:Mondwest;src:url(/fs-mondwest-regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;--bg-0: #0A1010;--bg-1: #101722;--bg-2: #141c29;--panel: rgba(20, 28, 41, .92);--panel-border: rgba(82, 104, 133, .35);--tile: rgba(24, 32, 45, .95);--tile-border: rgba(110, 130, 158, .35);--text: #e6ecf3;--muted: rgba(214, 224, 235, .68);--accent: #49b3ad;--accent-strong: #7edbd6;--gold: #d7b877;--correct: #2e8b4e;--partial: #c38d2a;--wrong: #9b2a2a;--higher: #b63c3c;--lower: #7b2222;font-family:IBM Plex Sans,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg-0);background-image:url(/bg2.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--text);overflow-y:auto}#root{min-height:100vh;height:100vh;min-height:100svh;height:100svh}button,input{font-family:inherit}.activity-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.design-picker{display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem}.design-link{padding:1rem 2rem;background:#ffffff0d;border:1px solid var(--panel-border);border-radius:12px;color:var(--text);text-decoration:none;font-size:1.2rem;transition:all .3s;min-width:300px}.design-link:hover{background:#ffffff1a;border-color:var(--accent);transform:translateY(-2px)}.activity{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4vw,20px);padding:calc(12px + env(safe-area-inset-top)) clamp(12px,4vw,24px) calc(14px + env(safe-area-inset-bottom));min-height:100vh;height:100vh;min-height:100svh;height:100svh;overflow:hidden}.activity:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0 0h120v120H0z' fill='none'/%3E%3Ccircle cx='20' cy='20' r='1.2' fill='rgba(255,255,255,0.08)'/%3E%3Ccircle cx='80' cy='40' r='1.1' fill='rgba(255,255,255,0.08)'/%3E%3Ccircle cx='50' cy='90' r='1.4' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E");opacity:.3;pointer-events:none}.region-panel{position:relative;z-index:1;padding:10px;border-radius:24px;border:1px solid rgba(82,104,133,.28);background:linear-gradient(160deg,#0e141feb,#0b101acc);box-shadow:inset 0 0 40px #060a1059,0 20px 50px #0509108c;overflow:hidden}.map-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:none;background:#0c121cb3;color:#e2ecf7e6;display:none;align-items:center;justify-content:center;cursor:pointer}.bubble-stage{position:relative;height:100%;min-height:520px;border-radius:18px;background:radial-gradient(circle at top,rgba(73,179,173,.12),transparent 60%);overflow:hidden;cursor:grab;touch-action:none;contain:layout paint;user-select:none;-webkit-user-select:none;overscroll-behavior:contain}.bubble-stage--panning{cursor:grabbing}.bubble-canvas{position:relative;width:1400px;height:1100px;will-change:transform;transform-origin:0 0}.bubble{position:absolute;--bubble-color: #7f8a9a;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.68rem;color:#f7fbff;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.45),transparent 55%),linear-gradient(135deg,var(--bubble-color),rgba(0,0,0,.3));border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 0 14px #00000059;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;user-select:none;-webkit-user-select:none}.bubble:hover{transform:scale(1.05);box-shadow:inset 0 0 14px #00000059,0 6px 16px #00000059}.bubble img{width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-drag:none}.bubble span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.7rem;text-shadow:0 2px 6px rgba(0,0,0,.55);opacity:0}.bubble img[style*="display: none"]+span{opacity:1}.main{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(10px,2.2vw,18px);width:min(100%,760px);height:100%;min-height:0}.hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 12px 10px;border-radius:18px;border:1px solid rgba(82,104,133,.35);background:linear-gradient(140deg,#121a26e0,#0a101abf);box-shadow:0 14px 28px #05091073;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center;gap:8px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;color:var(--accent-strong)}.home-hero-title{margin:0;max-width:24ch;font-size:clamp(2.2rem,8.8vw,3.6rem);line-height:1.05;letter-spacing:-.02em;font-family:Mondwest,Silkscreen,IBM Plex Sans,sans-serif;font-weight:400;font-kerning:none;font-feature-settings:"liga" 0;text-align:center;text-shadow:0 0 6px rgba(126,219,214,.45)}.title-word{display:inline-block;translate:none;rotate:none;scale:none;transform:translate(0);filter:blur(0px);opacity:1;margin-right:.3em}.title-word:last-child{margin-right:0}.subtitle{margin:8px 0 0;color:var(--muted);font-family:Mondwest,Silkscreen,IBM Plex Sans,sans-serif;font-weight:400;font-size:clamp(.95rem,3.6vw,1.3rem);word-spacing:.18em;text-shadow:none}.hero-badge{min-width:170px;padding:12px 16px;border-radius:16px;border:1px solid rgba(215,184,119,.4);background:radial-gradient(circle at top,#d7b87726,#0c101866);text-align:right}.hero-badge__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#d7b877bf}.hero-badge__value{font-weight:600;color:#f3e6c7}.search{position:relative;display:flex;align-items:center;gap:8px;padding:10px;border-radius:14px;background:#101620eb;border:1px solid rgba(73,179,173,.4);box-shadow:0 14px 30px #080c148c;flex-wrap:wrap}.search-input{flex:1 1 160px;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid rgba(82,104,133,.5);background:#0c121cd9;color:var(--text);font-size:.95rem}.search-input:focus{outline:2px solid rgba(126,219,214,.6);box-shadow:0 0 0 3px #49b3ad40}.search-button{width:44px;height:44px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--accent),#1b6b68);color:#0b1418;font-weight:700;cursor:pointer;box-shadow:0 12px 20px #04080c73;transition:transform .2s ease,box-shadow .2s ease}.search-button:hover{transform:translateY(-2px);box-shadow:0 16px 24px #04080c80}.suggestions{position:absolute;top:calc(100% + 10px);left:0;right:0;background:#121a26f5;border:1px solid rgba(82,104,133,.45);border-radius:16px;padding:8px;display:grid;gap:6px;max-height:min(32svh,220px);overflow:auto;z-index:5}.status-banner{padding:8px 12px;border-radius:12px;background:#0b111acc;border:1px solid rgba(82,104,133,.45);color:var(--muted);font-size:.85rem}.suggestion{display:flex;align-items:center;gap:12px;background:transparent;border:none;color:var(--text);padding:10px 12px;border-radius:12px;text-align:left;cursor:pointer}.suggestion:hover{background:#49b3ad26}.suggestion small{display:block;color:var(--muted);font-size:.78rem}.suggestion-avatar{position:relative;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#375c78,#1c2a3f);font-weight:700;overflow:hidden}.suggestion-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.suggestion-avatar span{position:relative;z-index:1;font-size:.7rem;opacity:0}.suggestion-avatar img[style*="display: none"]+span{opacity:1}.grid-card{border-radius:22px;border:1px solid var(--panel-border);background:#0c121ae6;padding:8px;box-shadow:0 18px 40px #0509108c;flex:1;min-height:0;display:flex;flex-direction:column;--general-head: 30px;--general-gap: 6px}.grid-scroll{height:100%;max-height:none;overflow-y:auto;overflow-x:auto;padding:12px;border-radius:16px;background:#0c121c99;flex:1;min-height:0}.grid-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(96px,1fr));gap:0;align-items:stretch;min-width:0}.grid-header{display:grid;position:sticky;top:0;z-index:2;padding:8px 0;background:#0a101aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(78,96,118,.4)}.grid-header-cell{display:flex;align-items:center;justify-content:center;min-height:30px;padding:4px 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.grid-header-cell:first-child{justify-content:flex-start;padding-left:4px}.grid-body-row{animation:riseIn .5s ease both}.grid-body-row+.grid-body-row{margin-top:3px}.grid-row>*{position:relative}.grid-row>*:not(:first-child){padding-left:8px}.grid-row>*:not(:first-child):before{content:"·";position:absolute;left:2px;top:50%;transform:translate(-50%,-50%);font-size:.9rem;color:#d6e0eb59}.tile{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 4px;border-radius:0;background:transparent;border:none;color:var(--text);font-weight:600;text-align:center;box-shadow:none}.tile--icon{flex-direction:column;gap:4px;justify-content:flex-start;padding-top:calc(var(--general-head) + var(--general-gap))}.tile--general{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--general-gap);padding:6px 2px;text-align:left}.general-main{display:flex;align-items:center;gap:8px;min-width:0;min-height:var(--general-head)}.general-name{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.general-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.general-meta-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--muted)}.general-meta-icons{display:flex;align-items:center;gap:4px}.general-meta-icons:before{content:"";display:grid;place-items:center;width:16px;height:16px;margin-right:2px;font-size:.85rem;line-height:1;color:#f36b6b;text-shadow:0 2px 6px rgba(0,0,0,.35);opacity:0}.general-icon{position:relative;display:inline-grid;place-items:center}.general-tooltip{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-6px);padding:4px 10px;border-radius:999px;border:1px solid rgba(214,190,126,.35);background:#0a101aeb;color:#f3e7c3;font-size:.68rem;letter-spacing:.04em;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .18s ease,transform .18s ease;z-index:2}.general-icon:hover .general-tooltip,.general-icon:focus-within .general-tooltip{opacity:1;transform:translate(-50%,-10px)}.status-higher .general-meta-icons:before,.status-lower .general-meta-icons:before{opacity:1}.status-higher .general-meta-icons:before{content:"↑"}.status-lower .general-meta-icons:before{content:"↓"}.general-meta-text{font-variant-numeric:tabular-nums;letter-spacing:.02em}.tile-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.tile-icon{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:#f4e6c5;box-shadow:none}.tile-icon--emoji{font-size:1rem}.tile-icon img{width:16px;height:16px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.tile-icon-svg{width:16px;height:16px}.tile-text{position:absolute;bottom:6px;left:50%;transform:translate(-50%,6px);padding:4px 10px;border-radius:999px;border:1px solid rgba(214,190,126,.35);background:#0a101ae6;color:#f3e7c3;font-size:.72rem;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:2}.tile:hover .tile-text,.tile:focus-within .tile-text{opacity:1;transform:translate(-50%)}.tile--champion{justify-content:center;gap:0;text-align:center}.champion-avatar{position:relative;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,#48759c,#1d2b3f);color:#e2f4ff;overflow:hidden}.tile--general .champion-avatar{width:28px;height:28px;border-radius:8px}.champion-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.champion-avatar span{position:relative;z-index:1;opacity:0}.champion-avatar img[style*="display: none"]+span{opacity:1}.champion-meta{display:flex;flex-direction:column;gap:4px}.champion-name{font-weight:700}.champion-title{font-size:.78rem;color:var(--muted);text-transform:none}.tile--correct{color:#d2f5def2}.tile--partial{color:#f5e0b9f2}.tile--wrong,.tile--higher,.tile--lower{color:#f5c2c2f2}.tile--correct .tile-icon,.status-correct .tile-icon{color:#7ee0a0;border-color:#7ee0a099;background:#7ee0a01a}.tile--wrong .tile-icon,.tile--higher .tile-icon,.tile--lower .tile-icon,.status-wrong .tile-icon,.status-higher .tile-icon,.status-lower .tile-icon{color:#f36b6b;border-color:#f36b6b99;background:#f36b6b1a}.tile--partial .tile-icon,.status-partial .tile-icon{color:#f0b24a;border-color:#f0b24a99;background:#f0b24a1a}.status-correct .general-meta-text{color:#7ee0a0}.status-correct .champion-avatar{box-shadow:0 0 0 1px #7ee0a0b3}.status-wrong .general-meta-text,.status-higher .general-meta-text,.status-lower .general-meta-text{color:#f36b6b}.status-wrong .champion-avatar{box-shadow:0 0 0 1px #f36b6bb3}.status-partial .general-meta-text{color:#f0b24a}.tile--higher .tile-icons:before,.tile--lower .tile-icons:before{display:grid;place-items:center;width:18px;height:18px;margin-right:2px;font-size:.95rem;line-height:1;color:#ffefdbd9;text-shadow:0 2px 6px rgba(0,0,0,.35)}.tile--higher .tile-icons:before{content:"↑"}.tile--lower .tile-icons:before{content:"↓"}.legend{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:16px;border:1px solid rgba(215,184,119,.35);background:#0e141ed9}.legend-title{font-family:Spectral,serif;font-size:.9rem;color:#f2e3c1}.legend-items{display:flex;flex-wrap:wrap;gap:8px 12px}.legend-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem}.legend-swatch{width:18px;height:18px;border-radius:4px;display:inline-block;position:relative}.legend-swatch--correct{background:var(--correct)}.legend-swatch--partial{background:var(--partial)}.legend-swatch--wrong{background:var(--wrong)}.legend-swatch--higher,.legend-swatch--lower{background:var(--higher)}.legend-swatch--higher:after,.legend-swatch--lower:after{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffefdbe6;font-size:.7rem}.legend-swatch--higher:after{content:"↑"}.legend-swatch--lower:after{content:"↓"}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.region-panel{order:2}.bubble-stage{min-height:420px}}@media (min-width: 900px){.hero{padding:22px 26px 24px}.grid-row{grid-template-columns:minmax(280px,1.8fr) repeat(3,minmax(120px,1fr))}}@media (max-height: 680px){.legend{display:none}.hero{padding:6px 10px 8px}.subtitle{margin-top:4px}}@media (hover: none){.tile-text{position:static;transform:none;opacity:1;margin-top:4px}}