.uno-stage{background:#15202b!important;color:white;display:flex!important;align-items:stretch!important}.uno-app{width:100%;min-height:460px;display:flex;flex-direction:column}.uno-menu{margin:auto;width:min(440px,90%);padding:28px;background:#202c38;border:1px solid #465565;border-radius:10px;text-align:center}.uno-menu h3{font:20px 'Press Start 2P';line-height:1.5}.uno-menu input{width:100%;padding:11px;margin:6px 0;background:#101820;color:white;border:1px solid #52606d;border-radius:5px}.uno-menu button,.uno-actions button,.uno-colors button{padding:10px 14px;margin:4px;border:1px solid #667;background:#344454;color:white;border-radius:5px;cursor:pointer}.uno-menu button.primary,.uno-actions button.primary{background:#c8f25a;color:#171717;border-color:#c8f25a}.uno-room-code{font:18px 'Press Start 2P';color:#ffd34e;letter-spacing:3px}.uno-table{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:14px;min-height:460px}.uno-opponent{text-align:center;min-height:80px}.uno-center{display:flex;align-items:center;justify-content:center;gap:22px}.uno-deck{width:72px;height:102px;border-radius:8px;background:repeating-linear-gradient(45deg,#c92834,#c92834 7px,#9c1823 7px,#9c1823 14px);border:4px solid white;box-shadow:0 3px 7px #0008;cursor:pointer}.uno-card{width:72px;height:102px;border:4px solid white;border-radius:9px;color:white;display:inline-grid;place-items:center;font:bold 24px 'Press Start 2P';box-shadow:0 3px 7px #0008;cursor:pointer;position:relative;transform:rotate(var(--r,0deg));transition:.15s}.uno-card:hover{transform:translateY(-9px) rotate(var(--r,0deg))}.uno-card.red{background:#d9363e}.uno-card.yellow{background:#e2ad22}.uno-card.green{background:#36a35a}.uno-card.blue{background:#357bd4}.uno-card.wild{background:conic-gradient(#d9363e 0 25%,#e2ad22 0 50%,#36a35a 0 75%,#357bd4 0)}.uno-card.disabled{filter:brightness(.55);cursor:not-allowed}.uno-hand{display:flex;justify-content:center;align-items:flex-end;min-height:115px;padding-top:15px;overflow-x:auto}.uno-hand .uno-card{margin-left:-18px}.uno-hand .uno-card:first-child{margin-left:0}.uno-status{text-align:center;font-weight:700;min-height:26px}.uno-actions{text-align:center}.uno-colors{position:absolute;z-index:3;background:#111e;padding:14px;border-radius:8px;text-align:center}.uno-colors button{width:45px;height:45px;padding:0}.uno-count{display:inline-grid;place-items:center;width:54px;height:70px;border-radius:7px;background:#b6202c;border:3px solid white;font:13px 'Press Start 2P'}
@media(max-width:550px){.uno-card{width:58px;height:84px;font-size:18px}.uno-hand .uno-card{margin-left:-22px}.uno-deck{width:58px;height:84px}}