:root{color-scheme:dark;--bg:#05070b;--panel:#0c111b;--panel2:#121a28;--ink:#f7fbff;--muted:#aeb9c9;--gold:#f6c84c;--cyan:#75f8ff;--mint:#8ff5c2;--line:rgba(255,255,255,.14);--shadow:0 26px 70px rgba(0,0,0,.42)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(117,248,255,.16),transparent 30%),radial-gradient(circle at 100% 10%,rgba(246,200,76,.14),transparent 28%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}.site-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to bottom,black,transparent 78%)}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:18px clamp(18px,4vw,64px);background:rgba(5,7,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand img{width:54px;height:54px;object-fit:contain}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(246,200,76,.5);background:linear-gradient(135deg,#101826,#231f12);color:var(--gold);font-weight:900;border-radius:12px}.brand strong{display:block;font-size:1.05rem;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:.78rem}.site-nav ul{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0}.site-nav a,.play-link,.hero-actions a,.topic-strip a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:#dce7f7;background:rgba(255,255,255,.04)}.site-nav a:hover,.play-link:hover,.hero-actions a:hover,.topic-strip a:hover{border-color:rgba(117,248,255,.55);box-shadow:0 0 0 4px rgba(117,248,255,.08)}.play-link{border-color:rgba(246,200,76,.5);color:var(--gold)}.site-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:44px 0 80px}.site-main.compact{padding-top:56px}.hero-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:30px;min-height:420px;padding:clamp(32px,6vw,70px);border:1px solid rgba(117,248,255,.24);border-radius:28px;background:linear-gradient(135deg,rgba(12,17,27,.94),rgba(8,11,18,.82));box-shadow:var(--shadow)}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 30%,rgba(117,248,255,.1) 50%,transparent 70%);animation:sweep 7s linear infinite}.hero-copy{position:relative;z-index:1;align-self:center}.eyebrow{margin:0 0 12px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.hero-copy h1,.article-header h1,.archive-header h1{margin:0;color:#fff;line-height:1.02;font-size:clamp(2.4rem,6vw,5.9rem);letter-spacing:0}.hero-copy p,.archive-header p{max-width:680px;color:#d9e3f2;font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-actions a:first-child{background:linear-gradient(135deg,var(--gold),#ffeaa7);color:#0d1016;border:0;font-weight:800}.hero-board{position:relative;z-index:1;min-height:360px;display:grid;place-items:center;align-self:center;isolation:isolate}.hero-board:before{content:"";position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(117,248,255,.22),rgba(246,200,76,.12) 42%,transparent 68%);filter:blur(24px);opacity:.85}.chessboard{--sq:12.5%;position:relative;width:min(386px,82vw);aspect-ratio:1;border:1px solid rgba(246,200,76,.35);border-radius:22px;overflow:hidden;background-color:#101827;background-image:linear-gradient(135deg,rgba(117,248,255,.13),transparent 42%,rgba(246,200,76,.14)),conic-gradient(#111827 25%,#e9f6ff 0 50%,#111827 0 75%,#e9f6ff 0);background-size:100% 100%,25% 25%;box-shadow:0 34px 80px rgba(0,0,0,.48),0 0 42px rgba(117,248,255,.2);transform:perspective(900px) rotateX(54deg) rotateZ(-9deg);transform-origin:center}.chessboard:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 32%,rgba(246,200,76,.16));mix-blend-mode:screen;pointer-events:none}.piece{position:absolute;left:calc(var(--x)*var(--sq));top:calc(var(--y)*var(--sq));width:var(--sq);height:var(--sq);display:grid;place-items:center;font-size:clamp(28px,4vw,50px);line-height:1;z-index:4;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}.piece.white{color:#f8fbff;text-shadow:0 2px 0 #7d8da3,0 0 18px rgba(255,255,255,.38)}.piece.black{color:#0d121b;-webkit-text-stroke:.8px rgba(246,200,76,.72);text-shadow:0 1px 0 rgba(255,238,169,.55),0 0 20px rgba(246,200,76,.42)}.piece.rook-lift{animation:rookLift 7.4s ease-in-out infinite}.piece.knight-hop{animation:knightHop 7.4s ease-in-out infinite}.piece.danger{animation:kingPulse 2.8s ease-in-out infinite}.target-square{position:absolute;width:var(--sq);height:var(--sq);border-radius:10px;box-shadow:inset 0 0 0 3px rgba(117,248,255,.7),0 0 24px rgba(117,248,255,.42);z-index:2;animation:targetPulse 3s ease-in-out infinite}.target-king{left:calc(6*var(--sq));top:0}.target-rook{left:calc(4*var(--sq));top:calc(4*var(--sq));animation-delay:1s}.move-trace{position:absolute;z-index:2;background:linear-gradient(to bottom,transparent,var(--cyan),transparent);border-radius:999px;opacity:.8;filter:drop-shadow(0 0 10px rgba(117,248,255,.65))}.rook-trace{left:calc(4.48*var(--sq));top:calc(4.2*var(--sq));width:3px;height:calc(3.1*var(--sq));animation:tracePulse 7.4s ease-in-out infinite}.knight-trace{left:calc(5.35*var(--sq));top:calc(2.62*var(--sq));width:calc(2.1*var(--sq));height:3px;transform:rotate(-28deg);animation:tracePulse 7.4s ease-in-out infinite .7s}.board-caption{position:absolute;right:3%;bottom:5%;z-index:3;display:grid;gap:2px;padding:10px 12px;border:1px solid rgba(246,200,76,.35);border-radius:14px;background:rgba(5,7,11,.72);box-shadow:0 14px 35px rgba(0,0,0,.34);backdrop-filter:blur(12px)}.board-caption span{color:var(--cyan);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.board-caption strong{color:#fff;font-size:.86rem}.topic-strip{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 34px}.post-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.post-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(18,26,40,.94),rgba(10,14,23,.94));box-shadow:0 18px 50px rgba(0,0,0,.28);transition:transform .18s ease,border-color .18s ease}.post-card:hover{transform:translateY(-4px);border-color:rgba(117,248,255,.4)}.post-image{display:block;aspect-ratio:16/9;background:#09111d;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;display:block}.post-card-body{padding:20px}.tag-pill,.article-footer a{display:inline-flex;margin:0 8px 10px 0;padding:5px 10px;border:1px solid rgba(117,248,255,.35);border-radius:999px;color:var(--cyan);font-size:.78rem;font-weight:800}.post-card h2{font-size:1.28rem;line-height:1.22;margin:0 0 10px}.post-card p{color:var(--muted);margin:0 0 18px}.post-meta{display:flex;flex-wrap:wrap;gap:12px;color:#91a0b4;font-size:.86rem}.article-main{width:min(920px,calc(100% - 32px));margin:0 auto;padding:52px 0 86px}.article-shell{border:1px solid var(--line);border-radius:28px;background:rgba(9,13,21,.82);box-shadow:var(--shadow);overflow:hidden}.article-header{padding:clamp(30px,6vw,66px) clamp(24px,6vw,74px) 28px}.article-header h1{font-size:clamp(2.2rem,5vw,4.8rem)}.article-header p{max-width:720px;color:#cfdae9;font-size:1.08rem}.article-image{margin:0;padding:0 24px 28px}.article-image img{display:block;width:100%;border-radius:20px;border:1px solid var(--line)}.article-content{padding:0 clamp(24px,6vw,74px) 58px;color:#e8eef8;font-size:1.06rem}.article-content h2{margin:34px 0 8px;font-size:1.55rem;line-height:1.18}.article-content p{margin:0 0 18px}.article-content ul{padding-left:22px}.article-footer{padding:0 clamp(24px,6vw,74px) 50px}.archive-header{padding:20px 0 34px}.pagination{display:flex;justify-content:center;gap:14px;margin:38px 0}.site-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:34px clamp(18px,4vw,64px);border-top:1px solid var(--line);color:var(--muted);background:rgba(5,7,11,.82)}.site-footer strong{display:block;color:#fff}.site-footer nav{display:flex;flex-wrap:wrap;gap:14px}@keyframes sweep{0%{transform:translateX(-80%)}100%{transform:translateX(80%)}}@keyframes rookLift{0%,18%,100%{transform:translate(0,0) scale(1)}42%,64%{transform:translate(0,-300%) scale(1.08);filter:drop-shadow(0 14px 16px rgba(0,0,0,.5)) drop-shadow(0 0 16px rgba(117,248,255,.72))}}@keyframes knightHop{0%,24%,100%{transform:translate(0,0) scale(1)}46%,62%{transform:translate(200%,-100%) scale(1.08);filter:drop-shadow(0 14px 16px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(246,200,76,.7))}}@keyframes kingPulse{0%,100%{filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}50%{filter:drop-shadow(0 8px 8px rgba(0,0,0,.5)) drop-shadow(0 0 18px rgba(255,91,91,.88))}}@keyframes targetPulse{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}@keyframes tracePulse{0%,18%,100%{opacity:.18}45%,66%{opacity:.9}}@media (prefers-reduced-motion:reduce){.hero-panel:before,.piece.rook-lift,.piece.knight-hop,.piece.danger,.target-square,.move-trace{animation:none}}@media (max-width:900px){.site-header{align-items:flex-start;gap:14px;flex-wrap:wrap}.brand{min-width:0}.site-nav{order:3;width:100%;overflow:auto}.site-nav ul{min-width:max-content}.hero-panel{grid-template-columns:1fr;min-height:auto}.hero-board{min-height:300px}.chessboard{width:min(350px,82vw)}.post-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{align-items:flex-start;flex-direction:column}}@media (max-width:620px){.site-header{padding:14px 16px}.brand small{display:none}.play-link{padding:9px 12px}.site-main,.article-main{width:min(100% - 22px,1180px);padding-top:24px}.hero-panel{border-radius:22px;padding:26px 20px}.hero-copy h1{font-size:2.5rem}.hero-board{min-height:250px}.chessboard{width:min(300px,84vw);transform:perspective(760px) rotateX(50deg) rotateZ(-7deg)}.piece{font-size:clamp(24px,8vw,42px)}.board-caption{right:auto;left:12px;bottom:6px}.post-feed{grid-template-columns:1fr}.article-shell{border-radius:20px}.article-header,.article-content,.article-footer{padding-left:20px;padding-right:20px}.article-image{padding-left:14px;padding-right:14px}.site-footer nav{gap:10px}}

.chess-3d-canvas{position:absolute;inset:0;z-index:3;width:100%;height:100%;opacity:0;transition:opacity .45s ease;pointer-events:none}.hero-board.is-three-ready .chess-3d-canvas{opacity:1}.hero-board.is-three-ready .chessboard{opacity:0}.hero-board.is-three-ready .board-caption{z-index:5}
.piece{font-size:0;transform:translateZ(28px) rotateX(-52deg) rotateZ(9deg);transform-style:preserve-3d;overflow:visible;filter:drop-shadow(0 12px 10px rgba(0,0,0,.55))}.piece:before{content:attr(data-piece);position:absolute;inset:-18% -8% 0;display:grid;place-items:center;font-size:clamp(34px,4.6vw,58px);line-height:1;z-index:2;transform:translateZ(18px)}.piece:after{content:"";position:absolute;left:17%;right:17%;bottom:4%;height:22%;border-radius:50%;z-index:1;transform:translateZ(2px);background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.45),rgba(255,255,255,.06) 34%,rgba(0,0,0,.36) 72%);box-shadow:0 7px 10px rgba(0,0,0,.42)}.piece.white:before{color:#f8fbff;text-shadow:0 1px 0 #fff,0 3px 0 #b9c4d5,0 6px 0 #6f7d91,0 12px 18px rgba(0,0,0,.52),0 0 18px rgba(117,248,255,.42)}.piece.white:after{background:radial-gradient(circle at 35% 22%,#ffffff,#d7e1ef 36%,#8290a4 74%)}.piece.black:before{color:#111722;-webkit-text-stroke:1px rgba(255,226,137,.78);text-shadow:0 1px 0 rgba(255,246,202,.62),0 3px 0 #3a311c,0 6px 0 #05070b,0 12px 18px rgba(0,0,0,.65),0 0 18px rgba(246,200,76,.45)}.piece.black:after{background:radial-gradient(circle at 35% 22%,#6b6247,#1d2130 42%,#05070b 78%);box-shadow:0 8px 13px rgba(0,0,0,.58),0 0 12px rgba(246,200,76,.2)}.piece.queen-strike{z-index:8;animation:queenStrike3d 8s cubic-bezier(.45,0,.2,1) infinite}.piece.bishop-support{animation:supportGlow 8s ease-in-out infinite}.piece.captured-pawn{animation:captureFade 8s ease-in-out infinite}.target-mate{left:calc(5*var(--sq));top:calc(1*var(--sq));box-shadow:inset 0 0 0 3px rgba(246,200,76,.82),0 0 26px rgba(246,200,76,.55);animation:mateSquare 8s ease-in-out infinite}.target-king{left:calc(4*var(--sq));top:0;box-shadow:inset 0 0 0 3px rgba(255,91,91,.78),0 0 28px rgba(255,91,91,.42)}.queen-trace{left:calc(5.62*var(--sq));top:calc(1.82*var(--sq));width:calc(2.25*var(--sq));height:4px;transform:rotate(-45deg);background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);animation:attackTrace 8s ease-in-out infinite}.bishop-trace{left:calc(2.52*var(--sq));top:calc(3.02*var(--sq));width:calc(3.5*var(--sq));height:3px;transform:rotate(-45deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.84),transparent);animation:supportTrace 8s ease-in-out infinite}.board-caption strong{white-space:nowrap}@keyframes queenStrike3d{0%,18%,100%{transform:translate(0,0) translateZ(28px) rotateX(-52deg) rotateZ(9deg) scale(1)}38%,70%{transform:translate(-200%,-200%) translateZ(46px) rotateX(-52deg) rotateZ(9deg) scale(1.12);filter:drop-shadow(0 18px 18px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(246,200,76,.78))}}@keyframes captureFade{0%,30%,100%{opacity:1;transform:translateZ(28px) rotateX(-52deg) rotateZ(9deg) scale(1)}40%,72%{opacity:0;transform:translateZ(16px) rotateX(-52deg) rotateZ(9deg) scale(.55)}}@keyframes supportGlow{0%,100%{filter:drop-shadow(0 12px 10px rgba(0,0,0,.55))}45%,68%{filter:drop-shadow(0 14px 14px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(117,248,255,.66))}}@keyframes attackTrace{0%,20%,100%{opacity:.12}38%,70%{opacity:.95}}@keyframes supportTrace{0%,24%,100%{opacity:.16}42%,76%{opacity:.72}}@keyframes mateSquare{0%,26%,100%{opacity:.38;transform:scale(.92)}42%,72%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.piece.queen-strike,.piece.bishop-support,.piece.captured-pawn,.queen-trace,.bishop-trace,.target-mate{animation:none}.piece.queen-strike{transform:translate(-200%,-200%) translateZ(46px) rotateX(-52deg) rotateZ(9deg) scale(1.08)}.piece.captured-pawn{opacity:0}}@media (max-width:620px){.piece:before{font-size:clamp(28px,8.8vw,46px)}.board-caption strong{white-space:normal}}