@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#353f2d;background:#f4eacb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#fff8dd,transparent 70%),repeating-linear-gradient(0deg,#80633303 0 1px,transparent 1px 4px)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #b13b29;outline-offset:5px}header{max-width:1500px;margin:auto;padding:23px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #91865433}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:2px;font-size:20px}.brand>span{font-size:36px;color:#b34d35}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:#9a855a;margin-top:5px}.header-link{font-size:11px;padding:12px 17px;border:1px solid #a79a6b66;border-radius:30px}.header-link b{margin-left:20px}main{max-width:1500px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0 27px}.eyebrow{font-size:9px;letter-spacing:2px;color:#9a7950;font-weight:700;margin:0 0 15px}h1{font:600 clamp(29px,3.7vw,52px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-1.5px;margin:0}h1 em{color:#b14f35}.intro-note{display:flex;gap:15px;align-items:center}.intro-note>span{color:#b27d42;font-size:34px}.intro-note p{font-size:11px;line-height:1.9;color:#8c805e}.village-shell{border:1px solid #bc9c60;border-radius:20px;background:#fff2d3;box-shadow:0 16px 0 #d5bd88,0 24px 0 #aa8e5655,0 35px 50px #65503125;overflow:hidden;position:relative}.map-top{display:flex;justify-content:space-between;align-items:center;padding:13px 22px;background:#374b38;color:#fff0bc;font-size:9px;letter-spacing:2px}.map-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#dce399;margin-right:8px;box-shadow:0 0 10px #ece79f}.map-top b{font-size:20px;margin-left:12px}.map-scroll{overflow-x:auto;overscroll-behavior-x:contain}.map-world{position:relative;aspect-ratio:1.5;isolation:isolate;background:#baca99;perspective:1000px;min-width:680px}.map-background{display:block;width:100%;height:100%;object-fit:cover}.map-light{position:absolute;inset:0;background:linear-gradient(140deg,#ffdc7420,transparent 60%,#164e4020);pointer-events:none}.route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.route path{fill:none;stroke:#fff0bc90;stroke-width:3;stroke-dasharray:4 9;stroke-linecap:round}.route #active-route{stroke:#ffe08b;stroke-width:5;stroke-dasharray:8 8;filter:drop-shadow(0 2px 1px #a05f39);animation:route-flow 1s linear infinite}.destination{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-70%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:9px;transition:filter .2s}.pin{width:52px;height:56px;display:grid;place-items:center;background:linear-gradient(145deg,#e7b963,#b86538);border:3px solid #fff1c0;border-radius:14px 14px 20px 20px;box-shadow:0 5px 0 #7b412d,0 13px 17px #563c3945;transform:rotateX(12deg) rotateZ(-5deg);transition:transform .3s}.pin span{font:32px Georgia,serif;color:#fff2c8;text-shadow:0 2px 0 #582b3245}.destination:hover .pin,.destination:focus-visible .pin,.destination.chosen .pin{transform:translateY(-9px) rotateX(0) rotateZ(4deg);box-shadow:0 5px 0 #7b412d,0 17px 25px #f9d97599}.place-label{display:block;position:relative;min-width:145px;padding:9px 15px 8px;text-align:center;background:#fff2d7f5;border:1px solid #9c6738;border-radius:9px;box-shadow:0 4px 0 #b79c68,0 10px 18px #513e3030;transition:transform .3s}.place-label small{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#9e6e45;margin-bottom:3px}.place-label strong{display:block;font-size:12px;color:#3d4d33}.place-label em{display:block;font-style:normal;font-size:7px;color:#837151;margin-top:5px}.place-label em b{font-size:11px;margin-left:7px}.destination:hover .place-label,.destination.chosen .place-label{transform:translateY(-4px);background:#fff8de;outline:2px solid #e8c56c}.phom .pin{background:linear-gradient(135deg,#78a878,#3e795f)}.lieng .pin{background:linear-gradient(135deg,#af7b76,#724657)}.uno .pin{background:linear-gradient(135deg,#e68e53,#ae4530)}.masoi .pin{background:linear-gradient(135deg,#688295,#354d66)}.traveler{position:absolute;left:var(--tx);top:var(--ty);width:14%;min-width:90px;max-width:175px;transform:translate(-50%,-75%);z-index:7;pointer-events:none;will-change:left,top}.traveler img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 5px #52352466);transform-origin:50% 90%;animation:idle-bob 3s ease-in-out infinite}.traveler.face-left img{scale:-1 1}.traveler.walking img{animation:walk-bob .32s ease-in-out infinite}.traveler-shadow{position:absolute;bottom:9%;left:15%;width:70%;height:12%;border-radius:50%;background:#46372960;filter:blur(5px);z-index:-1}.traveler-name{position:absolute;bottom:0;left:50%;translate:-50% 40%;font-size:8px;padding:4px 10px;white-space:nowrap;background:#355140;color:#fff3c5;border-radius:20px;border:1px solid #eacb7e}.music-note{position:absolute;right:5%;top:20%;font-size:22px;color:#fff6c0;text-shadow:0 2px #935729;animation:music-float 2.8s ease-out infinite}.folk-cloud{position:absolute;width:25%;pointer-events:none;z-index:8;opacity:.88;filter:drop-shadow(0 8px 8px #6f552f25);animation:cloud-drift 55s linear infinite;left:-30%}.folk-cloud svg{display:block;width:100%}.cloud-one{top:4%;animation-delay:-9s}.cloud-two{top:38%;width:18%;animation-duration:75s;animation-delay:-45s;opacity:.66}.cloud-three{top:70%;width:21%;animation-duration:90s;animation-delay:-28s;opacity:.7}.map-corner{position:absolute;bottom:20px;right:22px;font-size:40px;color:#fff2bcaa;pointer-events:none}.map-bottom{min-height:56px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff2d6;border-top:1px solid #b9915b55}.map-bottom p{font-size:10px;color:#796348;margin:0;line-height:1.8}.map-bottom button{font:600 10px 'Be Vietnam Pro',system-ui;padding:9px 12px;color:#a13e2c;border:1px solid #b68158;background:#fff8e6;border-radius:6px;cursor:pointer}.mobile-hint{display:none;font-size:9px;color:#9b8053}.choose{display:flex;align-items:center;gap:25px;padding:55px 0 30px}.choose-title{min-width:150px}.choose-title>span{font-size:8px;letter-spacing:1.5px;color:#9d7952}.choose-title p{font:600 20px 'Playfair Display',Georgia,serif;margin:8px 0}.quick-list{display:flex;flex-wrap:wrap;gap:9px;flex:1}.quick-game{display:flex;gap:10px;align-items:center;padding:14px 18px;border:1px solid #b7a57b;border-radius:9px;background:#fff5df;box-shadow:0 3px 0 #d2bb86;font-size:12px;transition:transform .2s,background .2s}.quick-game span{font-size:10px;font-weight:600}.quick-game b{margin-left:10px;color:#a24a33}.quick-game:hover,.quick-game.chosen{transform:translateY(-4px);background:#fffbe9}footer{border-top:1px solid #ad996545;display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:#8c7951;font-size:9px}footer small{font-size:8px} [hidden]{display:none!important}@keyframes cloud-drift{from{left:-30%;transform:translateY(0)}50%{transform:translateY(12px)}to{left:105%;transform:translateY(0)}}@keyframes idle-bob{50%{transform:translateY(-3px) rotate(-1deg)}}@keyframes walk-bob{50%{transform:translateY(-7px) rotate(2deg)}}@keyframes music-float{0%{opacity:0;transform:translateY(0)}25%{opacity:1}100%{opacity:0;transform:translate(12px,-28px)}}@keyframes route-flow{to{stroke-dashoffset:-32}}@media(max-width:800px){.intro-note{display:none}.intro{padding:28px 0 23px}.choose{display:block}.quick-list{margin-top:18px}.map-top{font-size:8px;padding:12px 14px}.map-bottom{padding:12px 14px}.mobile-hint{display:block;white-space:nowrap}.place-label{min-width:115px;padding:7px 9px}.place-label strong{font-size:10px}.pin{width:42px;height:46px}.pin span{font-size:26px}.choose-title p{font-size:23px}}@media(max-width:500px){header{padding:17px 5%}.brand{font-size:16px}.brand>span{font-size:29px}.header-link{font-size:9px;padding:9px 12px}.header-link b{margin-left:8px}h1{font-size:33px}.eyebrow{font-size:7px;letter-spacing:1.4px}.village-shell{border-radius:13px}.map-world{min-width:680px}.map-bottom{display:block}.map-bottom p{font-size:9px}.mobile-hint{margin-top:6px;font-size:8px}.map-bottom button{margin-top:8px}.quick-game{padding:12px 13px}.quick-list{gap:9px}.choose{padding-top:43px}footer{flex-direction:column;gap:8px}.map-top{letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cloud-one{left:4%}.cloud-two{left:72%}.cloud-three{left:40%}}

