@property --cf-gem{syntax:"<length>";inherits:true;initial-value:21px}@property --cf-pad{syntax:"<length>";inherits:true;initial-value:2px}@property --cf-bar{syntax:"<length>";inherits:true;initial-value:3px}@property --cf-lift{syntax:"<length>";inherits:true;initial-value:0}.card.cf{--cf-gem:max(21px, 2.65em);--cf-pad:max(2px, .28em);--cf-bar:max(3px, .34em);--cf-lift:0px}.card.cf.board,.card.cf.enemy-board{--cf-gem:max(20px, 2.6em)}.card.cf:before,.card.cf.board .card-name-overlay,.card.cf.enemy-board .card-name-overlay,.card.cf.discard .card-name-overlay,.card.cf.cf-names-none .card-name-overlay{display:none}.card.cf:is(.cf-names-hand,.cf-names-auto):not(.board):not(.enemy-board):not(.discard):before{background:linear-gradient(#0000 0%,#00000080 45%,#000000e0 100%);height:44%;display:block}.card.cf .card-name-overlay{bottom:calc(var(--cf-lift) + var(--cf-pad) + var(--cf-gem) + max(2px, .25em));-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;padding:0 .4em;font-size:max(9px,.98em);line-height:1.05;display:-webkit-box;overflow:hidden}:is(.tbl-root,.game-container,.spectate-root,.tri-root,.drag-ghost,.card-flight) .card.cf.cf-names-auto .card-name-overlay{display:none}:is(.tbl-root,.game-container,.spectate-root,.tri-root,.drag-ghost,.card-flight) .card.cf.cf-names-auto:not(.board):not(.enemy-board):not(.discard):before{background:linear-gradient(#0000 0%,#00000059 50%,#0009 100%);height:22%}.card.cf:not(:has(.cf-stats)) .card-name-overlay{bottom:max(30px,2.9em)}.card.cf .cf-tags{left:0;right:0;bottom:calc(var(--cf-lift) + var(--cf-pad) + var(--cf-gem) * .5);padding:0 calc(var(--cf-gem) + 2px);z-index:7;pointer-events:none;margin:0;position:absolute;transform:translateY(50%)}.card.cf-slim .cf-tags{bottom:calc(var(--cf-pad) + var(--cf-gem) + 2px);padding:0;transform:none}.card.cf .card-equipped-relics{left:.3em;right:.3em;bottom:calc(var(--cf-lift) + var(--cf-pad) + var(--cf-gem) + max(3px, .4em))}.card.cf.discard .card-cost,.card.cf.discard .keyword-badges,.card.cf.discard .card-stats,.card.cf.discard .cf-tags,.card.cf.discard .card-spell-badge,.card.cf.discard .card-relic-badge,.card.cf.discard .card-locale-badge,.card.cf.discard .card-locale-hp,.card.cf.discard .card-equipped-relics,.graveyard-overlay-root .card.cf>:not(.card-art):not(.card-emoji):not(.holo-sheen):not(.glitter-flakes),.graveyard-overlay-root .card.cf:before{display:none}.card.cf .cf-stats{height:0;font-size:inherit;pointer-events:none;padding:0;display:block;position:absolute;bottom:0;left:0;right:0}.card.cf .cf-stat{bottom:calc(var(--cf-lift) + var(--cf-pad));width:var(--cf-gem);height:var(--cf-gem);font-size:calc(var(--cf-gem) * .6);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute}.card.cf .cf-atk{left:var(--cf-pad)}.card.cf .cf-hp{right:var(--cf-pad)}.card.cf .cf-stat:before{content:"";position:absolute;box-shadow:0 2px 4px #0009}.card.cf .cf-atk:before{border:max(2px, calc(var(--cf-gem) * .1)) solid #e0574a;background:#161214;border-radius:20%;inset:14%;transform:rotate(45deg)}.card.cf .cf-hp:before{border:max(2px, calc(var(--cf-gem) * .1)) solid hsl(var(--hp-hue,120) 62% 46%);background:#141614;border-radius:50%;inset:0}.card.cf .cf-stat>.card-atk,.card.cf .cf-stat>.card-hp{z-index:1;color:#fff;text-shadow:0 1px #000000f2,0 -1px #000c,1px 0 #000c,-1px 0 #000c,0 0 4px #000000d9;display:inline-block;position:relative}.card.cf .cf-stat.up>span{color:#ffd65c}.card.cf .cf-stat.down>span{color:#ff8f84}.card.cf .cf-bar{height:var(--cf-bar);pointer-events:none;background:#0000009e;display:block;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0000004d}.card.cf .cf-bar-fill{width:calc(var(--hp,100) * 1%);background:hsl(var(--hp-hue,120) 72% 48%);box-shadow:0 0 4px hsl(var(--hp-hue,120) 72% 48% / .6);transition:width .3s,height .3s,background .3s;position:absolute;top:0;bottom:0;left:0}.card.cf-ring .cf-hp:before{background:radial-gradient(closest-side, #141614 calc(100% - max(3px, calc(var(--cf-gem) * .14))), transparent calc(100% - max(3px, calc(var(--cf-gem) * .14)) + .5px)), conic-gradient(hsl(var(--hp-hue,120) 72% 50%) calc(var(--hp,100) * 1%), #ffffff29 0);border:0}.card.cf.cf-edge{--cf-bar:max(4px, .42em);--cf-lift:calc(var(--cf-bar) + var(--cf-pad))}.card.cf-edge .cf-bar{left:var(--cf-pad);right:var(--cf-pad);bottom:var(--cf-pad);background:#0000009e;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff24}.card.cf-edge .cf-bar-fill{border-radius:999px}.card.cf.cf-pips{--cf-bar:max(4px, .42em);--cf-lift:calc(var(--cf-bar) + var(--cf-pad))}.card.cf-pips .cf-bar{left:var(--cf-pad);right:var(--cf-pad);bottom:var(--cf-pad);border-radius:999px}.card.cf-pips .cf-bar.segmented{box-shadow:none;background:0 0;gap:max(1.5px,.16em);display:flex;overflow:visible}.card.cf-pips .cf-pip{background:#0000009e;border-radius:2px;flex:1 1 0;min-width:0;transition:background .3s;box-shadow:inset 0 0 0 1px #ffffff29}.card.cf-pips .cf-pip.on{background:hsl(var(--hp-hue,120) 72% 48%);box-shadow:0 0 3px hsl(var(--hp-hue,120) 72% 48% / .7)}.card.cf.cf-edge,.card.cf.cf-pips{--cf-gem:max(16px, 1.85em)}.card.cf.cf-slim{--cf-gem:max(13px, 1.4em);--cf-bar:max(3px, .3em)}.card.cf:is(.cf-slim,.cf-edge,.cf-pips):is(.board,.enemy-board,.hand):before{background:linear-gradient(#0000 0%,#00000059 50%,#0009 100%);height:28%;display:block}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-stat{width:auto;height:var(--cf-gem);bottom:calc(var(--cf-lift) + max(1px, .1em));font-size:calc(var(--cf-gem) * .98)}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-atk{left:max(4px,.45em)}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-hp{right:max(4px,.45em)}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-stat:before{display:none}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-stat>span{text-shadow:0 1px #000,0 -1px #000000d9,1px 0 #000000d9,-1px 0 #000000d9,0 2px 4px #000000e6,0 0 6px #0009}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-atk>span{color:#ff5f4f}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-hp>span{color:#6fdc6a}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-stat.up>span{color:#ffd65c}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-hp.down>span{color:hsl(var(--hp-hue,0) 85% 60%)}.card.cf:is(.cf-slim,.cf-edge,.cf-pips) .cf-atk.down>span{color:#ffb3aa}.card.cf.cf-slim{--cf-pad:max(7px, .85em)}.card.cf-slim .cf-stats{height:var(--cf-gem);bottom:var(--cf-pad);align-items:center;gap:max(3px,.35em);padding:0 max(10px,1.2em);display:flex}.card.cf-slim .cf-stat{flex:none;position:static}.card.cf-slim .cf-atk{order:0}.card.cf-slim .cf-bar{border-radius:999px;flex:auto;order:1;position:relative}.card.cf-slim .cf-hp{order:2}.card.cf-slim .cf-bar-fill{border-radius:999px}.card.cf.cf-slim:is(.board,.enemy-board,.hand):before{height:22%}.labtbl-demo-bar.faces{bottom:calc(var(--card-h) + 14px)}@container tbl (width>=900px) and (height>=600px){.labtbl-demo-bar.faces{bottom:10px}}.labtbl-demo-btn.look{padding:0 8px}.labtbl-demo-btn.look span{display:inline}.labfaces{flex-direction:column;gap:14px;display:flex}.labfaces-controls{flex-direction:column;gap:10px;display:flex}.labfaces-seg{flex-wrap:wrap;gap:6px;display:flex}.labfaces-seg .ui-btn{min-width:64px}.labfaces-blurb{color:var(--ink-dim);font-size:var(--t-sm);max-width:60ch;margin:0;line-height:1.35}.labfaces-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.labfaces-note{color:var(--ink-faint);font-size:var(--t-xs);letter-spacing:.5px}.labfaces-rows{flex-direction:column;gap:10px;display:flex}.labfaces-row{cursor:pointer;text-align:left;color:inherit;font:inherit;background:#00000047;border:1px solid #e2b95a24;border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:10px 10px 12px;display:flex}.labfaces-row.on{border-color:#e2b95ab3;box-shadow:0 0 0 1px #e2b95a59,0 0 18px #e2b95a1f}.labfaces-row-head{align-items:baseline;gap:8px;display:flex}.labfaces-row-name{color:var(--gold-hi);letter-spacing:2px;font-size:var(--t-sm)}.labfaces-row-sub{color:var(--ink-faint);font-size:var(--t-xs)}.labfaces-strip{--card-corner:.09;align-items:flex-end;gap:5px;min-width:0;display:flex}.labfaces-slot{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.labfaces-slot.lf-board{--card-w:76px;--card-h:calc(76px / .75)}.labfaces-slot.lf-hand{--card-w:96px;--card-h:calc(96px / .75);--card-w-hand:var(--card-w);--card-h-hand:var(--card-h)}.labfaces-slot.lf-grave{--card-w:40px;--card-h:calc(40px / .75)}.labfaces-hands{flex-wrap:wrap;gap:8px;display:flex}.labfaces-hand{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:6px}.labfaces-hand.on{background:#e2b95a0f;border-color:#e2b95ab3}.labfaces-slot .card{cursor:pointer;border:2px solid #e2b95a80}.labfaces-slot.lf-grave .card{border-width:1px}.labfaces-cap{letter-spacing:1px;color:var(--ink-faint);white-space:nowrap;font-size:10px}.labfaces-sep{background:#e2b95a29;align-self:stretch;width:1px;margin:0 2px}.labfaces-big .labfaces-slot.lf-board{--card-w:102px;--card-h:calc(102px / .75)}.labfaces-big .labfaces-slot.lf-hand{--card-w:130px;--card-h:calc(130px / .75);--card-w-hand:var(--card-w);--card-h-hand:var(--card-h)}.labfaces-big .labfaces-slot.lf-grave{--card-w:68px;--card-h:calc(68px / .75)}.labfaces-big .labfaces-strip{flex-wrap:wrap;row-gap:10px}@media (width<=380px){.labfaces-slot.lf-board{--card-w:68px;--card-h:calc(68px / .75)}.labfaces-slot.lf-hand{--card-w:88px;--card-h:calc(88px / .75)}.labfaces-slot.lf-grave{--card-w:36px;--card-h:calc(36px / .75)}.labfaces-hand{padding:4px}}@media (width<=340px){.labfaces-slot.lf-board{--card-w:56px;--card-h:calc(56px / .75)}.labfaces-slot.lf-hand{--card-w:76px;--card-h:calc(76px / .75)}.labfaces-slot.lf-grave{--card-w:30px;--card-h:calc(30px / .75)}.labfaces-strip{gap:4px}}.labglit-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.labglit-tile{cursor:pointer;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 6px;display:flex}.labglit-tile.on{background:#e2b95a0f;border-color:#e2b95ab3}.labglit-big{--card-w:120px;--card-h:calc(120px / .75);--card-w-hand:var(--card-w);--card-h-hand:var(--card-h)}@media (width<=340px){.labglit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.labglit-big{--card-w:104px;--card-h:calc(104px / .75)}}
