@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&display=swap";html{color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.room{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center;--vw1: var(--vw1-js, 1vw);--vh1: var(--vh1-js, 1vh);--px-inflate: var(--px-inflate-js, 1);--uw: min(var(--vw1), calc(2 * var(--vh1)));--uh: min(var(--vh1), calc(2.6 * var(--vw1)));--card-w: clamp(calc(80px * var(--px-inflate)), calc(13 * var(--uw)), calc(140px * var(--px-inflate)));--card-h: calc(var(--card-w) * 1.4);--hand-bottom: calc(3 * var(--uw));--hand-grid-gap: calc(10px * var(--px-inflate));--hand-grid-h: calc(2 * var(--card-h) + var(--hand-grid-gap));--opp-card-w: clamp(calc(40px * var(--px-inflate)), calc(6 * var(--uw)), calc(64px * var(--px-inflate)));--opp-hand-grid-gap: calc(8px * var(--px-inflate));--opp-hand-h: calc(2 * (var(--opp-card-w) * 1.4) + var(--opp-hand-grid-gap));--opp-row-h: calc(5 * var(--uh) + 26px * var(--px-inflate) + var(--opp-hand-h));--hand-zone-h: calc(var(--hand-bottom) + var(--hand-grid-h) + 30px * var(--px-inflate));--pile-card-w: clamp(calc(60px * var(--px-inflate)), calc(10 * var(--uw)), calc(100px * var(--px-inflate)));--pile-h: calc(var(--pile-card-w) * 1.4);--held-card-w: clamp(calc(70px * var(--px-inflate)), calc(11 * var(--uw)), calc(130px * var(--px-inflate)));--held-zone-h: calc(12px * var(--px-inflate) + var(--held-card-w) * 1.4);--game-menu-clearance: calc(36px * var(--px-inflate));background:radial-gradient(ellipse 70% 55% at 50% 46%,#3a2317,#241209 62%,#170a05),linear-gradient(135deg,#1a0f0a,#2d1810,#1a0f0a);font-family:Fraunces,Georgia,serif}.room:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(100deg,rgba(0,0,0,.12) 0 2px,transparent 2px 26px);mix-blend-mode:overlay;opacity:.5}.wordmark{position:absolute;top:2vh;left:2vw;font-weight:700;font-size:clamp(24px,5vw,40px);letter-spacing:.3em;text-transform:uppercase;color:#e8d6bd;text-shadow:0 2px 10px rgba(0,0,0,.7);-webkit-user-select:none;user-select:none;z-index:5}.wordmark span{color:#d4954e}.btn{font-family:inherit;font-size:clamp(calc(15px * var(--px-inflate)),max(2 * var(--uw),2 * var(--uh)),calc(24px * var(--px-inflate)));font-weight:700;letter-spacing:.05em;color:#2a1a10;padding:.8em 2em;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#e9c78c,#cf9a4f);box-shadow:0 8px 24px #0009,inset 0 1px #fff6;transition:all .2s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:active{transform:translateY(0)}.btn-secondary{color:#f0e6d6;background:linear-gradient(180deg,#7a6a58,#5a4c3d)}.game-menu{position:fixed;top:var(--vh1);right:calc(2 * var(--vw1));z-index:60}.game-menu-btn{font-family:inherit;font-weight:600;color:#e8d6bd;background:#ffffff14;border:none;border-radius:999px;box-shadow:inset 0 0 0 1px #e6c88f40;cursor:pointer;transition:all .2s ease;padding:.55em 1.1em;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.8 * var(--vw1)),calc(16px * var(--px-inflate)))}.game-menu-btn:hover{background:#ffffff24}.game-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:9.5em;display:flex;flex-direction:column;padding:calc(6px * var(--px-inflate));border-radius:12px;background:#140c08f7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px #0009,inset 0 0 0 1px #e6c88f33}.game-menu-item{display:flex;align-items:center;justify-content:space-between;gap:.6em;font-family:inherit;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.8 * var(--vw1)),calc(15px * var(--px-inflate)));color:#f0e6d6;background:none;border:none;border-radius:8px;padding:.6em .8em;text-align:left;cursor:pointer}.game-menu-item:hover{background:#ffffff1a}.game-menu-switch{position:relative;flex:0 0 auto;width:2.1em;height:1.2em;border-radius:999px;background:#ffffff2e;box-shadow:inset 0 0 0 1px #e6c88f40;transition:background .2s ease}.game-menu-switch.on{background:linear-gradient(180deg,#e9c78c,#cf9a4f)}.game-menu-switch-knob{position:absolute;top:.15em;left:.15em;width:.9em;height:.9em;border-radius:50%;background:#f5ecdc;box-shadow:0 2px 4px #0006;transition:transform .2s ease}.game-menu-switch.on .game-menu-switch-knob{transform:translate(.9em)}.game-menu-modal-panel{width:min(22em,100%)}.game-menu-modal-items{display:flex;flex-direction:column;padding:calc(10px * var(--px-inflate)) calc(14px * var(--px-inflate));gap:2px}.game-menu-modal-items .game-menu-item{font-size:clamp(calc(15px * var(--px-inflate)),calc(2.2 * var(--vw1)),calc(18px * var(--px-inflate)));padding:.8em .9em}.game-menu-resume-btn{display:block;width:calc(100% - calc(28px * var(--px-inflate)));margin:calc(4px * var(--px-inflate)) calc(14px * var(--px-inflate)) calc(16px * var(--px-inflate))}.sizing-notice{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:.6em;padding:.6em 1em;background:#140e0af0;color:#f3d9a8;font-size:clamp(calc(11px * var(--px-inflate)),calc(2.4 * var(--uw)),calc(14px * var(--px-inflate)));line-height:1.35;box-shadow:inset 0 -1px #e6c88f40,0 4px 14px #00000080}.sizing-notice-close{flex:0 0 auto;background:none;border:none;color:inherit;font-size:1.1em;line-height:1;cursor:pointer;padding:.2em .4em;opacity:.75}.sizing-notice-close:hover{opacity:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.2em;height:2.2em;border:none;border-radius:50%;cursor:pointer;color:#e8d6bd;background:#ffffff14;box-shadow:inset 0 0 0 1px #e6c88f40;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.8 * var(--vw1)),calc(16px * var(--px-inflate)));transition:all .2s ease}.icon-btn:hover{background:#ffffff24}.back-btn{display:inline-flex;align-items:center;gap:.2em;height:2.2em;padding:0 1.1em 0 .9em;border:none;border-radius:12px;cursor:pointer;color:#2a1a10;background:linear-gradient(180deg,#e9c78c,#cf9a4f);box-shadow:0 8px 24px #0009,inset 0 1px #fff6;font:inherit;font-weight:700;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.8 * var(--vw1)),calc(16px * var(--px-inflate)));white-space:nowrap;transition:all .2s ease}.back-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.back-btn:active{transform:translateY(0)}.back-btn-arrow{font-size:1.3em;line-height:1}@media (hover: none) and (pointer: coarse) and (max-width: 640px){.back-btn{height:3.4em;padding:0 1.4em 0 1.05em;font-size:clamp(calc(19px * var(--px-inflate)),calc(5 * var(--vw1)),calc(24px * var(--px-inflate)))}}.login-buttons{align-items:center}.login-guest-row{width:100%;display:flex;flex-direction:column;gap:.5em}.login-input{font-family:inherit;font-size:clamp(calc(14px * var(--px-inflate)),calc(2 * var(--vw1)),calc(17px * var(--px-inflate)));padding:.6em .9em;border-radius:10px;border:none;background:#ffffff1a;color:#f5e8d3;box-shadow:inset 0 0 0 1px #e6c88f40;text-align:center}.login-coming-soon{position:relative;opacity:.55;cursor:not-allowed}.login-coming-soon-tag{display:block;font-size:.6em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin-top:.2em}.login-note{font-size:clamp(calc(11px * var(--px-inflate)),calc(1.4 * var(--vw1)),calc(13px * var(--px-inflate)));color:#b09a7c;margin-top:.35em;text-align:center}.settings-account-row{display:flex;align-items:center;justify-content:space-between;gap:1em;flex-wrap:wrap;color:#d8c3a4}.settings-panel .btn{font-size:clamp(calc(12px * var(--px-inflate)),calc(1.6 * var(--vw1)),calc(15px * var(--px-inflate)));padding:.5em 1.2em}.guest-name-input{width:100%;box-sizing:border-box}.login-error{color:#e0846f;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(14px * var(--px-inflate)));text-align:center;margin-top:1em;max-width:320px}.settings-link-account{margin-top:.8em;padding:.8em;border-radius:10px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #e6c88f2e}.settings-link-note{color:#b09a7c;font-size:clamp(calc(11px * var(--px-inflate)),calc(1.4 * var(--vw1)),calc(13px * var(--px-inflate)));margin:0 0 .7em}.settings-link-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.6em}.settings-link-done{margin-top:.8em;color:#8fcf9c;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(14px * var(--px-inflate)))}@keyframes cardDeal{0%{transform:translate(var(--deal-from-x, calc(-120 * var(--vw1)))) translateY(var(--deal-from-y, 0)) rotate(-18deg);opacity:0}to{transform:translate(0) translateY(0) rotate(0);opacity:1}}@keyframes cardLift{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes timerCrit{0%,to{transform:scale(1)}50%{transform:scale(1.15);color:#ff6b6b}}@keyframes slideUp{0%{transform:translateY(calc(100 * var(--vh1)));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes windowFlash{0%,to{box-shadow:0 0 0 2px #64b4dc66}50%{box-shadow:0 0 0 4px #64b4dce6,0 0 30px #64b4dc99}}@keyframes attachPunch{0%{transform:scale(1);filter:brightness(1)}35%{transform:scale(1.22);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes wrongArcMove{0%{transform:translate(var(--fx0),var(--fy0)) scale(.9);filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}26%{transform:translate(var(--fx0),var(--fy0)) scale(1.15);filter:drop-shadow(0 24px 32px rgba(0,0,0,.4))}65%{transform:translate(var(--fx1),var(--fy1)) scale(var(--scale-end, 1));filter:drop-shadow(0 24px 32px rgba(0,0,0,.4));opacity:1}to{transform:translate(var(--fx1),var(--fy1)) scale(calc(var(--scale-end, 1) * .8));filter:drop-shadow(0 0 0 rgba(0,0,0,0));opacity:0}}@keyframes wrongArcChar{0%,26%{filter:saturate(1) brightness(1) sepia(0)}65%{filter:saturate(.55) brightness(.7) sepia(.3)}to{filter:saturate(.1) brightness(.3) sepia(.55)}}@keyframes wrongArcFlash{0%,60%{opacity:0}72%{opacity:1}to{opacity:0}}@keyframes burnedGlow{0%,to{box-shadow:inset 0 0 0 calc(var(--card-w) * .035) #e0464680,0 0 12px #e0464673}50%{box-shadow:inset 0 0 0 calc(var(--card-w) * .07) #e04646d9,0 0 22px #e04646bf}}@keyframes wrongRevealedGlow{0%,to{box-shadow:0 0 16px 3px #e0464680}50%{box-shadow:0 0 26px 6px #e04646cc}}@keyframes peekMarkFlash{0%{box-shadow:inset 0 0 0 calc(var(--card-w) * .12) #8cd7fa,0 0 38px #8cd7faf2}to{box-shadow:inset 0 0 0 calc(var(--card-w) * .06) #64b4dc99,0 0 18px #64b4dc8c}}@keyframes peekMarkPulse{0%,to{box-shadow:inset 0 0 0 calc(var(--card-w) * .06) #64b4dc99,0 0 18px #64b4dc8c}50%{box-shadow:inset 0 0 0 calc(var(--card-w) * .1) #8cd7fa,0 0 46px #8cd7faf2,0 0 70px #8cd7fa80}}@keyframes peekBadgeRadiate{0%,to{box-shadow:0 0 0 calc(var(--card-w) * .02) #14140f8c,0 2px 8px #00000073,0 0 #96dcff00}50%{box-shadow:0 0 0 calc(var(--card-w) * .02) #14140f8c,0 2px 8px #00000073,0 0 calc(var(--card-w) * .3) #96dcffe6}}@keyframes peekBadgePopIn{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}@keyframes peekBadgeBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes cardFlyGive{0%{transform:translate(var(--fly-from-x, 0),var(--fly-from-y, 0)) scale(1)}to{transform:translate(var(--fly-to-x, 0),var(--fly-to-y, 0)) scale(.7)}}@keyframes resultRowIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.card{position:relative;width:var(--card-w);height:var(--card-h);perspective:1000px}.card-empty{border-radius:calc(var(--card-w) * .15);border:2px dashed rgba(240,220,190,.3);background:#0003}.card.clickable{cursor:pointer}@media (hover: hover) and (pointer: fine){.card.clickable:hover .card-inner{transform:scale(1.08)}.card.clickable:hover .card-inner.is-face{transform:rotateY(180deg) scale(1.08)}}.card.selected .card-face{box-shadow:inset 0 0 0 calc(var(--card-w) * .08) #f3c65ae6,0 0 20px #f3c65acc;z-index:2}.card.clickable:active .card-inner{transform:scale(.94)}.card.clickable:active .card-inner.is-face{transform:rotateY(180deg) scale(.94)}.card.clickable:active .card-face{box-shadow:inset 0 0 0 calc(var(--card-w) * .06) #f3c65a99,0 0 14px #f3c65a80}.card.burned .card-face{filter:grayscale(.5) brightness(.7)}.card.burned{border-radius:calc(var(--card-w) * .15);animation:burnedGlow 1.8s ease-in-out infinite}.card.wrong-revealed .card-face{filter:saturate(.3) brightness(.55) sepia(.4)}.card.wrong-revealed{border-radius:calc(var(--card-w) * .15);opacity:1;transition:opacity .4s ease-out;animation:wrongRevealedGlow 1s ease-in-out infinite}.card.wrong-revealed.wrong-revealed-stopping{animation:none;box-shadow:0 0 16px 3px #e0464680}.card.wrong-revealed.wrong-revealed-fading{transition:box-shadow .5s ease-out;animation:none;box-shadow:0 0 #e0464600}.card.wrong-revealed.wrong-revealed-fading.burned{box-shadow:inset 0 0 0 calc(var(--card-w) * .035) #e0464680,0 0 12px #e0464673}.card.wrong-revealed.wrong-revealed-fading .card-face{transition:filter .5s ease-out;filter:none}.card.wrong-revealed.wrong-revealed-fading.burned .card-face{filter:grayscale(.5) brightness(.7)}.card.wrong-concealed{opacity:0;transition:none;pointer-events:none}.card.dealt{animation:cardDeal .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--deal-delay, 0ms)}.attach-success{animation:attachPunch .35s ease-out}.card.peek-marked .card-face{animation:peekMarkFlash .4s ease-out both,peekMarkPulse 1.4s ease-in-out .4s infinite}.card.peek-marked.peek-marked-stopping .card-face,.card.peek-marked.peek-marked-fading .card-face{animation:none}.card.peek-marked.peek-marked-fading .card-face{transition:box-shadow .45s ease-out;box-shadow:inset 0 0 #64b4dc00,0 0 #64b4dc00}.card.peeked-owner{z-index:1}.card-peeked-badge{position:absolute;top:calc(var(--card-w) * -.17 + 9px * var(--px-inflate));left:50%;margin-left:calc(var(--card-w) * -.17);width:calc(var(--card-w) * .34);height:calc(var(--card-w) * .34);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-w) * .2);line-height:1;background:radial-gradient(circle at 35% 30%,#96dcfff2,#3c8cbef2);box-shadow:0 0 0 calc(var(--card-w) * .02) #14140f8c,0 2px 8px #00000073;pointer-events:none;z-index:3;animation:peekBadgePopIn .4s cubic-bezier(.34,1.56,.64,1) both,peekBadgeBreathe 1.4s ease-in-out .4s infinite,peekBadgeRadiate 1.4s ease-in-out infinite}.card-peeked-badge.stopping,.card-peeked-badge.fading{animation:none}.card-peeked-badge.fading{transition:opacity .45s ease-out,transform .45s ease-out;opacity:0;transform:scale(.6)}.card-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card-inner.is-face{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--card-w) * .15);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;box-shadow:0 6px 14px #0009}.card-front{transform:rotateY(180deg)}.facecard,.deck-stack-layer-inner,.backcard{position:relative;width:var(--card-w);height:calc(var(--card-w) * 1.4);border-radius:calc(var(--card-w) * .15);overflow:hidden;box-shadow:0 8px 20px #0009}.deck-stack{position:relative;width:var(--card-w);height:calc(var(--card-w) * 1.4)}.deck-stack-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(calc(var(--layer-i, 0) * -1 * var(--card-w) * .025))}.deck-stack-top{animation:cardLift 2.5s ease-in-out infinite}.deck-count-badge{position:absolute;left:50%;bottom:calc(var(--card-w) * .08);transform:translate(-50%);min-width:calc(var(--card-w) * .34);padding:0 calc(var(--card-w) * .06);height:calc(var(--card-w) * .26);border-radius:calc(var(--card-w) * .13);display:flex;align-items:center;justify-content:center;font-size:calc(var(--card-w) * .16);font-weight:700;line-height:1;color:#1a1410;background:#e6c88feb;box-shadow:0 0 0 calc(var(--card-w) * .015) #14140f80,0 2px 6px #0006;pointer-events:none;z-index:4}.setup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:calc(20px * var(--px-inflate));padding:2em 2.5em;border-radius:20px;background:#140c08f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 40px 80px #000c,inset 0 0 0 1px #e6c88f33;z-index:10}.setup-title{font-size:clamp(calc(18px * var(--px-inflate)),calc(3 * var(--vw1)),calc(28px * var(--px-inflate)));letter-spacing:.15em;text-transform:uppercase;color:#e6c88f}.setup-rows{display:flex;flex-direction:column;gap:calc(12px * var(--px-inflate))}.setup-row{display:flex;align-items:center;gap:calc(16px * var(--px-inflate));color:#d8c3a4;font-size:clamp(calc(14px * var(--px-inflate)),calc(2 * var(--vw1)),calc(18px * var(--px-inflate)))}.setup-row>span{min-width:calc(80px * var(--px-inflate));font-weight:600}.seg{display:flex;flex-wrap:wrap;gap:calc(6px * var(--px-inflate))}.seg-btn{font-family:inherit;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(15px * var(--px-inflate)));font-weight:600;color:#d8c3a4;padding:.5em .9em;border:none;border-radius:10px;background:#ffffff14;cursor:pointer;box-shadow:inset 0 0 0 1px #e6c88f40;transition:all .2s ease}.seg-btn:hover{background:#ffffff24}.seg-btn.on{background:linear-gradient(180deg,#e9c78c,#cf9a4f);color:#2a1a10;font-weight:700}@keyframes menuRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto}.menu-inner{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(calc(6px * var(--px-inflate)),calc(1.2 * var(--uh)),calc(14px * var(--px-inflate)));padding:clamp(calc(2px * var(--px-inflate)),calc(.8 * var(--uh)),calc(12px * var(--px-inflate))) calc(4 * var(--uw)) clamp(calc(16px * var(--px-inflate)),calc(3 * var(--uh)),calc(40px * var(--px-inflate)))}.menu-title{width:min(calc(88 * var(--vw1)),calc(60 * var(--vh1)),calc(560px * var(--px-inflate)));height:auto;margin-top:clamp(calc(-52px * var(--px-inflate)),calc(-4.5 * var(--uh)),calc(-20px * var(--px-inflate)));-webkit-mask-image:radial-gradient(ellipse 72% 64% at 50% 50%,#000 46%,rgba(0,0,0,.45) 68%,transparent 86%);mask-image:radial-gradient(ellipse 72% 64% at 50% 50%,#000 46%,rgba(0,0,0,.45) 68%,transparent 86%);filter:drop-shadow(0 12px 40px rgba(0,0,0,.75));-webkit-user-select:none;user-select:none;opacity:0;animation:menuRise .9s cubic-bezier(.22,1,.36,1) .1s forwards}.menu-kings{--card-w: clamp(calc(78px * var(--px-inflate)), calc(13 * var(--uh)), calc(180px * var(--px-inflate)));--card-h: calc(var(--card-w) * 1.4);position:relative;width:calc(var(--card-w) * 1.85);height:calc(var(--card-h) * 1.12);margin-top:clamp(calc(-16px * var(--px-inflate)),calc(-1.2 * var(--uh)),calc(6px * var(--px-inflate)));-webkit-user-select:none;user-select:none;opacity:0;animation:menuRise .7s cubic-bezier(.22,1,.36,1) .8s forwards}.menu-king{position:absolute;top:50%;left:50%;filter:drop-shadow(0 12px 26px rgba(0,0,0,.6))}.menu-king-back{transform:translate(-74%,-50%) rotate(-10deg);z-index:1}.menu-king-front{transform:translate(-26%,-50%) rotate(9deg);z-index:2}.menu-king .cf-badge{display:none}.menu-buttons{display:flex;flex-direction:column;align-items:stretch;gap:clamp(calc(6px * var(--px-inflate)),calc(1.5 * var(--uh)),calc(14px * var(--px-inflate)));width:min(calc(78 * var(--vw1)),calc(320px * var(--px-inflate)));margin-top:clamp(calc(6px * var(--px-inflate)),calc(2.4 * var(--uh)),calc(30px * var(--px-inflate)));margin-left:auto;margin-right:auto}.menu-btn{width:100%;padding:clamp(.35em,calc(1.4 * var(--uh)),1em) 2em;opacity:0;animation:menuRise .5s cubic-bezier(.22,1,.36,1) forwards}.toast.tutorial-skip-toast{z-index:45}.peek-screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(40px * var(--px-inflate))}.peek-title{font-size:clamp(calc(28px * var(--px-inflate)),calc(5 * var(--uw)),calc(48px * var(--px-inflate)));font-weight:700;color:#e6c88f;letter-spacing:.1em;text-transform:uppercase}.peek-hand{display:grid;grid-template-columns:repeat(2,var(--card-w));grid-template-rows:repeat(2,var(--card-h));gap:clamp(calc(12px * var(--px-inflate)),calc(2.5 * var(--uw)),calc(24px * var(--px-inflate)));max-width:calc(92 * var(--vw1));--card-w: clamp(calc(70px * var(--px-inflate)), calc(15 * var(--uw)), calc(150px * var(--px-inflate)));--card-h: calc(var(--card-w) * 1.4)}.peek-hand .peek-slot:nth-child(1){grid-column:1;grid-row:2}.peek-hand .peek-slot:nth-child(2){grid-column:2;grid-row:2}.peek-hand .peek-slot:nth-child(3){grid-column:1;grid-row:1}.peek-hand .peek-slot:nth-child(4){grid-column:2;grid-row:1}.peek-slot{perspective:1000px}.peek-timer{font-size:clamp(calc(32px * var(--px-inflate)),calc(6 * var(--uw)),calc(56px * var(--px-inflate)));font-weight:700;color:#e6a86a;font-variant-numeric:tabular-nums;letter-spacing:.05em;animation:pulse 1s ease-in-out infinite}.game-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(3 * var(--uw));gap:calc(3 * var(--uw))}.opponent-row{display:flex;justify-content:space-around;gap:calc(20px * var(--px-inflate));flex:0 0 auto;margin-top:max(calc(5 * var(--uh)),var(--game-menu-clearance))}.opponent-cell{position:relative;text-align:center}.opp-name{display:inline-block;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.8 * var(--uw)),calc(16px * var(--px-inflate)));color:#d8c3a4;letter-spacing:.08em;margin-bottom:calc(8px * var(--px-inflate));padding:calc(3px * var(--px-inflate)) calc(12px * var(--px-inflate));border-radius:999px;transition:color .2s ease}.opp-name.current{color:#ffe9b8;background:#f3c65a1f;text-shadow:0 0 10px rgba(243,198,90,.65);animation:nameTurnGlow 1.5s ease-in-out infinite}@keyframes nameTurnGlow{0%,to{box-shadow:0 0 0 1px #f3c65a59,0 0 12px #f3c65a4d}50%{box-shadow:0 0 0 1px #f3c65aa6,0 0 22px #f3c65aa6}}.opp-hand{position:relative;width:max-content;display:grid;grid-template-columns:repeat(2,var(--opp-card-w));grid-template-rows:repeat(2,calc(var(--opp-card-w) * 1.4));gap:var(--opp-hand-grid-gap);justify-content:center;z-index:4}.opp-hand .card{--card-w: var(--opp-card-w);--card-h: calc(var(--card-w) * 1.4)}.opp-hand [data-slot="0"]{grid-column:1;grid-row:1}.opp-hand [data-slot="1"]{grid-column:2;grid-row:1}.opp-hand [data-slot="2"]{grid-column:1;grid-row:2}.opp-hand [data-slot="3"]{grid-column:2;grid-row:2}.opp-hand [data-slot="4"]{position:absolute;left:0;top:calc(100% + var(--opp-hand-grid-gap))}.opp-hand [data-slot="5"]{position:absolute;left:calc(var(--opp-card-w) + var(--opp-hand-grid-gap));top:calc(100% + var(--opp-hand-grid-gap))}.pile-zone{position:absolute;top:min(calc(100% - var(--hand-zone-h) - var(--pile-h) / 2 - 24px * var(--px-inflate)),max(calc(var(--opp-row-h) + var(--held-zone-h) + var(--pile-h) / 2 + 24px * var(--px-inflate)),50%));left:50%;transform:translate(-50%,-50%);display:flex;gap:calc(40px * var(--px-inflate));z-index:3}.pile-item{display:flex;flex-direction:column;align-items:center;gap:calc(12px * var(--px-inflate));cursor:pointer;transition:transform .2s ease;--card-w: var(--pile-card-w)}.pile-item:hover{transform:translateY(-8px)}.discard-slot,.deck-slot{width:var(--card-w);height:calc(var(--card-w) * 1.4);border-radius:calc(var(--card-w) * .15);border:2px dashed rgba(240,220,190,.3);background:#0003}.pile-label{font-size:clamp(calc(11px * var(--px-inflate)),calc(1.6 * var(--uw)),calc(14px * var(--px-inflate)));letter-spacing:.1em;text-transform:uppercase;color:#e6c88f}.pile-zone.reshuffling .pile-item{animation:reshufflePulse 1.1s ease-in-out infinite;cursor:default}@keyframes reshufflePulse{0%,to{filter:drop-shadow(0 0 0 rgba(246,212,133,0))}50%{filter:drop-shadow(0 0 14px rgba(246,212,133,.55))}}.reshuffle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.reshuffle-card{position:fixed;left:0;top:0;width:var(--card-w);height:calc(var(--card-w) * 1.4);margin-left:calc(var(--card-w) * -.5);margin-top:calc(var(--card-w) * -.7);animation:reshuffleFly .9s ease-in-out infinite alternate}@keyframes reshuffleFly{0%{transform:translate(var(--rx0),var(--ry0)) scale(.82) rotate(-8deg);opacity:.85}50%{transform:translate(calc((var(--rx0) + var(--rx1)) * .5),calc((var(--ry0) + var(--ry1)) * .5 - 46px)) scale(1) rotate(5deg);opacity:1}to{transform:translate(var(--rx1),var(--ry1)) scale(.82) rotate(8deg);opacity:.85}}.hand-elim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.hand-elim-card{position:fixed;left:0;top:0;width:var(--card-w);height:calc(var(--card-w) * 1.4);margin-left:calc(var(--card-w) * -.5);margin-top:calc(var(--card-w) * -.7);animation:handElimFly 1.1s cubic-bezier(.4,.1,.6,1) forwards}@keyframes handElimFly{0%{transform:translate(var(--hx0),var(--hy0)) scale(1) rotate(0);opacity:1}65%{opacity:1}to{transform:translate(var(--hx1),var(--hy1)) scale(.65) rotate(340deg);opacity:0}}.your-hand{position:absolute;bottom:var(--hand-bottom);left:50%;transform:translate(-50%);transition:transform .9s cubic-bezier(.16,1,.3,1);display:grid;grid-template-columns:repeat(2,var(--card-w));grid-template-rows:repeat(2,var(--card-h));gap:var(--hand-grid-gap);z-index:4;animation:handSlideUp .5s cubic-bezier(.2,.7,.2,1)}.your-hand [data-slot="0"]{grid-column:1;grid-row:2}.your-hand [data-slot="1"]{grid-column:2;grid-row:2}.your-hand [data-slot="2"]{grid-column:1;grid-row:1}.your-hand [data-slot="3"]{grid-column:2;grid-row:1}.your-hand [data-slot="4"]{position:absolute;left:0;bottom:calc(100% + var(--hand-grid-gap))}.your-hand [data-slot="5"]{position:absolute;left:calc(var(--card-w) + var(--hand-grid-gap));bottom:calc(100% + var(--hand-grid-gap))}@keyframes handSlideUp{0%{transform:translate(-50%) translateY(calc(100 * var(--vh1)));opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.held-card{position:fixed;transform:translate(-50%,-50%);z-index:12;display:flex;flex-direction:column;align-items:center;--card-w: var(--held-card-w)}.held-card.spotlight{position:absolute;top:min(max(calc(var(--opp-row-h) + 12px * var(--px-inflate)),calc(12 * var(--uh))),calc(100% - var(--hand-zone-h) - var(--held-card-w) * 1.4 - 16px * var(--px-inflate)));left:50%;transform:translate(-50%)}.drawn-card{box-shadow:0 0 0 3px #f3c65acc,0 20px 50px #000000b3;animation:windowFlash 1.2s ease-in-out infinite}.drawn-card.clickable{cursor:pointer}.drawn-hint{margin-top:calc(10px * var(--px-inflate));text-align:center;font-size:clamp(calc(11px * var(--px-inflate)),calc(1.4 * var(--uw)),calc(14px * var(--px-inflate)));color:#d8c3a4;letter-spacing:.04em;max-width:calc(var(--held-card-w) * 1.3)}.held-card.ai .backcard{animation:aiThinkPulse 1.15s ease-in-out infinite}.held-card.ai .drawn-hint{animation:pulse 1.15s ease-in-out infinite}.draw-arc{position:fixed;left:0;top:0;width:var(--card-w);height:calc(var(--card-w) * 1.4);z-index:13;perspective:1000px;pointer-events:none;animation:drawArc var(--dur) cubic-bezier(.33,.7,.28,1) forwards}.draw-arc-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.draw-arc-inner.draw-flip-up{animation:drawFlipUp var(--dur) ease-in-out forwards}.dr-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--card-w) * .15);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 12px 28px #0009}.dr-front{transform:rotateY(180deg)}@keyframes drawArc{0%{transform:translate(var(--fx0),var(--fy0)) scale(var(--s0));filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}38%{transform:translate(var(--fxm),var(--fym)) scale(1.12);filter:drop-shadow(0 28px 44px rgba(0,0,0,.5))}to{transform:translate(var(--fx1),var(--fy1)) scale(1);filter:drop-shadow(0 10px 24px rgba(0,0,0,.55))}}@keyframes drawFlipUp{0%,46%{transform:rotateY(0)}78%,to{transform:rotateY(180deg)}}@keyframes aiThinkPulse{0%,to{transform:translateY(0) scale(1);box-shadow:0 12px 30px #0009}50%{transform:translateY(-7px) scale(1.02);box-shadow:0 24px 46px #000000b3}}.timer{position:fixed;top:50%;right:calc(4 * var(--vw1));font-size:clamp(calc(48px * var(--px-inflate)),calc(12 * var(--uw)),calc(96px * var(--px-inflate)));font-weight:700;color:#e6a86a;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.8);animation:timerCrit 1s ease-in-out infinite;z-index:8}.timer.critical{color:#f86}.power-prompt{position:fixed;top:calc(20 * var(--uh));left:50%;transform:translate(-50%);font-size:clamp(calc(18px * var(--px-inflate)),calc(3 * var(--uw)),calc(28px * var(--px-inflate)));font-weight:600;color:#e6a86a;letter-spacing:.06em;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:6;animation:fadeSlideIn .35s cubic-bezier(.2,.7,.2,1)}.power-prompt-click-text{display:none}.cambio-side-btn{position:fixed;left:calc(2.5 * var(--vw1));top:50%;transform:translateY(-50%);z-index:6;line-height:1.25;text-align:center;padding:.9em 1.1em}.cambio-side-btn:hover{transform:translateY(-50%) translateY(-2px)}.cambio-side-btn.disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.cambio-side-btn.disabled:hover{transform:translateY(-50%);filter:grayscale(.6)}.power-skip-btn{background:linear-gradient(180deg,#7a6a58,#5a4c3d);color:#f0e6d6;width:5.4em}.sound-toggle{position:absolute;top:var(--vh1);right:calc(2 * var(--vw1));z-index:6}.pop-banner{z-index:13;pointer-events:none;background:linear-gradient(180deg,#f3c65af2,#d6a03cf2);color:#241a0f;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.55em 1.4em;border-radius:999px;font-size:clamp(calc(15px * var(--px-inflate)),calc(2.2 * var(--uw)),calc(20px * var(--px-inflate)));box-shadow:0 10px 26px #00000080,inset 0 0 0 1px #fff6;animation:yourTurnPop 1.4s cubic-bezier(.2,.8,.2,1) forwards}.your-turn-banner,.cambio-banner-self{position:fixed;left:50%;bottom:calc(var(--hand-bottom) + var(--hand-grid-h) + 6px * var(--px-inflate));transform:translate(-50%)}.cambio-banner-opponent{position:absolute;left:50%;bottom:100%;margin-bottom:calc(6px * var(--px-inflate));transform:translate(-50%);white-space:nowrap}.your-turn-banner,.cambio-banner-self,.cambio-banner-opponent{animation:cambioPopHold .5s cubic-bezier(.2,.8,.2,1) forwards}.your-turn-banner.fading-out,.cambio-banner-self.fading-out,.cambio-banner-opponent.fading-out{animation:cambioFadeOut .5s ease-in forwards}@keyframes cambioPopHold{0%{transform:translate(-50%) scale(.7);opacity:0}60%{transform:translate(-50%) scale(1.08);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes cambioFadeOut{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(.9);opacity:0}}@keyframes yourTurnPop{0%{transform:translate(-50%) scale(.7);opacity:0}15%{transform:translate(-50%) scale(1.08);opacity:1}25%{transform:translate(-50%) scale(1);opacity:1}80%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(.95);opacity:0}}.toast{position:fixed;left:50%;bottom:calc(20 * var(--vh1));transform:translate(-50%);z-index:12;background:#140e0ae0;color:#f3d9a8;padding:.8em 1.4em;border-radius:12px;font-size:clamp(calc(14px * var(--px-inflate)),calc(1.8 * var(--uw)),calc(18px * var(--px-inflate)));letter-spacing:.03em;box-shadow:inset 0 0 0 1px #e6c88f59,0 8px 20px #0009}.toast-error{color:#f2a3a3;background:#5a1414e0;box-shadow:inset 0 0 0 1px #f2a3a366,0 8px 20px #0009}.wifi-reconnect-banner{position:fixed;left:50%;top:calc(12px * var(--px-inflate));transform:translate(-50%);z-index:40;background:#5a1414e0;color:#f2a3a3;padding:.6em 1.2em;border-radius:10px;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.5 * var(--uw)),calc(15px * var(--px-inflate)));letter-spacing:.03em;text-align:center;box-shadow:inset 0 0 0 1px #f2a3a366,0 8px 20px #0009;pointer-events:none}.give-flight{position:fixed;left:50%;bottom:calc(16 * var(--vh1));margin-left:calc(var(--card-w) / -2);z-index:20;--card-w: clamp(calc(70px * var(--px-inflate)), calc(11 * var(--uw)), calc(130px * var(--px-inflate)));animation:cardFlyGive .55s cubic-bezier(.3,0,.4,1) forwards;pointer-events:none}.give-flight-left{--fly-to-x: calc(-34 * var(--vw1));--fly-to-y: calc(-56 * var(--vh1))}.give-flight-top{--fly-to-x: 0px;--fly-to-y: calc(-66 * var(--vh1))}.give-flight-right{--fly-to-x: calc(34 * var(--vw1));--fly-to-y: calc(-56 * var(--vh1))}.discard-stack{position:relative;width:var(--card-w);height:calc(var(--card-w) * 1.4)}.discard-card{position:absolute;top:50%;left:50%}.discard-arc{position:fixed;left:0;top:0;width:var(--card-w);height:calc(var(--card-w) * 1.4);z-index:18;perspective:1000px;pointer-events:none;animation:discardArc .85s cubic-bezier(.4,0,.2,1) forwards}.discard-arc-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:discardFlip .85s cubic-bezier(.4,0,.2,1) forwards}.da-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--card-w) * .15);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 8px 20px #0009}.da-front{transform:rotateY(180deg)}@keyframes discardArc{0%{transform:translate(var(--fx0),var(--fy0)) scale(.9) rotate(0);filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}26%{transform:translate(var(--fx0),var(--fy0)) scale(1.22) rotate(0);filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}66%{transform:translate(var(--fx1),var(--fy1)) scale(calc(var(--scale-end, 1) * 1.22)) rotate(var(--rot));filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}90%{transform:translate(var(--fx1),var(--fy1)) scale(var(--scale-end, 1)) rotate(var(--rot));filter:drop-shadow(0 0 0 rgba(0,0,0,0))}to{transform:translate(var(--fx1),var(--fy1)) scale(var(--scale-end, 1)) rotate(var(--rot));filter:drop-shadow(0 0 0 rgba(0,0,0,0))}}@keyframes discardFlip{0%,58%{transform:rotateY(0)}82%,to{transform:rotateY(180deg)}}.wrong-arc{position:fixed;left:0;top:0;width:var(--card-w);height:calc(var(--card-w) * 1.4);z-index:18;pointer-events:none;animation:wrongArcMove 1.3s cubic-bezier(.4,0,.2,1) forwards}.wrong-arc-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--card-w) * .15);overflow:hidden;box-shadow:0 8px 20px #0009;animation:wrongArcChar 1.3s cubic-bezier(.4,0,.2,1) forwards}.wrong-arc-glow{position:absolute;inset:calc(var(--card-w) * -.05);border-radius:calc(var(--card-w) * .2);background:#e046468c;box-shadow:0 0 26px 6px #e04646cc;opacity:0;animation:wrongArcFlash 1.3s ease-out forwards}.place-arc{position:fixed;left:0;top:0;width:var(--to-w);height:var(--to-h);z-index:19;perspective:1000px;pointer-events:none;animation:placeArc var(--dur) cubic-bezier(.34,.8,.3,1) forwards}.place-arc-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:placeFlip var(--dur) ease-in-out forwards}.place-arc-inner.no-flip{animation:none;transform:none}.pa-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:calc(var(--to-w) * .15);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 12px 26px #0009}.pa-back{transform:rotateY(180deg)}@keyframes placeArc{0%{transform:translate(var(--fx0),var(--fy0)) scale(var(--s0))}72%{transform:translate(var(--fx1p),var(--fy1p)) scale(1)}to{transform:translate(var(--fx1),var(--fy1)) scale(1)}}@keyframes placeFlip{0%,36%{transform:rotateY(0)}64%,to{transform:rotateY(180deg)}}.swap-arc{position:fixed;left:0;top:0;z-index:19;pointer-events:none;animation:swapArc 2.4s cubic-bezier(.4,0,.2,1) forwards}@keyframes swapArc{0%{transform:translate(var(--fx0),var(--fy0)) scale(1);filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}22%{transform:translate(var(--fx0),var(--fy0)) scale(1.22);filter:drop-shadow(0 34px 46px rgba(0,0,0,.55))}78%{transform:translate(var(--fx1),var(--fy1)) scale(calc(var(--scale-end) * 1.22));filter:drop-shadow(0 34px 46px rgba(0,0,0,.55))}to{transform:translate(var(--fx1),var(--fy1)) scale(var(--scale-end));filter:drop-shadow(0 8px 16px rgba(0,0,0,.55))}}.give-arc{position:fixed;left:0;top:0;z-index:19;pointer-events:none;animation:swapArc 2.4s cubic-bezier(.4,0,.2,1) forwards}.result-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:calc(20px * var(--px-inflate));padding:2em 2.5em;border-radius:20px;background:#120c08f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 60px 100px #000c,inset 0 0 0 1px #e6c88f4d;color:#f0dcbb;min-width:min(calc(90 * var(--vw1)),calc(360px * var(--px-inflate)));animation:resultBannerIn .6s cubic-bezier(.2,.7,.2,1)}@keyframes resultBannerIn{0%{transform:translate(-50%,-50%) translateY(calc(60 * var(--vh1)));opacity:0}to{transform:translate(-50%,-50%) translateY(0);opacity:1}}.result-title{font-size:clamp(calc(28px * var(--px-inflate)),calc(4 * var(--uw)),calc(42px * var(--px-inflate)));font-weight:700;color:#f6d485;letter-spacing:.05em}.result-rows{width:100%;display:flex;flex-direction:column;gap:calc(8px * var(--px-inflate))}.result-row{display:flex;justify-content:space-between;gap:calc(20px * var(--px-inflate));font-size:clamp(calc(14px * var(--px-inflate)),calc(1.8 * var(--uw)),calc(18px * var(--px-inflate)));padding:.5em .8em;border-radius:10px;animation:resultRowIn .4s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--row-delay, 0ms)}.result-row.win{background:#f3c65a2e;color:#f6d485;font-weight:700}.result-actions{display:flex;flex-direction:column;gap:calc(10px * var(--px-inflate));width:100%}.rank-badge{display:inline-flex;align-items:center;gap:.3em;vertical-align:middle}.rank-badge svg{flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.rank-badge-small svg,.rank-badge-small .rank-badge-rainbow-shield{width:20px;height:20px}.rank-badge-large svg,.rank-badge-large .rank-badge-rainbow-shield{width:40px;height:40px}.rank-badge-xlarge svg,.rank-badge-xlarge .rank-badge-rainbow-shield{width:clamp(calc(115px * var(--px-inflate)),calc(28 * var(--vw1)),calc(150px * var(--px-inflate)));height:clamp(calc(115px * var(--px-inflate)),calc(28 * var(--vw1)),calc(150px * var(--px-inflate)))}.rank-badge-glint{transform-box:fill-box;transform-origin:center;animation:rank-badge-glint-sweep 3.2s ease-in-out infinite;pointer-events:none}@keyframes rank-badge-glint-sweep{0%,45%{transform:rotate(20deg) translate(-14px)}75%,to{transform:rotate(20deg) translate(20px)}}.rank-badge-rainbow-shield{position:relative;display:inline-block;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.rank-badge-rainbow-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#ff4d4d,#ffd76a,#8affc1,#8ac8ff,#d38aff);background-size:300% 300%;animation:rank-badge-rainbow-shimmer 3.5s ease infinite;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.rank-badge-rainbow-overlay{position:absolute;top:0;right:0;bottom:0;left:0;filter:none}@keyframes rank-badge-rainbow-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.rank-badge-shield-number{font-weight:800;fill:#23160ae6;paint-order:stroke fill;stroke:#ffffff8c;stroke-width:.6px;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none}.wifi-rank-badge{display:inline-flex;align-items:center}.rules-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a0604b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:calc(4 * var(--vh1)) calc(3 * var(--vw1));animation:fadeIn .25s ease-out}.rules-panel{--card-w: calc(64px * var(--px-inflate));--card-h: calc(var(--card-w) * 1.4);width:min(calc(760px * var(--px-inflate)),100%);max-height:calc(88 * var(--vh1));overflow-y:auto;background:linear-gradient(165deg,#241209,#170c06);border-radius:18px;box-shadow:0 40px 100px #000000b3,inset 0 0 0 1px #e6c88f40;color:#ecdcc4;animation:slideUp .35s cubic-bezier(.2,.7,.2,1)}.rules-overlay.fullscreen{padding:0}.rules-panel.fullscreen{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;box-shadow:none;animation:fadeIn .25s ease-out}@media (min-width: 900px){html:not(.viewport-bug-active) .rules-panel.fullscreen{--px-inflate: 1.25}}@media (min-width: 1300px){html:not(.viewport-bug-active) .rules-panel.fullscreen{--px-inflate: 1.5}}@media (min-width: 1800px){html:not(.viewport-bug-active) .rules-panel.fullscreen{--px-inflate: 1.75}}.rules-header{position:sticky;top:0;display:flex;align-items:center;justify-content:center;padding:1.2em 1.5em;background:linear-gradient(180deg,#2c180d,#2c180deb);border-bottom:1px solid rgba(230,200,143,.18);z-index:1}@media (hover: none) and (pointer: coarse) and (max-width: 640px){.rules-header{padding:1.9em 1.5em}.rules-header:has(>.back-btn:last-child){padding-right:156px}}.rules-header-center{justify-content:center}.rules-header h2{margin:0;font-size:clamp(calc(20px * var(--px-inflate)),calc(3 * var(--vw1)),calc(28px * var(--px-inflate)));font-weight:700;letter-spacing:.03em;color:#f6d485;text-align:center}.rules-header>.icon-btn,.rules-header>.back-btn{position:absolute;top:50%;transform:translateY(-50%)}.rules-header>.icon-btn:last-child,.rules-header>.back-btn:last-child{right:1.5em}.rules-header>.icon-btn:first-child{left:1.5em}.rules-body{padding:.5em 1.5em 2em}.rules-tutorial-cta{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:1em 1.2em!important;margin-bottom:.6em;background:#f6d48514;border:1px solid rgba(246,212,133,.25);border-radius:12px;border-bottom:1px solid rgba(246,212,133,.25)!important}.rules-tutorial-cta p{margin:0;flex:1 1 auto}.rules-tutorial-cta .btn{flex:0 0 auto;padding:.6em 1.1em;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.6 * var(--vw1)),calc(15px * var(--px-inflate)))}@media (max-width: 520px){.rules-tutorial-cta{flex-direction:column;align-items:stretch;text-align:center}}.rules-body section{padding:1.4em 0;border-bottom:1px solid rgba(230,200,143,.1)}.rules-body section:last-child{border-bottom:none}.rules-body h3{margin:0 0 .5em;font-size:clamp(calc(16px * var(--px-inflate)),calc(2.2 * var(--vw1)),calc(20px * var(--px-inflate)));color:#e9c78c;letter-spacing:.02em}.rules-body p{margin:0 0 .7em;line-height:1.55;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.6 * var(--vw1)),calc(15px * var(--px-inflate)));color:#d8c3a4}.rules-body ul{margin:0 0 .7em;padding-left:1.3em;line-height:1.55;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.6 * var(--vw1)),calc(15px * var(--px-inflate)));color:#d8c3a4}.rules-body li{margin-bottom:.4em}.rules-body b{color:#f0dcbb}.rules-page .rules-body h3,.rules-page .rules-body p,.rules-page .rules-body ul,.rules-page .rules-body li{text-align:center}.rules-page .rules-body ul{list-style-position:inside;padding-left:0}.rules-demo-flip{display:flex;align-items:center;gap:1em;margin-top:.8em;padding:.8em;border-radius:12px;background:#ffffff0a}.rules-demo-flip .card{flex:0 0 auto}.rules-demo-flip p{margin:0;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(14px * var(--px-inflate)));color:#b9a488}.rules-card-row{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(14px * var(--px-inflate));margin-top:.6em}.rules-card-item{display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--px-inflate));width:calc(108px * var(--px-inflate));padding:.6em .4em;border-radius:12px;background:#ffffff08;text-align:center;transition:transform .2s ease,background .2s ease}.rules-card-item:hover{background:#ffffff12;transform:translateY(-3px)}.rules-card-item-card{perspective:800px}.rules-card-item-label{font-size:calc(12px * var(--px-inflate));font-weight:700;color:#f0dcbb}.rules-card-item-note{font-size:calc(11px * var(--px-inflate));color:#b9a488;line-height:1.3}@media (max-width: 640px){.rules-card-item{width:calc(80px * var(--px-inflate))}}.rules-card-item--wide{width:calc(156px * var(--px-inflate))}.rules-card-item-cards{display:flex;gap:calc(8px * var(--px-inflate))}@media (max-width: 640px){.rules-card-item--wide{width:calc(156px * var(--px-inflate))}}.cardback-panel{width:min(calc(560px * var(--px-inflate)),100%)}.ruleset-picker-panel{width:min(calc(420px * var(--px-inflate)),100%)}.cardback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(120px * var(--px-inflate)),1fr));gap:calc(14px * var(--px-inflate));margin-top:.6em}.cardback-option{display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--px-inflate));padding:.8em .6em;border-radius:12px;background:#ffffff08;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;font:inherit;color:inherit}.cardback-option:hover{background:#ffffff12;transform:translateY(-3px)}.cardback-option.selected{border-color:#f3c65a;background:#f3c65a1f}.cardback-preview{position:relative;--card-w: calc(84px * var(--px-inflate));width:var(--card-w);height:calc(var(--card-w) * 1.4);border-radius:calc(var(--card-w) * .15);overflow:hidden;box-shadow:0 8px 20px #0009}.cardback-label{font-size:calc(13px * var(--px-inflate));font-weight:700;color:#f0dcbb}.cardback-games{font-size:calc(11px * var(--px-inflate));color:#a08f76}.cardback-count{position:absolute;top:calc(5px * var(--px-inflate));right:calc(5px * var(--px-inflate));min-width:calc(18px * var(--px-inflate));height:calc(18px * var(--px-inflate));padding:0 calc(4px * var(--px-inflate));border-radius:9px;background:#140c08d9;color:#f3d9a8;font-size:calc(11px * var(--px-inflate));font-weight:700;line-height:calc(18px * var(--px-inflate));text-align:center;box-shadow:inset 0 0 0 1px #e6c88f80;pointer-events:none}.cardback-option.locked .cardback-preview{filter:grayscale(1) brightness(.55)}.cardback-option.locked .cardback-label{color:#8a7a63}.cardback-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(26px * var(--px-inflate));text-shadow:0 2px 6px rgba(0,0,0,.8);pointer-events:none}.backshow-card.locked{cursor:default}.backshow-card.locked .backshow-card-frame{filter:grayscale(1) brightness(.55)}.backshow-card.locked .backshow-card-label{color:#8a7a63}.backshow-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:calc(34px * var(--px-inflate));text-shadow:0 2px 6px rgba(0,0,0,.8);pointer-events:none}.cardback-sub-overlay{z-index:42}.cards-modal-head{position:sticky;top:0;z-index:3}.cards-tabs{display:flex;gap:calc(4px * var(--px-inflate));padding:.4em 1.5em 0;background:#241209;border-bottom:1px solid rgba(230,200,143,.18)}.cards-tab{font-family:inherit;font-size:clamp(calc(14px * var(--px-inflate)),calc(1.9 * var(--vw1)),calc(17px * var(--px-inflate)));font-weight:700;color:#b9a488;background:none;border:none;padding:.7em 1em;margin-bottom:-1px;cursor:pointer;border-bottom:3px solid transparent;transition:color .15s ease}.cards-tab:hover{color:#e9c78c}.cards-tab.active{color:#f3d9a8;border-bottom-color:#f3c65a}.cardface-category+.cardface-category{margin-top:1.2em}.cardface-category-title{margin:0 0 .2em;font-size:clamp(calc(14px * var(--px-inflate)),calc(1.9 * var(--vw1)),calc(17px * var(--px-inflate)));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#cbb489;border-bottom:1px solid rgba(230,200,143,.14);padding-bottom:.35em}.cardface-grid{display:flex;flex-wrap:wrap;gap:calc(16px * var(--px-inflate));justify-content:center;margin-top:.6em}.cardface-option{position:relative;font:inherit;color:inherit;padding:1em 1.1em;border-radius:14px;background:#ffffff08;border:2px solid transparent;text-align:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.cardface-expand{position:absolute;z-index:2;top:calc(6px * var(--px-inflate));right:calc(6px * var(--px-inflate));width:calc(30px * var(--px-inflate));height:calc(30px * var(--px-inflate));display:flex;align-items:center;justify-content:center;font-size:calc(17px * var(--px-inflate));line-height:1;color:#1a0f07;background:linear-gradient(180deg,#f6d485,#e0b25a);border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 6px #00000073;transition:transform .15s ease,filter .15s ease}.cardface-expand:hover{transform:scale(1.08);filter:brightness(1.08)}.cardface-option:hover{background:#ffffff12;transform:translateY(-3px)}.cardface-option.selected{border-color:#f3c65a;background:#f3c65a1f}.cardface-option.locked{cursor:default}.cardface-option.locked:hover{background:#ffffff08;transform:none}.cardface-option.locked .cardface-samples{filter:grayscale(.9) brightness(.6)}.cardface-lock{position:absolute;z-index:2;top:calc(6px * var(--px-inflate));left:calc(6px * var(--px-inflate));font-size:calc(15px * var(--px-inflate));filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.cardface-locked-label{font-size:calc(11px * var(--px-inflate));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a7a63}.cardface-samples{display:flex;gap:calc(8px * var(--px-inflate));justify-content:center;margin-bottom:calc(10px * var(--px-inflate));--card-w: calc(54px * var(--px-inflate));--card-h: calc(var(--card-w) * 1.4)}.cardface-sample{position:relative;width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .12);overflow:hidden;background:#fff;box-shadow:0 3px 10px #00000080}.faceshow-overlay{z-index:44}.faceshow-panel{width:min(calc(1040px * var(--px-inflate)),calc(96 * var(--vw1)));max-height:calc(90 * var(--vh1));overflow-y:auto;display:flex;flex-direction:column;background:linear-gradient(165deg,#241209,#170c06);border-radius:18px;box-shadow:0 40px 100px #000000b3,inset 0 0 0 1px #e6c88f40;color:#ecdcc4;animation:slideUp .35s cubic-bezier(.2,.7,.2,1)}.faceshow-body{position:relative;display:flex;align-items:center;padding:1.2em 0}.faceshow-strip{--card-w: clamp(50px, calc(64 * var(--vh1) - 110px), calc(200px * var(--px-inflate)));display:flex;gap:calc(18px * var(--px-inflate));overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;padding:.6em calc(50% - var(--card-w) / 2);scrollbar-width:thin;scrollbar-color:rgba(230,200,143,.4) transparent}.faceshow-strip::-webkit-scrollbar{height:8px}.faceshow-strip::-webkit-scrollbar-thumb{background:#e6c88f66;border-radius:4px}.faceshow-card{position:relative;flex:0 0 auto;width:var(--card-w);height:calc(var(--card-w) * 1.4);border-radius:calc(var(--card-w) * .06);overflow:hidden;background:#fff;box-shadow:0 10px 26px #0000008c;scroll-snap-align:center;transition:transform .2s ease}.faceshow-card:hover{transform:translateY(-6px) scale(1.03)}.faceshow-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:calc(46px * var(--px-inflate));height:calc(46px * var(--px-inflate));display:flex;align-items:center;justify-content:center;font-size:calc(30px * var(--px-inflate));line-height:1;color:#1a0f07;background:linear-gradient(180deg,#f6d485,#e0b25a);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #00000080;transition:transform .15s ease,filter .15s ease}.faceshow-arrow:hover{filter:brightness(1.08);transform:translateY(-50%) scale(1.08)}.faceshow-arrow.left{left:calc(10px * var(--px-inflate))}.faceshow-arrow.right{right:calc(10px * var(--px-inflate))}@media (max-width: 640px){.faceshow-strip{--card-w: clamp(50px, calc(64 * var(--vh1) - 110px), calc(150px * var(--px-inflate)))}}.backshow-panel{width:min(calc(1080px * var(--px-inflate)),calc(96 * var(--vw1)))}.joker-variant-group{padding:0 1.4em}.joker-variant-group .cardface-category-title{margin-top:1em}.joker-variant-group .backshow-body{padding:.6em 0 1em}.backshow-body{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:calc(18px * var(--px-inflate));padding:1.4em 1.4em .4em;overflow-y:auto}.backshow-card{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--px-inflate));padding:calc(8px * var(--px-inflate)) calc(8px * var(--px-inflate)) calc(10px * var(--px-inflate));border-radius:14px;background:none;border:2px solid transparent;cursor:pointer;font:inherit;color:inherit;transition:transform .2s ease,background .2s ease,border-color .2s ease}.backshow-card:hover{background:#ffffff0f;transform:translateY(-4px)}.backshow-card.selected{border-color:#f3c65a;background:#f3c65a1f}.backshow-card-frame{position:relative;--card-w: calc(190px * var(--px-inflate));width:var(--card-w);height:calc(var(--card-w) * 1.4);border-radius:calc(var(--card-w) * .15);overflow:hidden;background:#fff;box-shadow:0 10px 26px #0000008c}.backshow-card-label{font-size:calc(14px * var(--px-inflate));font-weight:700;color:#f0dcbb}.backshow-card-requirement{display:block;max-width:calc(170px * var(--px-inflate));margin-top:calc(2px * var(--px-inflate));font-size:calc(11px * var(--px-inflate));font-weight:400;line-height:1.35;color:#a08f76}.backshow-games{margin-top:calc(2px * var(--px-inflate));font-size:calc(12px * var(--px-inflate));font-weight:400;color:#cbb79a;text-align:center}.backshow-check{position:absolute;top:calc(2px * var(--px-inflate));right:calc(2px * var(--px-inflate));width:calc(26px * var(--px-inflate));height:calc(26px * var(--px-inflate));display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,#f6d485,#e0b25a);color:#1a0f07;font-size:calc(15px * var(--px-inflate));font-weight:900;box-shadow:0 2px 6px #00000073}@media (max-width: 640px){.backshow-card-frame{--card-w: calc(150px * var(--px-inflate))}}.showcase-credit{padding:.9em 1.6em 1.3em;border-top:1px solid rgba(230,200,143,.16)}.showcase-credit-label{display:block;font-size:calc(11px * var(--px-inflate));font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cbb489;margin-bottom:.35em}.credit-note{font-size:clamp(calc(12px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(14px * var(--px-inflate)));line-height:1.5;color:#cbb79a}.credit-author{color:#f0dcbb;font-weight:700}.credit-link{color:#e9c78c;text-decoration:underline}.credit-link:hover{color:#f6d485}.credit-license{color:#b9a488;margin-top:calc(2px * var(--px-inflate))}.credit-required{color:#f3d0a0;font-style:italic;margin-top:calc(3px * var(--px-inflate))}.credit-note-text{color:#a08f76;font-size:.9em;margin-top:calc(4px * var(--px-inflate))}.credit-list{display:flex;flex-direction:column;gap:.7em;margin-top:.5em}.credit-item{padding:.7em .9em;border-radius:10px;background:#ffffff08}.credit-title{display:flex;align-items:center;gap:.6em;font-weight:700;color:#f6d485;margin-bottom:.3em}.credit-flag{font-size:calc(10px * var(--px-inflate));font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1a0f07;background:#d9a441;padding:calc(1px * var(--px-inflate)) calc(7px * var(--px-inflate));border-radius:8px}.joker-thumb,.joker-full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.cardback-reward-overlay{z-index:55;cursor:default}.cardback-reward-panel{position:relative;width:min(calc(640px * var(--px-inflate)),100%);max-height:calc(88 * var(--vh1));overflow-y:auto;padding:1.8em 1.8em 2em;text-align:center}.cardback-reward-head{margin-bottom:1.2em}.cardback-reward-eyebrow{display:inline-block;font-size:calc(11px * var(--px-inflate));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a0f07;background:linear-gradient(180deg,#f6d485,#e0b25a);padding:calc(3px * var(--px-inflate)) calc(10px * var(--px-inflate));border-radius:999px;margin-bottom:.7em}.cardback-reward-head h2{margin:0 0 .4em;font-size:clamp(calc(20px * var(--px-inflate)),calc(3 * var(--vw1)),calc(28px * var(--px-inflate)));color:#f6d485}.cardback-reward-head p{margin:0;max-width:44em;margin-inline:auto;color:#cbb79a;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.6 * var(--vw1)),calc(15px * var(--px-inflate)));line-height:1.5}.cardback-reward-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(16px * var(--px-inflate));margin-bottom:1.4em}.cardback-reward-tile{width:calc(150px * var(--px-inflate))}.cardback-reward-tile.selected{box-shadow:0 0 0 1px #f3c65a80,0 8px 20px #00000059}.cardback-reward-confirm{min-width:12em}.cardback-reward-confirm:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.cardback-reward-confirm:disabled:hover{transform:none;filter:none}.cardback-reward-summary .cardback-reward-tile{cursor:default}.cardback-reward-summary .cardback-reward-tile:hover{transform:none}.achievements-panel{width:min(calc(820px * var(--px-inflate)),100%)}.achievements-body{display:flex;flex-direction:column;gap:calc(14px * var(--px-inflate));padding-top:.4em}.achievements-note{margin:0 0 .2em;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(14px * var(--px-inflate)));line-height:1.5;color:#a08f76}.achievement-item{display:flex;align-items:center;gap:calc(18px * var(--px-inflate));padding:calc(14px * var(--px-inflate));border-radius:14px;background:#ffffff08;border:1px solid rgba(230,200,143,.1);transition:background .2s ease,border-color .2s ease}.achievement-item.unlocked{background:#f3c65a1a;border-color:#f3c65a59}.achievement-req{flex:0 0 auto;width:calc(112px * var(--px-inflate));display:flex;align-items:center;justify-content:center}.achievement-req-cards{--card-w: calc(46px * var(--px-inflate));--card-h: calc(var(--card-w) * 1.4);display:flex}.achievement-req-card{width:var(--card-w);margin-left:calc(-1 * var(--card-w) * .42);filter:grayscale(.85) brightness(.75);transition:filter .3s ease,transform .3s ease;animation:achievementReqFloat 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}.achievement-req-card:first-child{margin-left:0}.achievement-item.unlocked .achievement-req-card{filter:none}.achievement-badge{font-size:calc(46px * var(--px-inflate));filter:grayscale(1) brightness(.75);transition:filter .3s ease;animation:achievementReqFloat 3.2s ease-in-out infinite}.achievement-item.unlocked .achievement-badge{filter:none}@keyframes achievementReqFloat{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-4px * var(--px-inflate)))}}.achievement-info{flex:1 1 auto;min-width:0}.achievement-tier-history{display:flex;flex-wrap:wrap;gap:calc(6px * var(--px-inflate));margin-bottom:.35em}.achievement-tier-chip{font-size:calc(10.5px * var(--px-inflate));font-weight:700;letter-spacing:.03em;color:#1a0f07;background:linear-gradient(180deg,#f6d485,#e0b25a);padding:calc(2px * var(--px-inflate)) calc(7px * var(--px-inflate));border-radius:8px}.achievement-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6em}.achievement-head h3{margin:0;display:flex;align-items:center;gap:.45em;font-size:clamp(calc(15px * var(--px-inflate)),calc(2 * var(--vw1)),calc(18px * var(--px-inflate)));color:#f0dcbb}.achievement-item.unlocked .achievement-head h3{color:#f6d485}.achievement-check{display:inline-flex;align-items:center;justify-content:center;width:calc(18px * var(--px-inflate));height:calc(18px * var(--px-inflate));border-radius:50%;background:linear-gradient(180deg,#f6d485,#e0b25a);color:#1a0f07;font-size:calc(11px * var(--px-inflate));font-weight:900}.achievement-count{flex:0 0 auto;font-size:calc(13px * var(--px-inflate));font-weight:700;color:#b9a488;font-variant-numeric:tabular-nums}.achievement-item.unlocked .achievement-count{color:#f3d9a8}.achievement-tagline{margin:.15em 0 0;font-size:calc(12.5px * var(--px-inflate));font-weight:700;color:#cbb489}.achievement-desc{margin:.3em 0 0;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(13.5px * var(--px-inflate)));line-height:1.5;color:#a08f76}.achievement-badge-label{margin:.3em 0 0;font-size:calc(11.5px * var(--px-inflate));font-weight:700;letter-spacing:.03em;color:#cbb489}.achievement-reward{display:inline-block;margin:.45em 0 0;font-size:calc(11.5px * var(--px-inflate));font-weight:700;letter-spacing:.02em;color:#f6d485;background:#f3c65a1f;border:1px solid rgba(243,198,90,.3);border-radius:999px;padding:calc(3px * var(--px-inflate)) calc(10px * var(--px-inflate))}.title-chip{cursor:pointer;border:1px solid transparent;font-family:inherit;transition:transform .15s ease}.title-chip:hover{transform:translateY(-1px)}.title-chip.equipped{outline:2px solid #fff;outline-offset:1px}.title-tier-1,.title-tier-2,.title-tier-3{color:#1a0f07;position:relative;overflow:hidden}.title-tier-1{background:linear-gradient(180deg,#e8b686,#b3702f,#6b3d15)}.title-tier-2{background:linear-gradient(180deg,#eef1f3,#c3cad0,#a9b0b7)}.title-tier-3{background:linear-gradient(180deg,#fff2c4,#f0b429,#b9820f)}.title-tier-1:before,.title-tier-2:before,.title-tier-3:before{content:"";position:absolute;top:0;right:0;bottom:0;left:-75%;width:45%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.85) 50%,transparent 70%);animation:title-tier-shine 3.2s ease-in-out infinite;pointer-events:none}.title-tier-2:before{animation-delay:1.07s}.title-tier-3:before{animation-delay:2.13s}@keyframes title-tier-shine{0%,45%{left:-75%}75%,to{left:130%}}.title-tier-4{color:#1a0f07;background:linear-gradient(120deg,#ff4d4d,#ffd76a,#8affc1,#8ac8ff,#d38aff);background-size:300% 300%;animation:title-tier-4-shimmer 3.5s ease infinite;box-shadow:0 0 10px #ffffff59}@keyframes title-tier-4-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.current-title-chip{display:inline-block;margin:.5em 0 0;font-size:calc(11px * var(--px-inflate));font-weight:700;letter-spacing:.02em;padding:calc(3px * var(--px-inflate)) calc(10px * var(--px-inflate));border-radius:999px}.player-title-badge{display:inline-block;font-weight:700;font-size:.82em;padding:.03em .55em;border-radius:999px;vertical-align:middle}.achievement-bar{margin-top:.6em;height:calc(7px * var(--px-inflate));border-radius:999px;background:#ffffff14;overflow:hidden}.achievement-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d6a03c,#f3c65a);transition:width .6s cubic-bezier(.2,.8,.2,1)}.achievement-item.unlocked .achievement-bar-fill{background:linear-gradient(90deg,#f3c65a,#fce29a)}@media (max-width: 640px){.achievement-item{flex-direction:column;align-items:flex-start}.achievement-req{width:100%;justify-content:flex-start}}.achievement-toast{position:fixed;top:calc(18px * var(--px-inflate));left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:calc(2px * var(--px-inflate));padding:.6em 1.6em;border-radius:14px;background:linear-gradient(180deg,#24140bf5,#170d07f5);box-shadow:0 14px 34px #0000008c,inset 0 0 0 1px #f3c65a80;pointer-events:none;animation:achievementToastPop .5s cubic-bezier(.2,.8,.2,1) forwards}.achievement-toast.fading-out{animation:achievementToastFadeOut .5s ease-in forwards}.achievement-toast-label{font-size:calc(10.5px * var(--px-inflate));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#cbb489}.achievement-toast-title{font-size:clamp(calc(16px * var(--px-inflate)),calc(2.4 * var(--vw1)),calc(20px * var(--px-inflate)));font-weight:800;color:#f6d485}@keyframes achievementToastPop{0%{transform:translate(-50%) translateY(-14px) scale(.85);opacity:0}60%{transform:translate(-50%) translateY(2px) scale(1.03);opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes achievementToastFadeOut{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-10px) scale(.92);opacity:0}}.achievement-celebration-overlay{z-index:65;cursor:default}.achievement-celebration-panel{position:relative;width:min(calc(560px * var(--px-inflate)),100%);max-height:calc(88 * var(--vh1));overflow-y:auto;padding:1.8em 1.8em 2em;text-align:center}.achievement-celebration-head{margin-bottom:1.2em}.achievement-celebration-eyebrow{display:inline-block;font-size:calc(11px * var(--px-inflate));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a0f07;background:linear-gradient(180deg,#f6d485,#e0b25a);padding:calc(3px * var(--px-inflate)) calc(10px * var(--px-inflate));border-radius:999px;margin-bottom:.7em}.achievement-celebration-head h2{margin:0 0 .4em;font-size:clamp(calc(20px * var(--px-inflate)),calc(3 * var(--vw1)),calc(28px * var(--px-inflate)));color:#f6d485}.achievement-celebration-head p{margin:0;color:#cbb79a;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.6 * var(--vw1)),calc(15px * var(--px-inflate)));line-height:1.5}.achievement-celebration-list{display:flex;flex-direction:column;gap:calc(10px * var(--px-inflate));margin-bottom:1.6em}.achievement-celebration-item{display:flex;align-items:center;gap:calc(12px * var(--px-inflate));padding:calc(10px * var(--px-inflate)) calc(16px * var(--px-inflate));border-radius:12px;background:#ffffff0a;border:1px solid rgba(230,200,143,.16);text-align:left}.achievement-celebration-trophy{font-size:calc(22px * var(--px-inflate));line-height:1;flex:0 0 auto}.achievement-celebration-title{font-size:clamp(calc(15px * var(--px-inflate)),calc(1.9 * var(--vw1)),calc(18px * var(--px-inflate)));font-weight:700;color:#f0dcbb}.achievement-celebration-close{min-width:12em}.face-reward-overlay{z-index:80;cursor:default}.face-reward-panel{position:relative;width:min(calc(780px * var(--px-inflate)),100%);max-height:calc(88 * var(--vh1));overflow-y:auto;padding:1.8em 1.8em 2em;text-align:center}.face-reward-head{margin-bottom:1.2em}.face-reward-eyebrow{display:inline-block;font-size:calc(11px * var(--px-inflate));font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a0f07;background:linear-gradient(180deg,#f6d485,#e0b25a);padding:calc(3px * var(--px-inflate)) calc(10px * var(--px-inflate));border-radius:999px;margin-bottom:.7em}.face-reward-head h2{margin:0 0 .4em;font-size:clamp(calc(20px * var(--px-inflate)),calc(3 * var(--vw1)),calc(28px * var(--px-inflate)));color:#f6d485}.face-reward-head p{margin:0;max-width:44em;margin-inline:auto;color:#cbb79a;font-size:clamp(calc(13px * var(--px-inflate)),calc(1.6 * var(--vw1)),calc(15px * var(--px-inflate)));line-height:1.5}.face-reward-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(16px * var(--px-inflate));margin-bottom:1.4em}.face-reward-tile{width:calc(220px * var(--px-inflate))}.face-reward-tile.selected{box-shadow:0 0 0 1px #f3c65a80,0 8px 20px #00000059}.face-reward-joker-card{position:relative;--card-w: calc(96px * var(--px-inflate));--card-h: calc(var(--card-w) * 1.4);width:var(--card-w);height:var(--card-h);margin:0 auto .6em;border-radius:calc(var(--card-w) * .12);overflow:hidden;background:#fff;box-shadow:0 6px 16px #00000080}.face-reward-confirm{min-width:12em}.face-reward-confirm:disabled{opacity:.45;cursor:not-allowed;filter:none;transform:none;box-shadow:none}.face-reward-confirm:disabled:hover{transform:none;filter:none}.face-reward-summary .face-reward-tile{cursor:default}.face-reward-summary .face-reward-tile:hover{transform:none}.reveal-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;color:#e6c88f;letter-spacing:.04em;text-shadow:0 2px 10px rgba(0,0,0,.8);animation:fadeIn .3s ease-out}.reveal-banner-name{font-size:clamp(calc(20px * var(--px-inflate)),calc(3.4 * var(--vw1)),calc(32px * var(--px-inflate)));font-weight:700;color:#f6d485}.reveal-banner-total{font-size:clamp(calc(28px * var(--px-inflate)),calc(5 * var(--vw1)),calc(48px * var(--px-inflate)));font-weight:700;font-variant-numeric:tabular-nums;margin-top:calc(4px * var(--px-inflate))}.reveal-total-tag{color:#f6d485;font-weight:700;font-variant-numeric:tabular-nums}.your-name{position:fixed;bottom:calc(27 * var(--vh1));left:50%;transform:translate(-50%);z-index:4;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.8 * var(--vw1)),calc(16px * var(--px-inflate)));color:#d8c3a4;letter-spacing:.08em;text-align:center;animation:fadeIn .3s ease-out}.reveal-winner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;display:flex;align-items:center;justify-content:center}.reveal-winner-title{position:relative;z-index:1;font-size:clamp(calc(36px * var(--px-inflate)),calc(7 * var(--vw1)),calc(72px * var(--px-inflate)));font-weight:800;color:#f6d485;letter-spacing:.05em;text-shadow:0 0 30px rgba(243,198,90,.7),0 4px 20px rgba(0,0,0,.8);animation:winnerPop .6s cubic-bezier(.2,.8,.3,1.4) both}.fireworks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.firework-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--fw-color, #f3c65a);box-shadow:0 0 8px var(--fw-color, #f3c65a);opacity:0;animation:fireworkBurst 1.1s ease-out both}@keyframes fireworkBurst{0%{transform:translate(0) scale(1);opacity:1}70%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}@keyframes winnerPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.wifi-lobby{gap:calc(16px * var(--px-inflate))}.wifi-title{font-size:clamp(calc(20px * var(--px-inflate)),calc(3.5 * var(--vw1)),calc(30px * var(--px-inflate)));letter-spacing:.1em;text-transform:uppercase;color:#e6c88f;margin:0;text-align:center}.wifi-status,.wifi-empty{color:#d8c3a4;opacity:.8;text-align:center}.wifi-error{color:#f2a3a3;background:#a0282840;border-radius:10px;padding:.6em 1em;box-shadow:inset 0 0 0 1px #f2a3a359;max-width:min(90vw,420px);text-align:center}.wifi-browse,.wifi-roster{display:flex;flex-direction:column;gap:calc(14px * var(--px-inflate));width:100%;max-width:calc(560px * var(--px-inflate))}.wifi-browse{max-height:72vh;overflow-y:auto;padding:2px}.wifi-card{display:flex;flex-direction:column;gap:calc(10px * var(--px-inflate));background:#ffffff0b;border-radius:14px;padding:calc(14px * var(--px-inflate));box-shadow:inset 0 0 0 1px #e6c88f29}.wifi-hint{color:#d8c3a4;opacity:.75;font-size:clamp(calc(11px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(13px * var(--px-inflate)));margin:0}.wifi-option-row{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--px-inflate));flex-wrap:wrap}.wifi-option-label{color:#d8c3a4;font-weight:600;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.7 * var(--vw1)),calc(14px * var(--px-inflate)))}.wifi-name-input{font-family:inherit;font-size:clamp(calc(14px * var(--px-inflate)),calc(2 * var(--vw1)),calc(17px * var(--px-inflate)));padding:.6em .9em;border-radius:10px;border:none;background:#ffffff1a;color:#f5e8d3;box-shadow:inset 0 0 0 1px #e6c88f40}.wifi-create-row{display:flex;gap:calc(10px * var(--px-inflate))}.wifi-create-row .wifi-name-input{flex:1}.wifi-subhead{color:#e6c88f;font-size:clamp(calc(14px * var(--px-inflate)),calc(2 * var(--vw1)),calc(18px * var(--px-inflate)));margin:.2em 0 0}.wifi-survival-badge{display:inline-block;vertical-align:middle;margin-left:.6em;padding:.15em .6em;border-radius:999px;font-size:.55em;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#2a1a08;background:linear-gradient(135deg,#ffd27a,#e6a53a)}.wifi-table-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(8px * var(--px-inflate));max-height:40vh;overflow-y:auto}.wifi-table-row{display:flex;align-items:center;gap:calc(12px * var(--px-inflate));color:#d8c3a4;background:#ffffff0d;border-radius:10px;padding:.5em .8em}.wifi-table-name{flex:1;font-weight:600}.wifi-table-count{opacity:.7}.wifi-kick{font-size:.85em;padding:.3em .7em}.wifi-back-corner{position:fixed;top:var(--vh1);right:calc(2 * var(--vw1) + 2.2em + .5em);z-index:11}.wifi-code-input{flex:1;text-align:center;letter-spacing:.2em;text-transform:uppercase}.wifi-code-display{display:flex;flex-direction:column;align-items:center;gap:calc(4px * var(--px-inflate));background:#e6c88f14;border-radius:12px;padding:calc(10px * var(--px-inflate)) calc(14px * var(--px-inflate));box-shadow:inset 0 0 0 1px #e6c88f40}.wifi-code-caption{color:#d8c3a4;opacity:.85;font-size:clamp(calc(11px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(13px * var(--px-inflate)))}.wifi-code-value{font-weight:700;font-size:clamp(calc(20px * var(--px-inflate)),calc(3 * var(--vw1)),calc(26px * var(--px-inflate)));letter-spacing:.3em;color:#e6c88f}.jackpot-banner{position:fixed;top:calc(18px * var(--px-inflate));left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:calc(3px * var(--px-inflate));padding:.65em 1.8em;border-radius:14px;background:linear-gradient(180deg,#2e1c06f7,#1a0f03f7);box-shadow:0 14px 36px #0000008c,inset 0 0 0 1px #ffd26499,0 0 24px #ffbe3c59;pointer-events:none;animation:jackpotBannerPop .55s cubic-bezier(.2,.8,.2,1) forwards,jackpotBannerGlow 1.1s ease-in-out .55s infinite alternate}.jackpot-banner.fading-out{animation:jackpotBannerFadeOut .5s ease-in forwards}.jackpot-banner-label{font-size:clamp(calc(15px * var(--px-inflate)),calc(2.2 * var(--vw1)),calc(19px * var(--px-inflate)));font-weight:800;letter-spacing:.04em;background:linear-gradient(90deg,#ffe6a8,#ffb347,#ffe6a8);-webkit-background-clip:text;background-clip:text;color:transparent}.jackpot-banner-row{font-size:calc(12.5px * var(--px-inflate));font-weight:600;color:#f3dcae}@keyframes jackpotBannerPop{0%{transform:translate(-50%) translateY(-14px) scale(.8);opacity:0}60%{transform:translate(-50%) translateY(3px) scale(1.05);opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes jackpotBannerGlow{0%{box-shadow:0 14px 36px #0000008c,inset 0 0 0 1px #ffd26499,0 0 18px #ffbe3c40}to{box-shadow:0 14px 36px #0000008c,inset 0 0 0 1px #ffe196d9,0 0 32px #ffbe3c8c}}@keyframes jackpotBannerFadeOut{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-10px) scale(.92);opacity:0}}.survival-panel{margin-top:calc(10px * var(--px-inflate));padding-top:calc(10px * var(--px-inflate));border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:calc(6px * var(--px-inflate))}.survival-panel-head{font-size:calc(11px * var(--px-inflate));font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#e6c88f}.survival-row{display:flex;justify-content:space-between;align-items:center;gap:calc(8px * var(--px-inflate));padding:.25em 0;color:#d8c3a4}.survival-row.out{opacity:.55;text-decoration:line-through}.survival-row-score{font-variant-numeric:tabular-nums;font-weight:700}.survival-out-badge{margin-left:.5em;padding:.05em .5em;border-radius:999px;font-size:.72em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f3b3b3;background:#c83c3c38;text-decoration:none;display:inline-block;vertical-align:middle}.survival-champion-banner{margin-top:calc(6px * var(--px-inflate));padding:.7em 1em;border-radius:12px;text-align:center;font-size:calc(15px * var(--px-inflate));font-weight:800;color:#2a1a08;background:linear-gradient(135deg,#ffe6a8,#ffb347)}.peek-spectator-note{color:#b9a586;font-size:calc(13px * var(--px-inflate));text-align:center;max-width:22em}.survival-flow-modal{min-width:min(calc(90 * var(--vw1)),calc(420px * var(--px-inflate)));transition:opacity .4s ease}.survival-flow-modal.fading{opacity:0}.survival-flow-title{text-align:center}.survival-flow-rows{width:100%;display:flex;flex-direction:column;gap:calc(14px * var(--px-inflate))}.survival-flow-row{display:flex;justify-content:space-between;align-items:center;gap:calc(24px * var(--px-inflate));font-size:clamp(calc(18px * var(--px-inflate)),calc(2.6 * var(--uw)),calc(26px * var(--px-inflate)));font-weight:700;padding:.4em .7em;border-radius:12px;color:#f0dcbb}.survival-flow-row.win{background:#f3c65a2e;color:#f6d485}.survival-flow-row.out{opacity:.55}.survival-flow-value{font-variant-numeric:tabular-nums;color:#f6d485}.survival-flow-jackpot{font-size:.55em;font-weight:700;color:#ffcf7a;white-space:nowrap}.survival-countdown-number{font-size:clamp(calc(56px * var(--px-inflate)),calc(10 * var(--vw1)),calc(96px * var(--px-inflate)));font-weight:800;color:#f6d485;font-variant-numeric:tabular-nums;text-shadow:0 0 30px rgba(243,198,90,.6),0 4px 20px rgba(0,0,0,.8)}.survival-spectator-banner{position:fixed;bottom:calc(var(--hand-bottom) + var(--hand-grid-h) / 2);left:50%;transform:translate(-50%,50%);z-index:55;padding:.9em 1.4em;border-radius:14px;background:#140c06e6;color:#e6c88f;font-size:calc(14px * var(--px-inflate));font-weight:700;text-align:center;box-shadow:0 14px 34px #00000080;pointer-events:none}.tutorial-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;background:radial-gradient(ellipse 120% 70% at 50% -10%,#3a2010,#1c1108 55%,#0d0704);animation:fadeIn .3s ease-out}.tutorial-page-inner{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(6 * var(--vh1)) calc(4 * var(--vw1))}.tutorial-page-header{text-align:center;max-width:40em;margin-bottom:2.2em;animation:slideUp .4s cubic-bezier(.2,.7,.2,1)}.tutorial-page-eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:clamp(calc(12px * var(--px-inflate)),calc(1.3 * var(--vw1)),calc(15px * var(--px-inflate)));color:#d9b877;opacity:.85}.tutorial-page-title{font-size:clamp(calc(32px * var(--px-inflate)),calc(6 * var(--vw1)),calc(52px * var(--px-inflate)));font-weight:700;color:#f6d485;margin:.2em 0 .35em;text-shadow:0 4px 24px rgba(0,0,0,.55)}.tutorial-page-subtitle{font-size:clamp(calc(15px * var(--px-inflate)),calc(1.9 * var(--vw1)),calc(19px * var(--px-inflate)));color:#d8c5aa;line-height:1.5;margin:0 0 .4em}.tutorial-page-stages{display:flex;flex-direction:column;gap:1em;width:min(calc(760px * var(--px-inflate)),100%);margin-bottom:2em;animation:slideUp .45s cubic-bezier(.2,.7,.2,1)}.tutorial-stage-card{display:flex;align-items:center;gap:1.1em;width:100%;text-align:left;padding:1.3em 1.7em;border-radius:18px;border:1px solid rgba(230,200,143,.28);background:linear-gradient(180deg,#e9c78c29,#cf9a4f12);color:#f3e6cf;cursor:pointer;box-shadow:0 6px 20px #0000004d;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.tutorial-stage-card:hover{transform:translateY(-2px);border-color:#f6d4858c;box-shadow:0 10px 26px #0006}.tutorial-stage-card:active{transform:translateY(0)}.tutorial-stage-card-num{flex-shrink:0;width:clamp(calc(34px * var(--px-inflate)),calc(4.2 * var(--vw1)),calc(46px * var(--px-inflate)));height:clamp(calc(34px * var(--px-inflate)),calc(4.2 * var(--vw1)),calc(46px * var(--px-inflate)));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:clamp(calc(15px * var(--px-inflate)),calc(1.8 * var(--vw1)),calc(19px * var(--px-inflate)));color:#2a1a10;background:linear-gradient(180deg,#f6d485,#cf9a4f);box-shadow:0 3px 10px #0006,inset 0 1px #fff6}.tutorial-stage-card-body{display:flex;flex-direction:column;gap:.35em}.tutorial-stage-card-title{font-weight:700;font-size:clamp(calc(16px * var(--px-inflate)),calc(1.9 * var(--vw1)),calc(21px * var(--px-inflate)));color:#f6d485}.tutorial-stage-card-desc{font-size:clamp(calc(13px * var(--px-inflate)),calc(1.5 * var(--vw1)),calc(16px * var(--px-inflate)));opacity:.82;line-height:1.4}.tutorial-stage-card-locked{opacity:.55;cursor:not-allowed}.tutorial-stage-card-locked .tutorial-stage-card-num{background:linear-gradient(180deg,#7a6a58,#5a4c3d);color:#f0e6d6;box-shadow:none}.tutorial-stage-card-locked:hover,.tutorial-stage-card-locked:active{transform:none;border-color:#e6c88f47}.tutorial-page-exit{background:none;border:none;color:#d8c5aa;opacity:.75;font-size:.95em;padding:.6em 1em;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.tutorial-page-exit:hover{opacity:1}.tutorial-page-cta{color:#2a1a10;padding:.9em 2.6em;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(180deg,#e9c78c,#cf9a4f);box-shadow:0 8px 24px #0009,inset 0 1px #fff6;font-size:clamp(calc(16px * var(--px-inflate)),calc(2.6 * var(--vw1)),calc(22px * var(--px-inflate)));min-width:min(280px,70vw);font-weight:700;margin-top:.8em;transition:all .2s ease}.tutorial-page-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}.tutorial-page-cta:active{transform:translateY(0)}.tutorial-page-cta-secondary{background:transparent;color:#e9c78c;box-shadow:none;border:2px solid rgba(233,199,140,.55)}.tutorial-page-cta-secondary:hover{background:#e9c78c1f;filter:none}.tutorial-modal-actions{display:flex;flex-direction:column;gap:.6em}.tutorial-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;pointer-events:none}.tutorial-gate-band,.tutorial-gate-blocker{position:fixed;background:transparent;pointer-events:auto}.tutorial-glow{border-radius:calc(var(--card-w) * .15);box-shadow:inset 0 0 0 calc(var(--card-w) * .08) #ffc400d9,0 0 calc(var(--card-w) * .06) calc(var(--card-w) * .03) #ffc400,0 0 calc(var(--card-w) * .3) #ffc4008c;animation:tutorialGlowFlash .4s ease-out both,tutorialGlowPulse 1.4s ease-in-out .4s infinite}@keyframes tutorialGlowFlash{0%{box-shadow:inset 0 0 0 calc(var(--card-w) * .16) #ffe100,0 0 calc(var(--card-w) * .1) calc(var(--card-w) * .05) #ffe100,0 0 calc(var(--card-w) * .5) #ffe100b3}to{box-shadow:inset 0 0 0 calc(var(--card-w) * .08) #ffc400d9,0 0 calc(var(--card-w) * .06) calc(var(--card-w) * .03) #ffc400,0 0 calc(var(--card-w) * .3) #ffc4008c}}@keyframes tutorialGlowPulse{0%,to{box-shadow:inset 0 0 0 calc(var(--card-w) * .08) #ffc400d9,0 0 calc(var(--card-w) * .06) calc(var(--card-w) * .03) #ffc400,0 0 calc(var(--card-w) * .3) #ffc4008c}50%{box-shadow:inset 0 0 0 calc(var(--card-w) * .14) #ffe100,0 0 calc(var(--card-w) * .1) calc(var(--card-w) * .05) #ffe100,0 0 calc(var(--card-w) * .5) #ffe100b3}}.tutorial-bubble{position:fixed;left:50%;bottom:calc(3 * var(--vh1));transform:translate(-50%);z-index:56;width:min(calc(560px * var(--px-inflate)),92vw);background:linear-gradient(165deg,#2c180d,#1a0f07);color:#f3e6cf;border-radius:14px;box-shadow:0 18px 50px #0009,inset 0 0 0 1px #f6d4854d;padding:.9em 1.2em;line-height:1.45;font-size:clamp(calc(14px * var(--px-inflate)),calc(2 * var(--vw1)),calc(17px * var(--px-inflate)));text-align:center;animation:fadeIn .25s ease-out;pointer-events:none}.tutorial-bubble-leaving{animation:fadeOut .3s ease-in forwards}.tutorial-bubble-middle{top:50%;bottom:auto;transform:translate(-50%,-50%)}.tutorial-bubble-top{top:calc(2 * var(--vh1));bottom:auto}.tutorial-bubble-hint{margin-top:.5em;font-size:.8em;opacity:.65;animation:tutorialHintPulse 1.6s ease-in-out infinite}@keyframes tutorialHintPulse{0%,to{opacity:.45}50%{opacity:.85}}.cb{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cb-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.cb-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:82%;pointer-events:none;-webkit-user-select:none;user-select:none}.cb-image-wrap{background:#eee}.cb-image{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.cf-image{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;overflow:hidden}.cf-img{width:100%;height:100%;object-fit:fill;display:block;-webkit-user-select:none;user-select:none;clip-path:inset(var(--cf-margin, 0%));position:relative;left:var(--cf-offset-x, 0%);top:var(--cf-offset-y, 0%)}.cf{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(158deg,#fbf6ec,#f3ead9 55%,#ece2d1)}.cf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);background-size:220% 220%;background-position:100% 0%;mix-blend-mode:overlay;opacity:.6;pointer-events:none;transition:background-position .8s ease}.card-inner.is-face:hover .cf:after{background-position:0% 100%}.cf-red{color:#b0242f}.cf-black{color:#1b1b1b}.cf-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.85;gap:2px}.cf-corner-tl{top:6%;left:8%}.cf-corner-br{bottom:6%;right:8%;transform:rotate(180deg)}.cf-rank{font-weight:700;font-size:calc(var(--card-w) * .24)}.cf-corner-suit{width:calc(var(--card-w) * .17);height:calc(var(--card-w) * .17)}.cf-center-suit{width:calc(var(--card-w) * .42);height:calc(var(--card-w) * .42);opacity:.95;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.cf-badge{position:absolute;bottom:5%;left:8%;font-size:calc(var(--card-w) * .16);font-weight:700;color:#fff;background:linear-gradient(180deg,#8a7355,#6b5a3e);padding:.15em .5em;border-radius:999px;box-shadow:0 2px 4px #00000059,inset 0 1px #ffffff40}.cf-monogram{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:calc(var(--card-w) * .5);opacity:.92;text-shadow:0 2px 4px rgba(0,0,0,.12)}@media (hover: none) and (pointer: coarse){.game-screen{padding:calc(2 * var(--uw));gap:calc(1.5 * var(--uw))}.opponent-row{gap:clamp(calc(2px * var(--px-inflate)),calc(1 * var(--uw)),calc(8px * var(--px-inflate)));margin-top:max(calc(1 * var(--uh)),var(--game-menu-clearance))}.opp-name{font-size:clamp(calc(9px * var(--px-inflate)),calc(2.6 * var(--uw)),calc(14px * var(--px-inflate)));margin-bottom:calc(3px * var(--px-inflate));padding:calc(2px * var(--px-inflate)) calc(7px * var(--px-inflate))}.pile-zone{gap:clamp(calc(14px * var(--px-inflate)),calc(5 * var(--uw)),calc(30px * var(--px-inflate)))}.room{--card-w: clamp( calc(70px * var(--px-inflate)), calc(25 * var(--uw)), min(calc(132px * var(--px-inflate)), calc(14 * var(--uh))) );--hand-bottom: calc(2 * var(--uw));--opp-card-w: clamp( calc(32px * var(--px-inflate)), calc(12 * var(--uw)), min(calc(84px * var(--px-inflate)), calc(10 * var(--uh))) );--hand-grid-gap: clamp(calc(6px * var(--px-inflate)), calc(2 * var(--uw)), calc(14px * var(--px-inflate)));--opp-hand-grid-gap: calc(3px * var(--px-inflate));--pile-card-w: clamp( calc(58px * var(--px-inflate)), calc(20 * var(--uw)), min(calc(106px * var(--px-inflate)), calc(12 * var(--uh))) )}.timer{font-size:clamp(calc(26px * var(--px-inflate)),calc(8 * var(--uw)),calc(54px * var(--px-inflate)));right:calc(2.5 * var(--vw1))}.room{--held-card-w: clamp( calc(50px * var(--px-inflate)), calc(13 * var(--uw)), min(calc(86px * var(--px-inflate)), calc(10 * var(--uh))) )}@media (min-aspect-ratio: 4/5){.room{--opp-card-w: clamp(calc(28px * var(--px-inflate)), calc(12 * var(--uw)), calc(8 * var(--uh)));--held-card-w: clamp(calc(40px * var(--px-inflate)), calc(13 * var(--uw)), calc(7 * var(--uh)));--pile-card-w: clamp(calc(46px * var(--px-inflate)), calc(20 * var(--uw)), calc(9 * var(--uh)))}}.held-card.spotlight{top:min(max(calc(var(--opp-row-h) + 8px * var(--px-inflate)),calc(9 * var(--uh))),calc(100% - var(--hand-zone-h) - var(--held-card-w) * 1.4 - 8px * var(--px-inflate)))}@media (min-aspect-ratio: 4/5){.held-card.spotlight{top:min(max(calc(var(--opp-row-h) + 24px * var(--px-inflate)),calc(9 * var(--uh))),calc(100% - var(--hand-zone-h) - var(--held-card-w) * 1.4 - 8px * var(--px-inflate)))}}@media (max-height: 420px){.drawn-hint{display:none}}.power-prompt{top:max(calc(20 * var(--uh)),calc(var(--opp-row-h) + 12px * var(--px-inflate)));font-size:clamp(calc(12px * var(--px-inflate)),calc(3 * var(--uw)),calc(28px * var(--px-inflate)));letter-spacing:.03em}.peek-screen{gap:clamp(calc(20px * var(--px-inflate)),calc(4 * var(--uh)),calc(48px * var(--px-inflate)))}.peek-title{font-size:clamp(calc(20px * var(--px-inflate)),calc(5 * var(--uw)),min(calc(42px * var(--px-inflate)),calc(6 * var(--uh))))}.peek-hand{--card-w: clamp( calc(80px * var(--px-inflate)), calc(34 * var(--uw)), min(calc(190px * var(--px-inflate)), calc(25 * var(--uh))) )}.peek-timer{font-size:clamp(calc(20px * var(--px-inflate)),calc(4.5 * var(--uw)),min(calc(46px * var(--px-inflate)),calc(7 * var(--uh))))}.cambio-side-btn{padding:.6em .7em;font-size:clamp(calc(11px * var(--px-inflate)),calc(3 * var(--uw)),calc(15px * var(--px-inflate)));left:calc(1.5 * var(--vw1))}.your-hand-expanded{transform:translate(calc(-50% - (var(--card-w) + var(--hand-grid-gap)) / 2))}.your-hand-expanded [data-slot="4"],.your-hand-expanded [data-slot="5"]{left:calc(100% + var(--hand-grid-gap));bottom:auto}.your-hand-expanded [data-slot="4"]{top:0}.your-hand-expanded [data-slot="5"]{top:calc(var(--card-h) + var(--hand-grid-gap))}.menu-inner{gap:clamp(calc(4px * var(--px-inflate)),calc(1.2 * var(--uh)),calc(14px * var(--px-inflate)));padding:clamp(calc(1px * var(--px-inflate)),calc(.8 * var(--uh)),calc(12px * var(--px-inflate))) calc(4 * var(--uw)) clamp(calc(8px * var(--px-inflate)),calc(3 * var(--uh)),calc(40px * var(--px-inflate)))}.menu-kings{--card-w: clamp(calc(52px * var(--px-inflate)), calc(13 * var(--uh)), calc(180px * var(--px-inflate)))}.menu-buttons{gap:clamp(calc(4px * var(--px-inflate)),calc(1.5 * var(--uh)),calc(14px * var(--px-inflate)))}.menu-btn{padding:clamp(.22em,calc(1.4 * var(--uh)),1em) 2em}html.portrait-lock-cw .room,html.portrait-lock-ccw .room{position:fixed;inset:auto;width:100vh;height:100vw;transform-origin:0 0}html.portrait-lock-cw .room{top:0;left:100%;transform:rotate(90deg)}html.portrait-lock-ccw .room{top:100%;left:0;transform:rotate(-90deg)}}@media (hover: hover) and (pointer: fine){.room{--hand-bottom: calc(2 * var(--uw));--hand-grid-gap: calc(6px * var(--px-inflate));--opp-hand-grid-gap: calc(5px * var(--px-inflate));--opp-row-h: calc(3 * var(--uh) + 16px * var(--px-inflate) + var(--opp-hand-h));--hand-zone-h: calc(var(--hand-bottom) + var(--hand-grid-h) + 30px * var(--px-inflate));--card-w: clamp(calc(80px * var(--px-inflate)), calc(15 * var(--uw)), min(calc(170px * var(--px-inflate)), calc(13 * var(--uh))));--opp-card-w: clamp(calc(70px * var(--px-inflate)), calc(11 * var(--uw)), min(calc(150px * var(--px-inflate)), calc(10.5 * var(--uh))));--held-card-w: clamp(calc(70px * var(--px-inflate)), calc(12 * var(--uw)), min(calc(130px * var(--px-inflate)), calc(9.5 * var(--uh))));--pile-card-w: clamp(calc(60px * var(--px-inflate)), calc(12 * var(--uw)), min(calc(130px * var(--px-inflate)), calc(8.5 * var(--uh))))}.opponent-row{display:contents}.opponent-cell{position:fixed;z-index:2}.opponent-cell[data-rel-seat=top]{top:max(calc(5 * var(--uh)),var(--game-menu-clearance));left:50%;transform:translate(-50%)}.opponent-cell[data-rel-seat=left]{left:calc(3 * var(--uw));top:50%;transform:translateY(-50%)}.opponent-cell[data-rel-seat=right]{right:calc(3 * var(--uw));top:50%;transform:translateY(-50%)}.cambio-side-btn{top:auto;bottom:calc(3 * var(--uw));transform:none}.cambio-side-btn:hover{transform:translateY(-2px)}.cambio-side-btn.disabled:hover{transform:none}.timer{top:auto;bottom:calc(3 * var(--uw))}.pop-banner{padding-top:.25em;padding-bottom:.25em}.pile-zone{--pile-clear-h: calc(var(--pile-h) + 44px * var(--px-inflate));top:min(calc(100% - var(--hand-zone-h) - var(--pile-clear-h) / 2),max(calc((100% + var(--opp-row-h) - var(--hand-zone-h)) / 2 + 60px * var(--px-inflate)),calc(var(--opp-row-h) + var(--pile-clear-h) / 2)))}.power-prompt-tap-text{display:none}.power-prompt-click-text{display:inline}.your-hand [data-slot="4"],.your-hand [data-slot="5"]{left:calc(100% + var(--hand-grid-gap));bottom:auto}.your-hand [data-slot="4"]{top:0}.your-hand [data-slot="5"]{top:calc(var(--card-h) + var(--hand-grid-gap))}.opponent-cell[data-rel-seat=top] .opp-hand [data-slot="4"],.opponent-cell[data-rel-seat=top] .opp-hand [data-slot="5"],.opponent-cell[data-rel-seat=right] .opp-hand [data-slot="4"],.opponent-cell[data-rel-seat=right] .opp-hand [data-slot="5"]{left:auto;right:calc(100% + var(--opp-hand-grid-gap));top:0}.opponent-cell[data-rel-seat=left] .opp-hand [data-slot="4"],.opponent-cell[data-rel-seat=left] .opp-hand [data-slot="5"]{left:calc(100% + var(--opp-hand-grid-gap));top:0}.opponent-cell[data-rel-seat=top] .opp-hand [data-slot="5"],.opponent-cell[data-rel-seat=right] .opp-hand [data-slot="5"],.opponent-cell[data-rel-seat=left] .opp-hand [data-slot="5"]{top:calc(var(--opp-card-w) * 1.4 + var(--opp-hand-grid-gap))}}