:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--bg: #121212;--bg-raised: #1a1a1a;--bg-hover: #222222;--bg-cell: #1c1c1c;--bg-cell-hover: #252525;--white: #fafafa;--t1: #e5e5e5;--t2: #a3a3a3;--t3: #737373;--t4: #525252;--t5: #333333;--border: rgba(255,255,255,.08);--border-h: rgba(255,255,255,.14);--accent: #e5e5e5;--header-bg: rgba(18,18,18,.88);--overlay-bg: rgba(10,10,10,.85);--overlay-blur-bg: rgba(0,0,0,.7);--selection-bg: rgba(255,255,255,.12);--focus-ring: rgba(255,255,255,.2);--shadow-lg: rgba(0,0,0,.5);--shadow-xl: rgba(0,0,0,.6);--hover-lift-shadow: rgba(255,255,255,.04);--r-mythic: #9333ea;--r-legendary: #f59e0b;--r-rare: #3b82f6;--r-common: #94a3b8;--r-success: #22c55e;--r-error: #ef4444;--font-d: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-b: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg: #f5f5f7;--bg-raised: #ffffff;--bg-hover: #ebebed;--bg-cell: #e8e8ec;--bg-cell-hover: #dddde1;--white: #111111;--t1: #1a1a1a;--t2: #4a4a4a;--t3: #6b6b6b;--t4: #9a9a9a;--t5: #cccccc;--border: rgba(0,0,0,.08);--border-h: rgba(0,0,0,.14);--accent: #1a1a1a;--header-bg: rgba(245,245,247,.88);--overlay-bg: rgba(0,0,0,.45);--overlay-blur-bg: rgba(0,0,0,.5);--selection-bg: rgba(0,0,0,.1);--focus-ring: rgba(0,0,0,.2);--shadow-lg: rgba(0,0,0,.1);--shadow-xl: rgba(0,0,0,.12);--hover-lift-shadow: rgba(0,0,0,.06);--r-mythic: #7c22ce;--r-legendary: #d97706;--r-rare: #2563eb;--r-common: #64748b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-b);background:var(--bg);color:var(--t1);min-height:100vh;line-height:1.5}::selection{background:var(--selection-bg)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fi{animation:fadeIn .5s var(--ease) both}.fi-1{animation-delay:.04s}.fi-2{animation-delay:.08s}.fi-3{animation-delay:.12s}.fi-4{animation-delay:.16s}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.pop{animation:pop .25s var(--ease) both}header{position:sticky;top:0;z-index:100;height:52px;background:var(--header-bg);backdrop-filter:blur(40px) saturate(1.2);-webkit-backdrop-filter:blur(40px) saturate(1.2);border-bottom:1px solid var(--border)}.header-inner{max-width:1080px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center}.logo{display:flex;align-items:baseline;gap:0;text-decoration:none;margin-right:40px;flex-shrink:0}.logo-word{font-family:var(--font-d);font-weight:700;font-size:1.05rem;letter-spacing:-.04em;color:var(--white)}.logo-word span{color:var(--t4)}.nav{display:flex;align-items:stretch;height:52px;flex:1;overflow-x:auto;scrollbar-width:none;gap:0}.nav::-webkit-scrollbar{display:none}.nav-item{position:relative;height:100%;flex-shrink:0}.nav-item>a{display:flex;align-items:center;height:100%;padding:0 16px;font-family:var(--font-b);font-size:.8rem;font-weight:500;color:var(--t4);text-decoration:none;letter-spacing:-.01em;transition:color .2s;white-space:nowrap;gap:8px;cursor:pointer}.nav-item>a:hover{color:var(--t2)}.nav-item.active>a{color:var(--white)}.nav-item>a .tag{font-size:.55rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--t4);opacity:.7}.nav-item.active>a:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:1px;background:var(--white)}.dropdown{position:absolute;top:calc(100% + 1px);left:0;min-width:180px;padding:8px;background:var(--bg-raised);border:1px solid var(--border-h);border-radius:12px;opacity:0;visibility:hidden;transform:translateY(4px);transition:all .2s var(--ease);box-shadow:0 16px 48px var(--shadow-lg)}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.drop-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:500;color:var(--t3);cursor:pointer;transition:all .12s;border:none;background:none;width:100%;text-align:left;font-family:var(--font-b)}.drop-item:hover{background:var(--bg-hover);color:var(--t1)}.drop-item.current{color:var(--white);font-weight:600}.drop-item .league-name{flex:1}.drop-item .soon{font-size:.6rem;font-weight:500;color:var(--t5);letter-spacing:.03em}.drop-divider{height:1px;background:var(--border);margin:4px 12px}.header-right{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;padding-left:16px}.icon-btn{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:var(--t4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-btn:hover{background:var(--bg-raised);color:var(--t2)}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pro-btn{height:30px;padding:0 14px;margin-left:4px;border-radius:6px;border:1px solid var(--border-h);background:transparent;color:var(--t2);font-family:var(--font-d);font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s}.pro-btn:hover{background:var(--bg-raised);color:var(--white);border-color:var(--border-h)}.page-body{max-width:1440px;margin:0 auto;padding:0 24px}.sidebar{display:none;width:180px;flex-shrink:0}@media(min-width:1200px){.page-body{display:flex;justify-content:center;gap:24px}.sidebar{display:block}.sidebar-left,.sidebar-right{position:sticky;top:76px;align-self:flex-start;height:fit-content}}.ad-placeholder{border:1px dashed var(--border-h);border-radius:8px;background:var(--bg-raised);display:flex;align-items:center;justify-content:center;color:var(--t5);font-family:var(--font-b);font-size:.7rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}main{max-width:1080px;margin:0 auto;padding:48px 24px 80px}.page-body main{flex:1;min-width:0}.hero{text-align:center;margin-bottom:40px}.hero-kicker{font-family:var(--font-d);font-weight:500;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--t4);margin-bottom:8px}.hero-title{font-family:var(--font-d);font-weight:700;font-size:1.6rem;letter-spacing:-.04em;color:var(--white);margin-bottom:8px}@media(min-width:480px){.hero-title{font-size:2rem}}.hero-sub{font-size:.88rem;color:var(--t3);font-weight:400}.hero-meta{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px}.meta-item{font-size:.75rem;font-weight:500;color:var(--t4);display:flex;align-items:center;gap:8px}.meta-dot{width:4px;height:4px;border-radius:50%;background:var(--t5)}.meta-dot.live{background:#22c55e;box-shadow:0 0 6px #22c55e66;animation:blink 2.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}footer{max-width:1080px;margin:0 auto;padding:0 24px 40px}.footer-line{border-top:1px solid var(--border);padding-top:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-links{display:flex;gap:24px}.footer-links a{font-size:.72rem;font-weight:500;color:var(--t4);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--t2)}.footer-legal{font-size:.62rem;color:var(--t5)}.sport-badge-wrap{position:relative;margin-right:8px;flex-shrink:0}.sport-badge{display:flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--border-h);background:var(--bg-raised);color:var(--t2);font-family:var(--font-d);font-size:.7rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .15s;white-space:nowrap}.sport-badge:hover{background:var(--bg-hover);color:var(--white);border-color:var(--border-h)}.sport-badge svg{width:10px;height:10px;stroke:currentColor;flex-shrink:0}.sport-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:160px;padding:8px;background:var(--bg-raised);border:1px solid var(--border-h);border-radius:12px;box-shadow:0 16px 48px var(--shadow-lg);z-index:150;animation:rise .2s var(--ease)}@media(max-width:400px){.hero-title{font-size:1.3rem}.hero-meta{gap:16px}.nav-item>a{padding:0 10px;font-size:.72rem}main{padding:32px 16px 60px}}@media(min-width:768px){main{padding-top:32px}.hero{margin-bottom:24px}}@media(min-width:1024px){main{padding-top:24px;padding-bottom:48px}.hero{margin-bottom:16px}.hero-title{font-size:1.8rem}.hero-meta{margin-top:16px}}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--overlay-bg)}.overlay.open{display:flex;align-items:flex-start;justify-content:center;padding-top:16vh}.search-box{width:90%;max-width:400px;background:var(--bg-raised);border:1px solid var(--border-h);border-radius:14px;overflow:hidden;box-shadow:0 24px 64px var(--shadow-xl);animation:rise .25s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}.search-field{display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--border)}.search-field svg{width:16px;height:16px;stroke:var(--t4);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-right:12px;flex-shrink:0}.search-input{flex:1;height:48px;background:none;border:none;outline:none;font-family:var(--font-b);font-size:.92rem;color:var(--white);font-weight:500}.search-input::placeholder{color:var(--t5)}.search-results{max-height:260px;overflow-y:auto;padding:4px}.sr-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .1s}.sr-row:hover,.sr-highlighted{background:var(--bg-hover)}.sr-error .sr-name{color:var(--r-error)}.sr-error .sr-avatar{background:#ef444426;color:var(--r-error)}.sr-error-shake{animation:shake .35s ease}.sr-name{display:block;font-size:.86rem;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-info{font-size:.68rem;color:var(--t5);font-weight:500}.search-empty{padding:16px;text-align:center;font-size:.8rem;color:var(--t5)}.sr-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-hover);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:600;font-size:.58rem;color:var(--t4);text-transform:uppercase}.sr-details{flex:1;min-width:0}.sr-meta{display:block;font-size:.65rem;color:var(--t4);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-position{flex-shrink:0;font-size:.6rem;font-weight:600;color:var(--t3);background:var(--bg-hover);padding:2px 8px;border-radius:4px}.auth-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--overlay-blur-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);align-items:center;justify-content:center}.auth-overlay.open{display:flex}.auth-box{width:90%;max-width:360px;background:var(--bg-raised);border:1px solid var(--border-h);border-radius:16px;padding:40px 32px;text-align:center;box-shadow:0 24px 64px var(--shadow-xl);animation:rise .25s var(--ease)}.auth-title{font-family:var(--font-d);font-weight:700;font-size:1.3rem;color:var(--white);margin-bottom:8px}.auth-sub{font-size:.82rem;color:var(--t3);margin-bottom:24px}.auth-btn{width:100%;height:48px;border-radius:10px;font-family:var(--font-b);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;transition:all .15s}.auth-btn-google{background:var(--white);color:var(--bg);border:none}.auth-btn-google:hover{opacity:.88}.auth-btn-twitter{background:transparent;color:var(--t1);border:1px solid var(--border-h)}.auth-btn-twitter:hover{background:var(--bg-hover);border-color:var(--border-h)}.auth-close{margin-top:24px;background:none;border:none;color:var(--t4);font-size:.75rem;font-weight:500;cursor:pointer;transition:color .15s}.auth-close:hover{color:var(--t2)}.user-avatar-btn{width:30px;height:30px;border-radius:50%;border:none;background:var(--bg-hover);cursor:pointer;overflow:hidden;margin-left:4px;display:flex;align-items:center;justify-content:center}.user-avatar-btn img{width:100%;height:100%;object-fit:cover}.user-avatar-btn .initials{font-family:var(--font-d);font-weight:600;font-size:.65rem;color:var(--t2)}.lb-tabs{display:flex;justify-content:center;gap:4px;margin-bottom:24px}.lb-tab{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--t4);font-family:var(--font-b);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.lb-tab:hover{border-color:var(--border-h);color:var(--t2)}.lb-tab.active{background:var(--white);color:var(--bg);border-color:var(--white)}.lb-list{max-width:480px;margin:0 auto}.lb-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;transition:background .1s}.lb-row:hover{background:var(--bg-raised)}.lb-row.you{background:var(--bg-raised);border:1px solid var(--border-h)}.lb-rank{font-family:var(--font-d);font-weight:700;font-size:.85rem;color:var(--t4);width:28px;text-align:center;flex-shrink:0}.lb-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-hover);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:600;font-size:.7rem;color:var(--t3)}.lb-name{flex:1;font-size:.86rem;font-weight:600;color:var(--t1)}.lb-you-tag{font-size:.55rem;font-weight:700;color:var(--r-success);text-transform:uppercase;letter-spacing:.06em;margin-left:8px}.lb-score{font-family:var(--font-d);font-weight:700;font-size:.95rem;color:var(--white);font-variant-numeric:tabular-nums}.lb-empty{text-align:center;padding:40px 20px;color:var(--t4);font-size:.85rem}.lb-signin-prompt{text-align:center;padding:40px 20px}.lb-signin-prompt p{color:var(--t3);font-size:.85rem;margin-bottom:16px}.skeleton{background:linear-gradient(90deg,var(--bg-cell) 25%,var(--bg-cell-hover) 50%,var(--bg-cell) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-ou-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:480px;margin:0 auto}.skeleton-ou-card{height:140px;border-radius:14px}.skeleton-ae-nickname{height:36px;width:200px;margin:0 auto 8px;border-radius:8px}.skeleton-ae-hint{height:14px;width:280px;margin:0 auto 32px;border-radius:6px}.skeleton-ae-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:400px;margin:0 auto}.skeleton-ae-choice{height:48px;border-radius:10px}.go-overlay{text-align:center;margin-top:32px;padding:40px 20px;border:1px solid var(--border);border-radius:16px;background:var(--bg-raised);animation:fadeIn .5s var(--ease) both}.go-content{max-width:300px;margin:0 auto}.go-score{font-family:var(--font-d);font-weight:700;font-size:4.5rem;color:var(--white);letter-spacing:-.06em;line-height:1;font-variant-numeric:tabular-nums}.go-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--t4);margin-top:8px}.go-sub{font-family:var(--font-d);font-size:1rem;font-weight:500;color:var(--t3);margin-top:4px}.go-next{font-size:.75rem;color:var(--t4);margin-top:20px;font-weight:500}.go-perfect .go-score{color:var(--r-success)}@keyframes perfectPulse{0%,to{box-shadow:0 0 40px #22c55e1a}50%{box-shadow:0 0 60px #22c55e33}}.go-perfect{animation:perfectPulse 2s ease-in-out infinite,fadeIn .5s var(--ease) both;border-color:#22c55e33}.rules-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--overlay-blur-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}.rules-box{width:90%;max-width:420px;background:var(--bg-raised);border:1px solid var(--border-h);border-radius:16px;padding:32px;box-shadow:0 24px 64px var(--shadow-xl);animation:rise .25s var(--ease)}.rules-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.rules-title{font-family:var(--font-d);font-weight:700;font-size:1.1rem;color:var(--white);letter-spacing:-.02em}.rules-close{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--t4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.rules-close:hover{background:var(--bg-hover);color:var(--t2)}.rules-list{display:flex;flex-direction:column;gap:16px}.rules-item{display:flex;gap:12px}.rules-num{font-family:var(--font-d);font-weight:700;font-size:.65rem;color:var(--t5);letter-spacing:.06em;padding-top:2px;flex-shrink:0}.rules-text{font-size:.84rem;color:var(--t3);line-height:1.55}.rules-text strong{color:var(--t1);font-weight:600}.game-area{max-width:480px;margin:0 auto}.grid{display:grid;grid-template-columns:72px repeat(3,1fr);grid-template-rows:60px repeat(3,1fr);gap:3px}@media(min-width:480px){.grid{grid-template-columns:84px repeat(3,1fr);grid-template-rows:68px repeat(3,1fr)}}.corner{display:flex;align-items:center;justify-content:center}.col-h,.row-h{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 4px 2px;-webkit-user-select:none;user-select:none}.h-main{font-family:var(--font-d);font-weight:700;font-size:1.8rem;color:var(--t1);letter-spacing:-.02em;line-height:1}.h-label{font-size:.55rem;font-weight:500;color:var(--t4);text-align:center;line-height:1.2;letter-spacing:.02em}.cell{background:var(--bg-cell);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease);position:relative;aspect-ratio:1;overflow:hidden}.cell:hover{background:var(--bg-cell-hover);border-color:var(--border-h)}.cell.empty:after{content:"";width:20px;height:1px;background:var(--t5);transition:background .2s}.cell.empty:hover:after{background:var(--t3)}.cell-headshot{width:100%;max-height:73%;object-fit:contain;opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:1}.h-logo{width:52px;height:52px;object-fit:contain;flex-shrink:0}@media(min-width:480px){.h-logo{width:60px;height:60px}}@media(max-width:400px){.h-logo{width:38px;height:38px}}.cell.filled{justify-content:flex-start;gap:0;padding:1px}.cell .p-name{font-family:var(--font-d);font-size:.6rem;font-weight:600;text-align:center;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px;color:var(--white);letter-spacing:-.01em;position:relative;z-index:2;margin-top:auto}.cell .p-pct{font-size:.5rem;font-weight:600;color:var(--t3);text-align:center;font-variant-numeric:tabular-nums;position:relative;z-index:2;line-height:1;padding-bottom:1px}.cell .swap{font-size:.5rem;font-weight:500;color:var(--t5);opacity:0;transition:opacity .2s;letter-spacing:.02em}.cell.filled:hover .swap{opacity:1}.cell.filled.tier-m .swap{color:#d8b4feb3}.cell.filled.tier-l .swap{color:#fde04799}.cell.filled.tier-r .swap{color:#93c5fd99}.cell.filled.tier-c .swap{color:#cbd5e180}.cell.filled.tier-x .swap{color:var(--t4)}.cell.filled{border-color:var(--border-h)}.score-row{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:16px 0;border-top:1px solid var(--border)}.score-block{flex:1}.score-label{font-size:.65rem;font-weight:500;color:var(--t4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.score-num{font-family:var(--font-d);font-weight:700;font-size:1.5rem;color:var(--white);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.score-center{font-size:.85rem;font-weight:500;color:var(--t4);text-align:center;flex:1;font-variant-numeric:tabular-nums}.actions{display:flex;gap:8px;margin-top:var(--sp-6)}.btn{flex:1;height:44px;border-radius:10px;font-family:var(--font-b);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s var(--ease);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em}.btn-w{background:var(--white);color:var(--bg);border:none}.btn-w:hover{opacity:.88;transform:translateY(-1px)}.btn-o{background:transparent;color:var(--t2);border:1px solid var(--border-h)}.btn-o:hover{background:var(--bg-raised);color:var(--t1);border-color:var(--border-h)}.legend{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:600;color:var(--t3);letter-spacing:.03em}.legend-pip{width:8px;height:8px;border-radius:50%}.legend-pip.m{background:var(--r-mythic);box-shadow:0 0 6px var(--r-mythic)}.legend-pip.l{background:var(--r-legendary)}.legend-pip.r{background:var(--r-rare)}.legend-pip.c{background:var(--r-common)}.how{max-width:480px;margin:var(--sp-16) auto 0;border-top:1px solid var(--border);padding-top:40px}.how-title{font-family:var(--font-d);font-weight:600;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t4);margin-bottom:24px;text-align:center}.how-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:480px){.how-grid{grid-template-columns:1fr 1fr;gap:16px 32px}}.how-num{font-family:var(--font-d);font-weight:700;font-size:.65rem;color:var(--t5);letter-spacing:.06em;margin-bottom:4px}.how-text{font-size:.84rem;color:var(--t3);line-height:1.55}.how-text strong{color:var(--t1);font-weight:600}.game-view{display:none}.game-view.active{display:block}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background:var(--bg-raised);border-radius:10px;padding:10px 20px;font-size:.82rem;font-weight:600;z-index:250;animation:rise .25s var(--ease)}.toast-error{border:1px solid var(--r-error);color:var(--r-error)}.cell.filled.tier-m{background:radial-gradient(circle at center,#9333eae6,#9333ea73 55%,#9333ea1f);border-color:#9333eab3;box-shadow:inset 0 0 14px #9333ea33;animation:mythicPulse 2.5s ease-in-out infinite}.cell.filled.tier-m:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle 2px,rgba(255,255,255,.35) 0%,transparent 100%) 20% 20% / 10% 10% no-repeat,radial-gradient(circle 1.5px,rgba(255,255,255,.28) 0%,transparent 100%) 65% 12% / 8% 8% no-repeat,radial-gradient(circle 1.5px,rgba(255,255,255,.25) 0%,transparent 100%) 40% 75% / 9% 9% no-repeat,radial-gradient(circle 1px,rgba(255,255,255,.2) 0%,transparent 100%) 80% 55% / 7% 7% no-repeat,radial-gradient(circle 1px,rgba(255,255,255,.18) 0%,transparent 100%) 15% 60% / 6% 6% no-repeat;animation:sparkleDrift 4s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes sparkleDrift{0%{background-position:20% 20%,65% 12%,40% 75%,80% 55%,15% 60%;opacity:.7}25%{background-position:28% 15%,58% 22%,48% 68%,72% 48%,22% 52%;opacity:1}50%{background-position:22% 28%,72% 18%,35% 70%,85% 62%,12% 55%;opacity:.6}75%{background-position:15% 22%,68% 8%,44% 78%,78% 50%,18% 65%;opacity:1}to{background-position:20% 20%,65% 12%,40% 75%,80% 55%,15% 60%;opacity:.7}}@keyframes mythicPulse{0%,to{box-shadow:inset 0 0 14px #9333ea33}50%{box-shadow:inset 0 0 22px #9333ea59}}.cell.filled.tier-l{background:radial-gradient(circle at 15% 15%,rgba(253,224,71,.5) 0%,transparent 35%),radial-gradient(circle at 85% 85%,rgba(253,224,71,.4) 0%,transparent 30%),radial-gradient(circle at center,#f59e0bd9,#d9770673 55%,#b453091f);border-color:#f59e0b99}.cell.filled.tier-r{background:radial-gradient(circle at 30% 30%,rgba(147,197,253,.4) 0%,transparent 40%),radial-gradient(circle at center,#3b82f6cc,#2563eb66 55%,#1d4ed81a);border-color:#3b82f680}.cell.filled.tier-r:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(191,219,254,.25) 0%,transparent 50%,rgba(147,197,253,.12) 100%);pointer-events:none;z-index:1}.cell.filled.tier-c{background:linear-gradient(145deg,rgba(203,213,225,.2) 0%,transparent 40%,rgba(148,163,184,.1) 100%),radial-gradient(circle at center,#94a3b873,#94a3b82e 55%,#94a3b80a);border-color:#94a3b84d}.cell.filled.tier-x{background:var(--bg-cell)}.cell.filled .p-pct{color:var(--white)}.cell.filled.tier-m .p-name,.cell.filled.tier-l .p-name,.cell.filled.tier-r .p-name,.cell.filled.tier-c .p-name,.cell.filled.tier-m .p-pct,.cell.filled.tier-l .p-pct,.cell.filled.tier-r .p-pct,.cell.filled.tier-c .p-pct{color:#fafafa}@keyframes cellFill{0%{transform:scale(.9);opacity:0}40%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}.cell.just-filled{animation:cellFill .35s var(--ease) both}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.cell-error{border-color:var(--r-error)!important;animation:shake .35s ease}.skeleton-grid{display:grid;grid-template-columns:72px repeat(3,1fr);grid-template-rows:60px repeat(3,1fr);gap:3px;max-width:480px;margin:0 auto}@media(min-width:480px){.skeleton-grid{grid-template-columns:84px repeat(3,1fr);grid-template-rows:68px repeat(3,1fr)}}.skeleton-cell{aspect-ratio:1;border-radius:10px}@media(max-width:400px){.skeleton-grid{grid-template-columns:58px repeat(3,1fr);grid-template-rows:52px repeat(3,1fr)}.skeleton-cell{border-radius:8px}}.skeleton-header{height:16px;width:40px;margin:0 auto}.score-block-right{text-align:right}.round-exit{opacity:0;transform:translateY(8px);transition:all .2s ease}.round-enter{animation:fadeIn .3s var(--ease) both}@keyframes scoreBump{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.score-num.bumped{animation:scoreBump .3s var(--ease)}@media(max-width:400px){.grid{grid-template-columns:58px repeat(3,1fr);grid-template-rows:52px repeat(3,1fr)}.cell{border-radius:8px}.h-main{font-size:1.5rem}}@media(min-width:1024px){.score-row{margin-top:16px;padding:12px 0}.actions{margin-top:var(--sp-4)}.legend{margin-top:16px}}.ou-stat-label{text-align:center;font-family:var(--font-d);font-weight:600;font-size:.9rem;color:var(--t2);margin-bottom:24px}.ou-round-info{text-align:center;font-size:.7rem;color:var(--t4);margin-bottom:16px;font-weight:500}.ou-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;max-width:480px;margin:0 auto}@media(max-width:360px){.ou-cards{grid-template-columns:1fr;gap:10px}}.ou-card{background:var(--bg-cell);border:1px solid var(--border);border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s var(--ease);position:relative}.ou-card:hover{background:var(--bg-cell-hover);border-color:var(--border-h);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px var(--hover-lift-shadow)}.ou-card.disabled{pointer-events:none}.ou-card.correct{border-color:var(--r-success);box-shadow:0 0 24px #22c55e26}.ou-card.wrong{border-color:var(--r-error);box-shadow:0 0 24px #ef444426}.ou-card .ou-name{font-family:var(--font-d);font-weight:700;font-size:1.1rem;color:var(--white);letter-spacing:-.02em;margin-bottom:8px}.ou-card .ou-val{font-family:var(--font-d);font-weight:700;font-size:2rem;color:var(--t2);letter-spacing:-.03em;opacity:0;transition:opacity .4s}.ou-card.revealed .ou-val{opacity:1}.ou-vs{display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-weight:700;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t5);padding:0 4px}.ou-streak-display{text-align:center;margin-top:32px}.ou-streak-num{font-family:var(--font-d);font-weight:700;font-size:3rem;color:var(--white);letter-spacing:-.04em}.ou-streak-label{font-size:.75rem;font-weight:500;color:var(--t4);text-transform:uppercase;letter-spacing:.08em}.ou-gameover{text-align:center;margin-top:32px;display:none}.ou-gameover.show{display:block}.ou-gameover .ou-go-title{font-family:var(--font-d);font-weight:700;font-size:1.4rem;color:var(--white);margin-bottom:4px}.ou-gameover .ou-go-sub{font-size:.85rem;color:var(--t3);margin-bottom:24px}.ae-nickname{text-align:center;font-family:var(--font-d);font-weight:700;font-size:2rem;color:var(--white);letter-spacing:-.03em;margin-bottom:8px;position:relative}@media(min-width:480px){.ae-nickname{font-size:2.6rem}}.ae-hint{text-align:center;font-size:.82rem;color:var(--t4);font-weight:500;margin-bottom:32px}.ae-difficulty{text-align:center;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.ae-difficulty.easy{color:var(--r-success)}.ae-difficulty.medium{color:var(--r-legendary)}.ae-difficulty.hard{color:var(--r-error)}.ae-search-wrap{max-width:400px;margin:0 auto}.ae-search-input{width:100%;height:48px;background:var(--bg-cell);border:1px solid var(--border);border-radius:12px;padding:0 18px;font-family:var(--font-b);font-size:.92rem;color:var(--white);font-weight:500;outline:none;transition:border-color .2s}.ae-search-input:focus{border-color:var(--border-h)}.ae-search-input::placeholder{color:var(--t5)}.ae-results{margin-top:4px;background:var(--bg-raised);border:1px solid var(--border-h);border-radius:12px;max-height:220px;overflow-y:auto;padding:4px;display:none}.ae-results.show{display:block}.ae-result-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .1s;font-size:.86rem;font-weight:600;color:var(--t1)}.ae-result-row:hover,.ae-result-highlighted{background:var(--bg-hover)}.ae-result-info{font-size:.68rem;color:var(--t5);font-weight:500}.ae-feedback{text-align:center;margin-top:24px;font-family:var(--font-d);font-weight:600;font-size:1.1rem;min-height:28px}.ae-feedback.correct{color:var(--r-success)}.ae-feedback.wrong{color:var(--r-error)}.ae-mode-toggle{display:flex;justify-content:center;gap:4px;margin-bottom:24px}.ae-mode-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--t4);font-family:var(--font-b);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.ae-mode-btn:hover{border-color:var(--border-h);color:var(--t2)}.ae-mode-btn.active{background:var(--white);color:var(--bg);border-color:var(--white)}.ae-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:400px;margin:0 auto}@media(max-width:360px){.ae-choices{grid-template-columns:1fr}}.ae-choice-btn{padding:14px 12px;border-radius:10px;border:1px solid var(--border);background:var(--bg-cell);color:var(--t1);font-family:var(--font-b);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s var(--ease);text-align:center}.ae-choice-btn:hover{background:var(--bg-cell-hover);border-color:var(--border-h)}.ae-choice-btn.correct-pick{border-color:var(--r-success);background:#22c55e1a}.ae-choice-btn.wrong-pick{border-color:var(--r-error);background:#ef44441a}.ae-choice-btn.disabled{pointer-events:none;opacity:.5}.ae-choice-btn.disabled.correct-pick{opacity:1}.ae-nickname:before,.ae-nickname:after{font-size:3rem;color:var(--t5);opacity:.4;position:absolute;font-family:var(--font-d);line-height:1}.ae-nickname:before{content:"“";left:-1em;top:-.15em}.ae-nickname:after{content:"”";right:-1em;bottom:-.3em}@media(max-width:480px){.ae-nickname:before,.ae-nickname:after{font-size:2rem}.ae-nickname:before{left:-.8em}.ae-nickname:after{right:-.8em}}.ae-difficulty-pill{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border)}.ae-difficulty-pill.easy{color:var(--r-success);border-color:#22c55e4d}.ae-difficulty-pill.medium{color:var(--r-legendary);border-color:#f59e0b4d}.ae-difficulty-pill.hard{color:var(--r-error);border-color:#ef44444d}.ae-choice-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}