html.uno-playing{overflow:hidden}#unoRoot{position:fixed;inset:0;z-index:80;direction:rtl;overflow:auto;color:#fff5e8;background:radial-gradient(ellipse at 50% 35%,#244150 0,#111d2b 48%,#080e18 100%);font-family:inherit;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom);height:100dvh;display:flex;flex-direction:column}#unoRoot *{box-sizing:border-box}#unoRoot button{font:inherit;cursor:pointer;touch-action:manipulation}#unoRoot button:not(.un-card):not(.un-deck){border:1px solid #ffffff30;background:#192a3c;color:#fff4df;border-radius:12px;padding:10px 16px;font-weight:750}#unoRoot button:disabled{cursor:default;opacity:.45}#unoRoot button:focus-visible{outline:3px solid #fff;outline-offset:3px}.un-header{display:flex;align-items:center;gap:14px;min-height:76px;flex-shrink:0;border-bottom:1px solid #ffffff15;width:min(1200px,100%);margin:auto}.un-header>div{flex:1}.un-header h2{font-size:24px;margin:0;font-weight:950}.un-header h2 span{font-size:12px;color:#cbb489;font-weight:500;margin-right:8px}.un-header small{font-size:11px;color:#9dafbd}.un-lobby-wrap{flex:1;display:grid;place-items:center;padding:20px 0}.un-lobby{width:min(560px,100%);padding:28px 22px;text-align:center;background:linear-gradient(145deg,#243648,#14202f);border:1px solid #ddbf7850;border-radius:28px;box-shadow:0 20px 70px #0006;display:grid;justify-items:center;gap:15px}.un-lobby h1{font-size:34px;margin:0}.un-lobby p{color:#b9c5ce;font-size:14px;margin:0}.un-eyebrow{letter-spacing:1px;color:#edc57a;font-size:12px}.un-lobby small{color:#a7b7c7}.un-lobby-players{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.un-lobby-players>span{display:flex;align-items:center;gap:7px;font-size:13px;border:1px solid #ffffff22;background:#09172677;border-radius:30px;padding:6px 12px}.un-lobby-players i{font-style:normal;background:#407080;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}#unoRoot .un-primary{background:linear-gradient(120deg,#f7d490,#cba563);color:#211b11;border-color:#f7d490}.un-lobby>.un-primary{min-width:230px}.un-fan{display:flex;direction:ltr;align-items:center;justify-content:center;height:160px;padding-top:10px}.un-fan .un-card{width:80px;height:122px;margin:0 -15px;transform:rotate(-20deg);pointer-events:none}.un-fan .un-card:nth-child(2){transform:translateY(-12px);z-index:1}.un-fan .un-card:nth-child(3){transform:rotate(20deg)}.un-fan .un-card strong{font-size:38px}.un-card{--card:#38536b;width:88px;height:130px;flex-shrink:0;position:relative;border:4px solid #f6eee1;border-radius:13px;background:linear-gradient(135deg,#ffffff15,transparent 65%),var(--card);box-shadow:0 7px 13px #0007,inset 0 0 0 1px #0002;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;padding:4px;isolation:isolate;transition:transform .15s,box-shadow .15s}.un-card:before{content:'';position:absolute;inset:23px 8px;border:2px solid #ffffff55;border-radius:45% 45% 35% 35%;transform:rotate(25deg);z-index:-1}.un-card strong{font-size:40px;font-weight:950;line-height:1;text-shadow:2px 3px #0005;direction:ltr}.un-card small{font-size:9px;margin-top:8px;font-weight:700}.un-corner{position:absolute;top:4px;left:6px;font-size:14px;font-weight:900;direction:ltr}.un-corner.bottom{top:auto;left:auto;bottom:4px;right:6px;transform:rotate(180deg)}.un-r{--card:#d34051}.un-y{--card:#c08a16}.un-g{--card:#16856a}.un-b{--card:#2678c0}.un-w{--card:#202c41}.un-w:before{background:conic-gradient(#d34051 0 25%,#2678c0 0 50%,#16856a 0 75%,#e1ac34 0);opacity:.7;border:0}.un-table{width:min(1100px,100%);margin:auto;flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 0 10px;gap:10px}.un-opponents{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;flex-shrink:0}.un-player{position:relative;display:grid;grid-template-columns:32px 1fr;align-items:center;column-gap:8px;min-width:112px;max-width:175px;border:1px solid #ffffff20;border-radius:14px;background:#0b1827c9;padding:9px 12px}.un-player b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.un-player small{font-size:11px;color:#97abba}.un-avatar{grid-row:span 2;width:32px;height:32px;background:linear-gradient(135deg,#4b7187,#213c4e);border-radius:50%;display:grid;place-items:center;font-weight:800}.un-player.active{border-color:#f2ca7c;box-shadow:0 0 0 2px #d4b27525}.un-player.active:before{content:'';position:absolute;width:6px;height:6px;background:#efc976;border-radius:50%;left:6px;top:6px}.un-player.out{opacity:.5}.un-player em{position:absolute;bottom:-9px;left:8px;background:#c44454;padding:2px 7px;border-radius:7px;font-size:10px;font-style:normal}.un-arena{position:relative;flex:1;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:1px solid #adcabc20;border-radius:80px;background:radial-gradient(ellipse,#2c565250,#13373520 70%);box-shadow:inset 0 0 60px #0002}.un-table-mark{position:absolute;bottom:13%;font-size:26px;letter-spacing:4px;font-weight:900;opacity:.035;pointer-events:none}.un-status{text-align:center;z-index:1}.un-status h3{font-size:20px;margin:0 0 4px;color:#cad5dc}.un-status.your-turn h3{color:#f8d490}.un-status p{font-size:12px;color:#92aab7;margin:0}.un-piles{display:flex;direction:ltr;align-items:center;gap:30px;padding-bottom:14px}.un-deck{width:84px;height:126px;border:4px solid #e6daca;border-radius:13px;background:repeating-linear-gradient(45deg,#172135 0 4px,#23344a 4px 6px);color:#efd28d;box-shadow:-3px 3px #d0c6b5,-6px 6px #485968,0 12px 24px #0008;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.un-deck span{font-size:14px;font-weight:850}.un-deck b{font-size:35px}.un-deck small{font-size:9px}.un-discard{transform:rotate(6deg)}.un-color{display:grid;gap:5px;text-align:center;direction:rtl;min-width:75px}.un-color i{width:24px;height:24px;background:var(--card);border:3px solid #fff9;border-radius:50%;margin:auto;box-shadow:0 0 20px var(--card)}.un-color b{font-size:13px}.un-color small{font-size:10px;color:#a0b6c5}.un-hand-zone{padding:8px 0 0;flex-shrink:0;min-width:0}.un-hand-label{display:flex;align-items:center;gap:10px;padding:0 8px;font-size:13px}.un-hand-label b span{color:#ebc17c;padding-right:5px}.un-hand-label small{font-size:11px;flex:1;color:#9eb0bc}#unoRoot .un-quiet{padding:5px 10px;font-size:11px;color:#c0afad;border-color:#ffffff15;background:transparent}.un-hand{display:flex;justify-content:safe center;gap:8px;padding:18px 8px 10px;overflow-x:auto;max-width:100%;direction:ltr;scrollbar-color:#546878 transparent;scrollbar-width:thin}.un-hand .un-card{width:78px;height:116px}.un-hand .un-card strong{font-size:35px}#unoRoot .un-hand .un-card:disabled{opacity:.63}.un-hand .un-card.legal{box-shadow:0 0 0 2px #88dfbf,0 8px 15px #0009}.un-hand .un-card.selected{transform:translateY(-10px);box-shadow:0 0 0 3px #ffe1a1,0 10px 20px #000a}.un-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;min-height:46px}.un-actions button{font-size:12px!important}#unoRoot .un-uno{background:#8e2e49;border-color:#e57589}#unoRoot .un-uno.on{background:#236354;border-color:#8ad3b1}#unoRoot .un-catch{background:#8c4625;border-color:#eaae76}.un-result{text-align:center;z-index:1;padding:0 10px 10px}.un-result p{font-size:13px;color:#e2c78c;margin:0 0 10px}.un-result button{font-size:12px!important;margin:3px}.un-dialog-wrap{position:fixed;inset:0;background:#050c18cc;display:grid;place-items:center;padding:16px;z-index:2;backdrop-filter:blur(8px)}.un-color-dialog{background:#15273b;border:1px solid #b6c4c650;border-radius:22px;padding:24px;width:min(350px,100%);display:grid;gap:18px;text-align:center;box-shadow:0 25px 70px #000a}.un-color-dialog h3{margin:0}.un-color-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}#unoRoot .un-color-dialog [data-color]{background:var(--card);min-height:64px;border:2px solid #ffffff44}.un-rules{max-width:670px;margin:20px auto;padding:22px;background:#172b3a;border:1px solid #ffffff20;border-radius:20px;line-height:1.9;font-size:14px}.un-rules h2{color:#e9ca8e}.un-rules p{color:#ced8db}.un-error{background:#6a2c34;padding:9px;font-size:12px;border-radius:9px;width:min(1100px,100%);margin:8px auto}.game[data-game="uno"] .emoji{width:100%;height:100%;position:absolute;inset:0;background:url('/game/uno/cover.svg') center/cover no-repeat;color:transparent}
@media(max-width:600px){#unoRoot{padding-left:8px;padding-right:8px}.un-header{min-height:65px;gap:8px}.un-header h2{font-size:22px}.un-header button{font-size:12px!important;padding:9px 12px!important}.un-table{gap:14px;padding-top:12px}.un-player{min-width:88px;padding:7px;grid-template-columns:26px 1fr;column-gap:6px}.un-avatar{width:26px;height:26px;font-size:12px}.un-player b{font-size:10px}.un-player small{font-size:10px}.un-opponents{gap:6px}.un-arena{border-radius:45px;min-height:215px}.un-piles{gap:24px}.un-piles .un-card{width:78px;height:118px}.un-deck{width:75px;height:115px}.un-color{min-width:55px}.un-color small{max-width:60px}.un-hand{justify-content:flex-start}.un-hand-label{flex-wrap:wrap}.un-hand .un-card{width:73px;height:110px}.un-lobby{padding:20px 12px}.un-lobby h1{font-size:28px}.un-hand-label small{font-size:10px}.un-result{padding-bottom:4px}}
@media(orientation:landscape) and (max-height:600px){.un-header{min-height:47px}.un-header h2{font-size:19px}.un-header small{font-size:10px}.un-header button{padding:6px 12px!important;font-size:11px!important}.un-table{display:grid;grid-template-columns:130px 1fr;grid-template-rows:1fr auto;gap:6px 10px;padding:8px 0;min-height:0}.un-opponents{grid-column:1;grid-row:1 / 3;flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;overflow:auto;gap:7px}.un-player{min-width:0;width:100%;max-width:none;padding:7px}.un-arena{grid-column:2;grid-row:1;min-height:125px;flex-direction:row;gap:30px;border-radius:36px;padding:8px}.un-status{max-width:175px}.un-status h3{font-size:16px}.un-status p{font-size:10px}.un-piles{gap:20px;padding:0}.un-piles .un-card,.un-deck{width:62px;height:93px;border-width:3px}.un-piles .un-card strong{font-size:30px}.un-card small{font-size:8px}.un-deck b{font-size:26px}.un-color{min-width:55px}.un-hand-zone{grid-column:2;grid-row:2;padding:0}.un-hand{padding:12px 5px 5px;gap:7px}.un-hand .un-card{width:57px;height:84px;border-width:3px;border-radius:10px}.un-hand .un-card strong{font-size:27px}.un-hand .un-card small{display:none}.un-corner{font-size:10px;top:2px;left:4px}.un-corner.bottom{bottom:2px;right:4px}.un-hand .un-card:before{inset:16px 6px}.un-actions{min-height:31px;gap:5px}.un-actions button{padding:6px 9px!important;font-size:10px!important}.un-hand-label{font-size:11px}.un-hand-label small{font-size:10px}.un-result{max-width:240px;padding:0}.un-result p{margin-bottom:3px}.un-result button{padding:6px 10px!important}.un-lobby-wrap{padding:12px}.un-fan{height:95px}.un-fan .un-card{width:55px;height:83px}.un-fan .un-card strong{font-size:27px}.un-lobby{gap:10px}.un-lobby h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.un-card{transition:none}}

#unoRoot .un-header .un-clock{flex:0 0 64px;text-align:center;border:1px solid #f0cc7855;border-radius:12px;padding:5px 10px;background:#172e3a;display:flex;align-items:center;justify-content:center;gap:5px;direction:ltr}#unoRoot .un-clock b{font-size:22px;font-variant-numeric:tabular-nums;color:#f0ce87}#unoRoot .un-clock small{font-size:10px}#unoRoot .un-clock.urgent{background:#592936;border-color:#e2798d}#unoRoot .un-clock.urgent b{color:#ffc2cd}@media(orientation:landscape) and (max-height:600px){#unoRoot .un-header .un-clock{padding:2px 8px}#unoRoot .un-clock b{font-size:19px}}