:root{--ink:#16110d;--cream:#f4ead6;--gold:#d4b45a;--mute:#9a8b76;--display:"Fraunces",Georgia,serif;--sans:"Outfit",system-ui,sans-serif;--light-sq:#eed7ac;--dark-sq:#b58863}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{font-family:var(--sans);background:radial-gradient(ellipse 90% 60% at 50% -10%,#4a2f1e 0,transparent 55%),#140f0c;color:var(--cream)}.shell{width:min(560px,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem}.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(3rem,10vw,5rem);line-height:.9;margin:.4rem 0 .8rem}h1,h2{font-family:var(--display)}h2{font-size:2rem}.lede{color:#d9cbb4;max-width:36ch;line-height:1.5}.hero{margin-bottom:2rem}.crest{width:88px;height:88px;object-fit:cover;border:1px solid #5a4030;box-shadow:0 12px 28px rgba(0,0,0,.35);margin-bottom:1rem}.card,.game,.seed{background:#241910;border:1px solid #4a3426;padding:1rem;width:100%;color:inherit}.card{grid-gap:.75rem;gap:.75rem;margin:1.25rem 0}.card,label{display:grid}label{grid-gap:.3rem;gap:.3rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}input{min-height:46px;padding:0 .8rem;font:inherit;font-size:1rem;background:#16110d;color:var(--cream);border:1px solid #5a4030}.primary{min-height:48px;width:100%;border:0;cursor:pointer;background:var(--gold);color:var(--ink);font:inherit;font-weight:600}.seeds{display:grid;grid-gap:.5rem;gap:.5rem}.game,.resign,.seed,.text-btn{cursor:pointer;font:inherit}.game,.seed{text-align:left;display:grid;grid-gap:.2rem;gap:.2rem}.game span,.hint,.muted,.seed span{color:var(--mute);font-size:.85rem}.hint{margin-top:1.25rem}code{color:var(--gold)}.err{color:#e07a62;min-height:1.2rem}.bar{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.bar,.who{display:flex}.who{gap:.75rem;align-items:center}.crest-mini{width:40px;height:40px;object-fit:cover;border:1px solid #5a4030}.text-btn{background:none;border:0;color:var(--gold)}.games{list-style:none;margin-top:1rem;display:grid;grid-gap:.5rem;gap:.5rem}.table-page{width:min(760px,calc(100% - 1.2rem));margin:0 auto;padding:1rem 0 2.5rem}.table-head{gap:.75rem;justify-content:space-between;margin-bottom:1rem}.table-brand,.table-head{display:flex;align-items:center}.table-brand{gap:.45rem;font-family:var(--display)}.table-brand img{width:28px;height:28px;object-fit:cover;border:1px solid #5a4030}.status{color:var(--gold);font-size:.85rem}.table{display:grid;grid-gap:.85rem;gap:.85rem}.clock{display:grid;grid-template-columns:1fr auto auto;grid-gap:.6rem;gap:.6rem;align-items:baseline;padding:.75rem 1rem;background:#1c1510;border:1px solid #4a3426}.clock b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.85rem;font-family:var(--display);letter-spacing:.02em}.clock.hot{border-color:var(--gold);background:linear-gradient(180deg,#3a2814,#24180f)}.clock em{color:var(--mute);font-style:normal}.resign{margin-top:1rem;min-height:44px;width:100%;background:transparent;color:#e07a62;border:1px solid #6a3328}.board-wrap{display:grid;place-items:center}.frame{padding:10px;background:linear-gradient(160deg,#8a6240,#3d2618 38%,#2a1810 72%,#6a4428);box-shadow:0 28px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,220,160,.28),inset 0 -2px 0 rgba(0,0,0,.35)}.board-grid{display:grid;grid-template-columns:18px minmax(0,1fr) 18px;grid-template-rows:18px minmax(0,1fr) 18px;width:min(92vw,580px)}.files,.ranks{display:grid;color:#e8d4b0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.files{grid-template-columns:repeat(8,1fr)}.files,.ranks{align-items:center;justify-items:center}.ranks{grid-template-rows:repeat(8,1fr)}.corner{display:block}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}.board:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)'/%3E%3C/svg%3E")}.sq{position:relative;border:0;padding:3% 2% 0;cursor:pointer;display:grid;place-items:end center}.sq.light{background:linear-gradient(160deg,#f8e7c4 0,var(--light-sq) 55%,#e0c48a 100%)}.sq.dark{background:linear-gradient(160deg,#c49a70 0,var(--dark-sq) 48%,#8f6644 100%)}.sq.sel{box-shadow:inset 0 0 0 3px #f0d060}.sq.last.light{background:#f3dc86}.sq.last.dark{background:#c9a04a}.sq.check{box-shadow:inset 0 0 0 4px #c44528}.man{width:92%;height:96%;display:grid;place-items:center;transform:translateY(1px);transition:transform .12s ease}.sq.has-piece:hover .man{transform:translateY(-3px) scale(1.05)}.piece{overflow:visible}.piece-defs{position:absolute;width:0;height:0;overflow:hidden}.dot{width:22%;height:22%;border-radius:50%;background:rgba(22,17,13,.28);top:50%;left:50%;transform:translate(-50%,-50%)}.dot,.ring{position:absolute}.ring{inset:7%;border:3px solid rgba(22,17,13,.32);border-radius:50%;pointer-events:none}@media (min-width:880px){.table{grid-template-columns:150px 1fr 150px;align-items:center}.clock{grid-template-columns:1fr;justify-items:start;min-height:150px}}