.zone-fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;overflow:visible}.zone-fx{position:absolute;width:108px;height:150px;pointer-events:none}.zone-fx-inner{position:relative;width:100%;height:100%;transform-origin:center center;will-change:transform,opacity,filter}.zone-fx.rotated .zone-fx-inner{transform:rotate(90deg)}.zone-fx-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#1a2332,#0d1321);box-shadow:0 4px 18px #000a}.zone-fx-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.zone-fx-card .zone-fx-back{display:grid;place-items:center;width:100%;height:100%;color:#6ea8fe88;font-size:28px}.zone-fx.ash .zone-fx-card{animation:zone-fx-ash-card 1.25s ease-in both}.zone-fx.ash .zone-fx-ember{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;pointer-events:none}.zone-fx.ash .zone-fx-flake{position:absolute;width:3px;height:3px;border-radius:1px;background:#9a8b78;opacity:0;animation:zone-fx-ash-flake 1.25s ease-out both;box-shadow:0 0 2px #c4b59a55}.zone-fx.ash .zone-fx-smoke{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:10px;background:radial-gradient(ellipse at 50% 70%,#3a342888 0%,transparent 65%),radial-gradient(ellipse at 40% 40%,#6b5e4888 0%,transparent 55%);opacity:0;animation:zone-fx-ash-smoke 1.25s ease-out both;mix-blend-mode:multiply}@keyframes zone-fx-ash-card{0%{filter:saturate(1) brightness(1) contrast(1);opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0)}25%{filter:saturate(.55) brightness(.9) contrast(1.05);opacity:1}55%{filter:saturate(.15) brightness(.65) contrast(1.15);opacity:.85;transform:translateY(6px) scale(.98,.96);clip-path:inset(0 0 8% 0)}to{filter:saturate(0) brightness(.25) contrast(1.3);opacity:0;transform:translateY(28px) scale(.92,.78);clip-path:inset(0 0 55% 0)}}@keyframes zone-fx-ash-flake{0%{opacity:0;transform:translate(0) rotate(0) scale(1)}12%{opacity:.95}to{opacity:0;transform:translate(var(--fx),var(--fy)) rotate(var(--fr)) scale(.4)}}@keyframes zone-fx-ash-smoke{0%{opacity:0;transform:scale(.85)}30%{opacity:.7}to{opacity:0;transform:scale(1.15) translateY(18px)}}.zone-fx.void .zone-fx-rift{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#1a0a2e 0%,#050208 42%,#000 70%,transparent 72%),conic-gradient(from 0deg,#6b2dff44,#1a0033,#a78bfa66,#050208,#6b2dff44);box-shadow:0 0 12px 4px #4c1d9588,0 0 40px 10px #2e1065aa,inset 0 0 12px #000;animation:zone-fx-void-rift 1.35s cubic-bezier(.2,.8,.2,1) both;z-index:0}.zone-fx.void .zone-fx-ring{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:1.5px solid #a78bfa88;box-shadow:0 0 10px #7c3aed66;opacity:0;animation:zone-fx-void-ring 1.35s ease-out both;z-index:0}.zone-fx.void .zone-fx-card{z-index:1;animation:zone-fx-void-card 1.35s cubic-bezier(.55,.05,.7,.2) both}.zone-fx.void .zone-fx-wisps{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:2;pointer-events:none}.zone-fx.void .zone-fx-wisp{position:absolute;left:50%;top:50%;width:2px;height:18px;margin:-9px 0 0 -1px;border-radius:2px;background:linear-gradient(180deg,#c4b5fd,transparent);opacity:0;transform-origin:center bottom;animation:zone-fx-void-wisp 1.35s ease-in both}@keyframes zone-fx-void-rift{0%{transform:scale(.2);opacity:0}18%{opacity:1;transform:scale(1.2)}45%{transform:scale(3.2);opacity:1}75%{transform:scale(4.6);opacity:1}to{transform:scale(.05);opacity:0}}@keyframes zone-fx-void-ring{0%{opacity:0;transform:scale(.4)}20%{opacity:.9;transform:scale(1.1)}55%{opacity:.55;transform:scale(2.8)}to{opacity:0;transform:scale(4.2)}}@keyframes zone-fx-void-card{0%{filter:brightness(1) saturate(1);opacity:1;transform:scale(1);border-radius:8px}22%{filter:brightness(.75) saturate(.7) contrast(1.15);transform:scale(.97)}55%{filter:brightness(.35) saturate(.35) hue-rotate(40deg);opacity:.9;transform:scale(.55);border-radius:40%}82%{filter:brightness(.1) saturate(0);opacity:.55;transform:scale(.12);border-radius:50%}to{filter:brightness(0);opacity:0;transform:scale(0);border-radius:50%}}@keyframes zone-fx-void-wisp{0%{opacity:0;transform:rotate(var(--wr)) translateY(-55px) scaleY(.4)}25%{opacity:.85}70%{opacity:.5;transform:rotate(var(--wr)) translateY(-8px) scaleY(1.1)}to{opacity:0;transform:rotate(var(--wr)) translateY(4px) scaleY(.2)}}.shuffle-fx{position:absolute;width:108px;height:150px;pointer-events:none;z-index:61;filter:drop-shadow(0 10px 24px #000c)}.shuffle-fx-burst{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(circle,#6ea8fe44 0%,#6ea8fe11 35%,transparent 70%);animation:shuffle-fx-burst 1.5s ease-out both}.shuffle-fx-label{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#d7e6ff;text-shadow:0 1px 4px #000c;opacity:0;animation:shuffle-fx-label 1.5s ease-out both}.shuffle-fx-stack{position:absolute;top:0;right:0;bottom:0;left:0}.shuffle-fx-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#1e2a3c,#0d1321 55%,#152033);border:1px solid #3d5270aa;box-shadow:0 3px 10px #0009;display:grid;place-items:center;opacity:0}.shuffle-fx-card.side-L{animation:shuffle-fx-riffle-L 1.5s cubic-bezier(.33,.1,.25,1) both}.shuffle-fx-card.side-R{animation:shuffle-fx-riffle-R 1.5s cubic-bezier(.33,.1,.25,1) both}.shuffle-fx-back{color:#6ea8fe99;font-size:26px;line-height:1}.shuffle-fx-spark{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;pointer-events:none}.shuffle-fx-speck{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#b8d4ff;box-shadow:0 0 6px #6ea8fe;opacity:0;animation:shuffle-fx-speck 1.5s ease-out both}@keyframes shuffle-fx-burst{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes shuffle-fx-label{0%{opacity:0;transform:translate(-50%) translateY(6px)}15%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-4px)}}@keyframes shuffle-fx-riffle-L{0%{opacity:0;transform:translate(0) rotate(0) scale(.92)}12%{opacity:1;transform:translate(-4px,2px) rotate(-2deg) scale(1)}38%{opacity:1;transform:translate(calc(-42px - var(--lift))) rotate(var(--twist)) scale(1.02)}62%{opacity:1;transform:translate(-8px,calc(-1 * var(--lift))) rotate(-3deg) scale(1)}82%{opacity:1;transform:translate(2px,1px) rotate(1deg) scale(1)}to{opacity:0;transform:translateY(4px) rotate(0) scale(.96)}}@keyframes shuffle-fx-riffle-R{0%{opacity:0;transform:translate(0) rotate(0) scale(.92)}12%{opacity:1;transform:translate(4px,2px) rotate(2deg) scale(1)}38%{opacity:1;transform:translate(calc(42px + var(--lift))) rotate(var(--twist)) scale(1.02)}62%{opacity:1;transform:translate(8px,calc(-1 * var(--lift))) rotate(3deg) scale(1)}82%{opacity:1;transform:translate(-2px,1px) rotate(-1deg) scale(1)}to{opacity:0;transform:translateY(4px) rotate(0) scale(.96)}}@keyframes shuffle-fx-speck{0%{opacity:0;transform:rotate(var(--sa)) translateY(0) scale(.4)}25%{opacity:.95}to{opacity:0;transform:rotate(var(--sa)) translateY(var(--sd)) scale(.2)}}.pile-zone.shuffle-pulse .pile-card{animation:shuffle-pile-pulse 1.5s ease-out both;box-shadow:0 0 #6ea8fe00}@keyframes shuffle-pile-pulse{0%{transform:scale(1);box-shadow:0 0 #6ea8fe66}25%{transform:scale(1.08) rotate(-3deg);box-shadow:0 0 16px 4px #6ea8fe55}50%{transform:scale(1.04) rotate(3deg)}75%{transform:scale(1.06) rotate(-2deg)}to{transform:scale(1) rotate(0);box-shadow:0 0 #6ea8fe00}}:root{--bg: #14181f;--panel: #1c222b;--panel2: #232b36;--text: #e6e9ee;--muted: #9aa4b1;--accent: #6ea8fe;--danger: #e5484d;--border: #2c3542;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--mobile-bar-h: 0px;--rail-w: 0px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}button{font:inherit;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer}button:hover{background:#2b3542}button.danger{color:var(--danger)}button.primary{background:var(--accent);color:#06101f;border-color:transparent;font-weight:600}button.primary:hover{background:#8bbcff}button.primary:disabled,button:disabled{opacity:.45;cursor:not-allowed}button.sm{padding:3px 8px;font-size:11px}button.danger-solid{background:var(--danger);color:#fff;border-color:transparent;font-weight:600}button.danger-solid:hover{background:#f0575c}input{font:inherit;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel2);color:var(--text);width:100%}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{font:inherit;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel2);color:var(--text);resize:vertical;width:100%}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:radial-gradient(ellipse 80% 60% at 50% 35%,#2a3420 0%,transparent 55%),radial-gradient(circle at 15% 80%,#3a2818 0%,transparent 40%),radial-gradient(circle at 85% 75%,#1a2838 0%,transparent 45%),#10141a;overflow:hidden}.splash-glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 40%,#c9a22722 0%,transparent 42%),radial-gradient(circle at 30% 70%,#6ea8fe18 0%,transparent 35%);animation:splash-glow-drift 8s ease-in-out infinite alternate;pointer-events:none}@keyframes splash-glow-drift{0%{transform:translate(-2%,-1%) scale(1)}to{transform:translate(2%,2%) scale(1.05)}}.splash-inner{position:relative;z-index:1;max-width:420px;text-align:center;animation:splash-rise .7s ease-out both}@keyframes splash-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.splash-food{display:inline-block;font-size:56px;line-height:1;margin-bottom:12px;animation:splash-food-bob 2.4s ease-in-out infinite;filter:drop-shadow(0 8px 18px #0008)}@keyframes splash-food-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.splash-brand{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e0b93a}.splash-line{margin:0 0 16px;font-size:clamp(32px,7vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--text)}.splash-details{margin:0 auto 28px;max-width:34ch;font-size:15px;line-height:1.55;color:var(--muted)}.splash-cta{min-width:160px;padding:12px 28px;font-size:16px;border-radius:999px;animation:splash-cta-in .7s ease-out .25s both}@keyframes splash-cta-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lobby{position:relative;isolation:isolate;height:100%;overflow-y:auto;padding:28px 32px 48px}.particle-ambiance{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.lobby>.particle-ambiance{z-index:-1}.particle-ambiance canvas{display:block;width:100%!important;height:100%!important}.emoji-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-1;isolation:isolate;perspective:780px;perspective-origin:50% 42%}.emoji-particle{position:absolute;left:var(--x);top:var(--y);font-size:var(--size);line-height:1;opacity:calc(var(--op) * .4);transform-origin:50% 50%;transform:translate3d(-50%,-50%,var(--z)) rotateY(calc(var(--ry) * -.4)) rotate(var(--rz));animation:emoji-float-3d var(--dur) ease-in-out var(--delay) infinite;filter:drop-shadow(0 10px 14px #0005);-webkit-user-select:none;user-select:none;will-change:transform,opacity}@keyframes emoji-float-3d{0%,to{opacity:calc(var(--op) * .38);transform:translate3d(-50%,-50%,var(--z)) rotateX(0) rotateY(calc(var(--ry) * -1)) rotate(var(--rz)) scale(.82)}50%{opacity:var(--op);transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),calc(var(--z) + var(--dz))) rotateX(var(--rx)) rotateY(var(--ry)) rotate(calc(var(--rz) * -1)) scale(1)}}@media(max-width:600px){.emoji-particle:nth-child(n+12){display:none}}.lobby-head{max-width:1180px;margin:0 auto 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lobby-head h1{margin:0 0 4px;font-size:26px}.lobby-food{display:inline-block;min-width:1.15em;text-align:center}.lobby-head p{margin:0;color:var(--muted);font-size:13px}.lobby-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.invite-hint{margin:0 0 10px;color:var(--accent);font-size:12px}.lobby-disclaimer{max-width:1180px;margin:28px auto 0;color:var(--muted);font-size:12px;line-height:1.45;opacity:.85}.lobby .error{max-width:1180px;margin:0 auto 12px;color:var(--danger)}.lobby-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}@media(max-width:880px){.lobby-grid{grid-template-columns:1fr}}.lobby-col{display:flex;flex-direction:column;gap:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-head strong{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.hint{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.empty-note{font-size:13px;color:var(--muted);line-height:1.6;margin:6px 0}.or{text-align:center;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.who-row{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#06101f;display:flex;align-items:center;justify-content:center;font-weight:700;flex:0 0 auto}.avatar.img{object-fit:cover;padding:0;display:block}.avatar.img.sm{width:22px;height:22px}.who-row.compact{gap:8px}.panel-head.tight{margin-top:4px}.panel-head .subhead{font-size:12px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:600}.discord-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px 14px;border-radius:8px;border:none;background:#5865f2;color:#fff;font-weight:650;font-size:14px;cursor:pointer}.discord-btn:hover{background:#4752c4}.who-meta{display:flex;flex-direction:column}.who{font-size:13px;font-weight:600}.who-sub{font-size:11px;color:var(--muted)}.acct-actions{display:flex;gap:6px}.acct-actions.wrap{flex-wrap:wrap}.acct-actions button{flex:1}.acct-actions.wrap button{flex:1 1 auto;min-width:72px}.acct-progress{display:flex;flex-direction:column;gap:4px;padding:8px 0}.acct-progress-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600}.account-chip{position:fixed;top:calc(14px + var(--safe-top));right:calc(14px + var(--safe-right));z-index:50;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:0 4px 16px #0007;cursor:pointer;overflow:visible}.account-chip.signed-out{padding:0 14px;font-size:13px;font-weight:600}.account-chip:hover{border-color:var(--accent)}.account-chip-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}.account-chip-avatar.letter{background:var(--accent);color:#06101f;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.account-chip-label{line-height:1}.account-chip-dot{position:absolute;top:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--panel)}.account-modal{width:min(420px,92vw)}.account-modal-primary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-manage{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--border)}.account-manage-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.rarity-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:10px 0 6px}.rarity-common{color:var(--muted)}.rarity-uncommon{color:#6ea8fe}.rarity-rare{color:#b197fc}.rarity-mythic{color:#ffd43b}.collection-grid{display:flex;flex-wrap:wrap;gap:10px}.collection-item{width:118px}.collection-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;background:none;border:none;padding:4px;cursor:pointer;border-radius:8px}.collection-card:hover{background:var(--panel2)}.collection-preview{width:110px;height:154px;pointer-events:none}.collection-name{font-size:11px;text-align:center}.collection-count{font-size:12px;font-weight:700;color:var(--accent)}.collection-instances{display:flex;flex-direction:column;gap:3px;padding:6px 2px;font-size:11px}.collection-instance-row{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.subform{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:10px}.import-status.warn{color:var(--danger)}.seat-deck{border:1px dashed var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-height:46px;justify-content:center}.seat-deck-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.seat-deck-name{font-size:13px;font-weight:600}.seat-deck-meta{font-size:11px;color:var(--muted)}.seat-deck-meta.warn{color:var(--accent);font-weight:600}.seat-actions{display:flex;gap:8px}.seat-actions button{flex:1}.room-count{font-size:11px;color:var(--muted);min-width:1.5em;text-align:right}.room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.room-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--panel2)}.room-row.full{opacity:.65}.room-row.mine{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.room-row.selectable{cursor:pointer}.room-row.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel2))}.invite-deck-list{max-height:260px;overflow-y:auto}.room-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.room-id{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-meta{font-size:11px;color:var(--muted)}.room-row-actions{display:flex;gap:6px;flex-shrink:0}.room-close{min-width:28px;padding-inline:8px}.spectate-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:6px;color:#06101f;background:var(--accent)}.spectate-bar{position:absolute;top:36px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:10px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.spectate-follow{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.spectate-follow select{font:inherit;font-size:12px;color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:6px;padding:3px 6px}.layout.spectating .token-card,.layout.spectating .hand-fan-card{cursor:default}.hud-watchers{color:var(--muted);font-size:12px}.staging-grid{grid-template-columns:1fr;max-width:520px}.staging-row.is-ready{border-color:var(--accent)}.ready-pill{font-size:11px;font-weight:650;padding:3px 8px;border-radius:999px;color:var(--muted);background:var(--panel2);border:1px solid var(--border);white-space:nowrap}.ready-pill.on{color:#06101f;background:var(--accent);border-color:transparent}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.deck-tile{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel2);cursor:pointer;display:flex;flex-direction:column;transition:border-color .12s,transform .12s}.deck-tile:hover{transform:translateY(-2px);border-color:#3d4b5e}.deck-tile.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.deck-art{position:relative;height:88px;background:#0f1620}.deck-art img{width:100%;height:100%;object-fit:cover;display:block}.deck-art-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#6ea8fe33;font-size:30px}.deck-check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#06101f;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:5}.deck-body{padding:8px 10px;display:flex;flex-direction:column;gap:2px;flex:1}.deck-body .deck-name{font-size:13px;font-weight:600}.deck-body .deck-meta{font-size:11px;color:var(--muted)}.deck-body .deck-meta.dim{opacity:.75}.deck-actions{display:flex;gap:4px;padding:0 8px 8px}.deck-actions button{flex:0 0 auto}.deck-actions button:first-child{flex:1}.deck-grid.stack-mode{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:36px 28px;padding:20px 8px 12px;align-items:start}.deck-skeleton{cursor:default;pointer-events:none}.skeleton-line{display:block;height:10px;border-radius:4px;background:#263140}.deck-body .skeleton-line+.skeleton-line{margin-top:4px}.deck-stack-placeholder{border-radius:10px;background:#182230}.shimmer{position:relative;overflow:hidden;background-image:linear-gradient(100deg,transparent 30%,#ffffff14 50%,transparent 70%);background-size:200% 100%;animation:deck-shimmer 1.4s ease-in-out infinite}@keyframes deck-shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}.deck-stack-tile{border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;overflow:visible}.deck-stack-stage{position:relative;width:220px;height:280px;display:flex;align-items:center;justify-content:center;perspective:1100px;overflow:visible}.deck-stack-shadow{position:absolute;left:50%;bottom:14px;width:150px;height:36px;transform:translate(-50%);background:radial-gradient(ellipse at center,#000c 0%,transparent 70%);filter:blur(5px);pointer-events:none;transition:width .2s ease,opacity .2s ease;opacity:.85}.deck-stack-stage:hover .deck-stack-shadow,.deck-stack-tile.selected .deck-stack-shadow{width:180px;opacity:1}.deck-stack{position:relative;width:162px;height:225px;transform-style:preserve-3d;transform:rotateX(18deg) rotate(-6deg);transition:transform .2s ease}.deck-stack-stage:hover .deck-stack{transform:rotateX(12deg) rotate(-3deg) translateY(-6px)}.deck-stack-tile.selected .deck-stack-face-slot .card-wrap{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.deck-stack-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:1px solid #3a4658;box-shadow:0 4px 12px #0009;pointer-events:none;transform:translate3d(calc(var(--stack-i) * -4.5px),calc(var(--stack-i) * 4px),calc(var(--stack-i) * -8px));background-image:repeating-linear-gradient(135deg,transparent 0 6px,#ffffff0a 6px 7px);transition:transform .2s ease}.deck-stack-stage:hover .deck-stack-layer{transform:translate3d(calc(var(--stack-i) * -8px),calc(var(--stack-i) * 6px),calc(var(--stack-i) * -10px))}.deck-stack-face-slot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform:translate3d(8px,-8px,18px);transition:transform .2s ease}.deck-stack-stage:hover .deck-stack-face-slot{transform:translate3d(10px,-14px,24px)}.deck-stack-face-slot .card-wrap{width:100%!important;height:100%!important}.deck-stack-face-slot .card-wrap.mine{cursor:pointer}.deck-stack-check{position:absolute;top:10px;right:16px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#06101f;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:6;box-shadow:0 2px 8px #0008;pointer-events:none}.deck-stack-meta{text-align:center;display:flex;flex-direction:column;gap:2px;max-width:200px;padding:0 4px}.deck-stack-meta .deck-name{font-size:14px;font-weight:650;line-height:1.25}.deck-stack-meta .deck-meta{font-size:12px;color:var(--muted);line-height:1.3}.deck-stack-actions{display:flex;gap:4px;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.deck-stack-tile:hover .deck-stack-actions,.deck-stack-tile.selected .deck-stack-actions{opacity:1;transform:translateY(0);pointer-events:auto}.deck-stack-actions button{flex:0 0 auto}.deck-stack-actions button:first-child{flex:1}.picker{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--panel2)}.picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.picker .cand-list{max-height:190px}.cand.chosen{border-color:var(--accent);color:var(--accent);display:flex;justify-content:space-between;gap:8px}.cand-x{font-size:10px;color:var(--muted)}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.link.left{align-self:flex-start}.layout{display:flex;flex-direction:column;height:100%}.layout:not(.phone-portrait){--rail-w: 260px}.main{display:flex;flex:1;min-height:0}.viewport{position:relative;flex:1;overflow:hidden;background:radial-gradient(circle at 20% 20%,#18202a 0%,var(--bg) 60%);touch-action:none}.table{position:absolute;top:0;left:0;transform-origin:0 0;background-image:linear-gradient(#23303e55 1px,transparent 1px),linear-gradient(90deg,#23303e55 1px,transparent 1px);background-size:40px 40px}.table.grid-off{background-image:none}.draw-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:42}.draw-layer-active{pointer-events:auto;cursor:crosshair;touch-action:none}.draw-layer-eraser{cursor:cell}.arrow-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40;overflow:visible}.token.arrow-source .card-wrap{outline:2px solid var(--accent, #6af);outline-offset:2px}.token.arrow-targetable{cursor:crosshair}.token.highlight-targetable{cursor:cell}.token.highlighted .card-wrap{box-shadow:0 0 0 2px var(--highlight-color, #f5c542),0 0 14px 4px color-mix(in srgb,var(--highlight-color, #f5c542) 55%,transparent)}.token-note{position:absolute;left:50%;bottom:6px;transform:translate(-50%);z-index:6;max-width:calc(100% - 10px);padding:1px 6px;border-radius:4px;background:#0c1018e0;color:#f2f5fa;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.draw-hint{font-size:11px;color:var(--muted);padding:0 4px;white-space:nowrap}.tutor-shuffle-banner{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#2a3344;border-bottom:1px solid #3a4558;font-size:12px}.tutor-shuffle-banner button{font-size:11px}.card-browser-hit.cascade-cast{outline:2px solid var(--accent, #6af);outline-offset:2px;border-radius:6px}.hotkey-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.hotkey-sheet{width:min(420px,100%);max-height:min(80vh,560px);overflow:auto;background:#1a2230;border:1px solid #3a4558;border-radius:10px;padding:14px 16px 18px;color:#e8edf5;box-shadow:0 12px 40px #00000073}.hotkey-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hotkey-sheet table{width:100%;border-collapse:collapse;font-size:13px}.hotkey-sheet th{text-align:left;padding:6px 10px 6px 0;width:34%;vertical-align:top;font-weight:500}.hotkey-sheet td{padding:6px 0;color:var(--muted, #9aa8bc)}.hotkey-sheet kbd{display:inline-block;padding:2px 7px;border-radius:4px;border:1px solid #4a5568;background:#121820;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#f2f5fa}.lighting-ambient,.lighting-directional{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lighting-ambient{background:radial-gradient(circle at 20% 20%,var(--ambient-tint) 0%,transparent 70%);opacity:var(--ambient-intensity);mix-blend-mode:screen}.lighting-directional{background:radial-gradient(circle at var(--light-x) var(--light-y),#fff 0%,transparent 55%);opacity:var(--light-intensity);mix-blend-mode:overlay}.play-space{position:absolute;border:1px dashed #33455a;border-radius:10px;pointer-events:none;overflow:hidden}.play-space.mine{border-color:#6ea8fe66;background:#6ea8fe08}.play-space.empty{border-color:#2a3542;opacity:.5}.play-space.active-turn{border-color:#c9a227;border-style:solid;box-shadow:inset 0 0 0 1px #c9a22755}.play-space.active-turn.mine{border-color:#e0b93a}.play-space.has-mat,.play-space.has-mat.mine{background-color:transparent}.play-space-mat{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.play-space.has-mat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#061018aa,#06101822 28%,#06101833);pointer-events:none}.play-space-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:10px}@keyframes glow-pulse-fade{0%{opacity:.9}to{opacity:0}}.play-space-glow{animation:glow-pulse-fade 1.1s ease-out forwards}.play-space-glow.glow-turn{box-shadow:inset 0 0 40px 6px #c9a227}.play-space-glow.glow-damage{box-shadow:inset 0 0 40px 6px #e5484d}.play-space-glow.glow-heal{box-shadow:inset 0 0 40px 6px #51cf66}.play-space-glow.glow-cast{box-shadow:inset 0 0 40px 6px #6ea8fe}.space-label{position:absolute;top:8px;left:12px;z-index:1;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#5d6d80;font-weight:600}.play-space.mine .space-label{color:#6ea8fe99}.play-space.active-turn .space-label{color:#e0b93acc}.play-space.has-mat .space-label{color:#e8eef8dd;text-shadow:0 1px 3px #000c}.stolen-flag{position:absolute;top:-8px;right:-6px;background:var(--accent);color:#06101f;font-size:10px;font-weight:700;border-radius:4px;padding:0 4px;z-index:20}.peer-cursor{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none;z-index:500;will-change:transform}.peer-cursor-arrow{display:block;fill:var(--peer-color, var(--accent));stroke:#06101f;stroke-width:1;filter:drop-shadow(0 1px 2px #0008)}.peer-cursor-label{position:absolute;left:14px;top:15px;white-space:nowrap;background:var(--peer-color, var(--accent));color:#06101f;font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;box-shadow:0 1px 3px #0006}.peer-cursor-chat{position:absolute;left:14px;top:34px;width:max-content;max-width:220px;padding:6px 9px;background:#152033f2;color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:12px;line-height:1.35;font-weight:500;box-shadow:0 4px 14px #000a;white-space:pre-wrap;overflow-wrap:break-word;animation:peer-cursor-chat-in .18s ease-out both,peer-cursor-chat-out .55s ease-in forwards;animation-delay:0s,calc(var(--cursor-chat-life, 4.5s) - .55s)}.peer-cursor-own-chat .peer-cursor-chat{left:10px;top:8px}@keyframes peer-cursor-chat-in{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes peer-cursor-chat-out{0%{opacity:1}to{opacity:0;transform:translateY(-2px)}}.hud{position:absolute;top:10px;left:12px;font-size:12px;color:var(--muted);background:#0006;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:8px}.hud-turn{padding:1px 7px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#e0b93a;border:1px solid #c9a22788;border-radius:4px;background:#c9a22722}.hud-turn.mine{color:#06101f;background:#e0b93a;border-color:#e0b93a}.draw-toolbar{position:absolute;top:10px;right:12px;z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:min(420px,calc(100% - 24px));padding:6px 8px;border-radius:8px;background:#0b121ccc;border:1px solid #2a3644;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.draw-toolbar button{font-size:12px;padding:4px 8px}.draw-toolbar button.active{border-color:#e0b93a;color:#e0b93a;background:#e0b93a18}.draw-swatches,.draw-widths{display:inline-flex;align-items:center;gap:4px}.draw-swatch{width:18px;height:18px;padding:0;border-radius:4px;border:1px solid #ffffff55}.draw-swatch.active{outline:2px solid #e0b93a;outline-offset:1px}.mid-life{position:absolute;right:24px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:12px;width:200px;box-sizing:border-box}.mid-life.cluster{left:50%;right:auto;top:50%;transform:translate(-50%,-50%);width:auto;max-width:min(440px,42%)}.mid-life-seats{display:flex;flex-direction:column;gap:inherit;min-width:0}.mid-life.cluster .mid-life-seats{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"tl tr" "bl br";gap:10px;width:400px;max-width:100%}.mid-life.cluster .mid-life-seat{width:100%;min-width:0;padding:10px 12px 12px}.mid-life.cluster .mid-life-value{font-size:44px}.mid-life.cluster .mid-life-btn{flex-basis:36px;width:36px;height:36px;font-size:22px}.mid-life-seat{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;border-radius:14px;background:#0a1018f2;border:1px solid #3a4658;box-shadow:0 10px 32px #000a,inset 0 1px #ffffff0a;box-sizing:border-box;overflow:hidden}.mid-life-seat.you{border-color:color-mix(in srgb,var(--accent) 70%,#3a4658);background:color-mix(in srgb,var(--accent) 10%,#0a1018f2)}.mid-life-seat.active-turn{border-color:#c9a227;box-shadow:0 10px 32px #000a,0 0 0 1px #c9a22755}.mid-life-seat.eliminated{opacity:.5;filter:grayscale(.65)}.mid-life-name{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.mid-life-seat.you .mid-life-name{color:#9ec2ff}.mid-life-seat.active-turn .mid-life-name{color:#e0b93a}.mid-life-mode{text-align:center;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#e0b93a;background:#c9a22722;border:1px solid #c9a22788;border-radius:8px;padding:4px 8px}.mid-life-seat.cmd-source{border-color:#c9a227;box-shadow:0 10px 32px #000a,0 0 0 1px #c9a22766}.mid-life-seat.cmd-target{border-color:color-mix(in srgb,var(--danger) 55%,#3a4658)}.mid-life-cmd-toggle{flex:0 0 auto;width:26px;height:26px;padding:0;border-radius:8px;font-size:13px;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:var(--panel2);border:1px solid var(--border);color:var(--muted);cursor:pointer}.mid-life-cmd-toggle:hover{color:var(--text);border-color:#5a6a80}.mid-life-cmd-toggle.active{color:#06101f;background:#e0b93a;border-color:#e0b93a}.cmd-badge{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--danger);border-radius:4px;padding:0 4px;line-height:1.4}.mid-life-sub{text-align:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.mid-life-value.lethal{color:var(--danger)}.mid-life-main{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.mid-life-value{flex:1 1 auto;min-width:0;text-align:center;font-size:52px;font-weight:700;font-variant-numeric:tabular-nums;line-height:.95;letter-spacing:-.03em;color:var(--text)}.mid-life-btn{flex:0 0 40px;width:40px;height:40px;padding:0;border-radius:10px;font-size:24px;font-weight:600;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--panel2);border:1px solid var(--border);color:var(--text)}.mid-life-btn:hover{background:#2b3542;color:var(--accent)}.settings-fab{position:fixed;right:calc(16px + var(--safe-right) + var(--rail-w));bottom:calc(16px + var(--safe-bottom) + var(--mobile-bar-h));width:40px;height:40px;border-radius:50%;background:var(--panel2);color:var(--text);border:1px solid var(--border);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30}.yt-fab{position:fixed;right:calc(16px + var(--safe-right) + var(--rail-w));bottom:calc(64px + var(--safe-bottom) + var(--mobile-bar-h));width:40px;height:40px;border-radius:50%;background:var(--panel2);color:var(--text);border:1px solid var(--border);font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30}.debug-fab{position:fixed;left:calc(16px + var(--safe-left));bottom:calc(16px + var(--safe-bottom) + var(--mobile-bar-h));width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--danger) 20%,var(--panel2));color:var(--text);border:1px solid var(--danger);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30}.debug-fab:hover{color:var(--danger)}.debug-target-summary{border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--panel2)}.debug-panel .settings-section input,.debug-panel .settings-section select{flex:1}.riso-print-svg{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}html.riso-print-on #root{filter:url(#mtgt-riso-print)}.riso-print-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none;overflow:hidden}.riso-print-grain{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:180px 180px;animation:riso-grain-drift 8s steps(10) infinite}.riso-print-grit{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:120px 120px}.riso-print-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(18,14,10,.28) 100%);mix-blend-mode:multiply;opacity:.85}@keyframes riso-grain-drift{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(2%,-4%)}70%{transform:translateY(3%)}80%{transform:translate(-4%)}90%{transform:translate(3%,-1%)}}@media(prefers-reduced-motion:reduce){.riso-print-grain{animation:none}.emoji-particles{display:none}}.yt-fab:hover,.settings-fab:hover{border-color:var(--accent);color:var(--accent)}.yt-viewer{position:fixed;width:340px;z-index:80;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #0008;overflow:hidden;-webkit-user-select:none;user-select:none}.yt-viewer--hidden{left:-10000px!important;top:0!important;opacity:0;pointer-events:none}.yt-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:var(--panel2);cursor:grab;touch-action:none}.yt-viewer-bar:active{cursor:grabbing}.yt-viewer-title{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yt-viewer-actions{display:flex;gap:4px;flex-shrink:0}.yt-viewer-actions button{width:26px;height:24px;padding:0;font-size:14px;line-height:1;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer}.yt-viewer-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.yt-viewer-actions button:disabled{opacity:.4;cursor:default}.yt-viewer-body{padding:8px;display:flex;flex-direction:column;gap:8px}.yt-viewer-frame{width:320px;height:180px;background:#000;border-radius:6px;overflow:hidden;flex-shrink:0}.yt-viewer-frame iframe{width:320px!important;height:180px!important;border:0;display:block}.yt-viewer-hint{margin:0;font-size:12px;color:var(--muted);min-height:40px}.yt-viewer-form{display:flex;gap:6px}.yt-viewer-form input{flex:1;min-width:0;font:inherit;font-size:12px;padding:6px 8px;border-radius:6px;border:1px solid var(--border);background:var(--panel2);color:var(--text)}.yt-viewer-form button{flex-shrink:0;font:inherit;font-size:12px;padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--panel2);color:var(--text);cursor:pointer}.yt-viewer-form button:hover{border-color:var(--accent);color:var(--accent)}.yt-viewer-error{margin:0;font-size:11px;color:var(--danger)}.token{position:absolute}.token:hover{z-index:40}.token.selected{z-index:35}.token.selected .card-wrap{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.token.dragging{opacity:.35;pointer-events:none}.marquee{position:absolute;z-index:50;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);pointer-events:none}.drag-ghost-count{position:absolute;top:-8px;right:-8px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--accent);color:#06101f;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0008}.card-wrap{position:relative;border-radius:8px;transition:z-index .1s;--paint-scale: 1;overflow:visible}.card-wrap.mine{cursor:grab}.card-visual{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center}.card-raster{position:absolute;top:0;left:0;perspective:900px}.card-face{position:relative;width:100%;height:100%;border-radius:calc(8px * var(--paint-scale, 1));border:calc(1px * var(--paint-scale, 1)) solid var(--border);box-shadow:0 2px 8px #0009;transform-origin:center center;background:#1a2332}.card-wrap.hover .card-face{box-shadow:0 12px 28px #000c}.card-wrap.hover{z-index:30}.card-front{position:relative;width:100%;height:100%;border-radius:inherit;display:flex;flex-direction:column;justify-content:space-between;padding:calc(6px * var(--paint-scale, 1));overflow:hidden}.card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:1;visibility:visible;z-index:1}.card-name{position:relative;z-index:5;align-self:flex-start;background:linear-gradient(#ffffffd1,#f0f0f0d1);padding:calc(1px * var(--paint-scale, 1)) calc(4px * var(--paint-scale, 1));border-radius:calc(3px * var(--paint-scale, 1));color:#0d0d0d;font-weight:700;font-size:calc(11px * var(--paint-scale, 1));line-height:1.15;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.badge{position:relative;z-index:5;display:inline-block;background:#000c;color:#fff;border-radius:calc(4px * var(--paint-scale, 1));padding:calc(1px * var(--paint-scale, 1)) calc(4px * var(--paint-scale, 1));font-size:calc(10px * var(--paint-scale, 1));align-self:flex-start}.card-face.holo-card>.holo-card__translater>.holo-card__rotator>.holo-card__front.card-front,.holo-card__rotator>.holo-card__front.card-front{display:flex;aspect-ratio:auto;border-radius:inherit;grid-area:auto;width:100%;height:100%}.holo-card__translater,.holo-card__rotator{width:100%;height:100%;position:relative}.card-wrap .holo-card,.card-wrap .card-face.holo-card{will-change:auto;transform-style:flat}.card-wrap .holo-card__translater,.card-wrap .holo-card__rotator{will-change:auto}.card-wrap .holo-card__front,.card-wrap .holo-card__front *{backface-visibility:visible}.card-wrap .holo-card__rotator img.card-art,.card-wrap .holo-card__rotator img.holo-card__image{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;image-rendering:auto;border-radius:inherit;overflow:hidden;object-fit:cover;transform:none!important;backface-visibility:visible}.holo-card__rotator .card-name,.holo-card__rotator .badge,.holo-card__rotator .pt-badges,.holo-card__rotator .pt-net,.holo-card__rotator .pt-counter{display:inline-block;aspect-ratio:auto;grid-area:auto;width:auto;height:auto;border-radius:var(--card-radius);overflow:visible;pointer-events:auto}.holo-card__rotator .pt-badges{display:flex;position:absolute}.holo-card__rotator .card-name{border-radius:calc(3px * var(--paint-scale, 1))}.holo-card__rotator .badge{border-radius:calc(4px * var(--paint-scale, 1))}.card-face.holo-card{aspect-ratio:auto;border-radius:calc(8px * var(--paint-scale, 1))}.holo-card__translater,.holo-card__rotator{transform:none!important;transform-style:flat}.card-face.holo-card{transform:rotateY(calc(var(--rotate-x) * .3)) rotateX(calc(var(--rotate-y) * .3));transform-style:flat;transform-origin:center center}.holo-card__rotator{position:relative}.card-face.holo-card .holo-card__rotator{aspect-ratio:auto}.holo-card__rotator>.holo-card__shine,.holo-card__rotator>.holo-card__glare{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;border-radius:var(--card-radius);overflow:hidden;margin:0}.card-face.holo-card{--hc-brightness: .95;--hc-contrast: .6;--hc-saturate: .95;--hc-shine-opacity: 1;--hc-glare-opacity: .85}.card-face.holo-card[data-effect=cosmos],.card-face.holo-card[data-effect=rainbow]{--hc-contrast: .45}.card-face.holo-card[data-effect=metal]{--hc-saturate: .7}.card-face.holo-card[data-effect=oilslick]{--hc-contrast: .5}.card-face.holo-card[data-effect=prism]{--hc-contrast: .55}.card-face.holo-card[data-effect=glitter]{--hc-contrast: .6}.card-back-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;--back-accent: #6ea8fe;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--back-accent) 10%,#182230) 0,color-mix(in srgb,var(--back-accent) 10%,#182230) 8px,#101a26 8px,#101a26 16px),#101a26}.card-back-glyph{color:color-mix(in srgb,var(--back-accent) 27%,transparent);font-size:calc(42px * var(--paint-scale, 1));text-shadow:0 0 12px color-mix(in srgb,var(--back-accent) 20%,transparent)}.card-back-image{background-size:cover;background-position:center}.token-tools{position:absolute;bottom:100%;left:0;width:max-content;padding-bottom:10px;display:flex;flex-wrap:nowrap;gap:4px;opacity:0;pointer-events:none;transition:opacity .12s;z-index:40}.token-tools:after{content:"";position:absolute;top:100%;left:var(--card-w, 108px);right:0;height:64px}.token:hover .token-tools,.token.selected .token-tools{opacity:1;pointer-events:auto}.token-tools button{flex:0 0 auto;padding:2px 7px;font-size:11px;white-space:nowrap}.pt-panel{position:absolute;right:100%;top:0;padding-right:6px;opacity:0;pointer-events:none;transition:opacity .12s;z-index:40}.token:hover .pt-panel,.token.selected .pt-panel{opacity:1;pointer-events:auto}.pt-panel-inner{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:8px;border:1px solid var(--border);background:var(--panel);box-shadow:0 8px 20px #000a}.pt-row{display:flex;align-items:center;gap:4px}.pt-label{width:34px;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pt-value{min-width:22px;text-align:center;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.pt-btn{width:22px;height:22px;padding:0;font-size:14px;line-height:1;border-radius:5px}.pt-badges{position:absolute;left:4px;right:4px;bottom:4px;z-index:6;display:flex;flex-wrap:wrap;gap:3px;pointer-events:none}.pt-net{display:inline-block;font-weight:800;font-size:calc(13px * var(--paint-scale, 1));font-variant-numeric:tabular-nums;padding:calc(2px * var(--paint-scale, 1)) calc(6px * var(--paint-scale, 1));border-radius:calc(5px * var(--paint-scale, 1));background:#0b1220ee;color:#e8eef8;border:1px solid #3d4b5e;box-shadow:0 2px 8px #0008}.pt-net.buff{color:#9dffb0;border-color:#3d8f55}.pt-net.debuff{color:#ffb0b0;border-color:#8f3d3d}.pt-counter{background:#1a3a28cc}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;opacity:.9}.drag-ghost .card-face{width:100%;height:100%;box-shadow:0 16px 40px #000e}.card-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#000000a6;animation:card-preview-in .08s ease-out}.card-preview-overlay.sticky{pointer-events:auto;cursor:pointer}.card-preview-image{max-width:min(70vw,480px);max-height:85vh;border-radius:4.5%/3.2%;box-shadow:0 24px 70px #000c}@keyframes card-preview-in{0%{opacity:0}to{opacity:1}}.rail{width:260px;border-left:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;gap:16px;padding:14px;overflow-y:auto}.turn-actions,.hand-actions,.board-actions{display:flex;flex-direction:column;gap:8px}.turn-actions strong,.hand-actions strong,.board-actions strong{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.turn-cue{outline:1px solid #51cf6688;outline-offset:0;border-color:#51cf6688}.life{display:flex;flex-direction:column;gap:8px}.life strong{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.chat-panel{display:flex;flex-direction:column;gap:8px;min-height:180px;flex:1 1 auto}.chat-panel strong{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.chat-log{flex:1 1 auto;min-height:120px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border);border-radius:6px;background:color-mix(in srgb,var(--bg) 70%,transparent);font-size:12px;line-height:1.35}.chat-empty{color:var(--muted);font-size:12px;padding:6px 2px}.chat-line{word-break:break-word;color:var(--text)}.chat-line--turn{color:var(--muted);text-align:center;font-size:11px;letter-spacing:.04em;margin:4px 0}.chat-line--chat.mine{color:#a5d8ff}.chat-line-name{font-weight:700}.chat-line--action.mine{color:#c3fae8}.chat-compose{display:flex;gap:6px}.chat-compose input{flex:1 1 auto;min-width:0;font-size:13px;padding:6px 8px}.chat-compose button{flex:0 0 auto;padding:6px 10px;font-size:12px}.import-status{font-size:11px;color:var(--muted);line-height:1.4}.account{display:flex;flex-direction:column;gap:8px}.account strong{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.account .spaced{margin-top:8px}.account .who{font-size:12px;color:var(--text)}.row{display:flex;gap:6px}.row>*{flex:1}.deck-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.deck-list li{border:1px solid var(--border);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.deck-list .deck-name{font-size:12px;font-weight:600}.deck-list .deck-meta{font-size:11px;color:var(--muted)}.deck-list .empty{border:none;color:var(--muted);font-size:12px;padding:4px}.account .hint{font-size:11px;color:var(--muted);line-height:1.4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;width:min(420px,90vw);max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 60px #000c}.modal.wide{width:min(560px,92vw)}.modal.deck-editor-grid{width:min(1100px,96vw);height:min(920px,92vh);max-height:92vh;padding:0;overflow:hidden;display:grid;grid-template-columns:1fr min(340px,38vw);grid-template-rows:minmax(0,1fr);gap:0}.deck-editor-grid-main{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:16px 16px 18px;border-right:1px solid var(--border);background:radial-gradient(ellipse at 30% 0%,#1a2433 0%,transparent 55%),var(--panel)}.deck-editor-grid-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-shrink:0}.deck-editor-grid-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.deck-editor-grid-head h3{margin:0;font-size:16px}.deck-card-grid-search{width:min(220px,42%);flex-shrink:0}.deck-editor-grid-side{display:flex;flex-direction:column;gap:10px;padding:16px;overflow-y:auto;min-height:0;background:var(--panel)}.deck-editor-grid-side h3{margin:0;font-size:15px}.deck-card-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:18px 12px;padding:56px 48px 64px;align-content:start}.deck-card-grid-item{position:relative;display:flex;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;border-radius:10px;z-index:0;transform-origin:center center;transition:transform .14s ease,z-index 0s linear .14s}.deck-card-grid-item:hover,.deck-card-grid-item:focus-visible{z-index:50;transform:scale(2.25);transition:transform .14s ease,z-index 0s}.deck-card-grid-item .card-wrap.mine{cursor:pointer}.deck-card-grid-item.selected .card-wrap{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.deck-card-grid-item:hover .card-wrap,.deck-card-grid-item:focus-visible .card-wrap{box-shadow:0 18px 40px #000c}.deck-card-grid-item.is-commander:after{content:"CMD";position:absolute;top:-6px;left:4px;z-index:4;font-size:9px;font-weight:700;letter-spacing:.06em;color:#06101f;background:#e0b93a;border-radius:4px;padding:1px 5px;pointer-events:none}.deck-card-qty{position:absolute;right:2px;bottom:2px;z-index:4;font-size:11px;font-weight:700;color:#fff;background:#000b;border-radius:6px;padding:1px 6px;pointer-events:none}@media(max-width:820px){.modal.deck-editor-grid{grid-template-columns:1fr;grid-template-rows:minmax(42vh,1fr) minmax(40vh,auto)}.deck-editor-grid-main{border-right:none;border-bottom:1px solid var(--border)}}.modal.narrow{width:min(380px,90vw)}.modal h3{margin:0;font-size:15px}.modal p{margin:0;color:var(--muted);font-size:12px}.modal-sub{font-size:11px;color:var(--muted)}.link{background:none;border:none;color:var(--accent);padding:0;font-size:11px;cursor:pointer;text-decoration:underline}.cand-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.cand-list .cand{text-align:left}.modal-skip{align-self:flex-end;background:transparent}.token-spawn-input{width:100%;font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel2);color:var(--text)}.token-spawn-list{max-height:min(360px,50vh);min-height:120px}.token-spawn-hit{display:flex;align-items:center;gap:10px;padding:6px 8px}.token-spawn-hit img{width:36px;height:50px;object-fit:cover;border-radius:4px;flex:0 0 auto;background:#0f1620}.token-spawn-hit span{text-align:left;font-size:13px}.token-spawn-hit-wrap{display:flex;flex-direction:column;gap:4px}.token-spawn-badge{font-style:normal;color:var(--muted);font-size:11px;margin-left:4px}.token-spawn-variants{display:flex;flex-wrap:wrap;gap:6px;padding:4px 8px 8px 48px}.token-spawn-variant{flex-direction:column;align-items:center;gap:4px;padding:4px;min-width:52px}.token-spawn-variant img{width:40px;height:56px}.token-spawn-variant span{font-size:10px;color:var(--muted)}.life-row{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:8px;padding:6px}.life-row.you{border-color:var(--accent)}.life-row.active-turn{border-color:#c9a227}.life-main{display:flex;align-items:center;gap:6px;width:100%}.life-name{flex:1;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.host-badge{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:0 4px;line-height:1.4}.turn-badge{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#06101f;background:#e0b93a;border-radius:4px;padding:0 4px;line-height:1.4}.out-badge{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--danger);border-radius:4px;padding:0 4px;line-height:1.4}.mull-badge{flex:0 0 auto;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 4px;line-height:1.4}.life-value{font-variant-numeric:tabular-nums;min-width:2ch;text-align:center;font-weight:600}.life-main button{padding:2px 8px;font-size:14px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none}.life-row.eliminated{opacity:.55;filter:grayscale(.7)}.cmd-damage{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding-top:2px;border-top:1px solid var(--border)}.cmd-damage-label{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:2px}.cmd-chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--border);border-radius:6px;padding:1px 3px;background:var(--panel2)}.cmd-chip.zero{opacity:.55}.cmd-chip.lethal{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 18%,transparent)}.cmd-chip-nick{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;max-width:3.2ch;overflow:hidden;text-overflow:ellipsis}.cmd-chip-val{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;min-width:1.4ch;text-align:center}.cmd-chip.lethal .cmd-chip-val{color:var(--danger)}.cmd-chip button{padding:0 5px;font-size:12px;line-height:1.4;background:transparent;border:none;color:var(--text);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.cmd-chip button:hover{color:var(--accent)}.game-outcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:500}.game-outcome-banner{font-size:clamp(32px,6vw,64px);font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:22px 48px;border-radius:16px;text-align:center;box-shadow:0 20px 60px #000a}.game-outcome-banner.lost{color:#ff8a8a;background:color-mix(in srgb,var(--danger) 22%,#06101f 78%);border:2px solid var(--danger);animation:outcome-lost-in .5s cubic-bezier(.36,.07,.19,.97) both,outcome-fade-out .6s ease 2.6s forwards}.game-outcome-banner.won{color:#ffe27a;background:color-mix(in srgb,#e0b93a 22%,#06101f 78%);border:2px solid #e0b93a;animation:outcome-won-in .6s ease both,outcome-fade-out .6s ease 2.6s forwards}@keyframes outcome-lost-in{0%{transform:scale(1.4) rotate(-4deg);opacity:0}50%{transform:scale(.95) rotate(2deg);opacity:1}70%{transform:scale(1.05) rotate(-1deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes outcome-won-in{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes outcome-fade-out{to{opacity:0;transform:scale(.9)}}.settings-modal{gap:16px}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-section strong{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;cursor:pointer}.settings-toggle input{cursor:pointer}.settings-slider{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.settings-slider input[type=range]{flex:1;max-width:180px;cursor:pointer;accent-color:var(--accent)}.settings-slider input[type=color]{width:44px;height:28px;padding:2px;cursor:pointer}.lighting-presets{display:flex;gap:6px;flex-wrap:wrap}.lighting-presets button{flex:1}.cardback-swatches{display:flex;flex-wrap:wrap;gap:8px}.cardback-swatch{--swatch: #6ea8fe;width:26px;height:26px;border-radius:50%;border:2px solid transparent;background:var(--swatch);cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #00000040}.cardback-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--swatch)}.cardback-swatch:hover{background:var(--swatch);transform:scale(1.08)}.zone-piles{display:flex;flex-direction:column;gap:8px}.zone-piles>strong{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.pile-owner-tabs{display:flex;flex-wrap:wrap;gap:4px}.pile-owner-tab{flex:1 1 auto;min-width:0;padding:3px 6px;font-size:11px;border-radius:6px;border:1px solid var(--border);background:var(--panel2);color:var(--muted);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pile-owner-tab.active{color:var(--text);border-color:var(--accent, #6af);background:color-mix(in srgb,var(--accent, #6af) 18%,var(--panel2))}.pile-zone.pile-foreign{border-style:dashed}.pile-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.zone-title{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.pile-zone{position:relative;display:flex;flex-direction:column;gap:4px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:6px 4px 8px;background:var(--panel2)}.pile-zone.pile-other{opacity:.7}.pile{position:relative;display:flex;flex-direction:column;gap:3px;align-items:center}.pile-card{position:relative;width:44px;height:60px;border-radius:5px;border:1px solid var(--border);box-shadow:0 2px 6px #0007;background:repeating-linear-gradient(45deg,#1a2332 0,#1a2332 8px,#0d1321 8px,#0d1321 16px);color:var(--muted);font-size:15px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pile-card.has-art{background:#0d1321;color:#fff}.pile-card-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.pile-card-count{position:relative;z-index:1;font-weight:700;text-shadow:0 1px 2px #000c}.pile-card.has-art .pile-card-count{background:#0009;border-radius:4px;padding:0 5px;font-size:12px;line-height:1.4}.pile-sub{font-size:9px;color:var(--muted);max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-btn{position:absolute;top:-14px;left:50%;transform:translate(-50%);font-size:10px;padding:1px 8px;border-radius:4px;background:var(--accent);color:#001;border:none;z-index:10;white-space:nowrap}.find-btn{font-size:10px;padding:3px 8px;border-radius:4px;align-self:stretch}.card-browser{position:absolute;left:0;right:0;bottom:0;z-index:60;display:flex;flex-direction:column;max-height:48vh;background:#0c1018f5;border-top:1px solid var(--border);box-shadow:0 -10px 28px #000a}.card-browser-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--border)}.card-browser-bar strong{font-size:13px;white-space:nowrap}.card-browser-count{font-size:11px;color:var(--muted);white-space:nowrap}.card-browser-search{flex:1;min-width:0}.card-browser-close{white-space:nowrap;background:var(--accent);color:#001;border:none;font-weight:600}.card-browser-row{display:flex;align-items:flex-start;gap:8px;overflow-x:auto;overflow-y:hidden;padding:12px}.card-browser-empty{color:var(--muted);font-size:12px;padding:20px 6px}.card-browser-hit{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:108px}.card-browser-hit-actions{display:flex;gap:4px}.card-browser-hit-actions button{flex:1;font-size:10px;padding:3px 4px;border-radius:4px;background:var(--accent);color:#001;border:none;white-space:nowrap}.card-browser-hit-actions button:disabled{opacity:.35}.scry-overlay{max-height:62vh}.scry-bar-actions{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.scry-count-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.scry-count-input{width:52px;padding:3px 6px}.scry-lanes{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.scry-lane{border-top:1px solid var(--border)}.scry-lane-head{display:flex;align-items:baseline;gap:8px;padding:8px 12px 0;font-size:12px}.scry-lane-head strong{font-size:12px}.scry-lane-head span{color:var(--muted);font-size:11px}.scry-lane .card-browser-row{padding-top:8px}.hand-fan{position:absolute;left:0;right:0;bottom:0;height:min(300px,42vh);pointer-events:none;z-index:40;overflow:visible;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,#0c1018ee 0%,#0c1018aa 35%,transparent 100%);padding-bottom:6px}.opp-hand-fan{position:absolute;z-index:34;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;overflow:visible}.opp-hand-fan-label{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:#0a1018cc;border:1px solid #3a465888;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.02em;max-width:100%}.opp-hand-fan-nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em}.opp-hand-fan-count{font-variant-numeric:tabular-nums;color:var(--text);min-width:1.2ch;text-align:center}.opp-hand-fan-stage{position:relative;width:100%;height:72px;overflow:visible}.opp-hand-fan-card{position:absolute;left:50%;bottom:0;filter:drop-shadow(0 4px 8px #00000088)}.opp-hand-fan-card .card-wrap{width:100%!important;height:100%!important;cursor:default}.opp-hand-fan.edge-top{top:6px;left:50%;transform:translate(-50%);width:min(480px,70%)}.opp-hand-fan.edge-top.quad.slot-1{left:25%;width:min(320px,46%)}.opp-hand-fan.edge-top.quad.slot-2{left:75%;width:min(320px,46%)}.opp-hand-fan.edge-right{right:10px;left:auto;bottom:min(280px,38vh);width:min(200px,42vw);transform:none;align-items:flex-end}.opp-hand-fan.edge-right .opp-hand-fan-stage{height:72px;width:100%}.opp-hand-fan.empty .opp-hand-fan-label{opacity:.7}@media(max-width:600px){.layout.phone-portrait .opp-hand-fan.edge-top{top:calc(78px + var(--safe-top))}.layout.phone-portrait .opp-hand-fan.edge-top.quad.slot-1,.layout.phone-portrait .opp-hand-fan.edge-top.quad.slot-2{width:min(48%,180px)}.layout.phone-portrait .opp-hand-fan.edge-right{bottom:calc(var(--mobile-bar-h) + min(240px,34vh))}}.hand-fan.empty{height:48px;background:linear-gradient(to top,#0c1018cc,transparent)}.hand-fan-hint{pointer-events:none;font-size:12px;color:var(--muted);margin-bottom:10px;letter-spacing:.02em}.hand-fan-stage{position:relative;width:100%;height:100%;max-width:1100px;pointer-events:none;overflow:visible}.hand-fan-card{position:absolute;left:50%;bottom:10px;pointer-events:auto;cursor:grab}.hand-fan-visual{position:absolute;left:0;bottom:0;transform-origin:50% 100%;pointer-events:none;transition:transform .2s cubic-bezier(.22,1,.36,1),filter .2s ease;filter:drop-shadow(0 6px 10px #00000088)}.hand-fan-card.active .hand-fan-visual{filter:drop-shadow(0 22px 32px #000000cc)}.hand-fan-card .card-wrap{width:100%!important;height:100%!important}.hand-fan-card .card-face.holo-card{transform:rotateY(calc(var(--rotate-x) * .18)) rotateX(calc(var(--rotate-y) * .18))}.hand-fan-play{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:11px;padding:3px 11px;border-radius:4px;background:var(--accent);color:#001;border:none;z-index:12;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease}.hand-fan-play:after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}.hand-fan-card.active .hand-fan-play{opacity:1;pointer-events:auto}.card-ctx{position:fixed;z-index:200;min-width:200px;max-width:260px;padding:6px;border-radius:10px;border:1px solid var(--border);background:var(--panel);box-shadow:0 12px 32px #000a;display:flex;flex-direction:column;gap:2px}.card-ctx-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 8px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-ctx-sep{height:1px;background:var(--border);margin:4px 2px}.card-ctx button{display:block;width:100%;text-align:left;font:inherit;font-size:13px;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--text);cursor:pointer}.card-ctx button:hover{background:var(--panel2);color:var(--accent)}.toast{position:fixed;top:calc(14px + var(--safe-top));left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 4px 12px #0006;z-index:10;max-width:calc(100vw - 32px - var(--safe-left) - var(--safe-right))}.post-game-outcome{font-size:15px;font-weight:600}.post-game-xp{font-size:20px;font-weight:700;color:var(--accent);margin:0}.acct-stats-strip{display:block;margin-top:2px}.stats-modal{max-height:min(90vh,720px);overflow:auto;display:flex;flex-direction:column;gap:14px}.stats-modal h3{margin:0}.stats-period{display:flex;flex-direction:column;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stats-metric{display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--panel2);border-radius:6px}.stats-metric-value{font-size:18px;font-weight:700;line-height:1.1}.stats-metric-label{font-size:11px;color:var(--muted)}.stats-record{margin:0}.stats-chart{display:flex;align-items:flex-end;gap:2px;height:72px;padding:4px 0}.stats-chart-col{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end}.stats-chart-bar-wrap{width:100%;height:100%;display:flex;align-items:flex-end}.stats-chart-bar{width:100%;min-height:0;background:var(--accent);opacity:.75;border-radius:2px 2px 0 0}.stats-history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.stats-history-row{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:baseline;padding:6px 8px;background:var(--panel2);border-radius:6px;font-size:12px}.stats-history-outcome{font-weight:700}.stats-history-row.outcome-win .stats-history-outcome{color:#3ecf8e}.stats-history-row.outcome-loss .stats-history-outcome{color:#e86a6a}.stats-history-row.outcome-tie .stats-history-outcome,.stats-history-meta{color:var(--muted)}.stats-history-when{color:var(--muted);white-space:nowrap}@media(max-width:520px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.xp-bar{height:8px;border-radius:4px;background:var(--panel2);overflow:hidden}.xp-bar-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s ease}.level-up-banner{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:10px;text-align:center;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid var(--accent);color:var(--accent)}.level-up-banner strong{letter-spacing:.08em;font-size:13px}.level-up-banner span{font-size:18px;font-weight:700}.reward-packs{display:flex;flex-direction:column;gap:6px}.reward-pack-list{display:flex;flex-wrap:wrap;gap:8px}.reward-reveal{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.reward-reveal-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.reward-reveal-preview{width:140px;height:195px}.report-result-options{display:flex;flex-direction:column;gap:6px}.report-result-option{text-align:left;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel2)}.report-result-option.selected{border-color:var(--accent);color:var(--accent)}.report-result-hint{color:var(--muted);font-size:11px}.report-result-status{display:flex;flex-direction:column;gap:3px;border-top:1px solid var(--border);padding-top:8px}.report-result-status-row{display:flex;justify-content:space-between;gap:8px;font-size:12px}.mobile-chrome{display:none}@media(max-width:600px){.layout.phone-portrait{--mobile-bar-h: calc(56px + var(--safe-bottom))}.layout.phone-portrait .main{flex-direction:column}.layout.phone-portrait .rail{display:none}.layout.phone-portrait .viewport{flex:1;min-height:0}.layout.phone-portrait .hand-fan{bottom:0;padding-bottom:10px;height:min(260px,36vh)}.layout.phone-portrait .mid-life.pinned{position:absolute;top:0;left:0;right:0;transform:none;width:auto;max-width:none;gap:6px;padding:calc(8px + var(--safe-top)) calc(56px + var(--safe-right)) 8px calc(8px + var(--safe-left));background:linear-gradient(to bottom,#0c1018f2 0%,#0c1018cc 70%,transparent 100%);pointer-events:none;z-index:56}.layout.phone-portrait .mid-life.pinned .mid-life-mode,.layout.phone-portrait .mid-life.pinned .mid-life-seats,.layout.phone-portrait .mid-life.pinned .mid-life-seat{pointer-events:auto}.layout.phone-portrait .mid-life.pinned .mid-life-mode{align-self:flex-start;margin:0 0 2px}.layout.phone-portrait .mid-life.pinned .mid-life-seats{flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.layout.phone-portrait .mid-life.pinned .mid-life-seat{flex:1 1 0;min-width:96px;max-width:140px;padding:6px 6px 8px;gap:2px;border-radius:10px}.layout.phone-portrait .mid-life.pinned .mid-life-name{font-size:10px;gap:4px}.layout.phone-portrait .mid-life.pinned .mid-life-cmd-toggle{width:24px;height:24px;font-size:12px}.layout.phone-portrait .mid-life.pinned .mid-life-value{font-size:28px}.layout.phone-portrait .mid-life.pinned .mid-life-btn{flex:0 0 36px;width:36px;height:36px;font-size:20px}.layout.phone-portrait .mid-life.pinned .mid-life-sub{font-size:9px}.layout.phone-portrait .hud{top:calc(78px + var(--safe-top));left:calc(10px + var(--safe-left))}.layout.phone-portrait .draw-toolbar{top:calc(78px + var(--safe-top));right:calc(10px + var(--safe-right));left:auto;max-width:calc(100% - 20px - var(--safe-left) - var(--safe-right))}.mobile-chrome{display:block;position:relative;z-index:45;flex:0 0 auto}.mobile-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#0008;z-index:46;cursor:pointer}.mobile-sheet{position:fixed;left:0;right:0;bottom:var(--mobile-bar-h);max-height:min(70vh,520px);z-index:47;background:var(--panel);border-top:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -12px 40px #000a;display:flex;flex-direction:column;padding-bottom:4px}.mobile-sheet[hidden]{display:none!important}.mobile-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:10px auto 6px;flex:0 0 auto}.mobile-sheet-body{overflow-y:auto;padding:8px 14px 16px;display:flex;flex-direction:column;gap:16px;-webkit-overflow-scrolling:touch}.mobile-sheet-body .turn-actions,.mobile-sheet-body .hand-actions,.mobile-sheet-body .board-actions,.mobile-sheet-body .life{gap:8px}.mobile-sheet-body .chat-panel{min-height:220px}.mobile-sheet-body .chat-log{max-height:200px}.mobile-sheet-body button{min-height:44px;font-size:15px}.mobile-sheet-body .chat-compose button{min-height:40px}.mobile-action-bar{display:flex;align-items:stretch;gap:4px;padding:6px 8px calc(6px + var(--safe-bottom));padding-left:calc(8px + var(--safe-left));padding-right:calc(8px + var(--safe-right));background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -4px 18px #0007}.mobile-action-bar button{flex:1 1 0;min-width:0;min-height:44px;padding:6px 4px;font-size:12px;font-weight:600;line-height:1.15}.mobile-action-bar button.sm{flex:0 0 44px;font-size:18px;padding:0}.mobile-action-bar .mobile-more{flex:1.1 1 0;border-color:var(--accent);color:var(--accent)}.mobile-action-bar button.flash{border-color:var(--accent)}button:not(.sm):not(.pt-btn):not(.mid-life-btn):not(.mid-life-cmd-toggle):not(.account-chip):not(.settings-fab):not(.yt-fab):not(.debug-fab){min-height:40px}.account-modal-primary{grid-template-columns:1fr}.splash{padding:calc(24px + var(--safe-top)) calc(20px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(20px + var(--safe-left))}.lobby{padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));padding-bottom:calc(24px + var(--safe-bottom))}.deck-stack-actions{opacity:1;transform:none;pointer-events:auto}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.deck-grid.stack-mode{grid-template-columns:1fr}.token,.hand-fan-card{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.deck-card-grid-item:hover,.deck-card-grid-item:focus-visible{transform:none}.deck-card-grid-item.selected{z-index:50}.deck-card-grid-item.selected .card-wrap{outline:2px solid var(--accent);outline-offset:3px}.modal.deck-editor-grid{width:100vw;height:calc(100dvh - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom));border-radius:0}.token-tools button,.hand-fan-play{min-height:36px;padding:6px 10px;font-size:13px}.card-ctx{max-width:min(280px,calc(100vw - 16px - var(--safe-left) - var(--safe-right)))}.card-ctx button{min-height:40px;font-size:14px}}.card-face[data-finish]:not([data-finish=normal]){--px: 50%;--py: 50%;--holo-angle: 115deg}.card-face[data-finish]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;background-image:linear-gradient(122deg,#fff0 38%,#ffffff29,#ffffff08,#fff0 62%)}.card-face[data-finish=foil]:after,.card-face[data-finish=holo]:after,.card-face[data-finish=rainbow]:after,.card-face[data-finish=gold]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit;opacity:.15;mix-blend-mode:screen;background-image:linear-gradient(var(--holo-angle),transparent 0%,hsla(0,0%,100%,.5) 12%,transparent 24%);background-size:200% 200%;background-position:30% 70%}.card-face[data-finish=foil]:after{filter:saturate(.3) brightness(1)}.card-face[data-finish=gold]:after{background-image:linear-gradient(var(--holo-angle),transparent 0%,hsla(45,100%,70%,.55) 14%,transparent 26%);opacity:.18}.holo-shine,.holo-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;border-radius:inherit;overflow:hidden;opacity:0;transition:opacity .15s ease-out}.card-wrap.hover .holo-shine,.card-wrap.hover .holo-glare{opacity:1}.holo-glare{z-index:4;mix-blend-mode:overlay;background-image:radial-gradient(circle at var(--px) var(--py),hsla(0,0%,100%,.5) 0%,hsla(0,0%,100%,.15) 35%,hsla(0,0%,0%,.22) 100%)}.holo-shine{mix-blend-mode:color-dodge;filter:brightness(.95) contrast(1.7) saturate(.7)}.card-face[data-finish=foil] .holo-shine{background-image:repeating-linear-gradient(100deg,transparent 0%,hsla(0,0%,100%,.75) 4%,transparent 8%,transparent 14%);background-size:250% 250%;background-position:var(--px) var(--py);filter:brightness(.95) contrast(1.5) saturate(.4)}.card-face[data-finish=holo] .holo-shine{background-image:repeating-linear-gradient(0deg,#ff7a75 5%,#ffed61,#a8ff61,#85fff7,#7a95ff,#d875ff,#ff7a75 83%),repeating-linear-gradient(0deg,#80808000,#80808000 1px,#8080801f 1px,#8080801f 2px);background-size:100% 300%,100% 100%;background-position:var(--px) var(--py),center center}.card-face[data-finish=rainbow] .holo-shine{background-image:repeating-conic-gradient(from 0deg at 50% 50%,#f65555,#f6f655,#55f655,#55f6f6,#5555f6,#f655f6,#f65555 240deg),repeating-linear-gradient(0deg,#fff0,#fff0 3px,#ffffff1a 3px,#ffffff1a 4px);background-size:220% 220%,100% 100%;background-position:var(--px) var(--py),center center;filter:brightness(.9) contrast(1.6) saturate(1)}.card-face[data-finish=gold] .holo-shine{background-image:repeating-linear-gradient(100deg,#aa8109,#ffe680,#aa8109 12%),repeating-linear-gradient(0deg,#ffbf0000,#ffbf0000 1px,#ffbf001f 1px,#ffbf001f 2px);background-size:220% 220%,100% 100%;background-position:var(--px) var(--py),center center;filter:brightness(1) contrast(1.5) saturate(.85)}@property --card-opacity{syntax: "<number>"; inherits: true; initial-value: 0;}@property --pointer-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --pointer-y{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --background-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --background-y{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@keyframes foil-idle-drift{0%,to{--card-opacity: .4;--pointer-x: 20%;--pointer-y: 80%;--background-x: 38%;--background-y: 62%}50%{--card-opacity: .4;--pointer-x: 80%;--pointer-y: 20%;--background-x: 62%;--background-y: 38%}}.holo-card[data-effect]:not([data-effect=none]){animation:foil-idle-drift 9s ease-in-out infinite}.holo-card[data-effect]:not([data-effect=none]).holo-card--interacting{animation:none}@media(prefers-reduced-motion:reduce){.holo-card[data-effect]{animation:none}}.finish-swatch{width:22px;height:22px;border-radius:4px;border:1px solid var(--border);flex:0 0 auto}.finish-swatch[data-finish=none]{background:#2a3444}.finish-swatch[data-finish=metal]{background:linear-gradient(115deg,#3a4454,#cfd8e6,#3a4454)}.finish-swatch[data-finish=holo]{background:linear-gradient(115deg,#ff7a75,#ffed61,#85fff7,#7a95ff)}.finish-swatch[data-finish=reverse]{background:repeating-linear-gradient(45deg,#5a7099 0,#5a7099 3px,#233046 3px,#233046 6px)}.finish-swatch[data-finish=cosmos]{background:radial-gradient(circle at 30% 30%,#d8b4ff,#1c0e36 60%)}.finish-swatch[data-finish=glitter]{background:linear-gradient(120deg,#2a3c5a,#fafafa 50%,#2a3c5a)}.finish-swatch[data-finish=aurora]{background:linear-gradient(120deg,#0bd,#5be87d,#d5f)}.finish-swatch[data-finish=rainbow]{background:conic-gradient(#ff5252,#ffca28,#66bb6a,#29b6f6,#ab47bc,#ff5252)}.finish-swatch[data-finish=gold]{background:linear-gradient(115deg,#7a5b12,#ffe27a,#7a5b12)}.finish-swatch[data-finish=prism]{background:conic-gradient(#ed5e5e,#eded5e,#5eed5e,#5eeded,#5e5eed,#ed5eed,#ed5e5e)}.finish-swatch[data-finish=radiant]{background:repeating-linear-gradient(45deg,#fff 0 1px,transparent 1px 8px),#1c2a36}.finish-swatch[data-finish=crystal]{background:linear-gradient(120deg,#c3e0ff,#6ea0c9,#c3e0ff)}.finish-swatch[data-finish=oilslick]{background:conic-gradient(#3c1e5e,#1a3a5a,#2a1a3e,#3c1e5e)}.finish-swatch[data-finish=sunburst]{background:conic-gradient(from 0deg at 50% 50%,#ffe27a,#fafafa,#1a2332,#ffe27a,#1a2332,#ffe27a 100deg)}.finish-swatch[data-finish=mosaic]{background:conic-gradient(#46a0ff,#46a0ff 60deg,#1d4380 60deg,#1d4380 120deg,#46a0ff 120deg,#46a0ff 180deg,#1d4380 180deg,#1d4380 240deg,#46a0ff 240deg,#46a0ff 300deg,#1d4380 300deg,#1d4380 360deg)}.finish-swatch[data-finish=foil]{background:linear-gradient(115deg,#3a4454,#cfd8e6,#3a4454)}.finish-swatch[data-finish=normal]{background:#2a3444}.finish-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.finish-row-wrap{border-bottom:1px solid var(--border)}.finish-row-wrap:last-child{border-bottom:none}.finish-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px}.finish-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.finish-options{display:flex;align-items:center;gap:4px;flex:0 0 auto}.finish-options .finish-swatch{cursor:pointer;width:18px;height:18px;transition:transform .1s,box-shadow .1s;position:relative}.finish-options .finish-swatch:hover{transform:scale(1.15)}.finish-options .finish-swatch.selected{box-shadow:0 0 0 2px var(--accent)}.finish-options .finish-swatch:disabled{cursor:not-allowed;opacity:.25;filter:grayscale(.6)}.finish-options .finish-swatch:disabled:hover{transform:none}.finish-swatch-count{position:absolute;bottom:-4px;right:-4px;min-width:12px;height:12px;padding:0 2px;border-radius:6px;background:#06101f;color:#fff;font-size:8px;line-height:12px;text-align:center;font-weight:700;pointer-events:none}.finish-empty-hint{max-width:260px}.art-toggle{font-size:10px;margin-left:4px;padding:2px 4px}.art-toggle.has-variant{color:var(--accent)}.variant-picker{padding:2px 2px 8px}.variant-swatches{display:flex;flex-wrap:wrap;gap:6px}.variant-swatch{cursor:pointer;width:44px;height:32px;border-radius:4px;border:1px solid var(--border);background-size:cover;background-position:center 20%;background-color:var(--panel2);transition:transform .1s,box-shadow .1s}.variant-swatch:hover{transform:scale(1.08)}.variant-swatch.selected{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.variant-swatch.variant-default{font-size:9px;color:var(--muted);display:flex;align-items:center;justify-content:center}/*!*
 * Bundled kongyo2/cards-css v0.5.0 — 13 per-effect stylesheets vendored from
 * the upstream `src/styles/` source tree and stitched together at our
 * build boundary.
 *
 * Why we vendor (not import from npm): the package's published
 * `dist/holo-cards.css` contains only the base layer — none of the per-
 * effect rules reach the npm tarball even though they exist in the source.
 * (Confirmed: `grep -c '\[data-effect=' node_modules/@kongyo2/cards-css/dist/holo-cards.css`
 * returns 0.) We pull the actual files from `kongyo2/cards-css@v0.5.0`
 * via the raw GitHub URL into `apps/web/src/vendor/kongyo2/` at build
 * time and stitch them here. SHA256 manifests are committed with each
 * vendored file so we can refresh from upstream against a known hash.
 *
 * MIT © kongyo2 — see vendor/kongyo2/LICENSE.
 */:root{--card-aspect: .718;--card-radius: 4.55% / 3.5%;--card-edge: hsl(47, 100%, 78%);--card-back: hsl(205, 100%, 25%);--card-glow: hsl(175, 100%, 90%);--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--pointer-x: 50%;--pointer-y: 50%;--card-scale: 1;--card-opacity: 0;--translate-x: 0px;--translate-y: 0px;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: var(--pointer-x);--background-y: var(--pointer-y);--pointer-from-center: 0;--pointer-from-top: var(--pointer-from-center);--pointer-from-left: var(--pointer-from-center);--pointer-dx: 0;--pointer-dy: 0;--tilt-x: 0;--tilt-y: 0;--card-active: 0}.holo-card{--grain: var(--hc-grain, none);--glitter: var(--hc-glitter, none);--foil: none;--glittersize: 25%;--space: 5%;--angle: 133deg;--imgsize: cover;--hc-brightness: 1;--hc-contrast: 1;--hc-saturate: 1;--hc-glare-opacity: 1;--hc-shine-opacity: 1;--mask-size: cover;--mask-position: center center;--mask-repeat: no-repeat;--layer-blend: normal;--layer-size: cover;--layer-position: center;--layer-opacity: 1;--layer-parallax: 0;--red: #f80e35;--yellow: #eedf10;--green: #21e985;--blue: #0dbde9;--violet: #c929f1;transform:translateZ(.01px);pointer-events:none;z-index:calc(var(--card-scale) * 2);will-change:transform,visibility,z-index;transform-style:preserve-3d}.holo-card,.holo-card *{outline:1px solid transparent}.holo-card:not(.holo-card--interactive) .holo-card__translater,.holo-card:not(.holo-card--interactive) .holo-card__rotator,.holo-card:not(.holo-card--interactive) .holo-card__shine,.holo-card:not(.holo-card--interactive) .holo-card__glare{transition:all .3s ease}.holo-card:not(.holo-card--interactive):hover{--pointer-x: 25%;--pointer-y: 10%;--card-scale: 1.1;--card-opacity: 1;--translate-x: 0px;--translate-y: -10px;--rotate-x: 7deg;--rotate-y: -19deg;--background-x: 44%;--background-y: 36%;--pointer-from-center: .9;--pointer-from-top: .11;--pointer-from-left: .25}.holo-card,.holo-card__rotator{aspect-ratio:var(--card-aspect);border-radius:var(--card-radius)}.holo-card--interacting{z-index:calc(var(--card-scale) * 120)}.holo-card--active .holo-card__translater,.holo-card--active .holo-card__rotator{touch-action:none}.holo-card__translater,.holo-card__rotator{display:grid;perspective:var(--card-perspective, 600px);will-change:transform,box-shadow;transform-origin:center;transform-style:preserve-3d}.holo-card__translater{width:auto;position:relative;--translate-z: calc(var(--card-scale) * 150px + .01px);transform:translate3d(var(--translate-x),var(--translate-y),var(--translate-z)) scale(var(--card-scale))}.holo-card__rotator{transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform-style:preserve-3d;pointer-events:auto}button.holo-card__rotator{border:none;background:transparent;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.holo-card__rotator,.holo-card--active .holo-card__rotator:focus{transition:box-shadow .4s ease,opacity .33s ease-out;box-shadow:0 0 3px -1px transparent,0 0 2px 1px transparent,0 0 5px 0 transparent,0 10px 20px -5px #000,0 2px 15px -5px #000,0 0 20px 0 transparent}.holo-card--active .holo-card__rotator,.holo-card__rotator:focus{box-shadow:0 0 3px -1px #fff,0 0 3px 1px var(--card-edge),0 0 12px 2px var(--card-glow),0 10px 20px -5px #000,0 0 40px -30px var(--card-glow),0 0 50px -20px var(--card-glow)}.holo-card__rotator *{width:100%;display:grid;grid-area:1/1;aspect-ratio:var(--card-aspect);border-radius:var(--card-radius);image-rendering:optimizeQuality;transform-style:preserve-3d;pointer-events:none;overflow:hidden}.holo-card__rotator img{height:auto}.holo-card__rotator img:not(.holo-card__back){transform:translateZ(.01px)}.holo-card__rotator img.holo-card__image{height:100%;object-fit:var(--imgsize)}.holo-card__back{background-color:var(--card-back);transform:rotateY(180deg) translateZ(1px);backface-visibility:visible}.holo-card__front,.holo-card__front *{backface-visibility:hidden}.holo-card__front{opacity:1;transition:opacity .33s ease-out;transform:translateZ(.01px)}.holo-card--loading .holo-card__front{opacity:0}.holo-card--loading .holo-card__back{transform:rotateY(0)}.holo-card__shine,.holo-card__glare{will-change:transform,opacity,background-image,background-size,background-position,background-blend-mode,filter}.holo-card__shine{display:grid;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;filter:brightness(calc(.85 * var(--hc-brightness))) contrast(calc(2.75 * var(--hc-contrast))) saturate(calc(.65 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * var(--hc-shine-opacity))}.holo-card__shine:before,.holo-card__shine:after{--sunpillar-clr-1: var(--sunpillar-5);--sunpillar-clr-2: var(--sunpillar-6);--sunpillar-clr-3: var(--sunpillar-1);--sunpillar-clr-4: var(--sunpillar-2);--sunpillar-clr-5: var(--sunpillar-3);--sunpillar-clr-6: var(--sunpillar-4);grid-area:1/1;transform:translateZ(1px);border-radius:var(--card-radius)}.holo-card__shine:after{--sunpillar-clr-1: var(--sunpillar-6);--sunpillar-clr-2: var(--sunpillar-1);--sunpillar-clr-3: var(--sunpillar-2);--sunpillar-clr-4: var(--sunpillar-3);--sunpillar-clr-5: var(--sunpillar-4);--sunpillar-clr-6: var(--sunpillar-5);transform:translateZ(1.2px)}.holo-card__glare{transform:translateZ(1.41px);overflow:hidden;background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, .8) 10%, hsla(0, 0%, 100%, .65) 20%, hsla(0, 0%, 0%, .5) 90% ) );opacity:calc(var(--card-opacity) * var(--hc-glare-opacity));mix-blend-mode:var(--glare-blend, overlay)}.holo-card--custom-glare .holo-card__glare:after{display:none!important}.holo-card--masked .holo-card__shine,.holo-card--masked .holo-card__shine:before,.holo-card--masked .holo-card__shine:after{-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);-webkit-mask-position:var(--mask-position);mask-position:var(--mask-position);-webkit-mask-repeat:var(--mask-repeat);mask-repeat:var(--mask-repeat)}.holo-card--mask-card .holo-card__front,.holo-card--mask-card .holo-card__back{-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);-webkit-mask-position:var(--mask-position);mask-position:var(--mask-position);-webkit-mask-repeat:var(--mask-repeat);mask-repeat:var(--mask-repeat)}.holo-card__layers{z-index:2;pointer-events:none}.holo-card__layer{grid-area:1/1;background-image:var(--layer-image, none);background-size:var(--layer-size);background-position:var(--layer-position);background-repeat:no-repeat;mix-blend-mode:var(--layer-blend);opacity:var(--layer-opacity);transform:translate3d(calc(var(--pointer-dx) * var(--layer-parallax) * 1px),calc(var(--pointer-dy) * var(--layer-parallax) * 1px),.02px);will-change:transform,opacity}.holo-card__layer--masked{-webkit-mask-image:var(--layer-mask);mask-image:var(--layer-mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}.holo-card__content{transform:translateZ(.01px)}.holo-card__content *,.holo-card__overlay *,.holo-card__layer *{width:auto;display:revert;grid-area:auto;aspect-ratio:auto;overflow:revert;border-radius:revert}.holo-card__overlay{z-index:4;transform:translateZ(2px);pointer-events:none}.holo-card__overlay--interactive,.holo-card__overlay--interactive *{pointer-events:auto}.holo-card--depth .holo-card__shine{transform:translateZ(calc(1px + var(--hc-depth, 0px)))}.holo-card--depth .holo-card__glare{transform:translateZ(calc(1.41px + var(--hc-depth, 0px)))}.holo-card--depth .holo-card__overlay{transform:translateZ(calc(2px + var(--hc-depth, 0px)))}.holo-card--depth .holo-card__layer{transform:translate3d(calc(var(--pointer-dx) * var(--layer-parallax) * 1px),calc(var(--pointer-dy) * var(--layer-parallax) * 1px),calc(.02px + var(--layer-parallax) * var(--hc-depth-layer-scale, 1) * 1px))}.holo-card--depth .holo-card__translater:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:var(--card-radius);background:transparent;transform:translateZ(-1px);pointer-events:none;box-shadow:calc(var(--tilt-x, 0) * -.6px) calc(var(--hc-depth, 0px) * .5 + var(--tilt-y, 0) * .6px) calc(var(--hc-depth, 0px) * 1.2 + 14px) calc(var(--hc-depth, 0px) * .2) rgba(0,0,0,var(--hc-depth-shadow, 0))}.holo-card[data-effect=holo] .holo-card__shine{--scanlines-space: 1px;--scanlines-light: #666;--scanlines-dark: black;--bars: 3%;--bar-color: hsla(0, 0%, 70%, 1);--bar-bg: hsla(0, 0%, 0%, 1);background-image:repeating-linear-gradient(110deg,var(--violet),var(--blue),var(--green),var(--yellow),var(--red),var(--violet),var(--blue),var(--green),var(--yellow),var(--red),var(--violet),var(--blue),var(--green),var(--yellow),var(--red)),repeating-linear-gradient(90deg,var(--scanlines-dark) calc(var(--scanlines-space) * 0),var(--scanlines-dark) calc(var(--scanlines-space) * 2),var(--scanlines-light) calc(var(--scanlines-space) * 2),var(--scanlines-light) calc(var(--scanlines-space) * 4));background-position:calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 3.5) + 50%),center center;background-size:400% 400%,cover;background-blend-mode:overlay;filter:brightness(calc(1.1 * var(--hc-brightness))) contrast(calc(1.1 * var(--hc-contrast))) saturate(calc(1.2 * var(--hc-saturate)));mix-blend-mode:color-dodge}.holo-card[data-effect=holo] .holo-card__shine:before{content:"";background-image:repeating-linear-gradient(90deg,var(--bar-bg) calc(var(--bars) * 2),var(--bar-color) calc(var(--bars) * 3),var(--bar-bg) calc(var(--bars) * 3.5),var(--bar-color) calc(var(--bars) * 4),var(--bar-bg) calc(var(--bars) * 5),var(--bar-bg) calc(var(--bars) * 14)),repeating-linear-gradient(90deg,var(--bar-bg) calc(var(--bars) * 2),var(--bar-color) calc(var(--bars) * 3),var(--bar-bg) calc(var(--bars) * 3.5),var(--bar-color) calc(var(--bars) * 4),var(--bar-bg) calc(var(--bars) * 5),var(--bar-bg) calc(var(--bars) * 10));background-position:calc((((50% - var(--background-x)) * 1.65) + 50%) + (var(--background-y) * .5)) var(--background-x),calc((((50% - var(--background-x)) * -.9) + 50%) - (var(--background-y) * .75)) var(--background-y);background-size:200% 200%,200% 200%;background-blend-mode:screen;filter:brightness(1.15) contrast(1.1);mix-blend-mode:hard-light}.holo-card[data-effect=holo] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,90%,.8) 0%,hsla(0,0%,78%,.1) 25%,hsl(0,0%,0%) 90%);background-position:center center;background-size:cover;mix-blend-mode:luminosity;filter:brightness(.6) contrast(4)}@media screen and (max-width:900px){.holo-card[data-effect=holo] .holo-card__shine{--scanlines-space: .5px}}.holo-card[data-effect=holo] .holo-card__glare{opacity:calc(var(--card-opacity) * .8 * var(--hc-glare-opacity));filter:brightness(.8) contrast(1.5);mix-blend-mode:var(--glare-blend, overlay)}.holo-card[data-effect=holo] .holo-card__glare:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(180,100%,95%) 5%,hsla(0,0%,39%,.25) 55%,hsla(0,0%,0%,.36) 110%);mix-blend-mode:overlay;filter:brightness(.6) contrast(3)}.holo-card[data-effect=reverse]{--foil-brightness: .55}.holo-card[data-effect=reverse] .holo-card__shine{background-image:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#fff 5%,#000 50%,#fff 80%),linear-gradient(-45deg,#000 15%,#fff,#000 85%),var(--foil);background-blend-mode:soft-light,difference;background-size:120% 120%,200% 200%,cover;background-position:center center,calc(100% * var(--pointer-from-left)) calc(100% * var(--pointer-from-top)),center center;filter:brightness(calc(var(--foil-brightness) * var(--hc-brightness))) contrast(calc(1.5 * var(--hc-contrast))) saturate(var(--hc-saturate));mix-blend-mode:color-dodge;opacity:calc(((1.5 * var(--card-opacity)) - var(--pointer-from-center)) * var(--hc-shine-opacity))}.holo-card[data-effect=reverse] .holo-card__glare{opacity:calc(var(--card-opacity) * var(--hc-glare-opacity));background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, .8) 10%, hsla(0, 0%, 100%, .5) 20%, hsla(0, 0%, 0%, .75) 90% ) );filter:brightness(.7) contrast(1.5)}.holo-card[data-effect=reverse] .holo-card__glare:after{content:"";opacity:var(--card-opacity);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,100%) 10%,hsla(0,0%,100%,.5) 20%,hsla(0,0%,0%,.5) 120%);filter:brightness(1) contrast(1.5)}.holo-card[data-effect=reverse]:not(.holo-card--masked) .holo-card__shine{--foil: none}.holo-card[data-effect=cosmos]{--space: 4%;--angle: 82deg;--cosmos-clr-1: hsl(53, 65%, 60%);--cosmos-clr-2: hsl(93, 56%, 50%);--cosmos-clr-3: hsl(176, 54%, 49%);--cosmos-clr-4: hsl(228, 59%, 55%);--cosmos-clr-5: hsl(283, 60%, 55%);--cosmos-clr-6: hsl(326, 59%, 51%)}.holo-card[data-effect=cosmos] .holo-card__shine{background-image:var(--hc-cosmos-bottom, none),repeating-linear-gradient(var(--angle),var(--cosmos-clr-1) calc(var(--space) * 1),var(--cosmos-clr-2) calc(var(--space) * 2),var(--cosmos-clr-3) calc(var(--space) * 3),var(--cosmos-clr-4) calc(var(--space) * 4),var(--cosmos-clr-5) calc(var(--space) * 5),var(--cosmos-clr-6) calc(var(--space) * 6),var(--cosmos-clr-6) calc(var(--space) * 7),var(--cosmos-clr-5) calc(var(--space) * 8),var(--cosmos-clr-4) calc(var(--space) * 9),var(--cosmos-clr-3) calc(var(--space) * 10),var(--cosmos-clr-2) calc(var(--space) * 11),var(--cosmos-clr-1) calc(var(--space) * 12)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(180,100%,89%,.5) 5%,hsla(180,14%,57%,.3) 40%,hsl(0,0%,0%) 130%);background-blend-mode:color-burn,multiply;background-position:var(--cosmosbg, center center),calc(10% + (var(--pointer-from-left) * 80%)) calc(10% + (var(--pointer-from-top) * 80%)),center center;background-size:cover,400% 900%,cover;filter:brightness(var(--hc-brightness)) contrast(var(--hc-contrast)) saturate(calc(.8 * var(--hc-saturate)));mix-blend-mode:color-dodge}.holo-card[data-effect=cosmos] .holo-card__shine:before{content:"";z-index:2;background-image:var(--hc-cosmos-middle, none),repeating-linear-gradient(var(--angle),var(--cosmos-clr-1) calc(var(--space) * 1),var(--cosmos-clr-2) calc(var(--space) * 2),var(--cosmos-clr-3) calc(var(--space) * 3),var(--cosmos-clr-4) calc(var(--space) * 4),var(--cosmos-clr-5) calc(var(--space) * 5),var(--cosmos-clr-6) calc(var(--space) * 6),var(--cosmos-clr-6) calc(var(--space) * 7),var(--cosmos-clr-5) calc(var(--space) * 8),var(--cosmos-clr-4) calc(var(--space) * 9),var(--cosmos-clr-3) calc(var(--space) * 10),var(--cosmos-clr-2) calc(var(--space) * 11),var(--cosmos-clr-1) calc(var(--space) * 12));background-blend-mode:lighten,multiply;background-position:var(--cosmosbg, center center),calc(15% + (var(--pointer-from-left) * 70%)) calc(15% + (var(--pointer-from-top) * 70%)),center center;background-size:cover,400% 900%,cover;filter:brightness(1.25) contrast(1.75) saturate(.8);mix-blend-mode:overlay}.holo-card[data-effect=cosmos] .holo-card__shine:after{content:"";z-index:3;background-image:var(--hc-cosmos-top, none),repeating-linear-gradient(var(--angle),var(--cosmos-clr-1) calc(var(--space) * 1),var(--cosmos-clr-2) calc(var(--space) * 2),var(--cosmos-clr-3) calc(var(--space) * 3),var(--cosmos-clr-4) calc(var(--space) * 4),var(--cosmos-clr-5) calc(var(--space) * 5),var(--cosmos-clr-6) calc(var(--space) * 6),var(--cosmos-clr-6) calc(var(--space) * 7),var(--cosmos-clr-5) calc(var(--space) * 8),var(--cosmos-clr-4) calc(var(--space) * 9),var(--cosmos-clr-3) calc(var(--space) * 10),var(--cosmos-clr-2) calc(var(--space) * 11),var(--cosmos-clr-1) calc(var(--space) * 12));background-blend-mode:multiply,multiply;background-position:var(--cosmosbg, center center),calc(20% + (var(--pointer-from-left) * 60%)) calc(20% + (var(--pointer-from-top) * 60%)),center center;background-size:cover,400% 900%,cover;filter:brightness(1.25) contrast(1.75) saturate(.8);mix-blend-mode:multiply}.holo-card[data-effect=cosmos] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(204, 100%, 95%, .8) 5%, hsla(250, 15%, 20%, 1) 150% ) );filter:brightness(.75) contrast(2) saturate(2);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * (.25 + var(--pointer-from-center)) * var(--hc-glare-opacity))}.holo-card[data-effect=cosmos] .holo-card__glare:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(280,100%,96%) 5%,hsl(0,0%,10%) 60%);filter:brightness(.75) contrast(2.5) saturate(2);mix-blend-mode:soft-light;opacity:calc(1 - var(--pointer-from-top) * .75)}.holo-card[data-effect=glitter] .holo-card__shine{background-image:var(--glitter),var(--glitter),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(150,20%,10%,1) 10%,hsla(177,22%,80%,.1) 50%,hsla(0,0%,95%,.98) 90%);background-size:var(--glittersize) var(--glittersize),var(--glittersize) var(--glittersize),cover;background-position:40% 45%,55% 55%,center center;background-blend-mode:soft-light,color-burn;filter:brightness(var(--hc-brightness)) contrast(var(--hc-contrast)) saturate(calc(.9 * var(--hc-saturate)))}.holo-card[data-effect=glitter] .holo-card__shine:before{content:"";-webkit-mask-image:none!important;mask-image:none!important;background-image:var(--foil),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(50,20%,90%,.95) 10%,rgba(181,139,164,.5) 50%,hsl(0,0%,0%) 60%);background-size:cover,cover;background-position:center center,center center;background-blend-mode:color-burn;mix-blend-mode:lighten;filter:brightness(1) contrast(1) saturate(1);opacity:.5}.holo-card[data-effect=glitter] .holo-card__shine:after{content:"";-webkit-mask-image:none!important;mask-image:none!important;background-image:repeating-linear-gradient(calc(var(--angle)),var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7));background-size:400% 800%;background-position:calc(50% + (50% - var(--background-x)) * 3) calc(50% + (50% - var(--background-y)) * 3);filter:brightness(calc(.75 - (var(--pointer-from-center) * .5))) contrast(1) saturate(1);mix-blend-mode:saturation}.holo-card[data-effect=glitter]:not(.holo-card--masked) .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, 1) 10%, hsla(0, 0%, 100%, .85) 20%, hsla(0, 0%, 0%, .35) 90% ) );mix-blend-mode:var(--glare-blend, multiply)}.holo-card--masked[data-effect=glitter] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(50, 20%, 90%, .45) 0%, hsla(150, 20%, 30%, .45) 45%, hsla(0, 0%, 0%, .9) 120% ) );filter:brightness(.9) contrast(2)}.holo-card--masked[data-effect=glitter] .holo-card__glare:after{content:"";-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);-webkit-mask-position:var(--mask-position);mask-position:var(--mask-position);-webkit-mask-repeat:var(--mask-repeat);mask-repeat:var(--mask-repeat);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(50,20%,90%,.75) 0%,hsla(150,20%,30%,.65) 45%,hsla(0,0%,0%,1) 90%);filter:brightness(1) contrast(1.5);mix-blend-mode:overlay;opacity:1}.holo-card[data-effect=aurora]{--aurora-1: hsl(158, 90%, 62%);--aurora-2: hsl(186, 95%, 64%);--aurora-3: hsl(258, 92%, 72%);--aurora-4: hsl(316, 84%, 68%)}.holo-card[data-effect=aurora] .holo-card__shine{background-image:repeating-linear-gradient(calc(var(--angle) - 55deg),var(--aurora-1) calc(var(--space) * 1),var(--aurora-2) calc(var(--space) * 4),var(--aurora-3) calc(var(--space) * 7),var(--aurora-4) calc(var(--space) * 10),var(--aurora-1) calc(var(--space) * 13)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(180,100%,90%,.55) 5%,hsla(200,40%,50%,.3) 45%,hsl(240,30%,5%) 130%);background-position:calc(((50% - var(--background-x)) * 2.4) + 50%) calc(((50% - var(--background-y)) * 3.2) + 50%),center center;background-size:340% 720%,cover;background-blend-mode:soft-light;filter:brightness(calc(.85 * var(--hc-brightness))) contrast(calc(1.5 * var(--hc-contrast))) saturate(calc(1.2 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=aurora] .holo-card__shine:before{content:"";background-image:repeating-linear-gradient(calc(var(--angle) + 22deg),var(--aurora-3) calc(var(--space) * 1),var(--aurora-1) calc(var(--space) * 5),var(--aurora-4) calc(var(--space) * 9),var(--aurora-2) calc(var(--space) * 13),var(--aurora-3) calc(var(--space) * 17));background-position:calc(((50% - var(--background-x)) * -1.6) + 50%) calc(((50% - var(--background-y)) * 2.2) + 50%);background-size:420% 640%;filter:brightness(1.2) contrast(1.3) saturate(1.1);mix-blend-mode:overlay;opacity:.8}.holo-card[data-effect=aurora] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner ellipse at var(--pointer-x) var(--pointer-y),hsla(160,100%,92%,.45) 0%,hsla(200,60%,60%,.12) 40%,hsla(240,40%,6%,.9) 120%);filter:brightness(.75) contrast(2.2);mix-blend-mode:luminosity;opacity:calc(.2 + var(--pointer-from-center) * .35)}.holo-card[data-effect=aurora] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(170, 100%, 94%, .55) 8%, hsla(210, 60%, 55%, .25) 45%, hsla(250, 40%, 5%, .7) 110% ) );filter:brightness(.8) contrast(1.8);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .8 * var(--hc-glare-opacity))}.holo-card[data-effect=rainbow] .holo-card__shine{background-image:repeating-linear-gradient(calc(var(--angle) - 88deg),var(--red) calc(var(--space) * 1),var(--yellow) calc(var(--space) * 3),var(--green) calc(var(--space) * 5),var(--blue) calc(var(--space) * 7),var(--violet) calc(var(--space) * 9),var(--red) calc(var(--space) * 11)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.45) 10%,hsla(0,0%,70%,.25) 50%,hsla(0,0%,28%,.75) 120%);background-position:calc(((50% - var(--background-x)) * 2.2) + 50%) calc(((50% - var(--background-y)) * 1.4) + 50%),center center;background-size:250% 250%,cover;background-blend-mode:screen;filter:brightness(calc(1.05 * var(--hc-brightness))) contrast(calc(.95 * var(--hc-contrast))) saturate(calc(.85 * var(--hc-saturate)));mix-blend-mode:hard-light;opacity:calc(var(--card-opacity) * .8 * var(--hc-shine-opacity))}.holo-card[data-effect=rainbow] .holo-card__shine:before{content:"";background-image:var(--glitter),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.55) 5%,hsla(0,0%,60%,.25) 45%,hsl(0,0%,0%) 100%);background-size:var(--glittersize) var(--glittersize),cover;background-position:calc(50% + (var(--pointer-from-left) * 6%)) calc(50% + (var(--pointer-from-top) * 6%)),center center;background-blend-mode:color-burn;filter:brightness(1.1) contrast(1.4);mix-blend-mode:color-dodge;opacity:calc(.35 + var(--pointer-from-center) * .5)}.holo-card[data-effect=rainbow] .holo-card__shine:after{content:"";background-image:linear-gradient(calc(115deg + (var(--tilt-x) * 1deg)),#fff0 30%,#ffffffa6 48%,#ffffffe6,#ffffffa6 52%,#fff0 70%);background-size:300% 300%;background-position:calc(((50% - var(--background-x)) * -3) + 50%) center;mix-blend-mode:soft-light;opacity:calc(.3 + var(--pointer-from-center) * .45)}.holo-card[data-effect=rainbow] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, .6) 8%, hsla(0, 0%, 100%, .3) 30%, hsla(0, 0%, 0%, .5) 100% ) );filter:brightness(.9) contrast(1.3);mix-blend-mode:var(--glare-blend, soft-light);opacity:calc(var(--card-opacity) * .85 * var(--hc-glare-opacity))}.holo-card[data-effect=gold]{--gold-1: hsl(45, 95%, 74%);--gold-2: hsl(39, 90%, 55%);--gold-3: hsl(33, 85%, 42%);--gold-4: hsl(50, 100%, 86%);--card-edge: hsl(45, 100%, 78%);--card-glow: hsl(45, 100%, 80%)}.holo-card[data-effect=gold] .holo-card__shine{background-image:repeating-linear-gradient(calc(var(--angle) - 48deg),var(--gold-3) calc(var(--space) * 1),var(--gold-2) calc(var(--space) * 3),var(--gold-1) calc(var(--space) * 5),var(--gold-4) calc(var(--space) * 6),var(--gold-1) calc(var(--space) * 7),var(--gold-2) calc(var(--space) * 9),var(--gold-3) calc(var(--space) * 11)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(48,100%,88%,.85) 5%,hsla(40,70%,45%,.55) 45%,hsla(30,65%,14%,1) 125%);background-position:calc(((50% - var(--background-x)) * 2.8) + 50%) calc(((50% - var(--background-y)) * 2.2) + 50%),center center;background-size:300% 300%,cover;background-blend-mode:hard-light;filter:brightness(calc(.95 * var(--hc-brightness))) contrast(calc(1.15 * var(--hc-contrast))) saturate(calc(1.3 * var(--hc-saturate)));mix-blend-mode:hard-light;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=gold] .holo-card__shine:before{content:"";background-image:var(--grain),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(46,100%,80%,.55) 10%,hsla(38,60%,30%,.45) 55%,hsl(0,0%,0%) 110%);background-size:55% 55%,cover;background-position:calc(50% + (var(--pointer-from-left) * 8%)) calc(50% + (var(--pointer-from-top) * 8%)),center center;background-blend-mode:color-burn;filter:brightness(1) contrast(1.3) saturate(1.2);mix-blend-mode:screen;opacity:.55}.holo-card[data-effect=gold] .holo-card__shine:after{content:"";background-image:linear-gradient(calc(90deg + (var(--tilt-x) * 1.2deg)),#ffd96600 34%,#fff3c2f2 46%,#fffceb,#fff3c2f2 54%,#ffd96600 66%);background-size:220% 220%;background-position:calc(((50% - var(--background-x)) * -2.4) + 50%) center;filter:brightness(1) contrast(1.2);mix-blend-mode:overlay;opacity:calc(.25 + var(--pointer-from-center) * .4)}.holo-card[data-effect=gold] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(48, 100%, 90%, .6) 8%, hsla(40, 80%, 55%, .3) 45%, hsla(28, 60%, 6%, .8) 110% ) );filter:brightness(.85) contrast(1.7) saturate(1.3);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .85 * var(--hc-glare-opacity))}.holo-card[data-effect=prism] .holo-card__shine{background-image:repeating-conic-gradient(from calc(var(--tilt-x) * 5deg) at var(--background-x) var(--background-y),var(--sunpillar-clr-1) 0deg,var(--sunpillar-clr-2) 10deg,var(--sunpillar-clr-3) 20deg,var(--sunpillar-clr-4) 30deg,var(--sunpillar-clr-5) 40deg,var(--sunpillar-clr-6) 50deg,var(--sunpillar-clr-1) 60deg),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.5) 5%,hsla(0,0%,45%,.35) 45%,hsl(0,0%,0%) 125%);background-position:center center,center center;background-size:cover,cover;background-blend-mode:multiply;filter:brightness(calc(.75 * var(--hc-brightness))) contrast(calc(1.7 * var(--hc-contrast))) saturate(calc(1.05 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=prism] .holo-card__shine:before{content:"";background-image:repeating-conic-gradient(from calc(var(--tilt-x) * -3deg) at var(--background-x) var(--background-y),hsla(0,0%,100%,0) 0deg,hsla(0,0%,100%,0) 9deg,hsla(0,0%,100%,.55) 10deg,hsla(0,0%,100%,.55) 11deg,hsla(0,0%,0%,.45) 12.5deg,hsla(0,0%,0%,.45) 15deg,hsla(0,0%,100%,0) 16.5deg,hsla(0,0%,100%,0) 24deg);background-size:cover;background-position:center center;filter:brightness(1.1) contrast(1.4);mix-blend-mode:hard-light;opacity:calc(.4 + var(--pointer-from-center) * .5)}.holo-card[data-effect=prism] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,92%,.7) 0%,hsla(0,0%,76%,.1) 25%,hsl(0,0%,6%) 90%);background-position:center center;background-size:cover;mix-blend-mode:luminosity;filter:brightness(.62) contrast(3)}.holo-card[data-effect=prism] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, .8) 10%, hsla(0, 0%, 65%, .35) 40%, hsla(0, 0%, 0%, .6) 110% ) );filter:brightness(.85) contrast(1.7);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .9 * var(--hc-glare-opacity))}.holo-card[data-effect=radiant]{--radiant-space: calc(var(--space) * .55)}.holo-card[data-effect=radiant] .holo-card__shine{background-image:repeating-linear-gradient(calc(var(--angle) - 88deg),var(--sunpillar-1) calc(var(--radiant-space) * 1),var(--sunpillar-2) calc(var(--radiant-space) * 2),var(--sunpillar-3) calc(var(--radiant-space) * 3),var(--sunpillar-4) calc(var(--radiant-space) * 4),var(--sunpillar-5) calc(var(--radiant-space) * 5),var(--sunpillar-6) calc(var(--radiant-space) * 6),var(--sunpillar-1) calc(var(--radiant-space) * 7)),repeating-linear-gradient(calc(var(--angle) + 2deg),var(--sunpillar-4) calc(var(--radiant-space) * 1),var(--sunpillar-5) calc(var(--radiant-space) * 2),var(--sunpillar-6) calc(var(--radiant-space) * 3),var(--sunpillar-1) calc(var(--radiant-space) * 4),var(--sunpillar-2) calc(var(--radiant-space) * 5),var(--sunpillar-3) calc(var(--radiant-space) * 6),var(--sunpillar-4) calc(var(--radiant-space) * 7)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.45) 8%,hsla(0,0%,40%,.35) 50%,hsl(0,0%,0%) 125%);background-position:calc(((50% - var(--background-x)) * 2.8) + 50%) calc(((50% - var(--background-y)) * 1.6) + 50%),calc(((50% - var(--background-x)) * -2.2) + 50%) calc(((50% - var(--background-y)) * -1.4) + 50%),center center;background-size:250% 250%,250% 250%,cover;background-blend-mode:screen,screen;filter:brightness(calc(.75 * var(--hc-brightness))) contrast(calc(1.9 * var(--hc-contrast))) saturate(calc(1.1 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=radiant] .holo-card__shine:before{content:"";background-image:repeating-linear-gradient(calc(var(--angle) - 88deg),#0000,#0000 3.2%,#ffffffbf,#0000 4%,#0000 7.2%),repeating-linear-gradient(calc(var(--angle) + 2deg),#0000,#0000 3.2%,#ffffffbf,#0000 4%,#0000 7.2%);background-position:calc(((50% - var(--background-x)) * 4) + 50%) calc(((50% - var(--background-y)) * 2.4) + 50%),calc(((50% - var(--background-x)) * -3.4) + 50%) calc(((50% - var(--background-y)) * -2) + 50%);background-size:200% 200%,200% 200%;background-blend-mode:screen;filter:brightness(1) contrast(1.5);mix-blend-mode:hard-light;opacity:calc(.3 + var(--pointer-from-center) * .5)}.holo-card[data-effect=radiant] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,90%,.8) 0%,hsla(0,0%,78%,.1) 25%,hsl(0,0%,0%) 90%);background-position:center center;background-size:cover;mix-blend-mode:luminosity;filter:brightness(.65) contrast(3.5)}.holo-card[data-effect=radiant] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, .8) 10%, hsla(0, 0%, 60%, .3) 45%, hsla(0, 0%, 0%, .6) 110% ) );filter:brightness(.8) contrast(1.8);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .85 * var(--hc-glare-opacity))}.holo-card[data-effect=crystal] .holo-card__shine{background-image:repeating-linear-gradient(112deg,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 13%,var(--sunpillar-clr-2) 16%,var(--sunpillar-clr-2) 21%,hsla(0,0%,0%,0) 24%,hsla(0,0%,0%,0) 34%),repeating-linear-gradient(67deg,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 17%,var(--sunpillar-clr-4) 20%,var(--sunpillar-clr-4) 27%,hsla(0,0%,0%,0) 30%,hsla(0,0%,0%,0) 42%),repeating-linear-gradient(154deg,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 10%,var(--sunpillar-clr-6) 13%,var(--sunpillar-clr-6) 19%,hsla(0,0%,0%,0) 22%,hsla(0,0%,0%,0) 28%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.6) 5%,hsla(0,0%,50%,.35) 45%,hsl(0,0%,0%) 125%);background-position:calc(((50% - var(--background-x)) * 3.2) + 50%) calc(((50% - var(--background-y)) * 1.8) + 50%),calc(((50% - var(--background-x)) * -2.4) + 50%) calc(((50% - var(--background-y)) * 2.6) + 50%),calc(((50% - var(--background-x)) * 1.6) + 50%) calc(((50% - var(--background-y)) * -2.8) + 50%),center center;background-size:200% 200%,200% 200%,200% 200%,cover;background-blend-mode:screen,screen,screen;filter:brightness(calc(.75 * var(--hc-brightness))) contrast(calc(1.8 * var(--hc-contrast))) saturate(calc(1.05 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=crystal] .holo-card__shine:before{content:"";background-image:repeating-linear-gradient(131deg,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 15%,var(--sunpillar-clr-1) 18%,var(--sunpillar-clr-1) 23%,hsla(0,0%,0%,0) 26%,hsla(0,0%,0%,0) 38%),repeating-linear-gradient(86deg,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 12%,var(--sunpillar-clr-3) 15%,var(--sunpillar-clr-3) 21%,hsla(0,0%,0%,0) 24%,hsla(0,0%,0%,0) 31%),repeating-linear-gradient(169deg,hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,0) 18%,var(--sunpillar-clr-5) 21%,var(--sunpillar-clr-5) 26%,hsla(0,0%,0%,0) 29%,hsla(0,0%,0%,0) 44%);background-position:calc(((50% - var(--background-x)) * -3) + 50%) calc(((50% - var(--background-y)) * 2.2) + 50%),calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * -1.8) + 50%),calc(((50% - var(--background-x)) * -1.4) + 50%) calc(((50% - var(--background-y)) * -2.4) + 50%);background-size:200% 200%,200% 200%,200% 200%;background-blend-mode:screen,screen;filter:brightness(1) contrast(1.4);mix-blend-mode:lighten;opacity:.7}.holo-card[data-effect=crystal] .holo-card__shine:after{content:"";background-image:repeating-conic-gradient(from 45deg at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,0) 0deg,hsla(0,0%,100%,0) 40deg,hsla(0,0%,100%,.8) 44.5deg,hsla(0,0%,100%,.8) 45.5deg,hsla(0,0%,100%,0) 50deg,hsla(0,0%,100%,0) 90deg),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.75) 0%,hsla(0,0%,55%,.15) 20%,hsl(0,0%,4%) 90%);background-size:cover,cover;background-position:center center,center center;background-blend-mode:screen;filter:brightness(.75) contrast(2.6);mix-blend-mode:hard-light;opacity:calc(.25 + var(--pointer-from-center) * .6)}.holo-card[data-effect=crystal] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, .85) 8%, hsla(220, 20%, 60%, .3) 45%, hsla(240, 20%, 4%, .7) 115% ) );filter:brightness(.85) contrast(1.9);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .9 * var(--hc-glare-opacity))}.holo-card[data-effect=metal]{--card-edge: hsl(0, 0%, 88%);--card-glow: hsl(210, 20%, 88%)}.holo-card[data-effect=metal] .holo-card__shine{background-image:repeating-linear-gradient(calc(var(--angle) - 43deg),#5c5c5c,#bdbdbd,#5c5c5c .4%),linear-gradient(calc(105deg + (var(--tilt-x) * 1.2deg)),#3c4249 18%,#9ca3ab 40%,#f0f0f0,#9ca3ab 60%,#3c4249 82%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.8) 5%,hsla(0,0%,58%,.5) 45%,hsl(0,0%,24%) 130%);background-position:center center,calc(((50% - var(--background-x)) * -3) + 50%) center,center center;background-size:cover,260% 100%,cover;background-blend-mode:overlay,soft-light;filter:brightness(calc(1.05 * var(--hc-brightness))) contrast(calc(1.4 * var(--hc-contrast))) saturate(calc(.3 * var(--hc-saturate)));mix-blend-mode:hard-light;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=metal] .holo-card__shine:before{content:"";background-image:linear-gradient(calc(75deg - (var(--tilt-y) * 1.2deg)),#0000 30%,#ffffff80 47%,#ffffffb3,#ffffff80 53%,#0000 70%);background-size:100% 300%;background-position:center calc(((50% - var(--background-y)) * -3) + 50%);filter:brightness(1.1) contrast(1.3);mix-blend-mode:overlay;opacity:calc(.4 + var(--pointer-from-center) * .5)}.holo-card[data-effect=metal] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,95%,.7) 0%,hsla(0,0%,70%,.1) 25%,hsl(0,0%,12%) 90%);background-position:center center;background-size:cover;mix-blend-mode:luminosity;filter:brightness(.72) contrast(2.4);opacity:.8}.holo-card[data-effect=metal] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(210, 15%, 96%, .7) 8%, hsla(210, 8%, 55%, .28) 45%, hsla(210, 10%, 14%, .7) 110% ) );filter:brightness(.9) contrast(1.6) saturate(.4);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .85 * var(--hc-glare-opacity))}.holo-card[data-effect=oilslick] .holo-card__shine{background-image:repeating-radial-gradient(circle at calc(150% - var(--background-x) * 1.6) calc(150% - var(--background-y) * 1.6),var(--violet) 0%,var(--blue) 2.2%,var(--green) 4.4%,var(--yellow) 6.6%,var(--red) 8.8%,var(--violet) 11%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.55) 5%,hsla(0,0%,45%,.35) 45%,hsl(0,0%,4%) 130%);background-position:center center,center center;background-size:cover,cover;background-blend-mode:soft-light;filter:brightness(calc(.85 * var(--hc-brightness))) contrast(calc(1.5 * var(--hc-contrast))) saturate(calc(1.3 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=oilslick] .holo-card__shine:before{content:"";background-image:repeating-radial-gradient(circle at calc(var(--background-x) * 1.6 - 50%) calc(var(--background-y) * 1.6 - 50%),var(--red) 0%,var(--violet) 2.6%,var(--blue) 5.2%,var(--green) 7.8%,var(--yellow) 10.4%,var(--red) 13%);background-size:cover;background-position:center center;filter:brightness(.9) contrast(1.25) saturate(1.15);mix-blend-mode:exclusion;opacity:.55}.holo-card[data-effect=oilslick] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner ellipse at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.85) 0%,hsla(280,30%,55%,.25) 35%,hsla(220,40%,4%,.95) 110%);background-size:cover;background-position:center center;filter:brightness(.85) contrast(2.4);mix-blend-mode:soft-light;opacity:calc(.4 + var(--pointer-from-center) * .5)}.holo-card[data-effect=oilslick] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(300, 60%, 92%, .6) 8%, hsla(250, 40%, 45%, .28) 45%, hsla(220, 40%, 5%, .75) 110% ) );filter:brightness(.85) contrast(1.8) saturate(1.4);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .85 * var(--hc-glare-opacity))}.holo-card[data-effect=sunburst] .holo-card__shine{background-image:repeating-conic-gradient(from calc(var(--tilt-x) * 4deg) at var(--pointer-x) var(--pointer-y),var(--sunpillar-clr-1) 0deg,hsla(0,0%,4%,.9) 4deg,var(--sunpillar-clr-3) 8deg,hsla(0,0%,4%,.9) 12deg,var(--sunpillar-clr-5) 16deg),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.5) 3%,hsla(0,0%,45%,.35) 40%,hsl(0,0%,0%) 115%);background-position:center center,center center;background-size:cover,cover;background-blend-mode:soft-light;filter:brightness(calc(.85 * var(--hc-brightness))) contrast(calc(1.6 * var(--hc-contrast))) saturate(calc(1.15 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=sunburst] .holo-card__shine:before{content:"";background-image:repeating-conic-gradient(from calc(10deg - (var(--tilt-x) * 6deg)) at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,0) 0deg,hsla(0,0%,100%,.55) 7deg,hsla(0,0%,100%,0) 14deg,hsla(0,0%,100%,0) 22deg);background-size:cover;background-position:center center;filter:brightness(1.05) contrast(1.25);mix-blend-mode:overlay;opacity:calc(.3 + var(--pointer-from-center) * .4)}.holo-card[data-effect=sunburst] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(45,100%,94%,.6) 0%,hsla(30,60%,60%,.15) 22%,hsl(250,20%,8%) 95%);background-size:cover;background-position:center center;filter:brightness(.72) contrast(2.4);mix-blend-mode:luminosity;opacity:calc(.25 + var(--pointer-from-center) * .4)}.holo-card[data-effect=sunburst] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(45, 100%, 92%, .6) 6%, hsla(35, 60%, 55%, .28) 40%, hsla(255, 25%, 6%, .75) 110% ) );filter:brightness(.88) contrast(1.6) saturate(1.15);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .85 * var(--hc-glare-opacity))}.holo-card[data-effect=mosaic]{--mosaic-size: calc(var(--glittersize) * .55)}.holo-card[data-effect=mosaic] .holo-card__shine{background-image:repeating-conic-gradient(#fff,#fff 25%,#383838 0%,#383838 50%),repeating-linear-gradient(var(--angle),var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,100%,.5) 5%,hsla(0,0%,45%,.35) 45%,hsl(0,0%,0%) 120%);background-position:center center,calc(((50% - var(--background-x)) * 2.6) + 50%) calc(((50% - var(--background-y)) * 2) + 50%),center center;background-size:var(--mosaic-size) calc(var(--mosaic-size) * .72),400% 400%,cover;background-blend-mode:overlay,multiply;filter:brightness(calc(.82 * var(--hc-brightness))) contrast(calc(1.9 * var(--hc-contrast))) saturate(calc(.95 * var(--hc-saturate)));mix-blend-mode:color-dodge;opacity:calc(var(--card-opacity) * .9 * var(--hc-shine-opacity))}.holo-card[data-effect=mosaic] .holo-card__shine:before{content:"";background-image:repeating-conic-gradient(#333,#333 25%,#f5f5f5 0%,#f5f5f5 50%),repeating-linear-gradient(calc(var(--angle) + 180deg),var(--sunpillar-clr-4) calc(var(--space) * 1),var(--sunpillar-clr-5) calc(var(--space) * 2),var(--sunpillar-clr-6) calc(var(--space) * 3),var(--sunpillar-clr-1) calc(var(--space) * 4),var(--sunpillar-clr-2) calc(var(--space) * 5),var(--sunpillar-clr-3) calc(var(--space) * 6),var(--sunpillar-clr-4) calc(var(--space) * 7));background-position:calc(50% + (var(--mosaic-size) / 2)) calc(50% + (var(--mosaic-size) * .36)),calc(((50% - var(--background-x)) * -2.2) + 50%) calc(((50% - var(--background-y)) * -1.6) + 50%);background-size:var(--mosaic-size) calc(var(--mosaic-size) * .72),400% 400%;background-blend-mode:overlay;filter:brightness(1.05) contrast(1.5);mix-blend-mode:lighten;opacity:calc(.35 + var(--pointer-from-center) * .45)}.holo-card[data-effect=mosaic] .holo-card__shine:after{content:"";background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,92%,.7) 0%,hsla(0,0%,74%,.1) 28%,hsl(0,0%,6%) 90%);background-size:cover;background-position:center center;mix-blend-mode:luminosity;filter:brightness(.62) contrast(3)}.holo-card[data-effect=mosaic] .holo-card__glare{background-image:var( --glare-image, radial-gradient( farthest-corner circle at var(--pointer-x) var(--pointer-y), hsla(0, 0%, 100%, .8) 10%, hsla(0, 0%, 65%, .35) 45%, hsla(0, 0%, 0%, .6) 110% ) );filter:brightness(.85) contrast(1.8);mix-blend-mode:var(--glare-blend, overlay);opacity:calc(var(--card-opacity) * .9 * var(--hc-glare-opacity))}