@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}:root{--felt:#2e1c0e;--felt-dark:#1a0f08;--felt-light:#3a2512;--parchment:#e9d9b3;--panel:#1e120ac7;--panel-line:#d4a84a47;--ink:#f0e2be;--ink-dim:#b29677;--gold:#d4a84a;--gold-soft:#b08a36;--red:#c93b2a;--red-deep:#7a1f15;--green:#6baa5a;--blue:#4a6ea8;--radius-lg:20px;--radius-md:14px;--radius-sm:8px;--card-w:180px;--card-h:240px;--card-radius:22px}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:clamp(20px,1.95vh,30px);overflow:hidden auto}body{background:radial-gradient(ellipse at center, transparent 0%, #00000080 100%), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.08  0 0 0 0 0.04  0 0 0 0 0.02  0 0 0 0.4 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"), linear-gradient(180deg, var(--felt-light), var(--felt), var(--felt-dark));background-attachment:fixed;position:relative}body:before{content:"";pointer-events:none;z-index:9999;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");animation:.6s steps(5,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,4%)}40%{transform:translate(5%,-2%)}60%{transform:translate(-4%,-5%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.game-container{--card-h:clamp(150px, 19vh, 280px);--card-w:calc(var(--card-h) * .75);--card-h-hand:calc(var(--card-h) * 1.12);--card-w-hand:calc(var(--card-h-hand) * .75);flex-direction:column;align-items:center;gap:4px;max-width:1600px;height:100vh;margin:0 auto;padding:6px 18px 62px;display:flex;overflow:hidden auto}@media (height<=820px){.game-container .heart-stack{width:76px;height:68px}.game-container .heart-icon{font-size:72px}.game-container .heart-hp-num{font-size:32px}.game-container .heart-bar-side{width:180px;height:12px}.game-container .board-divider{letter-spacing:4px;padding:0;font-size:20px}.game-container .info-bar{padding:2px 16px;font-size:15px}}.heart-row{flex:none;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.opponent-id{border:1px solid var(--panel-line);background:#0006;border-radius:32px;align-items:center;gap:8px;padding:4px 14px 4px 4px;display:flex}.opponent-name{color:var(--ink);letter-spacing:1px;font-size:18px}.heart-panel{cursor:default;justify-content:center;align-items:center;gap:14px;width:fit-content;margin:0 auto;padding:0 18px;display:flex}.heart-stack{flex:none;justify-content:center;align-items:center;width:clamp(76px,8vh,108px);height:clamp(68px,7.2vh,96px);display:flex;position:relative}.heart-icon{color:var(--red);text-shadow:0 0 14px #c93b2ab3,0 3px 4px #000000b3;font-size:clamp(72px,8.6vh,104px);line-height:1;animation:1.6s ease-in-out infinite heart-beat}.heart-panel.low .heart-icon{animation:.7s ease-in-out infinite heart-beat}@keyframes heart-beat{0%,to{transform:scale(1)}20%{transform:scale(1.08)}40%{transform:scale(1)}}.heart-hp-num{color:#fff;text-shadow:0 0 6px #000000f2,0 2px 4px #000000f2,-1px -1px #000c,1px -1px #000c,-1px 1px #000c,1px 1px #000c;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(30px,3.8vh,44px);display:flex;position:absolute;inset:0;transform:translateY(4px)}.heart-bar-side{border:1px solid var(--panel-line);border-radius:var(--radius-sm);background:#0000008c;width:clamp(200px,22vw,320px);height:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.heart-bar-fill{transition:width .4s;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #c93b2a59}.heart-bar-fill.right{background:linear-gradient(to right, var(--red), var(--red-deep));left:0}.heart-bar-fill.left{background:linear-gradient(to left, var(--red), var(--red-deep));right:0}.heart-panel.anim-heart-hit{animation:.45s heart-shake}.heart-panel.anim-heal .heart-icon{color:var(--green);text-shadow:0 0 18px #6baa5ae6}.heart-panel.overheal .heart-icon{color:#e8c870;text-shadow:0 0 18px #e8c870e6,0 3px 4px #000000b3}.heart-panel.overheal .heart-bar-fill{box-shadow:0 0 10px #e8c87099;background:linear-gradient(to right, #e8c870, var(--gold))!important}.heart-hp-over{color:#e8c870;opacity:.7;text-shadow:0 0 4px #000c;margin-left:2px;font-size:18px}@keyframes heart-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)rotate(-2deg)}40%{filter:brightness(1.5);transform:translate(6px)rotate(2deg)}70%{transform:translate(-4px)}}.info-bar{width:auto;max-width:900px;color:var(--ink-dim);letter-spacing:1px;border:1px solid var(--panel-line);background:#00000059;border-radius:999px;justify-content:center;align-items:center;gap:clamp(12px,2vw,28px);padding:6px 18px;font-size:clamp(14px,1.6vh,19px);display:flex;box-shadow:inset 0 1px 2px #00000080}.info-chip{align-items:center;gap:6px;display:inline-flex}.info-chip .info-icon{color:var(--gold-soft);font-size:17px;line-height:1}.info-chip .info-icon.mana-dot{color:#5ab8ff;text-shadow:0 0 6px #5ab8ff80}.info-chip .info-val{color:var(--ink);letter-spacing:.5px;font-weight:600}.info-chip .info-label{color:var(--ink-dim);letter-spacing:2px;text-transform:uppercase;opacity:.8;font-size:.82em}.info-chip.turn{border-left:1px solid var(--panel-line);border-right:1px solid var(--panel-line);padding:0 10px}.info-chip.turn .info-label{color:var(--gold);letter-spacing:3px}.info-chip.turn .info-val{color:var(--gold);font-size:1.15em}.board{min-height:calc(var(--card-h) + 20px);border-radius:var(--radius-lg);flex:1 1 0;justify-content:center;align-items:center;width:100%;max-width:1400px;padding:6px 14px;transition:background .2s;display:flex}.board.drop-highlight{background:#d4a84a12;box-shadow:inset 0 0 0 1px #d4a84a59}.board-frame{min-width:calc(var(--card-w) + 40px);min-height:calc(var(--card-h) + 36px);border-radius:28px;justify-content:center;align-items:center;gap:12px;width:fit-content;max-width:100%;padding:18px;transition:box-shadow .35s,background .35s;display:flex}.board-frame.my-turn{background:radial-gradient(#d4a84a12,#0000 72%);box-shadow:inset 0 0 0 1px #d4a84a38,0 0 28px #d4a84a2e}.board-frame.opp-turn{background:radial-gradient(#c93b2a14,#0000 72%);animation:2.4s ease-in-out infinite frame-opp-pulse;box-shadow:inset 0 0 0 1px #c93b2a38,0 0 28px #c93b2a33}@keyframes frame-opp-pulse{0%,to{box-shadow:inset 0 0 0 1px #c93b2a38,0 0 22px #c93b2a24}50%{box-shadow:inset 0 0 0 1px #c93b2a59,0 0 36px #c93b2a4d}}.board-frame.targeting-mode{animation:1.2s ease-in-out infinite pulse-red;box-shadow:inset 0 0 0 2px #c93b2a8c,0 0 26px #c93b2a73}.board-frame.empty{min-width:240px;box-shadow:none!important;background:0 0!important;animation:none!important}@keyframes pulse-red{0%,to{box-shadow:inset 0 0 0 2px #c93b2a73,0 0 16px #c93b2a59}50%{box-shadow:inset 0 0 0 2px #c93b2abf,0 0 30px #c93b2aa6}}.board-empty-hint{color:var(--ink-dim);letter-spacing:1.5px;border-radius:var(--radius-md);pointer-events:none;padding:22px 40px;font-size:clamp(14px,1.8vh,18px);animation:2.8s ease-in-out infinite empty-hint-pulse}@keyframes empty-hint-pulse{0%,to{opacity:.45;text-shadow:0 0 8px #d4a84a26}50%{opacity:.85;text-shadow:0 0 14px #d4a84a73}}.board-divider{text-align:center;color:var(--gold);letter-spacing:6px;text-shadow:0 0 10px #d4a84a80,0 2px 3px #000000b3;flex:none;padding:2px 0;font-family:Patrick Hand,cursive;font-size:clamp(18px,2.2vh,30px)}.card{width:var(--card-w);height:var(--card-h);min-width:var(--card-w);min-height:var(--card-h);max-width:var(--card-w);max-height:var(--card-h);border-radius:var(--card-radius);border:2px solid var(--gold-soft);background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));flex:0 0 var(--card-w);transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000008c,inset 0 0 0 1px #0006}.card.hand{cursor:pointer;width:var(--card-w-hand,var(--card-w));height:var(--card-h-hand,var(--card-h));min-width:var(--card-w-hand,var(--card-w));min-height:var(--card-h-hand,var(--card-h));max-width:var(--card-w-hand,var(--card-w));max-height:var(--card-h-hand,var(--card-h));flex-basis:var(--card-w-hand,var(--card-w))}.card.hand:hover{z-index:5;transform:translateY(-12px);box-shadow:0 10px 22px #000000b3}.card.board.draggable:hover{transform:translateY(-4px)}.card.unplayable{filter:grayscale(.65)brightness(.42);cursor:not-allowed}.card.exhausted{opacity:.68;filter:saturate(.55)}.card.highlight-target{box-shadow:0 0 22px var(--red);cursor:crosshair;animation:1s ease-in-out infinite pulse-red}.card.wiggle-taunt{animation:.55s cubic-bezier(.36,.07,.19,.97) card-taunt-wiggle;box-shadow:0 0 22px #d4a84ad9,0 0 40px #e8c87066}@keyframes card-taunt-wiggle{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-6px)rotate(-2deg)}30%{transform:translate(6px)rotate(2deg)}45%{transform:translate(-5px)rotate(-1.5deg)}60%{transform:translate(5px)rotate(1.5deg)}75%{transform:translate(-3px)rotate(-.8deg)}90%{transform:translate(2px)rotate(.5deg)}}.card.dying{animation:.55s ease-in forwards card-death}@keyframes card-death{to{opacity:0;transform:scale(0)rotate(20deg)}}.card-art{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.card-emoji{background:linear-gradient(180deg, var(--felt-light), var(--felt-dark));justify-content:center;align-items:center;font-size:98px;display:flex;position:absolute;inset:0}.card:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#00000026 30%,#000000b3 75%,#000000eb 100%);height:52%;position:absolute;bottom:0;left:0;right:0}.card-name-overlay{text-align:center;color:var(--ink);text-shadow:0 1px 3px #000000f2,0 0 6px #000000b3;pointer-events:none;z-index:2;padding:0 8px;font-size:22px;line-height:1.08;position:absolute;bottom:60px;left:0;right:0}.card-stats{z-index:2;align-items:flex-end;gap:10px;height:50px;padding:0 14px 10px;font-size:30px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-atk{color:var(--red);text-shadow:0 2px 3px #000000f2,0 0 4px #000000b3;flex:none}.card-hp{color:var(--green);text-shadow:0 2px 3px #000000f2,0 0 4px #000000b3;flex:none}.card-hp-bar{background:#00000080;border-radius:4px;flex:1;height:7px;margin-bottom:12px;overflow:hidden}.card-hp-fill{height:100%;transition:width .3s,background .3s;box-shadow:0 0 4px}.card-spell-badge{letter-spacing:5px;height:50px;color:var(--gold);z-index:2;justify-content:center;align-items:flex-end;padding-bottom:12px;font-size:19px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-relic-badge{letter-spacing:5px;color:#e8c870;text-shadow:0 0 8px #e8c8708c;z-index:2;justify-content:center;align-items:flex-end;height:50px;padding-bottom:12px;font-size:17px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-equipped-relics{z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:4px;display:flex;position:absolute;bottom:14px;left:50px;right:50px}.card-equipped-relic{color:#2a1808;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#e8c870f2,#a88657e6);border:1px solid #fff0bee6;border-radius:11px;align-items:center;gap:4px;max-width:100%;padding:2px 7px 2px 4px;font-size:12px;line-height:1;animation:2.4s ease-in-out infinite equipped-relic-pulse;display:inline-flex;overflow:hidden;box-shadow:0 1px 4px #00000080,inset 0 1px 2px #ffffff73}.card-equipped-relic-icon{background:#fff0be8c;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:14px;display:inline-flex}.card-equipped-relic-label{letter-spacing:.8px;font-weight:700}@keyframes equipped-relic-pulse{0%,to{box-shadow:0 0 6px #e8c87080,inset 0 1px 2px #ffffff80}50%{box-shadow:0 0 14px #e8c870f2,inset 0 1px 2px #ffffffb3}}.card-cost{color:#fff;text-shadow:0 1px 2px #000000e6;z-index:3;border:2px solid #00000080;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:26px;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 4px #0009}.keyword-chip{letter-spacing:1.5px;color:#fff;z-index:3;background:#000000a6;border-radius:5px;padding:3px 8px;font-size:18px;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #00000080}.shield-overlay{border:3px solid var(--gold);pointer-events:none;z-index:3;border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 0 14px #d4a84a99}.frozen-overlay{pointer-events:none;z-index:3;background:#50b4ff47;border:2px solid #78c8ff99;border-radius:22px;position:absolute;inset:0}.stealth-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;z-index:3;background:#50288c61;position:absolute;inset:0}.card.stealth-hidden{cursor:default;background:linear-gradient(135deg,#2a1438,#1a0c24);border-color:#5a2d8a;box-shadow:0 0 16px #783cb480,inset 0 0 0 1px #0006}.card-back{border-radius:var(--card-radius);background: repeating-linear-gradient(45deg, #d4a84a00 0px, #d4a84a00 6px, #d4a84a14 6px, #d4a84a14 7px), repeating-linear-gradient(-45deg, #d4a84a00 0px, #d4a84a00 6px, #d4a84a14 6px, #d4a84a14 7px),  linear-gradient(155deg, var(--felt-light), var(--felt) 55%, var(--felt-dark));justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffdca014}.card-back:before,.card-back:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #d4a84a8c;position:absolute}.card-back:before{inset:5px}.card-back:after{border-radius:calc(var(--card-radius) - 6px);border-color:#d4a84a4d;inset:10px}.card-back-circle{aspect-ratio:1;z-index:1;background:0 0;border:1.5px solid #d4a84abf;border-radius:50%;justify-content:center;align-items:center;width:26%;display:flex;position:relative;box-shadow:0 0 10px #d4a84a33}.card-back-mark{color:var(--gold);text-shadow:0 2px 4px #0009;font-family:Patrick Hand,cursive;font-size:clamp(18px,6cqi,80px);line-height:1}.stealth-back{color:#c896ff66;text-shadow:0 0 20px #b478e699;background:radial-gradient(circle,#b478e626,#0000 60%),repeating-linear-gradient(45deg,#783cb426 0 3px,#0000 3px 8px),linear-gradient(#3a1f5a,#1a0c24);border:2px solid #783cb480;border-radius:16px;justify-content:center;align-items:center;font-size:64px;display:flex;position:absolute;inset:6px}.stealth-back:after{content:"?";text-shadow:0 0 20px #b478e6b3}.card.holo{position:relative}.card.holo:after{content:"";border-radius:inherit;mix-blend-mode:color-dodge;pointer-events:none;z-index:5;background:linear-gradient(115deg,#0000 20%,#ff505038 28%,#ffc83c2e 35%,#50ff7838 42%,#3cb4ff38 50%,#b450ff38 58%,#ff50c82e 65%,#0000 75%) 0 0/250% 100%;animation:3.5s ease-in-out infinite alternate holo-shimmer;position:absolute;inset:0}@keyframes holo-shimmer{0%{background-position:0%}to{background-position:100%}}.reveal3d.holo .reveal3d-front:after,.inspect-art.holo:after{content:"";border-radius:inherit;background:linear-gradient(calc(115deg + var(--ry,0deg)), transparent 15%, #ff50504d 25%, #ffc83c40 33%, #50ff784d 42%, #3cb4ff4d 50%, #b450ff4d 58%, #ff50c840 67%, transparent 80%);mix-blend-mode:color-dodge;pointer-events:none;z-index:5;background-size:300% 100%;animation:2.5s ease-in-out infinite alternate holo-shimmer;position:absolute;inset:0}.holo-badge{color:#1a0a04;letter-spacing:1.5px;z-index:6;background:linear-gradient(90deg,#ff6b6b,gold,#6bff6b,#6bc5ff,#c56bff);border:1px solid #0000004d;border-radius:10px;padding:2px 8px;font-size:13px;font-weight:900;position:absolute;top:6px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0009}.filter-chip.holo-filter.on{border-color:var(--gold);background:linear-gradient(90deg,#ff6b6b33,#ffd70033,#6bff6b33,#6bc5ff33,#c56bff33)}.filter-dot.holo-dot{background:conic-gradient(#ff6b6b,gold,#6bff6b,#6bc5ff,#c56bff,#ff6b6b);animation:3s linear infinite holo-dot-spin}@keyframes holo-dot-spin{to{filter:hue-rotate(360deg)}}.card.anim-cardPlayed{animation:.28s ease-out anim-play}.card.anim-hit{animation:.4s ease-out anim-hit}.card.anim-freeze{animation:.3s ease-out anim-freeze}.card.anim-heal{box-shadow:0 0 22px var(--green)}@keyframes anim-play{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes anim-hit{0%,to{transform:translate(0)}20%{filter:brightness(2.2)saturate(.4);transform:translate(-8px)}60%{transform:translate(8px)}}@keyframes anim-freeze{0%{filter:hue-rotate(-60deg)brightness(1.8)}to{filter:none}}.hand-row{justify-content:center;align-items:flex-end;gap:clamp(20px,4vw,80px);width:100%;max-width:1700px;margin:0 auto 28px;padding:0 20px;display:flex}.hand{box-shadow:none;min-height:calc(var(--card-h-hand,var(--card-h)) + 40px);perspective:1200px;background:0 0;border:none;flex:0 auto;justify-content:center;align-items:flex-end;padding:12px 0 4px;display:flex;position:relative}.hand.disabled{opacity:.55;pointer-events:none}.hand.empty{min-height:calc(var(--card-h-hand,var(--card-h)) * .8)}.hand-empty{text-align:center;color:var(--ink-dim);flex:1;padding:clamp(20px,3vh,40px) 0;font-size:18px}.hand-slot{transform-origin:50% 100%;will-change:transform;backface-visibility:hidden;animation:.76s cubic-bezier(.22,1,.36,1) backwards hand-draw-in;position:relative}.hand-slot.ready{transition:transform .18s cubic-bezier(.22,1,.36,1)}.hand-slot.ready.hover{transition-duration:.15s}@keyframes hand-draw-in{0%{opacity:0;transform:translate(200px,-70px)rotate(-46deg)scale(.45)}18%{opacity:1}55%{transform:translate(75px,-22px)rotate(-14deg)scale(.9)}to{transform:rotate(0)scale(1)}}.hand-slot .card.hand:hover{transform:none;box-shadow:0 10px 22px #0000008c}.status-bar{z-index:80;padding:10px clamp(16px,3vw,40px);padding-left:max(clamp(16px, 3vw, 40px), env(safe-area-inset-left));padding-right:max(clamp(16px, 3vw, 40px), env(safe-area-inset-right));padding-bottom:calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg, #d4a84a0f, #00000059), var(--panel);border:none;border-top:1px solid var(--panel-line);align-items:center;gap:18px;font-size:18px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 18px #00000073,inset 0 1px #ffdca00f}.status-log{text-align:center;min-width:0;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;opacity:.9;flex:1;padding:0 10px;font-size:18px;animation:.3s ease-out log-fade-in;overflow:hidden}@keyframes log-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mana-tray{background:#00000059;border:1px solid #5ab8ff40;border-radius:24px;flex:none;align-items:center;gap:14px;padding:4px 14px 4px 10px;display:flex;box-shadow:inset 0 1px 2px #00000080}.mana-count{color:var(--gold);letter-spacing:.5px;text-align:center;min-width:60px;font-size:26px}.crystals{flex-wrap:wrap;gap:5px;max-width:200px;display:flex}.crystal{background:#0000008c;border:1px solid #0009;border-radius:50%;width:14px;height:14px}.crystal.full{background:radial-gradient(circle at 30% 30%,#9ed0ff,#2a72c8 70%,#1a4a8a);border-color:#5ab8ff80;box-shadow:0 0 8px #5ab8ffb3,inset 0 0 3px #ffffff59}.end-turn-btn{background:linear-gradient(180deg, #e8c870, var(--gold));color:var(--felt-dark);border-radius:var(--radius-md);letter-spacing:3px;cursor:pointer;border:none;flex:none;padding:12px 30px;font-family:inherit;font-size:22px;transition:transform .15s,box-shadow .2s,filter .15s;box-shadow:0 3px 10px #00000073,inset 0 1px #ffffff4d}.end-turn-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 0 14px #d4a84a66}.end-turn-btn:disabled{opacity:.45;cursor:not-allowed}.end-turn-btn.hint{animation:1.5s ease-in-out infinite end-turn-hint}.end-turn-btn.urgent{background:linear-gradient(#e8c870,#e08a3a);animation:.7s ease-in-out infinite end-turn-urgent}.end-turn-btn.no-moves{animation:1.1s ease-in-out infinite end-turn-hint;box-shadow:0 0 0 2px #e8c87073,0 0 22px #d4a84a99}.end-turn-wrap{align-items:center;display:flex;position:relative}.end-turn-nudge{color:var(--gold);letter-spacing:1.5px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#28180cd9;border:1px solid #d4a84a80;border-radius:8px;padding:6px 12px;font-size:13px;animation:.3s ease-out nudge-pop;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 14px #0006}@keyframes nudge-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes end-turn-hint{0%,to{box-shadow:0 0 10px #d4a84a4d}50%{transform:scale(1.02);box-shadow:0 0 22px #d4a84abf}}@keyframes end-turn-urgent{0%,to{transform:scale(1);box-shadow:0 0 14px #e8822a8c}50%{transform:scale(1.05);box-shadow:0 0 28px #e8822a}}.end-turn-timer{letter-spacing:1px;background:#00000040;border-radius:10px;margin-left:10px;padding:2px 8px;font-size:16px;display:inline-block}.status-right{flex:none;align-items:center;gap:10px;display:flex}.status-user{color:var(--ink-dim);border:1px solid var(--panel-line);border-radius:var(--radius-sm);background:#0000004d;align-items:center;gap:6px;padding:4px 10px;font-size:15px;display:flex}.status-username{color:var(--gold);letter-spacing:1px}.status-logout{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:inherit;font-size:16px}.status-logout:hover{color:var(--red)}.home-root{flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px;display:flex;position:fixed;inset:0;overflow:hidden}.floating-cards{pointer-events:none;z-index:0;position:absolute;inset:0}.float-card{filter:saturate(.6);border-radius:16px;animation:linear infinite float-drift;position:absolute;overflow:hidden;box-shadow:0 12px 40px #0009}.float-card img{object-fit:cover;width:100%;height:100%;display:block}@keyframes float-drift{0%,to{translate:0}50%{translate:14px -18px}}.home-vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000004d 0%,#0000008c 55%,#000000bf 100%);position:absolute;inset:0}.home-title,.home-sub,.home-profile,.home-actions{z-index:2;position:relative}.home-title{letter-spacing:12px;color:var(--gold);text-shadow:0 0 28px #d4a84a99,0 0 60px #d4a84a59,0 3px 6px #000c;margin-bottom:-4px;font-size:84px;animation:4s ease-in-out infinite title-shine}@keyframes title-shine{0%,to{text-shadow:0 0 28px #d4a84a8c,0 0 60px #d4a84a4d,0 3px 6px #000c}50%{text-shadow:0 0 40px #d4a84acc,0 0 80px #d4a84a73,0 3px 6px #000c}}.home-sub{color:var(--ink-dim);letter-spacing:3px;margin-bottom:18px;font-size:20px;font-style:italic}.home-profile{cursor:pointer;border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:4px;padding:12px 18px;transition:background .15s,transform .15s;display:flex}.home-profile:hover{background:#d4a84a14;transform:translateY(-2px)}.home-username{color:var(--ink);letter-spacing:2px;font-size:24px}.home-change{color:var(--ink-dim);letter-spacing:1px;text-underline-offset:3px;opacity:.7;font-size:15px;text-decoration:underline}.home-actions{flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:460px;margin-top:20px;display:flex}.home-cta{background:linear-gradient(180deg, #e8c870, var(--gold) 50%, #b08a36);color:var(--felt-dark);border-radius:var(--radius-lg);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:2px;padding:18px 20px;font-family:inherit;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 0 24px #d4a84a59,0 4px 14px #00000080,inset 0 1px #ffffff40}.home-cta:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 0 34px #d4a84a99,0 8px 24px #00000080,inset 0 1px #ffffff4d}.home-cta.searching{animation:1.2s ease-in-out infinite queue-pulse}.cta-icon{font-size:30px;line-height:1}.cta-label{letter-spacing:6px;font-size:34px}.cta-sub{letter-spacing:1.5px;opacity:.75;margin-top:2px;font-size:18px}@keyframes queue-pulse{0%,to{box-shadow:0 0 24px #d4a84a66,0 4px 14px #00000080,inset 0 1px #ffffff40}50%{box-shadow:0 0 44px #d4a84ad9,0 4px 14px #00000080,inset 0 1px #ffffff40}}.home-row{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.home-tile{border:1px solid var(--panel-line);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;background:#00000059;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 4px;font-family:inherit;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s;display:flex}.home-tile:hover{border-color:var(--gold);background:#d4a84a1f;transform:translateY(-3px);box-shadow:0 6px 18px #00000080}.tile-icon{color:var(--gold);font-size:28px;line-height:1}.tile-label{letter-spacing:1.5px;color:var(--ink-dim);font-size:16px}.home-tile:hover .tile-label{color:var(--ink)}.home-signout{color:var(--ink-dim);letter-spacing:2px;cursor:pointer;opacity:.55;background:0 0;border:none;align-self:center;padding:8px;font-family:inherit;font-size:16px}.home-signout:hover{color:var(--red);opacity:1}@media (width<=480px){.home-title{letter-spacing:8px;font-size:58px}.home-row{grid-template-columns:repeat(5,1fr);gap:4px}.home-tile{padding:10px 2px}.tile-icon{font-size:20px}.tile-label{letter-spacing:1px;font-size:9px}}.avatar{background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));border:2px solid var(--panel-line);border-radius:50%;flex:none;position:relative;overflow:hidden}.avatar.ring{border:3px solid var(--gold);box-shadow:0 0 14px #d4a84a59}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-initial{width:100%;height:100%;color:var(--gold);justify-content:center;align-items:center;font-size:50%;display:flex}.avatar-presence{border:2px solid var(--felt-dark);background:#555;border-radius:50%;width:30%;min-width:10px;height:30%;min-height:10px;position:absolute;bottom:2px;right:2px}.avatar.online .avatar-presence{background:var(--green);box-shadow:0 0 6px var(--green)}.avatar.offline .avatar-presence{background:#555}.avatar-picker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.avatar-picker{background:var(--felt);border:2px solid var(--gold);border-radius:var(--radius-lg);flex-direction:column;gap:14px;width:100%;max-width:640px;padding:24px 20px;display:flex;box-shadow:0 14px 40px #000000bf}.avatar-picker-title{color:var(--gold);letter-spacing:2px;text-align:center;font-size:22px}.avatar-picker-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:16px;padding:14px 8px;display:flex;overflow:auto hidden}.avatar-option{border:3px solid var(--panel-line);cursor:pointer;background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));scroll-snap-align:center;border-radius:50%;flex:0 0 110px;width:110px;height:110px;padding:0;transition:transform .15s,border-color .2s,box-shadow .2s;overflow:hidden}.avatar-option:hover{border-color:var(--gold);transform:scale(1.08);box-shadow:0 0 18px #d4a84a80}.avatar-option.selected{border-color:var(--gold);transform:scale(1.12);box-shadow:0 0 24px #d4a84ab3}.avatar-option img{object-fit:cover;width:100%;height:100%}.avatar-picker-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.friends-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:55;background:#0009;justify-content:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.friends-wrap{background:var(--felt);border-left:2px solid var(--gold);width:100%;max-width:420px;height:100%;animation:.25s cubic-bezier(.22,1,.36,1) slide-in}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.friends-panel{flex-direction:column;height:100%;display:flex}.panel-header{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.panel-title{color:var(--gold);letter-spacing:3px;font-size:24px}.panel-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:22px}.panel-close:hover{color:var(--red)}.panel-tabs{border-bottom:1px solid var(--panel-line);background:#0003;display:flex}.panel-tabs button{color:var(--ink-dim);letter-spacing:2px;cursor:pointer;background:0 0;border:none;flex:1;padding:12px;font-family:inherit;font-size:15px;position:relative}.panel-tabs button.on{color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}.tab-count{color:var(--ink-dim);margin-left:4px;font-size:16px}.tab-badge{background:var(--red);color:#fff;border-radius:10px;margin-left:6px;padding:1px 7px;font-size:15px;display:inline-block}.panel-list{flex:1;padding:8px 12px;overflow-y:auto}.panel-section{color:var(--ink-dim);letter-spacing:2px;text-transform:uppercase;padding:12px 6px 6px;font-size:15px}.panel-empty{text-align:center;color:var(--ink-dim);padding:40px 20px;font-style:italic}.panel-error{border-left:3px solid var(--red);color:var(--red);background:#c93b2a24;border-radius:6px;margin:8px 14px;padding:8px 12px;font-size:17px}.friend-row{border-bottom:1px solid #ffdca014;align-items:center;gap:12px;padding:10px;display:flex}.friend-name{color:var(--ink);letter-spacing:.5px;flex:1;font-size:17px}.friend-actions{gap:6px;display:flex}.row-btn{border:1px solid var(--panel-line);color:var(--ink);border-radius:var(--radius-sm);letter-spacing:1px;cursor:pointer;background:#0006;padding:6px 12px;font-family:inherit;font-size:16px;transition:transform .12s,background .2s}.row-btn:hover:not(:disabled){transform:scale(1.04)}.row-btn.primary{background:var(--gold);color:var(--felt-dark);border-color:var(--gold)}.row-btn.ghost{color:var(--ink-dim)}.row-btn:disabled{opacity:.4;cursor:not-allowed}.panel-add{flex-direction:column;flex:1;display:flex}.panel-search{border:1px solid var(--panel-line);border-radius:var(--radius-sm);color:var(--ink);background:#0006;outline:none;margin:12px;padding:10px 14px;font-family:inherit;font-size:17px}.panel-search:focus{border-color:var(--gold);box-shadow:0 0 10px #d4a84a40}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:80;background:#000000c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-card{background:var(--felt);border:2px solid var(--gold);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:100%;max-width:440px;padding:24px;display:flex;box-shadow:0 14px 40px #000000b3}.settings-title{color:var(--gold);letter-spacing:3px;text-align:center;border-bottom:1px solid var(--panel-line);padding-bottom:12px;font-size:24px}.settings-row{color:var(--ink);grid-template-columns:140px 1fr 52px;align-items:center;gap:12px;font-size:17px;display:grid}.settings-slider{appearance:none;background:#00000080;border-radius:3px;outline:none;width:100%;height:6px}.settings-slider::-webkit-slider-thumb{appearance:none;background:var(--gold);border:2px solid var(--felt-dark);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 0 8px #d4a84a80}.settings-slider::-moz-range-thumb{background:var(--gold);border:2px solid var(--felt-dark);cursor:pointer;border-radius:50%;width:18px;height:18px}.settings-value{text-align:right;color:var(--ink-dim);font-size:15px}.settings-actions{justify-content:flex-end;display:flex}.challenge-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:110;background:#000c;justify-content:center;align-items:center;animation:.25s ease-out fade-in;display:flex;position:fixed;inset:0}.challenge-card{background:var(--felt);border:2px solid var(--gold);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:10px;padding:30px 40px;animation:.35s cubic-bezier(.22,1,.36,1) challenge-pop;display:flex;box-shadow:0 14px 40px #000000bf,0 0 30px #d4a84a4d}@keyframes challenge-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.challenge-title{color:var(--gold);letter-spacing:6px;margin-bottom:6px;font-size:32px}.challenge-who{color:var(--ink);letter-spacing:1px;margin-top:6px;font-size:24px}.challenge-msg{color:var(--ink-dim);margin-bottom:14px;font-size:16px}.challenge-actions{gap:12px;display:flex}.home-online{color:var(--ink);letter-spacing:1px;border:1px solid var(--gold-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:linear-gradient(#1e120aa6,#0a06038c);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:17px;transition:border-color .15s,color .15s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #00000073,inset 0 1px #ffdca01f}.home-online:hover{border-color:var(--gold);color:var(--gold);transform:scale(1.04)}.online-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s ease-in-out infinite online-pulse}@keyframes online-pulse{0%,to{opacity:.7}50%{opacity:1}}.chat-overlay{z-index:79;background:#00000059;animation:.2s ease-out chat-fade;position:fixed;inset:0}@keyframes chat-fade{0%{opacity:0}to{opacity:1}}.chat-panel-floating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:78;background:#120a0552;border:1px solid #d4a84a38;border-radius:14px;flex-direction:column;width:360px;height:42vh;min-height:300px;max-height:580px;animation:.2s ease-out chat-panel-in;display:flex;position:fixed;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 10px 30px #00000073,0 0 18px #d4a84a14}@keyframes chat-panel-in{0%{opacity:0;transform:translate(-8px,-50%)}to{opacity:1;transform:translateY(-50%)}}.chat-panel-head{border-bottom:1px solid #d4a84a26;align-items:center;gap:6px;padding:6px 8px 6px 10px;display:flex}.chat-tabs{flex:1;gap:4px;min-width:0;display:flex}.chat-tabs.single{padding-left:2px}.chat-tab{color:var(--ink-dim);letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:14px;transition:color .15s,background .15s,border-color .15s}.chat-tab:hover{color:var(--ink)}.chat-tab.active{color:var(--gold);background:#d4a84a1a;border-color:#d4a84a4d}.chat-tab-label{letter-spacing:2px;color:var(--gold);padding:4px 2px;font-size:14px}.chat-panel-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:17px;transition:color .15s,background .15s}.chat-panel-close:hover{color:var(--gold);background:#d4a84a1a}.chat-panel-list{scrollbar-width:thin;scrollbar-color:#d4a84a4d transparent;flex-direction:column;flex:1;justify-content:flex-end;gap:4px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 28% 100%);mask-image:linear-gradient(#0000 0,#000 28% 100%)}.chat-panel-list::-webkit-scrollbar{width:5px}.chat-panel-list::-webkit-scrollbar-thumb{background:#d4a84a4d;border-radius:3px}.chat-panel-empty{color:var(--ink-dim);text-align:center;opacity:.6;letter-spacing:1.5px;margin:auto 0;font-size:15px}.chat-panel-msg{background:#0000002e;border-radius:8px;flex-direction:column;padding:6px 10px;font-size:15px;line-height:1.4;animation:.22s ease-out chat-msg-in;display:flex}.chat-panel-msg.me{background:#d4a84a1f;border:1px solid #d4a84a40}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-panel-user{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;opacity:.85;margin-bottom:1px;font-size:14px}.chat-panel-msg.me .chat-panel-user{color:#e8c870}.chat-panel-text{color:var(--ink);word-wrap:break-word;overflow-wrap:anywhere}.chat-panel-input-row{border-top:1px solid #d4a84a26;gap:6px;padding:6px 8px 8px;display:flex}.chat-panel-input{min-width:0;color:var(--ink);background:#00000059;border:1px solid #d4a84a2e;border-radius:8px;outline:none;flex:1;padding:7px 12px;font-family:inherit;font-size:17px;transition:border-color .15s}.chat-panel-input:focus{border-color:#d4a84a8c}.chat-panel-input::placeholder{color:var(--ink-dim);opacity:.7}.chat-panel-send{background:linear-gradient(180deg, #e8c870, var(--gold));width:32px;color:var(--felt-dark);cursor:pointer;border:none;border-radius:8px;font-family:inherit;font-size:16px;transition:filter .15s,transform .1s}.chat-panel-send:hover:not(:disabled){filter:brightness(1.08)}.chat-panel-send:active:not(:disabled){transform:scale(.95)}.chat-panel-send:disabled{opacity:.35;cursor:not-allowed}.chat-tab-toggle{width:40px;height:40px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:78;background:#120a0580;border:1px solid #d4a84a4d;border-radius:50%;font-size:18px;transition:transform .15s,border-color .15s,background .15s;position:fixed;top:50%;left:10px;transform:translateY(-50%);box-shadow:0 4px 14px #0006}.chat-tab-toggle:hover{border-color:var(--gold);background:#28180c99;transform:translateY(-50%)scale(1.08)}.chat-tab-toggle-icon{filter:saturate(.4)brightness(1.1);display:inline-block}.chat-tab-toggle-dot{background:var(--red);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite chat-dot-pulse;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #c93b2ab3}@keyframes chat-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.25)}}.chat-floating-stack{z-index:78;pointer-events:none;flex-direction:column-reverse;gap:6px;max-width:280px;display:flex;position:fixed;top:50%;left:62px;transform:translateY(-50%)}.chat-floating-msg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);cursor:pointer;pointer-events:auto;word-wrap:break-word;overflow-wrap:anywhere;background:#120a0594;border:1px solid #d4a84a47;border-radius:10px;flex-direction:column;padding:8px 12px;font-size:15px;line-height:1.4;animation:.25s ease-out chat-float-in,.5s ease-in 5.5s forwards chat-float-out;display:flex;box-shadow:0 6px 16px #00000080}.chat-floating-user{letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin-bottom:1px;font-size:13px}.chat-floating-text{color:var(--ink)}@keyframes chat-float-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes chat-float-out{to{opacity:0;transform:translate(-12px)}}.chat-panel{background:var(--felt);border-left:2px solid var(--gold);z-index:80;flex-direction:column;width:100%;max-width:380px;animation:.25s cubic-bezier(.22,1,.36,1) slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #00000080}.chat-header{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.chat-title{color:var(--gold);letter-spacing:3px;font-size:22px}.chat-list{flex-direction:column;flex:1;gap:10px;padding:10px 14px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--ink-dim);padding:40px 10px;font-style:italic}.chat-msg{align-items:flex-start;gap:10px;padding:6px 4px;display:flex}.chat-msg.me .chat-meta{color:var(--gold)}.chat-body{flex:1;min-width:0}.chat-meta{color:var(--ink-dim);letter-spacing:.5px;font-size:16px}.chat-text{color:var(--ink);word-wrap:break-word;font-size:15px;line-height:1.3}.chat-input-row{border-top:1px solid var(--panel-line);gap:8px;padding:10px 12px 14px;display:flex}.chat-input{border:1px solid var(--panel-line);border-radius:var(--radius-sm);color:var(--ink);background:#0006;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:15px}.chat-input:focus{border-color:var(--gold);box-shadow:0 0 8px #d4a84a40}.chat-send{background:var(--gold);color:var(--felt-dark);border-radius:var(--radius-sm);letter-spacing:1.5px;cursor:pointer;border:none;padding:8px 18px;font-family:inherit;font-size:17px}.chat-send:disabled{opacity:.4;cursor:not-allowed}.chat-error{color:var(--red);padding:6px 14px;font-size:16px}.relic-shelf{flex-wrap:wrap;flex:none;justify-content:center;gap:8px;width:100%;max-width:1400px;min-height:0;padding:2px 14px;display:flex}.relic-chip{color:var(--ink);letter-spacing:.5px;cursor:pointer;background:linear-gradient(#d4a84a2e,#00000059);border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-family:inherit;font-size:16px;transition:transform .12s,box-shadow .15s;display:inline-flex;box-shadow:0 2px 6px #0006,inset 0 1px #ffdca014}.relic-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d4a84a59,inset 0 1px #ffdca024}.relic-chip-emoji{filter:drop-shadow(0 1px 2px #0009);font-size:18px;line-height:1}.relic-chip-name{color:var(--ink)}.relic-shelf.enemy .relic-chip{background:linear-gradient(#c93b2a2e,#00000059)}.match-chat-toggle{border:1px solid var(--panel-line);width:44px;height:44px;color:var(--ink);cursor:pointer;z-index:60;background:#1e120ad9;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:84px;right:16px;box-shadow:0 4px 14px #0009}.match-chat-toggle:hover{transform:scale(1.08);box-shadow:0 4px 18px #d4a84a73}.match-chat-unread{background:var(--red);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:15px;animation:.9s ease-out match-chat-ping;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #c93b2a99}@keyframes match-chat-ping{0%{transform:scale(1.5)}60%{transform:scale(.9)}to{transform:scale(1)}}.match-chat{background:var(--felt);border:1px solid var(--gold-soft);border-radius:var(--radius-md);z-index:60;flex-direction:column;width:300px;height:340px;animation:.22s cubic-bezier(.22,1,.36,1) match-chat-pop;display:flex;position:fixed;bottom:84px;right:16px;box-shadow:0 8px 24px #0009}@keyframes match-chat-pop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.match-chat-header{border-bottom:1px solid var(--panel-line);border-radius:var(--radius-md) var(--radius-md) 0 0;background:#0000004d;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.match-chat-title{color:var(--gold);letter-spacing:1px;font-size:16px}.match-chat-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:inherit;font-size:18px}.match-chat-close:hover{color:var(--red)}.match-chat-list{flex-direction:column;flex:1;gap:6px;padding:8px 10px;display:flex;overflow-y:auto}.match-chat-empty{color:var(--ink-dim);text-align:center;padding:30px 10px;font-size:17px;font-style:italic}.match-chat-msg{color:var(--ink);word-wrap:break-word;font-size:17px;line-height:1.3}.match-chat-user{color:var(--ink-dim);letter-spacing:.3px;margin-right:6px}.match-chat-msg.me .match-chat-user{color:var(--gold)}.match-chat-input-row{border-top:1px solid var(--panel-line);gap:6px;padding:8px 10px;display:flex}.match-chat-input{border:1px solid var(--panel-line);border-radius:var(--radius-sm);color:var(--ink);background:#0006;outline:none;flex:1;min-width:0;padding:6px 10px;font-family:inherit;font-size:17px}.match-chat-input:focus{border-color:var(--gold)}.match-chat-send{background:var(--gold);color:var(--felt-dark);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 12px;font-family:inherit;font-size:16px}.match-chat-send:disabled{opacity:.4;cursor:not-allowed}.home-shards{z-index:3;color:var(--gold);letter-spacing:2px;border:1px solid var(--panel-line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:20px;padding:6px 14px;font-size:18px;position:absolute;top:14px;left:14px}.tile-note{color:var(--gold);letter-spacing:.5px;opacity:.9;text-align:center;margin-top:1px;font-size:9px;font-style:italic;line-height:1.1}.mycards-root{max-width:1280px;margin:0 auto;padding:16px 20px 32px}.mycards-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 4px 18px;display:flex}.mycards-titles{flex-direction:column;gap:2px;display:flex}.mycards-title{color:var(--gold);letter-spacing:3px;font-size:28px}.mycards-sub{color:var(--ink-dim);letter-spacing:1px;font-size:15px}.deck-ok{color:var(--green)}.deck-bad{color:var(--red)}.deck-saved{color:var(--gold);margin-left:6px}.deck-active-hint{color:var(--ink-dim);margin-left:4px}.mycards-actions{flex-wrap:wrap;gap:10px;display:flex}.deckbox-strip{flex-wrap:wrap;justify-content:center;gap:14px;padding:12px 4px 6px;display:flex}.deckbox{--box-color:#d4a84a;border:2px solid var(--box-color);background:linear-gradient(180deg, color-mix(in srgb, var(--box-color) 22%, #1a0f08) 0%, color-mix(in srgb, var(--box-color) 10%, #1a0f08) 100%);width:180px;height:120px;color:var(--ink);cursor:pointer;border-radius:10px;padding:0;font-family:inherit;transition:transform .12s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 3px 10px #00000080}.deckbox:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0009}.deckbox.editing{box-shadow:0 0 0 3px color-mix(in srgb, var(--box-color) 70%, white 0%), 0 3px 10px #00000080}.deckbox.active .deckbox-active-badge{background:var(--box-color);color:#1a0f08;letter-spacing:2px;text-shadow:none;border-radius:10px;padding:2px 8px;font-size:14px;position:absolute;top:8px;right:8px}.deckbox-lid{background:linear-gradient(180deg, color-mix(in srgb, var(--box-color) 55%, #1a0f08), var(--box-color));border-bottom:1px solid #0006;height:22px;position:absolute;top:0;left:0;right:0}.deckbox-body{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex;position:absolute;inset:22px 0 0}.deckbox-count{color:var(--box-color);letter-spacing:1px;font-size:28px;line-height:1}.deckbox-name{color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;line-height:1.15;overflow:hidden}.deckbox-name-input{border:1px solid var(--panel-line);border-radius:var(--radius-sm);color:var(--gold);letter-spacing:2px;background:#00000059;outline:none;max-width:320px;padding:4px 10px;font-family:inherit;font-size:22px}.deckbox-name-input:focus{border-color:var(--gold);box-shadow:0 0 8px #d4a84a4d}.deckbox-color-row{gap:6px;margin-top:4px;display:flex}.deckbox-swatch{cursor:pointer;border:2px solid #0006;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .1s,box-shadow .12s}.deckbox-swatch:hover{transform:scale(1.1)}.deckbox-swatch.on{box-shadow:0 0 0 2px #fff,0 0 10px #ffdca0a6}.mycards-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));justify-items:center;gap:16px 14px;margin-top:12px;display:grid}.mycard-entry{flex-direction:column;align-items:center;gap:10px;padding:6px;display:flex}.mycard-card-slot{border-radius:var(--card-radius);transition:transform .15s,box-shadow .2s;display:inline-block;position:relative}.mycard-entry.in-deck .mycard-card-slot{box-shadow:0 0 14px #d4a84a8c}.mycard-entry.rarity-rare .mycard-card-slot{box-shadow:0 0 10px #5aa0e059}.mycard-entry.rarity-epic .mycard-card-slot{box-shadow:0 0 14px #b472e673}.mycard-entry.rarity-legendary .mycard-card-slot{box-shadow:0 0 20px #e6c26b99}.mycard-owned-badge{background:var(--felt-dark);color:var(--gold);border:2px solid var(--gold);z-index:3;border-radius:14px;padding:2px 10px;font-size:17px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #0009}.mycard-controls{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:200px;display:flex}.mycard-in-deck{text-align:center;color:var(--ink-dim);letter-spacing:.5px;flex:1;font-size:16px}.library-root{flex-direction:column;padding:56px 0 0;display:flex;position:fixed;inset:0;overflow:hidden}.library-tabs{border-bottom:1px solid var(--panel-line);background:#00000059;flex:none;justify-content:center;gap:6px;padding:8px 12px 0;display:flex}.library-tab{color:var(--ink-dim);letter-spacing:3px;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:15px;transition:color .15s,border-color .15s;display:flex}.library-tab:hover{color:var(--ink)}.library-tab.on{color:var(--gold);border-bottom-color:var(--gold)}.library-tab-icon{font-size:18px}.library-body{flex:1;padding:0;position:relative;overflow-y:auto}.packs-root.embedded{padding:24px;position:static;inset:auto}.collection-root.embedded{height:auto;padding:16px 20px 24px;position:static;inset:auto;overflow:visible}.deckbuilder.embedded{width:auto;max-width:1100px;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0 auto}.deckbuilder.embedded .db-header{border-bottom:1px solid var(--panel-line)}.packs-root{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.packs-root.embedded{min-height:70vh;position:static;inset:auto}.back-btn{border:1px solid var(--panel-line);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:1px;z-index:2;background:#0006;padding:8px 14px;font-family:inherit;font-size:15px;position:absolute;top:14px;left:14px}.back-btn:hover{background:#0009}.packs-meta{color:var(--ink-dim);letter-spacing:1px;z-index:2;gap:14px;font-size:16px;display:flex;position:absolute;top:14px;right:14px}.packs-meta>div:first-child{color:var(--gold)}.pack-stage{justify-content:center;align-items:center;display:flex;position:relative}.pack-img{aspect-ratio:3/4;cursor:pointer;border-radius:14px;width:240px;animation:1.5s ease-in-out infinite pack-pulse;position:relative;overflow:hidden;box-shadow:0 0 30px #d4a84a59,0 12px 40px #0009}.pack-art{object-fit:cover;width:100%;height:100%;display:block}.pack-seam-glow{mix-blend-mode:screen;opacity:.45;background:linear-gradient(#0000,#ffe6a0d9,#0000);width:2px;animation:2.5s ease-in-out infinite pack-seam-pulse;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@keyframes pack-seam-pulse{0%,to{opacity:.35;filter:blur(.5px)}50%{opacity:.9;filter:blur(1.5px)}}.pack-seam-glow.burst{animation:.85s ease-out forwards pack-seam-burst}@keyframes pack-seam-burst{0%{opacity:.8;width:2px}60%{opacity:1;filter:blur(12px);width:120px}to{opacity:0;filter:blur(20px);width:280px}}.pack-img.dim{opacity:.5;cursor:not-allowed;animation:none}.pack-img.shaking{animation:.4s ease-in-out 2 pack-shake}@keyframes pack-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes pack-shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-8px,2px)rotate(-2deg)}40%{transform:translate(8px,-2px)rotate(2deg)}60%{transform:translate(-6px,2px)rotate(-1deg)}80%{transform:translate(6px,-2px)rotate(1deg)}}.pack-desc{text-align:center;max-width:320px}.pack-title{color:var(--gold);letter-spacing:4px;text-shadow:0 0 12px #d4a84a66;font-size:26px}.pack-flavor{color:var(--ink-dim);letter-spacing:1px;margin-top:4px;font-size:17px}.pack-info{width:100%;max-width:420px}.pack-info-toggle{color:var(--ink-dim);letter-spacing:1.5px;cursor:pointer;text-align:center;opacity:.7;background:0 0;border:none;width:100%;padding:8px;font-family:inherit;font-size:17px;transition:opacity .15s,color .15s}.pack-info-toggle:hover{opacity:1;color:var(--gold)}.pack-info-actions{gap:6px;width:100%;display:flex}.pack-info-actions .pack-info-toggle{border:1px solid var(--panel-line);border-radius:var(--radius-sm);background:#00000040;flex:1}.pack-contents-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:95;background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.pack-contents{background:var(--felt);border:2px solid var(--gold);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:1100px;max-height:90vh;display:flex;overflow:hidden}.pack-contents-header{border-bottom:1px solid var(--panel-line);background:#0000004d;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pack-contents-title{color:var(--gold);letter-spacing:2px;font-size:22px}.pack-contents-body{flex-direction:column;gap:14px;padding:14px 16px;display:flex;overflow-y:auto}.pack-contents-row{flex-direction:column;gap:6px;display:flex}.pack-contents-rarity{letter-spacing:3px;padding-left:6px;font-size:15px}.pack-contents-scroll{scrollbar-width:thin;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.pack-contents-card{background:linear-gradient(180deg, var(--felt-dark), #000);width:110px;height:170px;color:var(--ink);cursor:pointer;border:2px solid;border-radius:12px;flex:none;padding:0;font-family:inherit;transition:transform .12s,box-shadow .15s;position:relative;overflow:hidden}.pack-contents-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0009}.pack-contents-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pack-contents-emoji{justify-content:center;align-items:center;font-size:50px;display:flex;position:absolute;inset:0}.pack-contents-card:after{content:"";background:linear-gradient(#0000,#000000e6);height:50%;position:absolute;bottom:0;left:0;right:0}.pack-contents-cost{color:#fff;z-index:2;border:1px solid #00000080;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:17px;display:flex;position:absolute;top:4px;left:4px}.pack-contents-name{text-align:center;color:var(--ink);text-shadow:0 1px 2px #000000f2;z-index:2;padding:0 4px;font-size:15px;line-height:1.1;position:absolute;bottom:6px;left:0;right:0}.pack-contents-mystery{cursor:not-allowed;background:radial-gradient(circle at 50% 35%,#ff4f702e,#0000 65%),repeating-linear-gradient(45deg,#ff4f701a 0 10px,#00000059 10px 20px);animation:2.6s ease-in-out infinite mystery-pulse;box-shadow:0 0 14px #ff4f7059,inset 0 0 0 1px #ff4f7033}.pack-contents-mystery:hover{transform:none}.pack-contents-mystery-glyph{color:#ff4f70d9;text-shadow:0 0 18px #ff4f70cc,0 0 4px #000000e6;z-index:1;justify-content:center;align-items:center;font-family:Patrick Hand,cursive;font-size:84px;display:flex;position:absolute;inset:0}@keyframes mystery-pulse{0%,to{box-shadow:0 0 10px #ff4f704d,inset 0 0 0 1px #ff4f7033}50%{box-shadow:0 0 24px #ff4f70b3,inset 0 0 0 1px #ff4f7059}}.pi-mythic{color:#ff4f70;letter-spacing:1.5px}.pack-info-body{border:1px solid var(--panel-line);border-radius:var(--radius-md);background:#0006;flex-direction:column;gap:14px;margin-top:10px;padding:16px;animation:.2s ease-out fade-in;display:flex}.pack-info-section{flex-direction:column;gap:6px;display:flex}.pack-info-heading{color:var(--gold);letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid var(--panel-line);padding-bottom:4px;font-size:17px}.pack-info-table{width:100%;color:var(--ink);border-collapse:collapse;font-size:17px}.pack-info-table td{border-bottom:1px solid #ffdca00f;padding:4px 6px}.pack-info-table td:first-child{color:var(--ink-dim);width:90px}.pack-info-note{color:var(--ink-dim);margin-top:4px;font-size:15px;font-style:italic}.pack-info-list{color:var(--ink);font-size:16px;line-height:1.5}.pi-rare{color:#5aa0e0;margin-right:4px}.pi-epic{color:#b472e6;margin-right:4px}.pi-lego{color:#e6c26b;margin-right:4px}.pack-cta{background:linear-gradient(180deg, #e8c870, var(--gold) 50%, #b08a36);color:var(--felt-dark);border-radius:var(--radius-lg);letter-spacing:4px;cursor:pointer;border:none;padding:16px 36px;font-family:inherit;font-size:20px;transition:transform .15s,box-shadow .2s;box-shadow:0 0 22px #d4a84a59,0 4px 14px #00000080,inset 0 1px #ffffff40}.pack-cta:hover:not(:disabled){transform:scale(1.04)}.pack-cta.disabled,.pack-cta:disabled{opacity:.45;cursor:not-allowed}.pack-flash{pointer-events:none;z-index:50;background:#fff;animation:.4s ease-out forwards pack-flash;position:fixed;inset:0}@keyframes pack-flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.reveal-stage{flex-direction:column;align-items:center;gap:18px;padding:20px 14px;display:flex}.reveal-counter{color:var(--ink-dim);letter-spacing:3px;font-size:15px}.reveal-instructions{color:var(--ink-dim);letter-spacing:1.5px;font-size:17px;font-style:italic}.reveal3d{aspect-ratio:3/4;perspective:1200px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;width:min(300px,80vw);animation:.55s cubic-bezier(.22,1,.36,1) reveal3d-in}@keyframes reveal3d-in{0%{opacity:0;transform:translateY(80px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.reveal3d-inner{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;position:relative}.reveal3d.flipped .reveal3d-inner{transform:rotateX(var(--rx,0deg)) rotateY(calc(var(--ry,0deg) + 180deg))}.reveal3d-back,.reveal3d-front{backface-visibility:hidden;border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 44px #000000b3}.reveal3d-back{border:3px solid var(--gold);background:linear-gradient(180deg, var(--felt), var(--felt-dark));justify-content:center;align-items:center;display:flex}.reveal3d-back-art{object-fit:cover;filter:brightness(.55)saturate(.7);width:100%;height:100%;position:absolute;inset:0}.reveal3d-back-crest{color:var(--gold);text-shadow:0 0 24px #d4a84ae6,0 4px 8px #000c;font-size:110px;animation:2s ease-in-out infinite crest-pulse;position:relative}@keyframes crest-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.reveal3d-front{background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));border:3px solid;transform:rotateY(180deg)}.reveal3d-front img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reveal3d-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:110px;display:flex}.reveal3d-overlay{color:#fff;text-shadow:0 1px 2px #000000f2;background:linear-gradient(#0000,#000000e0 40%);flex-direction:column;gap:4px;padding:14px 14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.reveal3d-rarity{letter-spacing:4px;color:var(--gold);border:1px solid var(--gold);background:#0000008c;border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:15px}.reveal3d-name{color:#fff;letter-spacing:1px;font-size:24px}.reveal3d-keyword{letter-spacing:1.5px;color:#fff;border-radius:4px;align-self:flex-start;padding:2px 8px;font-size:15px}.reveal3d-effect{color:#ffe6c8e6;font-size:17px;font-style:italic;line-height:1.3}.reveal3d.flipped.rarity-rare .reveal3d-front{animation:.9s ease-out fx-rare}.reveal3d.flipped.rarity-epic .reveal3d-front{animation:1s ease-out fx-epic}.reveal3d.flipped.rarity-legendary .reveal3d-front{animation:1.1s ease-out fx-lego;box-shadow:0 0 36px #e6c26bb3}@keyframes fx-rare{0%{box-shadow:0 0 #5aa0e000}40%{box-shadow:0 0 26px #5aa0e0f2}to{box-shadow:0 0 6px #5aa0e066}}@keyframes fx-epic{0%{box-shadow:0 0 #b472e600}30%{box-shadow:0 0 44px #b472e6}to{box-shadow:0 0 10px #b472e680}}@keyframes fx-lego{0%{box-shadow:0 0 #e6c26b00}15%{box-shadow:0 0 60px 10px #e6c26b}45%{box-shadow:0 0 40px 4px #e6c26be6}to{box-shadow:0 0 28px #e6c26ba6}}.lego-flash{pointer-events:none;z-index:49;background:radial-gradient(#ffeba08c 0%,#e6c26b40 40%,#0000 75%);animation:.7s ease-out forwards lego-flash;position:fixed;inset:0}@keyframes lego-flash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.collection-root{padding:60px 20px 20px;position:fixed;inset:0;overflow-y:auto}.collection-title{color:var(--gold);text-align:center;letter-spacing:4px;margin-bottom:4px;font-size:34px}.collection-count{color:var(--ink-dim);letter-spacing:2px;text-align:center;margin-bottom:16px;font-size:17px}.collection-filters{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.filter-chip{border:1px solid var(--panel-line);color:var(--ink);letter-spacing:1px;cursor:pointer;background:#00000059;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:15px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.filter-chip:hover{transform:translateY(-2px)}.filter-chip.on{border-color:var(--gold);color:var(--gold);background:#d4a84a26}.filter-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;max-width:1100px;margin:0 auto;display:grid}.collection-empty{text-align:center;color:var(--ink-dim);grid-column:1/-1;padding:60px 20px;font-size:18px;font-style:italic}.coll-card{aspect-ratio:3/4;background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));border:2px solid var(--panel-line);cursor:pointer;border-radius:10px;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden}.coll-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0009}.coll-card img{object-fit:cover;width:100%;height:100%;display:block}.coll-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.coll-name{text-align:center;color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(#0000,#000000eb);padding:4px;font-size:15px;position:absolute;bottom:0;left:0;right:0}.coll-count{color:var(--gold);border:1px solid var(--gold);background:#000000d9;border-radius:10px;padding:2px 7px;font-size:16px;position:absolute;top:4px;right:4px}.coll-card.rarity-legendary{box-shadow:0 0 18px #e6c26b4d}.coll-card.rarity-epic{box-shadow:0 0 10px #b472e633}.detail-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.detail-sheet{background:var(--felt);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:2px solid;border-bottom:none;gap:16px;width:100%;max-width:520px;max-height:80vh;padding:18px;animation:.3s cubic-bezier(.22,1,.36,1) detail-slide;display:flex;overflow-y:auto}@keyframes detail-slide{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail-art{aspect-ratio:3/4;border-radius:var(--radius-md);background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));flex:none;width:120px;overflow:hidden}.detail-art img{object-fit:cover;width:100%;height:100%}.detail-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.detail-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.detail-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-name{color:var(--ink);font-size:22px}.detail-cost{color:#fff;border:2px solid #00000080;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;display:flex}.detail-row{color:var(--ink-dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;display:flex}.detail-dot{color:var(--ink-dim);opacity:.6}.detail-keyword{letter-spacing:1.5px;color:#fff;border-radius:5px;align-self:flex-start;padding:3px 10px;font-size:15px}.detail-effect{color:var(--gold);border-left:3px solid var(--gold-soft);border-radius:var(--radius-sm);background:#00000059;padding:8px 10px;font-size:15px}.detail-count{color:var(--ink-dim);font-size:16px;font-style:italic}.detail-close{border:1px solid var(--panel-line);color:var(--ink);border-radius:var(--radius-sm);letter-spacing:1px;cursor:pointer;background:#00000059;align-self:flex-end;margin-top:auto;padding:8px 18px;font-family:inherit;font-size:17px}.leaderboard-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:70;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.leaderboard{background:var(--felt);border:2px solid var(--gold);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:520px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 14px 40px #000000bf}.lb-header{border-bottom:1px solid var(--panel-line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.lb-title{color:var(--gold);letter-spacing:4px;font-size:26px}.lb-loading,.lb-empty{text-align:center;color:var(--ink-dim);padding:40px 20px;font-size:17px;font-style:italic}.lb-list{flex:1;padding:8px 0;overflow-y:auto}.lb-row{border-bottom:1px solid #ffdca00f;align-items:center;gap:14px;padding:12px 20px;transition:background .15s;display:flex}.lb-row:hover{background:#d4a84a0f}.lb-row.me{border-left:3px solid var(--gold);background:#d4a84a1a}.lb-rank{text-align:center;color:var(--ink-dim);flex:0 0 40px;font-size:20px}.lb-info{flex:1;min-width:0}.lb-name{color:var(--ink);letter-spacing:1px;font-size:18px}.lb-stats{color:var(--ink-dim);letter-spacing:.5px;margin-top:2px;font-size:16px}.lb-wins{color:var(--gold);text-shadow:0 0 8px #d4a84a66;flex:none;font-size:26px}.felt-switcher{border:1px solid var(--panel-line);z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:20px;gap:6px;padding:6px 8px;display:flex;position:fixed;top:10px;right:10px}.felt-dot{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .12s,border-color .2s,box-shadow .2s}.felt-dot:hover{transform:scale(1.15)}.felt-dot.on{border-color:var(--gold);box-shadow:0 0 8px #d4a84a99}.toast{background:var(--panel);border:1px solid var(--gold);border-radius:var(--radius-md);color:var(--ink);z-index:200;padding:14px 20px;font-size:16px;animation:.3s cubic-bezier(.22,1,.36,1) toast-in;position:fixed;top:24px;right:24px;box-shadow:0 8px 24px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-root{justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.login-card{background:var(--panel);border:2px solid var(--gold);border-radius:var(--radius-lg);flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px 28px;display:flex;box-shadow:0 12px 40px #0009}.login-title{color:var(--gold);letter-spacing:5px;text-align:center;text-shadow:0 0 14px #d4a84a73,0 2px 3px #000000b3;font-size:44px}.login-sub{text-align:center;color:var(--ink-dim);letter-spacing:2px;margin-bottom:8px;font-size:16px}.login-label{color:var(--ink-dim);letter-spacing:1px;flex-direction:column;gap:4px;font-size:15px;display:flex}.login-input{color:var(--ink);border:1px solid var(--panel-line);border-radius:var(--radius-sm);background:#0006;outline:none;padding:10px 12px;font-family:inherit;font-size:20px;transition:border-color .15s,box-shadow .2s}.login-input:focus{border-color:var(--gold);box-shadow:0 0 10px #d4a84a4d}.login-input:disabled{opacity:.55}.login-error{color:var(--red);text-align:center;border-radius:var(--radius-sm);border-left:3px solid var(--red);background:#c93b2a1f;padding:6px;font-size:15px}.login-submit{background:var(--gold);color:var(--felt-dark);border-radius:var(--radius-sm);letter-spacing:3px;cursor:pointer;border:none;margin-top:6px;padding:12px;font-family:inherit;font-size:18px;transition:transform .15s,box-shadow .2s}.login-submit:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 16px #d4a84a66}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-switch{color:var(--ink-dim);letter-spacing:.5px;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:6px;font-family:inherit;font-size:17px;text-decoration:underline}.login-switch:hover{color:var(--gold)}.icon-btn{border:1px solid var(--panel-line);width:42px;height:42px;color:var(--ink-dim);cursor:pointer;background:#00000059;border-radius:50%;font-family:inherit;font-size:22px;transition:transform .15s,color .2s,box-shadow .2s}.icon-btn:hover{color:var(--gold);transform:scale(1.08)}.icon-btn.on{color:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #d4a84a80}.menu-anchor{display:inline-flex;position:relative}.menu-btn{font-size:20px}.menu-btn.active{color:var(--gold);border-color:var(--gold)}.menu-popover{background:var(--panel);border:1px solid var(--gold-soft);border-radius:var(--radius-md);z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:220px;padding:8px;animation:.18s ease-out menu-pop-in;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 12px 30px #000000b3,0 0 18px #d4a84a26}@keyframes menu-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.menu-header{letter-spacing:2px;color:var(--gold);text-transform:uppercase;border-bottom:1px solid var(--panel-line);margin-bottom:6px;padding:6px 10px 10px;font-size:17px}.menu-item{border-radius:var(--radius-sm);width:100%;color:var(--ink);letter-spacing:1.5px;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-family:inherit;font-size:15px;transition:background .15s,color .15s;display:flex}.menu-item:hover{color:var(--gold);background:#d4a84a1f}.menu-item.danger{color:#e8735f}.menu-item.danger:hover{color:#ff8a75;background:#c93b2a2e}.menu-label.muted{color:var(--ink-dim)}.menu-trailing{letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-dim);opacity:.8;font-size:15px}.menu-divider{background:var(--panel-line);height:1px;margin:6px 4px}.forfeit-card{border-color:#c93b2a;max-width:420px;box-shadow:0 14px 40px #000000bf,0 0 30px #c93b2a59}.forfeit-title{color:#e8735f;text-shadow:0 0 12px #c93b2a80}.forfeit-body{color:var(--ink);text-align:center;max-width:320px;margin:4px 0 18px;font-size:16px;line-height:1.5}.forfeit-body strong{color:#e8735f}.row-btn.danger{background:linear-gradient(180deg, #d65040, var(--red-deep));color:#fff;border-color:var(--red)}.row-btn.danger:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 14px #c93b2a8c}.disconnect-banner{z-index:85;color:var(--ink);letter-spacing:1.5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3c0c06e0;border:1px solid #c93b2a8c;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-size:17px;animation:1.4s ease-in-out infinite disconnect-pulse;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080,0 0 18px #c93b2a4d}.disconnect-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 8px var(--red);border-radius:50%}@keyframes disconnect-pulse{0%,to{box-shadow:0 6px 20px #00000080,0 0 14px #c93b2a40}50%{box-shadow:0 6px 20px #00000080,0 0 26px #c93b2a8c}}.targeting-hint{background:var(--panel);border:2px solid var(--gold);border-radius:var(--radius-md);letter-spacing:3px;pointer-events:none;z-index:10;padding:18px 36px;font-size:24px;animation:1.5s ease-in-out infinite fade-pulse;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #0009}@keyframes fade-pulse{0%,to{opacity:.75}50%{opacity:1}}.board.opponent-active{border-color:#e8622a73;animation:2s ease-in-out infinite opp-glow;box-shadow:inset 0 0 18px #e8622a26,0 0 14px #e8622a40}@keyframes opp-glow{0%,to{box-shadow:inset 0 0 18px #e8622a1a,0 0 12px #e8622a33}50%{box-shadow:inset 0 0 24px #e8622a33,0 0 20px #e8622a66}}.status-log.waiting{color:var(--gold);animation:1.5s ease-in-out infinite fade-pulse}.particles{pointer-events:none;z-index:20;width:0;height:0;position:fixed;transform:translate(-50%,-50%)}.particle{border-radius:50%;animation:.7s ease-out forwards particle-burst;position:absolute;top:0;left:0;box-shadow:0 0 8px}@keyframes particle-burst{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}.drag-ghost{width:var(--card-w);height:var(--card-h);pointer-events:none;z-index:1000;border:2px solid var(--gold);background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));border-radius:22px;position:fixed;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 12px 40px #000c}.drag-ghost-art{object-fit:cover;width:100%;height:100%}.drag-ghost-emoji{justify-content:center;align-items:center;height:100%;font-size:64px;display:flex}.drag-ghost-name{text-align:center;color:#fff;text-shadow:0 1px 3px #000000f2;font-size:17px;position:absolute;bottom:8px;left:0;right:0}.inspect-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:100;cursor:pointer;background:0 0;transition:background .3s ease-out,-webkit-backdrop-filter .3s ease-out,backdrop-filter .3s ease-out;position:fixed;inset:0}.inspect-overlay.active{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000c7}.inspect-art{border:3px solid var(--gold);background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));z-index:103;cursor:default;will-change:left, top, width, height, transform;touch-action:none;cursor:grab;border-radius:26px;transition:left .4s cubic-bezier(.22,1,.36,1),top .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1),box-shadow .3s ease-out;position:fixed;overflow:hidden;box-shadow:0 20px 60px #000000d9,0 0 24px #d4a84a40}.inspect-art:active{cursor:grabbing}.inspect-art-img{object-fit:cover;width:100%;height:100%}.inspect-art-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:150px;display:flex}.inspect-info{color:#3a2512;z-index:102;will-change:left, top, opacity, transform;background:linear-gradient(#00000008,#00000014),#f1e3bc;border:2px solid #c1a66a;border-radius:18px;flex-direction:column;gap:10px;width:300px;min-height:400px;max-height:520px;padding:22px 24px 18px;transition:left .45s cubic-bezier(.22,1,.36,1) .12s,top .45s cubic-bezier(.22,1,.36,1) .12s,opacity .3s ease-out .2s,transform .45s cubic-bezier(.22,1,.36,1) .12s;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 28px #0000008c}.info-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.info-name{color:#2a1808;font-size:22px;line-height:1.1}.info-cost{color:#fff;text-shadow:0 1px 2px #000000b3;border:2px solid #0006;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.info-row{color:#5a4228;letter-spacing:.5px;align-items:center;gap:6px;font-size:17px;display:flex}.info-mana{font-weight:700}.info-dot{color:#a88657}.info-atk{color:var(--red)}.info-hp{color:#3c7a30}.info-slash{color:#a88657;margin:0 3px}.info-keyword-row{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.info-keyword{letter-spacing:1.5px;color:#fff;border-radius:5px;align-self:flex-start;padding:3px 10px;font-size:16px}.info-keyword-desc{color:#5a4228;padding:0 2px;font-size:16px;line-height:1.3}.info-effect{color:#3a2512;background:#78551e1a;border-left:3px solid #a88657;border-radius:6px;padding:9px 12px;font-size:15px;line-height:1.35}.info-lore{color:#6c4e2a;letter-spacing:.3px;text-align:right;border-top:1px dashed #a8865780;margin-top:auto;padding-top:6px;font-size:16px;font-style:italic;line-height:1.35}.deckbuilder-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:90;background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out inspect-fade;display:flex;position:fixed;inset:0}@keyframes inspect-fade{0%{opacity:0}to{opacity:1}}.deckbuilder{background:var(--felt);border:2px solid var(--gold);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:1100px;max-height:92vh;display:flex;box-shadow:0 20px 60px #000000bf}.db-header{border-bottom:1px solid var(--panel-line);align-items:center;gap:16px;padding:14px 20px;display:flex}.db-title{color:var(--gold);letter-spacing:2px;flex:none;font-size:28px}.db-count{text-align:center;letter-spacing:1px;flex:1;font-size:24px}.db-count.ok{color:var(--green)}.db-count.bad{color:var(--red)}.db-actions{flex:none;gap:8px;display:flex}.db-btn{border:1px solid var(--panel-line);color:var(--ink);border-radius:var(--radius-sm);letter-spacing:2px;cursor:pointer;background:#00000059;padding:8px 18px;font-family:inherit;font-size:16px;transition:transform .15s,background .2s}.db-btn:hover:not(:disabled){background:#00000080;transform:scale(1.03)}.db-btn.primary{background:var(--gold);color:var(--felt-dark);border-color:var(--gold)}.db-btn.primary:disabled{opacity:.45;cursor:not-allowed}.db-btn.ghost{color:var(--ink-dim)}.db-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:16px 20px;display:grid;overflow-y:auto}.db-card{border:1px solid var(--panel-line);border-radius:var(--radius-md);background:#0000004d;flex-direction:column;gap:6px;padding:10px;transition:border-color .2s,background .2s,transform .15s;display:flex}.db-card.selected{border-color:var(--gold);background:#d4a84a14}.db-card-thumb{aspect-ratio:3/4;border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--felt-dark), var(--ui-deepest));border:2px solid;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000080}.db-card-art{object-fit:cover;width:100%;height:100%}.db-card-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.db-card-cost{color:#fff;text-shadow:0 1px 2px #000000e6;border:1px solid #00000080;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:15px;display:flex;position:absolute;top:4px;left:4px}.db-card-keyword{color:#fff;letter-spacing:.5px;border-radius:3px;padding:2px 5px;font-size:9px;position:absolute;top:4px;right:4px}.db-card-stats{background:#000000c7;justify-content:space-between;padding:2px 8px;font-size:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.db-atk{color:var(--red)}.db-hp{color:var(--green)}.db-card-count{color:var(--gold);text-shadow:0 3px 6px #000000f2,0 0 12px #000c;pointer-events:none;font-size:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.db-card-name{color:var(--ink);text-align:center;font-size:15px;line-height:1.1}.db-card-effect{color:var(--ink-dim);text-align:center;min-height:30px;font-size:15px;font-style:italic;line-height:1.25}.db-card-controls{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;display:flex}.db-adj{border-radius:var(--radius-sm);border:1px solid var(--panel-line);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#00000059;font-family:inherit;font-size:22px;transition:background .15s,transform .1s}.db-adj.plus{background:#6baa5a33;border-color:#6baa5a66}.db-adj.minus{background:#c93b2a33;border-color:#c93b2a66}.db-adj:hover:not(:disabled){filter:brightness(1.2);transform:scale(1.08)}.db-adj:disabled{opacity:.35;cursor:not-allowed}.db-adj-count{text-align:center;color:var(--ink);flex:1;font-size:20px}.game-over-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.game-over-box{background:var(--felt);border:3px solid var(--gold);border-radius:var(--radius-lg);text-align:center;padding:44px 56px;box-shadow:0 0 60px #d4a84a73}.game-over-title{letter-spacing:6px;margin-bottom:14px;font-size:58px}.game-over-title.win{color:var(--gold);text-shadow:0 0 24px #d4a84acc}.game-over-title.lose{color:var(--red)}.game-over-sub{color:var(--ink);margin-bottom:28px;font-size:18px}.game-over-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.play-again-btn{background:var(--gold);color:var(--felt-dark);border-radius:var(--radius-sm);letter-spacing:2px;cursor:pointer;border:none;padding:14px 32px;font-family:inherit;font-size:17px;transition:transform .15s,box-shadow .2s,background .15s}.play-again-btn:hover{transform:scale(1.05);box-shadow:0 0 16px #d4a84a80}.play-again-btn.ghost{color:var(--ink);border:1px solid var(--panel-line);background:0 0}.play-again-btn.ghost:hover{box-shadow:none;background:#ffffff0f}.deck-pile,.discard-pile{width:var(--card-w);height:var(--card-h);flex:none;align-self:flex-end;margin-bottom:12px;position:relative;container-type:inline-size}.deck-pile.empty,.discard-pile.empty{opacity:.55;border:2px dashed var(--panel-line);border-radius:var(--card-radius);justify-content:center;align-items:center;display:flex}.pile-empty-label{color:var(--ink-dim);letter-spacing:3px;text-transform:uppercase;opacity:.8;font-size:14px}.pile-layer,.discard-under,.pile-top{border-radius:var(--card-radius);border:2px solid #d4a84a38;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 4px 10px #00000073}.pile-top{overflow:visible}.pile-top .card{pointer-events:auto;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none}.discard-pile.just-received .pile-top{animation:.42s cubic-bezier(.22,1,.36,1) discard-receive}@keyframes discard-receive{0%{opacity:.2;transform:scale(.6)translateY(-28px)rotate(-18deg)}60%{opacity:1}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.pile-count{text-align:center;color:var(--gold);letter-spacing:2px;font-size:16px;font-weight:600;position:absolute;bottom:-26px;left:0;right:0}.shard-gem{--s:var(--shard-size,22px);width:var(--s);height:var(--s);vertical-align:middle;flex:none;display:inline-block;position:relative;overflow:visible}.shard-gem-body{filter:drop-shadow(0 2px 6px #0000008c);animation:3.4s ease-in-out infinite shard-breathe;position:absolute;inset:0}.shard-gem.spinning .shard-gem-body{animation:3.4s ease-in-out infinite shard-breathe,12s linear infinite shard-spin}.shard-gem-core,.shard-gem-holo,.shard-gem-glint{clip-path:polygon(50% 2%,96% 92%,4% 92%);position:absolute;inset:0}.shard-gem-core{box-shadow:inset 0 0 calc(var(--s) * .25) #fff9, inset 0 calc(var(--s) * .12) calc(var(--s) * .35) #fff6;background:linear-gradient(155deg,#c0ddff 0%,#6aa9ff 35%,#5a7ee0 70%,#9b5fe8 100%)}.shard-gem-holo{mix-blend-mode:screen;background:linear-gradient(110deg,#ff78dc00 0%,#ff78dcbf 16%,#78ffdcb3 34%,#c88cffbf 52%,#ffd278b3 70%,#78dcffb3 86%,#ff78dc00 100%) 0 0/320% 320%;animation:2.6s linear infinite shard-holo-shift}.shard-gem-glint{opacity:.85;mix-blend-mode:screen;background:radial-gradient(circle at 42% 30%,#fffffff2 0%,#ffffff59 22%,#0000 46%)}.shard-gem-aura{filter:blur(calc(var(--s) * .35));opacity:.55;z-index:0;pointer-events:none;background:conic-gradient(#ff6ec7,#9b5fe8,#5a9bff,#6aeecf,#e8c870,#ff6ec7);border-radius:50%;animation:5s linear infinite shard-aura;position:absolute;inset:-30%}.shard-gem-particles{pointer-events:none;z-index:2;height:200%;position:absolute;bottom:0;left:0;right:0;overflow:visible}.shard-gem-particles>span{bottom:0;left:var(--x,50%);width:calc(var(--s) * .14);height:calc(var(--s) * .14);animation:shard-particle-rise var(--t,2.4s) ease-out infinite;animation-delay:var(--d,0s);opacity:0;filter:blur(.3px);background:radial-gradient(circle,#fff 0%,#e8c870 30%,#ffb4dc99 60%,#0000 80%);border-radius:50%;position:absolute}@keyframes shard-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes shard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shard-holo-shift{0%{filter:hue-rotate();background-position:0%}50%{filter:hue-rotate(180deg);background-position:100%}to{filter:hue-rotate(360deg);background-position:0%}}@keyframes shard-aura{0%{opacity:.45;transform:rotate(0)}50%{opacity:.65;transform:rotate(180deg)}to{opacity:.45;transform:rotate(360deg)}}@keyframes shard-particle-rise{0%{opacity:0;transform:translate(-50%)scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(-50%, calc(var(--s) * -2.5)) scale(1.2)}}.shard-bar{border:1px solid var(--gold-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);background:linear-gradient(#1e120aa6,#0a06038c);border-radius:999px;align-items:center;gap:10px;padding:6px 8px 6px 12px;font-family:inherit;display:inline-flex;box-shadow:0 4px 14px #00000073,inset 0 1px #ffdca01f}.shard-bar.compact{gap:8px;padding:4px 6px 4px 10px}.shard-bar-count{letter-spacing:.5px;color:#e8d5a8;text-align:right;font-variant-numeric:tabular-nums;min-width:36px;font-size:19px;font-weight:600}.shard-bar.compact .shard-bar-count{min-width:30px;font-size:17px}.shard-bar-plus{background:linear-gradient(180deg, #e8c870, var(--gold));width:28px;height:28px;color:var(--felt-dark);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:700;line-height:1;transition:transform .12s,filter .15s;display:inline-flex;box-shadow:0 2px 6px #00000080,inset 0 1px #fff6}.shard-bar-plus:hover{filter:brightness(1.12);transform:scale(1.12)}.shard-bar-plus:active{transform:scale(.95)}.shard-bar.compact .shard-bar-plus{width:26px;height:26px;font-size:20px}.shard-bar.pulse{animation:.55s ease-out shard-bar-pulse}@keyframes shard-bar-pulse{0%{box-shadow:0 4px 14px #00000073,0 0 #e8c870b3}50%{transform:scale(1.08);box-shadow:0 4px 14px #00000073,0 0 0 14px #e8c87000}to{box-shadow:0 4px 14px #00000073,0 0 #e8c87000}}.home-top-pills{z-index:3;align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:14px}.match-shardbar-wrap{z-index:115;position:fixed;top:12px;left:14px}.purchase-card{background:var(--felt);border:2px solid var(--gold);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:14px;width:90vw;max-width:720px;padding:30px 36px;animation:.35s cubic-bezier(.22,1,.36,1) challenge-pop;display:flex;box-shadow:0 14px 40px #000000bf,0 0 30px #d4a84a4d}.purchase-title{letter-spacing:6px;color:var(--gold);font-size:30px}.purchase-sub{color:var(--ink-dim);letter-spacing:1.5px;font-size:16px}.purchase-tiers{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;width:100%;margin-top:6px;display:grid}.purchase-tier{border:1px solid var(--panel-line);color:var(--ink);cursor:pointer;background:#00000059;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;font-family:inherit;transition:transform .15s,border-color .15s;display:flex}.purchase-tier:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.purchase-tier:disabled{cursor:not-allowed;opacity:.7}.purchase-tier-amount{color:#e8d5a8;font-size:22px;font-weight:600}.purchase-tier-bonus{color:#6baa5a;font-size:16px}.purchase-tier-price{color:var(--ink-dim);letter-spacing:1.5px;font-size:15px}.purchase-note{color:var(--ink-dim);margin-top:4px;font-size:14px}.win-celebration{pointer-events:none;z-index:130;position:fixed;inset:0;overflow:hidden}.confetti-field{position:absolute;inset:0}.confetti-piece{opacity:.95;border-radius:2px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.18,.56,.52,1);animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift,0), 105vh) rotate(var(--rot,360deg));opacity:.9}}.win-shard-particle{left:var(--start-x);top:var(--start-y);opacity:0;filter:drop-shadow(0 0 10px #e8c870b3);animation:shard-particle-fly var(--p-duration,.8s) cubic-bezier(.45, .1, .55, 1.1) var(--p-delay,0s) forwards;will-change:left, top, transform, opacity;pointer-events:none;position:fixed;transform:translate(-50%,-50%)scale(0)}.win-shard-particle.landed{opacity:0}@keyframes shard-particle-fly{0%{left:var(--start-x);top:var(--start-y);opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}70%{opacity:1}to{left:var(--target-x);top:var(--target-y);opacity:.9;transform:translate(-50%,-50%)scale(.35)}}.win-amount-label{color:#e8d5a8;letter-spacing:3px;text-shadow:0 2px 8px #000c,0 0 24px #e8c870bf;pointer-events:none;font-size:52px;font-weight:700;animation:1.3s cubic-bezier(.22,1,.36,1) forwards win-amount-pulse;position:fixed;transform:translate(-50%,-100%)}@keyframes win-amount-pulse{0%{opacity:0;transform:translate(-50%,-60%)scale(.4)}25%{opacity:1;transform:translate(-50%,-105%)scale(1.25)}60%{opacity:1;transform:translate(-50%,-110%)scale(1)}to{opacity:0;transform:translate(-50%,-125%)scale(.9)}}.topbar{border-bottom:1px solid var(--panel-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:95;background:linear-gradient(#1e120ac7,#120a058c);align-items:center;gap:14px;padding:12px clamp(16px,2.5vw,32px);font-size:16px;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 4px 14px #00000059}.topbar-left{flex:1;align-items:center;gap:12px;display:flex}.topbar-center{flex-direction:column;align-items:center;gap:2px;display:flex}.topbar-right{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-back,.topbar-btn{border:1px solid var(--panel-line);color:var(--ink);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:17px;transition:color .15s,border-color .15s,background .15s}.topbar-back:hover,.topbar-btn:hover{color:var(--gold);border-color:var(--gold);background:#d4a84a14}.topbar-title{letter-spacing:5px;color:var(--gold);font-size:clamp(18px,2.4vh,26px);font-weight:600}.topbar-sub{letter-spacing:2px;color:var(--ink-dim);font-size:16px}.topbar-pill{border:1px solid var(--panel-line);color:var(--ink);letter-spacing:1px;background:#0006;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:15px;display:inline-flex}.topbar-pill.clickable{cursor:pointer;transition:border-color .15s,background .15s}.topbar-pill.clickable:hover{border-color:var(--gold);background:#d4a84a1a}.topbar-pill-icon{color:var(--gold);font-size:16px}.topbar-dot{background:#6baa5a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 6px #6baa5ab3}.topbar-user{color:var(--ink-dim);letter-spacing:1.5px;padding:0 6px;font-size:15px}.topbar-icon{border:1px solid var(--panel-line);width:38px;height:38px;color:var(--ink-dim);cursor:pointer;background:#00000059;border-radius:50%;font-family:inherit;font-size:18px;transition:color .15s,border-color .15s,transform .12s}.topbar-icon:hover{color:var(--gold);border-color:var(--gold);transform:scale(1.06)}.admin-root{background:linear-gradient(180deg, var(--felt-dark), #0a0604);color:var(--ink);z-index:100;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.admin-tabs-row{border-bottom:1px solid var(--panel-line);background:#00000040;justify-content:center;gap:8px;padding:12px 24px;display:flex}.admin-tab{color:var(--ink-dim);letter-spacing:3px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:12px 28px;font-family:inherit;font-size:16px;transition:color .15s,background .15s,border-color .15s}.admin-tab:hover{color:var(--ink)}.admin-tab.active{color:var(--gold);background:#d4a84a1f;border-color:#d4a84a66}.admin-body{flex:1;width:100%;max-width:1500px;min-height:0;margin:0 auto;padding:26px 30px;font-size:17px;overflow-y:auto}.admin-loading,.admin-err{color:var(--ink-dim);text-align:center;letter-spacing:1.5px;padding:24px;font-size:16px}.admin-err{color:#e8735f}.admin-strip{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px;display:grid}.admin-strip.secondary{opacity:.92}.admin-stat{border:1px solid var(--panel-line);background:#120a0580;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.admin-stat.dim{opacity:.55}.admin-stat-label{letter-spacing:2.5px;color:var(--ink-dim);font-size:16px}.admin-stat-value{color:var(--gold);font-size:34px;font-weight:600}.admin-section{border:1px solid var(--panel-line);background:#120a0566;border-radius:12px;margin-top:24px;padding:18px 22px}.admin-section-title{letter-spacing:2.5px;color:var(--gold);margin-bottom:12px;font-size:17px}.admin-table{border-collapse:collapse;width:100%;font-size:16px}.admin-table th{text-align:left;letter-spacing:2px;color:var(--ink-dim);border-bottom:1px solid var(--panel-line);padding:12px 14px;font-size:16px;font-weight:500}.admin-table td{color:var(--ink);border-bottom:1px solid #d4a84a14;padding:13px 14px}.admin-table tbody tr{transition:background .12s}.admin-table tbody tr:hover{background:#d4a84a0f}.admin-table tbody tr.abandoned td{color:var(--ink-dim)}.admin-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-search{border:1px solid var(--panel-line);color:var(--ink);background:#00000059;border-radius:8px;outline:none;flex:1;padding:13px 18px;font-family:inherit;font-size:16px}.admin-search:focus{border-color:#d4a84a8c}.admin-count{color:var(--ink-dim);letter-spacing:1.5px;font-size:17px}.admin-player-row{cursor:pointer}.admin-player-row.sel{background:#d4a84a1f}.admin-player-row.banned td{color:#e8735f;opacity:.75}.admin-badge{letter-spacing:1.5px;background:var(--gold);color:var(--felt-dark);border-radius:4px;margin-left:8px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-block}.admin-drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:110;background:#0009;justify-content:flex-end;animation:.2s ease-out chat-fade;display:flex;position:fixed;inset:0}.admin-drawer{background:var(--felt);border-left:1px solid var(--gold-soft);flex-direction:column;gap:18px;width:380px;max-width:90vw;padding:20px;animation:.22s ease-out admin-drawer-in;display:flex;overflow-y:auto;box-shadow:-12px 0 40px #0009}@keyframes admin-drawer-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.admin-drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-drawer-name{color:var(--gold);letter-spacing:1px;font-size:20px}.admin-drawer-meta{color:var(--ink-dim);letter-spacing:1px;margin-top:4px;font-size:15px}.admin-drawer-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px}.admin-drawer-close:hover{color:var(--gold)}.admin-drawer-section{border:1px solid var(--panel-line);background:#00000040;border-radius:10px;padding:12px 14px}.admin-drawer-section-title{letter-spacing:2.5px;color:var(--gold);margin-bottom:10px;font-size:13px}.admin-grant-row{gap:8px;margin-bottom:8px;display:flex}.admin-grant-row input{border:1px solid var(--panel-line);width:90px;color:var(--ink);background:#0006;border-radius:6px;outline:none;padding:6px 10px;font-family:inherit}.admin-grant-row input:focus{border-color:#d4a84a80}.admin-grant-row button{background:linear-gradient(180deg, #e8c870, var(--gold));color:var(--felt-dark);letter-spacing:1.5px;cursor:pointer;border:none;border-radius:6px;flex:1;padding:6px 10px;font-family:inherit;font-size:15px;transition:filter .15s}.admin-grant-row button:hover:not(:disabled){filter:brightness(1.08)}.admin-grant-row button:disabled{opacity:.4;cursor:not-allowed}.admin-note{color:var(--ink-dim);letter-spacing:1px;padding:6px 0;font-size:15px}.home-tile.admin-tile{border-color:#d4a84a73}.home-tile.admin-tile .tile-icon{color:var(--gold)}