:root{--bg: #0C0C0C;--card: #1A1A1A;--card-2: #232323;--card-3: #2B2B2B;--input: #161616;--fg: #FFFFFF;--fg-mute: #AEAEAF;--fg-dim: #6B6B6B;--accent: #FE0037;--accent-soft: #B92F4D;--accent-bg: rgba(254, 0, 55, .14);--green: #4EFF7E;--green-bg: rgba(78, 255, 126, .12);--blue: #377DFF;--blue-d: #006692;--gold: #FFC93D;--gold-bg: rgba(255, 201, 61, .14);--warn: #FFB020;--vip-bronze: #D08B5B;--vip-silver: #C9D1DB;--vip-gold: #FFC93D;--line: #2A2A2A;--line-soft: #1E1E1E;--grad-red: linear-gradient(180deg, #FE0037 0%, #B92F4D 100%);--grad-red-radial: radial-gradient(120% 140% at 50% 0%, #FF3D63 0%, #FE0037 45%, #B92F4D 100%);--grad-blue: linear-gradient(180deg, #377DFF 0%, #006692 100%);--grad-green: linear-gradient(180deg, #4EFF7E 0%, #0E8F3D 100%);--grad-card: linear-gradient(110deg, #FE0037 0%, #B92F4D 100%);--grad-card-dim: linear-gradient(180deg, #1F1F1F 0%, #141414 100%);--r-card: 24px;--r-md: 16px;--r-sm: 12px;--r-pill: 100px;--r-seg: 32px;--bg-elev: var(--card);--bg-input: var(--input);--hr: var(--line);--hr-soft: var(--line-soft);--accent-h: #FF3D63;--accent-d: #B92F4D;--accent-border: var(--accent);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--d-press: .12s;--d-fast: .16s;--d-pop: .22s;--d-modal: .28s;--shadow-card: 0 1px 0 rgba(255,255,255,.03) inset;--shadow-pop: 0 12px 40px rgba(0,0,0,.55);--glow-accent: 0 6px 24px rgba(254,0,55,.35);--gutter: 16px;--content-max: 1280px;--rail-w: 240px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg)}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:500;color:var(--fg);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit;background:none;border:0}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.brand{font-family:New Amsterdam,Archivo Narrow,Inter,sans-serif;font-weight:400;letter-spacing:.01em;line-height:1;font-style:italic}.h1{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.05}.h2{font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.h3{font-size:18px;font-weight:600;letter-spacing:-.02em}.title{font-size:16px;font-weight:600;letter-spacing:-.02em}.body{font-size:14px;font-weight:500;line-height:1.5}.sm{font-size:12px;font-weight:500}.xs{font-size:11px;font-weight:500;letter-spacing:0}.macro{font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums}.macro-xl{font-size:52px}.macro-lg{font-size:32px}.num{font-variant-numeric:tabular-nums}.mute{color:var(--fg-mute)}.dim{color:var(--fg-dim)}.acc{color:var(--accent)}.pos{color:var(--green)}.up{text-transform:uppercase;letter-spacing:.02em}.mono{font-family:Inter,sans-serif;font-size:12px;font-weight:500}.mono-sm{font-size:10px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pressable{transition:transform var(--d-press) var(--ease-out),filter var(--d-fast) var(--ease-out),background var(--d-fast) var(--ease-out),opacity var(--d-fast) var(--ease-out);-webkit-tap-highlight-color:transparent}.pressable:active{transform:scale(.97)}.pressable:disabled:active{transform:none}@media (hover: hover){.pressable:hover:not(:disabled){filter:brightness(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.app.shake{animation:shake .46s ease-in-out}@keyframes pulse-ring{0%{box-shadow:0 0 #fe00378c}70%{box-shadow:0 0 0 10px #fe003700}to{box-shadow:0 0 #fe003700}}.pulse{animation:pulse-ring 1.6s var(--ease-out) infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .22s var(--ease-out) both}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skel-in{to{opacity:1}}.skeleton{position:relative;overflow:hidden;background:var(--card);border-radius:var(--r-md);opacity:0;animation:skel-in .22s var(--ease-out) .35s forwards}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--card-2) 50%,transparent 100%);animation:shimmer 1.4s var(--ease-in-out) infinite;will-change:transform}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.32);border-top-color:currentColor;animation:spin .7s linear infinite;flex-shrink:0}::-webkit-scrollbar{width:0;height:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"top" "main" "tabs";height:100vh;height:100dvh;width:100%;background:var(--bg);overflow:hidden;position:relative}.app>.topbar{grid-area:top}.app>main{grid-area:main;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:20px;position:relative}.app>.tabbar{grid-area:tabs}.app>.rail{display:none}.page{padding-inline:var(--gutter);display:flex;flex-direction:column;gap:16px}.page-head{display:flex;align-items:center;gap:12px;margin-top:4px;min-height:36px}.page-head .h1{flex:1;min-width:0}@media (min-width: 900px){:root{--gutter: 32px}body{background:radial-gradient(120% 80% at 50% -10%,#1b0b12,#0c0c0c 55%)}.app{grid-template-columns:var(--rail-w) 1fr;grid-template-rows:1fr;grid-template-areas:"rail main";max-width:1440px;margin:0 auto;background:transparent}.app>.topbar,.app>.tabbar{display:none!important}.app>.rail{display:flex;grid-area:rail}.app>main{padding:28px 0 40px}.app>:not(.rail):not(main){grid-area:main}.page{max-width:var(--content-max);margin:0 auto;width:100%;gap:20px}body{font-size:15px}.h1{font-size:34px;letter-spacing:-.02em}.h2{font-size:24px;letter-spacing:-.02em}.title{font-size:17px;letter-spacing:-.01em}.body{font-size:15px}.sm{font-size:13px}.xs{font-size:12px}.card,.page>section{padding:20px}.mobile-only{display:none!important}.scroll-panel{max-height:calc(100vh - 300px);overflow-y:auto;padding-right:4px}.history-panel{max-height:calc(100vh - 520px);min-height:180px}}@media (max-width: 899px){.desktop-only{display:none!important}}.pad-x{padding-inline:var(--gutter)}.pad{padding:16px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}@media (min-width: 900px){.grid-2-desktop,.grid-3-1200{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.grid-3-desktop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.grid-2-desktop>*,.grid-3-1200>*,.grid-3-desktop>*,.cols-main-side>*,.match-layout>*{min-width:0}html.is-desktop .page-head{padding-right:96px}.cols-main-side{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}}.card{background:var(--card);border-radius:var(--r-card);padding:16px}.card-inset{background:var(--card-2);border-radius:var(--r-md)}.field{width:100%;background:var(--input);border:1px solid var(--line);color:var(--fg);padding:14px 16px;border-radius:var(--r-md);font-family:Inter,sans-serif;font-weight:500;font-size:16px;outline:none;transition:border-color .16s var(--ease-out)}.field::placeholder{color:var(--fg-dim)}.field:focus{border-color:var(--accent)}.field.center{text-align:center}.list-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:64px;background:var(--card-2);border-radius:var(--r-md);padding:12px 14px;transition:background var(--d-fast) var(--ease-out)}@media (hover: hover){.list-row.clickable:hover{background:var(--card-3)}}.match-layout,.match-side{display:flex;flex-direction:column;gap:12px}@media (min-width: 900px){.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}.match-board{max-width:max(360px,min(760px,calc(100vh - 340px)));margin:0 auto;width:100%}}.board{display:grid;grid-template-columns:repeat(8,1fr);border-radius:14px;overflow:hidden;aspect-ratio:1;width:100%;user-select:none;box-shadow:0 10px 40px #00000073}.sq{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:0;padding:0}.sq.light{background:#e8e0d2}.sq.dark{background:#7a4b3a}.sq.last{box-shadow:inset 0 0 0 100px #ffc93d59}.sq.sel{box-shadow:inset 0 0 0 100px #fe00376b}.sq.check{box-shadow:inset 0 0 0 100px #fe00378c}.sq .dot{position:absolute;width:26%;height:26%;border-radius:50%;background:#00000047;pointer-events:none}.sq .ring{position:absolute;inset:6%;border-radius:50%;border:4px solid rgba(0,0,0,.28);pointer-events:none}.sq .coord{position:absolute;font-size:9px;font-weight:700;pointer-events:none;opacity:.7}.sq.light .coord{color:#7a4b3a}.sq.dark .coord{color:#e8e0d2}.piece{width:88%;height:88%;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.board.checkers .sq.light{background:#eae3d8}.board.checkers .sq.dark{background:#3a1b22}.man{width:74%;height:74%;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -3px 4px #00000073,inset 0 2px 2px #ffffff59,0 3px 4px #00000080}.man.w{background:radial-gradient(circle at 32% 28%,#fff,#dcdcdc 40%,#8d8d8d)}.man.b{background:radial-gradient(circle at 32% 28%,#ff5670,#d10030 45%,#5a0014)}.man .crown{color:#0000008c}.man.b .crown{color:#ffffffd9}.pcard{width:var(--card-w, 56px);height:calc(var(--card-w, 56px) * 1.42);border-radius:6px;overflow:hidden;background:#fff;flex-shrink:0;box-shadow:0 2px 6px #00000073,0 0 0 1px #0000004d}.pcard img{width:100%;height:100%;object-fit:cover}.pcard.back{background:#7a0f24}.pcard.sel{box-shadow:0 0 0 3px var(--accent),0 8px 20px #fe003773}.pcard.dis{opacity:.45;filter:grayscale(.4)}.pcard.hl{box-shadow:0 0 0 3px var(--gold),0 0 22px #ffc4008c,0 2px 6px #00000073}.pcard.dimmed{opacity:.55}.table-felt{position:relative;border-radius:28px;background:radial-gradient(120% 90% at 50% 30%,#2a1218,#170b0e 70%,#120a0c);box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 80px #0009,0 20px 60px #00000080}.vip-bronze{color:var(--vip-bronze)}.vip-silver{color:var(--vip-silver)}.vip-gold{color:var(--vip-gold)}@media (min-width: 900px){.game-card{height:150px!important;min-height:150px!important;padding:18px 20px!important}.game-card .h2{font-size:26px}}@media (min-width: 1200px){.grid-3-1200{grid-template-columns:repeat(3,minmax(0,1fr))}}