*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:#1a472a;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;max-width:100vw;overflow-x:hidden}.card,.card-back{display:inline-block;border-radius:6px;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.card.card-md,.card-back.card-md{width:48px;height:auto}.card.card-sm,.card-back.card-sm{width:38px;height:auto}.card{box-shadow:0 1px 3px #00000040}.card.card-hl{outline:2px solid #f1c40f;box-shadow:0 0 8px #f1c40f;transform:translateY(-5px)}.card.card-off{opacity:.45;filter:grayscale(.5)}.card-back{box-shadow:0 1px 3px #00000040}.hand{display:flex;justify-content:center;max-width:100%}.hand>*{margin-left:-4px}.hand>*:first-child{margin-left:0}.hand-compact>*{margin-left:-12px}.hand-compact>*:first-child{margin-left:0}.trick-area{position:relative;width:180px;height:160px;margin:0 auto}.screen{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:#1a472a;color:#fff;padding:10px;max-width:100vw;overflow-x:hidden}@media(min-width:500px){.card.card-md,.card-back.card-md{width:58px}.card.card-sm,.card-back.card-sm{width:46px}.trick-area{width:220px;height:190px}.screen{padding:10px 20px}}