:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172018;background:#eef1e9;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 5% 5%,#d9e8d1 0,transparent 25rem),radial-gradient(circle at 95% 50%,#e7ddc7 0,transparent 28rem),#eef1e9}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d6ad52;outline-offset:3px}main{width:min(1140px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4.5rem}.public-header{isolation:isolate;min-height:485px;position:relative;overflow:hidden;padding:1.4rem 3.5rem 3.4rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:1.5rem;color:#f9f6ef;background:linear-gradient(90deg,#09140ef7,#0d1c13e0 43%,#0e1d1357),url(/assets/chess-hero-v1.png) center/cover;box-shadow:0 28px 65px #17331d3d}.public-header:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 35% 87%,#cda85b28 0,transparent 22rem)}.hero-nav{display:flex;align-items:center;gap:1.25rem;font-size:.8rem;font-weight:700;letter-spacing:.04em}.hero-nav a{color:#e9eee6;text-decoration:none;opacity:.82;transition:opacity .2s ease,color .2s ease}.hero-nav a:hover{color:#e8c87c;opacity:1}.hero-nav .brand-mark{font-size:1.65rem;color:#e3bd67;margin-right:auto;opacity:1}.hero-copy{max-width:610px;animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.eyebrow{color:#52735a;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .45rem}.public-header .eyebrow{color:#e3bd67}.public-header h1{font-size:clamp(4.6rem,10vw,7.5rem);line-height:.82;letter-spacing:-.085em;margin:.2rem 0 1rem;text-shadow:0 5px 24px #000}.lede{max-width:560px;margin:0;font-size:1.08rem;color:#e5ece2}.hero-pills{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.25rem}.hero-pills span{font-size:.76rem;padding:.38rem .65rem;border:1px solid #f1efd533;border-radius:100px;background:#ffffff10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-board-shell{position:absolute;right:4.4rem;bottom:2.8rem;width:210px;padding:1rem;border:1px solid #e9e2ce4d;border-radius:1rem;background:#12251bd1;box-shadow:0 18px 30px #0005;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:float 5s ease-in-out infinite}.hero-board-shell p{font-size:.71rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .75rem;color:#e3e7dc}.hero-board-shell small{display:block;margin-top:.7rem;color:#bdc9bb;font-size:.72rem}.hero-board-shell small strong{color:#e8c87c}.live-dot{display:inline-block;width:.45rem;height:.45rem;margin-right:.35rem;border-radius:50%;background:#90d878;box-shadow:0 0 0 3px #90d8782b}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border:5px solid #725131;border-radius:.3rem;aspect-ratio:1;box-shadow:0 4px 12px #0008}.mini-square{aspect-ratio:1;padding:0;border-radius:0;font-size:1.3rem;line-height:1;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}.mini-square.light{background:#e4c79d;color:#fff}.mini-square.dark{background:#9a6946;color:#24150d}.mini-square:hover{filter:brightness(1.14);transform:scale(1.06);position:relative;z-index:1}.mini-square.selected{box-shadow:inset 0 0 0 3px #f4d36f;background:#d8b75f}.panel{position:relative;background:#fffffff0;border:1px solid #d9e1d3;border-radius:1.2rem;padding:1.65rem;margin:1.2rem 0;box-shadow:0 14px 35px #2745220b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{margin-top:-2rem;animation:rise .65s .12s cubic-bezier(.2,.8,.2,1) both}.section-kicker,.insight-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.section-kicker>span{font-size:.72rem;font-weight:800;color:#7b8977;background:#eef5e9;padding:.25rem .5rem;border-radius:2rem}.panel h2{font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.08;letter-spacing:-.035em;margin:.15rem 0 .7rem}.form-intro,.muted{color:#5e675d}.form-intro{margin-top:0}.hero form{display:grid;grid-template-columns:minmax(0,1fr) 175px auto;align-items:end;gap:.8rem;margin-top:1.3rem}.hero label{display:grid;gap:.37rem;font-weight:750;font-size:.9rem}.hero input{width:100%;border:1px solid #b8c4b4;border-radius:.68rem;padding:.78rem .85rem;background:#fff;color:#172018;transition:border-color .2s,box-shadow .2s}.hero input:focus{border-color:#4d774e;box-shadow:0 0 0 4px #77a57120;outline:0}.game-picker{margin:0;padding:0;border:0}.game-picker legend{font-weight:750;font-size:.9rem;margin-bottom:.37rem}.game-picker div{display:flex;border:1px solid #bdcab9;border-radius:.68rem;padding:.2rem;background:#f6f9f3}.game-picker button{flex:1;padding:.55rem .35rem;border-radius:.48rem;background:transparent;color:#52614f;font-size:.78rem;font-weight:750;transition:background .2s,color .2s,box-shadow .2s}.game-picker button.selected{color:#fff;background:#386641;box-shadow:0 2px 6px #284c2b45}.primary-action{min-height:45px;padding:.72rem .95rem;border-radius:.68rem;background:#386641;color:#fff;font-weight:800;white-space:nowrap;box-shadow:0 9px 20px #24513235;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.primary-action:hover:not(:disabled){background:#28532f;transform:translateY(-2px);box-shadow:0 12px 24px #24513248}.primary-action span{margin-left:.3rem;font-size:1.15rem}.primary-action:disabled{opacity:.65;cursor:not-allowed}.spinner{display:inline-block;width:.8rem;height:.8rem;margin-right:.35rem;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;vertical-align:-.08rem;animation:spin .7s linear infinite}.privacy-note{margin:1rem 0 0;font-size:.82rem}.message{margin:1.2rem 0;background:#dcebd6;border-left:4px solid #386641;border-radius:.3rem;padding:.8rem 1rem;color:#233c29}.result-area{animation:rise .45s ease-out both}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1.2rem}.stats article{position:relative;overflow:hidden;background:#1d3624;color:#fff;padding:1.1rem;border-radius:.85rem;box-shadow:0 10px 20px #17331d1d}.stats article:after{content:"";position:absolute;width:80px;height:80px;right:-35px;top:-35px;border-radius:50%;background:#d8b76818}.stats article:nth-child(2){background:#294b31}.stats article:nth-child(3){background:#3b5534}.stats article:nth-child(4){background:#4d4930}.stats span,.stats small{display:block;color:#d8e6d6;font-size:.72rem}.stats strong{display:block;margin:.15rem 0;font-size:2rem;line-height:1}.stats small{opacity:.72}.insight-panel{padding:1.7rem}.secondary{padding:.55rem .7rem;border-radius:.6rem;background:#edf3e9;color:#315937;font-weight:750;transition:background .2s,transform .2s}.secondary:hover{background:#dcebd6;transform:translateY(-1px)}.analysis-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem;margin-top:1rem}.analysis{padding:.85rem;text-align:left;border:1px solid transparent;border-radius:.72rem;display:grid;gap:.18rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.analysis:hover,.analysis.active{transform:translateY(-3px);border-color:#6b8b6190;box-shadow:0 10px 18px #27452217}.analysis strong{font-size:1rem}.analysis span,.analysis small{font-size:.78rem}.analysis small{color:#5e675d;margin-top:.3rem}.analysis.inaccuracy{background:#fff5ca}.analysis.mistake{background:#ffe1b9}.analysis.blunder{background:#ffd5ce}.selection-note{margin:1rem 0 0;color:#426445;font-size:.86rem;font-weight:650}.empty-state{padding:1rem;background:#eff6eb;border-radius:.7rem}.how-it-works{margin:3.5rem 0 1.2rem;padding:0 .5rem}.how-it-works>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.how-it-works article{position:relative;padding:0 1rem 0 0}.how-it-works article:not(:last-child):after{content:"";position:absolute;right:0;top:.5rem;width:1px;height:80%;background:#ced8c9}.how-it-works b{color:#c2903a;font-size:.8rem;letter-spacing:.1em}.how-it-works h3{margin:.4rem 0;font-size:1rem}.how-it-works p{margin:0;color:#697364;font-size:.88rem}.next-step{background:linear-gradient(115deg,#fffef9,#edf5e9)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:820px){.public-header{padding:1.25rem 2rem 2rem;min-height:440px}.hero-board-shell{right:2.5rem;bottom:2rem;width:180px}.hero form{grid-template-columns:minmax(0,1fr) 160px}.primary-action{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){main{width:min(100% - 1.2rem,1140px);padding-top:.6rem}.public-header{min-height:510px;padding:1rem 1.35rem 1.6rem;border-radius:1.15rem;background-position:58% center}.hero-nav{gap:.8rem;font-size:.7rem}.hero-nav a:nth-last-child(1){display:none}.hero-copy{padding-top:1.8rem}.public-header h1{font-size:4.7rem}.lede{font-size:.96rem}.hero-board-shell{right:auto;left:1.35rem;bottom:1.4rem;width:158px}.hero{margin-top:.8rem;padding:1.25rem}.hero form{grid-template-columns:1fr}.primary-action{grid-column:auto;width:100%}.stats{gap:.55rem}.stats article{padding:.85rem}.stats strong{font-size:1.6rem}.insight-heading{display:block}.details-toggle{margin-top:.8rem}.how-it-works{margin-top:2.8rem}.how-it-works>div{grid-template-columns:1fr;gap:1.2rem}.how-it-works article{padding:0}.how-it-works article:not(:last-child):after{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}