.shell-nav .hh-home-logo{width:clamp(3.15rem,4.6vw,4rem)!important;height:clamp(3.15rem,4.6vw,4rem)!important;box-shadow:none!important;cursor:pointer!important;background:0 0!important;border:0!important;border-radius:.55rem!important;flex:none!important;place-items:center!important;margin:0!important;padding:0!important;transition:transform .16s,filter .16s!important;display:grid!important;overflow:visible!important}.shell-nav .hh-home-logo:hover,.shell-nav .hh-home-logo:focus-visible{filter:drop-shadow(0 0 .7rem #1bd9e03d)!important;transform:translateY(-1px)scale(1.045)!important}.shell-nav .hh-home-logo:focus-visible{outline-offset:3px!important;outline:2px solid #eab84d!important}.shell-nav .hh-home-logo>img{object-fit:contain!important;object-position:center!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;width:100%!important;height:100%!important;display:block!important}.screen-menu .landing-copy{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.screen-menu .landing-brand-logo{object-fit:contain;object-position:left center;filter:drop-shadow(0 1.2rem 2.2rem #00000061);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:min(100%,clamp(24rem,42vw,38rem),72dvh);height:auto;display:block}.screen-menu .landing-copy>.landing-actions{flex-wrap:wrap;width:min(100%,39rem)}@media (max-width:56rem){.screen-menu .landing-copy{text-align:center;align-items:center}.screen-menu .landing-brand-logo{object-position:center;width:min(88vw,30rem,62dvh)}.screen-menu .landing-copy>.landing-actions{justify-content:center}}
.shell-nav .language-selector{color:#ddd;min-height:38px;font:700 10px/1 var(--font-geist-sans);letter-spacing:.1em;text-transform:uppercase;background:#0e1724;border:1px solid #ffffff18;border-radius:3px;align-items:stretch;margin-left:auto;padding:0;display:flex;position:static;overflow:hidden;box-shadow:0 5px 16px #0005}.shell-nav .language-selector span{color:#9db0c5;border-right:1px solid #ffffff12;align-items:center;padding:0 .8rem;display:flex}.shell-nav .language-selector select{color:#f3f6fa;cursor:pointer;text-transform:none;background:#0e1724;border:0;border-radius:0;outline:0;min-width:112px;min-height:36px;padding:.45rem 2rem .45rem .75rem;font:700 11px/1 Arial,sans-serif}.shell-nav .language-selector:hover,.shell-nav .language-selector:focus-within{background:#111d2b;border-color:#3e6078}.shell-nav .language-selector select:hover,.shell-nav .language-selector select:focus{background:#111d2b}@media (max-width:720px){.shell-nav .language-selector{min-height:34px;margin-left:auto}.shell-nav .language-selector span{clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.shell-nav .language-selector select{min-width:92px;max-width:104px;min-height:32px;padding:.35rem 1.55rem .35rem .6rem;font-size:10px}}
.screen-tutorial{background:#090b0f;min-height:100dvh;overflow:auto}.tutorial-screen{--tutorial-gold:#e0b85b;--tutorial-ink:#f5f1e8;--tutorial-copy:#b5bec4;--tutorial-line:#ffffff18;min-height:100dvh;color:var(--tutorial-ink);font-family:var(--font-geist-sans),system-ui,sans-serif;background:linear-gradient(110deg,#11161a 0 28%,#090b0f 28% 100%);padding:5.4rem clamp(.75rem,3vw,2rem) 3rem}.tutorial-screen header{background:0 0;border:0;height:auto;padding:0}.tutorial-header,.tutorial-content{width:min(100%,82rem);margin-inline:auto}.tutorial-header{border-bottom:1px solid var(--tutorial-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 0;display:grid}.tutorial-back{color:#dbe1e4;cursor:pointer;background:#171b20;border:1px solid #ffffff20;border-radius:6px;align-items:center;gap:.35rem;min-height:2.5rem;padding:.45rem .7rem;font-weight:800;display:flex}.tutorial-back:hover,.tutorial-back:focus-visible{color:#ffe09a;border-color:#e0b85b88;outline:2px solid #0000}.tutorial-header p{color:var(--tutorial-gold);letter-spacing:.14em;margin:0;font-size:.65rem;font-weight:900}.tutorial-header h1{color:#fff9eb;letter-spacing:0;margin:.16rem 0 0;font:800 1.75rem/1.05 Georgia,serif}.tutorial-view-tabs{background:#11151a;border:1px solid #ffffff18;border-radius:7px;grid-template-columns:repeat(2,minmax(7.5rem,1fr));padding:.25rem;display:grid}.tutorial-view-tabs button{color:#9fa9af;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:2.4rem;padding:.45rem .85rem;font-weight:800}.tutorial-view-tabs button:hover,.tutorial-view-tabs button:focus-visible{color:#f2f5f5;outline-offset:-2px;outline:2px solid #e0b85b70}.tutorial-view-tabs button[aria-selected=true]{color:#17130b;background:#e0b85b}.tutorial-content{padding-top:1.25rem}.tutorial-guide{grid-template-columns:16rem minmax(0,1fr);align-items:start;gap:2rem;display:grid}.tutorial-chapter-rail{border-right:1px solid var(--tutorial-line);min-width:0;padding-right:1.25rem;position:sticky;top:5rem}.tutorial-chapter-rail>header{color:#8d999f;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:.75rem;font-size:.62rem;font-weight:900;display:flex}.tutorial-chapter-rail>header b{color:#d7b86b;letter-spacing:0}.tutorial-progress{background:#2b3034;height:3px;margin:.65rem 0 1rem;overflow:hidden}.tutorial-progress i{background:#52b8b1;height:100%;transition:width .2s;display:block}.tutorial-chapter-rail nav{gap:.25rem;display:grid}.tutorial-chapter-rail nav button{color:#aab4ba;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.65rem;width:100%;min-height:3.5rem;padding:.5rem;display:grid}.tutorial-chapter-rail nav button:hover,.tutorial-chapter-rail nav button:focus-visible{background:#ffffff08;border-color:#fff2;outline:none}.tutorial-chapter-rail nav button>i{aspect-ratio:1;color:#a7b3b9;border:1px solid #ffffff27;border-radius:50%;place-items:center;width:2rem;font-size:.7rem;font-style:normal;font-weight:900;display:grid}.tutorial-chapter-rail nav button span{gap:.14rem;min-width:0;display:grid}.tutorial-chapter-rail nav button b{overflow-wrap:anywhere;color:#e5e9e9;font-size:.76rem}.tutorial-chapter-rail nav button small{overflow-wrap:anywhere;color:#7f8c93;font-size:.62rem;line-height:1.25}.tutorial-chapter-rail nav button.active{background:#33291566;border-color:#e0b85b44}.tutorial-chapter-rail nav button.active>i{color:#17130b;background:#e0b85b;border-color:#e0b85b}.tutorial-chapter-rail nav button.active b{color:#ffe3a0}.tutorial-lesson{outline:none;gap:1.25rem;min-width:0;display:grid}.tutorial-lesson:focus-visible{outline-offset:5px;outline:2px solid #e0b85b70}.tutorial-lesson-heading{border-bottom:1px solid var(--tutorial-line);padding-bottom:1rem;display:block}.tutorial-lesson-heading>span{color:#52b8b1;letter-spacing:.13em;font-size:.65rem;font-weight:900}.tutorial-lesson-heading h2,.tutorial-glossary-heading h2{color:#fff8e8;letter-spacing:0;max-width:52rem;margin:.25rem 0;font:800 2rem/1.12 Georgia,serif}.tutorial-lesson-heading p,.tutorial-glossary-heading p{max-width:50rem;color:var(--tutorial-copy);margin:.35rem 0 0;font-size:.87rem;line-height:1.55}.tutorial-fact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.tutorial-fact-grid article{border:1px solid var(--tutorial-line);background:#13181c;border-radius:7px;align-items:center;gap:.65rem;min-width:0;padding:.75rem;display:flex}.tutorial-fact-grid article>b{aspect-ratio:1;color:#f2cb70;border:1px solid #e0b85b80;border-radius:50%;flex:none;place-items:center;width:2.25rem;font-size:.75rem;display:grid}.tutorial-fact-grid h3{margin:0 0 .16rem;font-size:.74rem}.tutorial-fact-grid p{color:#939fa6;margin:0;font-size:.64rem;line-height:1.35}.tutorial-lesson-split{border-block:1px solid var(--tutorial-line);grid-template-columns:minmax(0,1fr) 10rem;align-items:center;gap:2rem;padding:1.25rem 0;display:grid}.tutorial-objective-copy>span{color:#d7b86b;letter-spacing:.12em;font-size:.62rem;font-weight:900}.tutorial-objective-copy h3{color:#f8f2e6;letter-spacing:0;margin:.35rem 0;font:800 1.35rem/1.2 Georgia,serif}.tutorial-objective-copy>p{color:#aab5bb;max-width:40rem;margin:.4rem 0 1rem;font-size:.8rem;line-height:1.5}.tutorial-card-current{aspect-ratio:5/7;width:min(7rem,100%);display:block;position:relative}.tutorial-card-art{aspect-ratio:5/7;clip-path:inset(1.05% 1.25% 1.1% round 4.6%);background:#171b20;border-radius:4px;width:100%;height:100%;display:block;box-shadow:0 .7rem 1.4rem #000b}.tutorial-card-current>i{z-index:4;aspect-ratio:1;color:#fff;text-shadow:0 1px 2px #000;border:1px solid #fff3cc99;border-radius:50%;place-items:center;width:18%;font:900 clamp(.55rem,1.15vw,.9rem)/1 system-ui;display:grid;position:absolute;box-shadow:0 1px 4px #000b}.tutorial-card-cost{background:#19546b;top:4%;left:4%}.tutorial-card-atk{background:#a35b22;bottom:4%;left:4%}.tutorial-card-hp{background:#933d3a;bottom:4%;right:4%}.tutorial-hero-card{justify-self:center;width:9rem}.tutorial-rule-note{background:#2b241566;border-left:3px solid #e0b85b;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;display:flex}.tutorial-rule-note b{color:#f0ca72;flex:none;font-size:.73rem}.tutorial-rule-note span{color:#bdc5c9;font-size:.71rem;line-height:1.45}.tutorial-card-anatomy{border-bottom:1px solid var(--tutorial-line);grid-template-columns:minmax(13rem,.8fr) minmax(18rem,1.2fr);align-items:center;gap:2rem;padding:1rem 0;display:grid}.tutorial-card-stage{background:radial-gradient(circle at 50% 42%,#263137,#111619 72%);place-items:center;min-height:27rem;padding:2.75rem;display:grid;position:relative;overflow:visible}.tutorial-card-blueprint{aspect-ratio:5/7;width:12rem;position:relative}.tutorial-card-blueprint .tutorial-card-current{width:100%;height:100%}.tutorial-card-blueprint>i{--marker-x:0;--marker-y:0;z-index:3;left:var(--marker-x);top:var(--marker-y);filter:drop-shadow(0 2px 3px #000);border-top:2px solid #f0c96c;width:0;height:0;font-style:normal;position:absolute}.tutorial-card-blueprint>i:after{content:"";aspect-ratio:1;background:#f0c96c;border:2px solid #17130b;border-radius:50%;width:7px;position:absolute;top:-4px;right:-3px}.tutorial-card-blueprint>i>span{aspect-ratio:1;color:#18130a;background:#e0b85b;border:2px solid #17130b;border-radius:50%;place-items:center;width:1.8rem;font-size:.72rem;font-weight:900;display:grid;position:absolute;top:0;right:100%;transform:translate(-.2rem,-50%)}.tutorial-card-blueprint>i[data-marker="1"]{--marker-x:8%;--marker-y:8%;width:3.2rem;transform:translate(-100%)}.tutorial-card-blueprint>i[data-marker="2"]{--marker-x:13%;--marker-y:91%;width:3.7rem;transform:translate(-100%)}.tutorial-card-blueprint>i[data-marker="3"]{--marker-x:87%;--marker-y:91%;width:3.7rem}.tutorial-card-blueprint>i[data-marker="3"]>span,.tutorial-card-blueprint>i[data-marker="4"]>span{left:100%;right:auto;transform:translate(.2rem,-50%)}.tutorial-card-blueprint>i[data-marker="3"]:after,.tutorial-card-blueprint>i[data-marker="4"]:after{left:-3px;right:auto}.tutorial-card-blueprint>i[data-marker="4"]{--marker-x:50%;--marker-y:97%;width:4rem}.tutorial-card-blueprint>i[data-marker="4"]>span{left:100%}.tutorial-card-blueprint>i[data-marker="5"]{--marker-x:50%;--marker-y:66%;width:4rem;transform:translate(-100%)}.tutorial-card-anatomy ol{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.tutorial-card-anatomy li{border-bottom:1px solid #ffffff12;grid-template-columns:2rem 1fr;gap:.7rem;padding:.7rem 0;display:grid}.tutorial-card-anatomy li>b{aspect-ratio:1;color:#edc56d;border:1px solid #e0b85b70;border-radius:50%;align-self:start;place-items:center;width:2rem;font-size:.68rem;display:grid}.tutorial-card-anatomy h3{color:#edf1ef;margin:0;font-size:.78rem}.tutorial-card-anatomy p{color:#9eaaaf;margin:.2rem 0 0;font-size:.71rem;line-height:1.42}.tutorial-type-grid,.tutorial-command-grid,.tutorial-rule-grid,.tutorial-zone-grid{gap:.55rem;display:grid}.tutorial-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-type-grid article,.tutorial-command-grid article,.tutorial-rule-grid article,.tutorial-zone-grid article{border:1px solid var(--tutorial-line);background:#13181d;border-radius:7px;min-width:0;padding:.75rem}.tutorial-type-grid h3,.tutorial-zone-grid h3{color:#edf1ef;margin:0;font-size:.76rem}.tutorial-type-grid p,.tutorial-command-grid p,.tutorial-rule-grid p,.tutorial-zone-grid p{color:#9da8ae;margin:.25rem 0 0;font-size:.69rem;line-height:1.42}.tutorial-board-layout,.tutorial-board-diagram{align-items:start;gap:1rem;display:grid}.tutorial-board-visual{aspect-ratio:16/9;background:radial-gradient(#17444b 0,#09292f 58%,#06161b 100%);border:2px solid #74471f;border-radius:8px;grid-template-rows:7% 11% 7% minmax(0,1fr) 7% 13%;width:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0a0d0f,inset 0 0 3.5rem #000a}.tutorial-board-visual:before{content:"";pointer-events:none;background:linear-gradient(90deg,#59210b22,#0000 18% 82%,#59210b22),repeating-linear-gradient(118deg,#fff0 0 38px,#ffffff05 39px,#fff0 40px);position:absolute;inset:0}.tutorial-board-phase{z-index:1;color:#d6bd7a;letter-spacing:.12em;background:#050b0ddd;border-bottom:1px solid #c79c4a40;justify-content:center;align-items:center;font-size:clamp(.28rem,.55vw,.46rem);font-weight:900;display:flex}.tutorial-board-hand-area{z-index:1;place-items:center;display:grid}.tutorial-board-hand{justify-content:center;height:100%;display:flex}.tutorial-board-hand>i{aspect-ratio:5/7;background:linear-gradient(135deg,#52205c,#11182f 55%,#93213d);border:1px solid #8c6135;border-radius:2px;height:100%;margin-left:-.18rem}.tutorial-board-hand-area.is-player .tutorial-board-hand>i{background:linear-gradient(145deg,#2d3336,#101416)}.tutorial-board-resource{z-index:1;color:#d6c795;letter-spacing:.08em;justify-content:center;align-items:center;gap:.45rem;font-size:clamp(.25rem,.48vw,.42rem);font-weight:900;display:flex}.tutorial-board-resource>i{background:linear-gradient(90deg,#d2ab44 0 22%,#163b43 22%);border:1px solid #385e67;width:48%;height:3px;display:block}.tutorial-board-playfield{z-index:1;grid-template-columns:11% 9% minmax(0,1fr) 15%;gap:1%;min-height:0;padding:0 1.5%;display:grid;position:relative}.tutorial-board-heroes,.tutorial-board-terrains,.tutorial-board-side-piles{grid-template-rows:1fr 1fr;align-items:center;gap:8%;display:grid}.tutorial-board-heroes>i{aspect-ratio:5/7;background:linear-gradient(150deg,#68705b,#171b18 58%,#4e1d28);border:1px solid #785b34;border-radius:3px;justify-self:center;width:72%;display:block;position:relative;box-shadow:0 2px 5px #000b}.tutorial-board-heroes>i:last-child{background:linear-gradient(150deg,#485f3e,#111b14 58%,#4e1d28)}.tutorial-board-heroes b{color:#f19ba4;text-align:center;font-size:clamp(.25rem,.45vw,.4rem);font-style:normal;position:absolute;bottom:-.42rem;left:0;right:0}.tutorial-board-terrains>div{color:#e2c883;align-content:center;justify-items:center;height:100%;display:grid;position:relative}.tutorial-board-terrains i{aspect-ratio:1;background:#17363c;border:1px solid #9a7d4b;border-radius:2px;width:42%;display:block;transform:rotate(45deg)}.tutorial-board-terrains b{aspect-ratio:1;color:#1a1308;background:#ddb957;border-radius:50%;place-items:center;width:1rem;font-size:.5rem;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tutorial-board-terrains small{letter-spacing:.08em;margin-top:.35rem;font-size:clamp(.2rem,.38vw,.32rem);font-weight:900}.tutorial-board-rows{grid-template-rows:1fr 1fr .16fr 1fr 1fr;gap:2%;min-height:0;display:grid}.tutorial-field-zone{grid-template-columns:1rem minmax(0,1fr);align-items:center;min-height:0;display:grid}.tutorial-field-zone>b{aspect-ratio:1;color:#1b1409;background:#ddb957;border-radius:50%;place-items:center;width:1rem;font-size:.5rem;display:grid}.tutorial-board-slot-row{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:2%;height:100%;min-height:0;display:grid}.tutorial-board-slot-row>i{aspect-ratio:5/7;background:linear-gradient(145deg,#23434a33,#030a0d66);border:1px solid #58727a;border-radius:3px;height:100%;max-height:100%;display:block;box-shadow:inset 0 0 0 1px #050a0c,0 0 6px #68c5d018}.tutorial-field-zone.creature .tutorial-board-slot-row>i{border-color:#9b7846;box-shadow:inset 0 0 0 1px #0a0805,0 0 7px #d9ac4d24}.tutorial-field-divider{color:#c7a451;letter-spacing:.12em;grid-template-columns:1fr auto 1fr;align-items:center;gap:.35rem;font-size:clamp(.2rem,.38vw,.32rem);font-weight:900;display:grid}.tutorial-field-divider i{background:linear-gradient(90deg,#0000,#c7a45155);height:1px}.tutorial-field-divider i:last-child{transform:scaleX(-1)}.tutorial-board-side-piles{padding:2%}.tutorial-board-piles{grid-template-columns:1fr 1fr;align-self:center;gap:5%;display:grid}.tutorial-board-piles>i{aspect-ratio:5/6;color:#d5bd77;background:linear-gradient(145deg,#30253c,#0a1117);border:1px solid #6c5b3b;border-radius:3px;place-items:center;font-size:clamp(.18rem,.34vw,.29rem);font-style:normal;font-weight:900;display:grid}.tutorial-board-piles>i:nth-child(n+3){background:linear-gradient(145deg,#1a2830,#080d10)}.tutorial-board-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.tutorial-board-legend article{border:1px solid var(--tutorial-line);background:#13181d;border-radius:6px;grid-template-columns:1.65rem minmax(0,1fr);align-items:start;gap:.55rem;padding:.65rem;display:grid}.tutorial-board-legend article>b{aspect-ratio:1;color:#181108;background:#ddb957;border-radius:50%;place-items:center;width:1.65rem;font-size:.65rem;display:grid}.tutorial-board-legend article>span{gap:.15rem;display:grid}.tutorial-board-legend strong{color:#edf1ef;font-size:.7rem}.tutorial-board-legend small{color:#9da8ae;font-size:.62rem;line-height:1.35}.tutorial-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-zone-grid article>span{color:#59bdb6;margin-bottom:.3rem;font-size:.6rem;font-weight:900;display:block}.tutorial-turn-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.tutorial-turn-flow div{text-align:center;background:#141a1e;border-top:3px solid #52b8b1;justify-items:center;gap:.35rem;min-width:0;padding:.7rem .35rem;display:grid;position:relative}.tutorial-turn-flow i{aspect-ratio:1;color:#e7c36e;border:1px solid #d9b35e80;border-radius:50%;place-items:center;width:1.9rem;font-size:.7rem;font-style:normal;font-weight:900;display:grid}.tutorial-turn-flow b{overflow-wrap:anywhere;font-size:.67rem}.tutorial-turn-flow span{z-index:2;color:#8a999f;position:absolute;top:50%;right:-.42rem;transform:translateY(-50%)}.tutorial-step-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.tutorial-step-list li{border-bottom:1px solid #ffffff12;grid-template-columns:minmax(7.5rem,.3fr) 1fr;gap:.7rem;padding:.65rem .75rem;display:grid}.tutorial-step-list b{color:#f0ca72;font-size:.73rem}.tutorial-step-list span{color:#abb5ba;font-size:.72rem;line-height:1.4}.tutorial-command-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-command-grid b,.tutorial-rule-grid b{color:#efc76e;font-size:.74rem}.tutorial-combat-layout{grid-template-columns:minmax(18rem,1.1fr) minmax(16rem,.9fr);align-items:stretch;gap:1rem;display:grid}.tutorial-combat-visual{background:#141d21;border:1px solid #ffffff18;grid-template-columns:1fr auto 1fr;place-items:center;gap:.8rem;min-height:19rem;display:grid}.tutorial-combat-visual>div{justify-items:center;gap:.45rem;display:grid}.tutorial-combat-visual small{color:#91a2a9;letter-spacing:.1em;font-size:.58rem;font-weight:900}.tutorial-combat-visual>span{color:#efc86d;font-size:1.5rem}.tutorial-combat-layout .tutorial-step-list li{background:#111519;grid-template-columns:1fr;align-content:center;gap:.2rem}.tutorial-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-lesson-nav{border-top:1px solid var(--tutorial-line);grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding-top:1rem;display:grid}.tutorial-lesson-nav>span{color:#7f8b91;text-align:center;font-size:.65rem;font-weight:800}.tutorial-lesson-nav button,.tutorial-glossary-empty button{color:#dbe1e2;cursor:pointer;background:#161b1f;border:1px solid #fff2;border-radius:6px;min-height:2.5rem;padding:.5rem .8rem;font-weight:800}.tutorial-lesson-nav button:last-child{justify-self:end}.tutorial-lesson-nav button:disabled{opacity:.3;cursor:not-allowed}.tutorial-lesson-nav button:not(:disabled):hover,.tutorial-lesson-nav button:focus-visible,.tutorial-glossary-empty button:hover,.tutorial-glossary-empty button:focus-visible{border-color:#e0b85b90;outline:none}.tutorial-lesson-nav button.primary{color:#17130b;background:#e0b85b;border-color:#d7ad4e}.tutorial-glossary{gap:1.25rem;display:grid}.tutorial-glossary-heading{border-bottom:1px solid var(--tutorial-line);gap:.2rem;padding-bottom:.8rem;display:grid}.tutorial-glossary-heading h2,.tutorial-glossary-heading p{margin:0}.tutorial-range-filter button{color:#cbd3d5;cursor:pointer;background:#151a1e;border:1px solid #ffffff20;border-radius:5px;min-height:2.15rem;padding:.38rem .65rem;font-size:.68rem;font-weight:800}.tutorial-range-filter button:hover,.tutorial-range-filter button:focus-visible{border-color:#e0b85b88;outline:none}.tutorial-glossary-tools{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0f12f2;border:1px solid #ffffff18;grid-template-columns:minmax(16rem,1fr) auto auto;align-items:end;gap:.75rem;padding:.7rem;display:grid;position:sticky;top:.35rem}.tutorial-glossary-tools label{align-items:stretch;gap:.32rem;margin:0;display:grid}.tutorial-glossary-tools label>span{color:#aeb8bc;font-size:.64rem;font-weight:800}.tutorial-glossary-tools input{color:#f1f4f3;width:100%;min-height:2.55rem;font:inherit;background:#171c20;border:1px solid #ffffff24;border-radius:5px;padding:.55rem .7rem;font-size:.78rem}.tutorial-glossary-tools input:focus{border-color:#52b8b1;outline:2px solid #52b8b140}.tutorial-glossary-tools input::placeholder{color:#78858b}.tutorial-range-filter{gap:.25rem;display:flex}.tutorial-range-filter button[aria-pressed=true]{color:#a9ebe5;background:#17413f;border-color:#52b8b1}.tutorial-glossary-tools output{color:#d9bd78;white-space:nowrap;padding-bottom:.65rem;font-size:.7rem;font-weight:900}.tutorial-glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.tutorial-glossary-list article{border:1px solid var(--tutorial-line);background:#13171b;border-left:3px solid #8e9ba1;border-radius:6px;min-width:0;padding:.85rem}.tutorial-glossary-list article[data-tone=positive]{border-left-color:#50b77a}.tutorial-glossary-list article[data-tone=negative]{border-left-color:#d56868}.tutorial-glossary-list article[data-tone=keyword]{border-left-color:#e0b85b}.tutorial-glossary-list article[data-tone=resource]{border-left-color:#55b8c1}.tutorial-glossary-list article[data-tone=zone]{border-left-color:#bb83cf}.tutorial-glossary-list header{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.tutorial-glossary-list h3{color:#f1f3ed;margin:0;font-size:.82rem}.tutorial-glossary-list header span{color:#758187;text-transform:uppercase;font-size:.55rem;font-weight:900}.tutorial-glossary-list p{color:#a9b2b6;margin:.35rem 0 0;font-size:.71rem;line-height:1.48}.tutorial-glossary-list small{color:#7f8c91;margin-top:.45rem;font-size:.61rem;line-height:1.35;display:block}.tutorial-glossary-empty{border-block:1px solid var(--tutorial-line);text-align:center;place-content:center;justify-items:center;gap:.35rem;min-height:14rem;display:grid}.tutorial-glossary-empty h3{margin:0}.tutorial-glossary-empty p{color:#99a4a9;margin:0 0 .6rem;font-size:.76rem}@media (max-width:64rem){.tutorial-guide{grid-template-columns:13rem minmax(0,1fr);gap:1.25rem}.tutorial-chapter-rail{padding-right:.8rem}.tutorial-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-board-layout,.tutorial-combat-layout{grid-template-columns:1fr}.tutorial-glossary-tools{grid-template-columns:1fr auto}.tutorial-glossary-tools output{text-align:right;grid-column:2;padding:0}}@media (max-width:48rem){.tutorial-screen{background:#0a0d10;padding-top:5rem}.tutorial-header{grid-template-columns:auto minmax(0,1fr)}.tutorial-header h1{font-size:1.4rem}.tutorial-view-tabs{grid-column:1/-1;width:100%}.tutorial-guide{grid-template-columns:1fr;gap:1rem}.tutorial-chapter-rail{border-right:0;border-bottom:1px solid var(--tutorial-line);padding:0 0 .75rem;position:static}.tutorial-chapter-rail nav{grid-template-columns:repeat(5,minmax(8.5rem,1fr));padding-bottom:.35rem;overflow-x:auto}.tutorial-chapter-rail nav button{min-height:3.2rem}.tutorial-card-anatomy{grid-template-columns:1fr}.tutorial-card-stage{min-height:21rem}.tutorial-card-stage .tutorial-card-art,.tutorial-card-blueprint{width:9.5rem}.tutorial-board-legend,.tutorial-type-grid,.tutorial-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-glossary-tools{grid-template-columns:1fr;position:static}.tutorial-range-filter{overflow-x:auto}.tutorial-glossary-tools output{text-align:left;grid-column:1}}@media (max-width:34rem){.tutorial-screen{padding-inline:.6rem}.tutorial-header{gap:.65rem}.tutorial-back span{display:none}.tutorial-lesson-heading h2,.tutorial-glossary-heading h2{font-size:1.55rem}.tutorial-fact-grid,.tutorial-type-grid,.tutorial-command-grid,.tutorial-rule-grid,.tutorial-zone-grid,.tutorial-glossary-list,.tutorial-lesson-split{grid-template-columns:1fr}.tutorial-hero-card{grid-row:1;width:7.5rem}.tutorial-turn-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorial-turn-flow span{display:none}.tutorial-step-list li{grid-template-columns:1fr;gap:.2rem}.tutorial-combat-visual{min-height:15rem}.tutorial-card-art{width:min(5.6rem,100%)}.tutorial-card-stage{min-height:22rem;padding:2.5rem}.tutorial-card-blueprint{width:8.5rem}.tutorial-card-stage .tutorial-card-art{width:100%}.tutorial-board-legend{grid-template-columns:1fr}.tutorial-board-legend article{padding:.55rem}.tutorial-board-playfield{grid-template-columns:10% 9% minmax(0,1fr) 16%;gap:.5%;padding-inline:1%}.tutorial-field-zone{grid-template-columns:.8rem minmax(0,1fr)}.tutorial-field-zone>b,.tutorial-board-terrains b{width:.8rem;font-size:.42rem}.tutorial-board-terrains small{display:none}.tutorial-card-blueprint>i[data-marker]{width:2.35rem}.tutorial-card-blueprint>i>span{width:1.55rem;font-size:.65rem}.tutorial-lesson-nav{grid-template-columns:1fr 1fr}.tutorial-lesson-nav>span{display:none}.tutorial-lesson-nav button{width:100%}}@media (prefers-reduced-motion:reduce){.tutorial-screen *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root{--hemsfell-tooltip-layer:2147480000;--hemsfell-floating-layer:2147480000}body>[data-floating-ui-portal]{z-index:var(--hemsfell-floating-layer)!important;isolation:isolate!important;position:relative!important}body>.ui-tooltip-portal,body>.evolution-tooltip-portal{z-index:var(--hemsfell-tooltip-layer)!important;isolation:isolate!important}body>.ui-tooltip-portal:popover-open{z-index:var(--hemsfell-tooltip-layer)!important;isolation:isolate!important}body>.evolution-tooltip-portal:popover-open{z-index:var(--hemsfell-tooltip-layer)!important;isolation:isolate!important}html body .screen-game [role=tooltip],html body .screen-game .card-tooltip,html body .screen-game [data-tip]:after{z-index:var(--hemsfell-tooltip-layer)!important}
html body .screen-game .card-frame[data-unit-id]>.original-card>:is(.live-atk,.live-hp){box-sizing:border-box!important;color:#fff8e8!important;font-variant-numeric:tabular-nums!important;text-align:center!important;text-shadow:0 1px 1px #000,0 0 .18rem #000!important;pointer-events:none!important;z-index:40!important;block-size:clamp(.62rem,21.5cqi,1.28rem)!important;inline-size:clamp(.62rem,21.5cqi,1.28rem)!important;width:clamp(.62rem,21.5cqi,1.28rem)!important;height:clamp(.62rem,21.5cqi,1.28rem)!important;border:max(1px,1.1cqi) solid #fff4cdc2!important;border-radius:50%!important;place-items:center!important;min-block-size:0!important;min-inline-size:0!important;margin:0!important;padding:0!important;font:950 clamp(.39rem,13.2cqi,.74rem)/1 system-ui,sans-serif!important;display:grid!important;position:absolute!important;box-shadow:inset 0 0 .28rem #ffffff29,0 .08rem .22rem #000000bd!important}html body .screen-game .card-frame[data-unit-id]>.original-card>.live-atk{background:radial-gradient(circle at 35% 28%,#fff0b6 0 10%,#b7762f 32%,#5f301a 70%,#21100a 100%)!important;border-color:#f0c56fe6!important;inset-block-end:3.8%!important;inset-inline:4.2% auto!important}html body .screen-game .card-frame[data-unit-id]>.original-card>.live-hp{background:radial-gradient(circle at 35% 28%,#ffc8bd 0 10%,#a9443d 32%,#5f1e24 70%,#220b10 100%)!important;border-color:#ef978be6!important;inset-block-end:3.8%!important;inset-inline:auto 4.2%!important}html body .screen-game :is(.card-frame,.pile-card){--keyword-icon-size:clamp(.5rem, 12.2cqi, .82rem)!important;--keyword-gap:clamp(.035rem, 1.8cqi, .12rem)!important}html body .screen-game :is(.field-keywords,.field-negative-statuses)>i,html body .screen-game .summoning-sickness-badge{width:clamp(.52rem,12.8cqi,.86rem)!important;height:clamp(.52rem,12.8cqi,.86rem)!important;font-size:clamp(.3rem,6.3cqi,.49rem)!important}html body .screen-game .card-frame[data-unit-id]>.card-frame-marker{transform-origin:50%!important;color:#fff3c7!important;font-variant-numeric:tabular-nums!important;text-shadow:0 1px 1px #000,0 0 .18rem #000!important;pointer-events:none!important;z-index:44!important;background:radial-gradient(circle at 35% 28%,#fff0b6 0 8%,#8a6725 32%,#3a2710 72%,#130c06 100%)!important;border:max(1px,.9cqi) solid #f4cc6cc7!important;border-radius:50%!important;place-items:center!important;width:clamp(.58rem,14.2cqi,.96rem)!important;min-width:0!important;height:clamp(.58rem,14.2cqi,.96rem)!important;min-height:0!important;margin:0!important;padding:0!important;font:950 clamp(.34rem,7.1cqi,.55rem)/1 system-ui,sans-serif!important;display:grid!important;position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;box-shadow:inset 0 0 .24rem #ffffff26,0 .1rem .28rem #000000b8!important}html body .screen-game .card-frame>.card-frame-activation{width:clamp(.7rem,15.4cqi,1.02rem)!important;height:clamp(.7rem,15.4cqi,1.02rem)!important;font-size:clamp(.34rem,7.1cqi,.54rem)!important}@media (hover:hover) and (pointer:fine) and (min-width:56rem){html body .screen-game :is(.card-frame,.pile-card){--keyword-icon-size:clamp(.57rem, 13.6cqi, .94rem)!important}html body .screen-game :is(.field-keywords,.field-negative-statuses)>i,html body .screen-game .summoning-sickness-badge{width:clamp(.6rem,14cqi,.96rem)!important;height:clamp(.6rem,14cqi,.96rem)!important;font-size:clamp(.34rem,6.8cqi,.52rem)!important}html body .screen-game .card-frame[data-unit-id]>.card-frame-marker{width:clamp(.68rem,15.7cqi,1.08rem)!important;height:clamp(.68rem,15.7cqi,1.08rem)!important;font-size:clamp(.38rem,7.5cqi,.58rem)!important}html body .screen-game .card-frame>.card-frame-activation{width:clamp(.78rem,16.8cqi,1.08rem)!important;height:clamp(.78rem,16.8cqi,1.08rem)!important;font-size:clamp(.38rem,7.5cqi,.59rem)!important}}@media (orientation:landscape) and (hover:none) and (pointer:coarse){html body .screen-game :is(.card-frame,.pile-card){--keyword-icon-size:clamp(.33rem, 8cqi, .54rem)!important;--keyword-gap:clamp(.025rem, 1.4cqi, .08rem)!important}html body .screen-game :is(.field-keywords,.field-negative-statuses)>i,html body .screen-game .summoning-sickness-badge{width:clamp(.38rem,9.1cqi,.61rem)!important;height:clamp(.38rem,9.1cqi,.61rem)!important;font-size:clamp(.21rem,4.7cqi,.34rem)!important}html body .screen-game .card-frame[data-unit-id]>.card-frame-marker{width:clamp(.42rem,10cqi,.68rem)!important;height:clamp(.42rem,10cqi,.68rem)!important;font-size:clamp(.24rem,5.2cqi,.38rem)!important}html body .screen-game .card-frame>.card-frame-activation{width:clamp(.59rem,12.9cqi,.84rem)!important;height:clamp(.59rem,12.9cqi,.84rem)!important;font-size:clamp(.28rem,6cqi,.42rem)!important}html body .screen-game .card-frame[data-unit-id]>.original-card>:is(.live-atk,.live-hp){block-size:clamp(.56rem,20.5cqi,1rem)!important;inline-size:clamp(.56rem,20.5cqi,1rem)!important;width:clamp(.56rem,20.5cqi,1rem)!important;height:clamp(.56rem,20.5cqi,1rem)!important;font-size:clamp(.33rem,12.4cqi,.57rem)!important}}@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-aspect-ratio:12/5){html body .screen-game :is(.field-keywords,.field-negative-statuses)>i,html body .screen-game .summoning-sickness-badge{width:clamp(.35rem,8.6cqi,.56rem)!important;height:clamp(.35rem,8.6cqi,.56rem)!important}html body .screen-game .card-frame>.card-frame-activation{width:clamp(.56rem,12.1cqi,.79rem)!important;height:clamp(.56rem,12.1cqi,.79rem)!important}}html body .remote-card-art{background:linear-gradient(#050c1014,#050c1014),#0b151a url(/cards/card-back-hemsfell.webp) 50%/cover no-repeat}html body img.remote-card-art-static{object-fit:fill;image-rendering:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}html body .remote-card-art:not([data-loaded=true]){box-shadow:inset 0 0 0 1px #b4d3dc1f,inset 0 0 1.2rem #00000042}html body .remote-card-art[data-loaded=true]{box-shadow:none}html body .remote-card-art[data-art-quality=preview]{image-rendering:auto}html body .remote-card-art.remote-card-art-failed{background:linear-gradient(145deg,#b0464624,#fff0 42%),linear-gradient(#21191a,#101315)}@media (prefers-reduced-motion:reduce){html body .remote-card-art{transition:none!important}}
html body .screen-menu .landing{padding-bottom:clamp(3.25rem,8dvh,6rem)!important;overflow:visible!important}html body .screen-menu .hero-fan{min-width:0;container-type:inline-size;box-sizing:border-box!important;height:clamp(31rem,72dvh,41rem)!important;min-height:clamp(29rem,68dvh,39rem)!important;padding-bottom:clamp(1.2rem,3dvh,2.4rem)!important;overflow:visible!important}html body .screen-menu .hero-fan>*,html body .screen-menu .hero-fan .remote-card-art{overflow:visible!important}html body .screen-menu .hero-fan .remote-card-art{width:min(42%,19.375rem)!important;transform:translateX(calc(-50% + var(--hero-fan-offset,0) * clamp(1rem, 7cqi, 3.125rem))) rotate(calc(var(--hero-fan-offset,0) * 7deg))!important;transform-origin:50% 112%!important;margin-bottom:clamp(.35rem,1dvh,.8rem)!important;top:clamp(1.5rem,4.5dvh,3.1rem)!important;left:50%!important}html body .screen-decks .collection-lists>.collection-toolbar{box-sizing:border-box!important;grid-template-columns:minmax(0,1fr) minmax(7rem,10rem)!important;grid-auto-flow:row!important;align-items:end!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}html body .screen-decks .collection-lists>.collection-toolbar>.collection-search-field{grid-column:1/2!important;min-width:0!important}html body .screen-decks .collection-lists>.collection-toolbar>label:not(.collection-search-field){grid-column:2/3!important;min-width:0!important}html body .screen-decks .collection-lists>.collection-toolbar>output{box-sizing:border-box!important;white-space:nowrap!important;text-overflow:ellipsis!important;grid-column:1/-1!important;place-self:center end!important;width:fit-content!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:.15rem .1rem 0!important;overflow:hidden!important}@media (max-width:56rem),(pointer:coarse){html body .screen-menu .landing{padding-bottom:clamp(2rem,5dvh,3.5rem)!important;overflow:visible!important}html body .screen-menu .hero-fan{height:clamp(20rem,57dvh,30rem)!important;min-height:clamp(18rem,52dvh,28rem)!important;padding-bottom:clamp(.8rem,2.5dvh,1.5rem)!important}html body .screen-menu .hero-fan .remote-card-art{transform-origin:50% 108%!important;top:clamp(.85rem,2.8dvh,1.7rem)!important}html body .screen-decks .collection-lists>.collection-toolbar{grid-template-columns:minmax(0,1fr) minmax(6.6rem,8.5rem)!important}}@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:34rem){html body .screen-menu .hero-fan{height:clamp(15rem,76dvh,22rem)!important;min-height:clamp(14rem,72dvh,21rem)!important}}@media (max-width:30rem){html body .screen-decks .collection-lists>.collection-toolbar{grid-template-columns:minmax(0,1fr)!important}html body .screen-decks .collection-lists>.collection-toolbar>:is(label,output){grid-column:1/-1!important;justify-self:stretch!important}}html body .screen-menu .hero-fan .hh-menu-hero-card{aspect-ratio:612/792;object-fit:contain!important;clip-path:inset(1.15% 1.35% 1.2% round 4.8%)!important;image-rendering:auto!important;height:auto!important;max-height:calc(100% - clamp(3.5rem,9dvh,6rem))!important}html body :is(.screen-tutorial,.screen-decks) .remote-card-art{clip-path:inset(1.1% 1.3% 1.15% round 4.8%)!important}html body .screen-decks .deck-rail>button{flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;display:flex!important}html body .screen-decks .deck-rail>button :is(b,span){width:100%;text-align:center!important}html body .pre-match-loading{z-index:30000;color:#f6e5b8;background:radial-gradient(circle at 50% 38%,#123f49,#051b22 68%,#03080b);place-items:center;display:grid;position:fixed;inset:0}.pre-match-loading section{text-align:center;justify-items:center;gap:.7rem;display:grid}.pre-match-loading i{aspect-ratio:1;color:#f0c95f;border:1px solid #d9b968;border-radius:50%;place-items:center;width:4rem;font-size:2rem;display:grid;box-shadow:0 0 2rem #e8b94766}.pre-match-loading b{letter-spacing:.06em;font-size:1.15rem}.pre-match-loading span{color:#c7d5d9;font-size:.85rem}html body .language-selector{color:#bfcdd2;text-transform:uppercase;letter-spacing:.08em;gap:.15rem;margin-left:auto;font-size:.64rem;display:grid}html body .language-selector select{color:#edf4f2;text-transform:none;letter-spacing:0;background:#0a2028;border:1px solid #3c6671;border-radius:.3rem;min-width:6.8rem;padding:.3rem .42rem;font:600 .72rem system-ui}@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:34rem){html body .screen-menu .hero-fan .hh-menu-hero-card{max-height:calc(100% - clamp(1.4rem,5dvh,2.6rem))!important}}
html body .screen-decks .collection-lists .card-library{box-sizing:border-box!important;padding:clamp(1rem,1.6vw,1.4rem)!important;scroll-padding:clamp(1rem,1.6vw,1.4rem)!important}html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]{--hh-card-cost-size:clamp(1.1rem, 1.7vw, 1.5rem);--hh-card-stat-size:clamp(1.1rem, 1.7vw, 1.5rem);--hh-card-cost-font:clamp(.62rem, .9vw, .82rem);--hh-card-atk-font:clamp(.62rem, .9vw, .82rem);--hh-card-hp-font:clamp(.62rem, .9vw, .82rem);--hh-card-inset-measured:3px;z-index:0;isolation:isolate!important;position:relative!important;overflow:visible!important}html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]:has(.original-card:is(:hover,:focus-visible,:active)){z-index:20}html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]>.original-card{z-index:1!important;position:relative!important;overflow:visible!important}html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]>.original-card[data-hh-zone-cost]:before,html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before,html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after{color:#fffaf0!important;-webkit-text-fill-color:#fffaf0!important;font-variant-numeric:tabular-nums!important;-webkit-text-stroke:.55px #000000fa!important;paint-order:stroke fill!important;text-shadow:0 0 .12rem #000000f2!important;pointer-events:none!important;border-radius:50%!important;place-items:center!important;margin:0!important;padding:0!important;font-family:system-ui,sans-serif!important;font-weight:950!important;line-height:1!important;display:grid!important;position:absolute!important;transform:none!important}html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]>.original-card[data-hh-zone-cost]:before{content:attr(data-hh-zone-cost)!important;top:var(--hh-card-inset-measured,3px)!important;left:var(--hh-card-inset-measured,3px)!important;width:var(--hh-card-cost-size)!important;height:var(--hh-card-cost-size)!important;font-size:var(--hh-card-cost-font)!important;z-index:54!important;background:radial-gradient(circle at 35% 27%,#e7fcff 0 9%,#0000 10% 100%),radial-gradient(circle at 40% 34%,#4e9ab3 0 26%,#2f718b 46%,#153a4d 70%,#091a24 100%)!important;border:1px solid #b5e6f1e6!important;bottom:auto!important;right:auto!important;box-shadow:inset 0 0 0 1px #e8fcff40,0 .06rem .16rem #000000b8!important}html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before,html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after{width:var(--hh-card-stat-size)!important;height:var(--hh-card-stat-size)!important;bottom:calc(var(--hh-card-face-bottom,0px) + var(--hh-card-inset-measured,3px))!important;z-index:55!important;border:1px solid #e7cc91f0!important;box-shadow:0 0 0 1px #0e0a07f5,inset 0 0 0 1px #ffeebf40,0 .06rem .16rem #000000c7!important}html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before{content:attr(data-hh-zone-atk)!important;left:calc(var(--hh-card-face-left,0px) + var(--hh-card-inset-measured,3px))!important;font-size:var(--hh-card-atk-font)!important;background:radial-gradient(circle at 34% 24%,#fff4cfeb 0 7%,#0000 8% 100%),radial-gradient(circle at 42% 34%,#c99a57 0 23%,#91602f 47%,#503018 73%,#201108 100%)!important;top:auto!important;right:auto!important}html body .screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after{content:attr(data-hh-zone-hp)!important;right:calc(var(--hh-card-face-right,0px) + var(--hh-card-inset-measured,3px))!important;font-size:var(--hh-card-hp-font)!important;background:radial-gradient(circle at 34% 24%,#ffe8ddeb 0 7%,#0000 8% 100%),radial-gradient(circle at 42% 34%,#ce6d61 0 23%,#973f42 47%,#57202a 73%,#210a10 100%)!important;top:auto!important;left:auto!important}html body .screen-decks .collection-lists .card-library>.card-frame>.collection-copy-count{top:var(--hh-card-face-top,0px)!important;right:var(--hh-card-face-right,0px)!important;z-index:100!important;pointer-events:none!important;position:absolute!important;bottom:auto!important;left:auto!important;transform:translate(50%,-50%)translateZ(0)translate(0,0)!important}@media (max-width:48rem),(pointer:coarse){html body .screen-decks .collection-lists .card-library{padding:clamp(.8rem,2.5vw,1.1rem)!important}}
.original-card[data-card-preview=true]>.card-tooltip,.original-card[data-card-preview=true]:hover>.card-tooltip,.original-card[data-card-preview=true]:focus-visible>.card-tooltip{display:none!important}body>[data-floating-ui-portal]{z-index:2147483600!important;isolation:isolate!important;position:relative!important}.card-preview-floating.card-tooltip{width:min(16rem,var(--card-preview-available-width,calc(100dvw - 1rem)))!important;max-width:calc(100dvw - 1rem)!important;max-height:min(32rem,var(--card-preview-available-height,calc(100dvh - 1rem)))!important;color:#f5ecd8!important;filter:none!important;z-index:2147483000!important;pointer-events:auto!important;isolation:isolate!important;background:linear-gradient(145deg,#101927fa,#060b12fc)!important;border:1px solid #e1ba6588!important;border-radius:clamp(.45rem,.8vw,.72rem)!important;gap:clamp(.3rem,.65vw,.55rem)!important;margin:0!important;padding:clamp(.65rem,1.15vw,.9rem)!important;display:flex!important;position:fixed!important;overflow:auto!important;box-shadow:0 1rem 3rem #000c,0 0 0 1px #ffffff10!important}.card-preview-floating.is-compact{width:min(12rem,var(--card-preview-available-width,calc(100dvw - 1rem)))!important;max-height:min(22rem,var(--card-preview-available-height,calc(100dvh - 1rem)))!important;gap:clamp(.2rem,.42vw,.34rem)!important;padding:clamp(.46rem,.82vw,.62rem)!important}.card-preview-floating.is-compact>.card-preview-copy{gap:.26rem}.card-preview-floating.is-compact>.card-preview-copy>b{font-size:clamp(.68rem,.94vw,.84rem)}.card-preview-floating.is-compact>.card-preview-copy>em{font-size:clamp(.56rem,.72vw,.66rem)}.card-preview-floating.is-compact>.card-preview-copy>span{font-size:clamp(.56rem,.72vw,.68rem);line-height:1.34}.card-preview-floating.is-compact .card-preview-taxonomy,.card-preview-floating.is-compact .card-preview-term-list{gap:.2rem}.card-preview-floating.is-compact .card-preview-term-list>.card-preview-term{padding:.14rem .3rem}.card-preview-floating.is-expanded{width:min(30rem,var(--card-preview-available-width,calc(100dvw - 1rem)))!important;pointer-events:auto!important;grid-template-columns:minmax(7.2rem,11rem) minmax(10rem,17rem)!important;align-items:center!important;display:grid!important}.card-preview-art{aspect-ratio:5/7;width:100%;min-width:0}.card-preview-art .remote-card-art{object-fit:cover;border-radius:.55rem;width:100%;height:100%;display:block}.card-preview-copy{text-align:left;flex-direction:column;gap:.4rem;min-width:0;display:flex}.card-preview-floating>.card-preview-copy>b{color:#fff5d2;font:900 clamp(.78rem,1.15vw,1rem)/1.15 system-ui}.card-preview-floating>.card-preview-copy>em{color:#e6b95a;font:800 clamp(.64rem,.9vw,.78rem)/1.2 system-ui}.card-preview-floating>.card-preview-copy>span{color:#d2dce5;font:600 clamp(.65rem,.9vw,.8rem)/1.45 system-ui}.card-preview-close{color:#fff;background:#070c13e8;border:1px solid #ffffff35;border-radius:50%;width:2rem;height:2rem;font:800 1.1rem/1 system-ui;position:absolute;top:.35rem;right:.35rem}.card-preview-rules{white-space:pre-wrap;display:inline!important}.card-preview-term{cursor:help;width:fit-content;font:inherit;font-weight:900;line-height:inherit;border-radius:.3rem;outline:none;align-items:center;transition:color .14s,background .14s,box-shadow .14s;display:inline-flex}.card-preview-rules>.card-preview-term{padding:.05rem .2rem;display:inline}.card-preview-term.is-keyword{color:#ffd878;background:#d99a1c1f;box-shadow:inset 0 0 0 1px #e6b95a45}.card-preview-term.is-subtype{color:#9edcff;background:#3aa5da1c;box-shadow:inset 0 0 0 1px #65c6f34a}.card-preview-term:hover,.card-preview-term:focus-visible{color:#fff8dc;background:#ffffff18;box-shadow:0 0 0 2px #f2ca70a6}.card-preview-taxonomy{flex-direction:column;gap:.3rem;color:#d2dce5!important;display:flex!important}.card-preview-taxonomy>small{color:#8798aa;letter-spacing:.08em;font:900 .58rem/1 system-ui}.card-preview-term-list{flex-wrap:wrap;gap:.3rem;display:flex}.card-preview-term-list>.card-preview-term{padding:.2rem .42rem}.card-glossary-floating{z-index:2147483001;color:#dbe6ef;pointer-events:none;background:#080f19fa;border:1px solid #e1ba6570;border-radius:.45rem;flex-direction:column;gap:.2rem;width:min(15rem,100dvw - 1rem);padding:.5rem .62rem;display:flex;position:fixed;box-shadow:0 .7rem 1.8rem #000b}@property --card-inspection-progress-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card-inspection-hold-progress{--card-inspection-progress-angle:0deg;z-index:90;aspect-ratio:1;background:conic-gradient(#f3c663 var(--card-inspection-progress-angle),#08111dde 0);width:clamp(1.6rem,27%,2.35rem);animation:cardInspectionHoldProgress var(--card-inspection-hold-duration,1s) linear forwards;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #f6df9b80,0 .2rem .8rem #000d}.card-inspection-hold-progress:before{content:"";border-radius:inherit;background:#07101bef;position:absolute;inset:18%;box-shadow:inset 0 0 0 1px #ffffff24}.card-inspection-hold-progress>i{aspect-ratio:1;background:#fff2bf;border-radius:50%;width:18%;position:relative;box-shadow:0 0 .35rem #f3c663}@keyframes cardInspectionHoldProgress{to{--card-inspection-progress-angle:360deg}}@media (max-width:42rem),(pointer:coarse){.card-preview-floating.is-compact{display:none!important}.card-preview-floating.is-expanded{width:min(94dvw,var(--card-preview-available-width,94dvw))!important;max-height:min(88dvh,var(--card-preview-available-height,88dvh))!important;grid-template-columns:minmax(6.4rem,42vw) minmax(8rem,1fr)!important}}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game) .card-frame[data-hh-metric-surface=list]{--hh-card-stat-inset:var(--hh-card-inset-measured,3px);isolation:isolate!important;position:relative!important;overflow:visible!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game) .card-frame[data-hh-metric-surface=list]>.original-card{z-index:1!important;position:relative!important;overflow:visible!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game) .card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game) .card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after{box-sizing:border-box!important;width:var(--hh-card-stat-size)!important;height:var(--hh-card-stat-size)!important;aspect-ratio:1!important;color:#fffaf0!important;-webkit-text-fill-color:#fffaf0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;font:950 var(--hh-card-atk-font)/1 system-ui,sans-serif!important;font-variant-numeric:tabular-nums!important;-webkit-font-smoothing:antialiased!important;-webkit-text-stroke:clamp(.4px,.055em,.8px) #000000fa!important;paint-order:stroke fill!important;text-shadow:0 0 .12rem #000000f2!important;pointer-events:none!important;z-index:55!important;border:1px solid #e7cc91f0!important;border-radius:50%!important;place-items:center!important;margin:0!important;padding:0!important;display:grid!important;position:absolute!important;transform:translate(0,0)scale(1)!important;box-shadow:0 0 0 1px #0e0a07f5,inset 0 0 0 1px #ffeebf40,0 .06rem .16rem #000000c7!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game) .card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before{content:attr(data-hh-zone-atk)!important;left:calc(var(--hh-card-face-left,0px) + var(--hh-card-stat-inset,3px))!important;top:auto!important;right:auto!important;bottom:calc(var(--hh-card-face-bottom,0px) + var(--hh-card-stat-inset,3px))!important;background:radial-gradient(circle at 34% 24%,#fff4cfeb 0 7%,#0000 8% 100%),radial-gradient(circle at 42% 34%,#c99a57 0 23%,#91602f 47%,#503018 73%,#201108 100%)!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game) .card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after{content:attr(data-hh-zone-hp)!important;right:calc(var(--hh-card-face-right,0px) + var(--hh-card-stat-inset,3px))!important;top:auto!important;left:auto!important;bottom:calc(var(--hh-card-face-bottom,0px) + var(--hh-card-stat-inset,3px))!important;font-size:var(--hh-card-hp-font)!important;background:radial-gradient(circle at 34% 24%,#ffe8ddeb 0 7%,#0000 8% 100%),radial-gradient(circle at 42% 34%,#ce6d61 0 23%,#973f42 47%,#57202a 73%,#210a10 100%)!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game) .card-frame[data-hh-metric-surface=list]>.original-card[data-hh-zone-cost]:before{content:attr(data-hh-zone-cost)!important;box-sizing:border-box!important;width:var(--hh-card-cost-size)!important;height:var(--hh-card-cost-size)!important;color:#fffaf0!important;-webkit-text-fill-color:#fffaf0!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;font:950 var(--hh-card-cost-font)/1 system-ui,sans-serif!important;font-variant-numeric:tabular-nums!important;-webkit-text-stroke:.55px #000000fa!important;paint-order:stroke fill!important;text-shadow:0 0 .12rem #000000f2!important;pointer-events:none!important;z-index:54!important;background:radial-gradient(circle at 35% 27%,#e7fcff 0 9%,#0000 10% 100%),radial-gradient(circle at 40% 34%,#4e9ab3 0 26%,#2f718b 46%,#153a4d 70%,#091a24 100%)!important;border:1px solid #b5e6f1e6!important;border-radius:50%!important;place-items:center!important;margin:0!important;padding:0!important;display:grid!important;position:absolute!important;inset:0 auto auto 0!important;transform:translate(-50%,-50%)!important;box-shadow:inset 0 0 0 1px #e8fcff40,0 .06rem .16rem #000000b8!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game) .card-frame[data-hh-metric-surface=list]>.original-card>:is(.live-atk,.live-hp,.hh-hand-atk,.hh-hand-hp,.effective-cost){display:none!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card>:is(.live-atk,.live-hp){--hh-card-stat-inset:var(--hh-card-inset-measured,3px);top:auto!important;bottom:var(--hh-card-stat-inset)!important;transform:translate(0,0)scale(1)!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card>.live-atk{left:var(--hh-card-stat-inset)!important;right:auto!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card>.live-hp{right:var(--hh-card-stat-inset)!important;left:auto!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame>.collection-copy-count{top:calc(var(--hh-card-face-top,0px) + var(--hh-card-inset-measured,3px))!important;right:calc(var(--hh-card-face-right,0px) + var(--hh-card-inset-measured,3px))!important;z-index:100!important;pointer-events:none!important;position:absolute!important;bottom:auto!important;left:auto!important;transform:translateZ(0)!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame:has(.original-card:is(:hover,:focus-visible,:active)){z-index:20!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame>.original-card:is(:hover,:focus-visible,:active){transform:none!important}html body main.hh-app.screen-decks .collection-lists .card-library{gap:clamp(.85rem,1.2vw,1.15rem)!important;padding:clamp(.9rem,1.5vw,1.25rem)!important;scroll-padding:clamp(.9rem,1.5vw,1.25rem)!important}@media (max-width:48rem){html body main.hh-app.screen-decks .collection-lists .card-library{grid-template-columns:repeat(auto-fill,minmax(clamp(3.8rem,18vw,4.8rem),1fr))!important}}
html body .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]{container-type:inline-size!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame.card-frame[data-hh-metric-surface=hand][data-hh-metric-surface]>.original-card[data-hh-hand-cost]:before{width:27.77%!important;height:19.32%!important;top:1.5%!important;left:1.5%!important;block-size:19.32%!important;inline-size:27.77%!important;font-size:17.27cqi!important;inset-block-start:1.5%!important;inset-inline-start:1.5%!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame.card-frame[data-hh-metric-surface=hand][data-hh-metric-surface]>.original-card>:is(.hh-hand-atk,.hh-hand-hp){width:26.57%!important;height:19.32%!important;bottom:1.5%!important;block-size:19.32%!important;inline-size:26.57%!important;font-size:16.91cqi!important;inset-block-end:1.5%!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame.card-frame[data-hh-metric-surface=hand][data-hh-metric-surface]>.original-card>.hh-hand-atk{left:1.5%!important;right:auto!important;inset-inline:1.5% auto!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame.card-frame[data-hh-metric-surface=hand][data-hh-metric-surface]>.original-card>.hh-hand-hp{left:auto!important;right:1.5%!important;inset-inline:auto 1.5%!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame.card-frame[data-hh-metric-surface=field][data-hh-metric-surface]>.original-card[data-hh-field-cost]:before{width:25.36%!important;height:19.32%!important;top:1.5%!important;left:1.5%!important;block-size:19.32%!important;inline-size:25.36%!important;font-size:16.18cqi!important;inset-block-start:1.5%!important;inset-inline-start:1.5%!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame.card-frame[data-hh-metric-surface=field][data-hh-metric-surface]>.original-card>:is(.live-atk,.live-hp){width:28.98%!important;height:19.32%!important;bottom:1.5%!important;block-size:19.32%!important;inline-size:28.98%!important;font-size:17.51cqi!important;inset-block-end:1.5%!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame.card-frame[data-hh-metric-surface=field][data-hh-metric-surface]>.original-card>.live-atk{left:1.5%!important;right:auto!important;inset-inline:1.5% auto!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame.card-frame[data-hh-metric-surface=field][data-hh-metric-surface]>.original-card>.live-hp{left:auto!important;right:1.5%!important;inset-inline:auto 1.5%!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface=list][data-hh-metric-surface]>.original-card[data-hh-zone-cost]:before{width:27.77%!important;height:19.32%!important;top:1.5%!important;left:1.5%!important;block-size:19.32%!important;inline-size:27.77%!important;font-size:17.27cqi!important;inset-block-start:1.5%!important;inset-inline-start:1.5%!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface=list][data-hh-metric-surface][data-hh-zone-atk]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface=list][data-hh-metric-surface][data-hh-zone-hp]:after{width:26.57%!important;height:19.32%!important;block-size:19.32%!important;inline-size:26.57%!important;bottom:calc(var(--hh-card-face-bottom,0px) + 1.5%)!important;font-size:16.91cqi!important;inset-block-end:calc(var(--hh-card-face-bottom,0px) + 1.5%)!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface=list][data-hh-metric-surface][data-hh-zone-atk]:before{left:calc(var(--hh-card-face-left,0px) + 1.5%)!important;right:auto!important;inset-inline-start:calc(var(--hh-card-face-left,0px) + 1.5%)!important;inset-inline-end:auto!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface=list][data-hh-metric-surface][data-hh-zone-hp]:after{right:calc(var(--hh-card-face-right,0px) + 1.5%)!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:calc(var(--hh-card-face-right,0px) + 1.5%)!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .paired-field .card-frame.card-frame[data-unit-id]{--hh-field-effect-size:16.5cqi!important;--keyword-icon-size:var(--hh-field-effect-size)!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board :is(.paired-field .field-slot,.terrain-slot)>.card-frame.card-frame[data-unit-id]>.field-negative-statuses{left:calc(var(--hh-field-effect-size) * -.78)!important;right:auto!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board :is(.paired-field .field-slot,.terrain-slot)>.card-frame.card-frame[data-unit-id]>.field-keywords{right:calc(var(--hh-field-effect-size) * -.78)!important;left:auto!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .paired-field .card-frame.card-frame[data-unit-id]>:is(.card-frame-marker,.card-frame-activation,.summoning-sickness-badge),html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .paired-field .card-frame.card-frame[data-unit-id]>:is(.field-keywords,.field-negative-statuses)>*{inline-size:var(--hh-field-effect-size)!important;block-size:var(--hh-field-effect-size)!important;width:var(--hh-field-effect-size)!important;height:var(--hh-field-effect-size)!important;padding:0!important;overflow:visible!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .paired-field .card-frame.card-frame[data-unit-id]>:is(.card-frame-marker,.card-frame-activation,.summoning-sickness-badge)>:is(svg,img),html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .paired-field .card-frame.card-frame[data-unit-id]>:is(.field-keywords,.field-negative-statuses)>*>:is(svg,img){block-size:94%!important;inline-size:94%!important;transform-origin:50%!important;object-fit:contain!important;width:94%!important;max-width:none!important;height:94%!important;max-height:none!important;margin:0!important;transform:none!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .paired-field .card-frame.card-frame[data-unit-id]>:is(.card-frame-activation,.summoning-sickness-badge),html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .paired-field .card-frame.card-frame[data-unit-id]>:is(.field-keywords,.field-negative-statuses)>:is(i,button){letter-spacing:0!important;text-align:center!important;box-sizing:border-box!important;border-width:1px!important;border-radius:50%!important;place-items:center!important;font-family:system-ui,-apple-system,Segoe UI Symbol,sans-serif!important;font-size:14.1cqi!important;font-style:normal!important;font-weight:850!important;line-height:1!important;display:grid!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .paired-field .card-frame.card-frame[data-unit-id]>:is(.field-keywords,.field-negative-statuses)>.hh-status-overflow-trigger>.hh-status-overflow-count{font-size:var(--hh-status-overflow-count-font,clamp(.45rem,min(.62cqw,1cqh),.7rem))!important}html body .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]>.original-card[data-hh-hand-cost]:before,html body .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]>.original-card[data-hh-field-cost]:before,html body .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]>.original-card[data-hh-zone-cost]:before,html body .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]>.original-card>:is(.hh-hand-atk,.hh-hand-hp,.live-atk,.live-hp){max-width:28.98%!important;max-height:19.32%!important;transform:translate(0,0)!important}
html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface]{isolation:isolate!important;position:relative!important;overflow:visible!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface]>.original-card{position:relative!important;overflow:visible!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface]>.original-card.effect-active{outline-offset:1px!important;outline:2px solid #b348ffeb!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list]>.original-card[data-hh-zone-cost]:before,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card[data-hh-field-cost]:before,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=hand]>.original-card[data-hh-hand-cost]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card>:is(.live-atk,.live-hp),html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=hand]>.original-card>:is(.hh-hand-atk,.hh-hand-hp){box-sizing:border-box!important;aspect-ratio:1!important;color:#fffaf0!important;-webkit-text-fill-color:#fffaf0!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important;text-align:center!important;-webkit-font-smoothing:antialiased!important;-webkit-text-stroke:clamp(.4px,.055em,.8px) #000000fa!important;paint-order:stroke fill!important;text-shadow:-.7px 0 #000,.7px 0 #000,0 -.7px #000,0 .7px #000,0 0 .12rem #000000f2!important;pointer-events:none!important;border-radius:50%!important;place-items:center!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;font-family:system-ui,-apple-system,Segoe UI,sans-serif!important;font-style:normal!important;font-weight:950!important;line-height:1!important;display:grid!important;position:absolute!important;transform:translate(0,0)rotate(0)scale(1)!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list]>.original-card[data-hh-zone-cost]:before,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card[data-hh-field-cost]:before,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=hand]>.original-card[data-hh-hand-cost]:before{inset:var(--hh-card-inset-measured,2px) auto auto var(--hh-card-inset-measured,2px)!important;top:var(--hh-card-inset-measured,2px)!important;left:var(--hh-card-inset-measured,2px)!important;bottom:auto!important;right:auto!important;width:var(--hh-card-cost-size,1.25rem)!important;height:var(--hh-card-cost-size,1.25rem)!important;inline-size:var(--hh-card-cost-size,1.25rem)!important;block-size:var(--hh-card-cost-size,1.25rem)!important;filter:none!important;font-size:var(--hh-card-cost-font,.8rem)!important;z-index:54!important;background-color:#0000!important;background-image:radial-gradient(circle at 35% 27%,#e7fcff 0 9%,#0000 10% 100%),radial-gradient(circle at 40% 34%,#4e9ab3 0 26%,#2f718b 46%,#153a4d 70%,#091a24 100%)!important;background-position:0 0,0 0!important;background-repeat:repeat,repeat!important;background-size:auto,auto!important;background-attachment:scroll,scroll!important;background-origin:padding-box,padding-box!important;background-clip:border-box!important;border:1px solid #b5e6f1e6!important;animation:none!important;inset-block-start:var(--hh-card-inset-measured,2px)!important;inset-block-end:auto!important;inset-inline-start:var(--hh-card-inset-measured,2px)!important;inset-inline-end:auto!important;box-shadow:inset 0 0 0 1px #e8fcff40,inset 0 .07rem .13rem #ffffff24,inset 0 -.1rem .17rem #0000006b!important;-webkit-mask:none!important;mask:none!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list]>.original-card[data-hh-zone-cost]:before{content:attr(data-hh-zone-cost)!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card[data-hh-field-cost]:before{content:attr(data-hh-field-cost)!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=hand]>.original-card[data-hh-hand-cost]:before{content:attr(data-hh-hand-cost)!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card>:is(.live-atk,.live-hp),html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=hand]>.original-card>:is(.hh-hand-atk,.hh-hand-hp){width:var(--hh-card-stat-size,1.25rem)!important;height:var(--hh-card-stat-size,1.25rem)!important;inline-size:var(--hh-card-stat-size,1.25rem)!important;block-size:var(--hh-card-stat-size,1.25rem)!important;top:auto!important;inset-block-start:auto!important;bottom:calc(var(--hh-card-face-bottom,0px) + var(--hh-card-inset-measured,2px))!important;z-index:55!important;border:1px solid #e7cc91f0!important;inset-block-end:calc(var(--hh-card-face-bottom,0px) + var(--hh-card-inset-measured,2px))!important;box-shadow:inset 0 0 0 1px #ffeebf40,inset 0 .08rem .14rem #ffffff21,inset 0 -.11rem .18rem #00000080!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card>.live-atk,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=hand]>.original-card>.hh-hand-atk{left:calc(var(--hh-card-face-left,0px) + var(--hh-card-inset-measured,2px))!important;right:auto!important;font-size:var(--hh-card-atk-font,.8rem)!important;background:radial-gradient(circle at 34% 24%,#fff4cfeb 0 7%,#0000 8% 100%),radial-gradient(circle at 42% 34%,#c99a57 0 23%,#91602f 47%,#503018 73%,#201108 100%)!important;inset-inline-start:calc(var(--hh-card-face-left,0px) + var(--hh-card-inset-measured,2px))!important;inset-inline-end:auto!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card>.live-hp,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=hand]>.original-card>.hh-hand-hp{right:calc(var(--hh-card-face-right,0px) + var(--hh-card-inset-measured,2px))!important;left:auto!important;font-size:var(--hh-card-hp-font,.8rem)!important;background:radial-gradient(circle at 34% 24%,#ffe8ddeb 0 7%,#0000 8% 100%),radial-gradient(circle at 42% 34%,#ce6d61 0 23%,#973f42 47%,#57202a 73%,#210a10 100%)!important;inset-inline-start:auto!important;inset-inline-end:calc(var(--hh-card-face-right,0px) + var(--hh-card-inset-measured,2px))!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before{content:attr(data-hh-zone-atk)!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after{content:attr(data-hh-zone-hp)!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface=list]>.original-card>:is(.live-atk,.live-hp,.hh-hand-atk,.hh-hand-hp,.effective-cost),html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=field]>.original-card>.effective-cost,html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board .card-frame[data-hh-metric-surface=hand]>.original-card>:is(.live-atk,.live-hp,.effective-cost,.hh-hand-cost){display:none!important}html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame[data-hh-metric-surface]>.original-card[data-hh-metric-image=true]:before{content:none!important;display:none!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]{z-index:0}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]>.original-card{z-index:1!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]>.collection-copy-count{top:var(--hh-card-face-top,0px)!important;right:var(--hh-card-face-right,0px)!important;bottom:auto!important;left:auto!important;z-index:100!important;pointer-events:none!important;position:absolute!important;inset-block-start:var(--hh-card-face-top,0px)!important;inset-block-end:auto!important;inset-inline-start:auto!important;inset-inline-end:var(--hh-card-face-right,0px)!important;transform:translate(50%,-50%)translate(0,0)scale(1)!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]:has(.original-card:is(:hover,:focus-visible,:active)){z-index:20!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]>.original-card:is(:hover,:focus-visible,:active){transform:none!important}html body main.hh-app.screen-decks .collection-lists .card-library{gap:clamp(.85rem,1.2vw,1.15rem)!important;padding:clamp(1rem,1.6vw,1.4rem)!important;scroll-padding:clamp(1rem,1.6vw,1.4rem)!important}html body :is(.visual-card-choice-grid,.search-card-grid,.extra-card-grid,.grave-card-grid){scroll-padding:.75rem;overflow-x:auto}html body :is(.visual-card-choice-grid,.search-card-grid,.extra-card-grid,.grave-card-grid)>:has(.card-frame[data-hh-metric-surface=list]){overflow:visible!important}@media (max-width:48rem),(pointer:coarse){html body main.hh-app.screen-decks .collection-lists .card-library{gap:clamp(.7rem,2vw,1rem)!important;padding:clamp(.8rem,2.5vw,1.1rem)!important}}html body .screen-game :is(.paired-field,.terrain-slot) .card-frame[data-unit-id]{--hh-field-side-effect-gap:2px!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board :is(.paired-field,.terrain-slot) .card-frame[data-hh-metric-surface=field][data-unit-id]>.field-negative-statuses{left:calc(0px - var(--hh-card-effect-size) - var(--hh-field-side-effect-gap))!important;right:auto!important;inset-inline-start:calc(0px - var(--hh-card-effect-size) - var(--hh-field-side-effect-gap))!important;inset-inline-end:auto!important}html body main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board :is(.paired-field,.terrain-slot) .card-frame[data-hh-metric-surface=field][data-unit-id]>.field-keywords{right:calc(0px - var(--hh-card-effect-size) - var(--hh-field-side-effect-gap))!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:calc(0px - var(--hh-card-effect-size) - var(--hh-field-side-effect-gap))!important}html body .screen-game .paired-field .card-frame[data-unit-id]>:is(.field-keywords,.field-negative-statuses)>i{-webkit-text-stroke:0!important;box-shadow:none!important;font-size:calc(var(--hh-field-effect-size)*.62)!important;background:0 0!important;border:0!important;outline:0!important}html body .screen-game .paired-field .card-frame[data-unit-id]>.field-keywords>i{color:#79dcf3!important;border-color:#48bdd0!important}html body .screen-game .paired-field .card-frame[data-unit-id]>.field-negative-statuses>i[data-status=Sufocado]{color:#d8a9ff!important;background:#321d43ee!important;border-color:#a86cce!important}html body .screen-game .paired-field .card-frame[data-unit-id]>.field-negative-statuses>i[data-status=Congelado]{color:#8eeaff!important;background:#12394aee!important;border-color:#4ec9ec!important}html body .screen-game .paired-field .card-frame[data-unit-id]>.field-negative-statuses>i[data-status=Atordoado]{color:#ffe18a!important;background:#4b3515ee!important;border-color:#e3ab42!important}html body .screen-game .paired-field .card-frame[data-unit-id]>.field-negative-statuses>i[data-status=Imobilizado]{color:#d8e2ed!important;background:#263746ee!important;border-color:#91a8bd!important}html body .screen-game .card-frame[data-unit-id]>.card-frame-marker[data-marker-count]{block-size:1rem!important;inline-size:max-content!important;width:max-content!important;height:1rem!important;aspect-ratio:auto!important;-webkit-text-stroke:0!important;text-shadow:0 0 .04rem #000!important;min-block-size:1rem!important;min-inline-size:.9rem!important;padding-inline:.14rem!important;font-size:clamp(.45rem,6.4cqi,.62rem)!important}
html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]>.original-card[data-hh-hand-cost]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]>.original-card[data-hh-field-cost]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]>.original-card[data-hh-zone-cost]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface][data-hh-metric-surface]>.original-card>:is(.hh-hand-atk,.hh-hand-hp,.live-atk,.live-hp),html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface=list][data-hh-zone-atk]:before,html body :is(main.hh-app,main.hh-app.screen-game.screen-game.screen-game.screen-game.screen-game .game-stage>.game-content.hs-board,[data-floating-ui-portal],[role=dialog]) .card-frame.card-frame[data-hh-metric-surface=list][data-hh-zone-hp]:after{font-variant-numeric:tabular-nums!important;-webkit-text-stroke:.16em #000!important;paint-order:stroke fill!important;text-shadow:-.055em 0 #000,.055em 0 #000,0 -.055em #000,0 .055em #000,0 0 .06em #000!important;text-rendering:geometricprecision!important;-webkit-font-smoothing:antialiased!important;font-weight:950!important}
html body main.hh-app.screen-decks .collection-lists .card-library{box-sizing:border-box!important;gap:clamp(.85rem,1.2vw,1.15rem)!important;padding:clamp(1.25rem,2vw,1.5rem)!important;scroll-padding:clamp(1.25rem,2vw,1.5rem)!important;overflow:hidden auto!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame{content-visibility:visible!important;contain:none!important;position:relative!important;overflow:visible!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]>.original-card{overflow:visible!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame[data-hh-metric-surface=list]>.collection-copy-count{top:var(--hh-card-face-top,0px)!important;right:var(--hh-card-face-right,0px)!important;bottom:auto!important;left:auto!important;box-sizing:border-box!important;aspect-ratio:auto!important;white-space:nowrap!important;z-index:100!important;pointer-events:none!important;width:max-content!important;min-width:1.25rem!important;max-width:none!important;height:auto!important;min-height:1.25rem!important;padding:.18rem .3rem!important;position:absolute!important;inset-block-start:var(--hh-card-face-top,0px)!important;inset-block-end:auto!important;inset-inline-start:auto!important;inset-inline-end:var(--hh-card-face-right,0px)!important;transform:translate(50%,-50%)translate(0,0)rotate(0)scale(1)!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame:has(>.original-card:is(:hover,:focus-visible,:active)){z-index:20!important}html body main.hh-app.screen-decks .collection-lists .card-library>.card-frame>.original-card:is(:hover,:focus-visible,:active){transform:none!important}@media (max-width:48rem),(pointer:coarse){html body main.hh-app.screen-decks .collection-lists .card-library{gap:clamp(.85rem,2vw,1rem)!important;padding:clamp(1rem,2.5vw,1.25rem)!important;scroll-padding:clamp(1rem,2.5vw,1.25rem)!important}}
html body .tutorial-screen .tutorial-board-visual.hh-tutorial-current-board{aspect-ratio:auto!important;background:#06171c!important;border:1px solid #cd972fb8!important;border-radius:clamp(.45rem,.75cqw,.8rem)!important;width:100%!important;min-height:0!important;margin:0!important;display:block!important;position:relative!important;overflow:hidden!important;box-shadow:0 .45rem 1.4rem #00000052!important;container-type:inline-size!important}html body .tutorial-screen .hh-tutorial-board-screenshot{object-fit:contain;width:100%;height:auto;display:block}html body .tutorial-screen .hh-tutorial-current-board figcaption{z-index:2;color:#f0ce72;letter-spacing:.08em;white-space:nowrap;background:#030c10d1;border:1px solid #e2ba519e;border-radius:999px;padding:.42em .8em;font:800 clamp(.48rem,1cqw,.78rem)/1 system-ui,sans-serif;position:absolute;top:clamp(.35rem,.8cqw,.7rem);left:50%;translate:-50%}html body .tutorial-screen .hh-tutorial-board-hotspots{pointer-events:none;position:absolute;inset:0}html body .tutorial-screen .hh-tutorial-board-hotspots i{z-index:3;aspect-ratio:1;color:#fff2bd;background:#08171ee8;border:2px solid #f5d06b;border-radius:50%;place-items:center;width:clamp(1.25rem,2.5cqw,2rem);font:900 clamp(.62rem,1.25cqw,1rem)/1 system-ui,sans-serif;display:grid;position:absolute;box-shadow:0 0 0 .2rem #030c1094,0 0 1rem #efbe4573}html body .tutorial-screen .hh-tutorial-board-hotspots .opponent-support{top:22%;left:27%}html body .tutorial-screen .hh-tutorial-board-hotspots .opponent-creature{top:36%;left:27%}html body .tutorial-screen .hh-tutorial-board-hotspots .opponent-terrain{top:29%;left:21%}html body .tutorial-screen .hh-tutorial-board-hotspots .player-creature{top:55%;left:27%}html body .tutorial-screen .hh-tutorial-board-hotspots .player-support{top:69%;left:27%}html body .tutorial-screen .hh-tutorial-board-hotspots .player-terrain{top:62%;left:21%}@media (max-width:720px){html body .tutorial-screen .hh-tutorial-current-board figcaption{left:auto;right:.4rem;translate:0}}
html body .tutorial-screen .tutorial-board-hand{justify-content:center!important;align-items:flex-end!important;gap:0!important;display:flex!important;overflow:visible!important}html body .tutorial-screen .tutorial-board-hand>i{aspect-ratio:5/7!important;flex:0 0 clamp(.48rem,1.22cqw,.8rem)!important;width:clamp(.48rem,1.22cqw,.8rem)!important;margin-inline-start:clamp(-.34rem,-.48cqw,-.18rem)!important;transform:none!important}html body .tutorial-screen .tutorial-board-hand>i:first-child{margin-inline-start:0!important}html body .tutorial-screen .tutorial-hand-current{background:linear-gradient(145deg,#0b1c22f0,#060d13f5);border:1px solid #dfbf6f47;border-radius:clamp(.65rem,1.2cqw,.95rem);grid-template-columns:minmax(15rem,.92fr) minmax(16rem,1.08fr);align-items:center;gap:clamp(.85rem,2.2cqw,1.55rem);margin:clamp(1rem,2.5cqh,1.6rem) 0;padding:clamp(.85rem,2cqw,1.35rem);display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08;container-type:inline-size}html body .tutorial-screen .tutorial-hand-demo{isolation:isolate;justify-content:center;align-items:flex-end;min-width:0;min-height:clamp(10rem,30cqi,15rem);padding:clamp(.65rem,2cqi,1.1rem) clamp(1rem,4cqi,2rem);display:flex;overflow:visible}html body .tutorial-screen .tutorial-hand-demo-card{aspect-ratio:5/7;transform-origin:50% 100%;filter:brightness(.84)saturate(.88);z-index:1;flex:0 0 clamp(4.4rem,21cqi,7rem);width:clamp(4.4rem,21cqi,7rem);margin-inline-start:clamp(-2.35rem,-7.5cqi,-1.25rem);position:relative}html body .tutorial-screen .tutorial-hand-demo-card:first-child{margin-inline-start:0}html body .tutorial-screen .tutorial-hand-demo-card.is-active{z-index:12;filter:drop-shadow(0 .65rem .7rem #00000094);transform:translateY(clamp(-1.45rem,-4.5cqi,-.72rem))scale(1.08)}html body .tutorial-screen .tutorial-hand-demo-card>.tutorial-card-art{aspect-ratio:5/7!important;object-fit:contain!important;width:100%!important;min-width:0!important;max-width:none!important;height:100%!important}html body .tutorial-screen .tutorial-hand-demo-card>i{aspect-ratio:1;color:#fff9e7;text-shadow:0 1px 1px #000;z-index:8;border:1px solid #fff4d2c7;border-radius:50%;place-items:center;width:clamp(1.05rem,5.6cqi,1.48rem);font:950 clamp(.6rem,3.1cqi,.86rem)/1 system-ui,sans-serif;display:grid;position:absolute;box-shadow:inset 0 0 .3rem #ffffff21,0 .1rem .25rem #000000ad}html body .tutorial-screen .tutorial-hand-demo-card>i.is-cost{background:radial-gradient(circle at 35% 28%,#dffaff,#347e98 34%,#102b3b 72%);top:4%;left:4%}html body .tutorial-screen .tutorial-hand-demo-card>i.is-atk{background:radial-gradient(circle at 35% 28%,#fff0b6,#b7762f 34%,#5f301a 72%);bottom:4%;left:4%}html body .tutorial-screen .tutorial-hand-demo-card>i.is-hp{background:radial-gradient(circle at 35% 28%,#ffc8bd,#a9443d 34%,#5f1e24 72%);bottom:4%;right:4%}html body .tutorial-screen .tutorial-hand-copy{min-width:0}html body .tutorial-screen .tutorial-hand-copy>span{color:#d9b85f;letter-spacing:.12em;font:900 clamp(.62rem,1.45cqi,.78rem)/1 system-ui,sans-serif}html body .tutorial-screen .tutorial-hand-copy>h3{color:#fff1cf;margin:clamp(.35rem,.8cqi,.55rem) 0;font-size:clamp(1rem,3cqi,1.45rem);line-height:1.08}html body .tutorial-screen .tutorial-hand-copy>p{color:#c8d1d7;margin:0;font-size:clamp(.72rem,1.75cqi,.9rem);line-height:1.48}html body .tutorial-screen .tutorial-hand-copy>ul{gap:clamp(.35rem,.8cqi,.55rem);margin:clamp(.7rem,1.5cqi,.95rem) 0 0;padding:0;list-style:none;display:grid}html body .tutorial-screen .tutorial-hand-copy>ul>li{color:#aebbc3;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:clamp(.45rem,1cqi,.65rem);font-size:clamp(.66rem,1.55cqi,.82rem);display:grid}html body .tutorial-screen .tutorial-hand-copy>ul b{color:#efd07c}html body .tutorial-screen .tutorial-ai-thinking-note{color:#d7e2e7;background:#05181ff5;border:1px solid #deb34b7a;border-radius:999px;align-items:center;gap:clamp(.7rem,1.4cqw,1rem);width:max-content;max-width:min(100%,43rem);margin:clamp(1rem,2.2cqh,1.5rem) auto 0;padding:clamp(.65rem,1.2cqw,.9rem) clamp(.8rem,1.55cqw,1.15rem);display:flex;box-shadow:0 .45rem 1rem #00000047}html body .tutorial-screen .tutorial-ai-thinking-note>i{aspect-ratio:1;border:2px solid #efcd6f57;border-top-color:#efd06f;border-radius:50%;flex:0 0 clamp(.65rem,1.2cqw,.82rem);width:clamp(.65rem,1.2cqw,.82rem);animation:.9s linear infinite hhTutorialAiSpin}html body .tutorial-screen .tutorial-ai-thinking-note>div{gap:.12rem;min-width:0;display:grid}html body .tutorial-screen .tutorial-ai-thinking-note b{color:#f0d27d;font-size:clamp(.72rem,1.2cqw,.88rem)}html body .tutorial-screen .tutorial-ai-thinking-note span{color:#c6d1d7;font-size:clamp(.65rem,1cqw,.8rem);line-height:1.32}@keyframes hhTutorialAiSpin{to{transform:rotate(360deg)}}@media (max-width:56rem){html body .tutorial-screen .tutorial-hand-current{grid-template-columns:minmax(0,1fr)}html body .tutorial-screen .tutorial-hand-demo{min-height:clamp(9rem,42vw,13rem)}html body .tutorial-screen .tutorial-hand-demo-card{flex-basis:clamp(3.8rem,18vw,5.8rem);width:clamp(3.8rem,18vw,5.8rem);margin-inline-start:clamp(-2rem,-6vw,-1rem)}html body .tutorial-screen .tutorial-ai-thinking-note{border-radius:clamp(.65rem,2vw,.9rem);width:auto}}@media (orientation:landscape) and (hover:none) and (pointer:coarse){html body .tutorial-screen .tutorial-hand-current{grid-template-columns:minmax(12rem,.85fr) minmax(15rem,1.15fr);gap:clamp(.65rem,1.6dvw,1rem);padding:clamp(.65rem,1.2dvh,.9rem)}html body .tutorial-screen .tutorial-hand-demo{min-height:clamp(7.5rem,32dvh,10.5rem)}html body .tutorial-screen .tutorial-hand-demo-card{flex-basis:clamp(3.2rem,9dvh,4.6rem);width:clamp(3.2rem,9dvh,4.6rem);margin-inline-start:clamp(-1.55rem,-3.6dvw,-.75rem)}html body .tutorial-screen .tutorial-hand-copy>h3{font-size:clamp(.85rem,2.5dvh,1.15rem)}html body .tutorial-screen .tutorial-hand-copy>p,html body .tutorial-screen .tutorial-hand-copy>ul>li{font-size:clamp(.58rem,1.65dvh,.72rem)}}@media (prefers-reduced-motion:reduce){html body .tutorial-screen .tutorial-ai-thinking-note>i{animation:none}}
.original-card,.remote-card-art:not([data-hh-art-display-ready=true]){background-color:#101827!important;background-image:url(/cards/card-back-hemsfell.webp)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:100% 100%!important}.original-card>.remote-card-art:not([data-hh-art-display-ready=true]){opacity:0!important}img.remote-card-art:not([data-hh-art-display-ready=true]){color:#0000!important;font-size:0!important}