/* Layered painted frame, bored wells, engraved counters and oak base. */
.board{padding:26px 15px 18px;border:5px solid #347d9d;border-top-color:#70c7dc;border-left-color:#5bb3cf;border-radius:24px;background:radial-gradient(circle at 8px 8px,#dbf9ff 0 1px,#346b8c 1.5px 3px,#95d8e6 3.5px 5px,transparent 5.5px),radial-gradient(circle at calc(100% - 8px) 8px,#dbf9ff 0 1px,#346b8c 1.5px 3px,#95d8e6 3.5px 5px,transparent 5.5px),radial-gradient(circle at 8px calc(100% - 8px),#dbf9ff 0 1px,#346b8c 1.5px 3px,#95d8e6 3.5px 5px,transparent 5.5px),radial-gradient(circle at calc(100% - 8px) calc(100% - 8px),#dbf9ff 0 1px,#346b8c 1.5px 3px,#95d8e6 3.5px 5px,transparent 5.5px),repeating-linear-gradient(90deg,#ffffff05 0 5px,#377b8c05 5px 6px),linear-gradient(140deg,#88d4e2,#5cb5cd 58%,#4b9fb9);box-shadow:inset 0 2px 0 #d9faff,inset 2px 0 #a8e3ed,inset 0 -3px #277592,0 7px #2e637e,0 10px #7aacca,0 18px 24px #285b7040;gap:8px;isolation:isolate}.board:before{display:block;content:'';position:absolute;left:3%;right:3%;bottom:-23px;height:18px;border:2px solid #b98650;border-radius:7px;background:repeating-linear-gradient(2deg,transparent 0 4px,#a8783c22 4px 5px,transparent 5px 10px),linear-gradient(#f8d7a0 0 35%,#d6aa70 38% 62%,#c19158 65%);box-shadow:inset 0 2px #ffe6bb,0 4px #a77342,0 10px 13px #526c6a22;z-index:-1}.board:after{content:'';position:absolute;bottom:-31px;left:6%;right:6%;height:9px;border-radius:50%;background:#446b6b20;filter:blur(3px);z-index:-2}.column{position:relative;gap:6px;overflow:visible}.column:before{content:'';position:absolute;top:-16px;left:13%;width:74%;height:6px;background:linear-gradient(#284c67,#427d96);border:1px solid #2e6d8a;border-radius:50%;box-shadow:0 2px #b7ecf2,inset 0 2px 2px #163e6050;pointer-events:none}.column:after{content:'';position:absolute;top:-6px;left:calc(50% - 3px);border:3px solid transparent;border-top-color:#d7faff90;pointer-events:none}.column:hover:not(:disabled){background:linear-gradient(#c4f9fb30,#d3fcf512);outline:1px solid #eaffff25}.cell,.cell.p1,.cell.p2{position:relative;background:none;border:0;box-shadow:none;color:transparent;font-size:0;overflow:visible}.cell:before,.cell.p1:before,.cell.p2:before{display:none}.detailPiece{position:absolute;width:110%;height:115%;left:-5%;top:-7%;pointer-events:none;overflow:visible}.cell.last:after{width:11%;height:11%;right:14%;top:12%;border:1px solid #fff;background:#fff8;box-shadow:0 1px 2px #325e6240}.cell.win{outline:2px solid #fff4a6;outline-offset:3px;box-shadow:0 0 0 5px #ffda6744}.boardFooter{margin-top:36px}.play{padding-bottom:3px}.cell.landed:after{animation:contactFlash .38s ease-out}@keyframes contactFlash{0%{box-shadow:0 0 0 0 #fff9}100%{box-shadow:0 0 0 14px #fff0}}.players .dot{box-shadow:inset 0 2px #fff9,inset 0 -2px #0002,0 2px #668e9633}
@media(max-width:640px){.board{padding:23px 11px 15px;border-width:4px;border-radius:20px;gap:6px}.column{gap:5px}.column:before{top:-15px;height:5px}.column:after{top:-6px}.boardFooter{margin-top:32px;font-size:9px}.layout{gap:19px}.detailPiece{width:114%;height:117%;left:-7%;top:-7%}}
@media(min-aspect-ratio:13/10) and (max-height:600px){.board{height:calc(100dvh - 148px);padding:17px 9px 10px;border-width:3px;border-radius:15px;gap:5px;box-shadow:inset 0 2px #dafaff,inset 0 -2px #287591,0 4px #2e637e,0 8px 14px #285b7030}.column{gap:3px}.column:before{top:-11px;height:4px;width:63%;left:18.5%}.column:after{display:none}.cell{width:min(100%,calc((100dvh - 195px)/6))}.board:before{height:10px;bottom:-14px;border-radius:4px}.board:after{bottom:-19px;height:5px}.boardFooter{margin-top:21px;font-size:8px}.detailPiece{width:118%;height:118%;left:-9%;top:-7%}}
@media(prefers-reduced-motion:reduce){.cell.landed:after{animation:none}}
@media(min-width:761px) and (min-height:621px){.app{padding-top:16px}header{padding-bottom:10px}.intro{margin:14px 0 10px}.intro h1{font-size:32px}.intro .eyebrow{margin-bottom:4px}.intro h1 span{font-size:11px;margin-top:6px}.contentControls{margin-bottom:16px}.play{width:min(100%,480px)}}