.uno-area{max-width:48rem;margin:0 auto;text-align:center}.uno-pile{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:1rem 0}.uno-deck-btn{width:64px;height:92px;border-radius:8px;background:#1a1a1a;border:2px solid #000;color:#fff;font-size:.6875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.uno-deck-btn:active{transform:scale(.95)}.uno-deck-btn--disabled{opacity:.4;cursor:default}.uno-card{width:64px;height:92px;border-radius:8px;border:3px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0;position:relative;box-shadow:0 2px 6px #00000026}.uno-card--red{background:#cf2e2e;color:#fff;border-color:#a02020}.uno-card--blue{background:#0693e3;color:#fff;border-color:#0570b0}.uno-card--green{background:#00d084;color:#fff;border-color:#00a868}.uno-card--yellow{background:#fcb900;color:#000;border-color:#d4a000}.uno-card--wild{background:linear-gradient(135deg,#cf2e2e 25%,#0693e3 25% 50%,#00d084 50% 75%,#fcb900 75%);color:#fff;border-color:#333;text-shadow:0 1px 2px rgba(0,0,0,.5)}.uno-card__value{font-size:1.25rem;font-weight:700;text-align:center;line-height:1.1}.uno-card__action{font-size:.625rem;text-transform:uppercase}.uno-pile .uno-card{width:80px;height:115px;font-size:1.5rem}.uno-hand{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:1rem 0;padding:.5rem;min-height:100px}.uno-hand .uno-card{cursor:pointer;transition:transform .15s ease;-webkit-tap-highlight-color:transparent}.uno-hand .uno-card:focus-visible{outline:3px solid #000;outline-offset:2px;transform:translateY(-8px);z-index:1}.uno-hand .uno-card:hover{transform:translateY(-8px)}.uno-hand .uno-card--disabled{opacity:.4;cursor:default}.uno-hand .uno-card--disabled:hover{transform:none}.uno-opponents{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.uno-opponent{padding:.375rem .75rem;background:#0000000f;border-radius:.5rem;font-size:.75rem;font-weight:500}.uno-opponent--active{background:#000;color:#c9f7a5}.uno-opponent__cards{font-weight:700;margin-left:.25rem}.uno-color-overlay{position:fixed;inset:0;background:#00000080;z-index:50;display:flex;align-items:center;justify-content:center}.uno-color-chooser{background:#c9f7a5;border:2px solid #000;border-radius:12px;padding:1.5rem;text-align:center}.uno-color-chooser__title{font-size:.875rem;font-weight:600;margin-bottom:1rem}.uno-color-chooser__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.uno-color-btn{width:56px;height:56px;border-radius:8px;border:3px solid rgba(0,0,0,.2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.uno-color-btn:hover{transform:scale(1.1)}.uno-color-btn--red{background:#cf2e2e}.uno-color-btn--blue{background:#0693e3}.uno-color-btn--green{background:#00d084}.uno-color-btn--yellow{background:#fcb900}.uno-info{font-size:.75rem;opacity:.5;margin:.5rem 0}.uno-turn{font-size:1rem;font-weight:600;margin:.5rem 0}.uno-turn--my{color:#2d5829}.uno-uno-btn{font-family:inherit;font-size:1.25rem;font-weight:700;padding:.5rem 2rem;background:#cf2e2e;color:#fff;border:3px solid #a02020;border-radius:999px;cursor:pointer;margin:.5rem;-webkit-tap-highlight-color:transparent;animation:unoPulse 1s infinite}@keyframes unoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.uno-action-msg{font-size:.8125rem;font-weight:500;min-height:1.5rem;margin:.25rem 0;animation:bsFlash .5s ease}@media(prefers-reduced-motion:reduce){.uno-uno-btn,.uno-action-msg{animation:none}}