#uno-dialog{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#123d36;color:#102329;overflow-y:auto}#uno-dialog [hidden]{display:none!important}.uno-header{position:sticky;top:0;z-index:5;background:#95f5d8;border-bottom:4px solid #102329;display:flex;justify-content:space-between;align-items:center;padding:12px 22px;gap:15px}.uno-header h2{font-size:30px;margin:0;font-weight:900}.uno-header small{font-size:12px;font-weight:900;letter-spacing:1px}.uno-header-actions{display:flex;gap:8px;align-items:center}.uno-header-actions button,#uno-leave,#uno-reconnect{border:2px solid #102329;border-radius:8px;background:#fff5d9;color:#102329;font-size:14px;padding:8px 12px;font-weight:800}#uno-close{font-size:24px;background:#ff947d;padding:2px 12px}.uno-content{max-width:1150px;margin:auto;padding:20px}.uno-menu{max-width:760px;margin:20px auto;background:#fff5d9;border:4px solid #102329;box-shadow:7px 7px 0 #071a18;border-radius:22px;padding:26px}.uno-menu h3{font-size:30px;font-weight:900;letter-spacing:-1px;margin:0 0 12px}.uno-menu p{font-size:16px;line-height:1.5}.uno-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.uno-option{background:#95f5d8;border:3px solid #102329;border-radius:13px;padding:18px}.uno-option h4{font-size:20px;margin:0 0 15px}.uno-option label{display:block;font-size:14px;font-weight:800;margin:12px 0 6px}.uno-option select,.uno-option input,.uno-seat select{width:100%;padding:10px;border:2px solid #102329;border-radius:8px;color:#102329;background:#fffdf4;font-size:16px}.uno-option input{letter-spacing:6px;font-weight:900}.uno-option button,.uno-menu>.game-button{padding:10px 17px;font-size:16px;margin-top:12px}.uno-option button{width:100%}.uno-room-code{font-size:55px;letter-spacing:12px;font-weight:900;margin:12px 0;color:#00745b}.uno-seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.uno-seat{background:#95f5d8;border:3px solid #102329;border-radius:13px;padding:14px;display:flex;gap:10px;align-items:center;min-width:0}.uno-seat strong{font-size:16px;overflow-wrap:anywhere}.uno-seat small{display:block;font-size:13px;margin-top:5px}.uno-avatar{border:2px solid #102329;border-radius:10px;background:#ffd55c;display:grid;place-items:center;min-width:38px;height:38px;font-weight:900}.uno-seat button{border:2px solid #102329;border-radius:7px;background:#ff947d;color:#102329;padding:5px 10px;font-weight:bold}.uno-empty-seat{display:grid;gap:7px;background:#e6e8dc}.uno-empty-seat span{font-weight:800;font-size:14px}.uno-empty-seat button{background:#ffd55c;font-size:14px;padding:9px}.uno-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.uno-player{padding:12px;border:3px solid #102329;border-radius:12px;background:#fff5d9;min-width:0}.uno-player strong{display:block;font-size:16px;overflow-wrap:anywhere}.uno-player span{display:block;font-size:13px;margin-top:6px}.uno-player.uno-current{background:#ffd55c;box-shadow:0 0 0 3px #fff5d9}.uno-player.uno-me{border-color:#58bdff}.uno-turn{text-align:center;color:#fff5d9;margin:25px 0 15px}.uno-turn h3{font-size:25px;margin:0 0 8px}.uno-turn span{font-size:14px}.uno-table-center{display:flex;justify-content:center;align-items:center;gap:35px;min-height:175px}.uno-card{width:96px;height:144px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #102329;border-radius:13px;box-shadow:0 5px 0 #071a1866;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden;color:#102329}.uno-card strong{background:#fff5d9;border:3px solid #102329;border-radius:50%;width:70%;height:55%;display:grid;place-items:center;transform:rotate(-14deg);font-size:36px;font-weight:900}.uno-corner{position:absolute;top:5px;left:8px;font-size:15px;font-weight:900}.uno-card-color{position:absolute;bottom:6px;font-size:12px;font-weight:bold}.uno-red{background:#ef766c}.uno-yellow{background:#ffdb65}.uno-green{background:#67d59d}.uno-blue{background:#71baff}.uno-wild{background:#292d3b;color:#fff5d9}.uno-wild strong{color:#102329}.uno-deck{background:#ba97ef;cursor:pointer;padding:5px;font-size:22px;font-weight:900}.uno-deck small{font-size:13px;display:block;margin-top:12px}.uno-color-tag{border:2px solid #102329;color:#102329;font-weight:900;padding:7px 12px;border-radius:8px;font-size:14px;display:inline-block}.uno-center-info{text-align:center}.uno-center-info p{color:#cee2d4;font-size:13px;margin:12px 0}#uno-log{color:#fff5d9;text-align:center;font-size:15px;min-height:25px;margin:22px 0}.uno-hand-heading{display:flex;justify-content:space-between;align-items:center;color:#fff5d9;font-size:13px;font-weight:900;letter-spacing:1px;margin:20px 0 12px}.uno-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 0 24px}.uno-hand .uno-card{cursor:pointer;transition:transform .12s}.uno-hand .uno-card.uno-playable{outline:3px solid #fff5d9;outline-offset:1px}.uno-hand .uno-card.uno-playable:hover{transform:translateY(-7px)}.uno-hand .uno-card:disabled{opacity:.55;cursor:default}.uno-hand .uno-card:focus-visible{outline:4px solid #ffd55c;outline-offset:3px}#uno-pass{padding:8px 20px}.uno-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dae8da;font-size:13px;margin-top:15px}.uno-rules{max-width:760px;margin:20px auto;color:#dae8da;line-height:1.6;font-size:14px}.uno-rules summary{cursor:pointer;font-weight:800}.uno-rules p{font-size:14px}.uno-error-bar{background:#fff5d9;border:3px solid #e36b5e;border-radius:10px;padding:12px;font-size:14px;max-width:760px;margin:12px auto}.uno-color-picker{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#071a18cc;padding:20px}.uno-color-box{background:#fff5d9;border:4px solid #102329;border-radius:20px;padding:22px;text-align:center;max-width:450px;width:100%}.uno-color-box h3{font-size:24px;margin:0 0 18px}.uno-color-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.uno-color-buttons button{border:3px solid #102329;padding:16px;border-radius:10px;font-size:17px;font-weight:900;color:#102329}#uno-cancel-color{margin-top:18px;padding:8px 14px;border:2px solid #102329;border-radius:8px;background:#95f5d8;color:#102329}.uno-end{background:#fff5d9;border:4px solid #102329;border-radius:16px;text-align:center;padding:18px;margin:15px auto;max-width:600px}.uno-end p{font-size:17px;font-weight:800}.uno-end button{padding:10px 22px}.uno-card-entry .fast-click-art{background:#ffcc83}#uno-dialog button:disabled{cursor:not-allowed}#uno-dialog .game-button:disabled{opacity:.5}
@media(max-width:650px){.uno-header{padding:10px 12px}.uno-header h2{font-size:24px}.uno-content{padding:12px}.uno-menu{padding:18px;margin:12px auto}.uno-menu-grid{grid-template-columns:1fr}.uno-seats{grid-template-columns:1fr}.uno-players{grid-template-columns:1fr 1fr;gap:8px}.uno-player{padding:9px}.uno-player strong{font-size:14px}.uno-card{width:72px;height:110px;border-width:3px;border-radius:10px}.uno-card strong{font-size:28px;border-width:2px}.uno-corner{font-size:12px;top:4px;left:6px}.uno-card-color{font-size:10px}.uno-table-center{gap:15px;min-height:130px}.uno-center-info{max-width:100px}.uno-color-tag{font-size:12px;padding:6px}.uno-hand{gap:7px}.uno-turn{margin-top:18px}.uno-turn h3{font-size:22px}.uno-footer{align-items:flex-start}.uno-header-actions button{padding:7px 9px}.uno-room-code{font-size:45px}.uno-hand-heading{letter-spacing:0}.uno-deck{font-size:18px}}
@media(prefers-reduced-motion:reduce){.uno-hand .uno-card{transition:none}}
#uno-home{max-width:none;margin:12px 0 24px;background:transparent;border:0;box-shadow:none;padding:0;color:#fff5d9}
.uno-home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;padding:12px 8px}.uno-home-hero small{font-size:11px;letter-spacing:2px;color:#95f5d8;font-weight:900}#uno-home h3{font-size:clamp(36px,4.5vw,58px);line-height:1.04;margin:12px 0;letter-spacing:-2px}.uno-home-hero p{color:#c2ddd3;max-width:540px}#uno-home-art{width:250px;flex-shrink:0}#uno-home-art svg{display:block;width:100%;height:190px}#uno-account{font-size:13px}
#uno-home .uno-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#uno-home .uno-option{display:flex;flex-direction:column;gap:14px;background:#fff5d9;border:3px solid #102329;border-radius:18px;padding:24px;color:#102329;box-shadow:0 5px 0 #071a18}#uno-home .uno-duel-option{background:#d5eaff}.uno-mode-number{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#35504b}#uno-home .uno-option h4{font-size:27px;margin:0;line-height:1.1}#uno-home .uno-option p{font-size:14px;line-height:1.5;margin:0 0 4px;min-height:42px;color:#35504b}#uno-home .uno-option label{font-size:12px;font-weight:800}#uno-home .uno-option select{min-height:46px;width:100%}#uno-home .uno-option .game-button{width:100%;min-height:50px;padding:10px;font-size:15px}#uno-solo{margin-top:auto}#uno-home .uno-option small{font-size:12px;line-height:1.5;color:#35504b}.uno-duel-symbol{font-size:44px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:18px;flex:1}.uno-duel-symbol span{font-size:14px;color:#467a99}.uno-code-entry{display:flex;gap:8px;margin-top:8px}.uno-code-entry input{min-width:0;width:100%;letter-spacing:4px;font-size:22px;text-align:center}.uno-code-entry .game-button{max-width:90px}#uno-join-form{margin-top:auto;padding-top:16px;border-top:1px solid #10232925}
#uno-search{text-align:center;max-width:700px;padding:44px 30px;margin:30px auto}#uno-search small{letter-spacing:2px;color:#35504b;font-weight:900}#uno-search h3{margin-top:18px}#uno-search-status{font-weight:800}#uno-search-cancel{min-width:220px;min-height:52px;margin-top:18px}.uno-search-spinner{width:64px;height:64px;border:6px solid #10232920;border-top-color:#258ab3;border-right-color:#16a88a;border-radius:50%;margin:0 auto 24px;animation:uno-search-spin 1.1s linear infinite}@keyframes uno-search-spin{to{transform:rotate(360deg)}}
@media(max-width:850px){#uno-home .uno-menu-grid{grid-template-columns:1fr}#uno-home .uno-option{padding:22px}#uno-home .uno-option p{min-height:0}.uno-home-hero{gap:12px}#uno-home-art{width:150px}#uno-home-art svg{height:140px}.uno-duel-symbol{font-size:32px}#uno-home .uno-option .game-button{min-height:48px}#uno-search{padding:30px 20px}}
@media(max-width:450px){#uno-home-art{width:100px}#uno-home-art svg{height:110px}.uno-home-hero{align-items:flex-start}#uno-home h3{font-size:35px}.uno-home-hero p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.uno-search-spinner{animation:none}}
#uno-players{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.uno-player-role{display:block;font-size:10px;font-weight:900;letter-spacing:1.3px;margin-bottom:7px;opacity:.75}#uno-players .uno-player strong{font-size:19px;overflow-wrap:anywhere}#uno-players .uno-player span{margin-top:7px}@media(max-width:450px){#uno-players{grid-template-columns:1fr 1fr;gap:8px}#uno-players .uno-player strong{font-size:16px}.uno-player-role{font-size:9px;letter-spacing:.6px}}