body{background:#071d18}.intro-art img{object-position:center}.game-layout{grid-template-columns:minmax(0,1fr) 245px}.board-wrap{min-width:0}.sports-board{padding:12px;background:radial-gradient(ellipse at 50% 0,#234b3b,#061c17 75%);border:1px solid #b9965760;border-radius:18px;box-shadow:0 22px 60px #0005,inset 0 1px #fff2;position:relative;overflow:hidden}.sports-board canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:3px;border-radius:12px}.sports-board canvas:focus-visible{outline:3px solid #f5d99b}.sports-board.bowling-board{max-width:520px;margin-inline:auto;padding:12px 20px}.sports-board.bowling-board canvas{max-height:600px;object-fit:contain}.sports-board .canvas-caption{font-size:11px;text-align:center;color:#d7c497;letter-spacing:1px;margin:10px 0 3px;min-height:16px}.shot-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;padding:16px 4px 4px}.shot-panel label{display:flex;flex-direction:column;gap:8px;color:#e2d4b7;font-size:12px}.shot-panel label>span{display:flex;justify-content:space-between}.shot-panel output{color:#e7c887;font-variant-numeric:tabular-nums}.shot-panel input[type=range]{width:100%;accent-color:#dab87d;height:30px;cursor:pointer;padding:0}.shot-panel select{width:100%;min-width:0;min-height:44px}.shot-panel .shoot{grid-column:1/-1;min-height:52px;letter-spacing:1px;font-size:14px;background:linear-gradient(110deg,#d7b77e,#f5dfab,#cfa768);color:#183329;border:1px solid #f4d99b;box-shadow:0 5px 22px #bc97551a}.shot-panel .shoot:disabled{opacity:.65;cursor:wait}.shot-hint{grid-column:1/-1;text-align:center;font-size:12px;margin:0;color:#aec9ba;line-height:1.6}.score-scroll{overflow-x:auto;max-width:100%;margin:12px 0;border:1px solid #d3b47540;border-radius:8px}.scorecard{border-collapse:collapse;width:100%;font-size:11px;font-variant-numeric:tabular-nums}.scorecard td,.scorecard th{padding:7px 8px;text-align:center;border-bottom:1px solid #cfb07725;white-space:nowrap}.scorecard th{color:#dfc18b;font-weight:500}.scorecard td:first-child{text-align:left}.scorecard .current{background:#c9a46025}.score-mini{font-size:12px;line-height:1.8}.score-mini strong{color:#e8c992}.score-balls{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.score-ball{border-radius:100%;width:22px;height:22px;display:grid;place-items:center;font-size:11px;font-weight:bold;color:#131c1a;background:radial-gradient(circle at 30% 20%,#fff,#ddc186);box-shadow:1px 2px 3px #0005}.score-ball.potted{opacity:.25}.course-name{color:#ecd4a2;font-family:Georgia,serif;font-size:19px;line-height:1.4}.table-aside .event{font-size:14px}.table-emblem{max-height:155px}.players .player{position:relative;padding-left:53px}.players .player:before{content:'';position:absolute;left:12px;top:18px;width:30px;height:35px;background:url('../assets/dragon-seal.svg') center/contain no-repeat}.players .player:nth-child(even):before{background-image:url('../assets/bunny-seal.svg')}.game-status-popup{max-width:420px!important;font-size:13px}.controls{gap:0}.playing .collection{margin-bottom:10px}.demo-icons svg{max-height:190px}.demo-motion{animation:sport-demo 4s ease-in-out infinite}.paused .demo-motion{animation-play-state:paused}@keyframes sport-demo{0%,15%{transform:translateX(0)}70%,100%{transform:translateX(180px)}}@media(min-width:1250px){.play-shell{max-width:1410px;margin-inline:auto}.game-layout{grid-template-columns:minmax(0,1fr) 245px}.table-top h2{font-size:29px}.players{margin-bottom:15px}.room-heading{margin-bottom:15px}}@media(max-width:950px){.game-layout{grid-template-columns:1fr}.table-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.table-aside .table-emblem{display:none}.table-aside>#detail{grid-column:1/-1}.table-aside>details{grid-column:1/-1}.table-aside>.event{grid-column:1/-1}.table-aside>.eyebrow{margin:0}.sports-board.bowling-board{max-width:430px}.sports-board.bowling-board canvas{max-height:530px}}@media(max-width:520px){.sports-board{padding:6px;border-radius:10px}.shot-panel{padding-top:10px;gap:9px}.sports-board.bowling-board{padding:7px 14px}.sports-board.bowling-board canvas{max-height:470px}.players .player{padding-left:38px}.players .player:before{width:23px;left:7px;top:14px}.players .player strong{font-size:12px}.players .player small{font-size:8px}.table-tools{gap:5px}.table-tools button{padding:9px;font-size:11px}.scorecard td,.scorecard th{padding:7px 6px}.table-aside{padding:15px}.turn-bar strong{font-size:12px}.turn-bar span{font-size:10px}.game-status-popup{max-width:calc(100vw - 28px)!important}.intro-copy h1{font-size:45px}}@media(prefers-reduced-motion:reduce){.demo-motion{animation:none}}

.playing .board-wrap{max-width:900px}.playing .masthead{height:72px}.playing .collection a{padding-top:15px;padding-bottom:15px}.playing .play-shell{padding-top:18px}.playing .players .player{padding-top:11px;padding-bottom:11px}.playing .players .player:before{top:12px}.playing .players{margin-bottom:12px}.sports-board.bowling-board canvas{width:min(100%,333px);max-height:none;margin:auto;object-fit:fill}.table-aside .score-scroll{grid-column:1/-1}@media(max-width:950px){.sports-board.bowling-board canvas{width:min(100%,294px)}}@media(max-width:520px){.sports-board.bowling-board canvas{width:min(100%,261px)}.playing .masthead{height:66px}.playing .collection a{padding-top:12px;padding-bottom:12px}.playing .board-wrap{max-width:100%}.playing .play-shell{padding-top:10px}.table-top h2{font-size:25px}}

.playing .collection{display:none}.board-wrap:has(.bowling-board){display:grid;grid-template-columns:minmax(260px,1fr) 250px;align-items:start;gap:16px}.board-wrap:has(.bowling-board)>.turn-bar{grid-column:1/-1}.board-wrap:has(.bowling-board)>.controls{align-self:center}.board-wrap:has(.bowling-board) .shot-panel{grid-template-columns:1fr}.board-wrap:has(.bowling-board) .sports-board{width:100%}.score-scroll{scrollbar-color:#b59a63 #112d24;scrollbar-width:thin}.score-scroll:focus-visible{outline:2px solid #efd7a2;outline-offset:2px}@media(max-width:1050px){.board-wrap:has(.bowling-board){display:block}.board-wrap:has(.bowling-board) .shot-panel{grid-template-columns:1fr 1fr}}@media(max-width:520px){.sports-board.bowling-board canvas{width:min(100%,210px)}.playing .players .player{padding-top:8px;padding-bottom:8px}.playing .players .player:before{top:8px}.playing .table-top h2{font-size:23px}.playing .table-top{margin-bottom:10px}}
.hockey-board{padding:10px;background:#09251d;border:1px solid #ac8b52;border-radius:18px;max-width:430px;margin:auto;width:100%}.hockey-board canvas{display:block;width:min(100%,300px);height:auto;margin:auto;touch-action:none;border-radius:12px}.hockey-board canvas:focus-visible{outline:3px solid #f3d797;outline-offset:3px}.hockey-status{font-size:11px;letter-spacing:.6px;text-align:center;min-height:30px;color:#ecd5a3;margin:8px 2px 0}.board-wrap:has(.hockey-board){display:grid;grid-template-columns:minmax(240px,1fr) 230px;gap:16px;align-items:center}.board-wrap:has(.hockey-board)>.turn-bar{grid-column:1/-1}.board-wrap:has(.hockey-board)>.controls{display:flex;flex-direction:column;gap:12px}.board-wrap:has(.hockey-board)>.controls button{width:100%;min-height:48px}#hockey-play{background:linear-gradient(110deg,#d7b77e,#f5dfab);color:#173528}.archery-board canvas{max-width:600px;margin:auto}.archery-score{display:grid;grid-template-columns:1fr auto;gap:6px;border-top:1px solid #cfb07730;padding:14px 0}.archery-score strong{font-size:13px}.archery-score b{color:#eed295;font-size:23px}.archery-score small{font-size:11px;color:#b2c9ba}.archery-score>div{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px}.archery-score span{background:#fff1;color:#b9d1c2;min-width:22px;text-align:center;padding:3px;font-size:11px;border-radius:4px}.archery-score span.gold{color:#efd08d;background:#c7a15925}.wind-readout{font-size:13px;color:#e6c98e}.shot-panel .steady-toggle{flex-direction:row;align-items:center;gap:10px;min-height:44px}.steady-toggle input{width:21px;height:21px;accent-color:#d8bc81}.draw-gauge{grid-column:1/-1;font-size:12px;color:#decda8}.draw-gauge>span{display:flex;justify-content:space-between}.draw-gauge>div{height:8px;background:#031d16;border-radius:8px;overflow:hidden;margin-top:7px}.draw-gauge i{display:block;height:100%;background:linear-gradient(90deg,#387b59,#e6c987);width:90%}@media(max-width:1050px){.board-wrap:has(.hockey-board){display:block}.board-wrap:has(.hockey-board)>.controls{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.board-wrap:has(.hockey-board)>.controls .shot-hint{grid-column:1/-1}.hockey-board canvas{width:min(100%,270px)}}@media(max-width:520px){.hockey-board canvas{width:min(100%,245px)}.archery-board{padding:6px}.hockey-board{padding:6px}}
@media(min-width:1051px){.board-wrap:has(.archery-board),.board-wrap:has(.football-board){display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:16px}.board-wrap:has(.archery-board)>.turn-bar,.board-wrap:has(.football-board)>.turn-bar{grid-column:1/-1}.board-wrap:has(.archery-board) .shot-panel,.board-wrap:has(.football-board) .shot-panel{grid-template-columns:1fr;padding-top:0}.board-wrap:has(.archery-board) .shot-panel{gap:10px}}
/* Composite moving surfaces separately; avoid repainting ornamental shadows. */
.sports-board{box-shadow:none;overflow:visible}.sports-board canvas{border-radius:0;transform:translateZ(0)}.game-status-popup{box-shadow:none;background:#174633}

.draw-gauge{font-size:12px;text-align:center;color:#d6c599;min-height:18px}.canvas-caption{contain:layout paint}.archery-board canvas{max-width:500px}.game-status-popup{top:80px;bottom:auto;right:16px;left:auto;max-width:360px!important}@media(max-width:520px){.game-status-popup{top:75px;right:12px;max-width:calc(100vw - 24px)!important}}

.demo-ring{transform-origin:390px 117px;animation:draw-ring 3s ease-in-out infinite}.paused .demo-ring{animation-play-state:paused}@keyframes draw-ring{50%{stroke-dasharray:55 121}}@media(prefers-reduced-motion:reduce){.demo-ring{animation:none}}