.map-world{overflow:hidden}.map-background{transform:scale(1.025) translate3d(var(--px,0px),var(--py,0px),0);transition:transform .3s ease-out;will-change:transform}.map-light:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 45%,#384a2925);pointer-events:none}
.destination:after{content:'';position:absolute;bottom:-12px;left:20%;right:20%;height:9px;background:#2e382455;border-radius:50%;filter:blur(4px);z-index:-1}
@media(prefers-reduced-motion:reduce){.map-background{transform:none;will-change:auto}}

.area-bar{display:flex;align-items:center;gap:15px;padding:13px 22px;border-bottom:1px solid #bda57655;background:#fff2d6}.area-bar strong{display:block;font:600 21px 'Playfair Display',Georgia,serif}.area-bar div>span{display:block;font-size:9px;color:#91744e;margin-top:4px}.area-bar button{font:600 10px 'Be Vietnam Pro',sans-serif;padding:11px 13px;background:#364f3a;color:#fff3d0;border:0;border-radius:7px;cursor:pointer}.view-hint{font-size:9px;color:#9a7950;margin-left:auto}.area-view .map-background{transform-origin:var(--focus-x) var(--focus-y);transform:scale(1.45) translate3d(var(--px,0px),var(--py,0px),0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.region-marker{font:inherit;border:0;background:none;cursor:pointer;padding:0;color:inherit}.region-marker .place-label{min-width:155px}.region-marker .place-label strong{font-size:15px}.soon-marker{font:inherit;border:0;background:none;cursor:pointer;padding:0}.soon-marker .pin{background:linear-gradient(145deg,#b5aa8c,#77785f);filter:saturate(.4)}.soon-marker .place-label{background:#ece3d0ed;border-style:dashed}.soon-marker .place-label em{color:#95775a}.catalog-section{padding:58px 0 10px}.catalog-head{display:flex;justify-content:space-between;gap:25px;align-items:center}.catalog-head h2{font:600 32px 'Playfair Display',Georgia,serif;margin:10px 0}.catalog-head p:not(.eyebrow){font-size:10px;color:#927b53;line-height:1.8}.search-label{display:block;font-size:10px;color:#88714a;width:280px}.search-label input{display:block;width:100%;margin-top:8px;border:1px solid #bba578;border-radius:9px;padding:14px;background:#fff7e4;font:12px 'Be Vietnam Pro',sans-serif;color:#3d5036}.area-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 15px}.filter-button{border:1px solid #bca87e;border-radius:22px;padding:10px 16px;background:#fff3d9;font:10px 'Be Vietnam Pro',sans-serif;cursor:pointer;color:#6d6246}.filter-button.active{background:#354e39;color:#fff3d0;border-color:#354e39}.live-toggle{font-size:10px;color:#7c7051;display:flex;gap:8px;align-items:center}.live-toggle input{accent-color:#36563c}#result-count{font-size:9px;color:#8b7752;margin:18px 0}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.catalog-card{position:relative;display:flex;flex-direction:column;align-items:start;text-align:left;gap:8px;padding:21px;border:1px solid #bfa778;border-radius:11px;background:#fff5dd;box-shadow:0 4px 0 #d3bd8e;color:#3a4b33;font:inherit;cursor:pointer;transition:transform .2s}.catalog-card:hover{transform:translateY(-4px)}.catalog-card small{font-size:8px;color:#94794f;letter-spacing:1px}.catalog-card strong{font-size:13px}.catalog-icon{font:26px Georgia,serif;color:#aa6744}.availability{font-size:8px;border-top:1px solid #b69d6640;width:100%;padding-top:10px;color:#4c7251}.is-soon{background:#e9e2cff0;border-style:dashed;box-shadow:none}.is-soon .availability{color:#92795b}.is-soon .catalog-icon{color:#9e947c}#empty-result{padding:25px;border:1px dashed #ac9874;border-radius:10px;font-size:12px;color:#867252}.choose{padding-top:32px}.destination button{font:inherit}
@media(max-width:800px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.area-bar{padding:12px 14px}.region-marker .place-label{min-width:130px}.region-marker .place-label strong{font-size:13px}.view-hint{display:none}.catalog-head h2{font-size:27px}}
@media(max-width:500px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-card{padding:15px}.catalog-card strong{font-size:11px}.catalog-head{display:block}.search-label{width:100%;margin-top:20px}.catalog-section{padding-top:45px}.filter-button{padding:9px 13px;font-size:9px}.area-bar strong{font-size:18px}.area-bar button{font-size:9px}.area-bar div>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.area-view .map-background{transform:scale(1.45);transition:none}}

/* Game-specific miniature scenes, rendered with layered CSS 3D shapes. */
.catalog-card{overflow:hidden;gap:8px}.game-art-scene{--light:#769e86;--dark:#28483b;position:relative;width:calc(100% + 42px);margin:-21px -21px 9px;height:172px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,var(--light),var(--dark));perspective:700px;contain:layout paint}
.theme-bamboo{--light:#90ac71;--dark:#4a6a46}.theme-plum{--light:#997286;--dark:#443047}.theme-ochre{--light:#c5aa6b;--dark:#80603c}.theme-coral{--light:#dd9b63;--dark:#a44335}.theme-gold{--light:#d6b770;--dark:#997145}.theme-copper{--light:#c18d65;--dark:#754932}.theme-wine{--light:#a27169;--dark:#5d3443}.theme-night{--light:#58788b;--dark:#192c41}.theme-blue{--light:#7c9aa7;--dark:#344d69}.theme-slate{--light:#768780;--dark:#303c41}.theme-violet{--light:#9a88a5;--dark:#514562}
.art-halo{position:absolute;width:190px;height:190px;left:50%;top:45%;translate:-50% -50%;border:1px solid #ffedb333;border-radius:50%;box-shadow:0 0 0 18px #fff1c008,0 0 0 36px #fff1c005}.art-ground{position:absolute;left:20%;right:20%;bottom:28px;height:18px;background:#19262255;border-radius:50%;filter:blur(9px)}.art-stage{position:absolute;inset:0;transform-style:preserve-3d;perspective:600px}.art-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:7px;color:#fff1cbbb;letter-spacing:1.2px;text-transform:uppercase}
.art-playing-card{position:absolute;width:48px;height:73px;left:calc(50% - 24px);top:43px;background:linear-gradient(130deg,#fffdf0,#eadcc0);border:2px solid #fff1d4;border-radius:6px;box-shadow:1px 2px 0 #d4c1a0,2px 4px 0 #98886c,0 9px 12px #2225;color:#344935;transform-origin:50% 140%;animation:cards-fan 5s ease-in-out infinite;animation-delay:calc(var(--i)*-.18s);z-index:calc(2 + var(--i));font-family:Georgia,serif}.art-playing-card.red{color:#b24435}.art-face{position:absolute;left:5px;top:5px;font-size:12px}.art-suit{position:absolute;top:25px;left:0;right:0;text-align:center;font-style:normal;font-size:28px}.art-bottom{position:absolute;right:4px;bottom:4px;font-size:8px;rotate:180deg}.art-chip{position:absolute;width:30px;height:30px;right:calc(18% + var(--i)*7px);top:calc(106px - var(--i)*5px);border:3px dashed #ffe6a1;border-radius:50%;background:#c6923e;color:#fff3ba;display:grid;place-items:center;box-shadow:0 4px 0 #795832;transform:rotateX(35deg);animation:chip-hop 3s ease-in-out infinite;animation-delay:calc(var(--i)*-.4s)}
@keyframes cards-fan{0%,100%{transform:translateX(calc((var(--i) - (var(--n) - 1)/2)*23px)) rotateX(15deg) rotateZ(calc((var(--i) - (var(--n) - 1)/2)*12deg))}50%{transform:translateX(calc((var(--i) - (var(--n) - 1)/2)*27px)) translateY(-9px) rotateX(-8deg) rotateZ(calc((var(--i) - (var(--n) - 1)/2)*16deg))}}
.art-phom .art-playing-card{animation-name:meld-join;animation-duration:4.5s}@keyframes meld-join{0%,100%{transform:translateX(calc((var(--i) - 1)*43px)) rotateY(-18deg) rotateZ(calc((var(--i) - 1)*6deg))}50%,70%{transform:translateX(calc((var(--i) - 1)*32px)) translateY(-8px) rotateY(0deg)}}
.art-bacay .art-playing-card{animation-name:three-flip;animation-duration:6s}@keyframes three-flip{0%,20%,100%{transform:translateX(calc((var(--i) - 1)*38px)) rotateY(0deg) rotateX(12deg)}45%,65%{transform:translateX(calc((var(--i) - 1)*38px)) translateY(-12px) rotateY(360deg)}}
.art-maubinh .art-playing-card{animation-duration:7s;top:calc(38px + var(--i)*4px)}.art-sam .art-playing-card{animation-duration:3.7s}.art-lieng .art-playing-card{animation-duration:6.5s}.art-xito .art-playing-card{animation-duration:4.2s}@keyframes chip-hop{50%{transform:translateY(-7px) rotateX(40deg) rotateZ(15deg)}}
.art-uno-card{position:absolute;left:calc(50% - 24px);top:42px;width:48px;height:73px;border:3px solid #fff1cf;border-radius:8px;display:grid;place-items:center;color:#fff7cf;font-size:36px;box-shadow:0 4px 0 #73563b,0 10px 15px #2224;animation:uno-orbit 6s linear infinite;animation-delay:calc(var(--i)*-1.5s)}@keyframes uno-orbit{from{transform:rotateZ(0deg) translateX(48px) rotateY(20deg)}to{transform:rotateZ(360deg) translateX(48px) rotateY(20deg)}}
.art-moon{position:absolute;left:24%;top:17px;font:85px Georgia,serif;color:#ffebad;text-shadow:0 0 25px #ffefa533;animation:moon-glow 5s ease-in-out infinite}.art-mystery{position:absolute;left:52%;top:55px;font-size:47px;filter:drop-shadow(0 8px 3px #17263188);animation:mystery-float 4s ease-in-out infinite;transform-style:preserve-3d}.art-star{position:absolute;left:calc(16% + var(--i)*15%);top:calc(22px + var(--i)*13px);font-style:normal;color:#ffedb6;font-size:13px;animation:star-twinkle 3s ease-in-out infinite;animation-delay:calc(var(--i)*-.4s)}@keyframes mystery-float{50%{transform:translateY(-11px) rotateY(20deg) rotateZ(-7deg)}}@keyframes moon-glow{50%{transform:rotate(-10deg);text-shadow:0 0 35px #ffefa5aa}}@keyframes star-twinkle{50%{opacity:.2;scale:.7}}
.art-avalon .art-mystery{font-size:60px;color:#f5d997;animation-name:sword-turn}.art-spyfall .art-mystery{font-size:80px;color:#fff0c6;animation-name:search-sweep}.art-doanvai .art-mystery{animation-name:mask-turn}.art-spyfall .art-moon,.art-doanvai .art-moon{font-size:65px;opacity:.5}@keyframes sword-turn{50%{transform:translateY(-8px) rotateY(45deg) rotateZ(20deg)}}@keyframes search-sweep{0%,100%{transform:translate(-15px,0) rotate(-20deg)}50%{transform:translate(15px,-6px) rotate(15deg)}}@keyframes mask-turn{50%{transform:rotateY(-35deg) translateY(-9px)}}
.art-board{position:absolute;left:calc(50% - 70px);top:36px;width:140px;height:105px;background:repeating-linear-gradient(0deg,transparent 0 17px,#57472d66 18px 19px),repeating-linear-gradient(90deg,#d3b67b 0 18px,#76664588 18px 19px);border:5px solid #bb914f;box-shadow:0 6px 0 #705735,0 13px 16px #2226;transform:rotateX(48deg) rotateZ(-10deg)}.art-piece{position:absolute;left:calc(26% + var(--i)*20%);top:calc(55px + var(--i)*12px);font:28px Georgia,serif;color:#ede5cd;width:34px;height:34px;background:linear-gradient(#947652,#614f35);border:2px solid #f2d7a1;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 0 #473d30,0 9px 10px #2225;animation:piece-step 4.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.9s)}@keyframes piece-step{50%{transform:translate(8px,-13px) rotateY(15deg)}}.art-covua .art-piece{background:transparent;border:0;box-shadow:none;font-size:43px;text-shadow:1px 4px #4f422e,2px 8px #24282c80}.art-caro .art-piece{background:#faf1d7;color:#a54d38;animation-name:caro-pop}.art-covay .art-piece{color:#171e20;background:#eee3ca;animation-name:stone-drop;font-size:36px;border:0}.art-cotuong .art-piece{color:#ad3828;background:#edd3a0}@keyframes caro-pop{50%{transform:translateY(-10px) rotateX(30deg) scale(1.1)}}@keyframes stone-drop{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px) rotateX(25deg)}}
.art-mancala{position:absolute;left:calc(50% - 80px);top:47px;width:160px;height:88px;background:#d9bb80;border:5px solid #a47f4b;border-radius:35px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr;gap:5px;padding:9px;box-shadow:0 7px 0 #795b34;transform:rotateX(35deg) rotateZ(-8deg)}.art-pit{font-size:11px;color:#f8f0d4;display:grid;place-items:center;border-radius:50%;background:#8d7047;box-shadow:inset 0 3px 4px #2b291d55;animation:seed-glow 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.2s)}@keyframes seed-glow{50%{color:#fff9ce;text-shadow:0 0 8px #ffde69;transform:translateY(-3px)}}
.art-cube{position:absolute;width:39px;height:39px;left:calc(25% + var(--i)*23%);top:65px;transform-style:preserve-3d;animation:dice-tumble 7s linear infinite;animation-delay:calc(var(--i)*-2s)}.cube-face{position:absolute;inset:0;border:2px solid #c38b4c;border-radius:5px;background:#ffedc8;color:#ba5140;font:25px Georgia,serif;display:grid;place-items:center;backface-visibility:hidden}.face-0{transform:translateZ(19.5px)}.face-1{transform:rotateY(180deg) translateZ(19.5px)}.face-2{transform:rotateY(90deg) translateZ(19.5px)}.face-3{transform:rotateY(-90deg) translateZ(19.5px)}.face-4{transform:rotateX(90deg) translateZ(19.5px)}.face-5{transform:rotateX(-90deg) translateZ(19.5px)}@keyframes dice-tumble{from{transform:rotateX(-25deg) rotateY(0deg)}to{transform:rotateX(335deg) rotateY(360deg)}}
.art-hand{position:absolute;left:calc(20% + var(--i)*23%);top:55px;font-size:39px;filter:drop-shadow(0 6px 2px #654a3655);animation:hand-bounce 3s ease-in-out infinite;animation-delay:calc(var(--i)*-.6s)}@keyframes hand-bounce{50%{transform:translateY(-14px) rotateY(25deg) rotateZ(-9deg)}}
.art-letter{position:absolute;left:calc(14% + var(--i)*20%);top:60px;width:36px;height:43px;background:linear-gradient(#fff2c8,#d4ae66);border:2px solid #ebd298;border-radius:5px;box-shadow:0 5px 0 #8b6c3c,0 10px 12px #25241f44;display:grid;place-items:center;font:700 23px Georgia,serif;color:#42644b;animation:letter-wave 3.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.5s)}@keyframes letter-wave{50%{transform:translateY(-14px) rotateY(-20deg) rotateZ(6deg)}}
.game-art-scene.art-paused *{animation-play-state:paused!important}.catalog-card:hover .art-stage{filter:brightness(1.08)}.is-soon .game-art-scene{filter:saturate(.75)}
@media(max-width:500px){.game-art-scene{width:calc(100% + 30px);margin:-15px -15px 7px;height:145px}.art-stage{scale:.83;transform-origin:50% 40%}.art-caption{font-size:6px;letter-spacing:.7px}}
@media(prefers-reduced-motion:reduce){.art-playing-card{transform:translateX(calc((var(--i) - (var(--n) - 1)/2)*23px)) rotateZ(calc((var(--i) - (var(--n) - 1)/2)*10deg))}.art-uno-card{transform:rotate(calc(var(--i)*90deg)) translateX(44px)}.art-cube{transform:rotateX(-25deg) rotateY(25deg)}}