.hw-screen{flex:1 0 auto;align-content:start;display:grid}.hw-screen.is-pending{pointer-events:none}.hw-menu{min-height:100svh;flex-direction:column;min-height:100dvh;display:flex}.hw-menu-play{flex-direction:column;flex:1 0 auto;display:flex}.hw-hud{background:var(--hw-bug);color:var(--hw-on-bug);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id tools""record record";padding-block-start:env(safe-area-inset-top,0px);display:grid}.hw-hud-id{align-items:center;gap:var(--hw-space-3);min-width:0;min-height:72px;padding:var(--hw-space-3) var(--hw-space-2) var(--hw-space-3) max(var(--hw-gutter), env(safe-area-inset-left));background:var(--hw-bug);color:var(--hw-on-bug);text-align:start;transition:scale var(--hw-dur-press) ease-out;border:0;grid-area:id;display:flex}button.hw-hud-id:active{scale:var(--hw-press-scale-card);background:var(--hw-bug-hover)}.hw-hud-face{border:var(--hw-rule-court) solid var(--hw-bug-line);width:48px;height:48px;color:var(--hw-on-bug-muted);flex:none;place-items:center;display:grid}img.hw-hud-face{padding:var(--hw-space-1);background:var(--hw-surface)}.hw-hud-who{min-width:0;display:grid}.hw-hud-name{font:700 var(--hw-text-btn) / var(--hw-lh-tight) var(--hw-font-display);text-transform:uppercase;letter-spacing:var(--hw-track-caps)}.hw-hud-email{text-overflow:ellipsis;white-space:nowrap;font:700 var(--hw-text-base) / var(--hw-lh-body) var(--hw-font-body);overflow:hidden}.hw-hud-line{align-items:center;gap:var(--hw-space-1);text-overflow:ellipsis;white-space:nowrap;min-width:0;font:400 var(--hw-text-sm) / var(--hw-lh-body) var(--hw-font-body);color:var(--hw-on-bug-muted);display:flex;overflow:hidden}.hw-hud-line svg{flex:none}.hw-hud-tools{grid-area:tools;align-items:center;padding-inline-end:max(var(--hw-space-2), env(safe-area-inset-right));display:flex}.hw-hud .hw-textbtn{color:var(--hw-on-bug)}.hw-hud-record{border-block-start:var(--hw-rule) solid var(--hw-bug-line);grid-area:record;grid-template-columns:auto minmax(0,1fr) auto;margin:0;display:grid}.hw-hud-record>button{align-content:center;gap:var(--hw-space-1);min-width:0;min-height:var(--hw-target);padding:var(--hw-space-2) var(--hw-space-4);background:var(--hw-bug);color:var(--hw-on-bug);border:0;border-inline-start:var(--hw-rule) solid var(--hw-bug-line);text-align:start;cursor:pointer;display:grid}.hw-hud-record>button:first-child{border-inline-start:0}.hw-hud-record>button:active{background:var(--hw-bug-hover)}.hw-hud-record .k{font:600 var(--hw-text-xs) / var(--hw-lh-tight) var(--hw-font-display);text-transform:uppercase;letter-spacing:var(--hw-track-caps);color:var(--hw-on-bug-muted)}.hw-hud-record .v{font:700 var(--hw-text-lg) / var(--hw-lh-tight) var(--hw-font-display);font-variant-numeric:tabular-nums lining-nums}.hw-hud-record .is-word .v{line-height:calc(var(--hw-text-lg) * var(--hw-lh-tight));text-overflow:ellipsis;white-space:nowrap;font-size:var(--hw-text-btn);text-transform:uppercase;letter-spacing:var(--hw-track-caps);overflow:hidden}@media (hover:hover){button.hw-hud-id:hover,.hw-hud-record>button:hover,.hw-hud .hw-textbtn:hover{background:var(--hw-bug-hover)}}.hw-menu-stage{isolation:isolate;align-content:center;justify-items:center;gap:var(--hw-space-3);padding:var(--hw-space-5) var(--hw-gutter);text-align:center;flex:1 0 auto;display:grid;position:relative;overflow:hidden}.hw-menu-circle{z-index:-1;fill:none;width:100%;height:320px;stroke:var(--hw-line-floor);stroke-width:var(--hw-rule-court);position:absolute;inset-block-start:50%;inset-inline:0;overflow:visible;translate:0 -50%}.hw-menu-lockup{align-items:center;gap:var(--hw-space-3);padding:var(--hw-space-2) var(--hw-space-3);background:var(--hw-floor);display:flex}.hw-menu-lockup .hw-ball{aspect-ratio:67/88.5;width:min(58px,15vw);height:auto}.hw-menu-lockup h1{width:min-content;font:800 min(var(--hw-text-score), 18.5vw) / var(--hw-lh-display) var(--hw-font-display);text-transform:uppercase;text-align:start}.hw-tagplate{background:var(--hw-fill-strong);color:var(--hw-surface);font:700 var(--hw-text-btn) / var(--hw-lh-tight) var(--hw-font-display);text-transform:uppercase;letter-spacing:var(--hw-track-caps);padding:var(--hw-space-2) var(--hw-space-3)}.hw-menu-stage>.hw-label{order:3;justify-self:center}.hw-menu-rows{gap:var(--hw-space-2);padding:0 max(var(--hw-gutter), env(safe-area-inset-right)) var(--hw-space-4) max(var(--hw-gutter), env(safe-area-inset-left));display:grid}.hw-menu-rows>*{min-width:0}.hw-mrow-live{display:grid}.hw-mrow-live .hw-bug{border:var(--hw-rule-court) solid var(--hw-accent-edge);border-block-end:0;outline:0;min-height:36px}.hw-mrow{background:var(--hw-surface);width:100%;min-height:60px;color:var(--hw-ink);border:var(--hw-rule-court) solid var(--hw-line-strong);border-radius:var(--hw-radius);text-align:start;transition:scale var(--hw-dur-press) ease-out;align-items:stretch;padding:0;display:flex}.hw-mrow:active{scale:var(--hw-press-scale-card);background:var(--hw-surface-raised)}.hw-mrow.is-lead{background:var(--hw-accent);min-height:72px;color:var(--hw-on-accent);border-color:var(--hw-accent-edge)}.hw-mrow.is-lead:active{background:var(--hw-accent-hover)}@media (hover:hover){.hw-mrow:hover{background:var(--hw-surface-raised)}.hw-mrow.is-lead:hover{background:var(--hw-accent-hover)}}.hw-mrow-cell{background:var(--hw-bug);width:56px;color:var(--hw-on-bug);font:700 var(--hw-text-lg) / 1 var(--hw-font-display);font-variant-numeric:tabular-nums lining-nums;flex:none;place-items:center;display:grid}.hw-mrow-text{min-width:0;padding:var(--hw-space-2) var(--hw-space-3);flex:auto;align-content:center;display:grid}.hw-mrow-label{font:700 var(--hw-text-md) / var(--hw-lh-tight) var(--hw-font-display);text-transform:uppercase;letter-spacing:var(--hw-track-caps)}.hw-mrow-sub{text-overflow:ellipsis;white-space:nowrap;font:400 var(--hw-text-sm) / var(--hw-lh-body) var(--hw-font-body);overflow:hidden}.hw-mrow-meta{font:700 var(--hw-text-btn) / var(--hw-lh-tight) var(--hw-font-display);font-variant-numeric:tabular-nums lining-nums;text-transform:uppercase;letter-spacing:var(--hw-track-caps);color:var(--hw-ink-muted);flex:none;align-self:center;padding-inline-end:var(--hw-space-2)}.hw-mrow-go{flex:none;align-self:center;margin-inline-end:var(--hw-space-3)}.hw-menu-account{gap:var(--hw-space-3);padding:var(--hw-space-4) max(var(--hw-gutter), env(safe-area-inset-right)) max(var(--hw-space-4), env(safe-area-inset-bottom)) max(var(--hw-gutter), env(safe-area-inset-left));background:var(--hw-surface);color:var(--hw-ink);border-block-start:var(--hw-rule-court) solid var(--hw-line-strong);display:grid}.hw-menu-keep{font:700 var(--hw-text-btn) / var(--hw-lh-tight) var(--hw-font-display);text-transform:uppercase;letter-spacing:var(--hw-track-caps)}.hw-menu-doors{gap:var(--hw-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hw-menu-doors .hw-btn{padding-inline:var(--hw-space-3)}.hw-menu-signed{align-items:center;gap:var(--hw-space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.hw-menu-signed-who{min-width:0}.hw-menu-signed-who p:first-child{overflow-wrap:anywhere;font:700 var(--hw-text-sm) / var(--hw-lh-body) var(--hw-font-body)}.hw-menu-signed .hw-btn{padding-inline:var(--hw-space-4)}.hw-menu-relay{white-space:normal;text-align:start;text-wrap:balance;line-height:var(--hw-lh-body);justify-self:start;margin-inline-start:calc(-1 * var(--hw-space-2))}.hw-menu-court{background:var(--hw-maple);border:var(--hw-rule-court) solid var(--hw-line-strong);min-height:480px;position:relative;overflow:hidden}.hw-menu-floor{width:100%;height:100%;position:absolute;inset:0}.hw-menu-floor .paint{fill:var(--hw-court-stain)}.hw-menu-floor .ln{fill:none;stroke:var(--hw-on-maple);stroke-width:3px;vector-effect:non-scaling-stroke}.hw-menu-now{inset-inline:var(--hw-space-6);position:absolute;inset-block-end:var(--hw-space-6)}.hw-menu-now .hw-board{max-width:none}.hw-foot{gap:var(--hw-space-2);padding:var(--hw-space-5) var(--hw-gutter) var(--hw-space-5);border-block-start:var(--hw-rule-court) solid var(--hw-line-floor);display:grid}.hw-foot-links{gap:var(--hw-space-2);flex-wrap:wrap;display:flex}@media (min-width:900px){.hw-hud{padding-inline:max(var(--hw-page-inline), env(safe-area-inset-left)) max(var(--hw-page-inline), env(safe-area-inset-right));grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"id record.tools"}.hw-hud-id{width:320px;padding-inline-start:0}.hw-hud-record{border-block-start:0;border-inline:var(--hw-rule) solid var(--hw-bug-line);grid-template-columns:repeat(3,auto)}.hw-hud-record>button{padding-inline:var(--hw-space-5)}.hw-hud-tools{padding-inline-end:0}.hw-menu-play{gap:var(--hw-space-4) var(--hw-space-7);padding:var(--hw-space-5) var(--hw-page-inline);grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,480px) minmax(0,1fr);display:grid}.hw-menu-stage,.hw-menu-rows,.hw-menu-account{grid-column:1}.hw-menu-stage{justify-items:start;gap:var(--hw-space-2);text-align:start;padding:0;overflow:visible}.hw-menu-stage>.hw-label{order:0;justify-self:start}.hw-menu-circle{display:none}.hw-menu-lockup{gap:var(--hw-space-4);padding:var(--hw-space-2) var(--hw-space-3) var(--hw-space-2) 0}.hw-menu-lockup .hw-ball{width:72px}.hw-menu-lockup h1{font-size:var(--hw-text-xl)}.hw-menu-rows{padding:0}.hw-menu-account{gap:var(--hw-space-2);padding:var(--hw-space-3) var(--hw-space-5)}.hw-menu-court{grid-area:1/2/-1}.hw-foot{align-items:center;gap:var(--hw-space-5);padding-inline:var(--hw-page-inline);grid-template-columns:minmax(0,1fr) auto auto}}.hw-cardpage{gap:var(--hw-space-5);padding:var(--hw-space-5) var(--hw-gutter) var(--hw-space-6);flex:1 0 auto;align-content:start;display:grid}.hw-cardpage>.hw-panel,.hw-card-side{max-width:var(--hw-board-max)}.hw-card-side{gap:var(--hw-space-5);align-content:start;display:grid}.hw-share{gap:var(--hw-space-4);align-items:start;display:grid}.hw-sharecard{--card-ovr:72px;--card-num:44px;--card-stat:22px;isolation:isolate;aspect-ratio:5/7;background:var(--hw-bug);width:100%;color:var(--hw-on-bug);text-align:start;--card-ring:var(--hw-rule);--card-ring-ink:var(--hw-bug-line);--card-inlay:none;--card-frame:var(--card-ring);grid-template-rows:auto minmax(0,1fr) auto auto auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.hw-sharecard:after{content:"";z-index:1;border:var(--card-ring) solid var(--card-ring-ink);box-shadow:var(--card-inlay);pointer-events:none;position:absolute;inset:0}.hw-sharecard .bugrow.bugrow{padding:0 var(--card-frame);border:0;border-block-end:var(--hw-rule) solid var(--hw-bug-line);background:var(--hw-bug);color:var(--hw-on-bug);gap:0;display:flex}.hw-sharecard .bugrow>span{align-items:center;gap:var(--hw-space-2);padding:var(--hw-space-2) clamp(var(--hw-space-2), 100% / 15 - 9.33px, var(--hw-space-3));font:600 var(--hw-text-sm) / var(--hw-lh-tight) var(--hw-font-display);text-transform:uppercase;letter-spacing:var(--hw-track-caps);white-space:nowrap;flex:none;display:inline-flex}.hw-sharecard .bugrow>span+span{border-inline-start:var(--hw-rule) solid var(--hw-bug-line);color:var(--hw-on-bug-muted)}.hw-sharecard .bugrow>.rarity{row-gap:var(--hw-space-5);box-sizing:content-box;min-width:min-content;height:calc(var(--hw-text-sm) * var(--hw-lh-tight));flex-wrap:wrap;flex:0 999 auto;align-content:flex-start;overflow:hidden}.hw-sharecard .pips{gap:var(--hw-rule-court);margin-inline-start:calc(-1 * var(--hw-space-1));display:inline-flex}.hw-sharecard .pips i{background:var(--hw-bug-line);clip-path:polygon(0 0,100% 0,100% 66%,50% 100%,0 66%);width:.4em;height:.6em}.hw-sharecard .pips .on{background:currentColor}.hw-sharecard .bugrow>.hw-card-hof{min-width:0;color:var(--hw-banner-gold);flex:0 auto;margin-inline-start:auto;overflow:hidden}.hw-sharecard .art{background:var(--hw-maple);min-height:0;position:relative;overflow:hidden}.hw-sharecard .art>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.hw-sharecard .seams,.hw-sharecard .line,.hw-sharecard .ring,.hw-sharecard .medal{fill:none;vector-effect:non-scaling-stroke}.hw-sharecard .seams{stroke:var(--hw-court-stain);stroke-width:1.5px}.hw-sharecard .line,.hw-sharecard .ring,.hw-sharecard .medal{stroke:var(--hw-on-maple);stroke-width:var(--hw-rule-court)}.hw-sharecard .medal{fill:var(--hw-surface)}.hw-sharecard .rays{fill:var(--hw-gold-ray)}.hw-sharecard .court .lth{fill:var(--hw-accent)}.hw-sharecard .court .edge{fill:var(--hw-accent-edge)}.hw-sharecard .court .sm{fill:none;stroke:var(--hw-accent-edge);stroke-width:1.1px}.hw-sharecard .pennant{--cut:polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);background:var(--hw-bug-line);width:56px;height:76px;clip-path:var(--cut);position:absolute;inset-block-start:0;inset-inline-start:var(--hw-space-4)}.hw-sharecard .pennant>span{inset:0 var(--hw-rule-court) var(--hw-rule-court);background:var(--hw-bug);color:var(--hw-on-bug);clip-path:var(--cut);font:800 var(--card-num) / 1 var(--hw-font-display);font-variant-numeric:tabular-nums;align-content:start;justify-items:center;padding-block-start:var(--hw-space-2);display:grid;position:absolute}.hw-sharecard .plate{align-items:end;gap:var(--hw-space-3);padding:var(--hw-space-3) var(--hw-space-4);border-block-start:var(--hw-rule-court) solid var(--hw-on-maple);grid-template-columns:minmax(0,1fr) auto;display:grid}.hw-sharecard .who{gap:var(--hw-space-1);min-width:0;display:grid}.hw-sharecard .nm{font:700 var(--hw-text-lg) / 1 var(--hw-font-display);-webkit-line-clamp:2;overflow-wrap:anywhere;text-wrap:balance;-webkit-box-orient:vertical;margin:0;margin-block-end:-.12em;padding-block-end:.12em;display:-webkit-box;overflow:hidden}.hw-sharecard .ep{color:var(--hw-on-bug-muted);overflow-wrap:anywhere;margin:0}.hw-sharecard .sc{justify-items:end;display:grid}.hw-sharecard .sc>span:not(.sr-only){font:800 var(--card-ovr) / var(--hw-lh-display) var(--hw-font-display);font-variant-numeric:tabular-nums}.hw-sharecard .sc small{color:var(--hw-on-bug-muted)}.hw-sharecard .stats{padding-inline:var(--card-frame);background:var(--hw-bug);color:var(--hw-on-bug);border-block-start:var(--hw-rule) solid var(--hw-bug-line);grid-template-columns:repeat(5,minmax(max-content,1fr));margin:0;display:grid}.hw-sharecard .stats>div{justify-items:center;gap:var(--hw-space-1);min-width:0;padding-block:var(--hw-space-2);display:grid}.hw-sharecard .stats>div+div{border-inline-start:var(--hw-rule) solid var(--hw-bug-line)}.hw-sharecard .stats dd{font:700 var(--card-stat) / var(--hw-lh-tight) var(--hw-font-display);font-variant-numeric:tabular-nums;order:-1;margin:0}.hw-sharecard .stats dt{color:var(--hw-on-bug-muted);white-space:nowrap}.hw-sharecard .floorband{align-content:center;align-items:center;column-gap:var(--hw-space-2);min-height:40px;padding-inline:var(--hw-space-4);background:var(--hw-maple);color:var(--hw-on-maple);font-variant-numeric:tabular-nums;border-block-start:var(--hw-rule-court) solid var(--hw-line-strong);flex-wrap:wrap;display:flex;position:relative}.hw-sharecard .floorband:before{content:"";background:var(--hw-court-stain);width:14%;position:absolute;inset-block:0;inset-inline-start:40%}.hw-sharecard .floorband span{white-space:nowrap;position:relative}.hw-sharecard .floorband span:last-child{margin-inline-start:auto}.hw-sharecard.is-common{--card-ring:var(--hw-rule-court);--card-ring-ink:var(--hw-line-strong)}.hw-sharecard.is-common .plate{background:var(--hw-surface);color:var(--hw-ink)}.hw-sharecard.is-common .ep,.hw-sharecard.is-common .sc small{color:var(--hw-ink-muted)}.hw-sharecard.is-common .pennant,.hw-sharecard.is-rare .pennant{background:var(--hw-line-strong)}.hw-sharecard.is-common .pennant>span{background:var(--hw-surface);color:var(--hw-ink)}.hw-sharecard.is-rare{--card-ring:var(--hw-space-1);--card-ring-ink:var(--hw-bug);--card-inlay:inset 0 0 0 var(--hw-rule) var(--hw-on-bug-muted);--card-frame:calc(var(--hw-space-1) + var(--hw-rule))}.hw-sharecard.is-rare .plate{border-block-start-color:var(--hw-on-bug)}.hw-sharecard.is-rare .pennant>span{background:var(--hw-on-bug);color:var(--hw-bug)}.hw-sharecard.is-epic{--card-ring:calc(var(--hw-space-1) + var(--hw-rule));--card-ring-ink:var(--hw-banner-gold);--card-inlay:inset 0 0 0 var(--hw-rule) var(--hw-on-gold);--card-frame:calc(var(--hw-space-1) + var(--hw-rule-court))}.hw-sharecard.is-epic .bugrow>.rarity,.hw-sharecard.is-epic .sc>span:not(.sr-only),.hw-sharecard.is-epic .nm+.ep,.hw-sharecard.is-epic .stats dd{color:var(--hw-banner-gold)}.hw-sharecard.is-epic .plate{border-block-start-color:var(--hw-banner-gold)}.hw-sharecard.is-epic .pennant{background:var(--hw-on-gold)}.hw-sharecard.is-epic .pennant>span,.hw-sharecard.is-epic .floorband{background:var(--hw-banner-gold);color:var(--hw-on-gold)}.hw-sharecard.is-legendary{--card-ring:var(--hw-rule-court);--card-ring-ink:var(--hw-on-gold);--card-inlay:inset 0 0 0 calc(var(--hw-space-1) + var(--hw-rule)) var(--hw-banner-gold), inset 0 0 0 calc(var(--hw-space-1) + var(--hw-rule) + var(--hw-rule-court)) var(--hw-on-gold);--card-frame:calc(var(--hw-space-2) + var(--hw-rule))}.hw-sharecard.is-legendary .bugrow.bugrow{padding-inline-end:var(--card-ring)}.hw-sharecard.is-legendary:before{--c:var(--hw-space-3);content:"";z-index:2;background:var(--hw-on-gold);pointer-events:none;clip-path:polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, var(--c) 0, calc(100% - var(--c)) 0, calc(100% - var(--c)) var(--c), 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, var(--c) calc(100% - var(--c)), 0 calc(100% - var(--c)), 0 var(--c), var(--c) var(--c), var(--c) 0);position:absolute;inset:0}.hw-sharecard.is-legendary .plate{background:var(--hw-banner-gold);color:var(--hw-on-gold)}.hw-sharecard.is-legendary .ep{color:var(--hw-on-gold)}.hw-sharecard.is-legendary .bugrow>.rarity,.hw-sharecard.is-legendary .pennant{background:var(--hw-banner-gold);color:var(--hw-on-gold)}.hw-sharecard.is-legendary .bugrow.bugrow,.hw-sharecard.is-legendary .stats,.hw-sharecard.is-legendary .floorband,.hw-sharecard.is-legendary .sc,.hw-sharecard.is-legendary .pennant>span{background:var(--hw-on-gold)}.hw-sharecard.is-legendary .stats dd,.hw-sharecard.is-legendary .floorband,.hw-sharecard.is-legendary .sc>span:not(.sr-only),.hw-sharecard.is-legendary .sc small,.hw-sharecard.is-legendary .pennant>span{color:var(--hw-banner-gold)}.hw-sharecard.is-legendary .sc{padding:var(--hw-space-1);margin-inline-end:calc(-1 * var(--hw-space-1))}.hw-sharecard.is-epic .floorband:before,.hw-sharecard.is-legendary .floorband:before{content:none}.hw-sharebtns{gap:var(--hw-space-2);align-content:start;justify-items:start;display:grid}.hw-sharebtns .only-wide{margin-block-start:var(--hw-space-2)}.hw-card-totals{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.hw-card-totals>div:nth-child(4n+1){border-inline-start:0}.hw-card-totals>div:nth-child(n+5){border-block-start:var(--hw-rule) solid var(--hw-bug-line)}.hw-card-stats .hw-board{max-width:none}.hw-card-stats .hw-board dt{text-align:center}.hw-card-stats .hw-h+.hw-board+.hw-h{margin-block-start:var(--hw-space-3)}.hw-sharelinks{gap:var(--hw-space-2);flex-wrap:wrap;display:flex}.hw-iconbtn{width:var(--hw-target);height:var(--hw-target);background:var(--hw-surface);color:var(--hw-ink);border:var(--hw-rule-court) solid var(--hw-line-strong);border-radius:var(--hw-radius);touch-action:manipulation;transition:scale var(--hw-dur-press) ease-out;justify-content:center;align-items:center;padding:0;display:inline-flex}.hw-iconbtn:active{scale:var(--hw-press-scale);background:var(--hw-surface-raised)}@media (hover:hover){.hw-iconbtn:hover{background:var(--hw-surface-raised)}}@media (min-width:900px){.hw-cardpage{padding:var(--hw-space-6) var(--hw-page-inline) var(--hw-space-7)}.hw-share{grid-template-columns:minmax(0, var(--hw-card-max)) minmax(280px, 1fr);gap:var(--hw-space-7)}.hw-cardpage>.hw-panel{max-width:none}.hw-card-totals{grid-template-columns:repeat(7,minmax(0,1fr))}.hw-card-totals>div:nth-child(4n+1){border-inline-start:var(--hw-rule) solid var(--hw-bug-line)}.hw-card-totals>div:first-child{border-inline-start:0}.hw-card-totals>div:nth-child(n+5){border-block-start:0}}@media (min-width:1200px){.hw-card-stats{column-gap:var(--hw-space-6);grid-template-rows:auto auto;grid-auto-columns:7fr 3fr;grid-auto-flow:column}.hw-card-stats .hw-h+.hw-board+.hw-h{margin-block-start:0}}@property --card-rest-x{syntax:"<number>";inherits:true;initial-value:.5}@property --card-rest-y{syntax:"<number>";inherits:true;initial-value:.5}@property --card-hold-x{syntax:"<number>";inherits:true;initial-value:.5}@property --card-hold-y{syntax:"<number>";inherits:true;initial-value:.5}@property --card-held{syntax:"<number>";inherits:true;initial-value:0}@property --card-turn{syntax:"<number>";inherits:true;initial-value:0}.hw-tilt{--tilt-perspective:1000px;--tilt-return:1s;--tilt-return-ease:cubic-bezier(.22, 1, .36, 1);--tilt-follow:.4s;--tilt-follow-ease:cubic-bezier(.22, 1, .36, 1);--tilt-glare-fade:.3s;--card-lean-x:12deg;--card-lean-y:16deg;--card-thick:4px;--card-lift:20px;--card-hop:36px;--card-shadow:color-mix(in srgb, var(--hw-floor) 82%, var(--hw-on-maple));--card-rest-x:.5;--card-rest-y:.5;--card-hold-x:.5;--card-hold-y:.5;--card-held:0;--card-turn:0;--card-x:clamp(0, var(--card-rest-x) + (var(--card-hold-x) - .5) * var(--card-held), 1);--card-y:clamp(0, var(--card-rest-y) + (var(--card-hold-y) - .5) * var(--card-held), 1);--card-up:0;--card-wide:1;--card-fade:var(--tilt-return);width:100%;max-width:var(--hw-card-max);contain:layout;perspective:var(--tilt-perspective);touch-action:pan-y pinch-zoom;transition-property:--card-held,--card-hold-x,--card-hold-y;transition-duration:var(--card-fade), var(--tilt-follow), var(--tilt-follow);transition-timing-function:var(--tilt-return-ease), var(--tilt-follow-ease), var(--tilt-follow-ease);position:relative}.hw-tilt.is-held{--card-held:1;--card-fade:var(--tilt-glare-fade)}@supports (width:calc(sin(90deg) * 1px)){.hw-tilt{--card-up:max(0, sin(var(--card-turn) * 180deg));--card-wide:max(.02, cos(var(--card-turn) * 180deg), -1 * cos(var(--card-turn) * 180deg))}}.hw-tilt-shadow{background:var(--card-shadow);transform:translate(calc(4px + (var(--card-held) + var(--card-up)) * 10px + (var(--card-x) - .5) * var(--card-held) * -22px), calc(5px + (var(--card-held) + var(--card-up)) * 13px + (var(--card-y) - .5) * var(--card-held) * -18px)) scaleX(var(--card-wide));position:absolute;inset:0}.hw-tilt-body{transform-style:preserve-3d;transform:translateZ(calc(var(--card-held) * var(--card-lift) + var(--card-up) * var(--card-hop))) rotateX(calc((.5 - var(--card-y)) * 2 * var(--card-lean-x))) rotateY(calc((var(--card-x) - .5) * 2 * var(--card-lean-y) + var(--card-turn) * 180deg));will-change:transform;position:relative}.hw-tilt-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.hw-tilt-face.is-back{transform:rotateY(180deg) translateZ(var(--card-thick));position:absolute;inset:0}.hw-tilt-edge{width:var(--card-thick);background:var(--hw-surface-raised);transform:translateZ(calc(var(--card-thick) / -2)) rotateY(90deg);position:absolute;inset-block:0}.hw-tilt-edge.is-left{left:calc(var(--card-thick) / -2)}.hw-tilt-edge.is-right{right:calc(var(--card-thick) / -2)}@media (prefers-reduced-motion:reduce){.hw-tilt{--card-lean-x:0deg;--card-lean-y:0deg}}.hw-sharecard .shade{z-index:2;pointer-events:none;background:var(--hw-on-maple);opacity:calc(max(0, (var(--card-x,.5) - .5) * .22 + (var(--card-y,.5) - .5) * .26));position:absolute;inset:0}.hw-sharecard .shade.is-lit{background:var(--hw-surface);opacity:calc(max(0, (.5 - var(--card-x,.5)) * .14 + (.5 - var(--card-y,.5)) * .18))}.hw-sharecard .foil{pointer-events:none;--lean:calc(90deg + (var(--card-y) - .5) * 16deg + var(--skew,0deg));--core:repeating-linear-gradient(var(--lean), #000 0%, #000 13%, #fff 16.5%, #000 20%, #000 33.333%);--halo:repeating-linear-gradient(var(--lean), #262626 0%, #333 5%, #e6e6e6 16.5%, #333 28%, #262626 33.333%);--spectrum:repeating-linear-gradient(var(--lean), #f7543b 0%, #fba82d 12%, #fbee37 22%, #3ad96f 36%, #27d6f1 50%, #5278f4 64%, #b465ec 78%, #f3499e 90%, #f7543b 100%);--reach:radial-gradient(ellipse 85% 110% at calc(var(--card-x) * 100%) calc(var(--card-y) * 100%), #fff 0%, #a8a8a8 50%, #4a4a4a 100%);--grain:repeating-linear-gradient(90deg, #fff 0, #fff 2px, #c4c4c4 2px, #c4c4c4 3px);background-image:var(--grain), var(--reach), var(--core), var(--halo), var(--spectrum);background-blend-mode:multiply, multiply, screen, multiply;background-size:auto,100% 100%,200% 100%,200% 100%,170% 100%;background-position:0 0, 0 0, calc((var(--card-x) + .327 + var(--late,0)) * 100%) 0, calc((var(--card-x) + .327 + var(--late,0)) * 100%) 0, calc((var(--card-x) + var(--late,0)) * -100% + 130% + var(--card-y) * 40%) 0;mix-blend-mode:color-dodge;filter:brightness(1.02)contrast(1.35)saturate(1.05);position:absolute;inset:0}.hw-sharecard .foil.is-even{-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6.25%,#0000 6.25% 12.5%);mask-image:repeating-linear-gradient(90deg,#000 0 6.25%,#0000 6.25% 12.5%)}.hw-sharecard .foil.is-odd{--late:.035;--skew:2deg;-webkit-mask-image:repeating-linear-gradient(90deg,#0000 0 6.25%,#000 6.25% 12.5%);mask-image:repeating-linear-gradient(90deg,#0000 0 6.25%,#000 6.25% 12.5%)}.hw-sharecard .gloss{z-index:1;pointer-events:none;background-image:linear-gradient(calc(100deg + (var(--card-y) - .5) * 16deg), #fff4dc00 30%, #fff4dc80 46%, #fff4dc29 52%, #fff4dc00 68%);background-size:260% 100%;background-position:calc(var(--card-x) * 100%) 0;mix-blend-mode:soft-light;position:absolute;inset:0}.hw-sharecard.is-holo{--stamp:calc((.2 - var(--card-x) * 1.15 - var(--card-y) * .4) * 360deg + 28deg)}.hw-sharecard.is-holo .bugrow>.holo,.hw-sharecard.is-holo .pennant>span{color:hsl(var(--stamp) 70% 82%)}.hw-sharecard.is-holo.is-common .pennant>span,.hw-sharecard.is-holo.is-rare .pennant>span{color:hsl(var(--stamp) 62% 30%)}.hw-sharecard.is-holo.is-epic .pennant>span{color:hsl(var(--stamp) 62% 22%)}
