.bl-uno-app{--uno-cream:#fff7df;--uno-gold:#e9bc70;--uno-deep:#070a1b;min-height:100%;color:var(--uno-cream);background:radial-gradient(circle at 51% 34%,#20498377,transparent 34%),radial-gradient(circle at 9% 70%,#56306570,transparent 34%),linear-gradient(135deg,#090b20,#10132d 52%,#11182d);font-family:Inter,Arial,sans-serif;position:relative;overflow:hidden}.bl-uno-app:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#ffdb8e 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent 75%)}.bl-uno-render{position:relative;z-index:1;min-height:100%;padding:clamp(12px,2vw,24px)}.bl-uno-header{display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:1500px;margin:0 auto 10px}.bl-uno-brand{display:flex;gap:12px;align-items:center}.bl-uno-brand-symbol{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;color:#11152b;font-size:30px;background:linear-gradient(135deg,#fff2bf,#dca34d);box-shadow:0 4px 22px #ffc5696b}.bl-uno-brand span:last-child{display:flex;flex-direction:column}.bl-uno-brand small{font-size:9px;letter-spacing:.22em;color:#dfbf87}.bl-uno-brand strong{font:800 26px/.9 Georgia,serif;letter-spacing:.08em}.bl-uno-header-actions{display:flex;gap:8px}.bl-uno-header-actions button,.bl-uno-secondary,.bl-uno-text-button,.bl-uno-guide-link,.bl-uno-actions button,.bl-uno-result-ribbon button{background:#ffffff0d;border:1px solid #e8c98d78;border-radius:999px;color:var(--uno-cream);padding:9px 16px;cursor:pointer;font-weight:700}.bl-uno-header-actions button:hover,.bl-uno-secondary:hover,.bl-uno-actions button:hover,.bl-uno-guide-link:hover{background:#efc77328;border-color:#ffe0a0}.bl-uno-eyebrow{color:#efc781;font-size:11px;letter-spacing:.21em;font-weight:800}.bl-uno-mode-view{max-width:1120px;margin:clamp(24px,7vh,86px) auto;text-align:center}.bl-uno-mode-view h1{font:700 clamp(36px,5vw,70px)/1 Georgia,serif;margin:12px 0;color:#fff8e5;text-shadow:0 6px 28px #eeb95b44}.bl-uno-mode-view>p:not(.bl-uno-eyebrow){color:#d8dfef;font-size:clamp(14px,1.5vw,18px);margin:0 auto 30px}.bl-uno-mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bl-uno-mode-card{text-align:left;min-height:290px;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(22px,3vw,36px);border-radius:26px;border:1px solid #ffc97e89;color:#fff;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff65,0 16px 42px #0008;transition:transform .25s,border-color .25s,box-shadow .25s}.bl-uno-mode-card:hover,.bl-uno-mode-card:focus-visible{transform:translateY(-5px);border-color:#fff2ba;box-shadow:0 22px 55px #0009,0 0 30px #fbc77553}.bl-uno-mode-card.is-computer{background:radial-gradient(circle at 75% 25%,#54cbbb77,transparent 42%),linear-gradient(135deg,#103a53,#0b152c)}.bl-uno-mode-card.is-online{background:radial-gradient(circle at 76% 25%,#f391af7c,transparent 42%),linear-gradient(135deg,#552240,#10162e)}.bl-uno-mode-glyph{position:absolute;right:7%;top:4%;font-size:170px;line-height:1;color:#ffffff1f;transform:rotate(-18deg)}.bl-uno-mode-card strong{font:700 clamp(32px,4vw,48px)/1 Georgia,serif;margin-top:auto}.bl-uno-mode-card small{font-size:15px;max-width:30ch;line-height:1.5;margin:12px 0;color:#f0eef2}.bl-uno-mode-card em{font-size:13px;color:#f9d48e;font-style:normal;font-weight:800}.bl-uno-guide-link{display:inline-block;margin-top:22px;background:none;border:none}.bl-uno-setup{max-width:1130px;margin:22px auto}.bl-uno-text-button{background:none;border:0;padding:6px 0}.bl-uno-setup-card{display:grid;grid-template-columns:42% 58%;border:1px solid #f9d49592;border-radius:26px;overflow:hidden;margin-top:15px;box-shadow:0 22px 65px #0007}.bl-uno-setup-art{min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;background:radial-gradient(circle at 50% 48%,#fac06385,transparent 30%),radial-gradient(circle at 30% 28%,#11b7b879,transparent 47%),linear-gradient(145deg,#0d4761,#111533)}.bl-uno-prism{font-size:170px;color:#ffdda0;text-shadow:0 0 25px #ffe3a8,0 0 65px #5ddfd6}.bl-uno-setup-art>span:last-child{font-size:10px;letter-spacing:.25em;color:#ffebbb}.bl-uno-setup-form{padding:clamp(20px,4vw,52px);background:#0b1027ec;display:flex;flex-direction:column;gap:12px}.bl-uno-setup-form h2,.bl-uno-lobby h2{font:700 clamp(31px,4vw,49px)/1.05 Georgia,serif;margin:0}.bl-uno-setup-form p{color:#cdd4e8;line-height:1.5;margin:0 0 6px}.bl-uno-setup-form label,.bl-uno-form-label{font-weight:800;color:#f5d592;font-size:10px;letter-spacing:.13em}.bl-uno-setup-form input[type=text],.bl-uno-setup-form input:not([type]){border:1px solid #f6d9a465;background:#ffffff0c;border-radius:11px;padding:14px;color:#fff;font:700 16px Inter,Arial,sans-serif;outline:none}.bl-uno-setup-form input:focus{border-color:#f9cf7b}.bl-uno-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bl-uno-counts label{position:relative;cursor:pointer}.bl-uno-counts input{position:absolute;opacity:0}.bl-uno-counts span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:68px;border:1px solid #f6d9a465;border-radius:13px;font-size:21px;color:#fff}.bl-uno-counts small{font-size:9px;color:#e1d0ad}.bl-uno-counts input:checked+span{background:linear-gradient(135deg,#117c7d,#243d6c);border-color:#9ff9ef;box-shadow:0 0 18px #39d9d477}.bl-uno-form-note{font-size:12px}.bl-uno-primary{border:1px solid #fff2be;border-radius:12px;color:#1b1b31;font-weight:900;letter-spacing:.08em;padding:16px 20px;background:linear-gradient(110deg,#fff6cd,#f4bd58);box-shadow:0 5px 28px #f8b85b58;cursor:pointer}.bl-uno-primary span{float:right}.bl-uno-primary:hover{filter:brightness(1.08)}.bl-uno-error{padding:10px 14px;color:#fff1f2;background:#9e204666;border:1px solid #fd8ca6;border-radius:12px}.bl-uno-lobby{text-align:center;max-width:800px;margin:9vh auto}.bl-uno-lobby-orbit{display:grid;place-items:center;width:160px;height:160px;margin:0 auto 30px;border-radius:50%;border:2px solid #f2c879a8;box-shadow:inset 0 0 30px #53cfcb8b,0 0 35px #efbb6555;animation:uno-orbit 7s linear infinite}.bl-uno-lobby-orbit span{font-size:86px;color:#fbe4ab;text-shadow:0 0 35px #f9dd8e}.bl-uno-lobby p{color:#d2d9ee}.bl-uno-lobby-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:35px 0}.bl-uno-lobby-seats>div{padding:16px;border:1px dashed #d9be8e7d;border-radius:15px;display:flex;flex-direction:column;gap:8px}.bl-uno-lobby-seats>div.is-filled{border-style:solid;background:#52b9b92b}.bl-uno-lobby-seats span{font-size:31px;color:#f6cc86}.bl-uno-lobby-seats strong{font-size:12px}.bl-uno-game{max-width:1500px;margin:0 auto}.bl-uno-game-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 10px;font-size:10px;letter-spacing:.13em;color:#d9c6a1}.bl-uno-game-meta strong{font-size:15px;letter-spacing:0;color:#fff}.bl-uno-table{position:relative;isolation:isolate;border:2px solid #d9ad63;border-radius:clamp(26px,7vw,84px);min-height:clamp(450px,62vh,700px);background:radial-gradient(ellipse at 50% 50%,#133f5d,#09283d 55%,#111733 90%);box-shadow:inset 0 0 0 5px #261b23,inset 0 0 0 8px #bb8b53,inset 0 15px 65px #0ee6db2c,0 18px 45px #000b;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,2.5vw,32px)}.bl-uno-table:before,.bl-uno-table:after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;aspect-ratio:1;border:1px solid #ecc77a35;box-shadow:0 0 0 32px #ffffff05,0 0 0 74px #ffffff05}.bl-uno-table:after{width:49%;box-shadow:none;border-style:dashed;opacity:.7}.bl-uno-aura{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,#f4d29e1a,transparent 30%);pointer-events:none}.bl-uno-opponents{display:flex;justify-content:space-around;gap:10px;position:relative}.bl-uno-player{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 12px;border-radius:16px;border:1px solid #ffffff4c;background:#090e2fba}.bl-uno-player.is-active{border-color:#ffe393;box-shadow:0 0 19px #f5ca75a3}.bl-uno-player-avatar,.bl-uno-self-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#fff0b0,#be8244);color:#1a1a32;display:grid;place-items:center;font-weight:900}.bl-uno-player-copy,.bl-uno-self>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.bl-uno-player-copy strong,.bl-uno-self strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.bl-uno-player-copy small,.bl-uno-self small{color:#d0d5e8;font-size:10px}.bl-uno-player-stack{display:flex;margin-left:6px}.bl-uno-player-stack .bl-uno-card{margin-left:-14px}.bl-uno-center{display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,70px);position:relative;padding:24px 0}.bl-uno-pile{display:flex;flex-direction:column;align-items:center;gap:7px;color:#e9d1a8;font-size:10px;font-weight:800;letter-spacing:.1em}.bl-uno-pile button{border:0;background:none;padding:0;cursor:pointer}.bl-uno-pile button:disabled{cursor:default;opacity:.75}.bl-uno-pile button:not(:disabled):hover .bl-uno-card{transform:translateY(-6px)}.bl-uno-pile small{color:#d5deea}.bl-uno-prism-center{display:grid;justify-items:center;gap:12px;min-width:100px}.bl-uno-current-color{min-width:115px;text-align:center;border-radius:999px;padding:10px 14px;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;border:1px solid #fff8;box-shadow:0 0 24px currentColor}.bl-uno-current-color.is-red{background:#a32643}.bl-uno-current-color.is-yellow{background:#b07916}.bl-uno-current-color.is-green{background:#157e67}.bl-uno-current-color.is-blue{background:#1c65b2}.bl-uno-direction{font-size:44px;color:#eec374;text-shadow:0 0 22px #efbc72}.bl-uno-bottom{position:relative}.bl-uno-self{display:flex;align-items:center;gap:10px;max-width:500px;margin:0 auto 8px;padding:6px 13px;border:1px solid #f4ce8796;border-radius:20px;background:#09102bbb}.bl-uno-hand-hint{margin-left:auto;font-size:9px;letter-spacing:.1em;color:#f4cd87}.bl-uno-hand{display:flex;justify-content:center;align-items:end;min-height:clamp(138px,22vh,194px);overflow-x:auto;overflow-y:hidden;padding:13px 20px 4px;scrollbar-color:#dbb675 #11243e}.bl-uno-hand-card{flex:0 0 auto;border:0;background:none;padding:0;margin-left:clamp(-22px,-2vw,-8px);cursor:pointer;transition:transform .2s,filter .2s}.bl-uno-hand-card:first-child{margin-left:0}.bl-uno-hand-card.is-playable:hover,.bl-uno-hand-card.is-playable:focus-visible{transform:translateY(-18px);z-index:10;filter:drop-shadow(0 7px 14px #f8d68d6e)}.bl-uno-hand-card:disabled{cursor:default;filter:brightness(.68)}.bl-uno-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.bl-uno-actions button:disabled{opacity:.35;cursor:default}.bl-uno-call-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#f6dfa9;padding:7px}.bl-uno-call-toggle input{accent-color:#f4bd6a;width:17px;height:17px}.bl-uno-card{--card-tone:#546680;display:block;width:clamp(70px,7.7vw,110px);aspect-ratio: .68;border:3px solid #fff0c9;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(150deg,#fffdf2,#e8e6de);box-shadow:0 5px 10px #0008,0 0 0 1px #9a754c;color:#fff;transform:translateZ(0);transition:transform .2s}.bl-uno-card:before{content:"";position:absolute;inset:4px;border:1px solid #c1aa79;border-radius:6px;pointer-events:none;z-index:2}.bl-uno-card.is-red{--card-tone:#bd3152}.bl-uno-card.is-yellow{--card-tone:#d29c2e}.bl-uno-card.is-green{--card-tone:#1a967d}.bl-uno-card.is-blue{--card-tone:#3579c0}.bl-uno-card.is-wild{--card-tone:#303254}.bl-uno-card-field{position:absolute;inset:10px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:radial-gradient(circle at 35% 25%,#fff8,transparent 30%),linear-gradient(140deg,color-mix(in srgb,var(--card-tone),white 24%),var(--card-tone) 55%,color-mix(in srgb,var(--card-tone),black 35%))}.bl-uno-card-field:before{content:"";position:absolute;inset:0;opacity:.48;background:repeating-linear-gradient(135deg,transparent 0 14px,#ffffff16 14px 15px)}.bl-uno-card-orbit{position:absolute;width:80%;aspect-ratio:.72;border:2px solid #fff9;border-radius:50%;transform:rotate(32deg);box-shadow:0 0 0 5px #fff2}.bl-uno-card.is-wild .bl-uno-card-orbit{border-width:7px;border-color:#ba3855 #d8a343 #299777 #3f82ca}.bl-uno-card-main{position:relative;font:900 clamp(30px,4vw,54px)/1 Georgia,serif;text-shadow:0 3px 7px #0008}.bl-uno-card-corner{position:absolute;top:13px;left:15px;z-index:2;font-weight:900;font-size:clamp(15px,1.5vw,21px);text-shadow:0 1px 2px #0009}.bl-uno-card-corner.is-bottom{top:auto;left:auto;right:14px;bottom:13px;transform:rotate(180deg)}.bl-uno-card.is-back{background:radial-gradient(circle at center,#33447b,#111734 75%);border-color:#eed69c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bl-uno-card-back-gem{font-size:clamp(40px,5vw,70px);color:#f3cd7c;text-shadow:0 0 18px #fae09c}.bl-uno-card-back-word{font-size:clamp(6px,.7vw,9px);letter-spacing:.13em;color:#f7da9a}.bl-uno-card.is-compact{width:27px;border-width:1px;border-radius:3px}.bl-uno-card.is-compact:before{inset:2px}.bl-uno-card.is-compact .bl-uno-card-back-gem{font-size:17px}.bl-uno-card.is-compact .bl-uno-card-back-word{display:none}.bl-uno-card.is-placeholder{display:grid;place-items:center}.bl-uno-result-ribbon{display:flex;flex-direction:column;align-items:center;gap:6px;margin:8px auto;padding:14px;border:1px solid #e8c077;border-radius:16px;background:#182542;max-width:680px;text-align:center}.bl-uno-result-ribbon strong{font:700 22px Georgia,serif;color:#ffe6a5}.bl-uno-result-ribbon span{font-size:12px}.bl-uno-notice{color:#cde9e2;text-align:center}.bl-uno-color-shade{position:fixed;inset:0;z-index:8000;background:#050815c9;display:grid;place-items:center;padding:15px}.bl-uno-color-picker{width:min(480px,100%);padding:28px;border-radius:22px;border:1px solid #f6d292;background:linear-gradient(135deg,#182548,#0b1026);text-align:center;box-shadow:0 20px 60px #000b}.bl-uno-color-picker h2{font:700 30px Georgia,serif}.bl-uno-color-picker>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bl-uno-color-picker>div button{border:2px solid #fff9;border-radius:14px;padding:19px;color:#fff;font-weight:900;cursor:pointer}.bl-uno-color-picker .is-red{background:#ad2f50}.bl-uno-color-picker .is-yellow{background:#bc8421}.bl-uno-color-picker .is-green{background:#1b816f}.bl-uno-color-picker .is-blue{background:#2874b2}.bl-uno-color-picker .bl-uno-text-button{margin-top:15px}.uno-voice-room{position:fixed;bottom:16px;right:16px;z-index:3000}
@keyframes uno-orbit{to{transform:rotate(360deg)}}
@media(max-width:880px){.bl-uno-setup-card{grid-template-columns:1fr}.bl-uno-setup-art{min-height:170px;gap:4px}.bl-uno-prism{font-size:100px}.bl-uno-setup-form{padding:22px}.bl-uno-table{min-height:560px}.bl-uno-player-stack{display:none}.bl-uno-player{min-width:0}.bl-uno-game-meta span:last-child{display:none}}
@media(max-width:640px){.bl-uno-render{padding:9px}.bl-uno-header{margin-bottom:14px}.bl-uno-mode-view{margin:28px auto}.bl-uno-mode-cards{grid-template-columns:1fr;gap:12px}.bl-uno-mode-card{min-height:215px}.bl-uno-lobby-seats{grid-template-columns:repeat(2,1fr)}.bl-uno-game-meta{font-size:9px;flex-wrap:wrap;text-align:center;justify-content:center}.bl-uno-game-meta strong{width:100%;order:-1}.bl-uno-table{border-radius:32px;min-height:560px;padding:10px}.bl-uno-opponents{gap:3px}.bl-uno-player{flex-direction:column;text-align:center;padding:4px;gap:2px;border-radius:9px;flex:1}.bl-uno-player-avatar{flex-basis:24px;width:24px;height:24px;font-size:11px}.bl-uno-player-copy strong{font-size:10px}.bl-uno-player-copy small{font-size:8px}.bl-uno-center{gap:12px;padding:12px 0}.bl-uno-prism-center{min-width:58px}.bl-uno-current-color{min-width:65px;padding:6px 4px;font-size:8px}.bl-uno-direction{font-size:27px}.bl-uno-card{width:72px}.bl-uno-hand-card{margin-left:-20px}.bl-uno-hand{justify-content:flex-start;padding-left:18px;min-height:140px}.bl-uno-actions{margin:10px 0 60px}.bl-uno-actions button{padding:9px 12px;font-size:11px}.bl-uno-self{padding:5px 8px}.bl-uno-hand-hint{display:none}.uno-voice-room{bottom:6px;right:6px}}
@media(max-height:600px) and (min-width:700px){.bl-uno-table{min-height:380px}.bl-uno-hand{min-height:105px}.bl-uno-card{width:68px}.bl-uno-mode-view{margin:16px auto}.bl-uno-mode-card{min-height:190px}}
@media(prefers-reduced-motion:reduce){.bl-uno-app *, .bl-uno-app *:before,.bl-uno-app *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}