*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;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;z-index:0;aspect-ratio:9 / 19;height:min(844px,calc(100vh - 40px));max-width:calc(100vw - 40px);border-radius:min(44px,5vw);background:#000;overscroll-behavior:none;overflow:hidden;touch-action:none}#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;border-radius:inherit;overflow:hidden}#bg:after{content:"";position:absolute;inset:0;background:var(--noise-bg) repeat;background-size:150px;opacity:.06;mix-blend-mode:soft-light}#meters{position:absolute;top:env(safe-area-inset-top,0px);left:0;width:100%;padding-top:10px;height:110px;display:flex;justify-content:center;gap:24px;align-items:flex-start;z-index:2;pointer-events:none;background:transparent}.meter-num{margin-top:2px;font-family:IM Fell English,Georgia,serif;font-size:16px;line-height:1;font-variant-numeric:tabular-nums;color:#d8c9ad;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);transition:color .22s ease-out;will-change:color}.meter-num--gain{color:#7adf86}.meter-num--loss{color:#e26060}#day-counter{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:14px;z-index:3;pointer-events:none;display:flex;flex-direction:column;align-items:center;font-family:IM Fell English,Georgia,serif;color:#d8c9ad;text-shadow:0 1px 2px rgba(0,0,0,.6)}.day-label{font-size:9px;letter-spacing:.16em;opacity:.65;line-height:1}.day-num{font-size:22px;line-height:1;margin-top:2px;font-variant-numeric:tabular-nums}.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}:root{--item-slots-h: 60px}#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:calc(env(safe-area-inset-top,0px) + 80px) 0 calc(env(safe-area-inset-bottom,0px) + var(--toolbar-overlay, 0px) + var(--item-slots-h) + 14px);overflow:hidden}#item-slots{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + var(--toolbar-overlay, 0px));left:0;right:0;height:var(--item-slots-h);padding:6px 10px;display:flex;justify-content:center;align-items:center;gap:8px;z-index:4;pointer-events:auto}.item-slot{flex:1 1 0;max-width:48px;aspect-ratio:1 / 1;border-radius:8px;background:#e8dec80f;border:1px solid rgba(216,201,173,.22);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px 1px #0000004d;transition:background .18s ease,border-color .18s ease}.item-slot:hover{background:#e8dec81a}.item-slot.filled{background:#e8dec81f;border-color:#d8c9ad73}#combat-overlay{position:absolute;inset:0;z-index:100;display:grid;place-items:center;-webkit-perspective:800px;perspective:800px;background:#08040400;transition:background .6s ease-out;pointer-events:auto}#combat-overlay.combat-zoom{background:#140000d9}.combat-card{position:relative;width:85%;aspect-ratio:7 / 12;max-height:90%;transform-style:preserve-3d;transform:rotateY(180deg) scale(1);transition:transform .4s cubic-bezier(.18,.7,.2,1);filter:drop-shadow(0 0 30px rgba(220,60,60,.55))}#combat-overlay.combat-flip .combat-card{transform:rotateY(0) scale(1)}#combat-overlay.combat-zoom .combat-card{animation:combat-zoom-card .4s ease-in forwards}.combat-back,.combat-front{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;overflow:hidden}.combat-back{background:url(/assets/fanntassy-back-DacfabUc.jpg) center / cover no-repeat;filter:sepia(1) saturate(7) hue-rotate(-30deg) brightness(.85);transform:rotateY(180deg)}.combat-front{background:transparent}.combat-front .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;transition:inset .4s ease-in,border-radius .4s ease-in}.combat-front .card-frame{position:absolute;inset:0;background:url(/assets/card_front_2-Cpd3riyJ.png) center / cover no-repeat;filter:sepia(1) saturate(8) hue-rotate(-28deg) brightness(1);z-index:1;pointer-events:none;transition:opacity .3s ease-out}.combat-front .card-title{position:absolute;top:4%;left:0;right:0;z-index:2;text-align:center;font-family:IM Fell English,serif;font-size:14px;letter-spacing:.18em;color:#ffd6c8;text-shadow:0 1px 2px rgba(0,0,0,.7);transition:opacity .3s ease-out}#combat-overlay.combat-zoom .combat-front .card-content{inset:0;border-radius:0}@keyframes combat-zoom-card{to{transform:rotateY(0) scale(1.45)}}#debug-overlay{position:absolute;top:calc(env(safe-area-inset-top,0px) + 6px);right:6px;z-index:99;padding:6px 8px;background:#000000c7;color:#9fe2c4;font:10px/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;border:1px solid rgba(159,226,196,.3);border-radius:4px;pointer-events:none;max-width:200px;white-space:pre-wrap}#debug-overlay b{color:#fff;font-weight:600}.card{grid-row:1;grid-column:1;position:relative;width:85%;max-width:85%;max-height:100%;aspect-ratio:7 / 12;touch-action:none;--card-op: 1;will-change:transform}.card-active{z-index:3}.card-shadow{grid-row:1;grid-column:1;width:85%;max-width:85%;max-height:100%;aspect-ratio:7 / 12;border-radius:12px;background:#00000040;filter:blur(1.5px);opacity:0;z-index:1;pointer-events:none;will-change:transform,opacity}.card-next{z-index:2;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;opacity:var(--card-op);overflow:hidden}.card-content{position:absolute;inset:29% 5.5% 2.5%;border-radius:4px;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:0}.card-frame{position:absolute;inset:0;border-radius:inherit;background:url(/assets/card_front_2-Cpd3riyJ.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--player .card-frame{filter:hue-rotate(190deg) saturate(.85) brightness(1.05)}.card--player .card-back{filter:hue-rotate(190deg) saturate(.85) brightness(1.05);box-shadow:inset 0 0 38px #4682dc73}.card--player .card-front:before{content:"PLAYER CARD";position:absolute;top:6px;left:0;width:100%;text-align:center;z-index:4;font-family:IM Fell English,Georgia,serif;font-size:9px;letter-spacing:.22em;color:#b4d7ffd9;text-shadow:0 1px 2px rgba(0,0,0,.55);pointer-events:none}.card--player{box-shadow:0 0 24px #508ce647;border-radius:12px}.card-back{position:absolute;inset:0;border-radius:12px;-webkit-touch-callout:none;background:url(/assets/fanntassy-back-DacfabUc.jpg) center / cover no-repeat;transform:scaleX(-1);opacity:var(--card-op);overflow:hidden}.card-chapter{position:absolute;bottom:8%;left:0;width:100%;text-align:center;font-family:IM Fell English,serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#3c3732cc;pointer-events:none;z-index:1}.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;--title-y: -29px;top:var(--title-y);font-family:IM Fell English,serif;font-size:12px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;text-align:center;color:#b78751;text-shadow:-1.5px -1.5px 1px rgba(16,29,22,.5),1.5px -1.5px 1px rgba(16,29,22,.5),-1.5px 1.5px 1px rgba(16,29,22,.5),1.5px 1.5px 1px rgba(16,29,22,.5)}.card-body{position:relative;z-index:2;--body-y: -15px;top:var(--body-y);font-family:IM Fell English,serif;font-size:17px;line-height:1.25;text-align:center;color:#3c3732eb;max-width:calc(100% - var(--text-inset) * 2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-choice{position:relative;z-index:2;--choice-y: -15px;top:var(--choice-y);width:100%;padding:0 var(--choice-inset);font-family:IM Fell English,serif;font-size:17px;white-space:nowrap;font-weight:400;line-height:1.25;color:#3c3732eb;text-align:center;pointer-events:none}.card-choice-left{margin-top:.35em}.card-choice-right{margin-top:-1.25em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid rgba(204,82,58,.8);outline-offset:2px}.run-end-overlay{position:absolute;inset:0;background:#0c0a08c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s ease-out;z-index:500;border-radius:inherit}.run-end-overlay.run-end-visible{opacity:1;pointer-events:auto}.run-end-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 32px;color:#f2ede4;font-family:Cormorant Garamond,Georgia,serif;text-align:center;max-width:78%}.run-end-label{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#f2ede499}.run-end-days{font-size:48px;font-weight:500;line-height:1}.run-end-days-num{font-weight:600}.run-end-best{font-size:13px;letter-spacing:.08em;color:#f2ede48c}.run-end-unlock-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ccb478d1;margin-bottom:4px}.run-end-unlock-list{font-size:15px;color:#f2ede4e6}.run-end-play-again{margin-top:10px;padding:10px 26px;background:transparent;border:1px solid rgba(242,237,228,.4);color:#f2ede4;font-family:inherit;font-size:15px;letter-spacing:.08em;border-radius:3px;cursor:pointer;transition:background .16s,border-color .16s}.run-end-play-again:hover{background:#f2ede414;border-color:#f2ede4a6}.lobby-overlay{position:absolute;inset:0;background:#0a0907e0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s ease-out;z-index:490;border-radius:inherit;overflow-y:auto}.lobby-overlay.lobby-visible{opacity:1;pointer-events:auto}.lobby-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 22px;color:#f2ede4;font-family:Cormorant Garamond,Georgia,serif;text-align:center;width:92%}.lobby-label{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#f2ede4a6}.lobby-sub{font-size:12px;letter-spacing:.08em;color:#f2ede480;margin-bottom:6px}.lobby-grid{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.lobby-card{display:block;text-align:left;padding:10px 12px;background:#f2ede40a;border:1px solid rgba(242,237,228,.18);color:#f2ede4;font-family:inherit;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.lobby-card:hover{background:#f2ede414;border-color:#f2ede45c}.lobby-card-chosen{background:#ccb47829;border-color:#ccb478b3}.lobby-card-title{font-size:17px;font-weight:500;line-height:1.1;margin-bottom:3px}.lobby-card-body{font-size:12px;color:#f2ede4b8;line-height:1.35;margin-bottom:4px}.lobby-card-cond{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ccb478b3}.lobby-start{margin-top:10px;padding:10px 28px;background:transparent;border:1px solid rgba(242,237,228,.45);color:#f2ede4;font-family:inherit;font-size:15px;letter-spacing:.08em;border-radius:3px;cursor:pointer;transition:background .16s,border-color .16s,opacity .16s}.lobby-start:hover:not(:disabled){background:#f2ede414;border-color:#f2ede4b3}.lobby-start:disabled{opacity:.35;cursor:default}#rune-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:200;will-change:transform}#rune-canvas.rune-phase-active{pointer-events:auto;cursor:grab}#rune-canvas.rune-phase-dragging{cursor:grabbing}#stack.rune-phase-dim{filter:brightness(.32) saturate(.55) blur(1px);transform:scale(.72);transform-origin:50% 38%;transition:filter .28s ease,transform .28s ease}#rune-tooltip{position:absolute;z-index:250;pointer-events:none;max-width:180px;padding:8px 10px;border-radius:8px;background:#140e1ceb;border:1px solid rgba(216,201,173,.45);color:#e8dec8;font-family:IM Fell English,Georgia,serif;font-size:12px;line-height:1.35;text-align:center;box-shadow:0 4px 14px #0000008c;opacity:0;transform:translate(-50%,calc(-100% - 8px));transition:opacity .14s ease;white-space:normal}#rune-tooltip.show{opacity:1}@media(max-width:500px){#device{width:100%;height:100%;height:100svh;height:var(--vh, 100svh);max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;border:none}.card,.card-shadow{width:80%;max-width:80%}}