*{box-sizing:border-box;margin:0;padding:0}html,body{color:#f1f5f9;background-color:#35654d;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}main{max-width:1000px;margin:0 auto;padding:24px}h1,h2,h3{margin-bottom:12px;font-weight:600}p{margin-bottom:10px}.navClass{flex-direction:row;gap:10px;padding:1%;list-style-type:none;display:flex}button{color:#fff;cursor:pointer;background-color:#1d4fbb;border:none;border-radius:6px;padding:10px 16px;font-size:14px;transition:background-color .2s,transform 50ms}button:hover{background-color:#1d4ed8}button:active{transform:scale(.97)}button:disabled{cursor:not-allowed;background-color:#475569}.playButton{color:#fff;cursor:pointer;background-color:#cf2121;border:none;border-radius:6px;padding:10px 16px;font-size:14px;transition:background-color .2s,transform 50ms}.playButton:hover{background-color:#800}.playButton:active{transform:scale(.97)}input{color:#fff;background-color:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 10px;font-size:14px}hr{border:none;border-top:1px solid #334155}.score-list{margin-top:10px;list-style:none}.score-list li{margin-bottom:6px}.card-area{flex-direction:row;justify-content:space-around;margin:20px 0;display:flex}.nick-and-card{flex-direction:column;align-items:center;display:flex}.card-wrapper{perspective:1000px;width:120px;height:174px}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.card[data-flipped=true]{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;width:100%;height:100%;position:absolute}.card-back{transform:rotateY(0)}.card-front{transform:rotateY(180deg)}.chat{position:fixed;bottom:0;right:0}.chat-box{background-color:#1e293b;border:1px solid #334155;border-radius:6px;height:220px;margin-bottom:10px;padding:10px;overflow-y:auto}.chat-message{margin-bottom:6px;font-size:14px}.chat-message.system{color:#94a3b8;font-style:italic}.chat-input-row{gap:10px;display:flex}img{image-rendering:auto;-webkit-user-select:none;user-select:none}
