@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#0b1425;--side:#081120;--panel:#112038;--panel2:#1a2d49;--line:#2b4161;--text:#f2f5fb;--muted:#a1b1ca;--accent:#9fbce5;--accent-ink:#0b1c35;--sq-light:#cbd7e8;--sq-dark:#3e5e89;--glow:#9fbce524;--danger:#f29d8e;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=midnight]{--bg:#151421;--side:#100e1a;--panel:#211f31;--panel2:#2b2942;--line:#35324c;--text:#f4f1ff;--muted:#a5a0bc;--accent:#b7acff;--accent-ink:#20173a;--sq-light:#c9c0e1;--sq-dark:#71638f;--glow:#b7acff1f}:root[data-theme=ember]{--bg:#211916;--side:#181210;--panel:#2e2420;--panel2:#3b2e27;--line:#49392f;--text:#fff3ea;--muted:#bea598;--accent:#ffb481;--accent-ink:#3c2113;--sq-light:#e3c6a7;--sq-dark:#996948;--glow:#ffb4811c}:root[data-theme=ocean]{--bg:#101e24;--side:#0b161b;--panel:#182b34;--panel2:#213b45;--line:#2a4852;--text:#effbfa;--muted:#98b2bb;--accent:#83dce1;--accent-ink:#103338;--sq-light:#bed9d7;--sq-dark:#4a8189;--glow:#83dce11f}:root[data-theme=paper]{--bg:#f3f2ec;--side:#e7e9df;--panel:#fffef8;--panel2:#e9ecdf;--line:#d5dacd;--text:#28332a;--muted:#6d786b;--accent:#476e42;--accent-ink:#fff;--sq-light:#e4e8d9;--sq-dark:#7c9870;--glow:#476e421a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline:2px solid var(--accent);outline-offset:4px}input,select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:12px}input::placeholder{color:var(--muted)}p{line-height:1.65}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.brand{font-family:Space Grotesk,DM Sans,sans-serif}h1{letter-spacing:-2px}h2{letter-spacing:-.7px}em{color:var(--accent);font-style:normal}.app-shell{min-height:100vh}.sidebar{background:var(--side);border-right:1px solid var(--line);z-index:40;flex-direction:column;width:226px;padding:34px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{text-align:left;letter-spacing:-.7px;align-items:center;gap:11px;padding:0 4px;font-size:23px;font-weight:700;line-height:1.05;display:flex}.brand-dot{color:var(--accent)}.brand-symbol{width:38px;height:51px;color:var(--accent);display:block}.brand-symbol svg{width:100%;height:100%}.school-lockup{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:22px;padding:26px 6px 25px;display:flex}.school-lockup img{object-fit:contain;width:74px;height:31px}.school-lockup>span{letter-spacing:1.2px;color:var(--muted);max-width:70px;font-size:8px;font-weight:650;line-height:1.6}:root[data-theme=paper] .school-lockup img{filter:brightness(.3)}.nav-label{color:var(--muted);letter-spacing:1.2px;margin:0 11px 12px;font-size:8px;font-weight:700}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{text-align:left;color:var(--muted);border-radius:9px;align-items:center;gap:12px;padding:13px;font-weight:550;transition:all .18s;display:flex}.sidebar nav button.active{background:var(--glow);color:var(--accent)}.sidebar nav button:hover{background:var(--panel)}.nav-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar nav b{background:var(--accent);color:var(--accent-ink);border-radius:20px;margin-left:auto;padding:2px 5px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:45px}.side-quote{border:1px solid var(--line);background:linear-gradient(150deg,var(--glow),transparent);color:var(--accent);border-radius:11px;margin-bottom:23px;padding:15px 13px}.side-quote p{color:var(--muted);margin:8px 0 11px;font-size:11px;line-height:1.7}.side-quote strong{color:var(--text);font-weight:500}.side-quote button{align-items:center;gap:7px;padding:0;font-size:10px;font-weight:600;display:flex}.settings-nav{width:100%;color:var(--muted);align-items:center;gap:12px;padding:13px 12px;display:flex}.settings-nav>span{opacity:.5;margin-left:auto;font-size:12px}.profile{border-top:1px solid var(--line);text-align:left;align-items:center;gap:10px;width:100%;margin-top:10px;padding:16px 3px 1px;display:flex}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong{text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.profile small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.avatar{background:var(--glow);border:1px solid var(--line);width:36px;height:36px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;display:flex}.dark-avatar{background:var(--side);color:var(--text)}.main-shell{margin-left:226px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;height:77px;padding:0 43px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb strong{color:var(--text);font-weight:500}.top-actions{align-items:center;gap:16px;display:flex}.connection{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.connection i,.tiny-led{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.tiny-led.off{background:var(--muted)}.icon-btn{width:30px;height:30px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--panel2);color:var(--text)}.theme-pop-wrap{position:relative}.theme-trigger{background:var(--panel);border:1px solid var(--line);border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:10px;display:flex}.theme-trigger>span:first-child{border-radius:50%;width:10px;height:10px}.theme-pop{background:var(--panel);border:1px solid var(--line);z-index:50;border-radius:12px;width:220px;padding:13px;position:absolute;top:43px;right:0;box-shadow:0 16px 50px #0005}.theme-pop h4{margin:5px 6px 10px;font-size:11px}.theme-pop button{text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px 7px;font-size:12px;display:flex}.theme-pop button:hover{background:var(--panel2)}.theme-pop button i{border-radius:50%;width:17px;height:17px}.theme-pop button svg{color:var(--accent);margin-left:auto}.page-content{max-width:1400px;margin:auto;padding:0 43px}.hero{grid-template-columns:1.16fr 1fr;align-items:center;gap:20px;min-height:340px;padding:40px 0 25px;display:grid;position:relative}.eyebrow{letter-spacing:1.6px;color:var(--muted);align-items:center;gap:7px;font-size:9px;font-weight:650;display:flex}.tiny-star{color:var(--accent);font-size:15px}.hero h1{margin:16px 0 18px;font-size:clamp(35px,3.6vw,58px);font-weight:600;line-height:1.1}.hero p{color:var(--muted);max-width:395px;margin-bottom:21px;font-size:12px;line-height:1.8}.hero-links{align-items:center;gap:23px;display:flex}.hero-links>button:first-child{color:var(--text);align-items:center;gap:8px;padding:0;font-size:11px;font-weight:600;display:flex}.text-link{color:var(--accent);align-items:center;gap:7px;padding:0;font-size:11px;display:inline-flex}.hero-art{isolation:isolate;perspective:700px;min-height:275px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 94%,#0000)}.art-grid{background:repeating-linear-gradient(0deg,transparent 0 38px,var(--line) 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,var(--line) 39px 40px);opacity:.7;width:430px;height:230px;position:absolute;top:130px;left:0;transform:rotateX(60deg)rotate(-18deg);-webkit-mask-image:radial-gradient(#000 10%,#0000 68%);mask-image:radial-gradient(#000 10%,#0000 68%)}.hero-art:before{content:"";background:radial-gradient(ellipse,var(--glow),transparent 65%);z-index:-1;position:absolute;inset:20px 0}.art-orbit{border:1px solid var(--accent);opacity:.17;border-radius:50%;width:270px;height:270px;position:absolute;top:0;left:60px;transform:rotateX(58deg)rotate(-25deg)}.orbit-two{opacity:.08;width:300px;height:300px;top:-20px;left:40px;transform:rotateX(58deg)rotate(34deg)}.hero-piece{filter:drop-shadow(8px 13px 12px #0005);position:absolute}.hero-piece svg{width:100%;height:100%}.hero-king{opacity:.85;width:140px;height:185px;top:30px;left:85px;transform:rotate(-12deg)}.hero-knight{width:155px;height:200px;animation:6s ease-in-out infinite float-piece;top:55px;left:190px;transform:rotate(10deg)}.hero-badge{background:var(--panel);border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;padding:10px 15px;display:flex;position:absolute;bottom:30px;left:48px;transform:rotate(-5deg);box-shadow:0 10px 35px #0002}.hero-badge>span{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:25px;line-height:1}.hero-badge>div{letter-spacing:1.1px;font-size:8px;font-weight:700}.hero-badge small{color:var(--muted);letter-spacing:0;margin-top:4px;font-size:9px;font-weight:400;display:block}.art-star{color:var(--accent);position:absolute}.star-one{font-size:30px;top:34px;right:35px;transform:rotate(20deg)}.star-two{font-size:16px;top:66px;left:47px}.art-coord{color:var(--muted);letter-spacing:3px;font-family:Space Grotesk,sans-serif;font-size:10px;position:absolute;bottom:37px;right:15px}.home-grid{grid-template-columns:minmax(305px,.88fr) minmax(350px,1.12fr);gap:22px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.new-match{padding:25px}.card-heading{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.card-heading>svg{color:var(--muted);opacity:.8}.card-heading h2{margin:7px 0 0;font-size:22px;font-weight:500}.segmented{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:4px;display:flex}.kind-tabs button{color:var(--muted);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:9px;padding:11px;font-size:12px;font-weight:550;display:flex}.kind-tabs button>span:first-child:not(.disc-icon){font-size:22px;line-height:1}.segmented button.active{background:var(--panel2);color:var(--text);box-shadow:0 2px 5px #0001}.disc-icon{border:3px double;border-radius:50%;width:17px;height:17px;display:inline-block}.field-label{letter-spacing:1.3px;color:var(--muted);margin:21px 0 10px;font-size:8px;font-weight:650;display:block}.mode-options{gap:7px;display:flex}.mode-options button{border:1px solid var(--line);color:var(--muted);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 5px;font-size:10px;display:flex}.mode-options button.active{color:var(--accent);border-color:var(--accent);background:var(--glow)}.clock-options{gap:8px;display:flex}.clock-options button{border:1px solid var(--line);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:12px 3px;font-family:Space Grotesk,sans-serif;font-size:17px;display:flex}.clock-options small{color:var(--muted);font:9px DM Sans,sans-serif}.clock-options button.active{border-color:var(--accent);color:var(--accent);background:var(--glow)}.effects-inline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:22px 0;padding:15px 0;display:flex}.effects-inline>div{align-items:center;gap:10px;display:flex}.effects-inline svg{color:var(--accent)}.effects-inline span{font-size:11px;display:block}.effects-inline small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.toggle{background:var(--line);border-radius:20px;flex-shrink:0;align-items:center;width:34px;height:20px;padding:3px;transition:all .2s;display:flex}.toggle>span{background:var(--muted);border-radius:50%;width:14px;height:14px;transition:all .2s}.toggle.on{background:var(--accent)}.toggle.on>span{background:var(--accent-ink);transform:translate(14px)}.primary{background:var(--accent);color:var(--accent-ink);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 19px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.full{width:100%}.primary.full>svg:last-child{margin-left:auto}.primary.full>svg:first-child{margin-right:auto}.primary.full>svg:only-child{margin:0}.match-secondary{color:var(--muted);justify-content:center;align-items:center;gap:9px;margin-top:15px;font-size:9px;display:flex}.match-secondary button{color:var(--text);padding:0;font-size:9px}.match-secondary button:hover{color:var(--accent)}.live-section{flex-direction:column;min-height:493px;padding:25px;display:flex}.section-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.section-head h2{margin:8px 0;font-size:23px;font-weight:500}.section-head p{color:var(--muted);margin:0;font-size:10px}.count-badge,.pill{color:var(--muted);background:var(--bg);border:1px solid var(--line);white-space:nowrap;border-radius:5px;padding:5px 8px;font-size:9px}.live-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.live-scroll{flex:1;max-height:360px;overflow:auto}.empty-lobby{text-align:center;flex-direction:column;align-items:center;padding-top:25px;display:flex}.empty-board{opacity:.7;pointer-events:none;width:133px;margin:0 0 25px;transform:rotate(-7deg);box-shadow:0 5px 20px #0002}.empty-lobby h3{margin-bottom:7px;font-size:15px;font-weight:500}.empty-lobby p{color:var(--muted);max-width:270px;margin-bottom:16px;font-size:10px}.subtle-btn{background:var(--panel2);border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:10px;font-weight:550;transition:all .15s;display:inline-flex}.subtle-btn:hover{border-color:var(--accent);color:var(--accent)}.lobby-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;margin-top:20px;padding-top:18px;font-size:9px;display:flex}.lobby-footer button{color:var(--muted);margin-left:auto}.studio-strip{border:1px solid var(--line);background:linear-gradient(110deg,var(--glow),transparent 75%);border-radius:12px;align-items:center;gap:19px;margin:24px 0 25px;padding:23px 25px;display:flex}.studio-icon{border:1px solid var(--line);width:50px;height:50px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.studio-strip h3{letter-spacing:-.4px;margin:7px 0 5px;font-size:17px;font-weight:500}.studio-strip p{color:var(--muted);margin:0;font-size:10px}.studio-strip .eyebrow{letter-spacing:1.3px;font-size:7px}.studio-strip>.subtle-btn{white-space:nowrap;margin-left:auto}.page-footer{border-top:1px solid var(--line);letter-spacing:.4px;color:var(--muted);justify-content:space-between;gap:15px;padding:19px 0 25px;font-size:8px;display:flex}.page-footer>span:first-child{letter-spacing:1px;font-size:7px}.page-footer i{background:var(--accent);border-radius:50%;width:3px;height:3px;margin:0 8px;display:inline-block}.live-match{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:15px;width:100%;padding:17px 0;display:flex}.mini-board{border:1px solid var(--line);pointer-events:none;border-radius:4px;flex-shrink:0;width:72px;overflow:hidden}.live-match-details{flex:1;min-width:0}.live-match-type{color:var(--muted);letter-spacing:.8px;align-items:center;gap:10px;font-size:7px;display:flex}.live-match-details>strong{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;font-size:11px;display:flex;overflow:hidden}.live-match-details strong small{color:var(--muted);font-size:8px;font-weight:400}.live-match-details>span{color:var(--muted);font-size:9px}.spectate-action{color:var(--accent);align-items:center;gap:6px;font-size:9px;display:flex}.inner-page{padding-top:45px}.inner-page h1{margin:14px 0 12px;font-size:45px;font-weight:500;line-height:1.15}.page-intro{color:var(--muted);max-width:620px;margin-bottom:30px;font-size:12px}.saved-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.saved-grid>.live-match{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;padding:17px}.saved-grid .live-match .mini-board{width:100px}.saved-local{max-width:350px;padding:20px}.saved-local .section-head{align-items:center;margin-bottom:20px}.saved-local h3{margin:0;font-size:15px}.saved-local>.bc-board{margin:15px 0}.saved-local>.primary{margin-top:20px}.broad-empty{text-align:center;margin-top:25px;padding:65px 25px}.broad-empty>svg{color:var(--accent);margin-bottom:18px}.broad-empty h3{font-size:22px;font-weight:500}.broad-empty p{color:var(--muted);font-size:12px}.friend-search{align-items:center;gap:15px;max-width:750px;padding:20px;display:flex}.friend-search>svg{color:var(--accent)}.friend-search input{background:0 0;border:0;flex:1;min-width:100px;font-size:13px}.friend-section{max-width:750px;margin-top:35px}.friend-section h2{font-size:18px;font-weight:500}.friend-section h2 span{color:var(--muted);margin-left:9px;font-size:10px}.friend-row{align-items:center;gap:13px;margin:10px 0;padding:18px;display:flex}.friend-row>div{flex:1}.friend-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.effects-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0;display:grid}.effect-card{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:14px;padding:0;transition:all .2s;overflow:hidden}.effect-card:hover{border-color:var(--accent);transform:translateY(-4px)}.effect-art{background:radial-gradient(at 50% 80%,#367e7b5c,#0000 65%),linear-gradient(135deg,#15242c,#11151f);justify-content:center;align-items:center;height:185px;display:flex;position:relative}.effect-art>svg{filter:drop-shadow(0 0 15px #73e9e470);z-index:1;height:137px;transform:rotate(-10deg)}.effect-art>span{color:#98eae9;text-shadow:0 0 20px #5fd9d4;font:700 35px Space Grotesk,sans-serif;position:absolute;top:28px;right:25px;transform:rotate(8deg)}.effect-ring{border:1px solid #89e8ea66;border-radius:50%;width:145px;height:145px;position:absolute;top:88px;transform:rotateX(65deg);box-shadow:0 0 25px #79e8e83a,inset 0 0 30px #79e8e83a}.effect-1 .effect-art{background:radial-gradient(at 50% 80%,#9e398b60,#0000 65%),#211322}.effect-2 .effect-art{background:radial-gradient(at 50% 80%,#8c5eea60,#0000 65%),#171326}.effect-3 .effect-art{background:radial-gradient(at 50% 80%,#a47f3260,#0000 65%),#211c13}.effect-4 .effect-art{background:radial-gradient(at 50% 80%,#3d773960,#0000 65%),#122014}.effect-5 .effect-art{background:radial-gradient(at 50% 80%,#d6411a80,#0000 65%),#240f10}.effect-5 .effect-art>span{color:#ff8a51;text-shadow:0 0 25px #ff5100}.effect-caption small{color:var(--muted);letter-spacing:1.2px;font-size:7px}.effect-caption h3{letter-spacing:-.2px;margin:10px 0 6px;font-size:14px}.effect-caption p{color:var(--muted);margin:0 0 16px;font-size:10px}.effect-caption>span{color:var(--accent);align-items:center;gap:7px;font-size:10px;display:flex}.studio-controls{justify-content:space-between;align-items:center;padding-top:10px;display:flex}.studio-controls>div{align-items:center;gap:10px;font-size:11px;display:flex}.studio-controls svg{color:var(--accent)}.studio-note{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:10px;align-items:center;gap:13px;margin-bottom:30px;padding:17px 20px;display:flex}.studio-note>svg{flex-shrink:0}.studio-note p{margin:0;font-size:10px}.match-page{padding-top:28px;padding-bottom:35px}.match-heading{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.back-link{color:var(--muted);align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.match-heading h1{letter-spacing:-1px;align-items:center;gap:14px;margin:10px 0 0;font-size:29px;font-weight:500;display:flex}.match-heading .pill{letter-spacing:0;font:9px DM Sans,sans-serif}.match-grid{grid-template-columns:minmax(320px,1.5fr) minmax(265px,.85fr);gap:26px;max-width:1050px;display:grid}.opponent-bar{align-items:center;gap:11px;padding:0 0 13px;display:flex}.opponent-bar:nth-of-type(3){padding:13px 0 0}.opponent-bar>div:nth-child(2){flex:1;min-width:0}.opponent-bar strong{text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.opponent-bar small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.clock{background:var(--panel);color:var(--muted);border:1px solid var(--line);font-variant-numeric:tabular-nums;text-align:center;border-radius:7px;min-width:84px;padding:7px 13px;font:500 24px Space Grotesk,sans-serif}.clock.running{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.board-frame{border-radius:7px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0002}.board-toolbar{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:17px;padding:13px 0;display:flex}.board-toolbar>div{align-items:center;gap:10px;font-size:9px;display:flex}.board-toolbar button{color:var(--muted);justify-content:center;align-items:center;padding:5px;display:flex}.board-toolbar button:hover{color:var(--accent)}.match-panel{flex-direction:column;align-self:start;min-height:510px;max-height:720px;display:flex;overflow:hidden}.panel-tabs{border-bottom:1px solid var(--line);display:flex}.panel-tabs button{width:50%;color:var(--muted);border-bottom:2px solid #0000;padding:18px 5px;font-size:11px}.panel-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.panel-tabs span{background:var(--panel2);border-radius:4px;margin-left:5px;padding:1px 5px;font-size:8px}.match-info{border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:19px 15px;display:flex}.info-icon{color:var(--accent);background:var(--glow);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.match-info>div:nth-child(2){flex:1}.match-info small{color:var(--muted);margin-top:5px;font-size:8px;display:block}.match-info .pill{text-transform:capitalize;font-size:8px}.move-list{flex:1;min-height:300px;max-height:440px;overflow:auto}.move-row{grid-template-columns:35px 1fr 1fr;align-items:center;gap:8px;padding:7px 13px;font-size:12px;display:grid}.move-row:nth-child(2n){background:var(--bg)}.move-row small{color:var(--muted);font-size:10px}.move-row span{padding:6px 8px;font-family:Space Grotesk,sans-serif}.move-row span.latest{background:var(--glow);color:var(--accent);border-radius:5px}.empty-moves{text-align:center;padding:55px 20px}.empty-moves>svg{opacity:.55;width:56px;height:70px;margin-bottom:13px}.empty-moves h3{font-size:15px;font-weight:500}.empty-moves p{color:var(--muted);font-size:10px}.panel-note{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:10px;margin-top:auto;padding:17px 16px;display:flex}.panel-note svg{color:var(--accent);flex-shrink:0}.panel-note p{margin:0;font-size:9px;line-height:1.65}.invite-banner{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:15px;font-size:11px;display:flex}.invite-banner>svg{color:var(--accent)}.invite-banner>div{flex:1}.invite-banner strong{font-size:10px;display:block}.invite-banner span{color:var(--muted);margin-top:5px;font-size:9px;display:block}.invite-banner b{color:var(--accent);letter-spacing:1.5px}.invite-banner .primary{padding:10px;font-size:9px}.result-banner{background:var(--side);border:1px solid var(--accent);color:var(--accent);z-index:10;border-radius:9px;align-items:center;gap:12px;padding:15px;display:flex;position:absolute;bottom:20px;left:20px;right:20px;box-shadow:0 5px 25px #0005}.result-banner strong{color:var(--text);font-size:13px}.result-banner small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.result-banner button{align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.chat-notice{color:var(--muted);border-bottom:1px solid var(--line);align-items:center;gap:7px;padding:14px;font-size:8px;display:flex}.chat-list{flex:1;height:385px;padding:13px;overflow:auto}.chat-empty{text-align:center;color:var(--muted);padding-top:75px;font-size:12px;line-height:1.9}.chat-item{background:var(--panel2);border-radius:8px;margin:8px 0;padding:10px 11px}.chat-item.own{background:var(--glow)}.chat-item>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-item b{color:var(--accent);font-size:9px}.chat-item time{color:var(--muted);font-size:7px}.chat-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;line-height:1.6}.chat-form{border-top:1px solid var(--line);align-items:center;gap:5px;padding:12px;display:flex}.chat-form input{background:0 0;border:0;width:100%;padding:8px;font-size:10px}.chat-form button{background:var(--accent);color:var(--accent-ink);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chat-signin{margin:15px}.admin-tools{background:#b33d181a;border:1px solid #cc6e4b50;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:15px;padding:13px;font-size:9px;display:flex}.admin-tools>svg{color:#f6a57e}.admin-tools strong{margin-right:auto;font-size:10px}.admin-tools button{border:1px solid var(--line);border-radius:5px;align-items:center;gap:5px;padding:7px;display:flex}.admin-tools button.active{color:#f6a57e;background:#f6a57e10;border-color:#f6a57e}.admin-tools small{width:100%;color:var(--muted);margin-top:3px;display:block}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a11b8;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:18px;width:440px;max-height:90vh;padding:28px;overflow:auto;box-shadow:0 30px 100px #0006}.modal-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal h2{margin-bottom:12px;font-size:27px;font-weight:500}.modal .muted-copy{color:var(--muted);font-size:12px;line-height:1.8}.modal .primary.full{margin-top:22px}.large-input{width:100%;padding:14px;font-size:15px}.code-input{letter-spacing:5px;text-align:center;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:25px}.input-help{color:var(--muted);margin-top:9px;font-size:9px;display:block}.signin-content{text-align:center}.signin-content p{color:var(--muted);font-size:12px;line-height:1.9}.modal-illustration{background:radial-gradient(ellipse,var(--glow),transparent 70%);justify-content:center;align-items:center;height:130px;margin-bottom:16px;display:flex}.modal-illustration>svg{filter:drop-shadow(0 5px 15px #0004);width:90px;height:110px;transform:rotate(-10deg)}.signin-content>.text-link{margin:22px auto 4px}.settings-modal{width:550px}.settings-section{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}.theme-grid{flex-wrap:wrap;gap:7px;display:flex}.theme-grid button{border:1px solid var(--line);border-radius:7px;align-items:center;gap:7px;padding:9px;font-size:9px;display:flex}.theme-grid button.active{border-color:var(--accent);color:var(--accent)}.theme-grid i{border-radius:50%;width:13px;height:13px}.setting-row{align-items:center;gap:12px;padding:15px 0;display:flex}.setting-icon{color:var(--muted)}.setting-row>div{flex:1}.setting-row strong{font-size:11px;font-weight:500}.setting-row small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.5;display:block}.setting-split{gap:20px;padding-bottom:18px;display:flex}.setting-split>div{width:50%}.setting-split select{width:100%;font-size:11px}.admin-login-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:22px;padding-top:19px;font-size:9px;display:flex}.admin-login-row span{align-items:center;gap:6px;display:flex}.admin-login-row button{color:var(--accent);font-size:9px}.admin-heading{color:var(--accent);align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-heading h2{color:var(--text);margin:0;font-size:23px}.signout{color:var(--muted);justify-content:center;margin-top:20px;display:flex}.promotion-options{gap:15px;margin:25px 0;display:flex}.promotion-options button{background:var(--panel2);border:1px solid var(--line);border-radius:8px;width:25%;padding:10px}.promotion-options svg{width:100%;height:70px}.promotion-options button:hover{border-color:var(--accent)}.confirm-buttons{justify-content:flex-end;gap:15px;margin-top:25px;display:flex}.toast{background:var(--panel2);border:1px solid var(--accent);z-index:500;border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 40px);padding:14px 18px;font-size:11px;display:flex;position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 8px 35px #0004}.toast>svg{color:var(--accent);flex-shrink:0}.toast button{color:var(--muted);margin-left:12px;display:flex}.mobile-menu{display:none}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-piece{50%{transform:rotate(7deg)translateY(-7px)}}:root[data-reduced=true] *,:root[data-reduced=true] :before,:root[data-reduced=true] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}@media (min-width:1500px){.hero{min-height:380px}.hero-art{transform:scale(1.1)}.new-match,.live-section{padding:30px}.hero p{font-size:14px}.home-grid{grid-template-columns:1fr 1.2fr}.card-heading h2,.section-head h2{font-size:26px}}@media (max-width:1150px){.sidebar{width:195px;padding:28px 14px 15px}.main-shell{margin-left:195px}.topbar{padding:0 27px}.page-content{padding-left:27px;padding-right:27px}.hero{grid-template-columns:1.15fr .85fr;min-height:315px}.hero h1{font-size:40px}.hero-art{transform-origin:100%;min-height:280px;margin-left:-60px;transform:scale(.85)}.hero-links{gap:17px}.hero-links>button,.text-link{font-size:9px}.home-grid{grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:17px}.new-match,.live-section{padding:22px}.mode-options button{gap:4px;font-size:9px}.studio-strip{padding:20px}.studio-strip>.subtle-btn{padding:9px;font-size:8px}.studio-strip h3{font-size:15px}.studio-strip .eyebrow{font-size:6px}.studio-icon{display:none}.saved-grid{grid-template-columns:repeat(2,1fr)}.match-grid{grid-template-columns:minmax(300px,1.4fr) minmax(240px,1fr);gap:20px}.effects-grid{gap:15px}.effect-caption{padding:17px}.effect-caption h3{font-size:12px}}@media (max-width:950px){.sidebar{width:175px;padding:25px 10px 15px}.main-shell{margin-left:175px}.brand{gap:8px;font-size:21px}.brand-symbol{width:30px}.school-lockup{padding:20px 4px}.school-lockup img{width:65px}.school-lockup>span,.nav-label{font-size:7px}.sidebar nav button{gap:9px;font-size:12px}.topbar{height:67px;padding:0 22px}.page-content{padding-left:22px;padding-right:22px}.hero h1{font-size:36px}.hero p{font-size:11px}.hero{grid-template-columns:1.4fr .7fr;gap:0}.hero-art{transform-origin:100%;margin-left:-110px;transform:scale(.72)}.hero-links{gap:13px}.hero-links>button:first-child{font-size:9px}.hero-links .text-link{font-size:8px}.home-grid{grid-template-columns:1fr}.new-match{display:block}.live-section{min-height:360px}.empty-lobby{padding-top:24px}.empty-board{width:95px;margin-bottom:18px}.live-scroll{max-height:310px}.studio-strip{flex-wrap:wrap;gap:15px}.studio-strip>.subtle-btn{margin-left:0}.page-footer{flex-direction:column;gap:10px;font-size:7px}.effects-grid{grid-template-columns:repeat(2,1fr)}.studio-controls{flex-wrap:wrap;gap:12px}.match-grid{grid-template-columns:1fr}.match-panel{min-height:350px;max-height:450px}.move-list{min-height:160px}.empty-moves{padding:25px}.match-heading .subtle-btn>span{display:none}.match-heading h1{font-size:26px}.match-heading .pill{font-size:8px}.toast{left:calc(50% + 85px)}.live-match .mini-board{width:60px}.match-page{max-width:690px}.chat-list{height:270px}.saved-grid{grid-template-columns:1fr}.friend-search{gap:10px;padding:15px}.friend-search .primary{padding:11px;font-size:9px}.friend-search input{font-size:11px}}@media (max-width:650px){.sidebar{width:220px;transition:all .2s;transform:translate(-100%);box-shadow:30px 0 100px #0004}.sidebar.is-open{transform:translate(0)}.main-shell{margin-left:0}.mobile-menu{display:flex}.topbar{gap:8px;height:64px;padding:0 17px}.breadcrumb{gap:7px;font-size:9px}.top-actions{gap:7px}.connection,.top-actions>.icon-btn:last-child{display:none}.theme-trigger{padding:7px;font-size:8px}.page-content{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;min-height:0;padding:35px 0 26px;overflow:hidden}.hero-copy{z-index:2;position:relative}.hero h1{letter-spacing:-2.2px;max-width:300px;font-size:41px}.hero p{max-width:300px;margin-right:20px;font-size:11px}.hero-art{opacity:.19;transform-origin:100% 0;z-index:0;width:220px;min-height:210px;position:absolute;top:15px;right:-65px;transform:scale(.72);-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.hero-badge,.art-coord{display:none}.hero-links{gap:23px}.hero-links>button:first-child{font-size:10px}.hero-links .text-link{font-size:9px}.eyebrow{letter-spacing:1.25px;font-size:8px}.new-match,.live-section{padding:22px}.card-heading h2{font-size:23px}.home-grid{gap:20px}.mode-options button{font-size:10px}.clock-options button{padding:14px 3px}.studio-strip h3{font-size:17px}.studio-strip p{font-size:10px}.studio-strip .eyebrow{font-size:6px}.studio-strip{margin-top:20px;padding:21px}.studio-strip>.subtle-btn{font-size:9px}.inner-page{padding-top:30px}.inner-page h1{font-size:37px}.page-intro{font-size:11px}.effects-grid{gap:12px}.effect-art{height:155px}.effect-art>svg{height:115px}.effect-art>span{font-size:26px;top:20px;right:15px}.effect-ring{width:120px;height:120px;top:74px}.effect-caption{padding:15px 12px}.effect-caption h3{min-height:25px;font-size:11px}.effect-caption small{letter-spacing:.6px;font-size:6px}.effect-caption p{min-height:32px;font-size:9px}.effect-caption>span{font-size:9px}.studio-controls>div{font-size:10px}.match-page{padding-top:20px}.match-grid{gap:20px}.board-column{min-width:0}.opponent-bar strong{font-size:11px}.opponent-bar small{font-size:8px}.clock{min-width:72px;padding:6px 10px;font-size:22px}.result-banner{gap:8px;padding:12px;bottom:10px;left:10px;right:10px}.result-banner strong{font-size:11px}.result-banner button{font-size:8px}.modal-backdrop{padding:15px}.modal{max-height:92vh;padding:23px}.modal h2{font-size:25px}.settings-modal .theme-grid{gap:6px}.theme-grid button{padding:8px;font-size:8px}.toast{width:max-content;max-width:calc(100vw - 30px);font-size:10px;bottom:17px;left:50%}.friend-row{gap:10px;padding:14px}.friend-row .subtle-btn{padding:8px;font-size:9px}.friend-row strong{font-size:12px}.friend-row small{font-size:8px}.friend-search{gap:5px}.friend-search>svg{display:none}.friend-search input{padding:7px}.friend-search .primary{padding:10px;font-size:9px}.broad-empty{padding:40px 20px}.broad-empty h3{font-size:20px}.broad-empty p{font-size:11px}.studio-note{align-items:flex-start}.studio-note p{font-size:9px}.page-footer{padding-bottom:24px}.match-info{padding:14px}.school-lockup img{width:75px}.invite-banner{padding:12px}}.school-lockup{justify-content:flex-start;margin-bottom:14px;padding:23px 6px 22px}.school-lockup img{width:110px;height:43px}.sidebar nav button{padding:12px 13px;font-size:14px}.sidebar-bottom{padding-top:22px}.profile{min-height:52px;padding-bottom:5px}.profile strong{font-size:12px}.topbar{height:68px}.breadcrumb{font-size:12px}.theme-trigger{font-size:11px}.theme-pop h4{font-size:12px}.home-page{max-width:1250px;padding-top:32px}.home-grid{grid-template-columns:minmax(310px,.9fr) minmax(330px,1.1fr);align-items:stretch;gap:24px}.new-match,.live-section{padding:26px}.card-heading{margin-bottom:22px}.card-heading h2,.section-head h2{letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:23px;font-weight:600;display:flex}.card-heading h2>svg,.section-head h2>svg{color:var(--accent);flex-shrink:0}.section-head{align-items:center}.section-actions{align-items:center;gap:8px;display:flex}.kind-tabs button{padding:10px;font-size:13px}.kind-tabs button>.bc-board-piece-svg{width:25px;height:29px}.field-label{letter-spacing:0;text-transform:none;margin:22px 0 10px;font-size:11px;font-weight:600}.mode-options{gap:8px}.mode-options button{gap:7px;padding:12px 7px;font-size:12px}.clock-options button{padding:13px 5px;font-size:19px}.clock-options small{font-size:10px}.effects-inline{margin:23px 0;padding:17px 0}.effects-inline span{font-size:13px}.primary,.subtle-btn{font-size:12px}.primary{padding:13px 17px}.subtle-btn{padding:10px 13px}.match-secondary{gap:10px;margin-top:12px}.match-secondary .subtle-btn{border:1px solid var(--line);color:var(--text);flex:1;padding:10px 6px;font-size:11px;display:flex}.live-section{min-height:0}.live-scroll{flex-direction:column;min-height:340px;max-height:500px;margin-top:15px;display:flex}.empty-lobby{min-height:300px;color:var(--muted);flex:1;justify-content:center;gap:16px;padding:35px 15px}.empty-lobby h3{margin:0;font-family:inherit;font-size:14px;font-weight:500}.empty-lobby>svg{opacity:.5}.live-match{gap:16px;padding:18px 0}.live-match-type{letter-spacing:.6px;font-size:9px}.live-match-details>strong{font-size:13px}.live-match-details>span,.spectate-action{font-size:11px}.live-match:last-child{border-bottom:0}.page-footer{letter-spacing:0;margin-top:26px;padding:17px 0 22px;font-size:10px}.page-footer>span:first-child{letter-spacing:0;font-size:11px;font-weight:600}.inner-page{padding-top:30px;padding-bottom:30px}.inner-page h1{letter-spacing:-.7px;align-items:center;gap:12px;margin:0 0 27px;font-size:29px;font-weight:600;line-height:1.2;display:flex}.inner-page h1>svg{color:var(--accent);flex-shrink:0}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.page-heading h1{margin:0}.broad-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:42px 20px;display:flex}.broad-empty>svg{opacity:.65;margin:0}.broad-empty h3{letter-spacing:0;margin:0;font-family:inherit;font-size:15px;font-weight:500}.saved-grid .live-match{align-self:start}.saved-local>.bc-board{max-width:200px;margin:0 auto}.my-handle{color:var(--muted);align-items:center;gap:7px;max-width:750px;margin:15px 4px;font-size:12px;display:flex}.friend-section{margin-top:26px}.friend-section h2{font-size:17px}.friend-row strong{font-size:14px}.friend-row{padding:17px}.friend-search{padding:15px 18px}.studio-controls{padding:0}.studio-controls>div{gap:12px;font-size:13px}.effects-grid{gap:20px;margin-top:24px}.effect-art{height:150px}.effect-art>svg{height:112px}.effect-ring{width:120px;height:120px;top:75px}.effect-art>span{font-size:31px;top:23px;right:22px}.effect-caption{padding:17px}.effect-caption h3{letter-spacing:-.2px;min-height:0;margin:0 0 15px;font-size:16px;font-weight:500}.effect-caption>span{gap:7px;font-size:12px}.effect-caption>span small{color:var(--muted);letter-spacing:0;margin-left:auto;font-size:11px}.match-heading h1{font-weight:600}.match-heading{margin-bottom:20px}.back-link{font-size:11px}.match-info strong{font-size:12px}.opponent-bar strong{font-size:13px}.opponent-bar small{font-size:10px}.empty-moves{padding:48px 20px}.empty-moves h3{color:var(--muted);margin:0;font-family:inherit;font-size:13px;font-weight:500}.empty-moves>svg{width:44px;height:56px}.panel-tabs button{font-size:12px}.chat-empty{padding-top:80px;font-size:12px}.chat-form input{font-size:12px}.board-toolbar>div{font-size:11px}.modal h2{letter-spacing:-.5px;font-size:25px;font-weight:600}.modal-top{margin-bottom:18px}.signin-content{padding:8px 0}.signin-content>.text-link{font-size:12px}.setting-row strong{font-size:13px}.setting-row small{font-size:11px}.setting-row{padding:13px 0}.settings-section{margin-top:20px}.settings-section:first-of-type{margin-top:15px}.theme-grid button{padding:9px 10px;font-size:11px}.setting-split select{font-size:12px}.input-help,.admin-login-row,.admin-login-row button{font-size:11px}.admin-heading h2{font-size:24px}@media (min-width:1500px){.home-grid{grid-template-columns:minmax(360px,.9fr) minmax(400px,1.1fr)}}@media (max-width:1100px){.home-grid{grid-template-columns:1fr 1fr;gap:20px}.new-match,.live-section{padding:22px}.mode-options{gap:6px}.mode-options button{gap:4px;padding:12px 4px;font-size:10px}.card-heading h2,.section-head h2{font-size:21px}.match-secondary .subtle-btn{font-size:10px}.spectate-action>span{display:none}}@media (max-width:950px){.home-grid{grid-template-columns:1fr}.live-scroll{min-height:220px;max-height:430px}.empty-lobby{min-height:220px}.mode-options button{gap:7px;font-size:12px}.home-page{max-width:670px}.page-footer{gap:8px}.sidebar nav button{font-size:12px}.effect-caption h3{font-size:15px}}@media (max-width:650px){.home-page{padding-top:22px}.topbar{height:62px}.breadcrumb,.theme-trigger{font-size:10px}.new-match,.live-section{padding:22px}.card-heading h2,.section-head h2{font-size:22px}.kind-tabs button{font-size:13px}.mode-options button,.field-label{font-size:11px}.primary,.subtle-btn{font-size:12px}.match-secondary .subtle-btn{font-size:11px}.inner-page h1{font-size:27px}.inner-page{padding-top:25px}.broad-empty{padding:34px 18px}.effect-art{height:130px}.effect-art>svg{height:100px}.effect-caption{padding:15px 13px}.effect-caption h3{margin-bottom:13px;font-size:13px}.effect-caption>span{font-size:11px}.effect-caption>span small{font-size:10px}.effect-ring{width:110px;height:110px;top:64px}.effects-grid{gap:13px}.effect-art>span{font-size:25px;top:20px;right:15px}.studio-controls>div{font-size:12px}.theme-grid button,.setting-row small{font-size:10px}.setting-split{gap:15px}.page-footer>span:last-child{font-size:9px}.school-lockup img{width:110px}.chat-form input{font-size:12px}.result-banner button{font-size:10px}.result-banner strong,.invite-banner strong{font-size:12px}.invite-banner span{font-size:11px}}.username-input{border-radius:8px;width:100%;padding:12px 13px;font-size:14px}.visibility-tabs button{color:var(--muted);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:12px;font-weight:500;display:flex}.visibility-tabs button.active{color:var(--accent);background:var(--glow)}.match-heading .pill{align-items:center;gap:6px;display:inline-flex}.live-match-type>span{align-items:center;gap:5px;display:inline-flex}.code-input{letter-spacing:3px;font-size:22px}