html{overflow-y:scroll}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#1a1a1a;color:#e7dfd3;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:20px auto 0;padding:20px}header{text-align:center;padding:40px 0;background:linear-gradient(135deg,#2c261e,#4a4238);margin-bottom:40px;border-radius:15px;box-shadow:0 8px 32px #00000080}h1{font-size:3.5em;color:#d9b382;text-shadow:0 0 20px rgba(217,179,130,.5);margin-bottom:10px;letter-spacing:3px}.subtitle{font-size:1.3em;color:#b69b79;font-style:italic}.section{background:linear-gradient(135deg,#2c261e,#3e3529);margin:30px 0;padding:30px;border-radius:15px;box-shadow:0 8px 24px #0006;border:1px solid #6f5c3e}h2{color:#d9b382;font-size:2.2em;margin-bottom:20px;text-align:center;text-shadow:0 0 10px rgba(217,179,130,.3)}h3{color:#b69b79;font-size:1.5em;margin:20px 0 15px;border-bottom:2px solid #6f5c3e;padding-bottom:5px}p{margin-bottom:15px;font-size:1.1em;text-align:justify}.highlight{background:linear-gradient(90deg,#d9b38233,#d9b3821a);padding:20px;border-radius:10px;border-left:4px solid #d9b382;margin:20px 0}.pieces-demo{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin:30px 0;padding:20px;background:#1d1101b3;border-radius:15px}.piece-example{display:flex;flex-direction:column;align-items:center;gap:10px}.piece-visual{width:60px;height:60px;box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;transition:transform .3s}.piece-visual:hover{transform:scale(1.1)}.piece-visual.round{border-radius:50%}.piece-visual.square{border-radius:10%}.piece-visual.large{width:60px;height:60px}.piece-visual.small{width:40px;height:40px}.piece-visual.light.filled{background-color:#d9b382}.piece-visual.dark.filled{background-color:#6f5c3e}.piece-visual.light.hollow{border:15px solid #d9b382;background-color:#1a1a1a}.piece-visual.dark.hollow{border:15px solid #6f5c3e;background-color:#1a1a1a}.piece-visual.small.hollow{border-width:8px}.piece-label{font-size:.9em;color:#b69b79;text-align:center}.board-demo{display:grid;grid-template-columns:repeat(4,80px);grid-template-rows:repeat(4,80px);gap:8px;justify-content:center;margin:30px auto;padding:20px;background:#1d1101b3;border-radius:15px;max-width:fit-content}.board-cell{background-color:#fdf5e6;border-radius:50%;display:flex;justify-content:center;align-items:center;border:2px solid #d9b382;position:relative}.board-cell .piece-visual{width:50px;height:50px}.board-cell.winning{border-color:gold;box-shadow:0 0 15px #ffd70099;animation:winGlow 2s infinite}@keyframes winGlow{0%,to{box-shadow:0 0 15px #ffd70099}50%{box-shadow:0 0 25px #ffd700e6}}.steps{counter-reset:step-counter}.step{counter-increment:step-counter;margin:20px 0;padding:20px;background:#4a42384d;border-radius:10px;border-left:4px solid #d9b382;position:relative}.step:before{content:counter(step-counter);position:absolute;left:-15px;top:15px;background:#d9b382;color:#2c261e;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em}.attributes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0}.attribute-card{background:#4a42384d;padding:20px;border-radius:10px;text-align:center;border:1px solid #6f5c3e}.attribute-examples{display:flex;justify-content:center;gap:15px;margin-top:15px}.back-link{text-align:center;margin:40px 0}.back-link a{display:inline-block;padding:15px 30px;background:linear-gradient(135deg,#d9b382,#b69b79);color:#2c261e;text-decoration:none;border-radius:25px;font-weight:700;font-size:1.1em;transition:all .3s;box-shadow:0 4px 15px #d9b3824d}.back-link a:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d9b38280}@media(max-width:768px){.container{padding:10px}h1{font-size:2.5em}h2{font-size:1.8em}.pieces-demo{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.board-demo{grid-template-columns:repeat(4,60px);grid-template-rows:repeat(4,60px)}.attributes-grid{grid-template-columns:1fr}}