@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap);:root{--bg:#0d1118;--panel:#151b25;--panel2:#1b2330;--text:#edf2f6;--muted:#8c98a8;--green:#89b83f;--green2:#b5db69;--gold:#c9984b;--light:#eadbc0;--dark:#8b6848;--line:hsla(0,0%,100%,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(75,102,52,.18),transparent 28%),var(--bg);color:var(--text);font-family:DM Sans,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.site-shell{min-height:100vh}.topbar{height:78px;padding:0 clamp(18px,4vw,62px);justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(13,17,24,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;cursor:pointer}.brand-logo{width:44px;height:44px;-o-object-fit:contain;object-fit:contain}.brand-name{font-weight:800;letter-spacing:.11em;font-size:18px}.brand-name span{color:var(--green)}.brand-tag{font-size:9px;color:#788494;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.main-nav{display:flex;gap:8px}.main-nav button{background:none;border:0;color:#98a3b1;padding:10px 14px;border-radius:9px;font-size:13px}.main-nav button.active,.main-nav button:hover{color:#fff;background:rgba(137,184,63,.1)}.main-nav button.active{box-shadow:inset 0 -2px var(--green)}.play-pill{border:1px solid rgba(137,184,63,.45);background:rgba(137,184,63,.1);padding:10px 16px;border-radius:999px;color:#cde9a0;font-weight:700;font-size:12px}.play-pill span{margin-right:6px}.hero{min-height:650px;max-width:1240px;margin:auto;padding:90px 40px 75px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.19em;color:var(--green2);font-weight:800}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}.hero h1{font:700 clamp(45px,6vw,76px)/.98 Playfair Display,serif;margin:18px 0 24px;letter-spacing:-.045em}.hero h1 em{color:var(--green2);font-weight:600}.hero-copy>p{max-width:590px;color:#9ba6b5;line-height:1.75;font-size:16px}.hero-actions{display:flex;gap:12px;margin:32px 0}.ghost-btn,.primary-btn{padding:13px 19px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:13px}.primary-btn{background:var(--green);color:#11180a;box-shadow:0 8px 30px rgba(137,184,63,.2)}.primary-btn span{margin-left:18px}.ghost-btn{background:transparent;border-color:var(--line);color:#c2cad4}.mini-stats{display:flex;gap:35px;border-top:1px solid var(--line);padding-top:22px;width:-moz-max-content;width:max-content}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font:700 23px Playfair Display;color:#f5f2e9}.mini-stats span{font-size:9px;color:#718091;text-transform:uppercase;letter-spacing:.13em;margin-top:2px}.hero-board-wrap{height:500px;position:relative;display:flex;align-items:center;justify-content:center}.board-glow{position:absolute;width:390px;height:390px;background:rgba(137,184,63,.14);filter:blur(75px);border-radius:50%}.mini-board{width:min(390px,72vw);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);border:9px solid #202b39;box-shadow:0 35px 80px rgba(0,0,0,.5),0 0 0 1px #344052;transform:rotate(-2deg)}.mini-square{display:flex;align-items:center;justify-content:center;font-size:clamp(22px,3.5vw,39px);line-height:1}.mini-square:not(.dark){background:#e9d7b5}.mini-square.dark{background:#806044}.floating-card{position:absolute;background:rgba(22,29,39,.92);border:1px solid var(--line);box-shadow:0 15px 40px rgba(0,0,0,.3);padding:12px 14px;border-radius:10px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-card b,.floating-card small{display:block}.floating-card b{font-size:12px}.floating-card small{color:#7f8b9a;font-size:9px;margin-top:2px}.card-icon{font-size:22px;color:var(--gold)}.card-rating{right:0;top:120px}.card-match{left:15px;bottom:80px}.pulse{color:var(--green);font-size:12px;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.35}}.arena-section,.content-section,.learn-section{max-width:1240px;margin:auto;padding:82px 40px}.arena-section{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.learn-section h2,.section-heading h2{font:700 42px/1 Playfair Display;margin:10px 0 0;letter-spacing:-.03em}.turn-badge{font-size:12px;padding:10px 14px;border-radius:8px;background:var(--panel);border:1px solid var(--line);color:#b8c3cf}.turn-piece{font-size:20px;margin-right:7px}.arena-layout{display:grid;grid-template-columns:220px minmax(400px,620px) 220px;gap:24px;justify-content:center;align-items:start}.game-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-label,.panel-tabs{padding:15px 16px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.16em;color:#7e8b9c}.player{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;padding:16px}.player span,.player strong{display:block}.player strong{font-size:11px}.player span{font-size:9px;color:#718091;margin-top:3px}.avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:23px}.black-avatar{background:#242c38;color:#9da8b7}.white-avatar{background:#e8ddc9;color:#40382d}.clock{font-size:10px;color:#8995a5}.versus{text-align:center;font-size:9px;color:#586575;letter-spacing:.2em}.panel-divider{border-top:1px solid var(--line);margin:3px 15px}.game-actions{padding:10px}.game-actions button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:10px 6px;color:#929eae;font-size:10px}.game-actions button:hover:not(:disabled){color:#dce7c5}.game-actions button:disabled{opacity:.35;cursor:not-allowed}.chess-stage{min-width:0}.board-frame{background:#111821;border:1px solid #303b4b;border-radius:9px;padding:17px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.files{display:grid;grid-template-columns:repeat(8,1fr);margin-left:22px;color:#657386;font-size:9px;text-align:center}.files span{padding:3px}.ranked-board{display:grid;grid-template-columns:22px 1fr}.ranks{display:grid;grid-template-rows:repeat(8,1fr);color:#657386;font-size:9px;align-items:center;text-align:center}.chessboard{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border-radius:2px}.square{border:0;position:relative;display:flex;align-items:center;justify-content:center;padding:0}.square:not(.dark){background:var(--light)}.square.dark{background:var(--dark)}.square:hover{filter:brightness(1.09)}.square.selected{box-shadow:inset 0 0 0 4px var(--green2)}.square.target:after{content:"";width:22%;height:22%;background:rgba(36,47,24,.35);border-radius:50%;position:absolute}.piece{font-size:clamp(25px,5.5vw,50px);line-height:1;position:relative;z-index:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.35));font-family:Georgia,serif}.piece.white{color:#f7f0df;text-shadow:0 1px 2px #5e503d}.piece.black{color:#252a31;text-shadow:0 1px 1px hsla(0,0%,100%,.18)}.board-note{font-size:10px;color:#718091;padding:10px 2px}.board-note span{color:var(--green);margin-right:6px}.board-note b{color:#aab5c2;font-weight:600}.panel-tabs{padding:0;display:flex}.panel-tabs button{flex:1;padding:14px 4px;border:0;background:transparent;color:#687587;font-size:9px;letter-spacing:.12em}.panel-tabs .selected{color:#c9d6b0;border-bottom:2px solid var(--green)}.move-list{min-height:330px;max-height:330px;overflow:auto;padding:10px}.empty-moves{text-align:center;color:#687587;font-size:10px;line-height:1.8;padding-top:105px}.empty-moves b{color:#adb9c7}.move-row{display:grid;grid-template-columns:25px 1fr 1fr;padding:8px 5px;border-bottom:1px solid hsla(0,0%,100%,.04);font-size:10px}.move-row span{color:#596678}.move-row b{font-weight:500}.position-card{border-top:1px solid var(--line);padding:14px}.position-card small,.position-card span,.position-card strong{display:block}.position-card span{font-size:8px;letter-spacing:.16em;color:#647184}.position-card strong{font-size:12px;margin-top:5px}.position-card small{font-size:9px;color:#6d7989;margin-top:3px}.content-section{border-top:1px solid var(--line)}.section-heading.compact{align-items:center}.text-link{background:none;border:0;color:#a5c76e;font-size:11px}.news-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.news-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,border-color .2s}.news-card:hover{transform:translateY(-4px);border-color:rgba(137,184,63,.25)}.news-image{height:165px;display:flex;align-items:center;justify-content:center;font-size:74px;position:relative;overflow:hidden}.news-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(137,184,63,.16),transparent 55%)}.image-one{background:radial-gradient(circle at 50% 30%,#344b38,#17221d 55%,#0d1218)}.image-two{background:radial-gradient(circle at 30% 20%,#5c452e,#20211e 60%,#11151b)}.image-three{background:radial-gradient(circle at 60% 35%,#4d3827,#1c1d21 62%,#10141a)}.news-image span{position:relative;z-index:1;color:#d5bf95}.news-body{padding:18px}.category{font-size:8px;letter-spacing:.16em;color:var(--green2);font-weight:800}.news-body h3{font:600 21px/1.15 Playfair Display;margin:10px 0}.news-body p{font-size:11px;color:#7e8a99;line-height:1.6}.news-body small{font-size:9px;color:#596677}.learn-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;border-top:1px solid var(--line)}.learn-section p{color:#7f8b99;font-size:13px;line-height:1.7;max-width:420px}.learn-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learn-cards>div{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;min-height:150px}.learn-cards span{color:var(--green);font-size:10px}.learn-cards b,.learn-cards small{display:block}.learn-cards b{font:600 21px Playfair Display;margin:30px 0 8px}.learn-cards small{font-size:9px;color:#748091;line-height:1.5}footer{padding:38px 40px;border-top:1px solid var(--line);text-align:center;background:#0a0e14}footer p{font-size:10px;color:#687486;margin:8px}footer small{font-size:8px;color:#46515f}@media(max-width:950px){.main-nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-board-wrap{height:430px}.arena-layout{grid-template-columns:1fr;max-width:650px;margin:auto}.left-panel,.right-panel{display:none}.news-grid{grid-template-columns:1fr 1fr}.news-card.featured{grid-column:1/-1}.learn-section{grid-template-columns:1fr}.learn-cards{max-width:700px}}@media(max-width:600px){.topbar{height:66px}.brand-tag{display:none}.brand-logo{width:36px;height:36px}.play-pill{padding:8px 11px;font-size:10px}.arena-section,.content-section,.hero,.learn-section{padding-left:18px;padding-right:18px}.hero{padding-top:45px}.hero h1{font-size:43px}.hero-board-wrap{height:350px}.floating-card{display:none}.section-heading{align-items:start;gap:15px}.learn-section h2,.section-heading h2{font-size:34px}.news-grid{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.learn-cards{grid-template-columns:1fr}.mini-stats{gap:22px}.hero-actions{flex-wrap:wrap}.ghost-btn,.primary-btn{width:100%}.board-frame{padding:9px}.piece{font-size:clamp(23px,9vw,40px)}}