.board-aspect{aspect-ratio:1;width:100%;height:auto}.dice-container{width:40px;height:40px;cursor:pointer;transition:transform .1s ease;background-color:white}.dice-container:hover{transform:scale(1.1)}.dice-container:active{transform:scale(.95)}.player-avatar{border:2px solid black}.badge-dot{border:1px solid rgba(0,0,0,.3)}.pip{transition:fill .2s ease}.target{fill:rgba(255,255,255,.001);stroke:#ffffff;stroke-width:3px;filter:drop-shadow(0 0 8px rgba(255,255,255,.7));cursor:pointer;transition:all .2s ease}.target:hover{fill:rgba(255,255,255,.06);stroke-width:3.5px}.hud-container{position:relative;width:100%;padding:12px;background:rgba(0,0,0,.05);border-radius:12px}.corner{position:absolute}.corner.top-left{top:12px;left:12px}.corner.top-right{top:12px;right:12px}.gold{display:flex;align-items:center;gap:4px;font-weight:700;color:#d4af37}.coin{font-size:16px}.amount{font-size:14px}.current-player-indicator{font-weight:700}.player-token{transition:transform .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.player-token-body{transition:all .2s ease}.player-token-current{filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.badge-halo{transition:all .2s ease;opacity:.9}.player-red{--player-color:#ef4444}.player-blue{--player-color:#3b82f6}.player-green{--player-color:#10b981}.player-yellow{--player-color:#f59e0b}.token-shadow{transition:all .2s ease}.player-token:hover .token-shadow{opacity:.4;transform:translateY(1px)}.board-container{position:relative;background:#202231;border-radius:16px;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.35)}.board-container:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background-image:url(/img/bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.05;border-radius:16px;pointer-events:none}.dice-container{background:linear-gradient(145deg,#ffffff,#f0f0f0);border-radius:12px;box-shadow:inset 2px 2px 5px rgba(0,0,0,.1),inset -2px -2px 5px rgba(255,255,255,.8),2px 2px 8px rgba(0,0,0,.15)}.dice-container:hover{transform:scale(1.05) rotate(2deg);box-shadow:inset 2px 2px 5px rgba(0,0,0,.15),inset -2px -2px 5px rgba(255,255,255,.9),4px 4px 12px rgba(0,0,0,.2)}.dice-container:active{transform:scale(.98);box-shadow:inset 3px 3px 6px rgba(0,0,0,.2),inset -1px -1px 3px rgba(255,255,255,.7)}