@layer components{.bs-water{background-color:#3462cf;background-image:conic-gradient(from 90deg at 14px 2px,transparent 75%,rgba(255,255,255,.18) 0),conic-gradient(from 90deg at 20px 2px,transparent 75%,rgba(190,225,255,.12) 0),conic-gradient(rgba(10,30,110,.16) 25%,transparent 0 50%,rgba(10,30,110,.16) 0 75%,transparent 0),conic-gradient(rgba(255,255,255,.05) 25%,transparent 0 50%,rgba(255,255,255,.05) 0 75%,transparent 0),linear-gradient(180deg,#4679e2,#2b55bd);background-size:22px 16px,34px 26px,12px 12px,6px 6px,100% 100%}.bs-frame{display:grid;grid-template-columns:14px minmax(0,1fr);grid-template-rows:14px auto;gap:3px;padding:5px 7px 7px 5px;border:2px solid #000;border-radius:4px;user-select:none;color:#3a2410;background:repeating-linear-gradient(180deg,transparent 0 11px,rgba(60,36,12,.45) 11px 12px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(60,36,12,.3) 31px 32px),linear-gradient(180deg,#bc9458,#a27a44);box-shadow:inset 2px 2px 0 rgba(255,240,200,.35),inset -2px -2px 0 rgba(40,22,6,.45)}.bs-frame[data-frame=map]{color:#4a3316;background:radial-gradient(circle at 20% 15%,rgba(120,80,30,.12) 0 8%,transparent 9%),radial-gradient(circle at 80% 85%,rgba(120,80,30,.1) 0 10%,transparent 11%),linear-gradient(180deg,#ecdfb4,#d9c78f);box-shadow:inset 0 0 0 3px #8a6a3a,inset 4px 4px 0 rgba(255,255,255,.35)}.bs-corner{display:block}.bs-cols,.bs-rows{display:grid;font-size:10px;font-weight:900;line-height:1}.bs-cols{grid-template-columns:repeat(8,minmax(0,1fr));padding:0 2px}.bs-rows{grid-template-rows:repeat(8,minmax(0,1fr));padding:2px 0}.bs-cols>span,.bs-rows>span{display:flex;align-items:center;justify-content:center}.bs-sea{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:2px solid #000;overflow:hidden}.bs-sea:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.13) 48%,transparent 58%);background-size:260% 100%;background-position:130% 0}.bs-cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:inset 1px 1px 0 rgba(255,255,255,.16),inset -1px -1px 0 rgba(0,10,50,.35)}.bs-cell:disabled{cursor:default}.bs-cell[data-playable=true]{cursor:pointer}.bs-sea[data-aim=true] .bs-cell[data-playable=true]{cursor:crosshair}.bs-cell[data-playable=true]:hover{background:rgba(255,255,255,.2)}.bs-cell[data-playable=true]:focus-visible{outline:3px solid #ffff55;outline-offset:-3px;z-index:6}.bs-cell[data-pending=true]:after,.bs-sea[data-aim=true] .bs-cell[data-playable=true]:hover:after{content:"";position:absolute;inset:22%;z-index:5;pointer-events:none;background:linear-gradient(#fff,#fff) 50% /16% 100% no-repeat,linear-gradient(#fff,#fff) 50% /100% 16% no-repeat;mix-blend-mode:difference}.bs-cell[data-last=true]{outline:2px solid #ffff55;outline-offset:-2px;z-index:4}.bs-hull{--plank:#bc9458;--inside:#7f5c30;--seam:rgba(58,34,10,0.6);position:absolute;z-index:1;pointer-events:none}.bs-sea[data-wood=spruce] .bs-hull{--plank:#7d5a34;--inside:#4c341b;--seam:rgba(30,18,6,0.65)}.bs-hull[data-dir=h]{inset:12% 0;background:linear-gradient(180deg,transparent 24%,var(--inside) 24% 76%,transparent 76%),repeating-linear-gradient(180deg,var(--plank) 0 4px,var(--seam) 4px 5px)}.bs-hull[data-dir=v]{inset:0 12%;background:linear-gradient(90deg,transparent 24%,var(--inside) 24% 76%,transparent 76%),repeating-linear-gradient(90deg,var(--plank) 0 4px,var(--seam) 4px 5px)}.bs-hull[data-part=bow][data-dir=h]{clip-path:polygon(0 38%,10% 38%,10% 22%,22% 22%,22% 10%,36% 10%,36% 0,100% 0,100% 100%,36% 100%,36% 90%,22% 90%,22% 78%,10% 78%,10% 62%,0 62%)}.bs-hull[data-part=stern][data-dir=h]{clip-path:polygon(0 0,86% 0,86% 10%,94% 10%,94% 90%,86% 90%,86% 100%,0 100%)}.bs-hull[data-part=bow][data-dir=v]{clip-path:polygon(38% 0,62% 0,62% 10%,78% 10%,78% 22%,90% 22%,90% 36%,100% 36%,100% 100%,0 100%,0 36%,10% 36%,10% 22%,22% 22%,22% 10%,38% 10%)}.bs-hull[data-part=stern][data-dir=v]{clip-path:polygon(0 0,100% 0,100% 86%,90% 86%,90% 94%,10% 94%,10% 86%,0 86%)}.bs-hull[data-part=wreck]{inset:20%;clip-path:polygon(0 12%,12% 12%,12% 0,88% 0,88% 12%,100% 12%,100% 88%,88% 88%,88% 100%,12% 100%,12% 88%,0 88%)}.bs-hull[data-state=burning]{filter:brightness(.62) saturate(.8)}.bs-hull[data-state=sunk]{--plank:#3d2e20;--inside:#17110b;--seam:rgba(0,0,0,0.7);opacity:.92}.bs-ghost{z-index:2;opacity:.8;--plank:#8fd47b;--inside:#4c9a3d;--seam:rgba(20,60,10,0.55)}.bs-ghost[data-ok=false]{--plank:#e8806e;--inside:#a8382a;--seam:rgba(80,10,5,0.55)}.bs-sea[data-fleet=true] .bs-hull:not(.bs-ghost){--plank:var(--fleet-plank);--inside:var(--fleet-inside);--seam:var(--fleet-seam)}.bs-sea[data-fleet=true] .bs-hull[data-state=sunk]{filter:brightness(.45) saturate(.6)}.bs-hull[data-state=sunk]>.cos-sail{display:none}.bs-fire{position:absolute;inset:0;z-index:2;pointer-events:none}.bs-fire>i{position:absolute;bottom:22%;width:30%;height:52%;transform-origin:50% 100%;background:linear-gradient(0deg,#fff27a 0 22%,#ffb21f 22% 52%,#e8541a 52% 82%,#9b2a0c 82%);clip-path:polygon(20% 100%,20% 62%,0 62%,0 34%,22% 34%,22% 14%,42% 14%,42% 0,62% 0,62% 22%,80% 22%,80% 46%,100% 46%,100% 100%)}.bs-fire>i:first-child{left:12%;height:40%}.bs-fire>i:nth-child(2){left:36%}.bs-fire>i:nth-child(3){left:60%;height:44%}.bs-smoke{display:none;position:absolute;inset:0;z-index:3;pointer-events:none}.bs-smoke>i{position:absolute;left:40%;top:18%;width:22%;height:22%;background:#5f5f5f;opacity:0}.bs-smoke>i:nth-child(2){left:54%;width:16%;height:16%;background:#7b7b7b}.bs-boom{display:none;position:absolute;inset:0;z-index:4;pointer-events:none}.bs-boom>img{inset:16%;width:68%;height:68%;image-rendering:pixelated}.bs-blast,.bs-boom>img{position:absolute;opacity:0}.bs-blast{inset:-30%;background:radial-gradient(circle,#ffffff 0 16%,#e6e6e6 17% 32%,#a9a9a9 33% 48%,rgba(90,90,90,.7) 49% 58%,transparent 59%)}.bs-lily{position:relative;z-index:1;width:70%;height:70%;image-rendering:pixelated;pointer-events:none;transform:rotate(var(--lily-turn,0deg))}.bs-splash{display:none;position:absolute;inset:0;z-index:4;pointer-events:none}.bs-splash>b{inset:14%;border:3px solid rgba(235,245,255,.95)}.bs-splash>b,.bs-splash>i{position:absolute;opacity:0}.bs-splash>i{left:44%;top:44%;width:13%;height:13%;background:#d8ecff}.bs-splash>i:nth-child(2){--dx:-180%}.bs-splash>i:nth-child(3){--dx:-60%}.bs-splash>i:nth-child(4){--dx:70%}.bs-splash>i:nth-child(5){--dx:190%}.bs-board[data-turn=true]{border-color:var(--color-accent);box-shadow:inset 3px 3px 0 var(--bevel-hi),inset -3px -3px 0 var(--bevel-lo),0 0 0 2px color-mix(in srgb,var(--color-accent) 55%,transparent)}.bs-result[data-won=true]{border-color:#55ff55;border-width:3px}.bs-result[data-won=false]{border-color:#aa0000;border-width:3px}.bs-clock{--p:0;--ring:#ffaa00;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:50px;height:50px;border:2px solid #000;border-radius:3px;background:#3a3a3a}.bs-clock[data-ring=true]{background:conic-gradient(var(--ring) calc(var(--p) * 1turn),#2a2a2a 0)}.bs-clock[data-urgent=true]{--ring:#ff5555}.bs-clock[data-small=true]{width:30px;height:30px;border:0;background:transparent}.bs-lamp{display:block;width:36px;height:36px;border:2px solid #000;background:radial-gradient(circle,#8a5a30 0 22%,transparent 23%),conic-gradient(#4a2a14 25%,#6b3f1f 0 50%,#4a2a14 0 75%,#6b3f1f 0) 0 0 /8px 8px;box-shadow:inset 0 0 0 3px #2e1708}.bs-clock[data-small=true] .bs-lamp{width:26px;height:26px;background-size:auto,6px 6px}.bs-lamp[data-on=true]{background:radial-gradient(circle,#fffbe0 0 20%,#ffe089 21% 40%,transparent 41%),conic-gradient(#f0a53a 25%,#ffd166 0 50%,#f0a53a 0 75%,#ffd166 0) 0 0 /8px 8px;box-shadow:inset 0 0 0 3px #8c4a12,0 0 12px 3px rgba(255,196,80,.7)}.bs-hotbar{display:inline-flex;gap:0;padding:3px;border:2px solid #000;border-radius:3px;background:#3b3b3b;box-shadow:inset 2px 2px 0 #5a5a5a,inset -2px -2px 0 #202020}.bs-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:58px;height:58px;padding:0;border:0;background:#8b8b8b;box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #ffffff;cursor:pointer}.bs-slot>img{width:30px;height:30px}.bs-slot:hover:not(:disabled):after{content:"";position:absolute;inset:3px;background:rgba(255,255,255,.3);pointer-events:none}.bs-slot[data-active=true]{z-index:1;outline:3px solid #fff;outline-offset:-1px;box-shadow:0 0 0 4px #000,inset 3px 3px 0 #373737,inset -3px -3px 0 #ffffff}.bs-slot[data-empty=true]>img{opacity:.3}.bs-slot:disabled{cursor:default}.bs-slot:focus-visible{outline:3px solid #ffff55;outline-offset:-1px}.bs-slot-count{right:3px;bottom:3px;padding:0 3px;border-radius:2px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;line-height:1.25}.bs-slot-count,.bs-slot-key{position:absolute;font-weight:800}.bs-slot-key{left:5px;top:3px;color:#2a2a2a;font-size:9px;line-height:1}.bs-mini{display:inline-flex}.bs-mini>i{display:block;width:9px;height:9px;margin-left:-1px;border:1px solid #000;background:#bc9458;box-shadow:inset 0 -2px 0 #8a6534}.bs-mini>i:first-child{margin-left:0;border-radius:4px 0 0 4px}.bs-mini>i:last-child{border-radius:0 2px 2px 0}.bs-mini[data-sunk=true]>i{background:#3d2e20;box-shadow:inset 0 -2px 0 #17110b}.bs-mini[data-dim=true]{opacity:.35}.bs-rotate{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}.bs-rotate[data-dir=v]>.bs-mini{transform:rotate(90deg)}.bs-die{display:inline-block;width:18px;height:18px;border:2px solid #000;border-radius:3px;background:radial-gradient(circle,#111 0 1.6px,transparent 2.2px) 50% 50% /6px 6px no-repeat,radial-gradient(circle,#111 0 1.6px,transparent 2.2px) 0 0 /6px 6px no-repeat,radial-gradient(circle,#111 0 1.6px,transparent 2.2px) 100% 0 /6px 6px no-repeat,radial-gradient(circle,#111 0 1.6px,transparent 2.2px) 0 100% /6px 6px no-repeat,radial-gradient(circle,#111 0 1.6px,transparent 2.2px) 100% 100% /6px 6px no-repeat,#f2f2f2;box-shadow:inset -2px -2px 0 #b9b9b9}.bs-lever-btn{gap:.75rem}.bs-lever{position:relative;display:inline-block;width:26px;height:24px}.bs-lever:before{content:"";position:absolute;left:2px;right:2px;bottom:0;height:9px;border:2px solid #000;background:conic-gradient(#8a8a8a 25%,#6a6a6a 0 50%,#8a8a8a 0 75%,#6a6a6a 0) 0 0 /6px 6px}.bs-lever-stick{position:absolute;left:50%;bottom:6px;width:5px;height:17px;margin-left:-2.5px;border:1px solid #000;background:linear-gradient(180deg,#5a3a1a 0 22%,#9c7440 22%);transform-origin:50% 100%;transform:rotate(-38deg)}.bs-lever[data-on=true] .bs-lever-stick{transform:rotate(38deg);background:linear-gradient(180deg,#d02010 0 22%,#9c7440 22%)}.bs-toast{position:fixed;top:72px;right:12px;z-index:70;gap:10px;width:min(330px,calc(100vw - 24px));padding:8px 12px 8px 8px;border:2px solid #000;border-radius:4px;background:#212121;color:#fff;box-shadow:inset 0 0 0 2px #5b5b5b,0 8px 20px rgba(0,0,0,.5)}.bs-toast,.bs-toast-icon{display:flex;align-items:center}.bs-toast-icon{flex-shrink:0;justify-content:center;width:40px;height:40px}.bs-toast-icon>img{width:32px;height:32px}.bs-toast-title{display:block;color:#ffff55;font-size:13px;font-weight:800}.bs-toast[data-tone=bad] .bs-toast-title{color:#ff5555}.bs-toast-text{display:block;color:#fff;font-size:13px}.bs-actionbar{margin-top:2px;color:var(--color-accent);font-size:.875rem;font-weight:800}.bs-chat{margin:0;padding:8px 10px;list-style:none;border-radius:2px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;line-height:1.5}.bs-chat-gold{color:#ffff55}.bs-chat-gray{color:#c8c8c8}.bs-chat-red{color:#ff7777}.bs-hero-sea{position:relative;height:84px;overflow:hidden;border-bottom:2px solid #000}.bs-hero-sea-slim{height:56px}.bs-hero-sea:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:conic-gradient(#dccf8f 25%,#cbbd79 0 50%,#dccf8f 0 75%,#cbbd79 0) 0 0 /8px 8px;border-top:2px solid rgba(0,0,0,.35)}.bs-hero-sea-slim:after{display:none}.bs-drift{position:absolute;left:18%;top:14px}.bs-hero-sea-slim .bs-drift{top:8px}.bs-bob{display:block}.bs-hero-lily{position:absolute}.bs-hero-kelp,.bs-hero-lantern{position:absolute;bottom:6px}.bs-hero-lantern{filter:drop-shadow(0 0 6px rgba(200,255,245,.9))}}@media (prefers-reduced-motion:no-preference){.bs-water{animation:bs-water 9s linear infinite}@keyframes bs-water{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:44px 32px,-34px 26px,0 24px,6px 6px,0 0}}.bs-sea:before{animation:bs-glint 7s linear infinite}@keyframes bs-glint{0%{background-position:130% 0}to{background-position:-30% 0}}.bs-cell{transition:background-color .12s ease}.bs-cell[data-pending=true]:after{animation:bs-aim .5s steps(2) infinite}@keyframes bs-aim{50%{opacity:.3}}.bs-fire>i{animation:bs-flicker .6s steps(3) infinite alternate}.bs-fire>i:nth-child(2){animation-duration:.45s;animation-delay:-.2s}.bs-fire>i:nth-child(3){animation-duration:.7s;animation-delay:-.35s}@keyframes bs-flicker{0%{transform:scaleY(.85)}to{transform:scaleY(1.2) translateY(-4%)}}.bs-smoke{display:block}.bs-smoke>i{animation:bs-smoke 2.4s linear infinite}.bs-smoke>i:nth-child(2){animation-delay:-1.2s}.bs-smoke[data-slow=true]>i{animation-duration:4.2s;background:#474747}@keyframes bs-smoke{0%{transform:translate(0) scale(.6);opacity:0}15%{opacity:.75}to{transform:translate(40%,-230%) scale(1.4);opacity:0}}.bs-boom{display:block}.bs-boom>img{animation:bs-tnt 1s ease-out forwards}.bs-blast{animation:bs-blast 1s ease-out forwards}.bs-cell[data-last=true] .bs-fire{animation:bs-appear .25s .6s both}.bs-cell[data-last=true] .bs-hull[data-state=burning],.bs-cell[data-last=true] .bs-hull[data-state=sunk]{animation:bs-shake .3s steps(3) .55s}@keyframes bs-tnt{0%{opacity:1;transform:scale(.6);filter:none}14%{transform:scale(1);filter:none}24%{filter:brightness(2.6)}34%{filter:none}44%{filter:brightness(2.6)}54%{opacity:1;transform:scale(1.15);filter:brightness(2.6)}62%,to{opacity:0;transform:scale(1.4)}}@keyframes bs-blast{0%,54%{opacity:0;transform:scale(.3)}62%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes bs-appear{0%{opacity:0}to{opacity:1}}@keyframes bs-shake{33%{translate:-6% 0}66%{translate:6% 0}}.bs-splash{display:block}.bs-splash>b{animation:bs-ring .6s ease-out forwards}.bs-splash>i{animation:bs-drop .6s ease-out forwards}.bs-cell[data-last=true] .bs-lily{animation:bs-lily-in .3s .4s both}@keyframes bs-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(1.35)}}@keyframes bs-drop{0%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(calc(var(--dx, 0%) * .7),-220%)}to{opacity:0;transform:translate(var(--dx,0),60%)}}@keyframes bs-lily-in{0%{opacity:0;transform:rotate(var(--lily-turn,0deg)) scale(.2)}to{opacity:1;transform:rotate(var(--lily-turn,0deg)) scale(1)}}.bs-lamp[data-on=true]{animation:bs-lamp-on .35s steps(2)}@keyframes bs-lamp-on{0%{filter:brightness(.5)}50%{filter:brightness(1.4)}}.bs-lever-stick{transition:transform .12s steps(2)}.bs-lever-btn:hover:not(:disabled) .bs-lever-stick{transform:rotate(-20deg)}.bs-die{animation:bs-roll .4s steps(4)}@keyframes bs-roll{0%{transform:rotate(-1turn) scale(.7)}}.bs-toast{animation:bs-toast 4.6s ease-out forwards}@keyframes bs-toast{0%{transform:translateX(115%)}7%,88%{transform:translateX(0)}to{transform:translateX(115%)}}.bs-actionbar{animation:bs-appear .2s ease-out}.bs-drift{animation:bs-drift 26s linear infinite}@keyframes bs-drift{0%{left:-12%}to{left:104%}}.bs-bob{animation:bs-bob 2.4s ease-in-out infinite}@keyframes bs-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}.bs-hero-kelp{transform-origin:50% 100%;animation:bs-sway 3.2s ease-in-out infinite alternate}@keyframes bs-sway{0%{transform:skewX(-6deg)}to{transform:skewX(6deg)}}}@layer components{.bj-rim{padding:8px;border:2px solid #000;border-radius:8px;background:repeating-linear-gradient(90deg,#a07a44 0 22px,#8a6634 22px 24px,#b08850 24px 46px,#8a6634 46px 48px);box-shadow:inset 2px 2px 0 #caa26c,inset -2px -3px 0 #5e4424,0 8px 18px var(--shadow)}@media (min-width:640px){.bj-rim{padding:12px}}.bj-felt{--bj-ink:#f4f1e6;--bj-muted:rgba(244,241,230,0.72);position:relative;color:var(--bj-ink);border:2px solid #000;border-radius:4px;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.12),transparent 62%),repeating-conic-gradient(rgba(0,0,0,.07) 0 25%,transparent 0 50%) 0 0 /8px 8px,repeating-conic-gradient(rgba(255,255,255,.035) 0 25%,transparent 0 50%) 4px 4px /12px 12px,linear-gradient(180deg,#2f7d3b,#256b31 55%,#1d5a27);box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),inset 0 12px 30px rgba(0,0,0,.35),inset 0 -8px 24px rgba(0,0,0,.3)}.bj-felt-line{color:var(--bj-muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center}.bj-felt-arc{height:2px;margin:0 auto;width:min(80%,34rem);background:repeating-linear-gradient(90deg,rgba(255,213,74,.55) 0 6px,transparent 6px 10px)}.bj-dealer{display:flex;flex-direction:column}.bj-dealer,.bj-dealer-plate{align-items:center;gap:.5rem}.bj-dealer-plate{display:inline-flex;padding:.25rem .6rem .25rem .3rem;border:2px solid #000;border-radius:4px;background:rgba(0,0,0,.35);box-shadow:inset 2px 2px 0 rgba(255,255,255,.12),inset -2px -2px 0 rgba(0,0,0,.35)}.bj-seat{position:relative;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.6rem;border:2px solid rgba(0,0,0,.75);border-radius:4px;background:rgba(0,0,0,.28);box-shadow:inset 2px 2px 0 rgba(255,255,255,.1),inset -2px -2px 0 rgba(0,0,0,.3);color:var(--bj-ink);transition:border-color .2s ease,background .2s ease;isolation:isolate}.bj-seat[data-outcome=win]>.cos-mat{opacity:.5}.bj-seat[data-you=true]{background:rgba(0,0,0,.36);border-color:#000}.bj-seat[data-turn=true]{border-color:#ffd54a;animation:bj-glow 1.3s ease-in-out infinite}.bj-seat[data-outcome=win]{border-color:#55ff55;background:rgba(40,120,50,.45)}.bj-seat[data-outcome=lose]{opacity:.82}.bj-seat[data-left=true]{opacity:.55}.bj-seat-empty{align-items:center;justify-content:center;min-height:7.5rem;border-style:dashed;border-color:rgba(0,0,0,.55);background:rgba(0,0,0,.14);color:var(--bj-muted)}@keyframes bj-glow{0%,to{box-shadow:inset 2px 2px 0 rgba(255,255,255,.1),0 0 0 2px rgba(255,213,74,.35)}50%{box-shadow:inset 2px 2px 0 rgba(255,255,255,.1),0 0 18px 4px rgba(255,213,74,.6)}}.bj-tag{gap:.25rem;padding:0 .35rem;border:1px solid rgba(244,241,230,.45);border-radius:3px;font-size:10px;font-weight:800;text-transform:uppercase;color:var(--bj-muted);line-height:1.5}.bj-tag,.bj-value{display:inline-flex;align-items:center}.bj-value{justify-content:center;min-width:2.25rem;padding:.1rem .4rem;border:2px solid #000;border-radius:3px;background:#1e1e1e;color:#fff;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:inset 2px 2px 0 #4b4b4b,inset -2px -2px 0 #000}.bj-value[data-state=bust]{background:#b3302a;box-shadow:inset 2px 2px 0 #e06a60,inset -2px -2px 0 #6e1a16}.bj-value[data-state=blackjack]{background:#f0c030;color:#2a1c08;box-shadow:inset 2px 2px 0 #ffe38a,inset -2px -2px 0 #a8801c}.bj-value[data-state="21"]{background:#2f8a3a;box-shadow:inset 2px 2px 0 #6fd07a,inset -2px -2px 0 #17521f}.bj-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.05rem .5rem;border:2px solid #000;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;line-height:1.5;background:#6f6f6f;color:#fff}.bj-chip[data-chip=turn]{background:#ffd54a;color:#2a1c08}.bj-chip[data-chip=blackjack]{background:#f0c030;color:#2a1c08;animation:bj-pop .5s cubic-bezier(.2,1.4,.4,1) both}.bj-chip[data-chip=bust],.bj-chip[data-chip=lose]{background:#b3302a}.bj-chip[data-chip=bust]{animation:bj-shake .45s ease both}.bj-chip[data-chip=stood]{background:#4f5a8f}.bj-chip[data-chip=left]{background:#3a3a3a;color:#cfcfcf}.bj-chip[data-chip=win]{background:#2f8a3a;animation:bj-pop .5s cubic-bezier(.2,1.4,.4,1) both}.bj-chip[data-chip=push]{background:#8b8b8b;color:#1e1e1e}@keyframes bj-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bj-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.bj-cards{display:flex;align-items:flex-end;min-height:4.25rem;padding-left:18px}.bj-cards>*{margin-left:-18px}.bj-card{--deal-delay:0ms;position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:46px;height:66px;border:2px solid #000;border-radius:4px;background:#f7f3e3;color:#1e1e1e;box-shadow:inset 2px 2px 0 #ffffff,inset -2px -3px 0 #b9b19a,2px 3px 0 rgba(0,0,0,.35);user-select:none;animation:bj-deal .42s cubic-bezier(.2,.8,.25,1) var(--deal-delay) both}@media (min-width:640px){.bj-card{width:54px;height:78px}.bj-cards{min-height:5rem}}.bj-card[data-red=true]{color:#c0271d}.bj-card-corner{position:absolute;top:3px;left:5px;display:flex;flex-direction:column;align-items:center;font-size:13px;font-weight:900;line-height:1}.bj-card-corner-bottom{top:auto;left:auto;bottom:3px;right:5px;transform:rotate(180deg)}.bj-card-suit{font-size:24px;line-height:1;margin-top:4px}@media (min-width:640px){.bj-card-corner{font-size:15px}.bj-card-suit{font-size:30px}}.bj-card-back{background:repeating-conic-gradient(#7d2020 0 25%,#942a2a 0 50%) 0 0 /8px 8px;box-shadow:inset 0 0 0 3px #f7f3e3,inset 0 0 0 5px #000,2px 3px 0 rgba(0,0,0,.35)}.bj-card-back img{width:22px;height:22px}.bj-card[data-flip=true]{animation:bj-flip .45s ease-out var(--deal-delay) both}@keyframes bj-deal{0%{transform:translate(24px,-90px) rotate(-14deg) scale(.7);opacity:0}55%{opacity:1}to{transform:none;opacity:1}}@keyframes bj-flip{0%{transform:perspective(300px) rotateY(90deg)}to{transform:perspective(300px) rotateY(0)}}.bj-shoe .bj-card{animation:none}.bj-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0}.bj-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.bj-ring-track{fill:rgba(0,0,0,.45);stroke:rgba(255,255,255,.18);stroke-width:4}.bj-ring-bar{fill:none;stroke:#ffd54a;stroke-width:4;stroke-linecap:butt;transition:stroke-dashoffset .25s linear,stroke .2s ease}.bj-ring[data-low=true] .bj-ring-bar{stroke:#ff5555}.bj-ring-num{position:relative;font-size:13px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff}.bj-ring[data-low=true] .bj-ring-num{color:#ff8a80;animation:bj-pulse 1s ease-in-out infinite}@keyframes bj-pulse{50%{transform:scale(1.18)}}.mc-btn.bj-action{flex:1 1 0;min-height:3.75rem;flex-direction:column;gap:0;font-size:1.35rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.bj-action kbd{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.04em;opacity:.8}.mc-btn.bj-hit{background:#2f8a3a;color:#fff;box-shadow:inset 2px 2px 0 #6fd07a,inset -2px -3px 0 #17521f}.mc-btn.bj-hit:hover{background:#3aa347;color:#ffffa0;box-shadow:inset 2px 2px 0 #8fe399,inset -2px -3px 0 #1d6326}.mc-btn.bj-stand{background:#b3302a;color:#fff;box-shadow:inset 2px 2px 0 #e06a60,inset -2px -3px 0 #6e1a16}.mc-btn.bj-stand:hover{background:#c9443d;color:#ffffa0;box-shadow:inset 2px 2px 0 #f08a80,inset -2px -3px 0 #7e2a26}.mc-btn.bj-action:disabled{background:#2c2c2c;color:#a0a0a0;box-shadow:none}.bj-banner{position:relative;overflow:hidden;border-bottom:2px solid #000;color:#f4f1e6;background:radial-gradient(ellipse at 80% 0,rgba(255,255,255,.14),transparent 60%),repeating-conic-gradient(rgba(0,0,0,.07) 0 25%,transparent 0 50%) 0 0 /8px 8px,linear-gradient(180deg,#2f7d3b,#1d5a27)}.bj-banner .bj-card{animation:none}.bj-step{display:inline-flex;width:1.35rem;height:1.35rem;border:2px solid #000;border-radius:3px;background:var(--color-accent);color:var(--color-accent-ink);font-size:11px;font-weight:900}.bj-step,.bj-tile{align-items:center;justify-content:center}.bj-tile{position:relative;display:flex;flex-direction:column;gap:.3rem;min-width:0;padding:.6rem .4rem;border:2px solid #000;border-radius:4px;background:var(--surface-2);color:var(--ink);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -3px 0 var(--bevel-lo);cursor:pointer;transition:transform .08s ease,background .15s ease}.bj-tile:hover:not(:disabled){transform:translateY(-2px);background:color-mix(in srgb,var(--color-accent) 10%,var(--surface-2))}.bj-tile[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent) 24%,var(--surface-2));border-color:var(--color-accent);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -3px 0 var(--bevel-lo),0 0 0 2px color-mix(in srgb,var(--color-accent) 55%,transparent)}.bj-tile[aria-pressed=true]:after{content:"✓";position:absolute;top:2px;right:5px;font-size:11px;font-weight:900;color:var(--color-accent)}.bj-tile:disabled{opacity:.4;cursor:not-allowed}.bj-tile-big{font-size:1rem;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1}.bj-tile-small{font-size:11px;color:var(--muted);line-height:1.1}.bj-mini-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;max-width:3.4rem;min-height:14px}.bj-summary{border:2px solid #000;border-radius:4px;color:#f4f1e6;background:repeating-conic-gradient(rgba(0,0,0,.07) 0 25%,transparent 0 50%) 0 0 /8px 8px,linear-gradient(180deg,#276d33,#1d5a27);box-shadow:inset 2px 2px 0 rgba(255,255,255,.12),inset -2px -3px 0 rgba(0,0,0,.35)}.bj-result-head{border-bottom:2px solid #000;color:#f4f1e6;background:repeating-conic-gradient(rgba(0,0,0,.08) 0 25%,transparent 0 50%) 0 0 /8px 8px,linear-gradient(180deg,#4b4b4b,#2c2c2c)}.bj-result-head[data-outcome=win]{background:repeating-conic-gradient(rgba(0,0,0,.08) 0 25%,transparent 0 50%) 0 0 /8px 8px,linear-gradient(180deg,#2f8a3a,#1d5a27)}.bj-result-head[data-outcome=lose]{background:repeating-conic-gradient(rgba(0,0,0,.08) 0 25%,transparent 0 50%) 0 0 /8px 8px,linear-gradient(180deg,#a23129,#6e1a16)}.bj-result-panel{animation:bj-rise .35s cubic-bezier(.2,.9,.3,1) both}@keyframes bj-rise{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:none;opacity:1}}.bj-net-plus{color:var(--color-success)}.bj-net-minus{color:var(--color-danger)}}@media (prefers-reduced-motion:reduce){.bj-card,.bj-card[data-flip=true],.bj-chip,.bj-result-panel,.bj-ring-num,.bj-seat[data-turn=true]{animation:none!important}.bj-seat[data-turn=true]{box-shadow:0 0 0 3px rgba(255,213,74,.7)}}@layer theme, base, components, utilities;@layer components{.pd-legend{display:block;margin-bottom:.5rem;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pd-pill{gap:.25rem;border:2px solid var(--line-strong);border-radius:9999px;background:var(--surface-2);padding:.05rem .55rem;font-size:11px;font-weight:700}.pd-pill,.pd-tag{display:inline-flex;align-items:center;white-space:nowrap}.pd-tag{border:1px solid #000;border-radius:3px;background:var(--surface);color:var(--ink);padding:.05rem .35rem;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.5}.pd-tag[data-tone=accent]{background:#ffaa00;color:#2a1c08}.pd-tag[data-tone=success]{background:color-mix(in srgb,var(--success) 22%,var(--surface));color:var(--success);border-color:color-mix(in srgb,var(--success) 60%,#000)}.pd-tag[data-tone=warning]{background:color-mix(in srgb,var(--warning) 20%,var(--surface));color:var(--warning);border-color:color-mix(in srgb,var(--warning) 60%,#000)}.pd-count{display:inline-flex;align-items:center;gap:.4rem;border:2px solid;border-radius:9999px;padding:.05rem .55rem;font-size:.75rem;font-weight:700}.pd-count[data-tone=success]{color:var(--success);background:color-mix(in srgb,var(--success) 10%,transparent)}.pd-count[data-tone=danger]{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.pd-stake{display:inline-flex;flex-shrink:0;align-items:center;gap:.35rem;border:2px solid #000;border-radius:3px;background:color-mix(in srgb,var(--accent) 18%,var(--surface-2));color:var(--ink);padding:.15rem .5rem .15rem .3rem;font-weight:800;box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo)}.pd-stake>img{width:20px;height:20px}.pd-stake[data-free=true]{background:color-mix(in srgb,var(--success) 18%,var(--surface-2));color:var(--success)}.pd-stake-lg{padding:.35rem .75rem .35rem .45rem;font-size:1.1rem}.pd-stake-lg>img{width:32px;height:32px}.pd-phase{display:inline-flex;align-items:center;gap:.35rem;border:2px solid var(--line-strong);border-radius:9999px;padding:0 .5rem;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.7;color:var(--muted);white-space:nowrap}.pd-phase[data-phase=paying]{color:var(--warning);border-color:currentColor}.pd-phase[data-phase=ready]{color:var(--accent);border-color:currentColor}.pd-phase[data-phase=playing]{color:var(--danger);border-color:currentColor}.pd-phase[data-phase=finished]{color:var(--success);border-color:currentColor}.pd-empty-head{display:inline-block;width:28px;height:28px;border:2px dashed var(--line-strong);background:var(--surface-2)}.pd-empty-head-lg{width:48px;height:48px}.pd-chip{display:inline-flex;align-items:center;gap:.35rem;border:2px solid #000;border-radius:3px;background:var(--surface-2);padding:.15rem .4rem .15rem .2rem;max-width:100%}.pd-chip[data-state=answered]{border-color:color-mix(in srgb,var(--success) 70%,#000);background:color-mix(in srgb,var(--success) 18%,var(--surface-2))}.pd-chip[data-state=thinking]{opacity:.7}.pd-chip[data-state=out]{opacity:.45}.pd-chip-mark{font-size:11px;font-weight:800}.pd-chip[data-state=answered] .pd-chip-mark{color:var(--success)}.pd-create-head{gap:.9rem;padding:1rem 1.25rem;border-bottom:2px solid #000;background:linear-gradient(90deg,color-mix(in srgb,#89c963 26%,var(--surface)),var(--surface) 75%)}.pd-create-head,.pd-tile{display:flex;align-items:center}.pd-tile{min-height:5.25rem;min-width:0;flex-direction:column;justify-content:center;gap:.25rem;padding:.5rem .35rem;text-align:center;background:var(--surface-2);color:var(--ink);border:2px solid #000;border-radius:3px;box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi);cursor:pointer}.pd-tile:hover{background:color-mix(in srgb,var(--accent) 14%,var(--surface-2))}.pd-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pd-tile[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 24%,var(--surface));border-color:var(--accent);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.pd-tile:disabled{cursor:not-allowed;opacity:.5}.pd-tile-label{font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums}.pd-tile-sub{font-size:11px;line-height:1.2;color:var(--muted)}.pd-heads{display:inline-flex;gap:1px}.pd-summary{display:flex;flex-direction:column;gap:.9rem;padding:1rem;border:2px solid var(--accent);border-radius:4px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-2))}@media (min-width:640px){.pd-summary{flex-direction:row;align-items:center}}.pd-table-card{display:flex;flex-direction:column;gap:.65rem;padding:.75rem;min-width:0}.pd-table-head{align-items:center;justify-content:space-between;gap:.6rem;padding:.65rem .75rem}.pd-facts,.pd-table-head{display:flex;flex-wrap:wrap}.pd-facts{gap:1.25rem}.pd-facts dt{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pd-facts dd{font-weight:800;font-variant-numeric:tabular-nums}.pd-seat{display:flex;min-width:0;min-height:9rem;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.75rem .5rem;text-align:center;background:var(--surface-2);border:2px solid #000;border-radius:4px;box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.pd-seat[data-you=true]{border-color:var(--accent);box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi),0 0 0 2px color-mix(in srgb,var(--accent) 50%,transparent)}.pd-seat[data-empty=true]{background:transparent;border:2px dashed var(--line-strong);box-shadow:none}.pd-pay{padding:.8rem;background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.pd-pay,.pd-start{border:2px solid var(--accent);border-radius:4px}.pd-start{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;text-align:center;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.pd-trade{overflow:hidden;min-width:0}.pd-trade-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:2px solid #000;background:color-mix(in srgb,#17a34a 14%,var(--surface-2))}.pd-round{font-size:1rem;font-weight:800}.pd-pips{display:flex;flex-wrap:wrap;gap:3px}.pd-pip{width:12px;height:12px;border:2px solid #000;border-radius:2px;background:transparent}.pd-pip[data-mark=right]{background:#3aa347}.pd-pip[data-mark=wrong]{background:#c9443d}.pd-pip[data-mark=missed]{background:var(--line-strong)}.pd-pip[data-mark=done]{background:var(--muted)}.pd-pip[data-mark=current]{background:#ffaa00}.pd-pip[data-mark=open]{border-color:var(--line-strong)}.pd-secs{flex-shrink:0;border:2px solid #000;border-radius:3px;background:#1b1b1b;color:#fff;padding:.15rem .6rem;font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums}.pd-secs-soft{font-size:.8rem}.pd-secs[data-urgent=true]{background:#b3302a}.pd-timer{height:14px;margin:.75rem 1rem 0;border:2px solid #000;background:#1f1f1f;overflow:hidden;box-shadow:inset 0 2px 0 rgba(255,255,255,.08)}.pd-timer>span{display:block;height:100%;background:linear-gradient(180deg,#a8ff5a,#80ff20 60%,#5ec20e)}.pd-timer[data-urgent=true]>span{background:linear-gradient(180deg,#ff8a80,#ff5555 60%,#8a1a14)}.pd-question{margin:.75rem 1rem;text-align:center;font-size:1rem;font-weight:800}@media (min-width:640px){.pd-question{font-size:1.15rem}}.pd-arena{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.5rem;padding:0 .75rem}@media (min-width:640px){.pd-arena{gap:1rem;padding:0 1rem}}.pd-item{position:relative;display:flex;min-width:0;min-height:13.5rem;flex-direction:column;align-items:center;justify-content:flex-start;gap:.45rem;padding:1.4rem .5rem .7rem;text-align:center;background:var(--surface-2);color:var(--ink);border:2px solid #000;border-radius:4px;box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi);cursor:default}.pd-item:disabled{opacity:1}.pd-item[data-playable=true]{cursor:pointer}.pd-item[data-playable=true]:hover{background:color-mix(in srgb,var(--accent) 18%,var(--surface-2));border-color:var(--accent)}.pd-item:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.pd-item[data-picked=true]{background:color-mix(in srgb,var(--accent) 20%,var(--surface));border-color:var(--accent);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 0 0 3px color-mix(in srgb,var(--accent) 60%,transparent)}.pd-item[data-picked=true][data-framed=true]:not([data-outcome]){background:color-mix(in srgb,var(--frame-accent) 18%,var(--surface));border-color:var(--frame-accent);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 0 0 3px color-mix(in srgb,var(--frame-accent) 65%,transparent),0 0 16px color-mix(in srgb,var(--frame-accent) 45%,transparent)}.pd-item[data-framed=true] .pd-mine{background:var(--frame-accent)}.pd-item[data-outcome=correct]{background:color-mix(in srgb,var(--success) 22%,var(--surface));border-color:color-mix(in srgb,var(--success) 75%,#000);box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 0 0 3px color-mix(in srgb,var(--success) 70%,transparent),0 0 22px color-mix(in srgb,var(--success) 55%,transparent)}.pd-item[data-outcome=wrong]{background:color-mix(in srgb,var(--danger) 14%,var(--surface));border-color:color-mix(in srgb,var(--danger) 70%,#000)}.pd-item[data-outcome=wrong] .pd-item-icon{filter:saturate(.55)}.pd-item[data-outcome=wrong][data-picked=true]{box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 0 0 3px color-mix(in srgb,var(--danger) 60%,transparent)}.pd-key{left:.35rem;display:inline-flex;width:1.35rem;height:1.35rem;align-items:center;justify-content:center;border:2px solid #000;border-radius:3px;background:#6f6f6f;color:#fff;font-size:11px;box-shadow:inset 1px 1px 0 #a9a9a9,inset -1px -2px 0 #484848}.pd-key,.pd-mine{position:absolute;top:.35rem;font-weight:800}.pd-mine{right:.35rem;border:1px solid #000;border-radius:3px;background:#ffaa00;color:#2a1c08;padding:0 .3rem;font-size:9px;letter-spacing:.04em;text-transform:uppercase;line-height:1.6}.pd-item-slot{display:flex;width:5.5rem;height:5.5rem;align-items:center;justify-content:center;border:2px solid #000;background:color-mix(in srgb,#000 14%,var(--surface-2));box-shadow:inset 2px 2px 0 var(--bevel-lo),inset -2px -2px 0 var(--bevel-hi)}.pd-item-icon{width:64px;height:64px}@media (min-width:640px){.pd-item{min-height:16rem}.pd-item-slot{width:8rem;height:8rem}.pd-item-icon{width:96px;height:96px}}.pd-item-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.85rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}@media (min-width:640px){.pd-item-name{font-size:1rem}}.pd-price{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;border:2px solid #000;border-radius:3px;background:#1b1b1b;color:#fff;padding:.15rem .5rem;font-size:.95rem;font-weight:800;white-space:nowrap}.pd-price[data-hidden=true]{color:#8a8a8a;letter-spacing:.08em}.pd-item[data-outcome=correct] .pd-price{color:#55ff55}.pd-item[data-outcome=wrong] .pd-price{color:#ff8a80}@media (min-width:640px){.pd-price{font-size:1.1rem}}.pd-each{margin-top:-.3rem;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted)}.pd-pickers{flex-wrap:wrap;gap:2px}.pd-pickers,.pd-vs{display:flex;justify-content:center}.pd-vs{flex-direction:column;align-items:center;gap:.25rem;min-width:2.25rem}.pd-vs-label{background:#1b1b1b;color:#ffaa00;padding:0 .3rem;font-size:11px}.pd-vs-label,.pd-vs-sign{border:2px solid #000;border-radius:3px;font-weight:800}.pd-vs-sign{display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;background:#2f8a3a;color:#fff;font-size:1.6rem;line-height:1;box-shadow:inset 2px 2px 0 #6fd07a,inset -2px -3px 0 #17521f}.pd-trade-foot{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.85rem 1rem 1rem;text-align:center}.pd-status{font-weight:800}.pd-status[data-tone=success]{color:var(--success)}.pd-status[data-tone=danger]{color:var(--danger)}.pd-score-row{position:relative;display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:var(--surface-2);border:2px solid #000;border-radius:3px}.pd-score-row[data-you=true]{border-color:var(--accent)}.pd-score-row.cos-frame{padding:calc(.35rem - 1px) calc(.5rem - 1px)}.pd-picker{display:inline-flex;border-radius:2px}.pd-picker[data-framed=true]{box-shadow:0 0 0 2px var(--frame-accent),0 0 7px color-mix(in srgb,var(--frame-accent) 60%,transparent)}.pd-score-row[data-out=true]{opacity:.55}.pd-place{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border:2px solid #000;border-radius:3px;background:var(--surface);font-size:12px;font-weight:800}.pd-place[data-place="1"]{background:#ffaa00;color:#2a1c08}.pd-place[data-place="2"]{background:#d8d8d8;color:#1e1e1e}.pd-place[data-place="3"]{background:#c77b3a;color:#1e1e1e}.pd-move{flex-shrink:0;font-size:11px;font-weight:800}.pd-move[data-dir=up]{color:var(--success)}.pd-move[data-dir=down]{color:var(--danger)}.pd-total{min-width:3ch;flex-shrink:0;text-align:right;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.pd-float{position:absolute;right:.5rem;top:-.6rem;border:1px solid #000;border-radius:3px;background:#2f8a3a;color:#fff;padding:0 .3rem;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;pointer-events:none}.pd-hist-row{display:grid;grid-template-columns:1.25rem minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:.35rem;padding:.4rem .6rem}.pd-hist-no{font-size:11px;font-weight:800;color:var(--muted);text-align:center}.pd-hist-item{display:flex;min-width:0;align-items:center;gap:.35rem;padding:.1rem .25rem;border:1px solid transparent;border-radius:3px}.pd-hist-item[data-win=true]{background:color-mix(in srgb,var(--success) 16%,transparent)}.pd-hist-item[data-mine=true]{border:1px dashed var(--accent)}.pd-hist-pts{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.pd-podium{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;padding-top:.5rem}.pd-podium-col{display:flex;min-width:0;max-width:9rem;flex:1 1 0;flex-direction:column;align-items:center;gap:.3rem;text-align:center}.pd-crown{width:28px;height:28px;margin-bottom:-.5rem;position:relative;z-index:1}.pd-step{display:flex;width:100%;align-items:flex-start;justify-content:center;padding-top:.35rem;border:2px solid #000;border-radius:3px 3px 0 0;background:var(--surface-2);color:#1e1e1e;font-weight:800;box-shadow:inset 2px 2px 0 rgba(255,255,255,.45),inset -2px -2px 0 rgba(0,0,0,.3);transform-origin:bottom}.pd-step[data-place="1"]{height:6rem;background:#ffaa00;color:#2a1c08}.pd-step[data-place="2"]{height:4.25rem;background:#d8d8d8}.pd-step[data-place="3"]{height:3rem;background:#c77b3a}}@media (prefers-reduced-motion:no-preference){.pd-item,.pd-tile{transition:background-color .12s ease,transform .12s ease,border-color .12s ease,box-shadow .16s ease}.pd-item[data-playable=true]:hover,.pd-tile:hover{transform:translateY(-2px)}.pd-item[data-picked=true] .pd-item-icon{animation:pd-pop .2s ease-out}.pd-item[data-outcome=correct]{animation:pd-glow 1.1s ease-in-out .25s 2}.pd-item[data-outcome=wrong][data-picked=true]{animation:pd-shake .32s ease-in-out .25s}.pd-price:not([data-hidden=true]),.pd-vs-sign{animation:pd-pop .26s ease-out both}.pd-timer>span{transition:width .11s linear}.pd-timer[data-urgent=true]{animation:pd-pulse .5s ease-in-out infinite alternate}.pd-secs[data-urgent=true]{animation:pd-beat 1s ease-in-out infinite}.pd-float{animation:pd-float 1.6s ease-out both}.pd-podium-card{animation:pd-pop .26s ease-out both}.pd-step{animation:pd-rise .52s cubic-bezier(.2,.9,.3,1.2) both}.pd-step[data-place="1"]{animation-delay:.36s}.pd-step[data-place="2"]{animation-delay:.18s}.pd-seat{animation:pd-pop .22s ease-out both}@keyframes pd-pop{0%{transform:scale(.9);opacity:.3}to{transform:none;opacity:1}}@keyframes pd-glow{50%{box-shadow:inset 2px 2px 0 var(--bevel-hi),inset -2px -2px 0 var(--bevel-lo),0 0 0 4px color-mix(in srgb,var(--success) 85%,transparent),0 0 34px color-mix(in srgb,var(--success) 75%,transparent)}}@keyframes pd-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes pd-pulse{to{box-shadow:0 0 0 2px color-mix(in srgb,#ff5555 70%,transparent),0 0 12px #ff5555}}@keyframes pd-beat{0%,to{transform:none}12%{transform:scale(1.14)}}@keyframes pd-float{0%{transform:translateY(8px);opacity:0}15%{transform:translateY(0);opacity:1}75%{opacity:1}to{transform:translateY(-22px);opacity:0}}@keyframes pd-rise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}}.uno-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.uno-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border:2px solid var(--line);border-radius:3px;background:var(--surface-2);font-size:12px;font-weight:700}.uno-chip-code{font-family:ui-monospace,monospace;letter-spacing:.08em}.uno-chip-gold{border-color:#ffaa00}.uno-felt{position:relative;isolation:isolate;overflow:hidden;border:10px solid #8b6239;border-image:repeating-linear-gradient(90deg,#a0764a 0 22px,#7a5530 22px 24px,#b3854f 24px 46px,#7a5530 46px 48px) 10;background-color:#2f6b2a;background-image:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.08),transparent 65%),repeating-conic-gradient(rgba(0,0,0,.07) 0 25%,transparent 0 50%);background-size:auto,6px 6px;box-shadow:0 0 0 2px #000,inset 0 0 0 2px rgba(0,0,0,.45),inset 0 0 40px rgba(0,0,0,.35);color:#fff}.uno-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px}.uno-waiting{display:grid;gap:14px;padding:16px}.uno-waiting-top{flex-wrap:wrap;gap:18px}.uno-logo,.uno-waiting-top{display:flex;align-items:center}.uno-logo{padding:6px 10px 6px 4px}.uno-title{font-size:22px;font-weight:900;line-height:1.1}.uno-sub{margin-top:2px;color:rgba(255,255,255,.82);font-size:13px}.uno-rule{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border:1px solid rgba(0,0,0,.6);border-radius:2px;background:rgba(0,0,0,.35);font-size:11px;font-weight:700}.uno-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.uno-slot-card{display:flex;align-items:center;gap:10px;min-width:0;min-height:68px;padding:8px 10px;border:2px solid rgba(0,0,0,.65);border-radius:3px;background:rgba(0,0,0,.35);box-shadow:inset 2px 2px 0 rgba(255,255,255,.08),inset -2px -2px 0 rgba(0,0,0,.3)}.uno-slot-you{border-color:#ffaa00}.uno-slot-open{justify-content:center;border-style:dashed;border-color:rgba(255,255,255,.35);background:rgba(0,0,0,.12);box-shadow:none;color:rgba(255,255,255,.7);font-size:13px;font-weight:700}.uno-slot-plus{font-size:22px;font-weight:900}.uno-tag{display:inline-block;padding:1px 5px;border:1px solid #000;border-radius:2px;background:#555;color:#fff;font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.uno-tag-host{background:#ffaa00;color:#2a1c08}.uno-tag-paid{background:#3a8a2a}.uno-tag-unpaid{background:#b36b00}.uno-tag-bot{background:#5b5b6b}.uno-tag-out{background:#3a3a3a}.uno-panel{padding:12px;border:2px solid #000;border-radius:3px;background:var(--surface);box-shadow:inset 2px 2px 0 rgba(255,255,255,.12),inset -2px -2px 0 rgba(0,0,0,.25);color:var(--ink)}.uno-paybox{display:grid;gap:6px;padding:10px;border:2px solid #ffaa00;border-radius:3px}.uno-deal-btn{display:inline-flex;align-items:center;gap:8px;font-weight:800}.uno-round{display:grid;gap:12px;padding:12px}.uno-round:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s ease}.uno-round[data-alert=penalty]:before{opacity:1;box-shadow:inset 0 0 70px rgba(255,40,30,.6)}.uno-round[data-alert=draw]:before{opacity:1;box-shadow:inset 0 0 60px rgba(255,190,40,.4)}.uno-seats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.uno-seat{position:relative;display:grid;gap:4px;min-width:128px;padding:6px 8px 8px;border:2px solid rgba(0,0,0,.65);border-radius:3px;background:rgba(0,0,0,.35);transition:border-color .2s ease,box-shadow .2s ease}.uno-seat[data-turn]{border-color:#ffd24a;box-shadow:0 0 0 2px rgba(255,210,74,.45),0 0 18px rgba(255,210,74,.4)}.uno-seat[data-out]{opacity:.5}.uno-seat[data-winner]{border-color:#ffd24a}.uno-seat-head{display:flex;align-items:center;gap:6px;min-width:0}.uno-seat-name{min-width:0;overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.uno-seat-hand{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;min-height:38px}.uno-seat-count{min-width:26px;padding:1px 5px;border:1px solid #000;border-radius:2px;background:rgba(0,0,0,.55);font-size:15px;font-weight:900;text-align:center;font-variant-numeric:tabular-nums}.uno-seat-timer{position:absolute;bottom:0;left:0;height:3px;background:#7fff4a;transition:width .2s linear}.uno-uno-tag{top:-9px;left:-6px;padding:1px 6px;font-size:12px;rotate:-8deg}.uno-pop,.uno-uno-tag{position:absolute;border:2px solid #000;border-radius:2px;background:#b02e26;font-weight:900}.uno-pop{top:-12px;right:-8px;z-index:3;padding:2px 8px;font-size:20px;pointer-events:none;opacity:0}.uno-pop[data-kind=uno]{background:#ffaa00;color:#2a1c08}.uno-pop-me{top:8px;right:12px}.uno-center{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px;padding:34px 8px 14px}.uno-ring{position:absolute;top:50%;left:50%;z-index:-1;width:230px;height:230px;margin:-115px 0 0 -115px;border:3px dashed rgba(255,255,255,.13);border-radius:50%;pointer-events:none}.uno-pile-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}.uno-pile{position:relative;width:86px;height:122px;padding:0;border:0;background:none;cursor:pointer;transition:translate .12s ease,filter .12s ease}.uno-pile:disabled{cursor:default;filter:brightness(.82)}.uno-pile:not(:disabled):focus-visible,.uno-pile:not(:disabled):hover{translate:0 -4px;outline:none}.uno-pile-card{position:absolute}.uno-pile-3{top:6px;left:6px}.uno-pile-2{top:3px;left:3px}.uno-pile-1{top:0;left:0}.uno-pile:after{content:"";position:absolute;inset:-6px -2px -2px -6px;border-radius:6px;pointer-events:none;opacity:0}.uno-pile-wrap[data-alert] .uno-pile{filter:none}.uno-pile-wrap[data-alert=draw] .uno-pile:after{opacity:1;box-shadow:0 0 0 3px #ffd24a,0 0 26px 6px rgba(255,210,74,.75)}.uno-pile-wrap[data-alert=penalty] .uno-pile:after{opacity:1;box-shadow:0 0 0 3px #ff4a3a,0 0 30px 8px rgba(255,60,40,.8)}.uno-pile-arrow{position:absolute;top:-34px;z-index:2;display:flex;flex-direction:column;align-items:center;padding:2px 8px;border:2px solid #000;border-radius:2px;background:#ffd24a;color:#2a1c08;font-size:13px;font-weight:900;white-space:nowrap}.uno-pile-wrap[data-alert=penalty] .uno-pile-arrow{background:#ff4a3a;color:#fff}.uno-pile-arrow-tip{position:absolute;bottom:-15px;color:#ffd24a;font-size:12px;line-height:1}.uno-pile-badge{position:absolute;top:-10px;right:-16px;z-index:2;display:inline-flex;align-items:center;gap:2px;padding:2px 6px 2px 3px;border:2px solid #000;border-radius:2px;background:#b02e26;color:#fff;font-size:17px;font-weight:900}.uno-pile-count{color:rgba(255,255,255,.75);font-size:11px;font-weight:700}.uno-discard{--cur:#fff;position:relative;width:80px;height:116px}.uno-discard[data-color=R]{--cur:#ff4a3a}.uno-discard[data-color=Y]{--cur:#ffd24a}.uno-discard[data-color=G]{--cur:#6fe03a}.uno-discard[data-color=B]{--cur:#5a7bff}.uno-discard:before{content:"";position:absolute;inset:-9px;border-radius:8px;box-shadow:0 0 0 3px var(--cur),0 0 22px 2px var(--cur);opacity:.7;transition:box-shadow .3s ease}.uno-discard>.uno-mc{position:absolute;top:0;left:0}.uno-under{filter:brightness(.8)}.uno-top{rotate:var(--tilt,0deg)}.uno-info{flex-direction:column;gap:4px;min-width:70px;font-weight:800}.uno-colorblock,.uno-info{display:flex;align-items:center}.uno-colorblock{justify-content:center;width:46px;height:46px;border:2px solid #000;border-radius:2px;box-shadow:inset 3px 3px 0 rgba(255,255,255,.3),inset -3px -3px 0 rgba(0,0,0,.35);transition:background-color .3s ease}.uno-colorblock[data-color=R]{background:#b02e26}.uno-colorblock[data-color=Y]{background:#e9a916}.uno-colorblock[data-color=G]{background:#4e8a1a}.uno-colorblock[data-color=B]{background:#3446b0}.uno-info-line{font-size:13px}.uno-dir{display:inline-block;font-size:26px;line-height:1}.uno-pending{display:inline-flex;align-items:center;gap:3px;padding:1px 6px 1px 3px;border:2px solid #000;border-radius:2px;background:#b02e26;font-size:14px;font-weight:900}.uno-me{position:relative;display:grid;gap:8px;padding:10px;border:2px solid rgba(0,0,0,.65);border-radius:3px;background:rgba(0,0,0,.3);transition:border-color .2s ease,box-shadow .2s ease}.uno-me[data-turn]{border-color:#ffd24a;box-shadow:0 0 0 2px rgba(255,210,74,.35)}.uno-turnline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.uno-turntext{font-size:14px;font-weight:800}.uno-turntext-me{color:#ffd24a;font-size:19px;font-weight:900}.uno-xp{position:relative;flex:1;min-width:140px;height:12px;margin-top:10px;border:2px solid #000;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(0,0,0,.7) calc(10% - 2px) 10%),#1b1b1b}.uno-xp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(#c8ff6a,#5cc41a 60%,#3c8a10);transition:width .2s linear}.uno-xp:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 2px),rgba(0,0,0,.7) calc(10% - 2px) 10%)}.uno-xp-num{position:absolute;top:-17px;left:50%;z-index:1;translate:-50% 0;padding:0 4px;border-radius:2px;background:rgba(0,0,0,.6);color:#80ff20;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.uno-xp[data-low] .uno-xp-fill{background:linear-gradient(#ff9a8a,#e0321e 60%,#9a1a0e)}.uno-xp[data-low] .uno-xp-num{color:#ff6a5a}.uno-hand{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;min-height:100px;padding:16px 4px 4px}.uno-drawn{box-shadow:0 0 0 3px #7fffd4,0 6px 0 rgba(0,0,0,.45)}.uno-hint{color:rgba(255,255,255,.82);font-weight:600}.uno-hint,.uno-spectate{font-size:13px;text-align:center}.uno-spectate{padding:8px;border-radius:3px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.85);font-weight:700}.uno-shout-btn{padding:8px 26px;border:2px solid #000;border-radius:3px;background:#d0342a;box-shadow:inset 3px 3px 0 rgba(255,255,255,.35),inset -3px -3px 0 rgba(0,0,0,.35);color:#fff;font-size:22px;font-weight:900;letter-spacing:.06em;cursor:pointer}.uno-shout-btn:hover{background:#e2443a}.uno-arm-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:2px solid #000;border-radius:3px;background:#4a4a4a;box-shadow:inset 2px 2px 0 rgba(255,255,255,.2),inset -2px -2px 0 rgba(0,0,0,.35);color:#fff;font-size:13px;font-weight:800;cursor:pointer}.uno-arm-on{background:#ffaa00;color:#2a1c08}.uno-chat{display:grid;gap:2px;padding:6px 10px;border-radius:2px;background:rgba(0,0,0,.72);color:#fff;font-size:12px}.uno-chat li{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px}.uno-chat-name{color:#ffd24a;font-weight:800}.uno-chat-card{margin-left:2px}.uno-picker-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.5)}.uno-picker{width:100%;max-width:320px;padding:14px;border:2px solid #000;border-radius:3px;background:var(--surface);box-shadow:inset 2px 2px 0 rgba(255,255,255,.15),inset -2px -2px 0 rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.5);color:var(--ink)}.uno-picker-title{margin-bottom:10px;font-weight:900;text-align:center}.uno-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid #000;border-radius:2px;box-shadow:inset 3px 3px 0 rgba(255,255,255,.3),inset -3px -3px 0 rgba(0,0,0,.35);color:#fff;font-weight:800;cursor:pointer;transition:translate .1s ease}.uno-swatch:focus-visible,.uno-swatch:hover{translate:0 -2px;outline:2px solid #fff}.uno-swatch[data-color=R]{background:#b02e26}.uno-swatch[data-color=Y]{background:#e9a916}.uno-swatch[data-color=G]{background:#4e8a1a}.uno-swatch[data-color=B]{background:#3446b0}.uno-end{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.55)}.uno-end-panel{position:relative;display:grid;gap:10px;width:100%;max-width:400px;padding:18px;border:2px solid #000;border-radius:3px;background:#1e1e1e;box-shadow:inset 3px 3px 0 rgba(255,255,255,.1),inset -3px -3px 0 rgba(0,0,0,.5),0 12px 40px rgba(0,0,0,.6);text-align:center}.uno-totem{margin:0 auto}.uno-end-title{color:#ffd24a;font-size:24px;font-weight:900;line-height:1.15}.uno-end-money{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#7dff6a;font-weight:800}.uno-standings{display:grid;gap:4px;text-align:left}.uno-standings li{display:flex;align-items:center;gap:8px;padding:4px 8px;border:2px solid rgba(255,255,255,.08);border-radius:2px;background:rgba(255,255,255,.05);font-size:13px}.uno-standings li[data-winner]{border-color:#ffd24a;background:rgba(255,210,74,.12)}.uno-standings-rank{width:18px;font-weight:900;text-align:center}.uno-fireworks{position:absolute;inset:0;pointer-events:none}.uno-firework{position:absolute;width:6px;height:6px;background:var(--fw);opacity:0;box-shadow:0 -44px var(--fw),31px -31px var(--fw),44px 0 var(--fw),31px 31px var(--fw),0 44px var(--fw),-31px 31px var(--fw),-44px 0 var(--fw),-31px -31px var(--fw),0 -22px var(--fw),22px 0 var(--fw),0 22px var(--fw),-22px 0 var(--fw)}.uno-create{display:grid;gap:16px}@media (min-width:900px){.uno-create{grid-template-columns:minmax(0,1fr) 260px}}.uno-option{display:grid;gap:6px}.uno-option-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.uno-deck{display:grid;align-content:start;gap:10px;padding:14px;text-align:center}.uno-deck-cards{display:flex;align-items:center;justify-content:center;padding:10px 0 4px}.uno-deck p{color:rgba(255,255,255,.85);font-size:12px}.uno-deck-names{display:grid;gap:2px;font-size:12px;font-weight:800}.uno-lobby-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:8px 10px}.uno-pips{display:inline-flex;gap:3px}.uno-pip{width:10px;height:14px;border:1px solid #000;border-radius:1px;background:var(--surface-2)}.uno-pip[data-on]{background:#b02e26;box-shadow:inset 1px 1px 0 rgba(255,255,255,.35)}@media (prefers-reduced-motion:no-preference){.uno-loading-card{animation:uno-flip 1.2s ease-in-out infinite}.uno-ring{animation:uno-spin 22s linear infinite}.uno-ring[data-dir="-1"]{animation-direction:reverse}.uno-dir{animation:uno-spin 3s linear infinite}.uno-dir[data-dir="-1"]{animation-direction:reverse}.uno-seat[data-turn]{animation:uno-glow 1.6s ease-in-out infinite}.uno-turntext-me{animation:uno-breathe 1.4s ease-in-out infinite}.uno-uno-tag{animation:uno-breathe 1s ease-in-out infinite}.uno-pop{animation:uno-pop 1.9s ease-out both}.uno-slam{animation:uno-slam .38s cubic-bezier(.2,.9,.3,1.15) both}.uno-round[data-alert=penalty]:before{animation:uno-alarm 1s ease-in-out infinite}.uno-pile-wrap[data-alert] .uno-pile{animation:uno-shake 1.4s ease-in-out infinite}.uno-pile-wrap[data-alert] .uno-pile:after{animation:uno-halo 1s ease-in-out infinite}.uno-pile-arrow{animation:uno-bob .8s ease-in-out infinite}.uno-pile-badge{animation:uno-bounce .7s ease-in-out infinite}.uno-xp[data-low]{animation:uno-shake-small .5s ease-in-out infinite}.uno-catch,.uno-shout-btn{animation:uno-breathe .9s ease-in-out infinite}.uno-end-panel{animation:uno-panel-in .4s cubic-bezier(.2,.9,.3,1.2) both}.uno-totem{animation:uno-totem 1.8s ease-in-out infinite}.uno-firework{animation:uno-burst 1.75s ease-out infinite}.uno-picker{animation:uno-panel-in .2s ease-out both}}@media (prefers-reduced-motion:reduce){.uno-pop{opacity:1}}@keyframes uno-spin{to{rotate:1turn}}@keyframes uno-flip{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}@keyframes uno-glow{0%,to{box-shadow:0 0 0 2px rgba(255,210,74,.45),0 0 10px rgba(255,210,74,.3)}50%{box-shadow:0 0 0 2px rgba(255,210,74,.8),0 0 22px rgba(255,210,74,.6)}}@keyframes uno-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes uno-pop{0%{opacity:0;transform:translateY(8px) scale(.4)}15%{opacity:1;transform:translateY(-4px) scale(1.25)}30%{transform:translateY(0) scale(1)}80%{opacity:1;transform:translateY(-6px)}to{opacity:0;transform:translateY(-22px)}}@keyframes uno-slam{0%{opacity:0;transform:translate(-30px,-70px) scale(1.4) rotate(-28deg)}to{opacity:1;transform:none}}@keyframes uno-alarm{0%,to{box-shadow:inset 0 0 50px rgba(255,40,30,.35)}50%{box-shadow:inset 0 0 90px rgba(255,40,30,.75)}}@keyframes uno-shake{0%,55%,to{transform:rotate(0deg)}60%{transform:rotate(-6deg) translateX(-3px)}68%{transform:rotate(6deg) translateX(3px)}76%{transform:rotate(-4deg) translateX(-2px)}84%{transform:rotate(3deg) translateX(1px)}92%{transform:rotate(-1deg)}}@keyframes uno-shake-small{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@keyframes uno-halo{0%,to{opacity:.55}50%{opacity:1}}@keyframes uno-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes uno-bounce{0%,to{transform:scale(1) rotate(-6deg)}50%{transform:scale(1.18) rotate(4deg)}}@keyframes uno-panel-in{0%{opacity:0;transform:scale(.85) translateY(10px)}to{opacity:1;transform:none}}@keyframes uno-totem{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}@keyframes uno-burst{0%{opacity:1;transform:scale(.1)}70%{opacity:1}to{opacity:0;transform:scale(1.25)}}@media (max-width:480px){.uno-felt{border-width:6px;border-image-slice:6}.uno-round{padding:8px}.uno-center{gap:18px;padding-top:38px}.uno-seat{min-width:104px}.uno-pile{width:72px;height:102px}.uno-discard{width:66px;height:96px}.uno-ring{width:180px;height:180px;margin:-90px 0 0 -90px}.uno-hand{gap:3px}.uno-info{flex-basis:100%;flex-direction:row;justify-content:center;gap:10px}.uno-colorblock{width:34px;height:34px}}.uno-pile-wrap[data-alert=penalty] .uno-pile-arrow-tip{color:#ff4a3a}