:root{--card-w: 92px;--card-h: 138px;--felt-1: #12365f;--felt-2: #0a2038;--gold: #f5b301;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:#06111f;font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1600px;perspective-origin:50% 42%;--card-w: clamp(98px, 7vw, 138px);--card-h: calc(var(--card-w) * 1.5)}.card{position:relative;width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;will-change:transform}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.1,.2,1)}.card-face,.card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:11px;overflow:hidden;box-shadow:0 6px 14px #00000073,0 1px 2px #0009}.card-back,.card.flipped .card-inner{transform:rotateY(180deg)}.card-svg{display:block;width:100%;height:100%}.card.playable{cursor:pointer}.card.playable:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:13px;box-shadow:0 0 0 2px #f5dc5ae6,0 0 18px 3px #f5dc5a8c;pointer-events:none;animation:pulseGlow 1.4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.55}50%{opacity:1}}.card.dimmed{filter:brightness(.62) saturate(.85)}.card.dark-side:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:13px;box-shadow:0 0 0 2px #966ef099,0 0 18px 3px #6e46c880;pointer-events:none;z-index:1}.hand-layer{position:absolute;left:0;right:0;bottom:0;height:250px;z-index:40;pointer-events:none}.hand-fan{position:absolute;left:50%;bottom:44px;width:0;height:0}.hand-card{position:absolute;left:0;bottom:0;margin-left:calc(var(--card-w) / -2);transform-origin:center bottom;will-change:transform;pointer-events:auto;cursor:pointer}.opp{position:absolute;display:flex;align-items:center;z-index:20}.opp .mini-card{width:52px;height:78px;border-radius:8px;overflow:hidden;box-shadow:0 3px 9px #0000008c}.avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:26px;color:#fff;border:3px solid rgba(255,255,255,.9);text-shadow:0 2px 4px rgba(0,0,0,.5);position:relative;z-index:2}.turn-ring{position:absolute;top:0;width:64px;height:64px;border-radius:50%;border:3px solid;pointer-events:none;z-index:1}.opp-label{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#ffffffa6;font-weight:800;white-space:nowrap}.opp-label.on{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.7)}.opp-meta{display:flex;gap:7px}.pill{font-size:12px;font-weight:700;color:#ffffffe6;background:#0006;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px 10px}.uno-badge{font-size:13px;font-weight:900;font-style:italic;color:#fff;background:radial-gradient(circle at 35% 30%,#ff5a68,#c40d1c);border:2px solid #fff;border-radius:999px;padding:2px 12px;box-shadow:0 0 18px #ff3c50b3}.human-board{position:absolute;left:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:#06101c8c;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 26px #0006,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.human-board.active{border-color:#2e93e699;box-shadow:0 10px 26px #0006,0 0 24px #2e93e659}.name-edit{background:none;border:none;color:#fff;font-weight:800;font-size:16px;letter-spacing:.5px;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px;text-align:left}.name-edit .pencil{font-size:12px;opacity:.5}.name-edit:hover .pencil{opacity:1}.name-input{width:130px;font-size:15px;font-weight:800;color:#fff;background:#0006;border:1px solid rgba(46,147,230,.7);border-radius:8px;padding:4px 8px;outline:none}.human-turn-glow{position:absolute;left:50%;bottom:-60px;transform:translate(-50%);width:720px;height:220px;border-radius:50%;background:radial-gradient(ellipse at center,#f5b30147,#f5b30100 70%);pointer-events:none;z-index:30}.center-piles{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);display:flex;gap:56px;align-items:center;z-index:46;transform-style:preserve-3d}.pile{position:relative;width:var(--card-w);height:var(--card-h)}.pile-card{position:absolute;top:0;right:0;bottom:0;left:0}.draw-clickable{cursor:pointer}.active-color-halo{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:16px;z-index:0;pointer-events:none}.pile-label{position:absolute;top:-26px;width:100%;text-align:center;font-size:11px;letter-spacing:2px;color:#fff6;font-weight:700;text-transform:uppercase}.btn{border:none;border-radius:14px;padding:12px 24px;font-weight:800;font-size:15px;letter-spacing:.5px;cursor:pointer;color:#fff;background:linear-gradient(180deg,#3a3f47,#22262c 45%,#12151a);box-shadow:0 6px #05070a,0 10px 18px #0000008c,inset 0 1px #ffffff38,inset 0 -2px 4px #0006;transition:transform .1s ease,box-shadow .1s ease,filter .12s ease;transform:translateY(0)}.btn:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 8px #05070a,0 14px 24px #0009,inset 0 1px #ffffff40}.btn:active{transform:translateY(4px);box-shadow:0 2px #05070a,0 4px 8px #00000080,inset 0 1px #fff3}.btn.primary{background:linear-gradient(180deg,#ffdd6b,#f7b500,#d98e00);color:#3a2400;box-shadow:0 6px #8a5a00,0 10px 18px #00000073,inset 0 1px #fff9,inset 0 -2px 4px #965a0080}.btn.primary:hover{box-shadow:0 8px #8a5a00,0 14px 24px #00000080,inset 0 1px #fff9}.btn.primary:active{box-shadow:0 2px #8a5a00,0 4px 8px #0006,inset 0 1px #ffffff80}.btn.red{background:linear-gradient(180deg,#ff7480,#e4212f,#b3121f);box-shadow:0 6px #6e0a12,0 10px 18px #00000073,inset 0 1px #fff6,inset 0 -2px 4px #6e0a1280}.btn.red:hover{box-shadow:0 8px #6e0a12,0 14px 24px #00000080,inset 0 1px #fff6}.btn.red:active{box-shadow:0 2px #6e0a12,0 4px 8px #0006,inset 0 1px #ffffff59}.btn.blue{background:linear-gradient(180deg,#5fb0f5,#1372c4,#0b5091);box-shadow:0 6px #063a68,0 10px 18px #00000073,inset 0 1px #fff6}.uno-btn{position:absolute;right:26px;bottom:170px;z-index:60;width:96px;height:96px;border-radius:50%;border:4px solid #fff;background:radial-gradient(circle at 35% 30%,#ff5a68,#c40d1c);color:#fff;font-weight:900;font-size:26px;font-style:italic;letter-spacing:1px;cursor:pointer;box-shadow:0 8px 22px #0009,0 0 30px #ff3c5099}.catch-btn{position:absolute;left:50%;top:62%;transform:translate(-50%);z-index:60}.toast-wrap{position:absolute;top:72px;left:20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;z-index:80;pointer-events:none}.toast{padding:9px 18px;border-radius:999px;font-weight:700;font-size:14px;background:#0a1423e6;border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 18px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toast.good{border-color:#50dc7899;color:#b6ffce}.toast.bad{border-color:#ff5a5a99;color:#ffc2c2}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:90}.overlay-glyph{font-size:140px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}.modal{position:relative;background:linear-gradient(180deg,#1a4a7d,#0a2038);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:36px 44px;text-align:center;box-shadow:0 40px 90px #000000bf,inset 0 1px #ffffff40,inset 0 0 60px #3c82dc26;min-width:360px;overflow:hidden}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:2px;background:linear-gradient(140deg,#ffffff80,#fff0 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.modal h1{margin:0 0 6px;font-size:30px}.modal h2{margin:0 0 18px;font-size:20px;font-weight:600;opacity:.9}.color-wheel-modal{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px 40px 22px;border-radius:26px;background:linear-gradient(180deg,#1a4a7d,#081a2e);border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 90px #000000b8,inset 0 1px #ffffff38,inset 0 0 70px #3c82dc26}.wheel-wedge{cursor:pointer;transform-box:view-box;transform-origin:110px 110px;transition:transform .16s cubic-bezier(.34,1.4,.6,1),filter .16s ease}.wheel-wedge:hover{transform:scale(1.09);filter:brightness(1.18) drop-shadow(0 0 10px rgba(255,255,255,.45))}.color-picker{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}.color-swatch{width:92px;height:92px;border-radius:16px;border:3px solid rgba(255,255,255,.85);cursor:pointer;box-shadow:0 6px 16px #00000080;transition:transform .12s ease}.color-swatch:hover{transform:scale(1.08)}.flip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:88;display:flex;align-items:center;justify-content:center;perspective:1600px;pointer-events:none}.flip-panel{width:118%;height:128%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;box-shadow:0 0 120px 30px #00000080}.flip-panel-label{display:flex;flex-direction:column;align-items:center;gap:10px;font-family:Montserrat,Segoe UI,system-ui,sans-serif;font-weight:900;font-size:clamp(30px,6vw,58px);letter-spacing:.18em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}.side-dark-tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#3c146e47,#14082880);mix-blend-mode:multiply}.tt{position:relative;display:inline-flex}.tt-bubble{position:absolute;z-index:200;width:max-content;max-width:260px;padding:10px 13px;border-radius:12px;font-size:12.5px;font-weight:600;line-height:1.45;letter-spacing:.2px;color:#eaf2ff;text-align:left;background:linear-gradient(180deg,#16324f,#0b1e30);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 34px #0000008c,inset 0 1px #ffffff1f;opacity:0;transform:translateY(4px) scale(.97);transform-origin:center;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.tt:hover .tt-bubble{opacity:1;transform:translateY(0) scale(1)}.tt-top{bottom:calc(100% + 10px);left:50%;margin-left:-130px}.tt-bottom{top:calc(100% + 10px);right:0}.tt-left{right:calc(100% + 10px);top:50%;transform:translateY(calc(-50% + 4px)) scale(.97)}.tt:hover .tt-left{transform:translateY(-50%) scale(1)}.tt-bubble b{color:#ffd15a}.topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;z-index:70;pointer-events:none}.topbar .btn{pointer-events:auto;padding:8px 14px;font-size:13px}.dir-badge{display:flex;align-items:center;gap:8px;background:#0a1423b3;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px;font-weight:700;font-size:13px}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;z-index:50}.menu h1{font-size:32px;letter-spacing:4px;text-transform:uppercase;text-shadow:0 2px 20px rgba(0,0,0,.6);margin:0}.title-glow{background:linear-gradient(180deg,#fff,#cfe0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 18px rgba(120,170,255,.35))}.subtitle{margin:-18px 0 0;font-size:15px;color:#ffffff9e;letter-spacing:.4px}.menu-aura{position:absolute;width:900px;height:640px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(60,130,220,.28),transparent 68%);z-index:-1;pointer-events:none}.settings-panel{display:flex;flex-direction:column;gap:14px;padding:20px 26px;border-radius:18px;background:#00000052;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff1f,0 12px 30px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.setting-row{display:flex;align-items:center;gap:12px}.setting-label{min-width:140px;font-weight:700;letter-spacing:.5px;color:#ffffffd9}.player-choices{display:flex;gap:44px}.player-tile{width:150px;height:168px;border:none;border-radius:24px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;box-shadow:0 16px 36px #00000080,inset 0 3px #ffffff73,inset 0 -8px 16px #00000047;transition:box-shadow .15s ease}.player-tile-icons{display:flex;gap:4px;height:24px;align-items:center;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.player-tile-num{font-size:64px;font-weight:900;line-height:1;text-shadow:0 4px 8px rgba(0,0,0,.4)}.player-tile-label{font-size:12px;font-weight:800;letter-spacing:3px;opacity:.85}.play-wrap{position:relative;width:116px;height:116px;border:none;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.play-halo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:26px;background:conic-gradient(from 0deg,#ff3b3b,#ff8a00,#ffd400,#37d67a,#23c4c4,#2e93e6,#8b5cf6,#ff3bd1,#ff3b3b);filter:blur(15px);opacity:.9;z-index:0}.play-btn-big{position:relative;z-index:1;width:92px;height:92px;border-radius:22px;background:linear-gradient(155deg,#40454d,#191d23 55%,#0c0f13);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:inset 0 2px #ffffff38,inset 0 -4px 10px #00000080,0 8px 20px #0000008c;font-size:40px;padding-left:6px}.play-label{letter-spacing:5px;font-weight:800;color:#fff;opacity:.85;font-size:15px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.title-dot{display:inline-block;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd66b,#f5a201);box-shadow:0 0 16px #f5a201cc;vertical-align:middle;margin:0 6px 6px}.uno-menu{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:Montserrat,Segoe UI,system-ui,sans-serif;background:radial-gradient(125% 95% at 50% 28%,#123762,#0c274b 38%,#071630 70%,#040e1e)}.uno-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;font-family:Montserrat,Segoe UI,system-ui,sans-serif}.uno-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 220px 50px #0000009e;z-index:1}.fan-hover{transition:transform .38s cubic-bezier(.2,.8,.2,1)}.fan-hover:hover{transform:translateY(-30px) scale(1.06)}.fan-hover.big:hover{transform:translateY(-32px) scale(1.08)}.uno-play{position:relative;width:136px;height:136px;border:none;background:none;padding:0;cursor:pointer;display:grid;place-items:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}.uno-play:hover{transform:scale(1.07)}.uno-play:active{transform:scale(.96)}.uno-tile{position:relative;width:100%;height:100%;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.uno-tile:hover{transform:translateY(-10px) scale(1.05)}.uno-back{display:flex;align-items:center;gap:10px;padding:14px 30px;border:none;border-radius:16px;font-family:inherit;font-weight:700;font-size:16px;color:#dbe6f5;cursor:pointer;background:linear-gradient(160deg,#242833,#0f1218);box-shadow:0 12px 28px #00000080,inset 0 1px #ffffff12;transition:transform .25s}.uno-back:hover{transform:translateY(-3px)}.uno-back:active{transform:translateY(0) scale(.97)}@keyframes uno-deal{0%{transform:translateY(96px) scale(.78);opacity:0}55%{opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes uno-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-11px) rotate(-1.2deg)}}@keyframes uno-spin{to{transform:rotate(360deg)}}@keyframes uno-wheel{to{transform:rotate(360deg)}}@keyframes uno-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.14)}}@keyframes uno-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes uno-shine{0%{transform:translate(0) skew(-22deg)}55%,to{transform:translate(420%) skew(-22deg)}}@keyframes uno-drift{0%,to{transform:translate(0)}33%{transform:translate(40px,-30px)}66%{transform:translate(-30px,26px)}}@keyframes uno-up{0%{transform:translateY(0);opacity:0}18%{opacity:.7}to{transform:translateY(-170px);opacity:0}}@keyframes uno-rise{0%{transform:translateY(26px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.uno-menu [data-animated]{animation:none!important}}.menu-footer{position:absolute;left:0;right:0;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;padding:8px 16px;font-family:Montserrat,Segoe UI,system-ui,sans-serif;font-size:13px;pointer-events:auto}.menu-footer a{color:#becde6b8;font-weight:600;text-decoration:none;transition:color .15s ease}.menu-footer a:hover{color:#fff}.menu-footer-copy{color:#a0b2cd80;font-weight:600}.rules-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:24px;background:#030810a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-family:Montserrat,Segoe UI,system-ui,sans-serif}.rules-panel{width:min(94vw,560px);max-height:88vh;display:flex;flex-direction:column;gap:16px;padding:24px 26px;border-radius:22px;background:linear-gradient(160deg,#1a1e28f5,#090d14fa);border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px #000000b3,inset 0 1px #ffffff24}.rules-head{display:flex;align-items:center;justify-content:space-between;flex:none}.rules-close{width:36px;height:36px;border:none;border-radius:10px;background:#ffffff14;color:#cfe0f5;font-size:16px;cursor:pointer;transition:background .18s,transform .18s}.rules-close:hover{background:#ffffff29;transform:scale(1.06)}.rules-body{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding-right:8px;margin-right:-8px}.rules-body::-webkit-scrollbar{width:8px}.rules-body::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:8px}.rules-pts{flex:none;font-size:12.5px;font-weight:800;color:#ffd66b;background:#f4b40024;border:1px solid rgba(244,180,0,.35);border-radius:999px;padding:5px 11px;white-space:nowrap}.rules-chip{font-size:13px;font-weight:700;color:#dbe6f5;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 13px}.rules-btn{display:flex;align-items:center;gap:9px;padding:14px 26px;border:none;border-radius:16px;font-family:inherit;font-weight:700;font-size:16px;color:#08131f;cursor:pointer;background:linear-gradient(160deg,#ffd76b,#f4b400);box-shadow:0 12px 28px #f4b40059,inset 0 1px #ffffff80;transition:transform .25s}.rules-btn:hover{transform:translateY(-3px)}.rules-btn:active{transform:translateY(0) scale(.97)}