:root{font-family:Pretendard,Noto Sans KR,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf5ff;background:#02070d;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #02070d;--surface: #06131e;--surface-2: #091b28;--surface-3: #0d2332;--line: rgba(106, 193, 224, .16);--line-strong: rgba(80, 210, 249, .38);--cyan: #4dd9ff;--cyan-soft: #9cecff;--gold: #d8ad57;--gold-soft: #f4db9c;--muted: #7e9bad;--text: #ecf7ff;--danger: #ff7187;--success: #4ee6b2;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 12%,rgba(16,118,169,.12),transparent 27rem),radial-gradient(circle at 100% 35%,rgba(190,141,53,.07),transparent 24rem),linear-gradient(rgba(59,167,204,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(59,167,204,.025) 1px,transparent 1px);background-size:auto,auto,42px 42px,42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}button,input{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{color:#001018;background:var(--cyan)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#030a10}::-webkit-scrollbar-thumb{border:2px solid #030a10;border-radius:999px;background:#17384a}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-line{0%,to{opacity:.35;transform:scaleX(.65)}50%{opacity:1;transform:scaleX(1)}}@keyframes float-orbit{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(5deg)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(300%)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.launch-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:18px;min-height:100dvh;overflow:hidden;background:#02080e}.launch-screen__halo{position:absolute;width:280px;height:280px;border:1px solid rgba(72,217,255,.13);border-radius:50%;box-shadow:0 0 80px #1b96d21f,inset 0 0 65px #1b96d214}.launch-screen__halo:before,.launch-screen__halo:after{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;border:1px dashed rgba(217,173,87,.16);border-radius:inherit}.launch-screen__halo:after{top:-12px;right:-12px;bottom:-12px;left:-12px;border-color:#4dd9ff12}.launch-screen__logo{position:relative;width:116px;height:116px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 24px rgba(48,174,238,.28))}.launch-screen__line{width:108px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:pulse-line 1.45s ease-in-out infinite}.launch-screen p{margin:0;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.24em}.brand{display:inline-flex;align-items:center;gap:12px}.brand__mark{display:grid;width:46px;height:46px;place-items:center;overflow:hidden;border:1px solid rgba(218,178,97,.35);border-radius:50%;background:#06101a;box-shadow:0 0 22px #2cb1eb21}.brand__mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.brand__copy{display:flex;flex-direction:column;gap:3px}.brand__copy strong{color:var(--gold-soft);font-family:Georgia,Times New Roman,serif;font-size:18px;letter-spacing:.08em}.brand__copy small{color:#577386;font-size:7px;font-weight:700;letter-spacing:.2em}.brand--compact{gap:9px}.brand--compact .brand__mark{width:34px;height:34px}.brand--compact .brand__copy strong{font-size:14px}.brand--compact .brand__copy small{font-size:6px}.auth-page{position:relative;display:flex;flex-direction:column;min-height:100dvh;padding:max(30px,env(safe-area-inset-top)) 18px calc(22px + var(--safe-bottom));overflow:hidden;background:linear-gradient(145deg,#041522e6,#01070df2),var(--bg)}.auth-page:before{content:"";position:absolute;top:-155px;left:50%;width:390px;height:390px;border:1px solid rgba(62,207,251,.07);border-radius:50%;transform:translate(-50%);box-shadow:0 0 90px #009be70f}.auth-page__ambient span{position:absolute;width:5px;height:5px;border:1px solid rgba(219,175,87,.42);transform:rotate(45deg);animation:float-orbit 4s ease-in-out infinite}.auth-page__ambient span:nth-child(1){top:17%;left:9%}.auth-page__ambient span:nth-child(2){top:10%;right:12%;animation-delay:-1.4s}.auth-page__ambient span:nth-child(3){bottom:16%;right:7%;animation-delay:-2.8s}.auth-page__brand{position:relative;z-index:1;width:100%;max-width:430px;margin:0 auto 30px}.auth-card{position:relative;z-index:1;width:100%;max-width:430px;margin:auto;padding:28px 22px 22px;overflow:hidden;border:1px solid rgba(86,188,224,.18);border-radius:4px 22px;background:linear-gradient(145deg,#071723fa,#030d16fa);box-shadow:0 24px 70px #0000006b}.auth-card:before,.auth-card:after{content:"";position:absolute;width:30px;height:30px;pointer-events:none}.auth-card:before{top:8px;right:8px;border-top:1px solid rgba(218,173,87,.45);border-right:1px solid rgba(218,173,87,.45)}.auth-card:after{bottom:8px;left:8px;border-bottom:1px solid rgba(78,216,255,.35);border-left:1px solid rgba(78,216,255,.35)}.auth-card__topline{position:absolute;top:0;left:24px;width:42%;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}.auth-card__intro{margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.auth-card h1,.page-header h1,.status-card h1{margin:0;font-size:clamp(26px,8vw,34px);line-height:1.2;letter-spacing:-.04em}.auth-card h1,.page-header h1,.status-card h1,.vote-card__copy strong{overflow-wrap:anywhere}.auth-card__intro>p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-form--signup{gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field__label{color:#9ab0be;font-size:11px;font-weight:700}.field__control{position:relative;display:flex;align-items:center;min-height:54px;border:1px solid rgba(102,165,192,.26);border-radius:3px;background:#010910b8;transition:border-color .16s ease,box-shadow .16s ease}.field__control:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #4dd9ff12,inset 2px 0 0 var(--cyan)}.field__icon{display:grid;flex:0 0 50px;height:22px;place-items:center;color:var(--cyan);border-right:1px solid rgba(96,170,196,.12)}.field input{width:100%;height:52px;min-width:0;padding:0 14px;border:0;outline:0;color:var(--text);background:transparent;font-size:14px}.field input::placeholder{color:#486273}.field__error{color:var(--danger);font-size:11px}.field--error .field__control{border-color:#ff718780}.hash-icon{font-size:18px;font-weight:800}.form-grid{display:grid;gap:14px}.riot-id-group{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:10px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:800;transition:transform .14s ease,border-color .14s ease,background .14s ease}.button:not(:disabled):active{transform:translateY(1px)}.button--wide{width:100%}.button--primary{color:#061017;border-color:#f2cf7d;background:linear-gradient(105deg,#bf8d36,#f0d889 52%,#c4943f);box-shadow:0 8px 26px #cf9f4021}.button--outline{color:#b9d6e5;border-color:#5ebfe259;background:#05141fb3}.button--danger{color:#ff93a3;border-color:#ff5e7742;background:#47121f47}.auth-form .button{margin-top:3px;min-height:54px}.inline-alert{display:flex;min-height:44px;align-items:center;gap:9px;padding:10px 12px;border-left:2px solid var(--danger);color:#f6a1ae;background:#74132730;font-size:12px;line-height:1.5}.inline-alert>span{display:grid;flex:0 0 18px;height:18px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:10px;font-weight:900}.inline-alert--success{color:#86efd0;border-color:var(--success);background:#18785a24}.auth-card__switch{display:flex;justify-content:center;gap:7px;margin-top:20px;padding-top:19px;border-top:1px solid rgba(101,163,187,.12);color:var(--muted);font-size:12px}.auth-card__switch button,.back-link{padding:0;border:0;color:var(--cyan-soft);background:transparent;font-weight:700}.back-link{display:inline-flex;align-items:center;gap:6px;min-height:30px;margin:-12px 0 15px;font-size:11px}.auth-page__foot{position:relative;z-index:1;display:flex;width:100%;max-width:430px;align-items:center;justify-content:center;gap:10px;margin:25px auto 0;color:#446174;font-size:8px;font-weight:700;letter-spacing:.16em}.auth-page__foot span{width:28px;height:1px;background:#1a3d51}.status-page{display:flex;flex-direction:column;min-height:100dvh;align-items:center;justify-content:center;gap:42px;padding:28px 20px calc(28px + var(--safe-bottom));background:radial-gradient(circle at 50% 25%,rgba(19,101,142,.18),transparent 24rem)}.status-card{position:relative;width:100%;max-width:430px;padding:74px 24px 26px;overflow:hidden;border:1px solid var(--line);border-radius:4px 26px;background:#05121cf2;text-align:center}.status-card .eyebrow{justify-content:center}.status-card>p:not(.eyebrow){margin:14px auto 25px;color:var(--muted);font-size:13px;line-height:1.7}.status-card>p strong{color:var(--text)}.status-card__orbit{position:absolute;top:-32px;left:50%;display:grid;width:94px;height:94px;place-items:end center;padding-bottom:16px;border:1px solid rgba(77,217,255,.25);border-radius:50%;color:var(--cyan);background:#0c324575;transform:translate(-50%);box-shadow:0 0 32px #4dd9ff1a}.status-card__orbit--danger{color:var(--danger);border-color:#ff718747}.status-steps{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:5px;margin:0 -8px 25px;color:#4c6879;font-size:9px;font-weight:700}.status-steps span{display:flex;align-items:center;gap:3px;white-space:nowrap}.status-steps i{height:1px;background:#183448}.status-steps .is-done{color:var(--success)}.status-steps .is-current{color:var(--gold-soft)}.app-shell{min-height:100dvh;padding-bottom:calc(84px + var(--safe-bottom))}.app-header{position:sticky;z-index:30;top:0;display:flex;height:calc(66px + env(safe-area-inset-top,0px));align-items:flex-end;justify-content:space-between;padding:env(safe-area-inset-top,0px) 18px 10px;border-bottom:1px solid rgba(80,184,220,.13);background:#020a11e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.icon-button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid rgba(95,177,207,.22);border-radius:3px 12px;color:#a9cada;background:#061621b8}.icon-button--accent{color:var(--gold-soft);border-color:#daad5759;background:#7e591a21}.page-actions{display:flex;gap:8px}.app-main{width:100%;max-width:960px;margin:0 auto}.page{padding:24px 18px 28px}.page-header{display:flex;min-height:56px;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:8px}.page-header h1{font-size:26px}.page-description{margin:0 0 23px;color:var(--muted);font-size:12px;line-height:1.6}.bottom-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;height:calc(70px + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-top:1px solid rgba(82,190,229,.17);background:#020a11f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bottom-nav__inner{display:grid;width:100%;max-width:520px;height:70px;grid-template-columns:repeat(3,1fr);margin:auto}.bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;color:#617e8e;background:transparent;font-size:10px;font-weight:700}.bottom-nav button span{display:grid;width:32px;height:26px;place-items:center;border-radius:10px}.bottom-nav button.is-active{color:var(--cyan-soft)}.bottom-nav button.is-active:before{content:"";position:absolute;top:0;width:34px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.bottom-nav button.is-active span{color:var(--cyan);background:#1fb1e11a}.hero-card{position:relative;display:flex;min-height:172px;flex-direction:column;justify-content:space-between;margin:20px 0 14px;padding:22px;overflow:hidden;border:1px solid rgba(72,201,242,.25);border-radius:4px 24px;background:radial-gradient(circle at 105% 0%,rgba(201,154,61,.21),transparent 12rem),linear-gradient(145deg,#082233,#06121d);box-shadow:0 18px 40px #00000040}.hero-card:after{content:"";position:absolute;right:-28px;bottom:-52px;width:148px;height:148px;border:1px solid rgba(218,173,87,.13);border-radius:50%;box-shadow:inset 0 0 0 18px #4dd9ff06,inset 0 0 0 42px #4dd9ff06}.hero-card__scan{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;height:45%;background:linear-gradient(transparent,rgba(77,217,255,.025),transparent);animation:scan 7s linear infinite}.hero-card__content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.hero-card__icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(77,217,255,.35);border-radius:50%;color:var(--cyan);background:#12628340;box-shadow:0 0 24px #4dd9ff1a}.hero-card__content p{margin:0 0 3px;color:#8eb1c2;font-size:11px}.hero-card__content strong{color:var(--text);font-size:28px}.hero-card>button{position:relative;z-index:1;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0;border:0;border-top:1px solid rgba(110,187,215,.14);color:var(--gold-soft);background:transparent;font-size:12px;font-weight:800}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:27px}.quick-card{position:relative;min-width:0;padding:16px;border:1px solid var(--line);border-radius:3px 14px;background:#06131dd1}.quick-card>span{position:absolute;top:13px;right:13px;color:var(--cyan);opacity:.72}.quick-card small{display:block;margin:1px 0 8px;color:var(--muted);font-size:10px}.quick-card strong{display:block;overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 11px}.section-title h2{margin:0;font-size:16px;letter-spacing:-.02em}.section-title button{display:flex;min-height:34px;align-items:center;padding:0;border:0;color:var(--muted);background:transparent;font-size:11px}.compact-match-list{display:flex;flex-direction:column;gap:8px}.compact-match{display:grid;min-height:66px;grid-template-columns:34px 1fr auto 18px;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--line);border-radius:3px 12px;color:inherit;background:#05111bc7;text-align:left}.compact-match__result{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--cyan-soft);background:#1f98c621;font-size:10px;font-weight:800}.compact-match>span:not(.compact-match__result){display:flex;flex-direction:column;gap:3px}.compact-match strong{font-size:12px}.compact-match small{color:var(--muted);font-size:9px}.compact-match em{color:var(--gold-soft);font-size:13px;font-style:normal;font-weight:800}.compact-match>svg{color:#4f6c7c}.vote-list,.match-list{display:flex;flex-direction:column;gap:10px}.vote-card,.match-card{overflow:hidden;border:1px solid var(--line);border-radius:3px 16px;background:#05111bd1;transition:border-color .16s ease}.vote-card.is-open,.match-card.is-open{border-color:#4dd9ff4d}.vote-card__summary{display:grid;width:100%;min-height:96px;grid-template-columns:40px 1fr 22px;align-items:center;gap:12px;padding:14px;border:0;color:inherit;background:transparent;text-align:left}.vote-card__status{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(215,173,87,.32);border-radius:50%;color:var(--gold);background:#9d6f1d17}.vote-card__status.is-done{color:var(--success);border-color:#4ee6b247;background:#259c741a}.vote-card__copy{display:flex;min-width:0;flex-direction:column;gap:4px}.vote-card__copy small{color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.06em}.vote-card__copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.vote-card__copy>span{color:var(--muted);font-size:10px}.vote-card__chevron{color:#547081;transition:transform .16s ease}.vote-card.is-open .vote-card__chevron,.match-card.is-open .match-card__result>svg{transform:rotate(180deg)}.vote-form{display:flex;flex-direction:column;gap:14px;padding:17px 14px 15px;border-top:1px solid rgba(86,168,197,.13);background:#020b126b}.vote-upcoming{display:flex;align-items:center;gap:11px;padding:16px 14px;border-top:1px solid rgba(86,168,197,.13);color:var(--cyan);background:#08304129}.vote-upcoming>span{display:flex;flex-direction:column;gap:4px}.vote-upcoming strong{color:#bcefff;font-size:12px}.vote-upcoming small{color:var(--muted);font-size:10px}.vote-form__description{margin:0;color:#91aaba;font-size:12px;line-height:1.6}.vote-form fieldset{margin:0;padding:0;border:0}.vote-form legend{margin-bottom:9px;color:#9eb5c2;font-size:11px;font-weight:700}.slot-list{display:flex;flex-direction:column;gap:7px}.slot-list button{display:grid;width:100%;min-height:58px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px 11px;border:1px solid rgba(94,159,185,.2);border-radius:3px 10px;color:inherit;background:#081925b3;text-align:left}.slot-list button.is-selected{border-color:#4dd9ff8c;background:#0d506a36;box-shadow:inset 2px 0 0 var(--cyan)}.slot-list__check{display:grid;width:22px;height:22px;place-items:center;border:1px solid #33576b;border-radius:4px;color:#03202c}.slot-list .is-selected .slot-list__check{border-color:var(--cyan);background:var(--cyan)}.slot-list button>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.slot-list strong{font-size:12px}.slot-list small{color:var(--muted);font-size:10px}.slot-list em{color:#7797a8;font-size:9px;font-style:normal}.unavailable-toggle{display:flex;min-height:43px;align-items:center;gap:9px;padding:0 10px;border:1px solid transparent;color:#7893a3;background:transparent;font-size:11px;text-align:left}.unavailable-toggle>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid #355368;border-radius:4px}.unavailable-toggle.is-selected{color:#f4a4b1}.unavailable-toggle.is-selected>span{color:#fff;border-color:var(--danger);background:var(--danger)}.match-card__summary{display:grid;width:100%;min-height:82px;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;padding:11px 12px;border:0;color:inherit;background:transparent;text-align:left}.match-card__date{display:flex;height:48px;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line)}.match-card__date small{color:var(--muted);font-size:9px}.match-card__date strong{color:var(--gold-soft);font-size:18px}.match-card__main{display:flex;min-width:0;flex-direction:column;gap:8px}.match-card__meta{color:var(--muted);font-size:9px}.match-card__score{display:flex;align-items:center;gap:8px}.match-card__score em{color:#4e6b7c;font-size:8px;font-style:normal;font-weight:800}.match-card__score em.is-winner:first-child{color:var(--cyan)}.match-card__score em.is-winner:last-child{color:#ff6982}.match-card__score strong{font-size:16px}.match-card__winner-label{font-size:12px;font-weight:800;letter-spacing:.04em}.match-card__winner-label--blue{color:var(--cyan)}.match-card__winner-label--red{color:#ff7187}.match-card__result{display:flex;align-items:center;gap:8px;color:#506c7c}.match-card__result small{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;font-size:10px;font-weight:900}.match-card__result small.is-win{color:var(--cyan);background:#27afde1f}.match-card__result small.is-loss{color:var(--danger);background:#ff45631c}.match-card__result>svg{transition:transform .16s ease}.match-detail{position:relative;display:grid;grid-template-columns:1fr 28px 1fr;gap:5px;padding:15px 12px;border-top:1px solid var(--line);background:#010a107a}.match-detail__versus{align-self:center;color:#3f5e70;font-size:9px;font-weight:900;text-align:center}.team-roster h3{display:flex;align-items:center;gap:5px;margin:0 0 8px;font-size:9px;letter-spacing:.08em}.team-roster--blue h3{color:var(--cyan)}.team-roster--red h3{color:#ff7187}.team-roster ol{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.team-roster li{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;color:#bfd1da;font-size:10px}.team-roster li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-roster li small{color:#506d7d;font-size:8px}.load-more{margin-top:13px}.empty-state{display:flex;min-height:330px;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;border:1px dashed rgba(83,167,198,.2);border-radius:4px 18px;background:#05121c73;text-align:center}.empty-state>span{display:grid;width:56px;height:56px;place-items:center;margin-bottom:17px;border:1px solid rgba(77,217,255,.2);border-radius:50%;color:var(--cyan);background:#1b82a91a}.empty-state h2{margin:0 0 7px;font-size:15px}.empty-state p{max-width:270px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.empty-state--compact{min-height:150px}.empty-state--compact>span{width:42px;height:42px;margin-bottom:10px}.empty-state--compact>span svg{width:19px}.error-state .button{margin-top:17px}.skeleton-stack{display:flex;flex-direction:column;gap:10px;margin-top:20px}.skeleton-row{display:grid;height:86px;grid-template-columns:1fr 1fr;gap:10px}.skeleton{position:relative;display:block;min-height:82px;overflow:hidden;border:1px solid rgba(90,155,180,.08);border-radius:3px 15px;background:#071722}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(97,193,225,.06),transparent);animation:shimmer 1.5s infinite}.skeleton--hero{min-height:172px}.skeleton--line{min-height:24px;width:34%;margin-top:12px}.skeleton--card{min-height:82px}.sheet-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:16px 12px 0;background:#000408b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.account-sheet{width:100%;max-width:500px;padding:10px 18px calc(20px + var(--safe-bottom));border:1px solid rgba(82,193,232,.22);border-bottom:0;border-radius:20px 20px 0 0;background:linear-gradient(160deg,#081d2a,#041019 65%);box-shadow:0 -25px 70px #0000007a}.sheet-handle{width:42px;height:4px;margin:0 auto 13px;border-radius:999px;background:#2c5266}.account-sheet header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.account-sheet h2{margin:0;font-size:22px}.account-sheet__identity{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;margin-bottom:16px;padding:15px;border:1px solid var(--line);border-radius:3px 14px;background:#020b128c}.account-sheet__identity>span{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(77,217,255,.25);border-radius:50%;color:var(--cyan)}.account-sheet__identity>div{display:flex;min-width:0;flex-direction:column;gap:4px}.account-sheet__identity strong,.account-sheet__identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sheet__identity strong{font-size:14px}.account-sheet__identity small{color:var(--muted);font-size:10px}.account-sheet__identity em{color:var(--success);font-size:8px;font-style:normal;font-weight:800}.create-vote-sheet{max-height:min(92dvh,720px);overflow-y:auto}.create-vote-form{display:flex;flex-direction:column;gap:14px}.create-vote-form fieldset{margin:0;padding:0;border:0}.create-vote-form legend{margin-bottom:9px;color:#9ab0be;font-size:11px;font-weight:700}.create-slot-list{display:flex;flex-direction:column;gap:8px}.create-slot-list>div{display:grid;min-height:48px;grid-template-columns:52px minmax(0,1fr) 40px;align-items:center;overflow:hidden;border:1px solid rgba(102,165,192,.24);border-radius:3px;background:#010910b8}.create-slot-list label{padding-left:10px;color:var(--muted);font-size:10px}.create-slot-list input{width:100%;min-width:0;height:46px;padding:0 7px;border:0;outline:0;color:var(--text);color-scheme:dark;background:transparent;font-size:12px}.create-slot-list button{display:grid;width:40px;height:46px;place-items:center;padding:0;border:0;color:#7f9aaa;background:transparent}.add-slot-button{display:inline-flex;min-height:40px;align-items:center;gap:6px;margin-top:7px;padding:0 6px;border:0;color:var(--cyan-soft);background:transparent;font-size:11px;font-weight:700}@media(min-width:600px){.auth-page{justify-content:center}.auth-page__brand{margin-bottom:34px}.form-grid{grid-template-columns:1fr 1fr}.app-header{padding-right:28px;padding-left:28px}.page{padding:34px 28px 40px}.page--home{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);column-gap:18px}.page--home .page-header{grid-column:1 / -1}.page--home .hero-card{grid-row:span 2}.page--home .quick-grid{align-self:start;margin-top:20px;margin-bottom:0}.page--home .section-title,.page--home .compact-match-list,.page--home>.empty-state{grid-column:1 / -1}.vote-list,.match-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.vote-card.is-open,.match-card.is-open{grid-column:span 2}.bottom-nav{right:50%;left:auto;width:500px;transform:translate(50%);border:1px solid rgba(82,190,229,.17);border-bottom:0;border-radius:18px 18px 0 0}}@media(min-width:900px){.app-shell{padding-bottom:36px}.app-header{position:relative}.bottom-nav{top:74px;right:28px;bottom:auto;left:auto;width:330px;height:54px;padding:0;border:1px solid rgba(82,190,229,.17);border-radius:4px 14px;transform:none}.bottom-nav__inner{height:52px}.bottom-nav button{flex-direction:row;gap:2px}.bottom-nav button span{width:28px}.bottom-nav button.is-active:before{top:auto;bottom:-1px}.page{padding-top:44px}.page-header{padding-right:360px}}@media(max-width:359px){.auth-card{padding-right:17px;padding-left:17px}.page{padding-right:13px;padding-left:13px}.riot-id-group{grid-template-columns:minmax(0,1fr) 90px}.match-card__score{gap:5px}.status-steps{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}