.loodie-game-screen{--game-die-size: 56px;--game-avatar-size: 96px;min-height:calc(100svh - env(safe-area-inset-top,0px));min-width:0;overflow:visible;padding-bottom:env(safe-area-inset-bottom,0px)}.loodie-game-screen>*{min-width:0}.loodie-game-screen .game-header{--game-logo-height: clamp(78px, calc(22vw + 8px) , 128px);--game-header-inset: max(8px, env(safe-area-inset-right), env(safe-area-inset-left));display:grid;grid-template-columns:44px minmax(0,1fr) calc(var(--game-logo-height) * 1419 / 1109) minmax(0,1fr) 44px;gap:4px;padding:8px var(--game-header-inset) 4px}.loodie-game-screen .game-header>:first-child{grid-column:1;grid-row:1;justify-self:start}.loodie-game-screen .game-header>:last-child{grid-column:5;grid-row:1;justify-self:end}.loodie-game-screen.has-motion-diagnostics .game-header{padding-top:64px}.loodie-game-screen .game-header>button,.loodie-game-screen .game-header>div:first-child:not(.game-brand){flex-shrink:0}.loodie-game-screen .game-brand{grid-column:3;grid-row:1;min-width:0;width:100%;justify-self:center;overflow-wrap:anywhere}.loodie-game-screen .game-brand img{width:100%;max-width:100%;height:var(--game-logo-height);-o-object-fit:contain;object-fit:contain}.loodie-game-screen .game-match-name{grid-column:4;grid-row:1;min-width:0;margin:0;text-align:center;overflow-wrap:anywhere;font-size:clamp(11px,2.8vw,16px);line-height:1.25;color:hsl(var(--foreground))}.loodie-game-screen .game-header button{width:44px;height:44px;min-height:44px;padding:8px}.loodie-game-screen .game-header>div:first-child:not(.game-brand){flex-direction:column;gap:4px}.loodie-game-screen .game-audio-row{padding:4px 8px}.loodie-game-screen .game-audio-row [role=group]{gap:6px}.loodie-game-screen .game-audio-row button{min-height:44px;padding:6px;gap:4px}.loodie-game-screen .game-audio-row button[aria-pressed=true]{color:hsl(var(--foreground))}.loodie-game-screen .game-audio-row button[aria-pressed=true] svg{color:#9b7100}.dark .loodie-game-screen .game-audio-row button[aria-pressed=true] svg{color:gold}.loodie-game-screen .game-board-area{flex:0 0 auto;padding-top:6px;padding-bottom:6px}.loodie-game-screen .game-board-frame{flex-shrink:0}.loodie-game-screen .game-controls{width:100%;max-width:480px;margin:0 auto;padding:12px 12px 16px}.loodie-game-screen .game-dice-display{flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:20px}.loodie-game-screen .game-dice-pair{gap:14px;min-height:var(--game-die-size);flex-shrink:0}.loodie-game-screen .game-die,.loodie-game-screen .game-die-cube{width:var(--game-die-size);height:var(--game-die-size);flex-shrink:0}.loodie-game-screen .game-die-dots{width:calc(var(--game-die-size) * 5 / 7);height:calc(var(--game-die-size) * 5 / 7)}.loodie-game-screen .game-throw-button{min-height:48px;min-width:0;max-width:180px;flex:1 1 96px;padding:10px 12px;font-size:16px;line-height:1.2;overflow-wrap:anywhere}.loodie-game-screen .game-rules-row{padding:4px 8px}.loodie-game-screen .game-rules-row details{padding-top:0;padding-bottom:0}.loodie-game-screen .game-yard-players{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;padding:0;margin:0;list-style:none}.loodie-game-screen .game-yard-players-top{margin-bottom:6px}.loodie-game-screen .game-yard-players-bottom{margin-top:6px}.loodie-game-screen .game-yard-players li{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.loodie-game-screen .game-yard-players li>div,.loodie-game-screen .chip-portrait-button,.loodie-game-screen .chip-portrait-button>div{width:var(--game-avatar-size)!important;height:var(--game-avatar-size)!important;flex-shrink:0}.loodie-game-screen .chip-portrait-button{padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;position:relative}.loodie-game-screen .chip-portrait-button:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;min-width:44px;min-height:44px}.loodie-game-screen .chip-portrait-button[aria-pressed=true]{outline:2px dashed #fff8df;outline-offset:4px}.loodie-game-screen .game-yard-players img,.loodie-game-screen .game-yard-players svg{max-width:100%;max-height:100%}.loodie-game-screen .game-yard-player-name{min-width:0;overflow-wrap:anywhere;font-size:18px;line-height:1.15;border-bottom:3px solid;padding:3px 0}.loodie-game-screen .game-yard-player-name{text-decoration:none;color:#fff;text-shadow:0 1px 2px #000b}.loodie-game-screen .game-yard-players [data-player-color=black] .game-yard-player-name{border-bottom-color:#111}.loodie-game-screen .game-yard-players [aria-current=true] .chip-portrait-button:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid #ffd700;border-radius:16px;pointer-events:none;z-index:2;box-shadow:0 0 10px 3px #ffd700a6,0 0 20px #ffd70066}.loodie-game-screen .game-yard-players[data-reduced-motion=false] [aria-current=true] .chip-portrait-button:before{animation:loodie-guide-flash 1.2s steps(2,end) infinite}@media(prefers-reduced-motion:reduce){.loodie-game-screen .chip-portrait-button:before{animation:none!important}}.loodie-reduced-motion .loodie-game-screen .chip-portrait-button:before{animation:none!important}@media(max-height:850px){.loodie-game-screen{--game-avatar-size: 64px}.loodie-game-screen .game-yard-player-name{font-size:16px}}@media(max-height:780px){.loodie-game-screen{--game-avatar-size: 48px}.loodie-game-screen .game-yard-player-name{font-size:15px}}@media(max-width:359px),(max-height:700px){.loodie-game-screen{--game-die-size: 48px;--game-avatar-size: 38px}.loodie-game-screen .game-header{--game-logo-height:78px;padding-top:4px;padding-bottom:2px}.loodie-game-screen .game-board-area{padding-top:2px;padding-bottom:2px}.loodie-game-screen .game-audio-row button{gap:3px}.loodie-game-screen .game-audio-row svg{width:14px;height:14px}.loodie-game-screen .game-audio-row{padding-top:2px;padding-bottom:2px}.loodie-game-screen .game-dice-display{gap:16px}.loodie-game-screen .game-controls{padding-top:10px;padding-bottom:10px}.loodie-game-screen .game-yard-player-name{font-size:14px}}