body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{flex-direction:column;min-height:100vh}#root,.game-card{display:flex;align-items:center}.game-card{position:relative;border-radius:8px;background-color:white;padding:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);justify-content:center;overflow:hidden}.game-card-responsive .card-type-display{position:relative;z-index:2;width:80%;height:80%}.game-card-responsive>span[style*="position: absolute"]{z-index:2}.game-card-responsive.is-unclickable{cursor:not-allowed}.game-card-responsive.is-unclickable.is-face-up:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(50,50,50,.15);border-radius:inherit;z-index:1;pointer-events:none}.main-layout-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;padding:10px;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.game-container{flex-grow:1}.ranking-container{width:300px;flex-shrink:0;padding:15px;background-color:var(--background-medium,#e9ecef);border-radius:var(--border-radius-md,8px);box-shadow:0 2px 8px var(--shadow-color,rgba(0,0,0,.15));height:fit-content}.ranking-title{font-size:1.5em;color:var(--secondary-color,#282c34);margin-top:0;margin-bottom:15px;text-align:center;border-bottom:1px solid #ccc;padding-bottom:10px}.ranking-list{list-style:none;padding:0;margin:0;max-height:calc(100vh - 250px);overflow-y:auto}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:8px 5px;border-bottom:1px solid #ddd;font-size:.95em}.ranking-item:last-child{border-bottom:none}.ranking-item .rank{font-weight:700;min-width:30px;text-align:right;margin-right:10px}.ranking-item .username{flex-grow:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.ranking-item .score{min-width:70px;text-align:right;margin-right:10px;color:#007bff}.ranking-item .time{min-width:60px;text-align:right;font-size:.9em;color:#6c757d}.ranking-error{color:#dc3545;font-weight:700;text-align:center}@media (max-width:900px){.main-layout-container{flex-direction:column;align-items:center}.ranking-container{width:90%;max-width:500px;margin-top:20px}}