:root{color:#f5f0e5;background:#101b1b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 70% 0,#263c36 0%,#101b1b 55%);min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1080px;margin:auto;padding:28px 22px 90px}.brand{letter-spacing:2px;color:#d9b875;font-size:19px;font-weight:800}.brand b{color:#fff}.hero{max-width:700px;margin:72px 0 40px}.eyebrow{color:#d9b875;letter-spacing:3px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-2px;margin:15px 0;font-size:clamp(42px,7vw,78px);line-height:1.08}.hero em{color:#d9b875;font-style:normal}.hero p{color:#aebbb4;max-width:510px;line-height:1.7}.panel{background:#1b2b29;border:1px solid #34453f;border-radius:16px;max-width:620px;padding:26px;box-shadow:0 18px 50px #0003}.panel h2{margin:0 0 22px}.panel label{color:#d8e3da;margin:20px 0 9px;font-size:13px;font-weight:700;display:block}.choices{flex-wrap:wrap;gap:8px;display:flex}.choices button,.promotion button{color:#e7ece5;text-transform:capitalize;background:#263a35;border:1px solid #4b5b52;border-radius:8px;padding:12px 16px}.choices button.active{color:#fff;background:#54482e;border-color:#e1bf77}.primary{color:#17221d;background:#d6ad63;border:0;border-radius:8px;width:100%;margin-top:20px;padding:15px;font-weight:700;display:block}.primary:disabled{opacity:.5}.panel select{color:#fff;background:#263a35;border:1px solid #4b5b52;border-radius:8px;width:100%;padding:12px}.fine{color:#aebbb4;font-size:12px;line-height:1.6}.error{color:#ffac99;font-size:13px}.game-shell{max-width:1240px}.game-layout{grid-template-columns:minmax(0,680px) minmax(260px,1fr);gap:30px;margin-top:38px;display:grid}.game-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.game-heading h2{margin:6px 0}.mini button{padding:8px 12px}.board{aspect-ratio:1;border:8px solid #6b4d31;border-radius:3px;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 15px 30px #0005}.square{aspect-ratio:1;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.square.light{background:#e9d6af}.square.dark{background:#9a7554}.square.selected{background:#e6c65d}.square.target:after{content:"";pointer-events:none;background:#336c51a8;border-radius:50%;width:25%;height:25%;position:absolute}.piece{filter:drop-shadow(1px 3px 1px #0007);z-index:1;font-family:DejaVu Sans,Segoe UI Symbol,serif;font-size:clamp(22px,5.7vw,66px);line-height:1}.white-piece{color:#fffaf0;-webkit-text-stroke:1px #222}.black-piece{color:#191b1a;-webkit-text-stroke:.6px #e6e0cf}.rank,.file{color:#5b4634;font-size:10px;position:absolute}.rank{top:2px;left:3px}.file{bottom:2px;right:3px}.sidebar{align-self:start}.sidebar h3{margin-top:25px}.linkbox{overflow-wrap:anywhere;background:#101e1c;border:1px solid #34453f;border-radius:7px;padding:12px;font-size:12px}.move-list{color:#ddd;flex-wrap:wrap;gap:9px;min-height:70px;display:flex}.move-list span{background:#30423a;border-radius:4px;padding:5px 7px}.secondary-link{color:#e0bd78;margin-top:30px;display:block}.promotion{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.promotion button{font-size:22px}@media (max-width:800px){.game-layout{grid-template-columns:1fr}.piece{font-size:clamp(25px,9vw,65px)}.shell{padding:20px 12px 60px}.panel{padding:18px}.hero{margin:50px 0 30px}}.board-3d{aspect-ratio:1;background:#182825;border:1px solid #6b573a;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 16px 35px #0006}.board-3d canvas{touch-action:none;width:100%;height:100%;display:block}.board-3d canvas:focus-visible{outline-offset:-4px;outline:3px solid #e7bf71}.board-3d-tools{color:#bdc9bf;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}.board-3d-tools button{color:#e7d8b2;background:#293f35;border:1px solid #62705b;border-radius:6px;padding:8px 10px}.keyboard-square{font-size:11px}.turn-notice{color:#bfcdc2;background:#172822;border:1px solid #3d5147;border-radius:9px;align-items:center;gap:10px;min-height:46px;margin:0 0 14px;padding:12px 15px;font-size:14px;font-weight:700;display:flex}.turn-light{background:#64786a;border-radius:50%;flex:0 0 12px;width:12px;height:12px}.your-turn{color:#fff1dc;background:#362724;border-color:#c66c5b}.your-turn .turn-light{background:#ff6656;animation:1.8s ease-in-out infinite turn-pulse;box-shadow:0 0 0 4px #ff665622}@keyframes turn-pulse{0%,to{opacity:1;box-shadow:0 0 0 4px #ff665622}50%{opacity:.55;box-shadow:0 0 0 8px #ff665600}}@media (prefers-reduced-motion:reduce){.your-turn .turn-light{animation:none}}.capture-tray{background:linear-gradient(145deg,#304238,#16271e);border:1px solid #536152;border-radius:10px;align-items:center;gap:14px;min-height:58px;margin:10px 0;padding:10px 15px;display:flex;box-shadow:inset 0 1px #ffffff12}.capture-tray strong{min-width:90px;font-size:12px}.captured-pieces{letter-spacing:2px;flex-wrap:wrap;font-size:29px;line-height:1.1;display:flex}.capture-tray.white .captured-pieces{color:#171f19;text-shadow:0 1px #d5cbb0,1px 0 #c1b694,-1px 0 #c1b694}.capture-tray.black .captured-pieces{color:#f3e5c8;text-shadow:0 2px 2px #000}.captured-pieces small{color:#b9c5b3;letter-spacing:0;text-shadow:none;font-size:11px}@media (max-width:600px){.capture-tray{gap:8px;padding:8px}.capture-tray strong{min-width:72px;font-size:10px}.captured-pieces{font-size:24px}}