.local-activities { color-scheme: light; padding: 0; border: 0; border-radius: 0; margin: auto; width: min(460px, calc(100vw - 32px), calc((100dvh - 32px) * .66667)); max-width: none; max-height: none; overflow: visible; background: transparent; color: #142e20; box-shadow: 0 22px 90px #000c; user-select: none; -webkit-user-select: none; }
.local-activities::backdrop { background: #080b09d9; }
.local-activities [hidden] { display: none !important; }
.la-stock { position: relative; width: 100%; aspect-ratio: 2 / 3; container-type: inline-size; }
.la-art { display: block; width: 100%; height: auto; pointer-events: none; border-radius: 9px; }
.local-activities .la-close { position: absolute; z-index: 3; right: -10px; top: -10px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #af9971; border-radius: 50%; background: #111b14; color: #eee0bb; cursor: pointer; font: 24px/1 Georgia, serif; }
.local-activities .la-close:hover { background: #344332; }
.local-activities .la-close:focus-visible { outline: 2px solid #f4d29b; outline-offset: 3px; }
.local-activities .la-ticket { position: absolute; top: 50%; left: 6.4%; width: 87.2%; height: 37.7%; overflow: hidden; border-radius: 2px; }
.la-ticket canvas { display: block; position: absolute; inset: 0; width: 100%; height: 100%; touch-action: none; cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='14' cy='14' r='11' fill='%23c7b995' stroke='%23474636' stroke-width='2'/%3E%3Ccircle cx='14' cy='14' r='8' fill='none' stroke='%23837559'/%3E%3Cpath d='M10 19L18 9' stroke='%23837559' stroke-width='2'/%3E%3C/svg%3E") 14 14, crosshair; }
.la-ticket canvas:focus-visible { outline: 2px dashed #385d42; outline-offset: -5px; }
.la-print { position: absolute; inset: 0; display: grid; grid-template-rows: 12% 60% 28%; padding: 3% 2%; box-sizing: border-box; color: #203e2c; text-align: center; font-family: Georgia, serif; }
.la-match { font-size: clamp(8px, 2.2cqw, 11px); font-weight: bold; letter-spacing: .2em; align-self: center; }
.la-numbers { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); }
.la-numbers > span { align-self: center; font-weight: 700; font-size: clamp(13px, 4.8cqw, 23px); font-variant-numeric: tabular-nums; transform: rotate(-2deg); }
.la-numbers > span:nth-child(even) { transform: rotate(1deg); }
.la-result { display: flex; flex-direction: column; align-items: center; justify-content: center; border-top: 1px dashed #31513b77; margin: 4% 3% 0; }
.la-result > span { font: bold clamp(11px, 3.4cqw, 17px)/1 Georgia, serif; letter-spacing: .1em; }
.la-result > strong { font: 900 clamp(20px, 6cqw, 31px)/1.05 Georgia, serif; }
.la-revealed .la-winning { color: #0a5929; text-decoration: underline; text-underline-offset: 3px; }
.la-won .la-result { color: #0a5929; }
.la-won .la-art { filter: brightness(1.06); }
.la-accessible { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.player-interactions .pi-race-status { display: flex; align-items: center; gap: 14px; max-width: min(310px, calc(100vw - 32px)); border-left: 3px solid #ffdf72; padding: 10px 14px; }
.player-interactions .pi-race-arrow { display: block; flex-shrink: 0; font: 900 48px/.9 monospace; width: 34px; text-align: center; color: #ffdf72; }
.player-interactions .pi-race-instruction { display: block; color: #ffdf72; font-size: 12px; letter-spacing: .5px; }
.player-interactions .pi-race-progress, .player-interactions .pi-race-clock { display: block; font-size: 11px; margin-top: 4px; }
.player-interactions .pi-race-clock { color: #c8c3ad; }
.player-interactions .pi-wrong-way { border-color: #ff795f; }
.player-interactions .pi-wrong-way .pi-race-arrow, .player-interactions .pi-wrong-way .pi-race-instruction { color: #ff795f; }
.player-interactions .pi-actions { flex-wrap: wrap; }