.game-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-height:0;min-width:0;overflow:hidden}
.game-workspace>main{min-width:0}
#game-deckdex{min-height:0;min-width:0;display:flex;flex-direction:column;background:#17192f;border:1px solid #a890c64a;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #0005}
#game-deckdex[hidden]{display:none}
.deckdex-bar{display:flex;align-items:center;gap:12px;padding:9px 12px;background:#251c35;border-bottom:1px solid #ffffff25;flex:none}
.deckdex-bar strong{flex:1}.deckdex-bar button{padding:9px 12px;font-size:.8rem;min-height:44px}
.deckdex-host{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
footer [data-open-deckdex]{padding:0 8px;min-height:100%;font-size:inherit;border:0;background:transparent;color:#dbc2fa;text-decoration:underline;border-radius:4px}
.question-hint{flex:none;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #d0afee55;border-radius:14px;background:#6c44942b}
.question-hint p{margin:0;flex:1;font-size:.8rem;line-height:1.4}.question-hint button{font-size:.8rem;padding:8px 12px}
.question-board .playcard{opacity:.55}.question-board .playcard.won{opacity:.15}
@media(min-width:1100px){body.deckdex-open .game-workspace{grid-template-columns:minmax(0,1fr) clamp(360px,32vw,480px);gap:10px;padding-right:2vw}#game-deckdex{margin:10px 0}}
@media(max-width:1099px){#game-deckdex{position:absolute;inset:5px 2vw;z-index:6;border-radius:15px}.question-hint{padding:7px 10px}.question-hint p{font-size:.72rem}.question-hint button{font-size:.72rem}.question-hint{gap:8px}}
@media(max-height:500px){.question-hint{padding:4px 9px}.question-hint p{font-size:.7rem}.question-hint button{min-height:36px;padding:5px 9px}.deckdex-bar{padding:4px 10px}.deckdex-bar button{min-height:40px}}