:root{--felt-0:#061109;--felt-1:#0b2317;--felt-2:#14432c;--gold-0:#fff6d8;--gold-1:#f3dfa5;--gold-2:#e8c56a;--gold-3:#b8912f;--gold-4:#6d5216;--gold-5:#3a2b0c;--brass-0:#3a3222;--brass-1:#241e13;--brass-2:#14100a;--bone:#f4ead2;--ink:#16130c;--common:#a9b8b1;--rare:#6fb3ee;--epic:#c08cf5;--legend:#ffd97a;--shadow-deep:0 28px 60px -22px #000000e6;--card-w:146px;--card-h:204px;--spring:cubic-bezier(.22, 1.25, .36, 1);--ease:cubic-bezier(.3, .85, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--felt-0);height:100%;color:var(--gold-1);-webkit-font-smoothing:antialiased;margin:0;font-family:Cinzel,Iowan Old Style,Georgia,serif;overflow:hidden}.cf-app{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;display:grid;position:relative}.cf-felt{z-index:0;background:radial-gradient(120% 78% at 50% -14%,#1d5a3a 0%,#0000 58%),radial-gradient(90% 60% at 50% 116%,#071a10 0%,#0000 62%),repeating-linear-gradient(58deg,#ffffff04 0 2px,#0000 2px 5px),repeating-linear-gradient(-58deg,#0000000d 0 2px,#0000 2px 5px),linear-gradient(#0e2c1d,#071a10);position:fixed;inset:0}.cf-felt:after{content:"";opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cf-candle{z-index:1;pointer-events:none;background:radial-gradient(58% 42% at 50% 8%,#ffe29e21,#0000 70%),radial-gradient(120% 100%,#0000 42%,#000000b8 100%);position:fixed;inset:0}.cf-ribbon,.cf-field,.cf-hand-zone{z-index:2;position:relative}.cf-ribbon{border-bottom:1px solid var(--gold-4);background:linear-gradient(#2b2418,#171208 62%,#0d0a05);align-items:center;gap:20px;height:68px;padding:0 18px 0 62px;display:flex;box-shadow:inset 0 1px #fff0c829,inset 0 -14px 24px -16px #000000e6,0 8px 26px -10px #000c}.cf-ribbon:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-3) 12%, var(--gold-1) 50%, var(--gold-3) 88%, transparent);opacity:.55;height:2px;position:absolute;inset:auto 0 -3px}.cf-brand{flex:none;align-items:center;gap:11px;display:flex}.cf-brand-mark{filter:drop-shadow(0 2px 5px #000000b3);animation:6s ease-in-out infinite cf-breathe}@keyframes cf-breathe{50%{filter:drop-shadow(0 2px 12px #e8c56a8c)}}.cf-brand-text h1{letter-spacing:.06em;background:linear-gradient(#fff8e2 6%, var(--gold-2) 46%, #8a6a22 78%, var(--gold-1));color:#0000;filter:drop-shadow(0 1px #0009);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:21px;font-weight:900;line-height:1}.cf-brand-text p{letter-spacing:.26em;text-transform:uppercase;color:#e8c56a80;margin:3px 0 0;font-size:8.5px}.cf-target{background:linear-gradient(#100d07,#060502);border:1px solid #e8c56a38;border-radius:3px;align-items:center;gap:10px;min-width:250px;padding:6px 14px 6px 12px;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:inset 0 1px #fff0c814}.cf-target.is-bound{border-color:#e8c56a9e;box-shadow:inset 0 1px #fff0c824,0 0 22px -6px #e8c56a80}.cf-target-label{letter-spacing:.22em;text-transform:uppercase;color:#e8c56a6b;font-size:8px}.cf-target-name{letter-spacing:.05em;color:var(--gold-1);white-space:nowrap;text-overflow:ellipsis;max-width:226px;font-size:11.5px;overflow:hidden}.cf-target.is-bound .cf-target-name:before{content:"";background:var(--swatch,var(--gold-2));vertical-align:-1px;width:9px;height:9px;margin-right:7px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 0 1px #fff6d899}.cf-tally{flex:none;gap:26px;margin:0 0 0 26px;padding:0;display:flex}.cf-tally>div{justify-items:center;gap:3px;display:grid}.cf-tally dt{letter-spacing:.2em;text-transform:uppercase;color:#e8c56a66;font-size:7.5px}.cf-tally dd{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--gold-1);text-shadow:0 1px 3px #000c;margin:0;font-family:Cinzel,serif;font-size:16px;font-weight:600;line-height:1}.cf-aether{flex:none;align-items:center;gap:9px;margin-left:auto;display:flex}.cf-aether-label,.cf-aether-pct{letter-spacing:.2em;text-transform:uppercase;color:#e8c56a80;font-size:8px}.cf-aether-pct{font-variant-numeric:tabular-nums;letter-spacing:.05em;width:30px;color:var(--gold-2)}.cf-aether-track{background:#06120c;border:1px solid #e8c56a66;border-radius:8px/5px;width:15px;height:38px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #000000e6}.cf-aether-fill{background:linear-gradient(#fff6d8, var(--gold-2) 40%, #c2891c);height:0%;transition:height .55s var(--spring);position:absolute;inset:auto 0 0;box-shadow:0 0 12px #e8c56ae6}.cf-aether-fill:after{content:"";background:#ffffffbf;height:3px;position:absolute;inset:0 0 auto}.cf-runes{flex:none;gap:6px;display:flex}.cf-rune{border:1px solid var(--gold-4);width:36px;height:36px;color:var(--gold-1);cursor:pointer;transition:transform .16s var(--spring), box-shadow .2s, border-color .2s, color .2s;background:radial-gradient(circle at 34% 28%,#4c4128,#241d10 62%,#0e0b05);border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid;position:relative;box-shadow:inset 0 1px #fff0c833,inset 0 -6px 10px -6px #000000e6,0 3px 8px #0009}.cf-rune-face{text-shadow:0 1px 2px #000c;transform:translateY(-.5px)}.cf-rune:hover{border-color:var(--gold-2);color:#fff8e2;transform:translateY(-3px)scale(1.06);box-shadow:inset 0 1px #fff0c859,0 6px 16px #000000b3,0 0 22px -3px #e8c56abf}.cf-rune:active{transform:translateY(0)scale(.94)}.cf-rune.is-off{color:#e8c56a52;border-color:#6d521680}.cf-rune--seal{color:#ffd9c2;background:radial-gradient(circle at 34% 28%,#7a2a19,#3d130c 62%,#170604);border-color:#c05a3a}.cf-rune--seal:hover{box-shadow:0 0 24px -3px #e06a3fd9,inset 0 1px #ffdcc859}.cf-rune-ring{border:1px solid var(--gold-2);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-4px}.cf-rune.is-struck .cf-rune-ring{animation:cf-ring .55s var(--ease)}@keyframes cf-ring{0%{opacity:.9;transform:scale(.75)}to{opacity:0;transform:scale(1.75)}}.cf-field{justify-content:center;align-items:center;min-height:0;padding:18px 30px 14px;display:flex;position:relative}.cf-sigil-ring{aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(#e8c56a0d 0deg .4deg,#0000 .4deg 15deg);border:1px dashed #e8c56a29;border-radius:50%;width:min(150%,1100px);animation:140s linear infinite cf-spin;position:absolute;-webkit-mask:radial-gradient(circle,#0000 62%,#000 63% 100%);mask:radial-gradient(circle,#0000 62%,#000 63% 100%)}.cf-sigil-ring:after{content:"";border:1px solid #e8c56a1a;border-radius:50%;animation:90s linear infinite reverse cf-spin;position:absolute;inset:9%}@keyframes cf-spin{to{transform:rotate(360deg)}}.cf-frame{box-shadow:0 0 0 1px #4a3610, inset 0 0 0 1px #fff6d88c, var(--shadow-deep), 0 0 100px -26px #e8c56a66;background:linear-gradient(146deg,#fff2c8 0%,#d9b463 14%,#8a6a22 32%,#f3dfa5 50%,#a2801f 68%,#6d5216 86%,#d9b463 100%);border-radius:5px;flex:none;padding:13px;transition:box-shadow .3s,filter .3s;display:flex;position:relative}.cf-frame.is-armed{filter:brightness(1.14);box-shadow:0 0 0 1px #4a3610, inset 0 0 0 1px #fff6d8cc, var(--shadow-deep), 0 0 140px -14px #ffe29ebf}.cf-canvas{background:#061109;border-radius:2px;flex:1;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #402d0c,inset 0 6px 34px #000000d9}.cf-canvas canvas,.cf-canvas cesdk-canvas{display:block;width:100%!important;height:100%!important}.cf-frame-glow{pointer-events:none;opacity:0;background:radial-gradient(60% 60%,#ffe29e38,#0000 70%);border-radius:14px;transition:opacity .3s;position:absolute;inset:-30px}.cf-frame.is-armed .cf-frame-glow{opacity:1}.cf-corner{z-index:4;pointer-events:none;--g:#3b2a08bf;background:linear-gradient(var(--g), var(--g)) 0 0 / 100% 2px no-repeat, linear-gradient(var(--g), var(--g)) 0 0 / 2px 100% no-repeat;width:30px;height:30px;position:absolute}.cf-corner:after{content:"";background:#fff6d8bf;width:7px;height:7px;position:absolute;top:6px;left:6px;transform:rotate(45deg);box-shadow:0 0 0 1px #3b2a08b3}.cf-corner--tl{top:3px;left:3px}.cf-corner--tr{top:3px;right:3px;transform:scaleX(-1)}.cf-corner--bl{bottom:3px;left:3px;transform:scaleY(-1)}.cf-corner--br{bottom:3px;right:3px;transform:scale(-1)}.cf-hint{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s, transform .35s var(--spring);z-index:30;background:#060c08e0;border:1px solid #e8c56a59;border-radius:2px;padding:6px 16px;font-size:10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)translateY(8px)}.cf-hint.is-on{opacity:1;transform:translate(-50%)translateY(0)}.cf-hint.is-warn{color:#ffd0c0;animation:cf-nudge .4s var(--ease);background:#280804eb;border-color:#e0553fbf}@keyframes cf-nudge{25%{transform:translate(calc(-50% - 7px))}75%{transform:translate(calc(7px - 50%))}}.cf-hand-zone{justify-content:space-between;align-items:flex-end;gap:18px;height:268px;padding:0 26px 16px;display:flex;overflow:visible}.cf-hand{touch-action:none;flex:1;height:100%;position:relative;overflow:visible}.cf-pile{cursor:pointer;width:112px;height:158px;color:var(--gold-1);transition:transform .22s var(--spring), box-shadow .25s, filter .25s;background:linear-gradient(160deg,#2c2416,#120e07);border:0;border-radius:8px;flex:none;align-content:center;place-items:center;gap:2px;margin-bottom:8px;font-family:inherit;display:grid;position:relative;box-shadow:inset 0 0 0 1px #e8c56a6b,inset 0 0 0 5px #00000073,inset 0 0 0 6px #e8c56a2e,0 12px 26px -10px #000000e6}.cf-pile:hover{filter:brightness(1.18);transform:translateY(-6px)rotate(-1.2deg);box-shadow:inset 0 0 0 1px #e8c56abf,inset 0 0 0 5px #00000073,inset 0 0 0 6px #e8c56a4d,0 18px 34px -12px #000000e6,0 0 34px -8px #e8c56a8c}.cf-pile:active{transform:translateY(-1px)scale(.97)}.cf-pile-stack{pointer-events:none;border-radius:8px;position:absolute;inset:0}.cf-pile-stack:before,.cf-pile-stack:after{content:"";z-index:-1;background:linear-gradient(160deg,#241d12,#0d0a05);border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e8c56a73,0 6px 14px -6px #000000e6}.cf-pile-stack:before{transform:translate(7px,8px)rotate(3.6deg)}.cf-pile-stack:after{transform:translate(-7px,5px)rotate(-4.4deg)}.cf-pile-face{color:var(--gold-2);text-shadow:0 0 14px #e8c56a80;font-size:26px;line-height:1}.cf-pile-name{letter-spacing:.24em;text-transform:uppercase;margin-top:6px;font-size:9px}.cf-pile-sub{color:#e8c56a80;font-family:EB Garamond,Georgia,serif;font-size:10px;font-style:italic}.cf-pile-count{font-variant-numeric:tabular-nums;color:#1a1204;background:linear-gradient(#fff2c8, var(--gold-2));border-radius:2px;min-width:20px;padding:1px 4px;font-size:10px;position:absolute;top:7px;right:8px;box-shadow:0 1px 3px #000000b3}.cf-pile--discard.is-empty{filter:grayscale(.55)brightness(.72)}.cf-pile.is-pulled{animation:cf-pull .45s var(--spring)}@keyframes cf-pull{40%{transform:translateY(-14px)rotate(-6deg)scale(1.06)}}.cf-pile.is-shuffling{animation:cf-shuffle .6s var(--ease)}@keyframes cf-shuffle{20%{transform:translate(-8px,-10px)rotate(-8deg)}45%{transform:translate(9px,-6px)rotate(7deg)}70%{transform:translate(-4px,-12px)rotate(-3deg)}}.cf-card{width:var(--card-w);height:var(--card-h);--tx:var(--tx0,0px);--ty:var(--ty0,0px);--rot:var(--rot0,0deg);--sc:1;transform:translate(-50%, 0) translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(var(--sc));transform-origin:50% 88%;transition:transform .36s var(--spring), filter .25s;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;position:absolute;top:8px;left:50%}.cf-card:focus-visible{outline:none}.cf-card:focus-visible .cf-card-inner{box-shadow:0 0 0 2px var(--gold-0), 0 0 26px #e8c56acc}.cf-card.is-hot{--ty:calc(var(--ty0) - 78px);--rot:0deg;--sc:1.2;z-index:70!important}.cf-card.is-push-l{--tx:calc(var(--tx0) - 30px);--rot:calc(var(--rot0) - 3deg)}.cf-card.is-push-r{--tx:calc(var(--tx0) + 30px);--rot:calc(var(--rot0) + 3deg)}.cf-card.is-grabbed{cursor:grabbing}.cf-card.is-dragging{transform:translate(-50%, calc(-100% - 26px)) rotate(var(--drag-tilt,0deg)) scale(1.06);filter:drop-shadow(0 26px 30px #000000bf);transition:none;position:fixed;top:0;left:0;z-index:9999!important}.cf-card.is-dragging.is-armed{filter:drop-shadow(0 26px 34px #000000b3)drop-shadow(0 0 26px #ffe29ee6)}.cf-card.is-returning{transition:transform .42s var(--spring)}.cf-card.is-fizzle{animation:cf-fizzle .5s var(--ease)}@keyframes cf-fizzle{0%,to{filter:none}20%{filter:brightness(.6)saturate(.2)sepia()hue-rotate(-40deg);transform:translate(-50%, 0) translate(calc(var(--tx) - 8px), var(--ty)) rotate(var(--rot)) scale(var(--sc))}60%{transform:translate(-50%, 0) translate(calc(var(--tx) + 8px), var(--ty)) rotate(var(--rot)) scale(var(--sc))}}.cf-card.is-dealing{animation:cf-deal .62s var(--deal-delay,0s) var(--spring) both}@keyframes cf-deal{0%{opacity:0;transform:translate(-50%)translate(520px,60px)rotate(28deg)scale(.62)}to{transform:translate(-50%, 0) translate(var(--tx0), var(--ty0)) rotate(var(--rot0)) scale(1);opacity:1}}.cf-card.is-tutored .cf-card-inner,.cf-card.is-upgrading .cf-card-inner{animation:cf-flash .85s var(--ease)}@keyframes cf-flash{0%{filter:brightness(3.4)saturate(.4)}to{filter:none}}.cf-card.is-live .cf-card-inner{box-shadow:0 10px 22px #0009,0 0 0 1px #fff6d8e6,0 0 22px -2px #e8c56abf}.cf-card.is-inert{filter:saturate(.55)brightness(.82)}.cf-card-inner{background:var(--frame,linear-gradient(160deg, #46402f, #1b180f 55%, #302b1d));transform:perspective(760px) rotateX(var(--tiltx,0deg)) rotateY(var(--tilty,0deg));border-radius:11px;padding:6px;transition:transform .18s ease-out,box-shadow .25s;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px 22px #0009,0 0 0 1px #000000d9}.cf-card-inner:before{content:"";border:1px solid var(--edge,#e8c56a8c);pointer-events:none;z-index:5;border-radius:11px;position:absolute;inset:0}.cf-card-body{background:var(--ground,linear-gradient(168deg, #f6ecd4, #dbc9a2));height:100%;color:var(--fg,#1d1810);border-radius:6px;flex-direction:column;padding:7px 8px 8px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #00000052,inset 0 1px #ffffff59}.cf-card-head{flex:none;justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.cf-card-name{letter-spacing:.005em;color:var(--fg,#1d1810);text-shadow:0 1px 0 var(--name-shadow,#ffffff80);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Cinzel Decorative,Cinzel,serif;font-size:9.5px;font-weight:700;line-height:1.18;display:-webkit-box;overflow:hidden}.cf-gems{flex:none;gap:1.5px;padding-top:1px;display:flex}.cf-gem{filter:drop-shadow(0 1px 1px #0000008c);width:9px;height:10.5px;animation:4s ease-in-out infinite cf-gem-glint;animation-delay:calc(var(--i) * .22s);display:block}.cf-gem svg{width:100%;height:100%;display:block}.cf-gem path{fill:var(--gemc,#b9c6bf)}.cf-gem .cf-gem-top{fill:#fff;opacity:.55}.cf-gem--common{--gemc:#b9c6bf}.cf-gem--rare{--gemc:#4f9bdd}.cf-gem--epic{--gemc:#a86ee6}.cf-gem--legendary{--gemc:#f5c451}@keyframes cf-gem-glint{0%,88%,to{filter:drop-shadow(0 1px 1px #0000008c)}94%{filter:drop-shadow(0 1px 1px #0000008c)drop-shadow(0 0 5px)brightness(1.5)}}.cf-card-art{background:radial-gradient(70% 70% at 50% 34%,#1c2a24 0%,#070d0a 100%);border-radius:3px;flex:auto;min-height:52px;margin:5px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e8c56a80,inset 0 2px 10px #000c}.cf-card-art svg{width:100%;height:100%;display:block}.cf-card-art:after{content:"";pointer-events:none;background:linear-gradient(#ffffff24,#0000 46%);position:absolute;inset:0}.cf-card-type{letter-spacing:.1em;text-transform:uppercase;color:var(--fg,#1d1810);background:var(--strip,#0000001a);border-radius:2px;justify-content:space-between;align-items:center;gap:4px;padding:2.5px 4px;font-size:6.6px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #00000029}.cf-set{color:var(--edge,var(--gold-3));text-shadow:0 0 4px;font-size:8px;font-style:normal}.cf-card-flavor{height:34px;color:var(--fg-dim,#1d1810b8);flex:none;margin:5px 2px 0;font-family:EB Garamond,Georgia,serif;font-size:9px;font-style:italic;line-height:1.28;overflow:hidden}.cf-card-sheen{pointer-events:none;z-index:6;opacity:0;background:radial-gradient(120px 120px at var(--mx,50%) var(--my,50%), #ffffff57, #ffffff0d 42%, transparent 68%);mix-blend-mode:screen;border-radius:11px;transition:opacity .25s;position:absolute;inset:0}.cf-card:hover .cf-card-sheen,.cf-card.is-hot .cf-card-sheen,.cf-card.is-dragging .cf-card-sheen{opacity:1}.cf-card-foil{pointer-events:none;z-index:4;opacity:0;border-radius:11px;position:absolute;inset:0}.cf-card--epic .cf-card-foil,.cf-card--legendary .cf-card-foil{opacity:1;mix-blend-mode:screen;background:linear-gradient(114deg,#0000 30%,#ffffff0d 39%,#fff6d866 46%,#96dcff47 50%,#ffb9ee40 54%,#ffffff0a 61%,#0000 70%) 0 0/220% 220%;animation:4.4s linear infinite cf-foil;-webkit-mask:linear-gradient(#000 0 58%,#00000038 72%,#00000024 100%);mask:linear-gradient(#000 0 58%,#00000038 72%,#00000024 100%)}.cf-card--legendary .cf-card-foil{animation-duration:3.1s}@keyframes cf-foil{0%{background-position:160% 0}to{background-position:-60% 100%}}.cf-card--summon{--ground:linear-gradient(168deg, #f7eed8, #ddcba4 78%, #cdb98f);--fg:#221c11;--fg-dim:#221c11b3;--strip:#78602833;--name-shadow:#fff9}.cf-card--enchant{--ground:linear-gradient(168deg, #2f2551, #180f2c 76%, #241a3d);--fg:#ece2ff;--fg-dim:#e2d6ffa8;--strip:#ffffff14;--name-shadow:#000000b3}.cf-card--ritual{--ground:linear-gradient(168deg, #4a231c, #241009 76%, #35150f);--fg:#ffe2d2;--fg-dim:#ffd6c2a8;--strip:#ffffff14;--name-shadow:#000000b3}.cf-card--common{--frame:linear-gradient(160deg, #4a4739, #211f18 52%, #3a382c);--edge:#bec7be80}.cf-card--rare{--frame:linear-gradient(160deg, #2c4a68, #0f1b2a 52%, #24425e);--edge:#6fb3eeb3}.cf-card--epic{--frame:linear-gradient(160deg, #4d2f6b, #1d1029 52%, #402457);--edge:#c08cf5cc}.cf-card--legendary{--frame:linear-gradient(160deg, #7a5b1a, #241802 46%, #6b4f14, #a8801f);--edge:#ffd97af2}.cf-card--legendary .cf-card-inner{box-shadow:0 10px 24px #000000a6,0 0 0 1px #000000d9,0 0 26px -6px #f5c451b3}.cf-card--rare .cf-set{color:var(--rare)}.cf-card--epic .cf-set{color:var(--epic)}.cf-card--legendary .cf-set{color:var(--legend)}.cf-codex-tab{z-index:62;border:1px solid var(--gold-4);width:34px;height:190px;color:var(--gold-2);cursor:pointer;letter-spacing:.16em;transition:color .2s, box-shadow .25s, width .25s var(--spring), transform .42s var(--spring);background:linear-gradient(#2c2416,#120e07);border-left:0;border-radius:0 6px 6px 0;font-family:inherit;font-size:10px;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:4px 0 18px -6px #000000e6}.cf-codex-tab.is-open{transform:translateY(-50%)translate(min(460px,88vw))}.cf-codex-tab span{writing-mode:vertical-rl;text-orientation:mixed;display:block}.cf-codex-tab:hover{color:#fff8e2;width:40px;box-shadow:6px 0 26px -6px #e8c56a99}.cf-codex{z-index:61;width:min(460px,88vw);transition:transform .42s var(--spring);border-right:1px solid var(--gold-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(150deg,#16120af7,#08140dfa);padding:22px 20px 30px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-102%);box-shadow:24px 0 60px -20px #000000f2}.cf-codex.is-open{transform:translate(0)}.cf-codex-head h2{letter-spacing:.05em;background:linear-gradient(#fff8e2, var(--gold-2) 55%, #8a6a22);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel Decorative,serif;font-size:22px;font-weight:700}.cf-codex-head p{color:#e8c56a99;margin:5px 0 18px;font-family:EB Garamond,serif;font-size:12.5px;font-style:italic}.cf-codex-suit>h3{letter-spacing:.28em;text-transform:uppercase;color:#e8c56a9e;border-bottom:1px solid #e8c56a38;margin:20px 0 10px;padding-bottom:6px;font-size:9.5px}.cf-codex-grid{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px;display:grid}.cf-card--mini{width:100%;height:202px;transition:transform .24s var(--spring), filter .24s;position:relative;top:auto;left:auto;transform:none}.cf-card--mini:hover{z-index:5;transform:translateY(-8px)scale(1.06)}.cf-card--mini .cf-card-flavor{height:31px;font-size:8.4px}.cf-fx,.cf-drag-layer{pointer-events:none;z-index:500;position:fixed;inset:0}.cf-p{pointer-events:none;border-radius:50%;position:fixed}.cf-circle,.cf-impact,.cf-shout,.cf-reticle,.cf-lock,.cf-seal,.cf-ghost{pointer-events:none;position:fixed}.cf-circle{filter:drop-shadow(0 0 10px)}.cf-circle svg,.cf-reticle svg{width:100%;height:100%;display:block}.cf-impact{border:1.5px solid var(--ink,#f2c75c);box-shadow:0 0 0 1px #0006, 0 0 26px -2px var(--ink2,#fff4cf), inset 0 0 22px -6px var(--ink2,#fff4cf);border-radius:3px}.cf-shout{white-space:nowrap;color:var(--ink,#fff4cf);text-shadow:0 0 1px var(--ink2,#000), 0 2px 0 #000000bf, 0 0 22px var(--ink,#fff4cf);z-index:600;font-family:Cinzel Decorative,serif;font-size:21px;font-weight:900}.cf-reticle{width:120px;height:120px;color:var(--gold-2);opacity:0;transition:opacity .16s, color .2s, transform .2s var(--spring);filter:drop-shadow(0 0 8px #e8c56ad9);z-index:520;margin:-60px 0 0 -60px;transform:scale(.7)}.cf-reticle.is-on{opacity:.95;animation:8s linear infinite cf-spin;transform:scale(1)}.cf-reticle.is-locked{color:#ff9d6b}.cf-reticle[data-rarity=legendary]{color:var(--legend)}.cf-reticle[data-rarity=epic]{color:var(--epic)}.cf-reticle[data-rarity=rare]{color:var(--rare)}.cf-lock{opacity:0;z-index:519;border:1.5px dashed #ff9d6bf2;border-radius:3px;transition:opacity .14s;box-shadow:0 0 26px -4px #ff9d6be6,inset 0 0 30px -10px #ff9d6bcc}.cf-lock.is-on{opacity:1}.cf-seal{color:#8d2f1b;filter:drop-shadow(0 10px 20px #000000b3);z-index:620;width:168px;height:168px;margin:0}.cf-seal svg{width:100%;height:100%;display:block}.cf-ghost{z-index:610}.cf-ghost .cf-card{background:var(--frame,linear-gradient(160deg, #46402f, #1b180f));width:100%;height:100%;box-shadow:0 0 0 1px var(--edge,#e8c56a99), 0 14px 30px #000000b3;border-radius:11px;position:absolute;inset:0;transform:none}body.cf-frenzy .cf-ribbon{box-shadow:inset 0 1px #fff0c84d,0 8px 40px -8px #e8c56a99}body.cf-frenzy .cf-aether-track{border-color:var(--gold-1);box-shadow:0 0 20px #e8c56acc,inset 0 2px 6px #000000e6}body.cf-frenzy .cf-sigil-ring{border-color:#e8c56a4d}.cf-boot{z-index:900;background:radial-gradient(60% 60% at 50% 40%,#12341f,#050f09 75%);place-items:center;transition:opacity .6s,transform .6s;display:grid;position:fixed;inset:0}.cf-boot.is-gone{opacity:0;pointer-events:none;transform:scale(1.08)}.cf-boot-card{text-align:center;justify-items:center;gap:22px;display:grid}.cf-boot-card p{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);margin:0;font-family:Cinzel Decorative,serif;font-size:15px}.cf-boot-spin{width:92px;height:130px;box-shadow:0 0 0 1px var(--gold-2), inset 0 0 0 5px #0006, inset 0 0 0 6px #e8c56a59, 0 20px 40px -12px #000000e6;background:linear-gradient(160deg,#7a5b1a,#241802 46%,#6b4f14);border-radius:9px;animation:1.5s cubic-bezier(.5,0,.5,1) infinite cf-boot-flip}@keyframes cf-boot-flip{0%{transform:perspective(600px)rotateY(0)translateY(0)}50%{transform:perspective(600px)rotateY(180deg)translateY(-16px)}to{transform:perspective(600px)rotateY(360deg)translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:80ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cf-card-foil,.cf-card-sheen,.cf-sigil-ring,.cf-brand-mark{animation:none!important}}@media (width<=1340px){.cf-tally{display:none}}@media (width<=1080px){.cf-target{display:none}}@media (height<=760px){.cf-hand-zone{height:208px}.cf-card{--card-w:134px;--card-h:190px}}