@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#eadbb9;background:#142022}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 25%,#324345,transparent 65%)}main{max-width:1150px;margin:auto;padding:28px}nav{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1px}a{color:#d7bd85;text-decoration:none}header{text-align:center;padding:30px 0 24px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#c4a969}h1,h2{font-family:'Cormorant Garamond',Georgia,serif}h1{font-size:64px;margin:5px 0;color:#f1dfb4;font-weight:500}h1 em{color:#d3ad65}header>p:last-child{color:#acb8b5;font-size:14px}.layout{display:grid;grid-template-columns:minmax(0,650px) 320px;gap:38px;justify-content:center}.scoreboard{display:flex;justify-content:space-between;margin:0 8px 18px}.scoreboard>div{display:flex;align-items:center;gap:10px;font-size:13px}.scoreboard img{width:36px;height:44px}.scoreboard strong{font:32px Georgia;color:#f6e6c2}.board-frame{padding:15px;background:linear-gradient(130deg,#a47b3d,#51341d 35%,#986f36 70%,#402b1d);border:1px solid #bc9556;border-radius:10px;box-shadow:0 22px 55px #0006,inset 0 0 0 4px #362a21}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;background:#d3b471;border:2px solid #553f27;box-shadow:inset 0 0 25px #57391866}.cell{position:relative;padding:0;border:0;border-right:1px solid #6a4b3877;border-bottom:1px solid #6a4b3877;border-radius:0;background:radial-gradient(ellipse at 30% 20%,#f8e3a83b,transparent),linear-gradient(130deg,#ddc18a,#c6a56c);cursor:default;display:grid;place-items:center;aspect-ratio:1}.cell:nth-child(3n){background:linear-gradient(50deg,#d1b078,#e2c790)}.cell img{width:72%;height:85%;object-fit:contain;filter:drop-shadow(2px 5px 2px #392c2966);pointer-events:none}.cell.legal{cursor:pointer}.cell.legal:after{content:'';width:13px;height:13px;border-radius:50%;background:#edfaff99;box-shadow:0 0 10px #067ba088;border:1px solid #17667e}.cell.legal:hover{background:#f1dfa6}.cell:focus-visible{outline:3px solid #0d759c;outline-offset:-4px;z-index:1}.cell.last{box-shadow:inset 0 0 0 2px #fff3}.cell.flip img{animation:flip .5s ease-in-out}@keyframes flip{0%{transform:scaleX(1)}45%{transform:scaleX(.05);filter:brightness(2)}100%{transform:scaleX(1)}}#message{text-align:center;min-height:45px;font-size:14px;line-height:1.6;color:#e0c993}.panel{background:#1d2b2c;border:1px solid #b4996238;border-radius:10px;padding:22px;margin-bottom:16px}h2{font-size:27px;font-weight:600;margin:8px 0 15px}.panel p{font-size:13px;line-height:1.8;color:#c1c6b9}.panel .note{font-size:11px;color:#95a59f}.rewards{display:flex;justify-content:space-between;border-block:1px solid #b4996238;padding:15px 0;font-size:10px;letter-spacing:1px}.rewards b{display:block;font:24px Georgia;margin-top:5px;color:#e7c779}button{font:inherit;color:#eadbb9;background:#263739;border:1px solid #b4996255;border-radius:5px;padding:12px;cursor:pointer}aside button{width:100%;margin-top:8px;font-size:13px}button.primary{background:linear-gradient(#d8b473,#b88d47);color:#2b251d;font-weight:600}button:disabled{opacity:.45;cursor:default}summary{cursor:pointer;font-size:12px}@media(max-width:850px){.layout{grid-template-columns:minmax(0,650px)}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{margin:0}details{grid-column:1/-1}}@media(max-width:520px){main{padding:14px}nav{font-size:9px}h1{font-size:48px}.layout{gap:16px}aside{display:block}.panel{margin-bottom:12px}.board-frame{padding:8px}.scoreboard>div{gap:6px;font-size:11px}.cell.legal:after{width:9px;height:9px}}@media(prefers-reduced-motion:reduce){.cell.flip img{animation:none}}
/* Fit the playing surface to the available desktop window height. */
@media(min-width:740px) and (min-height:560px){
 main{padding:16px 24px;max-width:1100px}
 header{padding:10px 0 14px}
 header .eyebrow{margin:8px 0 4px}
 h1{font-size:46px;margin:0}
 header>p:last-child{margin:5px 0 0;font-size:12px}
 .layout{grid-template-columns:minmax(0,640px) 290px;gap:24px;align-items:start}
 .table{min-width:0}
 .scoreboard{max-width:calc(100dvh - 280px);margin:0 auto 8px;min-height:34px}
 .scoreboard img{width:25px;height:32px}
 .scoreboard strong{font-size:25px}
 .scoreboard>div{font-size:12px;gap:7px}
 .board-frame{width:min(100%,calc(100dvh - 280px));margin:auto;padding:10px}
 #message{margin:8px auto 0;max-width:600px;min-height:38px;font-size:12px;line-height:1.5}
 aside{display:block}
 .panel{padding:16px;margin-bottom:10px}
 .panel .eyebrow{margin:0 0 6px}
 h2{font-size:24px;margin:6px 0 10px}
 .panel p{font-size:12px;line-height:1.55;margin:10px 0}
 .panel .note{font-size:10px}
 .rewards{padding:10px 0}
 .rewards b{font-size:23px}
 aside button{padding:10px;margin-top:6px}
 details{grid-column:auto}
 summary{font-size:13px;color:#e7c779}
}