.piecePage{height:100vh;width:100%;overflow:hidden;color:#fff;background:radial-gradient(1200px 700px at 20% 10%,#ffffff1a,#fff0 55%),radial-gradient(900px 600px at 85% 20%,#00b4ff1f,#0000 60%),linear-gradient(180deg,#061a3a,#05132a);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.pieceChrome{position:absolute;top:0;left:0;right:0;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.pieceBrand{letter-spacing:.08em;text-transform:uppercase;font-size:12px;opacity:.9}.pieceCounter{font-size:12px;opacity:.85}.pieceViewport{height:100%;width:100%}.pieceStack{height:100%;width:100%;transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform}.pieceSlide{position:relative;margin:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:80px 22px 28px;box-sizing:border-box}.pieceSlideInner{width:min(1200px,100%);display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center}.pieceLeft{min-width:0}.pieceKicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:10px}.pieceTitle{margin:0;font-size:clamp(34px,4.2vw,56px);line-height:1.05;letter-spacing:-.02em}.pieceDesc{margin-top:14px;margin-bottom:18px;font-size:clamp(14px,1.2vw,16px);line-height:1.6;opacity:.9;max-width:520px}.pieceMiniGrid{margin-top:18px;display:grid;grid-template-columns:repeat(2,160px);gap:14px;align-items:start}.pieceMiniCol{display:flex;flex-direction:column;gap:10px}.pieceMiniLabel{font-size:12px;opacity:.75;letter-spacing:.06em;text-transform:uppercase}.pieceMiniCard{width:160px;height:160px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000059;display:flex;align-items:center;justify-content:center;overflow:hidden}.pieceMiniImg{width:100%;height:100%;object-fit:cover;filter:contrast(1.05) brightness(1.02)}.pieceMiniFallback{padding:12px;font-size:12px;opacity:.85;text-align:center;line-height:1.4}@media(max-width:520px){.pieceMiniGrid{grid-template-columns:1fr;width:100%}.pieceMiniCard{width:100%;max-width:220px}}.pieceDots{display:flex;gap:10px;margin-top:22px;align-items:center}.pieceDot{width:10px;height:10px;border-radius:999px;border:none;background:#ffffffe6;cursor:pointer;transition:transform .18s ease,opacity .18s ease;opacity:.35}.pieceDotActive{opacity:1;transform:scale(1.2)}.pieceHint{margin-top:14px;font-size:12px;opacity:.6}.pieceRight{position:relative;min-width:0}.pieceImageCard{position:relative;border-radius:26px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #00000073}.pieceHeroImg{width:100%;height:min(520px,55vh);object-fit:cover;display:block;filter:contrast(1.05) saturate(1.05)}.pieceHeroFallback{height:min(520px,55vh);display:flex;flex-direction:column;justify-content:center;padding:24px;gap:10px;background:radial-gradient(700px 420px at 30% 20%,#00b4ff33,#0000 60%),#ffffff0f}.pieceHeroFallbackTitle{font-size:24px;font-weight:700;letter-spacing:-.02em}.pieceHeroFallbackText{font-size:13px;opacity:.85;line-height:1.5;max-width:46ch}.pieceImageGlow{position:absolute;inset:0;background:radial-gradient(600px 380px at 30% 10%,#00b4ff2e,#0000 65%);pointer-events:none}.pieceWatermark{position:absolute;right:14px;bottom:-10px;font-size:92px;font-weight:700;letter-spacing:-.04em;opacity:.08;-webkit-user-select:none;user-select:none}.pieceScrollHint{position:absolute;left:50%;bottom:80px;transform:translate(-50%);display:grid;justify-items:center;gap:8px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9;opacity:.9;animation:pieceHintFloat 2.2s ease-in-out infinite}.pieceScrollHintText{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.pieceScrollHintChevrons{display:grid;gap:6px}.pieceScrollHintChevrons .chev{width:18px;height:18px;border-right:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85);transform:rotate(45deg);opacity:.15;animation:pieceChevPulse 1.6s ease-in-out infinite}.pieceScrollHintChevrons .chev:nth-child(2){animation-delay:.18s;opacity:.1}.pieceScrollHintChevrons .chev:nth-child(3){animation-delay:.36s;opacity:.07}@keyframes pieceHintFloat{0%,to{transform:translate(-50%) translateY(0);opacity:.85}50%{transform:translate(-50%) translateY(-6px);opacity:1}}@keyframes pieceChevPulse{0%{opacity:.1;transform:rotate(45deg) translateY(-2px)}50%{opacity:.85;transform:rotate(45deg) translateY(6px)}to{opacity:.05;transform:rotate(45deg) translateY(12px)}}@media(prefers-reduced-motion:reduce){.pieceScrollHint,.pieceScrollHintChevrons .chev{animation:none!important}}.pieceCTA{text-align:center;display:grid;justify-items:center}.piecePlayBtn{margin-top:14px;padding:14px 18px;border-radius:18px;border:1px solid rgba(0,180,255,.35);background:#00b4ff29;color:#fff;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 25px 70px #00000059;animation:piecePlayPulse 1.7s ease-in-out infinite}.piecePlayBtn:hover{background:#00b4ff38;border-color:#00b4ff8c;animation-play-state:paused}.piecePlayBtn:active{transform:scale(.98)}@keyframes piecePlayPulse{0%{box-shadow:0 25px 70px #00000059,0 0 #00b4ff38}60%{box-shadow:0 30px 90px #00000073,0 0 0 16px #00b4ff00}to{box-shadow:0 25px 70px #00000059,0 0 #00b4ff00}}@media(prefers-reduced-motion:reduce){.piecePlayBtn{animation:none!important}}.page{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;padding:16px;display:grid;gap:16px;color:#fff}button{color:#fff;background-color:#000}.topbar{display:grid;align-items:center;justify-content:center;gap:10px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input{padding:8px 10px;border:1px solid #ddd;border-radius:10px;min-width:260px}.row button{padding:8px 12px;border:1px solid #ddd;border-radius:10px;cursor:pointer}.pill{padding:4px 10px;border-radius:999px;border:1px solid #ddd;font-size:12px}.info{gap:16px}.error{background:#fff5f5;border:1px solid #ffd5d5;padding:10px;border-radius:12px}.board{display:grid;grid-template-columns:repeat(8,70px);grid-template-rows:repeat(8,70px);border:1px solid #ddd;border-radius:16px;overflow:hidden}.sq{position:relative;width:70px;height:70px;border:none;padding:0;cursor:pointer}.sq.light{background:#f4f1ea}.sq.dark{background:#c7b299}.sq.selected{outline:3px solid #000;outline-offset:-3px}.piece{font-size:34px;line-height:70px}.coord{position:absolute;bottom:4px;right:6px;font-size:10px;opacity:.55}.hint{opacity:.7}.turnIndicator{position:fixed;top:12px;right:12px;z-index:1000;pointer-events:none}.turnBtn{pointer-events:auto;padding:10px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.15);font-weight:700;font-size:13px;letter-spacing:.2px;box-shadow:0 6px 18px #0000001f;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.turnBtn:hover{transform:translateY(-1px);filter:brightness(1.03)}.turnBtn.isMyTurn{background:#1f9d55;color:#fff;border-color:#0000001f}.turnBtn.isNotMyTurn{background:#e02424;color:#fff;border-color:#0000001f}@media(max-width:420px){.turnBtn{padding:8px 12px;font-size:12px}}.pieceOutlined{display:flex;align-items:center;justify-content:center;font-size:2.5rem;-webkit-user-select:none;user-select:none}.white-piece{color:#fff;-webkit-text-stroke:1px rgba(0,0,0,.6);text-shadow:1px 1px 0px rgba(0,0,0,.4),-1px -1px 0px rgba(0,0,0,.4)}.black-piece{color:#000;-webkit-text-stroke:1px rgba(255,255,255,.7);text-shadow:1px 1px 2px rgba(255,255,255,.5),-1px -1px 2px rgba(255,255,255,.5)}.sq.targeted,.sq.hintMove,.sq.hintCapture,.sq.hintAttack,.sq.hintShoot{outline-offset:-0px;z-index:2;position:relative}.sq.hintMove{outline:3px solid rgba(0,255,0,.6)!important}.sq.hintCapture{outline:3px solid rgba(255,0,0,.65)!important}.sq.hintAttack,.sq.hintShoot{outline:3px solid rgba(0,89,255,.75)!important}.sq.targeted{outline:4px solid red!important}.sq.attackable{outline:2px solid rgba(255,0,0,.7);outline-offset:-2px}.sq.attackable .coord{opacity:1}.sq.targeted{outline:4px solid red!important;outline-offset:-4px;z-index:2;position:relative}.emoteBar{display:flex;align-items:center;gap:10px;padding:10px 0;justify-content:center}.emotePicker{display:flex;gap:8px;overflow-x:auto;padding:4px;max-width:min(720px,92vw)}.emoteBtn{width:44px;height:44px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#00000040;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.emoteBtn img{width:34px;height:34px;object-fit:cover;border-radius:8px}.emoteBtn.active{outline:2px solid rgba(255,255,255,.55);transform:translateY(-1px)}.sendEmoteBtn{height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000059;cursor:pointer}.sendEmoteBtn:disabled{opacity:.55;cursor:not-allowed}.emotePopups{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:50;pointer-events:none}.emotePopup{width:64px;height:64px;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#00000040;box-shadow:0 10px 30px #00000059;animation:emotePop 1.6s ease forwards;transform-origin:80% 90%}.emotePopup img{width:100%;height:100%;object-fit:cover}.emotePopup.mine{outline:2px solid rgba(120,220,255,.35)}.emotePopup.theirs{outline:2px solid rgba(255,140,160,.3)}@keyframes emotePop{0%{opacity:0;transform:translateY(12px) scale(.85);filter:blur(2px)}12%{opacity:1;transform:translateY(0) scale(1.05);filter:blur(0)}22%{transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.96)}}.emoteModalToggle{border-radius:12px;padding:8px 12px}.emoteModalOverlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:60}.emoteModal{width:min(720px,92vw);max-height:min(520px,80vh);overflow:auto;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#121214eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 60px #0000008c;padding:12px;animation:emoteModalIn .14s ease-out}@keyframes emoteModalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.emoteModalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.emoteModalTitle{font-weight:700;letter-spacing:.2px}.emoteModalClose{width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#00000040;cursor:pointer}.emoteGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}@media(max-width:640px){.emoteGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.emoteCard{border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000038;padding:10px;display:grid;gap:8px;cursor:pointer;transition:transform .12s ease}.emoteCard:hover{transform:translateY(-2px)}.emoteCard img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px}.emoteLabel{font-size:12px;opacity:.85;text-align:center}.emoteModalHint{margin-top:10px;font-size:12px;opacity:.7;text-align:center}.boardLayout{display:grid;grid-template-columns:280px minmax(320px,1fr) 280px;gap:18px;align-items:start;justify-content:center;padding:14px 0 24px}.sidePanel{display:flex;justify-content:center;position:sticky;top:12px;height:fit-content}.sidePanel.left{justify-content:flex-end}.sidePanel.right{justify-content:flex-start}.boardWrap{display:flex;justify-content:center}@media(max-width:980px){.boardLayout{grid-template-columns:1fr}.sidePanel{position:relative;top:auto}.sidePanel.left{order:1}.boardWrap{order:2}.sidePanel.right{order:3}}.playerCardWrap{position:relative}.cardEmoteBubble{position:absolute;top:100%;margin-top:10px;z-index:50;left:50%;width:140px;height:140px;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #00000040;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cardEmoteBubble img{width:100%;height:100%;object-fit:cover;display:block}.leftBubble{left:0}.rightBubble{right:0}@keyframes cardEmotePop{0%{opacity:0;transform:translateY(-6px) scale(.92);filter:blur(1.5px)}12%{opacity:1;transform:translateY(0) scale(1.03);filter:blur(0)}20%{transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.96)}}.outcomeModalOverlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:16px}.outcomeModal{width:min(520px,92vw);border-radius:16px;background:#0f1620;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 60px #0000008c;overflow:hidden}.outcomeModalHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.outcomeModalTitle{font-weight:900;font-size:16px}.outcomeModalClose{border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer;opacity:.85}.outcomeModalBody{padding:18px 16px 16px;display:grid;gap:10px}.outcomeBig{font-size:26px;font-weight:900;letter-spacing:.2px}.outcomeSub{opacity:.85;font-size:13px}.outcomeActions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.outcomeActions button{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;cursor:pointer}.outcomeModalBody.win .outcomeBig{text-shadow:0 0 18px rgba(80,255,140,.18)}.outcomeModalBody.loss .outcomeBig{text-shadow:0 0 18px rgba(255,80,80,.18)}.outcomeModalBody.draw .outcomeBig{text-shadow:0 0 18px rgba(120,160,255,.18)}.rematchLine{min-height:42px;display:flex;align-items:center}.rematchLine:empty{min-height:0}.outcomeButtons{display:flex;gap:10px;flex-wrap:wrap}.rematchChip{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px #00000040;font-size:13px}.rematchChip .chipActions{display:flex;gap:8px;margin-left:6px}.rematchChip .dot{width:9px;height:9px;border-radius:50%;background:#ffffff59;box-shadow:0 0 0 4px #ffffff0f}.rematchChip.positive{border-color:#3cffaa40;background:#0a321e73}.rematchChip.positive .dot{background:#3cffaae6;box-shadow:0 0 0 4px #3cffaa1f}.rematchChip.negative{border-color:#ff6e6e47;background:#3c0a0a73}.rematchChip.negative .dot{background:#ff6e6ef2;box-shadow:0 0 0 4px #ff6e6e1f}.rematchChip.pending{border-color:#8caaff40;background:#14193773}.rematchChip.started{border-color:#ffffff2e;background:#ffffff0f}.rematchChip .spinner{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#ffffffd9;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.playerCard{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#19191eb8,#0e0e12d1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 55px #0006;padding:14px;min-width:240px;max-width:280px;display:grid;gap:12px;position:relative;overflow:hidden}.playerCard:before{content:"";position:absolute;inset:-1px;opacity:.55;pointer-events:none;background:radial-gradient(700px 220px at 20% -10%,rgba(255,255,255,.1),transparent 55%),radial-gradient(520px 240px at 110% 40%,rgba(255,255,255,.06),transparent 55%)}.playerCard.isTurn{transform:translateY(-1px);box-shadow:0 20px 60px #00000080}.pcTop{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.pcIdentity{display:grid;gap:8px;min-width:0}.pcNameRow{display:flex;align-items:center;gap:10px;min-width:0}.pcName{font-weight:800;letter-spacing:.2px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcYouPill{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14}.pcMeta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pcTierPill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000038}.pcTierIcon{font-size:14px;opacity:.95}.pcTierText{font-size:12px;font-weight:700;opacity:.92}.pcElo{display:inline-flex;align-items:baseline;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0000002e}.pcEloLabel{font-size:11px;font-weight:700;opacity:.7}.pcEloValue{font-size:13px;font-weight:900}.pcAvatar{width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#00000040;display:grid;place-items:center}.pcAvatarInner{font-size:28px;opacity:.92;transform:translateY(-1px)}.pcBottom{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.pcStatusRow{display:flex;align-items:center;gap:8px}.pcConnDot{width:10px;height:10px;border-radius:999px;background:#5affaaf2;box-shadow:0 0 0 3px #5affaa24}.playerCard.isDisconnected .pcConnDot{background:#ff5a5af2;box-shadow:0 0 0 3px #ff5a5a24}.pcStatusText{font-size:12px;opacity:.78;font-weight:600}.pcTurnPill{font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000038}.playerCard.side-white .pcAvatarInner{filter:drop-shadow(0 10px 18px rgba(255,255,255,.1))}.playerCard.side-black .pcAvatarInner{filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}.playerCard.tier-silver{box-shadow:0 18px 55px #0006}.playerCard.tier-gold:after,.playerCard.tier-platinum:after,.playerCard.tier-diamond:after,.playerCard.tier-grandmaster:after{content:"";position:absolute;inset:-2px;border-radius:20px;pointer-events:none;opacity:.55;filter:blur(12px)}.playerCard.tier-gold:after{background:radial-gradient(420px 160px at 30% 0%,rgba(255,215,120,.45),transparent 60%)}.playerCard.tier-platinum:after{background:radial-gradient(420px 160px at 30% 0%,rgba(170,245,255,.4),transparent 60%)}.playerCard.tier-diamond:after{background:radial-gradient(420px 160px at 30% 0%,rgba(160,180,255,.45),transparent 60%)}.playerCard.tier-grandmaster:after{background:radial-gradient(520px 200px at 30% 0%,rgba(255,120,180,.4),transparent 65%),radial-gradient(460px 200px at 90% 30%,rgba(255,210,120,.25),transparent 65%)}.playerCard.isTurn .pcTurnPill{background:#ffffff1a;border-color:#ffffff2e}section{margin-top:40px;margin-bottom:40px}.upPage{min-height:100vh;width:100%}.upLayout{width:min(1400px,100%);margin:0 auto;padding:22px;display:grid;grid-template-columns:280px 1fr;gap:26px;align-items:start;position:relative}@media(max-width:980px){.upLayout{grid-template-columns:1fr}}.upTimeline{position:sticky;top:50vh;transform:translateY(-50%);margin-left:-120px;width:300px}.upTimelineTitle{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:12px}.upRail{position:absolute;left:22px;top:54px;bottom:18px;width:2px;background:linear-gradient(to bottom,#ffffff1f,#ffffff05)}.upTimelineList{list-style:none;margin:0;padding:0;display:grid;gap:12px}.upTimelineItem{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start}.upDot{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.22);background:#0003;margin-top:10px}.upDot.isActive{border-color:#00b4ffa6;box-shadow:0 0 0 6px #00b4ff24}.upItem{width:100%;text-align:left;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:12px;cursor:pointer;color:#fff;transition:transform .18s ease,background .18s ease}.upItem:hover{transform:translateY(-1px);background:#ffffff14}.upItem.isActive{border-color:#00b4ff40;background:#00b4ff1a}.upItemLabel{font-weight:700;letter-spacing:-.01em}.upItemDate{margin-top:8px;font-size:12px;opacity:.75}.upContent{display:grid;gap:18px}.upSection{border-radius:26px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #00000059;padding:18px;scroll-margin-top:22px}.upHeader{margin-bottom:14px}.upFeatureGrid{display:grid;grid-template-columns:1.05fr 1fr;gap:18px;align-items:start}@media(max-width:860px){.upFeatureGrid{grid-template-columns:1fr}}.upImageBox{height:min(520px,55vh);border-radius:26px;background:radial-gradient(700px 420px at 30% 20%,#00b4ff33,#0000 60%),#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #00000073;display:flex;align-items:center;justify-content:center;font-weight:700;opacity:.85}.upSide{display:grid;gap:14px}.upMini{border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000040;padding:14px}.upMiniLabel{font-size:12px;opacity:.75;letter-spacing:.08em;text-transform:uppercase}.upIcon{margin-top:10px;font-size:44px;font-weight:800}.upMoves{margin:10px 0 0;padding-left:18px;line-height:1.6;opacity:.9}.upTwoGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:860px){.upTwoGrid{grid-template-columns:1fr}}.upTextCard{border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000040;padding:14px;margin-top:12px}.upTextHeading{font-weight:800;letter-spacing:-.01em;margin-bottom:8px}.typoPage{min-height:100vh;width:100%;padding:22px 0}.typoHeader{margin-bottom:18px}.typoHeaderRow{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.typoGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:980px){.typoGrid{grid-template-columns:1fr}}.typoLabel{display:grid;gap:8px;margin-top:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.typoRow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.typoPre{margin:12px 0 0;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0000002e;overflow:auto;line-height:1.5;font-size:13px}.lbPage{padding-top:34px;padding-bottom:42px}.lbHeader{margin-bottom:18px}.lbTierSection{margin-top:18px}.lbTierHeader{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.lbTierTitle{margin:0}.lbTierSub{margin:6px 0 0}.lbTierBadge{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;white-space:nowrap}.lbTierList{display:flex;flex-direction:column;gap:10px;align-items:center}.lbRowCard.card{width:70%;min-height:35px;padding:2px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:12px}.lbRowLeft{display:inline-flex;align-items:center;gap:10px;min-width:0}.lbRowRankIcon{font-size:14px;line-height:1}.lbRowRank{font-weight:800;font-size:12px;letter-spacing:-.02em;opacity:.95}.lbRowName{font-weight:800;font-size:12px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.lbRowRight{display:inline-flex;align-items:baseline;gap:8px;flex:0 0 auto}.lbRowEloLabel{font-size:10px;letter-spacing:.14em;opacity:.75}.lbRowElo{font-weight:900;font-size:12px;letter-spacing:-.02em}@media(max-width:900px){.lbRowCard.card{width:100%}.lbRowName{max-width:55vw}}.lbRowCard.card.lbTier-silver{background:linear-gradient(90deg,#dce6ff2e,#ffffff0f)!important;border-color:#dce6ff42!important}.lbRowCard.card.lbTier-gold{background:linear-gradient(90deg,#ffc83c2e,#ffffff0f)!important;border-color:#ffc83c4d!important}.lbRowCard.card.lbTier-platinum{background:linear-gradient(90deg,#78ffe629,#ffffff0f)!important;border-color:#78ffe642!important}.lbRowCard.card.lbTier-diamond{background:linear-gradient(90deg,#6eb4ff2e,#ffffff0f)!important;border-color:#6eb4ff4d!important}.lbRowCard.card.lbTier-grandmaster{background:linear-gradient(90deg,#ff50782e,#ffffff0f)!important;border-color:#ff507857!important}.lbTierBadge-silver{border-color:#dce6ff42}.lbTierBadge-gold{border-color:#ffc83c4d}.lbTierBadge-platinum{border-color:#78ffe642}.lbTierBadge-diamond{border-color:#6eb4ff4d}.lbTierBadge-grandmaster{border-color:#ff507857}.lbRowCardMe{box-shadow:0 18px 44px #00000059,0 0 0 1px #ffffff0f inset}.lbMeSection{margin-top:16px;justify-content:center;display:flex}.lbMeTitleRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.lbMeHint{font-size:12px;max-width:55%}.authPage{padding-top:34px;padding-bottom:42px;display:flex;flex-direction:column;align-items:center}.authHeader{width:min(720px,100%);margin-bottom:14px}.authCard{width:min(720px,100%);padding:18px}.authForm{display:flex;flex-direction:column;gap:12px}.authLabel{display:flex;flex-direction:column;gap:8px}.authLabelText{font-weight:800;letter-spacing:-.02em}.authInput{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;outline:none}.authInput:focus{border-color:#6eb4ff59;box-shadow:0 0 0 4px #6eb4ff1f}.authHint{font-size:12px;margin-top:-2px}.authCheckRow{display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.authCheckText{font-size:13px}.authLink{color:inherit;text-decoration:underline;text-decoration-color:#ffffff59}.authBtn{margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:inherit;font-weight:900;letter-spacing:-.02em;cursor:pointer}.authBtn:disabled{opacity:.5;cursor:not-allowed}.authAlt{margin-top:8px}.frPage{padding-top:34px;padding-bottom:42px;display:flex;flex-direction:column;gap:14px}.frHeader{margin-bottom:2px}.frTabs{display:flex;gap:10px;padding:10px;align-items:center;flex-wrap:wrap}.frTab{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;border-radius:12px;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}.frTab.isActive{border-color:#6eb4ff59;box-shadow:0 0 0 4px #6eb4ff1a}.frPill{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.frPanel{padding:16px}.frPanelTop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.frToast{padding:12px 14px;position:sticky;top:10px;z-index:10}.frList{display:flex;flex-direction:column;gap:10px}.frRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.frRowLeft{display:inline-flex;align-items:center;gap:12px;min-width:0}.frNameBlock{min-width:0}.frName{font-weight:900;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw}.frSub{font-size:12px}.frRowRight{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.frBtn{border-radius:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;cursor:pointer;font-weight:900}.frBtn:disabled{opacity:.55;cursor:not-allowed}.frBtn-good{border-color:#78ffe638;background:#78ffe614}.frBtn-bad{border-color:#ff507838;background:#ff507814}.frDot{width:10px;height:10px;border-radius:999px;background:#ffffff4d;flex:0 0 auto}.frDot.online{background:#78ffe6e6}.frDot.in_game{background:#ffc83ce6}.frDot.offline{background:#ffffff40}.frTwoCols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.frColTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.frAddRow{display:flex;align-items:center;gap:10px}.frInput{flex:1 1 auto;width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:inherit;outline:none}.frInput:focus{border-color:#6eb4ff59;box-shadow:0 0 0 4px #6eb4ff1f}.frHelp{margin-top:10px}@media(max-width:900px){.frTwoCols{grid-template-columns:1fr}}.ft{margin-top:28px;border-top:1px solid rgba(255,255,255,.1);background:radial-gradient(900px 240px at 20% 0%,#6eb4ff1a,#0000 60%),#ffffff08}.ftInner{padding-top:22px;padding-bottom:18px}.ftTop{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;flex-wrap:wrap}.ftBrand{display:inline-flex;align-items:center;gap:12px;min-width:240px}.ftLogo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;box-shadow:0 18px 50px #00000059}.ftName{font-weight:900;letter-spacing:-.02em;line-height:1.1}.ftTagline{font-size:12px;margin-top:2px}.ftLinks{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:18px;flex:1 1 auto;min-width:min(520px,100%)}.ftColTitle{font-weight:900;letter-spacing:-.02em;margin-bottom:8px}.ftLink{display:block;padding:6px 0;color:inherit;text-decoration:none;opacity:.85}.ftLink:hover{opacity:1;text-decoration:underline;text-decoration-color:#ffffff59}.ftBottom{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ftBottomRight{display:inline-flex;align-items:center;gap:10px}.ftDot{width:8px;height:8px;border-radius:999px;background:#78ffe6e6;box-shadow:0 0 0 4px #78ffe61f}@media(max-width:820px){.ftLinks{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ftLinks{grid-template-columns:1fr}}.ah{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.1);background:radial-gradient(900px 240px at 20% 0%,#6eb4ff1a,#0000 60%),#05132ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ahInner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;padding-bottom:10px}.ahLeft{display:inline-flex;align-items:center;gap:14px;min-width:0}.ahLogoSlot{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;box-shadow:0 18px 50px #00000059;flex:0 0 auto}.ahLogoMark{font-size:18px;line-height:1}.ahNav{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.ahLink{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;text-decoration:none;color:inherit;opacity:.85;border:1px solid transparent;background:transparent;font-weight:900;letter-spacing:-.02em}.ahLink:hover{opacity:1;border-color:#ffffff1a;background:#ffffff0d}.ahLink.isActive{opacity:1;border-color:#6eb4ff59;background:#6eb4ff1a;box-shadow:0 0 0 4px #6eb4ff1a}.ahRight{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.ahUser{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.ahUserName{font-weight:900;letter-spacing:-.02em;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ahUserBadge{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:5px 8px;border:1px solid rgba(120,255,230,.22);background:#78ffe614}.ahBtn{border-radius:12px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:inherit;cursor:pointer;font-weight:900}.ahBtn:hover{background:#ffffff17}.ahAuthLinks{display:inline-flex;align-items:center;gap:8px}@media(max-width:860px){.ahInner{align-items:flex-start}.ahNav{gap:6px}.ahLink{padding:7px 9px}}@media(max-width:560px){.ahLogoSlot{width:40px;height:40px;border-radius:12px}.ahUserName{max-width:120px}}:root{--bgTop: #061a3a;--bgBottom: #05132a;--text: #ffffff;--panel: rgba(255,255,255,.06);--panelBorder: rgba(255,255,255,.1);--shadow: 0 30px 80px rgba(0,0,0,.45);--muted: rgba(255,255,255,.75);--muted2: rgba(255,255,255,.6);--accent: rgba(0,180,255,1);--accentSoft: rgba(0,180,255,.18);--radius: 18px;--radiusLg: 26px;--container: 1200px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:var(--font);background:radial-gradient(1200px 700px at 20% 10%,#ffffff1a,#fff0 55%),radial-gradient(900px 600px at 85% 20%,#00b4ff1f,#0000 60%),linear-gradient(180deg,var(--bgTop) 0%,var(--bgBottom) 100%);overflow-x:hidden}#root{min-height:100%}h1,h2,h3,h4,h5,h6{margin:0 0 10px;letter-spacing:-.02em}h1{font-size:clamp(34px,4.2vw,56px);line-height:1.05}h2{font-size:clamp(26px,2.8vw,40px);line-height:1.15}h3{font-size:clamp(20px,2vw,28px);line-height:1.2}h4{font-size:18px;line-height:1.25}h5{font-size:16px;line-height:1.3;opacity:.95}h6{font-size:14px;line-height:1.35;opacity:.9}p{margin:0 0 14px;font-size:clamp(14px,1.2vw,16px);line-height:1.6;opacity:.9;max-width:70ch}small{font-size:12px;opacity:.75}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}a{color:#00b4fff2;text-decoration:none}a:hover{text-decoration:underline}hr{border:none;height:1px;background:#ffffff1a;margin:18px 0}ul,ol{margin:0 0 14px;padding-left:22px;opacity:.9;line-height:1.6}li{margin:6px 0}.container{width:min(var(--container),100%);margin:0 auto;padding:22px}.card{border-radius:var(--radiusLg);background:var(--panel);border:1px solid var(--panelBorder);box-shadow:var(--shadow)}.cardPad{padding:18px}.kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:10px}.muted{opacity:.75}.muted2{opacity:.6}.btn{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;border-radius:14px;padding:10px 12px;cursor:pointer;transition:transform .18s ease,background .18s ease,opacity .18s ease;box-shadow:0 20px 50px #00000040}.btn:hover{transform:translateY(-1px);background:#ffffff14}.btn:active{transform:translateY(0)}.btnPrimary{background:#00b4ff29;border-color:#00b4ff40}.btnPrimary:hover{background:#00b4ff38}.input,textarea,select{width:100%;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 12px;outline:none}.input:focus,textarea:focus,select:focus{border-color:#00b4ff59;box-shadow:0 0 0 6px #00b4ff24}