.variant-identity{position:absolute;top:50%;left:calc(100% + clamp(.55rem,1.2vw,.9rem));z-index:2;display:grid;justify-items:center;width:clamp(68px,6.2vw,82px);pointer-events:none;transform:translate3d(0,-50%,0);contain:layout style}.variant-identity[hidden]{display:none!important}.variant-identity__cameo{position:relative;width:100%;aspect-ratio:24 / 31;overflow:hidden;border:2px solid #c6a65c;border-radius:48% 48% 44% 44%;background:#27120d;box-shadow:0 0 0 2px #5e3518,0 0 0 3px #e0c37694,0 7px 12px #0000006b,inset 0 0 10px #ffe09629;transform:translateZ(0)}.variant-identity__cameo:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgb(255 241 204 / 18%),transparent 34%),radial-gradient(circle at 50% 105%,transparent 62%,rgb(15 5 2 / 30%));box-shadow:inset 0 0 0 1px #fff5d629}.variant-identity__portrait{position:absolute;inset:0;background-image:var(--variant-identity-sprite);background-repeat:no-repeat;background-position:0 50%;background-size:400% 100%;transform:translateZ(0) scale(1.03);transform-origin:50% 45%}.variant-identity__portrait[data-frame="1"]{background-position:33.3333% 50%}.variant-identity__portrait[data-frame="2"]{background-position:66.6667% 50%}.variant-identity__portrait[data-frame="3"]{background-position:100% 50%}.variant-identity__name{position:relative;z-index:1;min-width:calc(100% + 12px);margin-top:-7px;padding:.2rem .45rem .16rem;border:1px solid #a9823b;border-radius:2px 2px 6px 6px;background:linear-gradient(180deg,#6f431cf5,#2f180afa),#3a1e0d;box-shadow:0 3px 7px #00000061,inset 0 1px #ffe6a42e;color:#f4e8c9;font-family:var(--ocg-font-display, Cinzel, Georgia, serif);font-size:clamp(.52rem,.56vw,.62rem);font-weight:700;line-height:1;letter-spacing:.085em;text-align:center;text-shadow:0 1px 2px rgb(0 0 0 / 80%);text-transform:uppercase;white-space:nowrap}.variant-identity--active .variant-identity__cameo{box-shadow:0 0 0 2px #6e3f1c,0 0 0 3px #eccf80ad,0 7px 12px #0000006b,0 0 14px #caa45033,inset 0 0 10px #ffe0962e}.variant-identity--acknowledging .variant-identity__cameo{animation:variant-identity-acknowledge 1.15s ease-in-out}.variant-identity--acknowledging .variant-identity__name{border-color:#d9bd70;color:#fff6dd;box-shadow:0 3px 7px #00000061,0 0 11px #dab75b3d,inset 0 1px #ffe6a438}@keyframes variant-identity-acknowledge{0%,to{filter:brightness(1)}32%,76%{filter:brightness(1.1) saturate(1.04)}}.variant-identity-foundation-cue{position:fixed;inset:0;z-index:19750;overflow:hidden;pointer-events:none;contain:strict}.variant-identity-foundation-cue__token{position:absolute;top:0;left:0;display:grid;place-items:center;width:42px;height:42px;opacity:0;will-change:transform,opacity}.variant-identity-foundation-cue__token img{display:block;width:32px;height:32px;filter:drop-shadow(0 3px 5px rgb(0 0 0 / 32%))}.variant-identity-foundation-cue[data-suit=club] .variant-identity-foundation-cue__token img,.variant-identity-foundation-cue[data-suit=spade] .variant-identity-foundation-cue__token img{filter:drop-shadow(1px 0 0 rgb(255 247 222 / 94%)) drop-shadow(-1px 0 0 rgb(255 247 222 / 94%)) drop-shadow(0 1px 0 rgb(255 247 222 / 94%)) drop-shadow(0 -1px 0 rgb(255 247 222 / 94%)) drop-shadow(0 3px 5px rgb(0 0 0 / 42%))}.variant-identity-foundation-cue--arrived .variant-identity-foundation-cue__token img{animation:variant-identity-foundation-arrival 1.15s ease-out}.variant-identity-foundation-cue--leaving .variant-identity-foundation-cue__token{opacity:0!important;filter:brightness(1.08);transition:opacity .28s ease,filter .28s ease}@keyframes variant-identity-foundation-arrival{0%,to{transform:scale(1)}38%{transform:scale(1.16)}}.variant-identity-victory{position:fixed;inset:0;z-index:19800;display:grid;place-items:center;overflow:hidden;pointer-events:none;contain:strict}.variant-identity-victory:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 50% 44%,rgb(152 111 42 / 13%),transparent 34%),#020c0861;-webkit-backdrop-filter:brightness(.76) saturate(.88);backdrop-filter:brightness(.76) saturate(.88)}.variant-identity-victory__light{position:absolute;top:50%;left:50%;width:min(440px,76vw);aspect-ratio:1;border-radius:50%;opacity:0;background:conic-gradient(from 12deg,transparent 0 9%,rgb(238 207 124 / 9%) 10% 12%,transparent 13% 28%,rgb(238 207 124 / 8%) 29% 31%,transparent 32% 100%),radial-gradient(circle,rgb(235 199 107 / 21%),transparent 66%);filter:blur(.5px);transform:translate(-50%,-50%) rotate(-8deg)}.variant-identity-victory__character{position:relative;z-index:1;width:min(190px,28vw);min-width:126px;opacity:0;transform-origin:center;filter:drop-shadow(0 18px 18px rgb(0 0 0 / 48%))}.variant-identity-victory__cameo{position:relative;width:100%;aspect-ratio:239 / 350;overflow:hidden;border:3px solid #d1af5f;border-radius:48% 48% 43% 43%;background:#29140d;box-shadow:0 0 0 3px #663719,0 0 0 5px #e5ca7f9e,0 0 34px #dab34e3b,inset 0 0 20px #ffe7ab26}.variant-identity-victory__cameo:after{position:absolute;inset:0;content:"";border-radius:inherit;background:linear-gradient(118deg,rgb(255 246 219 / 20%),transparent 33%),radial-gradient(circle at 50% 110%,transparent 56%,rgb(17 5 2 / 38%))}.variant-identity-victory__portrait{position:absolute;inset:0;background-image:var(--variant-identity-sprite);background-position:100% 50%;background-repeat:no-repeat;background-size:400% 100%;transform:scale(1.025);animation:variant-identity-victory-blink 3.6s steps(1,end) both}@keyframes variant-identity-victory-blink{0%,67%,73.7%,to{background-position:100% 50%}68.5%,72.2%{background-position:33.3333% 50%}70%{background-position:66.6667% 50%}}.variant-identity-victory__name{position:relative;z-index:2;display:block;width:calc(100% + 26px);margin:-11px 0 0 -13px;padding:.38rem .65rem .3rem;border:1px solid #d2b261;border-radius:2px 2px 8px 8px;color:#fff5d9;background:linear-gradient(180deg,#7a431d,#30170a);box-shadow:0 5px 10px #0000006b,inset 0 1px #ffebb13d;font-family:var(--ocg-font-display, Cinzel, Georgia, serif);font-size:clamp(.68rem,1.8vw,.82rem);font-weight:700;letter-spacing:.12em;line-height:1;text-align:center;text-transform:uppercase}.variant-identity-victory__message{position:relative;z-index:1;display:block;width:max-content;max-width:min(310px,76vw);margin:14px 50% 0;color:#f2dfad;font-family:var(--ocg-font-display, Cinzel, Georgia, serif);font-size:clamp(.64rem,1.8vw,.78rem);font-weight:700;letter-spacing:.09em;line-height:1.3;text-align:center;text-shadow:0 2px 5px rgb(0 0 0 / 80%);text-transform:uppercase;transform:translate(-50%)}.variant-identity-victory--reduced .variant-identity-victory__character{opacity:1}.variant-identity-victory--reduced .variant-identity-victory__light{opacity:.65}.variant-identity--header{top:5px;left:clamp(218px,19vw,284px);z-index:45;width:clamp(56px,4.8vw,64px);transform:translateZ(0)}.variant-identity--header .variant-identity__name{min-width:calc(100% + 14px);font-size:clamp(.48rem,.5vw,.56rem)}@media(max-width:1180px)and (min-width:821px){.variant-identity--header{top:7px;left:clamp(188px,21vw,238px);width:clamp(48px,5.5vw,56px)}}@media(max-width:820px){.variant-identity--header{top:3px;left:50%;display:grid;width:clamp(36px,10vw,42px);transform:translate3d(-50%,0,0)}.variant-identity--header .variant-identity__cameo{border-width:1px;box-shadow:0 0 0 1px #5e3518,0 0 0 2px #e0c3767f,0 4px 8px #00000061,inset 0 0 7px #ffe09624}.variant-identity--header .variant-identity__name{min-width:calc(100% + 8px);margin-top:-5px;padding:.13rem .24rem .1rem;font-size:clamp(.36rem,1.5vw,.44rem);letter-spacing:.055em}}@media(prefers-reduced-motion:reduce){.variant-identity__portrait{background-position:0 50%!important}.variant-identity--acknowledging .variant-identity__cameo{animation:none}.variant-identity-victory:before{-webkit-backdrop-filter:none;backdrop-filter:none}.variant-identity-victory__portrait{animation:none}.variant-identity-foundation-cue{display:none}}body[data-variant=josephine]{--board-columns: 10;--board-max-width: none;--board-scale: .86;--josephine-card-width: 90px;--josephine-column-gap: 6px}.game-board.game-board--josephine{display:grid;grid-template-columns:repeat(10,var(--josephine-card-width));grid-template-rows:auto auto;column-gap:var(--josephine-column-gap);row-gap:clamp(14px,1.35vw,20px);max-width:none;width:max-content;margin-inline:0 auto;transform-origin:top left}.game-board--josephine .pile--stock{grid-column:1;grid-row:1}.game-board--josephine .pile--waste{grid-column:2;grid-row:1}.game-board--josephine .foundation-1{grid-column:3;grid-row:1}.game-board--josephine .foundation-2{grid-column:4;grid-row:1}.game-board--josephine .foundation-3{grid-column:5;grid-row:1}.game-board--josephine .foundation-4{grid-column:6;grid-row:1}.game-board--josephine .foundation-5{grid-column:7;grid-row:1}.game-board--josephine .foundation-6{grid-column:8;grid-row:1}.game-board--josephine .foundation-7{grid-column:9;grid-row:1}.game-board--josephine .foundation-8{grid-column:10;grid-row:1}.game-board--josephine .tableau-1{grid-column:1;grid-row:2}.game-board--josephine .tableau-2{grid-column:2;grid-row:2}.game-board--josephine .tableau-3{grid-column:3;grid-row:2}.game-board--josephine .tableau-4{grid-column:4;grid-row:2}.game-board--josephine .tableau-5{grid-column:5;grid-row:2}.game-board--josephine .tableau-6{grid-column:6;grid-row:2}.game-board--josephine .tableau-7{grid-column:7;grid-row:2}.game-board--josephine .tableau-8{grid-column:8;grid-row:2}.game-board--josephine .tableau-9{grid-column:9;grid-row:2}.game-board--josephine .tableau-10{grid-column:10;grid-row:2}.game-board--josephine .pile--stock--empty{opacity:.4}.game-board--josephine .pile--stock--empty:after{content:"";position:absolute;inset:0;border-radius:8px;border:2px dashed rgba(255,255,255,.3)}body[data-variant=josephine] .card{--card-width: var(--josephine-card-width);--card-height: calc(var(--card-width) * 1.4)}body[data-variant=josephine] .pile{min-width:var(--josephine-card-width);min-height:calc(var(--josephine-card-width) * 1.4)}body[data-variant=josephine] .tableau .card{--tableau-offset: clamp(18px, 2.5vw, 24px)}@media(min-width:1025px)and (max-width:1199px){body[data-variant=josephine]{--board-scale: .84;--josephine-card-width: 85px;--josephine-column-gap: 9px}}@media(max-width:1024px){body[data-variant=josephine]{--josephine-card-width: 76px;--josephine-column-gap: 8px}.game-board.game-board--josephine{grid-template-columns:repeat(10,var(--josephine-card-width));column-gap:var(--josephine-column-gap)}}@media(max-width:768px){body[data-variant=josephine]{--board-scale: 1;--josephine-card-width: clamp(58px, 16vw, 68px);--josephine-column-gap: clamp(5px, 1.6vw, 7px)}body[data-variant=josephine] .page__content{width:100%;padding-inline:clamp(2px,1vw,5px)}body[data-variant=josephine] .game-area{width:100%;align-items:flex-start;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(212,175,55,.72) rgba(4,28,18,.58)}.game-board.game-board--josephine{width:max-content;max-width:none;grid-template-columns:repeat(10,var(--josephine-card-width));column-gap:var(--josephine-column-gap);row-gap:clamp(8px,2.5vw,14px);padding:0 max(12px,env(safe-area-inset-right,0px)) 12px max(8px,env(safe-area-inset-left,0px));margin-inline:0}body[data-variant=josephine] .game-area::-webkit-scrollbar{height:7px}body[data-variant=josephine] .game-area::-webkit-scrollbar-track{background:#041c1294;border-radius:999px}body[data-variant=josephine] .game-area::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#9c7424,#e1c25e,#9c7424);border-radius:999px}body[data-variant=josephine] .tableau .card{--tableau-offset: clamp(14px, 2vw, 18px)}}@media(max-width:900px)and (orientation:landscape){body[data-variant=josephine]{--josephine-card-width: clamp(58px, 11vh, 70px);--josephine-column-gap: clamp(5px, 1vw, 8px)}body[data-variant=josephine] .tableau .card{--tableau-offset: clamp(12px, 1.5vh, 16px)}}@media(max-width:480px){body[data-variant=josephine]{--josephine-card-width: clamp(56px, 17vw, 64px);--josephine-column-gap: clamp(4px, 1.5vw, 6px)}body[data-variant=josephine] .page__content{gap:clamp(.55rem,2.5vw,.9rem);padding-inline:0}.game-board.game-board--josephine{column-gap:var(--josephine-column-gap);row-gap:clamp(7px,2vw,10px)}body[data-variant=josephine] .tableau .card{--tableau-offset: clamp(11px, 3.4vw, 15px)}}