@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&display=swap";:root{color:#edf1e8;font-synthesis:none;background:#10211e;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 0,#274e3a 0,#0000 27rem),#10211e;min-width:320px;margin:0}.preview-banner{text-align:center;color:#e6ae65;background:#183128;border-bottom:1px solid #3a5549;margin:0;padding:.65rem 1rem;font-size:.75rem}button,input{font:inherit}button{cursor:pointer;color:#14231e;background:#e8ece4;border:0;border-radius:.55rem;padding:.7rem .95rem;font-weight:700}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,p{margin-top:0}h1,h2{font-family:Fraunces,serif;font-weight:500}h1{letter-spacing:-.055em;margin-bottom:1rem;font-size:clamp(2.15rem,7vw,4.5rem);line-height:.98}h2{margin-bottom:.3rem}p{color:#b8c8bc;line-height:1.6}.app-shell{width:min(1120px,100% - 2rem);margin:auto;padding:1.4rem 0 4rem}header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}header p{margin:0;font-size:.8rem}.brand{color:#f0f2ec;letter-spacing:-.08em;font-family:Fraunces,serif;font-size:2rem;text-decoration:none}.brand span{color:#e6ae65}nav{border-bottom:1px solid #3a5549;gap:.35rem;margin:1.6rem 0 3.5rem;display:flex}nav button{color:#aabcb0;background:0 0;border-radius:0;padding:.7rem .8rem 1rem}nav .nav-active{color:#f2f5ef;border-bottom:2px solid #e6ae65}.hero{max-width:760px;padding:5vh 0}.eyebrow{color:#e6ae65;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:.7rem;font-weight:500}.lede{max-width:620px;font-size:1.1rem}.actions{flex-wrap:wrap;gap:.7rem;margin:2rem 0 3.5rem;display:flex}.primary{color:#17221d;background:#e6ae65}.rules-note{background:#183128;border-left:2px solid #e6ae65;gap:.2rem;max-width:440px;padding:1.2rem;display:grid}.rules-note span{color:#b8c8bc}.section-title{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.section-title h1{margin-bottom:0;font-size:clamp(2.1rem,5vw,3.5rem)}.empty{background:#183128;border:1px solid #3a5549;border-radius:.9rem;max-width:560px;padding:2rem}.opening-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem;display:grid}.opening-card{background:#183128;border:1px solid #3a5549;border-radius:.8rem;flex-direction:column;gap:1.2rem;min-height:225px;padding:1.35rem;display:flex}.opening-card strong{color:#e6ae65;font-family:DM Mono,monospace;font-size:1.45rem}.opening-card div:last-child{gap:.5rem;margin-top:auto;display:flex}.quiet-danger{color:#f5b4a8;background:0 0}.designer{max-width:1000px}.name-field{color:#b8c8bc;gap:.45rem;max-width:460px;margin-bottom:2rem;font-size:.82rem;display:grid}.name-field input{color:#f0f2ec;background:#0f201d;border:1px solid #547063;border-radius:.5rem;outline-color:#e6ae65;padding:.8rem .9rem}.designer-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:2rem;display:grid}.board{aspect-ratio:1;grid-template-columns:repeat(10,1fr);width:min(100%,660px);display:grid;box-shadow:0 10px 45px #060d0a75}.board button{aspect-ratio:1;border-radius:0;padding:0;font-family:Georgia,serif;font-size:clamp(1.1rem,4.5vw,2.7rem);font-weight:400}.board .light{color:#285143;background:#d7d4b9}.board .dark{color:#f6f3df;background:#70916c}.board button:not(.setup-square){opacity:.45}.board .setup-square{box-shadow:inset 0 0 0 1px #e6ae6585}.board-caption{font-size:.8rem}.piece-tray{background:#183128;border:1px solid #3a5549;border-radius:.8rem;padding:1.2rem}.piece-tray h2{font-size:1.6rem}.piece-tray>p{font-size:.8rem}.piece-buttons{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.piece-buttons button{text-align:left;color:#e8ece4;text-transform:capitalize;background:#264236;padding:.45rem;font-size:.68rem;position:relative}.piece-buttons .selected{background:#345747;outline:2px solid #e6ae65}.piece-buttons span{font-family:Georgia,serif;font-size:1.7rem;display:block}.piece-buttons em{color:#e6ae65;font-style:normal;position:absolute;top:.45rem;right:.45rem}.validation{border-top:1px solid #3a5549;margin-top:1.2rem;padding-top:1.1rem;font-size:.8rem}.validation p{margin-bottom:0;font-size:.75rem}.save{width:100%;margin-top:1.2rem}@media (width<=680px){.app-shell{width:min(100% - 1.2rem,1120px);padding-top:1rem}header p{display:none}nav{justify-content:space-between;margin:1.2rem 0 2.3rem}nav button{padding-inline:.35rem;font-size:.78rem}.section-title{align-items:start}.section-title .primary{white-space:nowrap}.designer-layout{grid-template-columns:1fr;gap:1rem}.piece-tray{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.piece-tray>h2,.piece-tray>p{display:none}.piece-buttons{grid-column:span 2;grid-template-columns:repeat(6,1fr)}.piece-buttons button{text-align:center}.piece-buttons button span{font-size:1.3rem}.piece-buttons button:not(.selected){font-size:0}.piece-buttons em{font-size:.65rem}.validation{border:0;grid-column:span 1;margin:0;padding-top:0}.save{grid-column:span 1;align-self:center;margin:0}.board-caption{display:none}}