*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;position:fixed;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Georgia,Times New Roman,serif;background:#000;color:#e0d6c8;display:flex;align-items:center;justify-content:center}#device{position:relative;aspect-ratio:9 / 19;height:min(844px,calc(100vh - 40px));border-radius:44px;background:#0d0d0d;overscroll-behavior:none;isolation:isolate;touch-action:none}#device:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:126px;height:37px;border-radius:20px;background:#000;z-index:11;pointer-events:none}#device:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 9999px #000;z-index:10;pointer-events:none}#home-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:3px;background:#fff3;z-index:11;pointer-events:none}@media(max-width:430px){html,body{background:#0d0d0d}#device{width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;border:none;isolation:auto}#device:before,#device:after{display:none}#home-bar{display:none}#meters{top:env(safe-area-inset-top,20px)}#stack{padding:env(safe-area-inset-top,20px) 0 env(safe-area-inset-bottom,20px)}.card-choice{margin-top:4px}#bg:after{filter:none;background:var(--noise-bg) repeat;background-size:150px}}#bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#1a0e24,#180d22,#160c20,#140b1e,#120a1c,#10091a,#0e0818,#0c0716,#0a0614,#080512,#060410,#04030e 88%,#03020c,#02010a);z-index:0}#bg:after{content:"";position:absolute;inset:0;filter:url(#noise);opacity:.06;mix-blend-mode:soft-light}#meters{position:absolute;top:0;left:0;width:100%;padding-top:54px;height:150px;display:flex;justify-content:center;gap:24px;align-items:center;z-index:2;pointer-events:none;background:transparent}.liquid-meter{display:grid;width:56px;will-change:filter}.meter-empty,.meter-fill{grid-area:1 / 1;width:100%;height:auto;pointer-events:none}.meter-empty{filter:saturate(.4) brightness(.4)}.meter-fill{will-change:clip-path}.meter-wrapper{display:flex;flex-direction:column;align-items:center}#stack{position:relative;z-index:3;contain:layout style;width:100%;height:100%;margin:0 auto;display:grid;place-items:center;touch-action:none;-webkit-perspective:800px;perspective:800px;padding:148px 0 28px}.card{grid-row:1;grid-column:1;position:relative;width:85%;aspect-ratio:7 / 12;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;touch-action:none;--card-op: 1}.card-active{z-index:3}.card-shadow{grid-row:1;grid-column:1;width:85%;aspect-ratio:7 / 12;border-radius:12px;background:#00000040;filter:blur(1.5px);opacity:0;z-index:1;pointer-events:none}.card-next{z-index:2;background:#000;border-radius:12px}.card-front{position:absolute;inset:0;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;--text-inset: 20px;--choice-inset: 25px;padding:46px var(--text-inset) 0;cursor:grab;-webkit-touch-callout:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:var(--card-op);overflow:hidden}.card-content{position:absolute;inset:29% 5.5% 2.5%;border-radius:4px;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.card-frame{position:absolute;inset:0;border-radius:inherit;background:url(/assets/fantassy_front_hole-lyEgFcsZ.png) center / cover no-repeat;z-index:1;pointer-events:none}.card-front:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 70% 50% at 50% 70%,rgba(255,255,255,.12) 0%,rgba(255,255,255,.03) 35%,transparent 65%);transform:translate3d(var(--shimmer-x, 0px),var(--shimmer-y, 0px),0);pointer-events:none;z-index:3}.card-front:active{cursor:grabbing}.card-back{position:absolute;inset:0;border-radius:12px;-webkit-touch-callout:none;background:url(/assets/fanntassy-back-DacfabUc.jpg) center / cover no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg);opacity:var(--card-op);overflow:hidden}.card-back:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 70% 50% at 50% 70%,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 35%,transparent 65%);transform:translate3d(var(--back-shimmer-x, 0px),var(--back-shimmer-y, 0px),0);pointer-events:none}.card-title{position:relative;z-index:2;margin-top:3px;font-family:IM Fell English,serif;font-size:10px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;text-align:center;color:#1a1a1a;text-shadow:none}.card-body{position:relative;z-index:2;margin-top:0;font-family:IM Fell English,serif;font-size:17px;line-height:1.25;text-align:center;color:#3c3732e6;max-width:calc(100% - var(--text-inset) * 2)}.card-choice{position:relative;z-index:2;margin-top:-6px;width:100%;padding:0 var(--choice-inset);font-family:Caveat,cursive;font-size:26px;white-space:nowrap;font-weight:500;line-height:1.3;color:#a82e2e;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.8);pointer-events:none}.card-choice-left{text-align:right;width:fit-content;margin-left:auto;transform:rotate(2deg)}.card-choice-right{text-align:left;margin-top:0;position:relative;top:-37px;transform:rotate(-2deg)}