.party-game .uno-shell{--uno-red:#df3e43;--uno-yellow:#f3c443;--uno-green:#199b6b;--uno-blue:#227cdb;--uno-ink:#153d45;--uno-step:32px;--uno-card-w:53px;--uno-card-h:78px;max-width:1020px;margin:auto;color:var(--uno-ink);min-width:0;font-family:inherit}
.uno-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:5px 8px 8px}.uno-heading h2{font-size:17px;line-height:1.3;margin:0;font-weight:850;overflow-wrap:anywhere}.uno-direction{display:grid;place-items:center;width:29px;height:29px;border:1px solid #c9dbd9;border-radius:50%;font-size:27px;font-weight:800;color:#2b7875;flex:none;line-height:1}
.uno-arena{position:relative;box-sizing:border-box;height:236px;min-width:0;border-radius:28px;border:1px solid #164d58;background:radial-gradient(ellipse at 50% 40%,#226979,#114b59 73%);box-shadow:inset 0 0 0 6px #ffffff09,inset 0 0 0 7px #89d1c724,0 4px 14px #143e4320;isolation:isolate}
.uno-arena:before{content:'';position:absolute;inset:25px 45px;border:1px dashed #b0e1d321;border-radius:50%;pointer-events:none}
.uno-seat{position:absolute;left:var(--uno-x);top:var(--uno-y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;box-sizing:border-box;width:100px;min-height:39px;padding:5px 6px;border-radius:12px;border:2px solid #ffffff24;background:#f8fffb;color:#174350;box-shadow:0 2px 5px #062a3c24;z-index:2;direction:ltr}
.uno-seat.uno-current{border-color:#f04343;box-shadow:0 0 0 2px #ffaaaa68,0 4px 12px #072f3999}.uno-seat.uno-self{background:#e3f6ef}.uno-avatar{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:8px;background:#dae9e4;color:#285f61;font-size:13px;font-weight:850}.uno-seat-details{min-width:0;flex:1}.uno-seat-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;line-height:1.35}.uno-count{display:grid;place-items:center;min-width:15px;height:24px;box-sizing:border-box;padding:1px 2px;background:repeating-linear-gradient(45deg,#0c5f70,#0c5f70 2px,#197283 2px,#197283 4px);border:1px solid white;border-radius:3px;outline:1px solid #a8cbc7;color:white;font-size:11px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;flex:none}.uno-declared{position:absolute;inset:auto auto calc(100% - 3px) 50%;transform:translateX(-50%);background:#f5c54b;color:#353e34;border:1px solid #fff8d7;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:900;letter-spacing:.7px}.uno-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:19px;direction:ltr}.uno-stock{position:relative;display:block;background:none!important;border:0!important;padding:0!important;cursor:pointer;border-radius:8px;flex:none;font:inherit}.uno-stock:disabled{opacity:1!important;cursor:default}.uno-stock .uno-card{box-shadow:2px 2px 0 #d8e8dd,4px 4px 0 #426d6b,0 5px 10px #002d3b60}.uno-stock small{position:absolute;bottom:-20px;left:0;right:0;color:#d2eeec;font-size:10px;text-align:center}.uno-discard{display:flex;transform:rotate(6deg);filter:drop-shadow(0 5px 7px #002d3b50)}.uno-current-color{position:absolute;right:-17px;bottom:-12px;width:25px;height:25px;display:grid;place-items:center;border:2px solid #f7fff9;border-radius:50%;font-size:15px;font-weight:900;box-shadow:0 2px 5px #05384550;transform:rotate(0);color:#fff}.uno-current-color.uno-yellow{color:#5c4510}.uno-notice{position:absolute;top:calc(46% + 63px);left:24%;right:24%;font-size:10px;line-height:1.35;text-align:center;color:#e2f3e8;pointer-events:none;overflow-wrap:anywhere;max-height:30px;overflow:hidden}
.uno-card{box-sizing:border-box;position:relative;display:inline-block;flex:none;width:var(--uno-card-w,53px);height:var(--uno-card-h,78px);border:3px solid #fffdf1;border-radius:7px;color:#fff;background:#14515d;box-shadow:0 2px 1px #083d4940;vertical-align:middle;overflow:hidden;direction:ltr;user-select:none}
.uno-red{background-color:var(--uno-red,#df3e43)}.uno-yellow{background-color:var(--uno-yellow,#f3c443)}.uno-green{background-color:var(--uno-green,#199b6b)}.uno-blue{background-color:var(--uno-blue,#227cdb)}.uno-card.uno-yellow{color:#4d3a0a}.uno-card:before{content:'';position:absolute;inset:0;background:linear-gradient(132deg,#ffffff16 0%,#ffffff16 42%,transparent 43%,transparent 65%,#071a2710 66%);pointer-events:none}.uno-index{position:absolute;top:2px;left:3px;font-size:14px;line-height:1.1;font-weight:900;letter-spacing:-.8px;z-index:2;pointer-events:none}.uno-index-bottom{top:auto;left:auto;right:3px;bottom:2px;transform:rotate(180deg)}.uno-card-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62%;height:54%;border:1px solid #ffffff5c;border-radius:10px;transform:translate(-50%,-50%) rotate(12deg);font-size:26px;line-height:1;font-weight:900;letter-spacing:-1px;background:#10293818;pointer-events:none}.uno-color-mark{position:absolute;bottom:2px;left:3px;font-style:normal;font-size:8px;line-height:1;pointer-events:none}.uno-card.uno-wild{background:#233447}.uno-wild .uno-card-core{font-size:23px;border:2px solid #f9fff7;background:conic-gradient(#e4454b 0deg 90deg,#f2cc4f 90deg 180deg,#209c6a 180deg 270deg,#2885df 270deg);text-shadow:0 1px 4px #071e3b}.uno-card.uno-back{background:repeating-linear-gradient(45deg,#174b61,#174b61 4px,#215d6c 4px,#215d6c 8px)}.uno-back .uno-index{display:none}.uno-back .uno-card-core{width:50%;height:44%;font-size:22px;border:2px solid #a9dcd2;transform:translate(-50%,-50%) rotate(45deg);color:#b7e2d9;background:#13485b}.uno-back .uno-card-core:first-letter{transform:rotate(-45deg)}
.uno-hand{margin-top:9px;padding:8px 10px 9px;border:1px solid #cbded7;background:#fbfdf5;border-radius:15px;min-width:0}.uno-hand-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:17px}.uno-hand-heading h3{margin:0;font-size:12px;color:#3f6867}.uno-uno-ready{font-size:10px;color:#a35a18;font-weight:800}.uno-hand-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#9abdb4 transparent;direction:ltr;padding:12px 4px 7px;min-width:0}.uno-hand-cards{display:flex;align-items:flex-end;width:max-content;padding-right:calc(var(--uno-card-w) - var(--uno-step));min-height:var(--uno-card-h)}.uno-hand-card{position:relative;display:block;flex:none;box-sizing:border-box;width:var(--uno-step);height:var(--uno-card-h);background:none!important;border:0!important;padding:0!important;margin:0;appearance:none;text-align:left;cursor:pointer;transition:transform .14s;isolation:initial;border-radius:7px}.uno-hand-card .uno-card{pointer-events:none;transition:filter .14s}.uno-hand-card:disabled{opacity:1;cursor:default}.uno-hand-card:disabled .uno-card{filter:saturate(.45) brightness(.9)}.uno-hand-card:not(.uno-playable):enabled .uno-card{filter:saturate(.6) brightness(.88)}.uno-hand-card.uno-playable .uno-card{box-shadow:0 0 0 1px #8fc696,0 3px 5px #294d3824}.uno-hand-card.uno-selected{transform:translateY(-8px);z-index:3}.uno-selected .uno-card{outline:3px solid #ed6e49;outline-offset:1px;box-shadow:0 5px 10px #793d3e3d;filter:none!important}.uno-hand-card:focus-visible{outline:0}.uno-hand-card:focus-visible .uno-card{outline:3px solid #e87245;outline-offset:1px}.uno-hand-card.uno-moved{visibility:hidden}
.uno-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:4px;padding-top:7px;border-top:1px solid #d5e5d8}.uno-main-actions{display:flex;gap:13px;min-width:0;flex-wrap:wrap}.uno-actions button,.uno-challenge-actions button,.uno-catches button{appearance:none;box-sizing:border-box;min-height:37px;border:1px solid #b8ceca;border-radius:9px;padding:7px 13px;background:#fff;color:#28575d;font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer}.uno-actions button.uno-primary{background:#166c71;border-color:#166c71;color:#fff;min-width:76px}.uno-actions button.uno-call{background:#f5cf57;color:#5b4310;border-color:#d9b445;font-weight:900;white-space:nowrap}.uno-actions button:disabled,.uno-challenge-actions button:disabled,.uno-catches button:disabled,.uno-color-option:disabled{opacity:.4;cursor:default}.uno-actions button.uno-pass{margin-inline-start:9px}.uno-actions button:focus-visible,.uno-challenge-actions button:focus-visible,.uno-catches button:focus-visible,.uno-color-option:focus-visible,.uno-stock:focus-visible{outline:3px solid #e97843;outline-offset:3px}.uno-color-picker{display:flex;gap:9px;justify-content:center;align-items:center;padding:5px 0 8px;direction:ltr}.uno-color-option{appearance:none;box-sizing:border-box;width:39px;height:35px;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 1px #b2cbc6;color:white;font-size:20px;font-weight:900;cursor:pointer}.uno-color-option.uno-yellow{color:#574315}.uno-color-option.uno-picked{outline:3px solid #143e4d;outline-offset:2px}.uno-state-hint,.uno-scroll-hint,.uno-bluff-hint{font-size:10px;line-height:1.4;margin:3px 0;color:#5e7c75}.uno-state-hint{text-align:center}.uno-bluff-hint{color:#a05e31}.uno-scroll-hint{margin-top:0}.uno-challenge{border:1px solid #e7b987;border-radius:11px;background:#fff6df;padding:8px 10px;margin-top:8px}.uno-challenge p{margin:0 0 6px;font-size:11px;line-height:1.5}.uno-challenge-actions{display:flex;justify-content:center;gap:17px}.uno-challenge-actions button{min-height:35px;padding-block:6px}.uno-challenge-actions .uno-danger,.uno-catches .uno-danger{border-color:#d76b57;color:#a63a2f}.uno-catches{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.uno-catches button{font-size:11px;min-height:32px;padding:6px 9px}.uno-evidence{margin-top:6px;padding:5px 8px;border:1px solid #cbded7;border-radius:9px;background:#fafcf5;font-size:11px}.uno-evidence summary{cursor:pointer;color:#395f59;font-weight:750}.uno-evidence p{margin:7px 0}.uno-evidence-cards{display:flex;flex-wrap:wrap;gap:3px;--uno-card-w:33px;--uno-card-h:49px}.uno-evidence-cards .uno-index{font-size:9px}.uno-evidence-cards .uno-card-core{font-size:15px}.uno-evidence-cards .uno-color-mark{font-size:6px}.uno-result{display:flex;flex-wrap:wrap;gap:6px 13px;padding:10px;font-size:11px}.uno-result b{color:#a17421}.uno-result span{color:#4f756e}
.party-game .uno-hand-card.uno-selected{transform:translateY(-8px)}.party-game .uno-hand-card:enabled:hover:not(.uno-selected){transform:none}.party-game .uno-color-option.uno-red{background:var(--uno-red)}.party-game .uno-color-option.uno-yellow{background:var(--uno-yellow)}.party-game .uno-color-option.uno-green{background:var(--uno-green)}.party-game .uno-color-option.uno-blue{background:var(--uno-blue)}
.uno-flight{position:fixed!important;z-index:1000!important;pointer-events:none!important;--uno-card-w:44px;--uno-card-h:64px;box-shadow:0 7px 15px #103b4e44!important;direction:ltr}.uno-acting{outline:2px solid #ffd979;outline-offset:3px}.uno-target{outline:2px solid #ff9369;outline-offset:3px}.uno-animating .uno-heading h2{color:#bf6543}
@media(min-width:720px){.uno-shell[data-players='2'] .uno-arena{height:218px}.uno-shell[data-players='2'] .uno-seat{width:130px}.uno-shell[data-players='3'] .uno-arena,.uno-shell[data-players='4'] .uno-arena{height:220px}.uno-shell[data-players='8'] .uno-seat,.uno-shell[data-players='9'] .uno-seat,.uno-shell[data-players='10'] .uno-seat{width:91px}}
@media(max-width:700px){.party-game .uno-shell{--uno-step:27px;--uno-card-w:44px;--uno-card-h:65px}.uno-heading{padding:3px 4px 7px}.uno-heading h2{font-size:14px}.uno-direction{width:23px;height:23px;font-size:23px}.uno-arena{height:209px;border-radius:22px}.uno-arena:before{inset:27px 24px}.uno-seat{width:65px;min-height:33px;padding:4px 3px;gap:3px;border-radius:9px}.uno-avatar{width:18px;height:20px;border-radius:6px;font-size:11px}.uno-seat-name{font-size:8px;line-height:1.4}.uno-count{font-size:10px;min-width:13px;height:20px;padding-inline:1px}.uno-center{gap:16px}.uno-notice{font-size:9px;top:calc(46% + 55px);left:23%;right:23%}.uno-current-color{width:21px;height:21px;font-size:12px;right:-12px;bottom:-10px}.uno-card{border-width:2px;border-radius:6px}.uno-index{font-size:12px;left:2px;top:2px}.uno-index-bottom{left:auto;top:auto;right:2px;bottom:2px}.uno-card-core{font-size:23px;border-radius:8px}.uno-wild .uno-card-core{font-size:20px}.uno-color-mark{left:2px;font-size:7px}.uno-hand{padding:6px 6px 7px;margin-top:7px;border-radius:12px}.uno-hand-heading h3{font-size:11px}.uno-actions{gap:9px;padding-top:6px;margin-top:3px}.uno-actions button{font-size:11px;padding:7px 9px;min-height:36px}.uno-actions button.uno-primary{min-width:61px}.uno-main-actions{gap:10px}.uno-actions button.uno-pass{margin-inline-start:7px}.uno-color-picker{gap:10px;padding-block:4px 7px}.uno-color-option{width:36px;height:32px;font-size:18px}.uno-challenge{padding:6px 8px;margin-top:6px}.uno-challenge p{font-size:10px}.uno-challenge-actions button{font-size:11px;min-height:33px}.uno-state-hint,.uno-scroll-hint,.uno-bluff-hint{font-size:9px}}
@media(max-width:370px){.party-game .uno-shell{--uno-step:25px;--uno-card-w:41px;--uno-card-h:61px}.uno-seat{width:56px;gap:2px;padding-inline:2px}.uno-avatar{width:16px;height:18px;font-size:10px}.uno-seat-name{font-size:7px}.uno-count{font-size:9px;min-width:11px;height:18px}.uno-center{gap:13px}.uno-arena{height:202px}.uno-card-core{font-size:21px}.uno-wild .uno-card-core{font-size:18px}.uno-index{font-size:11px}.uno-actions button{padding-inline:7px;font-size:10px}.uno-main-actions{gap:9px}.uno-heading h2{font-size:13px}}
@media(prefers-reduced-motion:reduce){.uno-hand-card,.uno-hand-card .uno-card{transition:none}.uno-flight{display:none}}