.classic-page{--barn-dark:#24170f;--barn-mid:#52351e;--felt:#244f3c;--parchment:#f3e8c9;background:linear-gradient(rgba(23,14,8,.75),rgba(23,14,8,.88)),repeating-linear-gradient(90deg,#3c2617 0 54px,#291a11 54px 58px);color:#f5ead0;min-height:100vh}.classic-page main{padding-bottom:4rem}.classic-page .distractions-breadcrumb,.classic-page .distractions-breadcrumb a{color:#f5dfaa}.classic-hero{text-align:center;padding:clamp(2rem,6vw,4rem) 1rem}.classic-hero h1{color:#f7e8bd}.classic-shell{width:min(1180px,calc(100% - 24px));margin:auto;display:grid;grid-template-columns:minmax(0,680px) minmax(260px,1fr);gap:clamp(1rem,3vw,2rem);align-items:start}.classic-table{padding:clamp(.65rem,2vw,1.3rem);border:4px solid #9a6d37;border-radius:18px;background:linear-gradient(125deg,rgba(79,49,27,.96),rgba(42,26,16,.98));box-shadow:0 24px 60px #0008,inset 0 0 40px #d59f4330}.classic-panel{padding:1.25rem;border:1px solid #b68c52;border-radius:14px;background:rgba(18,41,31,.96);color:#f7ead0}.classic-panel h2,.classic-panel h3{color:#f1d189}.classic-controls{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.classic-controls button,.classic-controls select{min-height:48px}.classic-status{min-height:2.8rem;padding:.65rem;border-left:4px solid #d9b65f;background:#f6edd6;color:#213b30}.classic-board{display:grid;width:min(100%,640px);aspect-ratio:1;margin:auto;border:8px solid #7a4d25;box-shadow:0 10px 25px #0008}.classic-board button{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:0;display:grid;place-items:center;cursor:pointer}.classic-board button:focus-visible{z-index:3;outline:4px solid #ffd869;outline-offset:-4px}.classic-board .light{background:#d8bf8b}.classic-board .dark{background:#44634a}.classic-board .selected{box-shadow:inset 0 0 0 5px #efc951}.classic-board .last{background-image:linear-gradient(#f0cb5260,#f0cb5260)}.classic-board .legal::after{content:"";position:absolute;width:24%;aspect-ratio:1;border-radius:50%;background:#f8df89bb}.classic-board .capture::after{width:72%;background:transparent;border:4px solid #f0b644}.classic-board .check{box-shadow:inset 0 0 0 6px #a53931}.chess-piece{width:76%;height:76%;display:grid;place-items:center;border-radius:45% 45% 32% 32%;font:bold clamp(.82rem,4.6vw,2rem) Georgia;filter:drop-shadow(0 3px 1px #0005)}.chess-piece.white{background:linear-gradient(#fff8dc,#cbb886);color:#17372b;border:2px solid #80632f}.chess-piece.black{background:linear-gradient(#315848,#11271f);color:#f7e7bb;border:2px solid #d4b35d}.chess-piece[data-type="n"]{border-radius:65% 30% 35% 45%;transform:skew(-5deg)}.chess-piece[data-type="r"]{border-radius:12% 12% 28% 28%}.chess-piece[data-type="p"]{width:55%;height:62%;border-radius:50% 50% 36% 36%}.classic-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#0a1712cc}.classic-modal[hidden]{display:none}.classic-modal-card{max-width:430px;padding:1.5rem;border:3px solid #c99c43;background:#f5e9c9;color:#17362b;text-align:center}.promotion-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.promotion-grid button{min-height:64px}.move-history{max-height:220px;overflow:auto;columns:2;padding-left:1.5rem}.classic-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.classic-card{padding:1.4rem;border:2px solid #a97d3f;background:linear-gradient(#f0e2bd,#d1b77f);color:#17362b;text-decoration:none;box-shadow:0 12px 26px #0006}.classic-card h2{color:#17362b}.classic-card-action{font-weight:900;color:#783f20}.draught-piece{width:68%;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 5px #ffffff25,0 4px 2px #0006;display:grid;place-items:center}.draught-piece.red{background:radial-gradient(circle at 35% 30%,#b9684e,#67261f)}.draught-piece.cream{background:radial-gradient(circle at 35% 30%,#fff1c5,#b99c63)}.draught-piece.king::after{content:"♛";font-size:clamp(.8rem,4vw,1.8rem);color:#e7c35d;text-shadow:0 1px #38230f}.classic-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.classic-meta>div{padding:.55rem;background:#173c2f;text-align:center}.classic-meta span{display:block;font-size:.7rem;text-transform:uppercase}.classic-meta strong{color:#f0d58b}.classic-category-page{background:linear-gradient(#172a21dd,#20150ddd),repeating-linear-gradient(90deg,#604125 0 70px,#422a18 70px 74px);min-height:100vh;color:#f4e7c8}.classic-category-page h1{color:#f5dfa5}
@media(max-width:780px){.classic-shell{grid-template-columns:1fr}.classic-panel{order:2}.classic-card-grid{grid-template-columns:1fr}.classic-board{border-width:5px}.move-history{columns:1}.classic-meta{font-size:.85rem}}
@media(max-width:430px){.classic-shell{width:min(100% - 12px,420px)}.classic-table{padding:5px;border-width:3px}.classic-controls>*{flex:1 1 42%}.classic-controls button,.classic-controls select{min-height:48px}.classic-panel{padding:1rem}.classic-board .legal::after{min-width:8px}.chess-piece{font-size:clamp(.7rem,5vw,1.25rem)}}
@media(prefers-reduced-motion:reduce){.classic-page *{animation:none!important;transition:none!important}}