/* Original supplied club artwork, cropped only by its presentation frame. */
.club-mark{display:inline-block;width:82px;height:36px;flex-shrink:0;background:#fff url('sdc-logo.png') center/100% auto no-repeat;border-radius:6px;box-shadow:0 2px 5px #00182425;pointer-events:none}
body.playing #game{background:radial-gradient(ellipse at 12% 28%,#007bc523,transparent 50%),radial-gradient(ellipse at 85% 62%,#009e5d2a,transparent 55%),#061f30}
body.playing .game-nav{align-items:center;gap:8px}
.nav-club{width:76px;height:31px;border:1px solid #fff6}
body.playing .arena:before{content:'';position:absolute;width:min(80%,460px);height:200px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);background:url('sdc-logo.png') center/100% auto no-repeat;opacity:.025;pointer-events:none}
body.playing #play-stage,body.playing .result-stage{z-index:1}
.hero{border-bottom:5px solid #00965b}.hero:after{border-color:#006ac838}.game-tile{border-bottom:3px solid #0073c326}.game-tile:nth-child(even){border-bottom-color:#00965b55}
.club-hub{background:white!important;gap:0!important;overflow:hidden;border:3px solid #def2ed!important}
.club-hub .club-mark{width:75px;height:36px;box-shadow:none;border-radius:0}.club-hub b{font:800 .75rem var(--display);color:#006ac8}
.pitch-board{position:absolute;bottom:12px;left:12px;width:68px;height:30px;transform:perspective(400px) rotateY(12deg);border-bottom:3px solid #0074c7;z-index:1}
.beer-supporters{position:absolute;right:12px;bottom:10px;display:flex;gap:3px;pointer-events:none;z-index:1}.beer-supporters i{font-size:1.4rem;font-style:normal;transform:rotate(-8deg)}
.cheering .beer-supporters i{animation:beer-cheer .38s 3 alternate}.cheering .beer-supporters i:nth-child(2){animation-delay:.1s}.cheering .beer-supporters i:nth-child(3){animation-delay:.2s}
@keyframes beer-cheer{to{transform:translateY(-9px) rotate(12deg)}}
.card-pair{position:relative;isolation:isolate}.club-card-back{position:absolute;z-index:-1;top:27px;right:7px;width:120px;height:167px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:4px solid #f2f3e9;border-radius:11px;background:repeating-linear-gradient(45deg,#006cb330 0 5px,transparent 5px 12px),linear-gradient(135deg,#074573,#006c49);box-shadow:4px 7px 12px #0005;transform:rotate(12deg) translateX(10px);pointer-events:none}
.club-card-back b{font:900 italic 1.4rem var(--display);color:#deeee6}.club-card-back .club-mark{width:92px;height:40px}
.playing-card{border-bottom:4px solid #009b60}.table-card{border-bottom:3px solid #009b60}
.bomb-shell em .club-mark{width:105px;height:47px;transform:rotate(-4deg);border-radius:9px;box-shadow:2px 3px 1px #0006}
.vault-door>.club-mark{position:absolute;bottom:12px;width:65px;height:28px;left:50%;transform:translateX(-50%);border-radius:4px}
.lift-cabin>.club-mark{width:116px;height:51px;box-shadow:2px 3px 8px #0005}
.horse>.club-mark{position:absolute;width:22px;height:13px;left:13px;top:11px;border-radius:2px;transform:scaleX(-1);box-shadow:0 1px 1px #0008}
.finish-flag>.club-mark{display:block;position:absolute;right:0;top:5px;width:30px;height:16px;border-radius:1px;border-left:2px solid #d7e9e3}
.croc-scarf{position:absolute;z-index:4;bottom:-14px;left:40px;right:40px;height:36px;display:flex;justify-content:center;align-items:center;gap:14px;transform:rotate(-4deg);background:repeating-linear-gradient(90deg,#0072bd 0 22px,#fff 22px 27px,#00975a 27px 49px,#fff 49px 54px);border:2px solid #063d49;box-shadow:3px 5px 0 #052a31;border-radius:6px}
.croc-scarf:after{content:'';position:absolute;right:3px;top:24px;width:30px;height:28px;background:linear-gradient(90deg,#0072bd 45%,white 45% 55%,#00975a 55%);border-bottom:4px dashed #eee;transform:rotate(-12deg);z-index:-1}
.croc-scarf .club-mark{width:59px;height:25px}.croc-scarf b{color:white;background:#043e58;padding:1px 5px;font:800 .85rem var(--display)}
.tower-board{position:absolute;top:10px;right:10px;width:60px;height:26px;opacity:.85}
.caps-club{position:absolute;bottom:10px;left:25%;width:66px;height:28px;transform:rotate(-7deg);box-shadow:none}
.stake-row> b:before,.risk-score>small:before,.lift-display small:before{content:'';display:inline-block;width:17px;height:20px;background:url('beer.svg') center/contain no-repeat;filter:brightness(0) invert(91%) sepia(30%) saturate(740%) hue-rotate(26deg);vertical-align:middle;margin-right:6px}
.result-direction{display:flex;align-items:center;justify-content:center;gap:8px}
.result-direction:before{content:'';display:inline-block;width:24px;height:27px;flex-shrink:0;background:currentColor;mask:url('beer.svg') center/contain no-repeat;-webkit-mask:url('beer.svg') center/contain no-repeat}
.result-direction[data-direction="give"]:after{content:'↗';font-size:1.5rem;line-height:1}.result-direction[data-direction="take"]:after{content:'↙';font-size:1.5rem;line-height:1}
.result-direction[data-direction="free"]:before{display:none}
.club-seal{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 12px;padding:7px 11px;border:2px solid #00a969;border-radius:8px;background:#092e34;transform:rotate(-3deg);animation:club-stamp .4s ease-out;max-width:95%}
.club-seal .club-mark{width:66px;height:29px}.club-seal b{font:900 italic .85rem var(--display);color:#c3f2db;white-space:nowrap}
@keyframes club-stamp{from{opacity:0;transform:scale(1.2) rotate(-9deg)}to{opacity:1;transform:scale(1) rotate(-3deg)}}
.confetti i.club-confetti{width:43px;height:20px;border-radius:3px}.confetti i.party-icon{width:25px;height:28px;font-size:22px;font-style:normal}
.club-handoff{position:fixed;z-index:45;left:50%;bottom:calc(145px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:#073d47f5;border:1px solid #35b98d;padding:10px 14px;border-radius:12px;box-shadow:0 7px 30px #001c2877;color:white;pointer-events:none;white-space:nowrap}
.club-handoff .club-mark{width:52px;height:24px}.club-handoff b{font:900 italic .85rem var(--display)}.handoff-phone{color:#a6f2cd;font-size:1.2rem}.club-handoff.arriving{animation:club-pass .95s ease-out both}
@keyframes club-pass{0%{opacity:0;translate:-15px 0}20%,70%{opacity:1;translate:0 0}100%{opacity:0;translate:15px 0}}
@media(max-width:360px){.nav-club{width:60px;height:26px}.club-handoff{gap:6px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.club-seal,.club-handoff.arriving,.beer-supporters i{animation:none!important}.confetti{display:none}}