@font-face{font-family:"Fusion Pixel 12px Proportional SC";src:url(/fonts/fusion-pixel-12px-zh_hans.woff2)format("woff2");font-display:swap}:root{--ink:#1b1a2e;--panel:#3b4a52;--panel-dark:#26313a;--panel-edge:#5d737c;--red:#fe5f55;--red-d:#a8322b;--blue:#009dff;--blue-d:#0059a3;--orange:#ff9800;--orange-d:#b36200;--green:#35bd86;--green-d:#1d7a55;--gold:#f5b83d;--gold-d:#a8760f;--purple:#a45cff;--purple-d:#5c2d9c;--gray:#7a8a94;--gray-d:#46535b;--cream:#f5ecdc;--chips:#009dff;--mult:#fe5f55;--pixel:"Fusion Pixel 12px Proportional SC", monospace;--font:var(--pixel);--latin:var(--pixel);--px:.0834em;--fs-12:12px;--fs-18:18px;--fs-24:24px;--fs-30:30px;--fs-36:36px;--fs-48:48px;--fs-96:96px}*{box-sizing:border-box}html,body,#root{color:#fff;width:100%;height:100%;font-family:var(--font);font-size:var(--fs-12);-webkit-font-smoothing:none;-webkit-user-select:none;user-select:none;background:#0d0c16;margin:0;overflow:hidden}img{image-rendering:pixelated;-webkit-user-drag:none}button{color:inherit;font-family:inherit}input{font-family:inherit}#bg{width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.viewport{place-items:center;display:grid;position:fixed;inset:0}.stage{transform-origin:0 0;width:1280px;height:720px;font-size:var(--fs-12);position:absolute;top:0;left:0}.stage.clear-font{--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;font-family:var(--font);-webkit-font-smoothing:antialiased}.clear-font .latin,.clear-font .btn,.clear-font .chips-box,.clear-font .mult-box,.clear-font .wobble,.clear-font .wobble-letters,.clear-font .float-text,.clear-font .dealer-btn,.clear-font .stamp{font-family:var(--pixel);-webkit-font-smoothing:none}.shake-layer{position:absolute;inset:0}.crt{pointer-events:none;z-index:100;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000000f 0 1px,#0000 1px 3px),radial-gradient(#0000 60%,#00000073 100%);animation:6s step-end infinite crt-flicker;position:fixed;inset:0}@keyframes crt-flicker{0%,to{opacity:1}47%{opacity:.96}48%{opacity:1}82%{opacity:.98}}.shadow-text{text-shadow:var(--px) var(--px) 0 #0009}.latin{font-family:var(--latin)}.panel{background:var(--panel);border:3px solid var(--panel-edge);border-radius:10px;box-shadow:0 5px #00000073,inset 0 -4px #0000002e}.panel.dark{background:var(--panel-dark);border-color:#3f4f58}.inset{background:#00000047;border-radius:7px;box-shadow:inset 0 3px #0000004d}.btn{--c:var(--gray);--d:var(--gray-d);font-size:var(--fs-18);background:var(--c);box-shadow:0 6px 0 var(--d), 0 9px 0 #00000059;text-shadow:var(--px) var(--px) 0 #00000059;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:10px 18px 12px;transition:transform 60ms,box-shadow 60ms,filter .12s;position:relative}.btn:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 8px 0 var(--d), 0 11px 0 #00000059;transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--d), 0 3px 0 #00000059;transform:translateY(5px)}.btn:disabled{filter:grayscale(.8)brightness(.6);cursor:not-allowed}.btn.small{font-size:var(--fs-12);box-shadow:0 4px 0 var(--d), 0 6px 0 #00000059;border-radius:7px;padding:6px 10px 8px}.btn.red{--c:var(--red);--d:var(--red-d)}.btn.blue{--c:var(--blue);--d:var(--blue-d)}.btn.orange{--c:var(--orange);--d:var(--orange-d)}.btn.green{--c:var(--green);--d:var(--green-d)}.btn.gold{--c:var(--gold);--d:var(--gold-d);color:#3a2400;text-shadow:var(--px) var(--px) 0 #fff6}.btn.purple{--c:var(--purple);--d:var(--purple-d)}.btn .key{font-size:var(--fs-12);opacity:.6;position:absolute;top:4px;right:6px}.chips-box,.mult-box{font-size:var(--fs-24);text-align:center;min-width:86px;text-shadow:var(--px) var(--px) 0 #00000059;border-radius:8px;padding:4px 10px 6px;box-shadow:0 4px #00000059}.chips-box{background:var(--chips)}.mult-box{background:var(--mult)}.gold-text{color:var(--gold)}.blue-text{color:#4fc0ff}.red-text{color:var(--red)}.green-text{color:#5fe0a8}.purple-text{color:#c79bff}.dim{opacity:.55}.card{transform-style:preserve-3d;cursor:default;position:relative}.card .face,.card .back{backface-visibility:hidden;filter:drop-shadow(0 4px #00000059);width:100%;height:100%;position:absolute;inset:0}.card .back{transform:rotateY(180deg)}.card.clickable{cursor:pointer}.card .sway{animation:sway var(--sway-dur,3.2s) ease-in-out infinite;animation-delay:var(--sway-delay,0s);transform-style:preserve-3d;position:absolute;inset:0}@keyframes sway{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-3px)rotate(1.2deg)}}.card.highlight .face{filter:drop-shadow(0 0 #fff)drop-shadow(0 0 6px #fff7b0)drop-shadow(0 4px #00000059)}.card.dimmed .face{filter:brightness(.45)drop-shadow(0 4px #00000059)}.card .wild-badge{-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(120deg,#ff5f6d,#ffc371,#6dd5ed,#c779d0,#ff5f6d) 0 0/300% 300% border-box;border:3px solid #0000;border-radius:6px;animation:2s linear infinite holo-move;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card .badge{background:var(--ink);font-size:var(--fs-12);z-index:3;border:2px solid #fff;border-radius:6px;padding:1px 4px 2px;position:absolute;top:-8px;right:-8px}.card .target-ring{pointer-events:none;border:3px dashed #fff;border-radius:8px;animation:.8s linear infinite ring;position:absolute;inset:-6px}@keyframes ring{50%{border-color:var(--gold);transform:scale(1.03)}}@keyframes holo-move{0%{background-position:0%}to{background-position:300%}}.holo{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ff78c859 35%,#78dcff66 50%,#fff08c59 65%,#0000 80%) 0 0/250% 250%;border-radius:4px;animation:3.5s linear infinite holo-move;position:absolute;inset:0}.aug{cursor:pointer;position:relative}.aug img{filter:drop-shadow(0 4px #0006);width:100%;height:100%;display:block}.aug.usable:after{content:"";box-shadow:0 0 0 3px var(--gold), 0 0 14px 2px #ffd23fb3;pointer-events:none;border-radius:8px;animation:1.1s ease-in-out infinite pulse;position:absolute;inset:-4px}.aug.unusable img{filter:grayscale(.4)brightness(.8)drop-shadow(0 4px #0006)}@keyframes pulse{50%{opacity:.35}}.aug .cost{background:var(--ink);border:2px solid var(--gold);font-size:var(--fs-12);white-space:nowrap;border-radius:6px;align-items:center;gap:2px;padding:0 4px 1px;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.aug .uses{background:var(--blue);border:2px solid var(--ink);min-width:18px;height:18px;font-size:var(--fs-12);border-radius:50%;place-items:center;display:grid;position:absolute;top:-7px;right:-7px}.aug .stacks{background:var(--red);border:2px solid var(--ink);font-size:var(--fs-12);border-radius:6px;padding:0 3px;position:absolute;top:-7px;left:-7px}.tooltip{z-index:60;pointer-events:none;background:var(--panel-dark);border:3px solid #fff;border-radius:10px;width:230px;padding:8px;position:absolute;box-shadow:0 6px #00000080}.tooltip .title{font-size:var(--fs-18);text-align:center;margin-bottom:6px}.tooltip .desc{color:var(--ink);font-size:var(--fs-12);background:#fff;border-radius:7px;padding:7px 8px;line-height:1.5}.tooltip .tags{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:6px;display:flex}.tag{font-size:var(--fs-12);background:var(--gray-d);border-radius:5px;padding:1px 6px 2px}.tag.silver{background:#8a96a3}.tag.gold{background:#c7901a}.tag.prismatic{background:linear-gradient(90deg,#ff5f6d,#ffc371,#6dd5ed,#c779d0) 0 0/300%;animation:3s linear infinite holo-move}.kw{color:var(--red)}.kw-blue{color:var(--blue)}.kw-gold{color:var(--gold-d)}.seat{width:176px;position:absolute;transform:translate(-50%,-50%)}.seat .plate{align-items:center;gap:8px;padding:6px 8px 7px;display:flex;position:relative}.seat.to-act .plate{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 0 18px #ffd23f8c, 0 5px 0 #00000073}.seat.folded .plate{opacity:.55}.seat.targetable .plate{cursor:pointer;border-color:#fff;animation:.8s linear infinite ring}.avatar{border:2px solid var(--ink);width:44px;height:44px;image-rendering:pixelated;border-radius:6px;flex:none}.timer-bar{background:#0006;border-radius:2px;height:4px;position:absolute;bottom:2px;left:6px;right:6px;overflow:hidden}.timer-bar>div{background:var(--gold);height:100%}.dealer-btn{width:22px;height:22px;color:var(--ink);border:2px solid var(--ink);font-family:var(--latin);font-size:var(--fs-12);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 3px #0006}.bubble{font-size:var(--fs-12);white-space:nowrap;border:2px solid var(--ink);z-index:5;border-radius:7px;padding:3px 8px 5px;position:absolute;box-shadow:0 3px #0006}.chip-stack{font-size:var(--fs-12);align-items:center;gap:4px;display:flex}.stamp{font-size:var(--fs-24);color:var(--red);text-shadow:var(--px) var(--px) 0 var(--ink);pointer-events:none;z-index:4;place-items:center;display:grid;position:absolute;inset:0;transform:rotate(-12deg)}.felt{background:radial-gradient(#1e6e5a8c,#0a322db3);border:6px solid #141923d9;border-radius:250px;width:986px;height:500px;position:absolute;top:24px;left:282px;box-shadow:inset 0 0 0 4px #ffffff0f,inset 0 8px 30px #00000080,0 8px #00000059}.felt:after{content:"";border:2px dashed #ffffff14;border-radius:230px;position:absolute;inset:22px}.slider{appearance:none;background:var(--ink);border-radius:6px;outline:none;width:100%;height:12px;box-shadow:inset 0 2px #00000080}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);border:2px solid var(--ink);width:18px;height:22px;box-shadow:0 3px 0 var(--orange-d);cursor:pointer;border-radius:5px}.text-input{background:var(--ink);border:3px solid var(--panel-edge);color:#fff;font-size:var(--fs-18);border-radius:8px;outline:none;padding:8px 12px}.text-input:focus{border-color:var(--gold)}.log{font-size:var(--fs-12);line-height:1.45}.log .good{color:#5fe0a8}.log .bad{color:var(--red)}.log .chaos{color:#ffb347}.float-text{pointer-events:none;font-size:var(--fs-24);white-space:nowrap;z-index:70;text-shadow:var(--px) var(--px) 0 var(--ink), calc(-1 * var(--px)) 0 0 var(--ink), 0 calc(-1 * var(--px)) 0 var(--ink), var(--px) 0 0 var(--ink), 0 var(--px) 0 var(--ink);position:absolute}.overlay{z-index:40;background:#0806149e;position:absolute;inset:0}.wobble{animation:2.4s ease-in-out infinite wobble;display:inline-block}@keyframes wobble{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-4px)}}.wobble-letters span{animation:1.6s ease-in-out infinite letter;display:inline-block}@keyframes letter{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.blink{animation:.9s step-end infinite blink}@keyframes blink{50%{opacity:.3}}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--panel-edge);border-radius:3px}.flame{opacity:.9;background-color:#0000;background-image:radial-gradient(at 20% 120%,#ff5f2e 0%,#0000 55%),radial-gradient(at 60% 130%,#ffb347 0%,#0000 50%),radial-gradient(at 90% 120%,#fe5f55 0%,#0000 55%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:120% 160%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:.35s steps(3,end) infinite alternate flame;position:absolute;inset:0}@keyframes flame{0%{filter:hue-rotate();background-position:0 100%}to{filter:hue-rotate(-15deg);background-position:30% 60%}}