@import url('/games/_assets/86e76e3e06b61d9346db/game-shell.css');
:root{--ink:#193e36;--muted:#6d7e74;--paper:#f7f4e9;--red:#e83140;--yellow:#efbe20;--green:#269c57;--blue:#237bd1;--line:#d9dfd2;font-family:Inter,"PingFang SC","Microsoft Yahei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dfaa32;outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-1.3px}button{transition:background .15s,transform .15s}.primary,.secondary,.quiet{border-radius:9px;padding:12px 17px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:650}.primary{background:var(--ink);color:#fff8e6}.primary:hover:not(:disabled){background:#286050}.secondary{background:#e5e9db;color:var(--ink);border:1px solid #cdd6c9}.quiet{background:transparent;color:var(--ink);padding:9px 12px;font-size:12px}.quiet:hover{background:#dde3d46b}.wide{width:100%;margin-top:12px}.eyebrow{display:block;font-size:9px;letter-spacing:2px;font-weight:750;line-height:1.5;color:var(--muted)}.muted{color:var(--muted);font-size:12px;line-height:1.9}.masthead{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:20px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-size:16px;font-weight:750}.brand img{width:67px;height:43px;transform:rotate(-5deg)}.brand small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:4px}.masthead nav{display:flex;align-items:center;gap:20px}#connection{font-size:10px;color:var(--muted)}#app{max-width:1560px;margin:auto;padding:34px 5vw 44px}.entry{min-height:680px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:6vw;align-items:center;padding:10px 0 40px}.hero h1{font-size:clamp(46px,5.5vw,78px);line-height:1.14;font-weight:750;margin:19px 0 24px}.hero h1 em{font-family:Arial,sans-serif;font-weight:950;letter-spacing:-6px;color:var(--red)}.hero p{font-size:15px;line-height:1.9;color:var(--muted)}.hero-meta{display:flex;gap:31px;font-size:10px;margin-top:28px}.hero-meta b{font-size:20px;margin-right:6px}.hero-art{position:relative;height:230px;margin-top:20px}.hero-card{position:absolute;width:124px;height:188px;top:28px;filter:drop-shadow(3px 12px 9px #14362a2b)}.hc-0{left:15px;transform:rotate(-24deg)}.hc-1{left:91px;top:12px;transform:rotate(-9deg)}.hc-2{left:173px;top:15px;transform:rotate(8deg)}.hc-3{left:251px;top:40px;transform:rotate(23deg)}.hero-stamp{position:absolute;right:10px;top:90px;font-size:9px;letter-spacing:2px;line-height:1.6;writing-mode:vertical-rl}.entry-panel{border:1px solid var(--line);border-radius:18px;background:#fffdf6;padding:36px;box-shadow:0 12px 50px #244b3520}.entry-panel h2{font-size:41px;line-height:1.12;margin:19px 0 25px}.mode-tabs{display:flex;background:#edf0e6;border-radius:8px;padding:4px;margin-bottom:22px}.mode-tabs button{flex:1;background:transparent;padding:12px;border-radius:6px;font-size:12px;color:var(--muted)}.mode-tabs [aria-pressed=true]{background:#fffef8;color:var(--ink);box-shadow:0 2px 5px #173b3317}.entry-panel label{display:block;font-size:12px;font-weight:650;margin:17px 0 8px}input:not([type=checkbox]){border:1px solid #ccd4c8;border-radius:8px;background:#fffef8;padding:13px;width:100%;color:var(--ink);min-width:0}input::placeholder{color:#a1aa9b}.edition{display:flex;gap:18px;align-items:center;background:#f1f0e6;padding:18px 14px;border-radius:8px;font-size:13px;margin:19px 0 8px}.edition small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}.four-dots{font-size:19px;letter-spacing:-3px;background:linear-gradient(90deg,var(--red) 25%,var(--yellow) 25% 50%,var(--green) 50% 75%,var(--blue) 75%);background-clip:text;color:transparent}.entry-panel .muted{margin:18px 0}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.room-heading h1{font-size:29px;margin-top:8px}.room-code{background:#fffdf6;border:1px solid var(--line);border-radius:9px;padding:10px 16px;text-align:left;color:var(--ink);flex-shrink:0}.room-code small{font-size:9px;display:block;color:var(--muted)}.room-code strong{display:block;font-size:22px;letter-spacing:2px;margin-top:3px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}.seats{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.seat{padding:20px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:15px;background:#fffdf6;position:relative}.seat h3{font-size:14px;margin-bottom:5px}.seat small{font-size:9px;color:var(--muted)}.seat span:not(.avatar){font-size:11px;color:var(--muted)}.seat.empty{border-style:dashed;background:transparent;opacity:.5}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:750;flex-shrink:0;color:#fff}.av-0{background:#c85250}.av-1{background:#c79728}.av-2{background:#47866c}.av-3{background:#517ca1}.status-dot{width:6px;height:6px;background:#bcc4b8;border-radius:50%;margin-left:auto}.status-dot.online{background:#458566}.lobby-note{padding:27px;border-radius:14px;background:#e9eddc}.lobby-note img{width:70px}.lobby-note h2{font-size:32px;margin:20px 0 15px}.lobby-note p{font-size:12px;line-height:1.9;color:var(--muted)}.seat-count{font-size:42px;display:block;margin-top:17px}.seat-count small{font-size:13px;font-weight:400}.opponents{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.opponent{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:11px 14px;background:#fffdf6;position:relative;flex:1;min-width:185px;max-width:300px}.opponent.active{border-color:#c9a449;background:#fcf5dd;box-shadow:0 0 0 2px #dec57d30}.opponent .avatar{width:33px;height:33px;font-size:13px}.opponent h3{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:120px}.opponent h3 small{font-size:9px;color:var(--muted)}.opponent div>span{font-size:9px;color:var(--muted)}.hand-count{font-size:24px;margin-left:auto;white-space:nowrap}.hand-count small{font-size:9px;font-weight:400;margin-left:3px}.hand-count.last{color:var(--red)}.uno-badge{position:absolute;right:6px;top:-6px;color:#fff;background:var(--red);border-radius:3px;font-size:8px;padding:2px 4px;font-style:italic}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.table-column{min-width:0}.felt{height:325px;border-radius:20px;background-color:#185747;background-image:radial-gradient(ellipse at center,#286b55,#123f37),url('/games/_assets/ea3f135b17199a5acbf5/crest.svg');color:#cee0cc;box-shadow:inset 0 0 0 1px #fff1,inset 0 0 70px #082c3444,0 8px 24px #193b2c15;border:8px solid #153d34;position:relative;overflow:hidden}.felt:before{content:'';position:absolute;inset:17px;border:1px solid #ccce9b2b;border-radius:75px;pointer-events:none}.table-topline,.table-bottomline{display:flex;justify-content:space-between;position:absolute;left:27px;right:27px;font-size:8px;letter-spacing:1.6px;color:#d5e3bc90}.table-topline{top:18px}.table-bottomline{bottom:17px;letter-spacing:1px}.turn-direction{color:#f6df95}.piles{height:100%;display:flex;align-items:center;justify-content:center;gap:31px;padding-top:7px}.pile-group>span{display:block;text-align:center;font-size:10px;letter-spacing:1px;margin-top:16px;color:#d7e3d1b3}.draw-stack,.discard-stack{width:102px;height:155px;transform:rotate(-6deg);box-shadow:2px 2px #e2e0d6,4px 4px #555b4a,6px 6px #e2e0d6;border-radius:10px}.discard-stack{transform:rotate(8deg);box-shadow:1px 2px #e2e0d6,4px 4px #132f2655}.center-mark{display:flex;align-items:center;flex-direction:column;gap:10px}.center-mark small{font-size:10px;letter-spacing:1px}.color-dot{width:26px;height:26px;border:3px solid #f1efdb;border-radius:50%;box-shadow:0 2px 8px #0004}.red{--card:#e83240}.yellow{--card:#ebc120}.green{--card:#299855}.blue{--card:#287ece}.wild{--card:#171820}.color-dot,.color-choice{background:var(--card)}.ink-red{color:#dc3847}.ink-yellow{color:#a47b05}.ink-green{color:#278955}.ink-blue{color:#2d77bc}.uno-card{padding:5px;border:1px solid #e0dfd1;border-radius:10px;background:#fffef3;aspect-ratio:100/152;width:100%;height:100%;position:relative;display:block;box-shadow:0 4px 6px #0a2b3620;user-select:none;-webkit-user-select:none;touch-action:pan-y;container-type:inline-size;text-decoration:none;overflow:hidden}.card-inner{background:var(--card,#15181b);display:block;width:100%;height:100%;border-radius:6px;position:relative;overflow:hidden;border:1px solid #0001}.oval{position:absolute;width:105%;height:79%;left:-2.5%;top:10.5%;border-radius:50%;background:#fffef4;transform:rotate(29deg);box-shadow:0 0 0 1px #fff2}.face{position:absolute;inset:0;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:900;font-size:70cqw;letter-spacing:-5cqw;color:var(--card);transform:rotate(-10deg);text-shadow:1px 2px #14292c,2px 3px #14292c}.corner{position:absolute;left:5%;top:4%;font:bold 23cqw/1 Arial,sans-serif;color:#fffef5;z-index:2;letter-spacing:-1cqw;text-shadow:1px 1px #132f3555}.corner.bottom{left:auto;top:auto;right:5%;bottom:4%;transform:rotate(180deg)}.yellow .corner{color:#fffdf3;text-shadow:1px 1px #7d691b}.back .oval{background:#e62e3b;transform:rotate(28deg);width:103%;height:74%;top:13%}.uno-word{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-20deg);font:italic 950 48cqw Arial,sans-serif;letter-spacing:-5cqw;color:#ffe237;text-shadow:1px 2px #fff,2px 3px #131820}.wild .oval{background:#f8f5e9}.wild .face{font-size:55cqw;color:#fff;z-index:1;text-shadow:2px 2px #171820,-1px -1px #171820}.wild .face.star{opacity:0}.quadrants{position:absolute;inset:22% 10%;transform:rotate(25deg);border-radius:50%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.quadrants i:nth-child(1){background:var(--red)}.quadrants i:nth-child(2){background:var(--blue)}.quadrants i:nth-child(3){background:var(--yellow)}.quadrants i:nth-child(4){background:var(--green)}.decision{background:#fffdf6;border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0;position:sticky;top:20px}.decision h2{font-size:27px;line-height:1.3;margin:14px 0}.decision p{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0}.decision>small{font-size:10px;line-height:1.7;color:var(--muted);display:block;margin:10px 0}.selected-preview{display:flex;align-items:center;gap:15px;margin:16px 0}.selected-preview .uno-card{width:68px;height:104px;flex-shrink:0;transform:rotate(-5deg)}.selected-preview b{font-size:14px}.selected-preview small{display:block;font-size:10px;color:var(--muted);margin-top:8px;line-height:1.5}.color-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:15px 0}.color-choice{border:2px solid transparent;border-radius:8px;height:45px;color:#fff;font-size:11px;font-weight:700;box-shadow:0 3px 0 #0002}.color-choice.yellow{color:#574821}.color-choice.chosen{outline:2px solid var(--ink);outline-offset:2px}.color-choice span{display:block}.uno-check{display:flex;align-items:center;gap:6px;font-size:12px;flex-wrap:wrap;margin:17px 0}.uno-check input{accent-color:var(--red);width:18px;height:18px}.uno-check small{font-size:9px;margin-left:26px;color:var(--muted)}.uno-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px;background:#fde2d7;border:1px solid #e8b4a3;border-radius:9px;margin-bottom:16px;font-size:12px;color:#8e3833}.uno-button{background:#bd3e3e;color:#fff;border-radius:7px;padding:11px 15px;min-height:44px;font-weight:700;white-space:nowrap}.hand-section{margin-top:26px;position:relative}.hand-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.hand-heading h2{font-size:17px;letter-spacing:0}.hand-heading h2 b{margin-left:7px;background:var(--ink);color:#fff8e6;padding:2px 7px;border-radius:5px;font-size:12px}.hand-heading small{font-size:9px;color:var(--muted);display:block;margin-top:7px}.hand{position:relative;isolation:isolate;margin-top:15px;touch-action:pan-y}.hand:not(.expanded)>.uno-card{position:absolute;left:var(--x);top:var(--y);width:var(--cw);height:auto;z-index:var(--z);transform:translateY(var(--lift,0px)) rotate(var(--angle));transform-origin:50% 100%;transition:transform .16s,box-shadow .16s;border-width:2px;cursor:pointer;box-shadow:-3px 4px 7px #193e3630}.hand>.uno-card.legal{border-color:#e8c157}.hand>.uno-card.selected,.hand>.uno-card.previewing{--lift:-21px;z-index:130!important;box-shadow:0 0 0 3px #f2c65a,0 10px 16px #173b3345}.hand>.uno-card.just-drawn:after{content:'新';position:absolute;bottom:6px;left:6px;background:#fff5c0;color:#3e4f33;font-size:8px;padding:3px;border-radius:3px;z-index:4}.hand-access{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:2px}.hand-access span{font-size:10px;color:var(--muted);text-align:center;min-width:0}.hand-access button{white-space:nowrap;font-size:10px}.hand.expanded{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:13px;padding:16px 4px}.hand.expanded>.uno-card{height:auto;aspect-ratio:100/152;max-width:104px;transition:transform .16s}.hand.expanded>.uno-card.selected{transform:translateY(-7px)}.fan-preview{position:absolute;z-index:200;left:50%;top:-160px;width:100px;height:152px;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 10px 16px #173b3355)}.fan-preview .uno-card{border:2px solid #e6be59}.log{border-top:1px solid var(--line);margin-top:29px;padding-top:18px;font-size:12px}.log summary{cursor:pointer;font-weight:650}.log summary span{float:right;font-size:10px;color:var(--muted)}.log ol{color:var(--muted);font-size:11px;line-height:2.1;padding-left:20px;margin-top:15px}.result{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:38px;background:#e7eddf;border-radius:16px}.result h2{font-size:38px;line-height:1.25;margin:15px 0}.earned{font-size:66px;letter-spacing:-3px;color:#267057;font-weight:800}.earned small{display:block;font-size:11px;letter-spacing:0;font-weight:400}.result p{font-size:13px;color:var(--muted);margin:14px 0 22px}.scoreboard article{display:flex;align-items:center;gap:15px;padding:16px;border-bottom:1px solid #cdd7c6}.scoreboard article>span{font-size:11px;color:var(--muted)}.scoreboard h3{font-size:14px}.scoreboard b{margin-left:auto;font-size:28px}.scoreboard small{font-size:10px;font-weight:400;margin-left:4px}.revealed{margin-top:28px}.revealed h2{font-size:20px;margin-bottom:20px}.revealed h3{font-size:13px;margin:20px 0 12px}.revealed h3 small{font-size:10px;color:var(--muted)}.evidence{display:flex;flex-wrap:wrap;gap:7px}.evidence .uno-card{width:49px;height:75px;flex-shrink:0;padding:3px;border-radius:5px}.evidence .card-inner{border-radius:3px}.evidence span{font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);padding:28px;width:min(640px,calc(100vw - 28px));max-height:85dvh;overflow:auto;box-shadow:0 24px 80px #081e3d44}dialog::backdrop{background:#06271ecc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-heading h2{font-size:27px;margin-top:7px}.dialog-heading button{background:#e3e7d9;color:var(--ink);border-radius:50%;font-size:24px;width:38px;height:38px;flex-shrink:0}.rules{font-size:13px;line-height:1.9}.rules ol{padding-left:22px}.rules li{margin:16px 0}.credits{color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:19px}.invite-row{display:flex;gap:8px;margin:15px 0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#143d34;color:#fffbea;border:1px solid #678775;border-radius:9px;box-shadow:0 8px 28px #0003;padding:13px 20px;max-width:calc(100vw - 30px);font-size:12px;z-index:2000;opacity:0;pointer-events:none;transition:.2s;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(hover:hover){.hand>.uno-card:hover{--lift:-25px;z-index:140!important;box-shadow:0 0 0 2px #e6c270,0 12px 22px #173b3344}}
@media(min-width:1400px){.felt{height:375px}.draw-stack,.discard-stack{width:117px;height:178px}.play-layout{grid-template-columns:minmax(0,1fr) 330px}.decision{padding:28px}.decision h2{font-size:29px}}
@media(max-width:1000px){#app{padding:27px 3vw}.masthead{padding:0 3vw}.play-layout{gap:17px;grid-template-columns:minmax(0,1fr) 270px}.decision{padding:20px}.entry{gap:4vw}.hero-stamp{display:none}.hero-art{transform:scale(.88);transform-origin:left center}.entry-panel{padding:27px}.opponent{min-width:165px}.lobby-layout{gap:20px;grid-template-columns:1fr 285px}.seat{padding:16px;gap:10px}}
@media(max-width:760px){.masthead{height:65px;padding:0 18px;gap:10px}.masthead nav{gap:2px}.brand img{width:54px;height:35px}.brand{gap:8px;font-size:13px}.brand small{font-size:6px}.masthead #connection{display:none}#app{padding:23px 16px 35px}.entry{display:flex;flex-direction:column;gap:24px;padding-top:6px;align-items:stretch}.hero h1{font-size:53px;margin:15px 0}.hero .eyebrow{font-size:8px}.hero p{font-size:13px}.hero-meta{gap:23px;margin-top:18px}.hero-meta b{font-size:18px}.hero-art{height:208px;transform:scale(.85);margin-top:0}.entry-panel{padding:27px;border-radius:14px}.entry-panel h2{font-size:34px}.room-heading h1{font-size:23px}.room-heading .eyebrow{font-size:7px;letter-spacing:1px}.room-heading{gap:10px;margin-bottom:20px}.room-code{padding:8px 11px}.room-code strong{font-size:19px}.room-code small{font-size:8px}.lobby-layout{grid-template-columns:1fr}.seats{gap:8px}.seat{padding:14px 10px;gap:8px}.seat .avatar{width:32px;height:32px;font-size:13px}.seat h3{font-size:12px}.seat span:not(.avatar){font-size:9px}.lobby-note{padding:24px}.lobby-note img{float:right}.lobby-note h2{margin-top:0}.opponents{gap:7px;margin-bottom:13px}.opponent{min-width:140px;max-width:none;padding:9px 10px;gap:8px}.opponent .avatar{width:28px;height:28px;font-size:12px}.opponent h3{font-size:11px;max-width:90px}.opponent div>span{font-size:8px}.hand-count{font-size:21px}.play-layout{display:flex;flex-direction:column;gap:19px}.table-column{width:100%}.felt{height:255px;border-width:6px;border-radius:15px}.felt:before{inset:14px;border-radius:50px}.table-topline,.table-bottomline{left:17px;right:17px;font-size:6px;letter-spacing:1px}.table-topline{top:14px}.table-bottomline{bottom:12px}.piles{gap:23px;padding-top:9px}.draw-stack,.discard-stack{width:80px;height:122px;border-radius:8px}.pile-group>span{font-size:8px;margin-top:13px;letter-spacing:0}.center-mark{gap:8px}.center-mark small{font-size:8px}.color-dot{width:21px;height:21px;border-width:2px}.decision{position:static;width:100%;padding:21px;border-radius:12px;display:block}.decision h2{font-size:24px;margin:11px 0}.decision p{font-size:12px;margin:9px 0}.decision .selected-preview{float:left;margin:4px 17px 10px 0;max-width:52%}.selected-preview .uno-card{width:54px;height:82px}.selected-preview>div{display:none}.decision .color-choices{margin:12px 0}.decision .wide{clear:both}.uno-alert{padding:10px 11px;font-size:11px;align-items:center}.uno-alert>span{line-height:1.6}.uno-button{padding:9px 10px;font-size:11px}.hand-section{margin-top:21px}.hand-heading h2{font-size:16px}.hand-heading small{font-size:8px;max-width:230px;line-height:1.6}.hand-heading .quiet{font-size:10px;padding:7px 9px}.hand{margin-top:13px}.hand-access{margin-top:0;gap:0}.hand-access span{font-size:9px;flex:1}.hand-access button{font-size:9px;padding:8px 5px}.hand.expanded{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px;padding:10px 3px}.fan-preview{top:-135px;width:80px;height:122px}.result{grid-template-columns:1fr;padding:25px;gap:20px}.result h2{font-size:32px}.scoreboard article{padding:12px 5px}.result .earned{font-size:57px}.log{margin-top:22px}dialog{padding:23px}.dialog-heading h2{font-size:23px}.rules{font-size:12px}.uno-card{padding:4px;border-radius:8px}.card-inner{border-radius:4px}.evidence .uno-card{width:48px;height:73px}.credits{font-size:9px}.invite-row{flex-direction:column}}
@media(max-width:360px){.hero-art{transform:scale(.75);height:186px}.hero h1{font-size:47px}.hero-meta{gap:17px}.hero-meta b{font-size:16px}.room-heading h1{font-size:20px}.room-code small{font-size:7px}.opponent{min-width:132px}.piles{gap:17px}.draw-stack,.discard-stack{width:72px;height:110px}.hand-heading small{max-width:188px}.hand-access button{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.mobile-selection{display:none}@media(max-width:760px){body:has(.mobile-selection){padding-bottom:calc(84px + env(safe-area-inset-bottom))}.mobile-selection{position:fixed;bottom:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px calc(11px + env(safe-area-inset-bottom));background:#fffdf3f5;border-top:1px solid #cbd5c3;box-shadow:0 -5px 24px #193e3620;backdrop-filter:blur(10px)}.mobile-selection span{min-width:0}.mobile-selection small{display:block;font-size:8px;color:var(--muted);margin-bottom:3px}.mobile-selection b{font-size:13px}.mobile-selection .primary{padding:10px 16px;font-size:12px}}

.bg-moments .uno-card{width:92px;height:140px;position:relative;margin:0;--cw:92px;--ch:140px;cursor:default}.bg-moments .uno-moment-cards{max-height:45vh;overflow:auto;padding:8px}
.bm-table-piece .uno-card{position:relative;width:100%;height:100%;margin:0;transform:none!important;opacity:1}.bm-table-piece .uno-card .face{font-size:55px}.bm-table-piece .uno-card .uno-word{font-size:38px}
/* A small fan at each original seat, never a separate results page. */
.opponent{flex-wrap:wrap}.uno-scoring{flex-basis:100%;width:100%;min-width:0;display:flex;flex-wrap:wrap;gap:5px 12px;font-size:11px}.uno-scoring>b{margin-left:auto}.uno-score-fan{width:100%;min-height:6px;display:flex;align-items:center;overflow-x:auto;padding:6px 2px;gap:4px}.uno-score-fan:empty{padding:0}.uno-score-fan .uno-card{width:42px;height:64px;min-width:42px;padding:3px;border-radius:5px}.uno-score-fan .card-inner{border-radius:3px}.uno-counted-card{flex:none;text-align:center;font-size:10px}.uno-counted-card .uno-card{transform:rotate(-3deg);transform-origin:50% 100%}.uno-counted-card:nth-child(even) .uno-card{transform:rotate(3deg)}.uno-points-token{display:grid;place-items:center;border-radius:50%;background:#f0cb5b;color:#183d30;font-weight:800;min-width:32px;height:32px}