@layer studio {
body.studio-3d #gameApp {grid-template-areas:none!important;}
body.studio-3d #gameApp .top-bar {grid-row:1!important;}
body.studio-3d #gameApp .studio-camera {grid-row:2!important;}
body.studio-3d #gameApp .table-chat {display:flex!important;flex-direction:column!important;min-width:0!important;padding:12px!important;}
body.studio-3d #gameApp .table-chat-header {min-width:0!important;}
body.studio-3d #gameApp .table-chat-form {display:flex!important;min-width:0!important;}
body.studio-3d #gameApp .table-chat input {width:100%!important;min-width:0!important;}
body.studio-3d #gameApp .hand-panel {display:block!important;max-height:none!important;overflow:visible!important;}
body.studio-3d #gameApp #playerHand.hand {height:auto!important;max-height:none!important;width:100%!important;margin:0!important;}
body.studio-3d #gameApp .hand>.card {max-height:none!important;min-height:0!important;}
body.studio-3d #gameApp .table-chat {height:auto!important;min-height:190px!important;overflow:auto!important;}
body.studio-3d #gameApp .table {aspect-ratio:auto!important;}
html:has(body.studio-3d) {background:#101513!important;}
body.studio-3d {background:#101513!important;color:#e7e4d4!important;}
body.studio-3d.game-active {background:radial-gradient(ellipse at 50% 30%,#2c3c2d,#0b120e 80%)!important;overflow-y:auto!important;}
body.studio-3d.game-active::before {background:linear-gradient(#0b140de8,#0b140dd9),url('../assets/speelachtergrond-klassiek-cafe.png') center/cover!important;opacity:1!important;}
body.studio-3d #gameApp:not([hidden]) {display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;grid-template-rows:auto auto minmax(330px,48vh) auto auto!important;gap:14px!important;position:relative!important;inset:auto!important;width:100%!important;max-width:1400px!important;height:auto!important;min-height:100dvh!important;max-height:none!important;margin:auto!important;padding:20px 26px 30px!important;overflow:visible!important;background:none!important;transform:none!important;}
body.studio-3d #gameApp[hidden] {display:none!important;}
body.studio-3d #gameApp .top-bar {grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;position:relative!important;inset:auto!important;min-height:66px!important;padding:0 0 16px!important;background:none!important;border:0!important;border-bottom:1px solid #b0ad8130!important;}
body.studio-3d #gameApp .top-bar h1 {font:normal 27px Georgia!important;color:#eee5cc!important;}
body.studio-3d #gameApp .eyebrow {color:#b9a978!important;letter-spacing:3px!important;font-size:9px!important;}
body.studio-3d #gameApp .status-pill {border:1px solid #c6b58630!important;border-radius:6px!important;background:#18251c!important;color:#e6ddc5!important;}
body.studio-3d #gameApp .variant-banner {display:none!important;}
body.studio-3d #gameApp .score-board {grid-column:1!important;grid-row:2/4!important;display:flex!important;flex-direction:column!important;gap:9px!important;position:relative!important;inset:auto!important;margin:0!important;align-self:start!important;padding:0!important;background:none!important;border:0!important;width:100%!important;}
body.studio-3d #gameApp .score-card {padding:16px!important;background:#17261b!important;border:1px solid #a8ae7530!important;border-radius:8px!important;color:#cecbb2!important;}
body.studio-3d #gameApp .score-card strong {color:#ede2be!important;font:normal 34px Georgia!important;}
body.studio-3d #gameApp .score-card span {font-size:10px!important;letter-spacing:1px!important;}
body.studio-3d #gameApp .score-actions {display:flex!important;flex-direction:column!important;gap:7px!important;}
body.studio-3d #gameApp .score-actions button {padding:12px!important;border-radius:6px!important;border:1px solid #c7b17c55!important;background:#283629!important;color:#e9e2c9!important;font-size:12px!important;}
body.studio-3d #gameApp .bid-panel {grid-column:2!important;grid-row:2!important;position:relative!important;inset:auto!important;background:#19281dcc!important;border:1px solid #9eaf7940!important;border-radius:9px!important;padding:12px 20px!important;margin:0!important;}
body.studio-3d #gameApp .table {position:relative!important;grid-column:2!important;grid-row:3!important;width:100%!important;height:100%!important;min-height:330px!important;max-height:none!important;inset:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;transform:none!important;perspective:1200px!important;}
body.studio-3d #gameApp .table::before,body.studio-3d #gameApp .table::after {display:none!important;}
body.studio-3d #gameApp .studio-scene {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:0!important;filter:drop-shadow(0 24px 18px #000a);}
body.studio-3d #gameApp .player {z-index:8!important;}
body.studio-3d #gameApp .player-top {top:0!important;left:50%!important;transform:translateX(-50%)!important;}
body.studio-3d #gameApp .player-left {left:0!important;top:46%!important;}
body.studio-3d #gameApp .player-right {right:0!important;top:46%!important;}
body.studio-3d #gameApp .player-info {background:#111f18e8!important;border:1px solid #bdab6c50!important;border-radius:8px!important;padding:8px 14px!important;box-shadow:0 8px 16px #0006!important;}
body.studio-3d #gameApp .player-info span {color:#eee2c3!important;font-size:13px!important;}
body.studio-3d #gameApp .avatar {border:2px solid #ba9d64!important;background:#283c2d!important;box-shadow:0 8px 14px #0005!important;}
body.studio-3d #gameApp .trick-area {z-index:5!important;}
body.studio-3d #gameApp .played-card .card {box-shadow:2px 3px 0 #a9a18b,4px 8px 9px #0007!important;border:1px solid #d6c7a7!important;border-radius:6px!important;}
body.studio-3d #gameApp .hand-panel {grid-column:2!important;grid-row:4!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;padding:14px 20px 24px!important;margin:0!important;background:linear-gradient(#15251bb8,#0f1b13)!important;border:1px solid #a8b58530!important;border-radius:12px!important;transform:none!important;box-shadow:0 18px 36px #0004!important;}
body.studio-3d #gameApp .hand-heading {margin:0 0 16px!important;display:flex!important;}
body.studio-3d #gameApp .hand-heading h2 {font:normal 18px Georgia!important;color:#d6d4b9!important;}
body.studio-3d #gameApp .hand {display:flex!important;justify-content:center!important;align-items:flex-end!important;gap:0!important;min-height:135px!important;overflow:visible!important;perspective:900px!important;padding:8px 24px!important;}
body.studio-3d #gameApp .hand>.card {position:relative!important;inset:auto!important;flex:0 1 96px!important;width:96px!important;min-width:48px!important;height:135px!important;max-width:96px!important;margin:0 0 0 -12px!important;transform:rotateX(8deg)!important;transform-origin:center bottom!important;border-radius:7px!important;border:1px solid #d1c09b!important;box-shadow:1px 3px 0 #8f836b,3px 7px 14px #0009!important;transition:transform .2s,filter .2s!important;}
@media (hover:hover) and (pointer:fine) {
body.studio-3d #gameApp .hand>.card:hover:not(:disabled),body.studio-3d #gameApp .hand>.card:focus-visible {transform:translateY(-18px) rotateX(0)!important;z-index:20!important;box-shadow:0 0 0 2px #c7b277,4px 12px 20px #0008!important;}
}
body.studio-3d #gameApp .hand>.card:disabled {filter:saturate(.7) brightness(.82)!important;opacity:1!important;}
body.studio-3d #gameApp .game-events {grid-column:2!important;grid-row:5!important;position:relative!important;inset:auto!important;}
body.studio-3d #gameApp .table-chat {grid-column:1!important;grid-row:4/6!important;position:relative!important;inset:auto!important;width:100%!important;max-height:220px!important;background:#15231b!important;border:1px solid #88916c40!important;border-radius:9px!important;}
body.studio-3d #gameApp .landscape-game-status {display:none!important;}
body.studio-3d #gameApp .studio-camera {grid-column:2!important;display:flex;align-items:center;justify-content:center;gap:16px;font:9px Arial;letter-spacing:1.5px;color:#a8ae93;}
body.studio-3d .studio-camera input {accent-color:#c8b27d;width:120px;}
body.studio-3d #gameApp .no-webgl {background:radial-gradient(ellipse,#145139 0 44%,#233126 45% 50%,#745031 51% 55%,transparent 56%)!important;}
@media(max-width:760px){
 body.studio-3d #gameApp:not([hidden]) {display:flex!important;flex-direction:column!important;padding:12px 10px 28px!important;gap:12px!important;}
 body.studio-3d #gameApp .top-bar {order:0!important;flex-wrap:wrap!important;gap:10px!important;}
 body.studio-3d #gameApp .top-bar h1 {font-size:20px!important;}
 body.studio-3d #gameApp .score-board {order:1!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;}
 body.studio-3d #gameApp .score-card {padding:8px!important;}
 body.studio-3d #gameApp .score-card strong {font-size:22px!important;}
 body.studio-3d #gameApp .score-actions {grid-column:1/-1!important;flex-direction:row!important;justify-content:center!important;}
 body.studio-3d #gameApp .bid-panel {order:2!important;}
 body.studio-3d #gameApp .table {order:3!important;height:320px!important;min-height:320px!important;}
 body.studio-3d #gameApp .hand-panel {order:4!important;padding:12px 6px!important;}
 body.studio-3d #gameApp .hand {padding:8px 2px!important;min-height:105px!important;}
 body.studio-3d #gameApp .hand>.card {height:105px!important;width:72px!important;flex-basis:72px!important;min-width:32px!important;margin-left:-15px!important;}
 body.studio-3d #gameApp .player-info {padding:5px 7px!important;}
 body.studio-3d #gameApp .player-info span {font-size:10px!important;}
 body.studio-3d #gameApp .studio-camera {order:5!important;}
 body.studio-3d #gameApp .game-events {order:6!important;}
 body.studio-3d #gameApp .table-chat {order:7!important;max-height:160px!important;}
}
@media(prefers-reduced-motion:reduce){body.studio-3d * {transition:none!important;}}
}