:root{--wood-0: #120a05;--wood-1: #1c110a;--wood-2: #2a1a0f;--wood-3: #3d2616;--wood-4: #5a3920;--leather: #3a2215;--leather-2: #4b2c1a;--parchment: #ead9b0;--parchment-2: #d7bf8c;--parchment-3: #b89a63;--ink: #2b1a0c;--ink-2: #5a4128;--brass: #c8963e;--brass-2: #f0cd82;--brass-3: #8a6224;--ember: #ff9d3c;--candle: #ffd27a;--wine: #7d2228;--wine-2: #a8323a;--moss: #4f6b3a;--frost: #7fb2d9;--text: #f1e3c4;--muted: #b49c77;--line: rgba(240, 205, 130, .14);--line-strong: rgba(240, 205, 130, .3);--gold: var(--brass);--gold-2: var(--brass-2);--blue: #7fb2d9;--green: #8fcf6a;--red: #e0584f;--purple: #b58be0;--panel-solid: #2a1a0f;--radius: 12px;--display: "IM Fell English SC", "Cinzel", Georgia, serif;--sign: "Uncial Antiqua", "IM Fell English SC", Georgia, serif;--serif: "IM Fell English", Georgia, serif;--sans: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;--caps: "Alegreya SC", "Alegreya Sans", serif;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .35' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .05 0 0 0 0 .02 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--planks: repeating-linear-gradient(90deg, transparent 0 176px, rgba(0,0,0,.55) 176px 179px, rgba(255,210,140,.05) 179px 180px), var(--grain), linear-gradient(180deg, #2c1b10, #1d120a);--parch-bg: var(--noise), radial-gradient(ellipse at 30% 20%, #f4e6c3, transparent 60%), radial-gradient(ellipse at 80% 90%, #c9ad76, transparent 55%), linear-gradient(160deg, #ecdcb4, #d9c190);--leather-bg: var(--noise), radial-gradient(ellipse at 20% 0%, rgba(255,190,110,.12), transparent 60%), linear-gradient(180deg, #4a2b19, #331d10);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--wood-0);color:var(--text);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased;overflow:hidden;user-select:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--wood-4);border-radius:10px;border:2px solid var(--wood-1)}::-webkit-scrollbar-track{background:transparent}.btn{position:relative;border:1px solid #0d0703;background:var(--leather-bg);color:var(--text);padding:10px 18px;border-radius:8px;font-family:var(--caps);font-weight:700;font-size:15px;letter-spacing:.03em;box-shadow:inset 0 1px #ffd2962e,inset 0 0 0 1px #f0cd821f,0 3px 8px #00000073;transition:transform .12s,filter .2s,box-shadow .2s}.btn:hover{filter:brightness(1.15);box-shadow:inset 0 1px #ffd29640,inset 0 0 0 1px #f0cd8259,0 4px 12px #00000080}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;pointer-events:none}.btn-gold{color:#2a1706;text-shadow:0 1px 0 rgba(255,240,200,.5);background:var(--noise),linear-gradient(180deg,#f6d992,#d6a64c 45%,#b07f2c 55%,#d9ad58);border:1px solid #5c3c10;box-shadow:inset 0 1px #fffadcb3,inset 0 -2px #5a370a66,0 0 0 2px #00000059,0 6px 18px -4px #ffaa3c73}.btn-gold:hover{filter:brightness(1.08);box-shadow:inset 0 1px #fffadcb3,inset 0 -2px #5a370a66,0 0 0 2px #00000059,0 8px 26px -4px #ffaa3cb3}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:#f0cd8212;box-shadow:none}.input{width:100%;background:var(--parch-bg);color:var(--ink);border:1px solid #6d5232;border-radius:6px;padding:10px 13px;outline:none;font-family:var(--serif);font-size:16px;box-shadow:inset 0 2px 5px #3c230a59;transition:box-shadow .2s;user-select:text}.input::placeholder{color:#8a6f4b;font-style:italic}.input:focus{box-shadow:inset 0 2px 5px #3c230a59,0 0 0 2px var(--brass),0 0 18px #ffaa3c59}textarea.input{resize:vertical;min-height:190px;font-family:var(--serif);font-size:15px;line-height:1.45}.panel{position:relative;background:var(--leather-bg);border:1px solid #0d0703;border-radius:12px;box-shadow:0 14px 34px -12px #000c,inset 0 1px #ffc88c1f}.panel:before{content:"";position:absolute;inset:6px;border-radius:8px;pointer-events:none;border:1px dashed rgba(240,205,130,.22)}.notice{position:relative;background:var(--parch-bg);color:var(--ink);border-radius:3px;box-shadow:0 16px 30px -12px #000000d9,inset 0 0 40px #78501e59;clip-path:polygon(0 1%,3% 0,20% 1%,40% 0,62% 1%,85% 0,100% 1%,99% 30%,100% 60%,99% 100%,70% 99%,45% 100%,20% 99%,1% 100%,0 70%,1% 40%)}.notice .label{color:var(--ink-2)}.notice .muted{color:#6f5535}.notice:after{content:"";position:absolute;top:8px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2c4,#c8963e 45%,#6d4a14);box-shadow:0 2px 3px #0009}.label{font-family:var(--caps);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:lowercase;font-variant:small-caps;color:var(--muted)}.display{font-family:var(--display);letter-spacing:.02em}.error{color:#ff9a8f;font-size:14px}.notice .error{color:var(--wine-2)}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.seg{display:inline-flex;background:#00000059;border:1px solid #0d0703;border-radius:8px;padding:3px;box-shadow:inset 0 2px 5px #00000080}.seg button{border:none;background:none;padding:6px 14px;border-radius:6px;color:var(--muted);font-family:var(--caps);font-weight:700}.seg button.on{background:linear-gradient(180deg,#f0cd82,#b8862f);color:#2a1706}.shell{display:grid;grid-template-columns:88px 1fr;height:100%}.backdrop{position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 620px at 72% 8%,rgba(255,160,60,.2),transparent 62%),radial-gradient(700px 520px at 8% 96%,rgba(255,120,40,.16),transparent 60%),linear-gradient(180deg,#00000040,#000000a6),var(--planks)}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(600px 420px at 72% 10%,rgba(255,190,90,.1),transparent 70%);animation:flicker 5s ease-in-out infinite}@keyframes flicker{0%,to{opacity:.8}12%{opacity:1}20%{opacity:.75}38%{opacity:.95}55%{opacity:.7}72%{opacity:1}86%{opacity:.82}}.rail{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(0,0,0,.18) 9px 10px),var(--grain),linear-gradient(90deg,#2e1c10,#20130a);border-right:3px solid #0d0703;box-shadow:4px 0 18px #0009}.logo{width:52px;height:52px;margin-bottom:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe8a8,#c8963e 50%,#6d4a14);box-shadow:0 0 0 3px #0d0703,0 0 22px #ffaa3c73;display:grid;place-items:center}.logo:after{content:"";width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M8 7h13v4h3a4 4 0 014 4v5a4 4 0 01-4 4h-3v3H8z' fill='%232a1706'/%3E%3Cpath d='M21 14h3a1 1 0 011 1v5a1 1 0 01-1 1h-3z' fill='%23d6a64c'/%3E%3C/svg%3E") center/contain no-repeat}.rail-btn{width:64px;padding:10px 0;border-radius:10px;border:none;background:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--caps);font-size:13px;font-weight:700;letter-spacing:.04em}.rail-btn svg{width:26px;height:26px}.rail-btn:hover{color:var(--text);background:#f0cd820f}.rail-btn.on{color:var(--brass-2);background:#ffaa3c1f;box-shadow:inset 0 0 0 1px #f0cd8240;text-shadow:0 0 12px rgba(255,170,60,.6)}.page{overflow:auto;padding:26px 40px 60px}.sign-wrap{display:flex;justify-content:center;margin-bottom:6px}.tavern-sign{position:relative;margin-top:30px;padding:16px 44px 18px;text-align:center;background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(0,0,0,.35) 22px 24px),var(--grain),linear-gradient(180deg,#5a3920,#3a2414);border:3px solid #0d0703;border-radius:10px;box-shadow:inset 0 0 0 3px #7a5230,inset 0 0 0 5px #0d0703,0 18px 40px #000000b3,0 0 60px #ff96321f}.tavern-sign:before,.tavern-sign:after{content:"";position:absolute;top:-32px;width:4px;height:32px;background:repeating-linear-gradient(180deg,#9b7a45 0 6px,#3b2a12 6px 8px)}.tavern-sign:before{left:18%}.tavern-sign:after{right:18%}.tavern-sign h1{margin:0;font-family:var(--sign);font-weight:400;font-size:44px;letter-spacing:.02em;line-height:1.05;color:#f7d98f;text-shadow:0 2px 0 #3b2208,0 0 24px rgba(255,170,60,.45)}.tavern-sign .sub{font-family:var(--serif);font-style:italic;color:#e8cf9c;font-size:16px;margin-top:4px}.page-title{font-family:var(--sign);font-weight:400;font-size:36px;margin:0 0 4px;color:#f7d98f;text-shadow:0 2px 0 #3b2208,0 0 20px rgba(255,170,60,.35)}.page-sub{font-family:var(--serif);font-style:italic;color:var(--muted);font-size:17px;margin:0 0 18px}.play-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);gap:24px;margin:22px auto 0;max-width:1320px}.name-tag{display:flex;justify-content:center;margin-top:12px}.name-tag .input{width:240px;text-align:center}.hero{position:relative;overflow:hidden;border-radius:14px;min-height:380px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;border:3px solid #0d0703;background:#1b1009 center 22% / cover;box-shadow:inset 0 0 0 3px #6b4526,inset 0 0 0 5px #0d0703,0 24px 50px -16px #000000e6}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#120a05f7 16%,#120a0559 62%,#120a051a),radial-gradient(ellipse at 50% 120%,rgba(255,130,40,.35),transparent 60%)}.hero>*{position:relative}.hero h2{font-family:var(--display);font-size:34px;margin:0;color:#fbe6b4;text-shadow:0 2px 8px #000}.deck-strip{display:flex;gap:14px;overflow-x:auto;padding:6px 4px 18px;border-bottom:10px solid transparent;border-image:linear-gradient(180deg,#5a3920,#2a1a0f) 1}.deck-box{flex:0 0 150px;height:206px;position:relative;overflow:hidden;padding:0;text-align:left;border-radius:6px 10px 10px 6px;border:2px solid #0d0703;background:#2a1a0f center 20% / cover;box-shadow:inset 6px 0 #00000073,inset 7px 0 #f0cd8240,0 10px 18px -6px #000000e6;transition:transform .2s,box-shadow .2s}.deck-box:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,8,3,.95),transparent 58%)}.deck-box:hover{transform:translateY(-6px) rotate(-.6deg)}.deck-box.on{box-shadow:inset 6px 0 #00000073,inset 7px 0 #f0cd8240,0 0 0 3px var(--brass),0 0 26px #ffaa3c8c,0 12px 20px -6px #000000e6}.deck-box .meta{position:absolute;left:12px;right:10px;bottom:10px;z-index:1}.deck-box .meta b{display:block;font-family:var(--display);font-weight:400;font-size:16px;line-height:1.15;color:#fbe6b4;text-shadow:0 1px 4px #000}.deck-box .meta span{font-size:12px;color:var(--muted)}.deck-box .ribbon{position:absolute;top:8px;right:-26px;z-index:1;transform:rotate(35deg);padding:2px 30px;font-family:var(--caps);font-size:11px;font-weight:700;background:var(--wine);color:#f6dcc0;box-shadow:0 2px 4px #00000080}.deck-box.add{display:grid;place-items:center;background:#00000040;border:2px dashed var(--line-strong);color:var(--muted);box-shadow:none;font-family:var(--caps);font-size:15px}.deck-box.add:after{display:none}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin-top:16px}.deck-grid .deck-box{flex:none;width:100%;height:236px}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;max-width:1200px}.section-title{font-family:var(--display);font-size:26px;color:#fbe6b4;margin:34px 0 6px;display:flex;align-items:center;gap:14px}.section-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,rgba(200,150,62,.6),transparent)}.bookmarklet{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;text-decoration:none;cursor:grab;font-family:var(--caps);font-weight:700;color:#2a1706;background:linear-gradient(180deg,#f6d992,#c8963e);border:1px solid #5c3c10}.steps{margin:8px 0 0;padding-left:20px;font-family:var(--serif);font-size:15.5px;line-height:1.5}.precon-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}.precon-bar .input{max-width:340px}.precon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:16px}.precon{position:relative;height:150px;border-radius:10px;overflow:hidden;border:2px solid #0d0703;padding:0;text-align:left;background:#2a1a0f center 22% / cover;box-shadow:0 10px 20px -8px #000000e6,inset 0 0 0 1px #f0cd8233;transition:transform .18s,box-shadow .18s}.precon:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0f0803f5 10%,#0f080333 70%)}.precon:hover{transform:translateY(-4px);box-shadow:0 0 0 2px var(--brass),0 14px 26px -8px #000000e6}.precon .meta{position:absolute;left:12px;right:12px;bottom:10px;z-index:1}.precon b{display:block;font-family:var(--display);font-weight:400;font-size:17px;color:#fbe6b4;line-height:1.15}.precon span{font-size:12.5px;color:var(--muted)}.precon .set{position:absolute;top:8px;left:10px;z-index:1;font-family:var(--caps);font-size:12px;font-weight:700;padding:1px 8px;border-radius:10px;background:#0009;color:var(--brass-2)}.precon.busy{opacity:.6;pointer-events:none}.precon.added:before{content:"In your satchel";position:absolute;top:8px;right:8px;z-index:2;font-family:var(--caps);font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--moss);color:#eef6d8}.lobby{max-width:920px;margin:0 auto}.code-chip{font-family:var(--sign);font-size:34px;letter-spacing:.22em;padding:8px 22px;border-radius:6px;color:var(--ink);background:var(--parch-bg);box-shadow:0 8px 18px -6px #000c,inset 0 0 20px #78501e4d}.seat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.lobby-seat{padding:20px;min-height:100px;display:flex;align-items:center;gap:14px}.lobby-seat.empty{justify-content:center;color:var(--muted);font-family:var(--serif);font-style:italic}.avatar{width:54px;height:54px;border-radius:50%;flex:none;background:#2a1a0f center/cover;border:3px solid var(--brass);box-shadow:0 0 0 2px #0d0703,0 4px 10px #0009}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(240,205,130,.2);border-top-color:var(--ember);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:1000;max-width:560px;padding:12px 20px;color:var(--ink);font-family:var(--serif);font-size:16px;background:var(--parch-bg);border-radius:4px;box-shadow:0 16px 40px #000000b3,inset 0 0 0 2px #7d222880}.toggle{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 12px;border-radius:8px;background:#00000040;box-shadow:inset 0 2px 5px #0006}.toggle input{display:none}.toggle .switch{flex:none;width:42px;height:24px;border-radius:12px;background:#1a0f08;position:relative;box-shadow:inset 0 2px 4px #000000b3,0 0 0 1px #f0cd8233;transition:background .2s}.toggle .switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0c4,#c8963e 55%,#6d4a14);box-shadow:0 2px 3px #0009;transition:transform .2s}.toggle input:checked+.switch{background:#3f5a2c}.toggle input:checked+.switch:after{transform:translate(18px)}.pill-friendly{display:inline-block;padding:6px 14px;border-radius:20px;background:#4f6b3a4d;border:1px solid rgba(143,207,106,.4);color:#cfe9b4;font-family:var(--caps);font-weight:700;font-size:14px}.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mat-thumb{aspect-ratio:12 / 7;border-radius:6px;border:2px solid #0d0703;background:#2a1a0f center/cover;transition:transform .15s,box-shadow .15s;padding:0;box-shadow:0 4px 10px #0009}.mat-thumb:hover{transform:translateY(-2px)}.mat-thumb.on{box-shadow:0 0 0 3px var(--brass),0 0 18px #ffaa3c80}.mat-thumb.none{display:grid;place-items:center;background:#00000040;border:2px dashed var(--line-strong);color:var(--muted);font-family:var(--caps);font-size:13px;font-weight:700;box-shadow:none}.mat-hero{width:100%;aspect-ratio:12 / 7;border-radius:8px;border:3px solid #0d0703;background:#1b1009 center/cover;padding:0;cursor:zoom-in;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #6b4526,0 10px 24px -10px #000000e6;transition:transform .2s}.mat-hero:hover{transform:scale(1.01)}.mat-lightbox{position:fixed;inset:0;z-index:900;display:grid;place-items:center;padding:32px;background:#0a0502e0;backdrop-filter:blur(6px);cursor:zoom-out}.mat-lightbox img{max-width:100%;max-height:100%;border-radius:14px;box-shadow:0 0 0 4px #0d0703,0 0 0 7px #6b4526,0 30px 90px #000000e6}@media(max-width:1000px){.play-grid,.import-grid{grid-template-columns:1fr}.page{padding:18px 16px 50px}.tavern-sign h1{font-size:32px}}@media(max-width:640px){.shell{grid-template-columns:1fr;grid-template-rows:1fr auto}.rail{flex-direction:row;justify-content:center;padding:6px;order:2;border-right:none;border-top:3px solid #0d0703}.logo{display:none}}.menu-board-title{font-family:var(--sign);font-size:26px;color:#f7d98f;text-align:center;text-shadow:0 2px 0 #1c0f05,0 0 16px rgba(255,170,60,.3)}.fare{display:flex;align-items:baseline;gap:8px;padding:9px 12px;border-radius:6px;border:1px solid transparent;background:none;color:var(--text);text-align:left;transition:background .15s}.fare:hover{background:#f0cd820f}.fare.on{background:#ffaa3c1f;border-color:#f0cd8259;box-shadow:inset 3px 0 0 var(--ember)}.fare-name{font-family:var(--display);font-size:20px;white-space:nowrap}.fare.on .fare-name{color:var(--brass-2);text-shadow:0 0 12px rgba(255,170,60,.45)}.fare-dots{flex:1;border-bottom:2px dotted rgba(240,205,130,.3);transform:translateY(-5px);min-width:16px}.fare-blurb{font-size:13px;color:var(--muted);white-space:nowrap}.credits{max-width:1320px;margin:36px auto 0;text-align:center;font-size:12.5px;color:#8a7556;font-family:var(--serif);font-style:italic;line-height:1.6}.spr,.deco{display:inline-block;image-rendering:pixelated;background-repeat:no-repeat}.sign-wrap{align-items:flex-end;gap:22px}.torch{width:64px;height:64px;margin-bottom:40px;background:url(/tiny/fire.png) 0 0 / 448px 64px no-repeat;image-rendering:pixelated;animation:torch .7s steps(7) infinite;filter:drop-shadow(0 0 16px rgba(255,150,50,.8))}.torch+.tavern-sign+.torch{animation-delay:-.35s}@keyframes torch{to{background-position:-448px 0}}.menu-board-title{display:flex;align-items:center;justify-content:center;gap:10px}.spr.meat,.spr.gold{width:40px;height:40px;background-size:40px 40px}.spr.meat{background-image:url(/tiny/meat.png)}.spr.gold{background-image:url(/tiny/gold.png)}.tavern-floor{position:relative;max-width:1320px;height:118px;margin:30px auto 0;overflow:hidden;border-top:3px solid #0d0703;border-radius:0 0 14px 14px;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 30%),repeating-linear-gradient(90deg,transparent 0 118px,rgba(0,0,0,.45) 118px 120px),var(--grain),linear-gradient(180deg,#4a2e1a,#2a1a0f);box-shadow:inset 0 10px 24px #0000008c,0 18px 30px -16px #000000e6}.tavern-floor>*{position:absolute;bottom:10px}.tavern-floor .deco{width:48px;height:48px;background-size:48px 48px;bottom:14px}.tavern-floor .deco.small{width:32px;height:32px;background-size:32px 32px}.tavern-floor .res{width:56px;height:56px;background-size:56px 56px;bottom:8px}.spr.warrior,.spr.archer{width:96px;height:96px;background-size:576px 96px;animation:idle6 .9s steps(6) infinite;bottom:4px}.spr.warrior{background-image:url(/tiny/warrior-idle.png)}.spr.archer{background-image:url(/tiny/archer-idle.png);animation-duration:1.1s}.spr.flip{transform:scaleX(-1)}@keyframes idle6{to{background-position:-576px 0}}.spr.sheep{width:64px;height:64px;background:url(/tiny/sheep-bounce.png) 0 0 / 384px 64px;animation:bounce6 .6s steps(6) infinite}.spr.sheep.idle{background:url(/tiny/sheep-idle.png) 0 0 / 512px 64px;animation:idle8 1.2s steps(8) infinite;bottom:6px}@keyframes bounce6{to{background-position:-384px 0}}@keyframes idle8{to{background-position:-512px 0}}.sheep-walk{left:0;bottom:6px;animation:sheep-walk 26s linear infinite}@keyframes sheep-walk{0%{transform:translate(-80px)}to{transform:translate(1400px)}}@media(prefers-reduced-motion:reduce){.torch,.spr,.sheep-walk{animation:none}}.torch{width:96px;height:96px;background-size:672px 96px;margin-bottom:26px}@keyframes torch{to{background-position:-672px 0}}.spr.meat,.spr.gold{width:60px;height:60px;background-size:60px 60px;margin:-12px -6px}.tavern-floor{height:170px}.spr.warrior,.spr.archer{width:192px;height:192px;background-size:1152px 192px;bottom:-28px}@keyframes idle6{to{background-position:-1152px 0}}.tavern-floor .deco{width:72px;height:72px;background-size:72px 72px;bottom:14px}.tavern-floor .deco.small{width:52px;height:52px;background-size:52px 52px}.tavern-floor .res{width:110px;height:110px;background-size:110px 110px;bottom:-4px}.spr.sheep{width:110px;height:110px;background-size:660px 110px}@keyframes bounce6{to{background-position:-660px 0}}.spr.sheep.idle{background-size:880px 110px}@keyframes idle8{to{background-position:-880px 0}}.sheep-walk{bottom:2px}.deco-anchor{position:relative}.sprinkle{position:absolute;z-index:3;pointer-events:none;bottom:auto}.sprinkle.deco{width:64px;height:64px;background-size:64px 64px}.sprinkle.res{width:96px;height:96px;background-size:96px 96px}.sprinkle.spr.warrior,.sprinkle.spr.archer{bottom:auto}.sheep-walk.top{position:absolute;top:-78px;left:0;z-index:3;pointer-events:none;animation:sheep-edge 22s linear infinite}@keyframes sheep-edge{0%{transform:translate(120px)}50%{transform:translate(calc(100% + 420px))}50.01%{transform:translate(calc(100% + 420px)) scaleX(-1)}to{transform:translate(120px) scaleX(-1)}}.panel>.sprinkle{z-index:3}.builder{max-width:1500px;margin:0 auto}.builder-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:22px;align-items:start}.search{padding:18px;display:flex;flex-direction:column;gap:10px;min-height:70vh}.search-bar .input{font-size:17px}.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pip{width:36px;height:36px;border-radius:50%;padding:0;display:grid;place-items:center;border:2px solid transparent;background:#0000004d;opacity:.55;transition:opacity .15s,transform .15s,border-color .15s}.pip:hover{opacity:.9}.pip.on{opacity:1;border-color:var(--brass-2);transform:scale(1.08);box-shadow:0 0 12px #ffaa3c73}.type-select{width:auto;padding:7px 10px;font-size:15px}.seg.mv button{padding:5px 9px}.search-meta{min-height:18px}.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.result{position:relative}.result-card{position:relative;display:block;width:100%;aspect-ratio:488 / 680;padding:0;border:none;background:#1b1009;border-radius:5%;overflow:hidden;box-shadow:0 6px 14px #0009;transition:transform .15s,box-shadow .15s}.result-card img{width:100%;height:100%;object-fit:cover;display:block}.result-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 0 0 2px #ffc266,0 12px 24px #000000b3}.result-card .added{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:34px;color:#fff;text-shadow:0 0 8px #000,0 0 16px rgba(143,207,106,.9);animation:added .7s ease-out forwards}@keyframes added{0%{opacity:1;transform:translate(-50%,-50%) scale(.6)}to{opacity:0;transform:translate(-50%,-140%) scale(1.3)}}.make-cmd{position:absolute;top:-8px;right:-8px;width:32px;height:32px;border-radius:50%;border:2px solid #3b2208;font-size:16px;color:#2a1706;background:var(--noise),linear-gradient(180deg,#f6d992,#c8963e);box-shadow:0 3px 8px #0009}.make-cmd:hover{filter:brightness(1.1)}.deck-sheet{padding:30px 20px 20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:16px;max-height:calc(100vh - 40px);overflow:auto;clip-path:none;border-radius:6px}.deck-sheet:after{display:none}.deck-name{font-family:var(--display);font-size:22px}.deck-count{font-family:var(--display);font-size:22px;color:#6f5535}.deck-count.ok{color:#3f6a2a}.deck-count.over{color:var(--wine-2)}.cmd-row{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.cmd-pick{position:relative;flex:1;min-width:150px;height:74px;border-radius:6px;background:#2a1a0f center 20% / cover;display:flex;align-items:flex-end;padding:6px 30px 6px 8px;box-shadow:inset 0 -40px 30px -10px #000c,0 4px 10px #0006}.cmd-pick b{color:#fbe6b4;font-family:var(--display);font-weight:400;font-size:15px;text-shadow:0 1px 3px #000}.cmd-pick button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff}.cmd-empty{flex:1;min-height:60px;display:grid;place-items:center;text-align:center;padding:6px 10px;border:2px dashed rgba(90,65,40,.4);border-radius:6px;font-family:var(--serif);font-style:italic;color:#6f5535;font-size:14px}.identity{display:flex;align-items:center;gap:3px;padding:0 4px}.curve{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;height:90px;align-items:end;padding:6px 4px 0;border-radius:6px;background:#5a41281a}.curve-col{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.curve-bar{background:linear-gradient(180deg,#a8323a,#7d2228);border-radius:3px 3px 0 0;min-height:2px;position:relative;transition:height .25s}.curve-bar span{position:absolute;top:-17px;left:50%;transform:translate(-50%);font-family:var(--caps);font-weight:700;font-size:12px;color:var(--ink-2)}.curve-mv{text-align:center;font-family:var(--caps);font-size:12px;color:#6f5535;padding:2px 0}.basics{display:flex;gap:6px;align-items:center}.basics .label{margin-right:4px}.basic{width:32px;height:32px;border-radius:50%;border:1px solid rgba(90,65,40,.4);background:#ffffff4d;display:grid;place-items:center;padding:0}.basic:hover{background:#ffffff8c}.sections{display:flex;flex-direction:column;gap:10px}.section .label{border-bottom:1px solid rgba(90,65,40,.3);padding-bottom:2px;margin-bottom:2px}.deck-row{position:relative;display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:4px;font-family:var(--serif);font-size:15px}.deck-row:hover{background:#ffffff4d}.deck-row .qty{width:20px;text-align:right;font-family:var(--caps);font-weight:700;color:var(--wine)}.deck-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-row .mc{display:inline-flex;gap:1px}.deck-row .ctl{display:inline-flex;gap:2px;opacity:0;transition:opacity .15s}.deck-row:hover .ctl{opacity:1}.deck-row .ctl button{width:22px;height:22px;border-radius:4px;border:1px solid rgba(90,65,40,.4);background:#fff6;color:var(--ink);font-weight:700;padding:0;line-height:1}.row-peek{position:fixed;right:440px;top:50%;transform:translateY(-50%);width:260px;border-radius:12px;z-index:50;pointer-events:none;box-shadow:0 0 0 3px #0d0703,0 20px 50px #000c}.text-tools{border-top:1px dashed rgba(90,65,40,.35);padding-top:10px}@media(max-width:1000px){.builder-grid{grid-template-columns:1fr}.deck-sheet{position:static;max-height:none}.row-peek{display:none}}.back-picker{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start}.back-hero{aspect-ratio:488 / 680;border-radius:8px;background:#1a1208 center / cover;box-shadow:0 0 0 2px #0d0703,0 0 0 4px #6b4526,0 12px 24px #000000b3}.back-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.back-thumb{aspect-ratio:488 / 680;border-radius:5px;border:2px solid #0d0703;padding:0;background:#1a1208 center / cover;box-shadow:0 3px 8px #0009;transition:transform .15s,box-shadow .15s}.back-thumb:hover{transform:translateY(-2px)}.back-thumb.on{box-shadow:0 0 0 3px var(--brass),0 0 16px #ffaa3c80}.back-thumb.upload{display:grid;place-items:center;background:#00000040;border:2px dashed var(--line-strong);color:var(--muted);font-family:var(--caps);font-size:12px;font-weight:700;box-shadow:none}.page.builder{max-width:none;margin:0;height:100%;overflow:hidden;display:flex;flex-direction:column;padding:18px 22px}.builder .builder-head{flex:none;margin-bottom:12px}.builder .builder-grid{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:stretch}.builder .search{min-height:0;height:100%;overflow:hidden}.builder .results{flex:1;min-height:0;overflow:auto;padding:6px 4px 12px;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-content:start}.builder .deck-sheet{position:static;height:100%;max-height:none}@media(max-width:1000px){.page.builder{height:auto;overflow:auto}.builder .builder-grid{grid-template-columns:1fr}.builder .search{height:70vh}}.page{position:relative}.account-corner{position:absolute;top:14px;right:18px;z-index:20}.account-wrap{position:relative}.account-chip{display:inline-flex;align-items:center;gap:8px}.account-chip.in{padding-left:6px}.account-seal{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d9a84c,#7a4a14);color:#2a1706;font:800 12px/1 var(--caps, serif);box-shadow:0 0 0 1.5px #2a1706,0 2px 4px #00000080}.account-menu{position:absolute;right:0;top:calc(100% + 8px);width:250px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:linear-gradient(180deg,#3a2414,#22140a);border:1px solid rgba(240,205,130,.4);box-shadow:0 14px 40px #0009}.modal.auth-modal{width:min(400px,calc(100vw - 32px));max-width:400px;display:flex;flex-direction:column;gap:14px}.auth-tabs{display:flex;gap:4px;padding:3px;border-radius:999px;background:#00000059;border:1px solid rgba(240,205,130,.3)}.auth-tabs button{flex:1;border:0;background:none;color:#d9c7a0;font:700 14px/1 var(--caps, serif);padding:9px;border-radius:999px;cursor:pointer}.auth-tabs button.on{background:linear-gradient(180deg,#f0cd82,#b8863a);color:#2a1706}.auth-field{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13px}.auth-field .input{width:100%}.auth-error{color:#ffb4a8;background:#a0281e40;border:1px solid rgba(255,120,100,.4);padding:8px 10px;border-radius:8px;font-size:13px}.account-corner{display:flex;gap:8px;align-items:flex-start}.settings-btn{display:inline-flex;align-items:center;gap:6px}.modal.settings-modal{width:min(560px,calc(100vw - 32px));max-width:560px;max-height:calc(100vh - 40px);overflow:auto;display:flex;flex-direction:column;gap:10px}.set-group{margin-top:10px;font:700 12px/1 var(--caps, serif);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-2, #c8963e);border-bottom:1px solid rgba(200,150,62,.3);padding-bottom:6px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0}.set-title{font-weight:800}.hud-settings{width:100%;justify-content:flex-start;margin:4px 0}@media(max-width:520px){.set-row{flex-direction:column;align-items:flex-start}}:root{--wood-tex: url(/wood.png)}.backdrop{background:radial-gradient(900px 620px at 72% 8%,rgba(255,160,60,.18),transparent 62%),radial-gradient(700px 520px at 8% 96%,rgba(255,120,40,.14),transparent 60%),linear-gradient(180deg,#00000059,#000000b3),var(--wood-tex) 0 0 / 128px 128px repeat}.rail{background:linear-gradient(90deg,#00000059,#0000008c),var(--wood-tex) 0 0 / 128px 128px repeat}.rail-settings{margin-top:auto}.rail-settings span{display:block}.shell{--drawer-left: 88px}.drawer-back{position:fixed;inset:0;z-index:400;background:#00000059}.settings-drawer{position:absolute;top:0;bottom:0;left:var(--drawer-left, 0);width:min(420px,calc(100vw - var(--drawer-left, 0px)));overflow-y:auto;padding:22px 22px 28px;display:flex;flex-direction:column;gap:8px;color:#f3e6c8;background:linear-gradient(180deg,#140c068c,#0a0603b8),var(--wood-tex) 0 0 / 128px 128px repeat;border-right:3px solid #0d0703;box-shadow:10px 0 40px #000000b3,inset -1px 0 #f0cd8233}.settings-drawer .display{color:#f6dfa4;text-shadow:0 2px 4px #000}.settings-drawer .muted{color:#cbb894}.settings-drawer .set-group{color:#e8b85a}.settings-drawer .set-row{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 0 10px;border-bottom:1px solid rgba(240,205,130,.1)}.settings-drawer .set-title{color:#fff3d6}.settings-drawer .btn-ghost{color:#f3e6c8}@media(max-width:900px){.shell{--drawer-left: 0px}}.tavern-sign{width:min(600px,62vw);aspect-ratio:594 / 362;margin-top:-8px;background:url(/sign.png) center / 100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 24px rgba(0,0,0,.65));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;position:relative;transform-origin:50% 0;animation:sign-sway 7s ease-in-out infinite}.tavern-sign:before,.tavern-sign:after{content:none}.tavern-sign>*{position:relative}.tavern-sign h1,.tavern-sign .sub{max-width:76%}.tavern-sign h1{margin-top:16%;font-size:clamp(26px,3.4vw,46px);color:#3b1e0a;text-shadow:0 1px 0 rgba(255,226,180,.45),0 -1px 0 rgba(0,0,0,.35),0 0 10px rgba(60,25,5,.25)}.tavern-sign .sub{color:#4a2810;font-size:clamp(12px,1.2vw,16px);text-shadow:0 1px 0 rgba(255,226,180,.35);font-weight:600}@keyframes sign-sway{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}@media(prefers-reduced-motion:reduce){.tavern-sign{animation:none}}.tavern-sign{width:min(640px,62vw);aspect-ratio:1200 / 665;margin-top:-6px;background:url(/sign.webp) center / 100% 100% no-repeat;padding:13.5% 14% 10.5%;box-sizing:border-box;justify-content:center;filter:drop-shadow(0 28px 26px rgba(0,0,0,.72)) drop-shadow(0 8px 8px rgba(0,0,0,.5))}.tavern-sign h1,.tavern-sign .sub{max-width:100%;filter:url(#chalk)}.tavern-sign h1{margin-top:0;font-size:clamp(26px,3.5vw,48px);color:#f2efe4;text-shadow:0 0 1px rgba(255,255,255,.8),0 0 8px rgba(255,255,255,.12);opacity:.93}.tavern-sign .sub{margin-top:6px;color:#d9d6c8;font-weight:400;font-size:clamp(12px,1.25vw,17px);text-shadow:none;opacity:.85}.tavern-sign{padding:0;height:auto;flex:none;background-size:contain}.sign-board{position:absolute;inset:24% 13% 19%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;container-type:inline-size}.sign-board h1{font-size:clamp(22px,9cqw,52px);line-height:1.05}.sign-board .sub{font-size:clamp(11px,2.6cqw,17px)}.logo{background:radial-gradient(circle at 35% 30%,#5a3a20,#2a1708 70%)}.logo:after{width:40px;height:40px;background:url(/mug.png) center / contain no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.logo{background:none;box-shadow:none;border-radius:0;width:60px;height:60px}.logo:after{width:56px;height:56px}.back-picker{grid-template-columns:110px minmax(0,1fr)}.back-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}.back-thumb{min-width:0}.game{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr) 272px;background:radial-gradient(ellipse 80% 50% at 50% 55%,rgba(60,90,160,.22),transparent 70%),radial-gradient(ellipse 60% 40% at 50% 0%,rgba(140,60,60,.12),transparent 70%),linear-gradient(180deg,#0b1022,#0a0e1c 48%,#0c1326 52%,#070a14);--cw: 80px}.game:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:3px 3px}.table{position:relative;display:grid;gap:10px;padding:10px;min-width:0;min-height:0;overflow:hidden}.players-2 .table{grid-template:"top" 1fr "bottom" 1fr / 1fr}.players-3 .table{grid-template:"tl tr" 1fr "bottom bottom" 1fr / 1fr 1fr}.players-4 .table{grid-template:"tl tr" 1fr "bl br" 1fr / 1fr 1fr}.slot-top{grid-area:top}.slot-bottom{grid-area:bottom}.slot-tl{grid-area:tl}.slot-tr{grid-area:tr}.slot-bl{grid-area:bl}.slot-br{grid-area:br}.players-3 .slot-bottom{justify-self:center;width:calc(50% - 5px)}.seat{display:flex;flex-direction:column;min-height:0;min-width:0;padding:8px 10px;--ch: calc(var(--cw) * 1.395)}.players-2 .seat{--cw: clamp(50px, 8.4vh, 100px)}.players-3 .seat,.players-4 .seat{--cw: clamp(38px, 6vh, 72px)}.field{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0;overflow:visible}.seat-me .field{padding-bottom:118px}.players-3 .seat-me .field,.players-4 .seat-me .field{padding-bottom:96px}.row-front,.row-back{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px;min-height:calc(var(--ch) * .9)}.row-gap{width:18px}.plate-row{display:flex;align-items:center;justify-content:center;gap:10px;padding:2px 0 4px}.players-2 .seat-me .plate-row{position:absolute;left:12px;bottom:12px;z-index:60;flex-direction:column;align-items:flex-start;padding:0}.card-face{display:block;width:100%;height:100%;object-fit:cover;border-radius:4.75%/3.5%;box-shadow:0 4px 14px #0000008c,0 0 0 1px #0009;background:#1b2238}.card-fallback{display:grid;place-items:center;padding:8%;text-align:center;background:linear-gradient(160deg,#2a3350,#151b2e);border:1px solid var(--line-strong);font-family:var(--display);font-size:calc(var(--cw, 80px) * .12);line-height:1.2;color:var(--gold-2)}.bcard{position:relative;isolation:isolate;width:var(--cw);height:var(--ch);flex:none;cursor:default;transition:width .22s ease}.bcard.tapped{width:var(--ch)}.bcard-inner{position:absolute;top:0;left:50%;width:var(--cw);height:var(--ch);margin-left:calc(var(--cw) / -2)}.bcard.sick .card-face{filter:saturate(.75) brightness(.86)}.attach{position:absolute;width:var(--cw);height:var(--ch);z-index:-1;opacity:.95}.bcard.tapped .attach{left:calc((var(--ch) - var(--cw)) / 2)!important}.stack-count{position:absolute;top:4px;right:4px;padding:1px 6px;border-radius:8px;background:#000c;font-weight:700;font-size:11px;border:1px solid var(--line-strong)}.counters{position:absolute;left:3px;top:22%;display:flex;flex-direction:column;gap:2px}.ctr{font-size:10px;font-weight:700;padding:1px 5px;border-radius:6px;background:#0a0e1ce6;border:1px solid var(--line-strong);white-space:nowrap}.ctr-P1P1{color:var(--green);border-color:#3ddc9780}.ctr-M1M1{color:var(--red);border-color:#ff5a5f80}.pt,.loyalty{position:absolute;right:-4px;bottom:-4px;min-width:34px;text-align:center;padding:2px 6px;border-radius:8px;font-weight:800;font-size:calc(var(--cw) * .15);background:linear-gradient(180deg,#f2f2f2,#cfcfcf);color:#111;box-shadow:0 2px 8px #0009}.pt.up{background:linear-gradient(180deg,#8ff0c5,#3ddc97)}.pt.down{background:linear-gradient(180deg,#ffb0b3,#ff5a5f)}.loyalty{background:linear-gradient(180deg,#3a3f55,#1c2033);color:#fff;border:1px solid #aab;border-radius:10px 10px 16px 16px}.dmg{position:absolute;left:-4px;bottom:-4px;padding:1px 6px;border-radius:8px;background:var(--red);font-weight:800;font-size:11px}.ctag{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);white-space:nowrap;z-index:5;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:8px;background:#000000d9;border:1px solid var(--line-strong)}.m-playable .card-face,.m-playable.hcard .card-face{box-shadow:0 0 0 2px var(--blue),0 0 18px 2px #4da3ff8c;cursor:pointer}.m-playable{cursor:pointer}.m-target .card-face{animation:pulse-gold 1.1s ease-in-out infinite;cursor:crosshair}.m-target{cursor:crosshair}.m-selected .card-face{box-shadow:0 0 0 3px var(--gold-2),0 0 24px 4px #f3d58a99}.m-attacking .card-face{box-shadow:0 0 0 2px var(--red),0 0 22px 3px #ff5a5f99}.seat-me .m-attacking .bcard-inner{transform:translateY(-14px)}.m-blocking .card-face{box-shadow:0 0 0 2px #7cc4ff,0 0 20px 3px #7cc4ff8c}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 2px var(--gold),0 0 10px 1px #d4a94f80}50%{box-shadow:0 0 0 3px var(--gold-2),0 0 26px 6px #f3d58abf}}.hand{position:absolute;left:50%;bottom:-40px;transform:translate(-50%);z-index:50;display:flex;justify-content:center;align-items:flex-end;height:200px;padding:0 20px}.hcard{position:relative;width:122px;height:170px;margin-left:-38px;flex:none;transform-origin:50% 120%}.hcard:first-child{margin-left:0}.players-3 .hcard,.players-4 .hcard{width:100px;height:140px;margin-left:-34px}.players-3 .hcard:first-child,.players-4 .hcard:first-child{margin-left:0}.players-3 .hand,.players-4 .hand{height:170px;bottom:-44px}.hcost{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:2px 6px;border-radius:10px;background:#000000d9;border:1px solid rgba(77,163,255,.6)}.mana-cost{display:inline-flex;gap:1px;vertical-align:middle}.mana-cost img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.plate{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:40px;background:linear-gradient(90deg,#0e1324f2,#0e1324bf);border:1px solid var(--line-strong);min-width:210px;transition:box-shadow .2s,border-color .2s;position:relative}.plate .avatar{width:44px;height:44px;border-width:2px;border-color:var(--line-strong)}.plate.active .avatar{border-color:var(--gold);box-shadow:0 0 0 3px #d4a94f40,0 0 18px #d4a94f80}.plate.prio{border-color:#4da3ff99}.plate.m-target{animation:pulse-gold 1.1s ease-in-out infinite;cursor:crosshair}.plate.m-selected{border-color:var(--red);box-shadow:0 0 0 2px var(--red),0 0 22px #ff5a5f80}.plate.hit{animation:hit .6s ease}.plate.heal{box-shadow:0 0 0 2px var(--green),0 0 24px #3ddc9780}.plate.dead{opacity:.4;filter:grayscale(1)}@keyframes hit{0%,to{transform:none}20%{transform:translate(-5px);background:#78141ee6}40%{transform:translate(5px)}60%{transform:translate(-3px)}}.plate-main{flex:1;min-width:0}.plate-name{font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-pill{font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:1px 6px;border-radius:6px;background:#d4a94f33;color:var(--gold-2)}.zones span,.zones button{display:inline-flex;align-items:center;gap:3px}.zones{display:flex;gap:10px;font-size:11.5px;color:var(--muted);margin-top:2px}.zones button{border:none;background:none;padding:0;color:inherit;font-size:inherit}.zones button:hover{color:var(--text)}.poison{color:var(--green)}.pool{display:flex;gap:6px;margin-top:3px;font-size:11px;font-weight:700}.pool span{display:inline-flex;align-items:center;gap:1px}.life{font-family:var(--display);font-weight:900;font-size:26px;min-width:44px;text-align:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.command-zone{display:flex;gap:6px;--cw: 44px;--ch: 61.38px }.cz-card{position:relative}.tax{position:absolute;top:-6px;right:-6px;font-size:10px;font-weight:800;padding:0 5px;border-radius:6px;background:var(--purple)}.side{position:relative;z-index:70;display:flex;flex-direction:column;gap:12px;padding:14px;overflow-y:auto;background:linear-gradient(180deg,#080b16eb,#080b16fa);border-left:1px solid var(--line);min-height:0;overflow:hidden}.turn-name{font-size:20px}.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.ph{font-size:10.5px;text-align:center;padding:5px 2px;border-radius:6px;color:var(--muted);background:#ffffff08;font-weight:600;transition:all .2s}.ph.on{color:#1b1405;background:linear-gradient(180deg,#f0cf7c,#c28f2c);box-shadow:0 0 14px #d4a94f80}.stack{display:flex;flex-direction:column;gap:6px;max-height:38vh;overflow:auto}.stack-item{display:flex;gap:8px;padding:6px;border-radius:10px;background:#a67cff14;border:1px solid rgba(166,124,255,.3);font-size:12.5px}.stack-item:first-of-type{border-color:#a67cffb3;box-shadow:0 0 16px #a67cff40}.stack-thumb{width:38px;height:53px;flex:none;--cw: 38px}.small{font-size:11.5px}.gold{color:var(--gold-2)}.side-spacer{flex:1}.action-panel{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:#ffffff08;border:1px solid var(--line-strong)}.action-panel.idle{opacity:.75}.ap-title{font-weight:700;font-size:14px;line-height:1.35}.ap-buttons{display:flex;flex-wrap:wrap;gap:6px}.ap-buttons .btn{padding:8px 12px;font-size:13px}.btn.mode{text-align:left;font-weight:500;font-size:12.5px;line-height:1.35}.btn.mode.on{border-color:var(--gold);background:#d4a94f24}.big-btn{position:relative;border:none;border-radius:40px;padding:16px 20px;font-size:17px;font-weight:800;letter-spacing:.04em;color:#1b1405;background:linear-gradient(180deg,#ffe29a,#d19a33 60%,#b27b1c);box-shadow:0 10px 30px -8px #d4a94fcc,inset 0 1px #fff9,inset 0 -3px #0003;transition:transform .1s,filter .15s}.big-btn:hover{filter:brightness(1.08)}.big-btn:active{transform:translateY(2px)}.kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:#0000002e}.side-foot{display:flex;justify-content:space-between;align-items:center}.fc{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);cursor:pointer}.preview{position:fixed;left:18px;top:50%;transform:translateY(-50%);width:300px;z-index:200;pointer-events:none;--cw: 300px}.preview .card-face{box-shadow:0 20px 60px #000c;border-radius:14px}.preview-text{margin-top:8px;padding:10px;border-radius:10px;background:#000000d9;font-size:12.5px;line-height:1.4}.ctx{position:fixed;z-index:300;min-width:220px;max-width:300px;padding:6px;border-radius:12px;background:#0e1324fa;border:1px solid var(--line-strong);box-shadow:0 20px 50px #0009}.ctx-title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:6px 8px}.ctx button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;text-align:left;border:none;background:none;padding:9px 10px;border-radius:8px;font-size:13px}.ctx button:hover{background:#d4a94f24}.modal-back{position:fixed;inset:0;z-index:400;display:grid;place-items:center;background:#03050ab8;backdrop-filter:blur(4px)}.modal{width:min(1000px,calc(100vw - 32px));max-height:calc(100vh - 60px);overflow:auto;padding:22px;border-radius:18px;background:#0f1528;border:1px solid var(--line-strong);box-shadow:0 30px 80px #000000b3;display:flex;flex-direction:column;gap:16px}.choice-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;--cw: 140px}.choice{position:relative;width:140px;height:195px;cursor:pointer;transition:transform .15s}.choice:hover{transform:translateY(-4px)}.choice.on .card-face{box-shadow:0 0 0 3px var(--gold-2),0 0 24px #f3d58a99}.order{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1b1405;font-weight:800}.mulligan{align-items:center;text-align:center}.mull-hand{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;--cw: 130px}.mull-card{width:130px;height:181px}.gameover{width:420px;align-items:center;text-align:center}.restore{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:400}.hint-float{position:fixed;top:50%;left:calc(50% - 136px);transform:translate(-50%,-50%);z-index:90;pointer-events:none;padding:8px 16px;border-radius:20px;background:#000c;border:1px solid rgba(124,196,255,.6);font-weight:600}@media(max-width:900px){.game{grid-template-columns:1fr;grid-template-rows:1fr auto}.side{border-left:none;border-top:1px solid var(--line);max-height:40vh}.phases,.stack,.preview{display:none}}.bcard-inner{transition:transform .28s cubic-bezier(.22,1,.36,1);will-change:transform}.bcard.tapped .bcard-inner{transform:rotate(90deg)}.seat-me .bcard.tapped.m-attacking .bcard-inner{transform:rotate(90deg) translate(-14px)}.hcard{cursor:grab;touch-action:none}.hcard-fan{width:100%;height:100%;transform:translateY(var(--lift)) rotate(var(--rot));transform-origin:50% 120%;transition:transform .18s cubic-bezier(.22,1,.36,1)}.hcard:hover{z-index:100!important}.hcard:hover .hcard-fan{transform:translateY(-78px) scale(1.2)}.hcard.dragging .hcard-fan{opacity:.25}.drag-ghost{position:fixed;z-index:500;width:130px;height:181px;pointer-events:none;--cw: 130px;transform:translate(-50%,-60%) rotate(-3deg) scale(1.05);transition:transform .12s;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6))}.drag-ghost.over{transform:translate(-50%,-60%) rotate(0) scale(1.12)}.drag-ghost.over .card-face{box-shadow:0 0 0 3px var(--gold-2),0 0 34px 8px #f3d58a8c}.drag-hint{position:absolute;left:50%;top:100%;margin-top:8px;transform:translate(-50%);white-space:nowrap;font-size:12px;font-weight:700;padding:3px 10px;border-radius:10px;background:#000000d9}.opp-hand{position:relative;display:flex;align-items:center;height:58px;padding:0 14px 0 6px}.opp-back{width:34px;height:47px;margin-left:-20px;transform-origin:50% 110%}.opp-back:first-child{margin-left:0}.opp-back .card-face{border-width:2px;box-shadow:0 2px 6px #0009}.opp-hand-count{position:absolute;right:0;bottom:2px;min-width:22px;text-align:center;font-size:12px;font-weight:800;padding:1px 6px;border-radius:10px;background:var(--panel-solid);border:1px solid var(--line-strong)}.spotlight{position:fixed;left:22px;top:50%;margin-top:-250px;width:300px;z-index:180;--cw: 300px;padding:10px;border-radius:18px;background:#0a0e1ce0;border:1px solid rgba(166,124,255,.5);box-shadow:0 30px 70px #000000b3,0 0 40px #a67cff33;backdrop-filter:blur(8px)}.spotlight .card-face{border-radius:12px;height:auto;aspect-ratio:488 / 680}.spot-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px;font-size:13px;color:var(--muted)}.spot-head b{color:var(--text)}.spot-head button{border:none;background:none;color:var(--muted);font-size:20px;line-height:1;padding:0 4px}.spot-head button:hover{color:var(--text)}.spot-timer{height:3px;margin-top:10px;border-radius:2px;background:linear-gradient(90deg,var(--purple),var(--gold));transform-origin:left;animation:spot-shrink linear forwards}@keyframes spot-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.spot-more{position:absolute;top:10px;right:44px;font-size:11px;color:var(--purple);font-weight:700}.undo-row{display:flex;gap:6px}.undo-row .btn{padding:8px 12px;font-size:13px}.rewind{padding:7px 8px;font-size:12.5px}.takeback{position:fixed;top:18px;left:calc(50% - 136px);transform:translate(-50%);z-index:450;padding:14px 18px;border-radius:14px;background:#121a31;border:1px solid var(--gold);box-shadow:0 20px 50px #0009}.seat{position:relative;isolation:isolate}.seat-mat{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:18px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff14,0 10px 40px #00000059}.mat{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.92}.mat.low{filter:blur(3px) saturate(1.1);transform:scale(1.05)}.mat-shade{position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 50% 50%,#05081047,#0508109e),linear-gradient(180deg,#05081040,#05081073)}.ph{position:relative;overflow:hidden;background:#ffffff08;transition:color .25s}.ph.on{background:#ffffff08;box-shadow:none;color:#1b1405}.ph span{position:relative;z-index:1}.ph-pill{position:absolute;inset:0;border-radius:6px;background:linear-gradient(180deg,#f0cf7c,#c28f2c);box-shadow:0 0 14px #d4a94f80}.action-panel{min-height:172px;transition:opacity .25s}.action-panel.stale{opacity:.6;pointer-events:none}.big-btn:disabled{filter:grayscale(.8) brightness(.55);cursor:default;box-shadow:none}.card-back{background:#1a1208 url(/card-back.jpg) center / cover no-repeat;border:none}.turn-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.leave-btn{padding:6px 10px;font-size:12px;flex:none}.leave-btn:hover{border-color:var(--red);background:#ff5a5f1a}.game{grid-template-columns:1fr}.table{padding:8px;gap:8px}.hud-top{position:fixed;top:14px;right:16px;z-index:120;display:flex;align-items:center;gap:8px}.turn-chip{display:flex;flex-direction:column;align-items:flex-end;padding:6px 12px;border-radius:12px;background:#060912b8;border:1px solid var(--line-strong);backdrop-filter:blur(6px);line-height:1.2}.turn-chip b{font-family:var(--display);font-size:14px;letter-spacing:.04em}.hud-menu-wrap{position:relative}.hud-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#060912b8;border:1px solid var(--line-strong);color:var(--text)}.hud-icon:hover{border-color:var(--gold)}.hud-menu{position:absolute;right:0;top:46px;min-width:250px;padding:8px;border-radius:14px;background:#0c101efa;border:1px solid var(--line-strong);box-shadow:0 20px 50px #0009;display:flex;flex-direction:column;gap:2px}.hud-menu button{text-align:left;border:none;background:none;padding:9px 10px;border-radius:8px;font-size:13px}.hud-menu button:hover{background:#d4a94f1f}.hud-menu button.danger{color:#ffb3b5;margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 8px 8px}.hud-menu .fc{padding:8px 10px}.hud-action{position:fixed;right:18px;bottom:18px;z-index:110;width:250px;display:flex;flex-direction:column;gap:8px;align-items:stretch}.hud-action .action-panel{min-height:0;padding:0;border:none;background:none;gap:8px}.hud-action .ap-title{align-self:flex-end;text-align:right;font-size:13px;font-weight:700;padding:6px 12px;border-radius:10px;background:#060912c7;border:1px solid var(--line);max-width:100%}.hud-action .ap-title:empty{display:none}.hud-action .action-panel>.muted,.hud-action .action-panel>.col,.hud-action .action-panel>.row,.hud-action .action-panel>.mana-cost{align-self:flex-end;text-align:right;padding:6px 10px;border-radius:10px;background:#060912c7}.hud-action .action-panel>.col{max-height:40vh;overflow:auto;width:100%}.hud-action .ap-buttons{justify-content:flex-end}.hud-action .ap-buttons .btn{background:#0a0e1ae0;border-color:#ffffff2e;border-radius:22px;padding:7px 14px;font-size:12.5px}.hud-action .ap-buttons .btn-gold{background:linear-gradient(180deg,#f0cf7c,#c28f2c);color:#1b1405}.hud-action .ap-buttons .ap-attack{border-color:#ff5a5fb3;color:#ffd3d4}.hud-action .ap-buttons .ap-attack:hover{background:#ff5a5f33}.hud-action .action-panel.stale .ap-title{opacity:.7}.hud-action .big-btn{height:58px;border-radius:30px;font-size:19px;font-weight:800;letter-spacing:.03em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);background:linear-gradient(180deg,#ffb357,#f07b1d 55%,#c45a0c);box-shadow:0 12px 30px -10px #f07b1de6,inset 0 2px #ffffff59,inset 0 -3px #00000040,0 0 0 2px #00000059}.hud-action .big-btn.attack{background:linear-gradient(180deg,#ff7a6b,#e0342a 55%,#a81f18);box-shadow:0 12px 30px -10px #e0342ae6,inset 0 2px #ffffff4d,inset 0 -3px #00000040,0 0 0 2px #00000059}.hud-action .big-btn.block{background:linear-gradient(180deg,#6fb6ff,#2f7fe0 55%,#1a58a8);box-shadow:0 12px 30px -10px #2f7fe0e6,inset 0 2px #ffffff4d,inset 0 -3px #00000040,0 0 0 2px #00000059}.hud-action .big-btn:disabled{background:linear-gradient(180deg,#4a5068,#2b3044);color:#aab1c8;text-shadow:none;filter:none;box-shadow:0 0 0 2px #00000059}.hud-action .kbd{background:#00000038;color:#ffffffd9}.hud-action .phases{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.phase-row{display:flex;gap:4px;padding:4px;border-radius:22px;background:#060912c7;border:1px solid var(--line)}.phase-row .ph{width:36px;height:28px;padding:0;border-radius:14px;display:grid;place-items:center;font-size:14px;background:none;color:var(--muted)}.phase-row .ph.on{color:#1b1405}.phase-row .ph-pill{border-radius:14px}.phases:not(.mine) .ph-pill{background:linear-gradient(180deg,#b9c3dd,#7d879f);box-shadow:0 0 12px #a0afd266}.phase-step{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-right:6px;text-shadow:0 1px 3px #000}.stack{position:fixed;right:18px;top:50%;transform:translateY(-62%);z-index:105;width:250px;max-height:44vh;padding:10px;border-radius:16px;background:#080a16cc;border:1px solid rgba(166,124,255,.45);backdrop-filter:blur(6px)}.plate{gap:12px;padding:4px 14px 4px 4px;min-width:0;border-radius:44px;background:linear-gradient(90deg,#060912e6,#06091299);border:1px solid rgba(255,255,255,.14)}.avatar-wrap{position:relative;width:62px;height:62px;flex:none;margin-bottom:8px}.plate .avatar-wrap .avatar{width:62px;height:62px;border:3px solid #3a4260;box-shadow:0 4px 16px #0009;background-color:#1b2238;background-size:cover;background-position:center 20%}.plate.active .avatar-wrap .avatar{border-color:var(--gold-2);box-shadow:0 0 0 3px #d4a94f59,0 0 24px #f3d58a8c}.plate.prio .avatar-wrap .avatar{border-color:var(--blue)}.plate .life{position:absolute;left:50%;bottom:-10px;transform:translate(-50%);min-width:44px;padding:1px 8px;font-size:19px;line-height:1.25;border-radius:10px;color:#fff;background:linear-gradient(180deg,#2b3350,#141a2e);border:2px solid #c9a24a;text-shadow:0 1px 2px #000}.plate-name{font-size:13.5px}.piles{display:flex;align-items:center;gap:8px;margin-top:4px}.pile{display:flex;align-items:center;gap:4px;border:none;background:none;padding:0;color:var(--text);font-weight:700;font-size:12px}.pile:hover{color:var(--gold-2)}.pile-card{width:22px;height:31px;border-radius:3px;overflow:hidden;box-shadow:0 2px 5px #0009;--cw: 22px}.pile-card.gy{display:grid;place-items:center;background:#ffffff14;color:var(--muted)}.pile-card.gy svg{width:13px;height:13px}.hand-count{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--text)}.opp-hand{height:70px;padding-right:30px}.opp-back{width:44px;height:61px;margin-left:-28px}.opp-hand-count{display:inline-flex;align-items:center;gap:4px;right:-2px;bottom:auto;top:50%;transform:translateY(-50%);font-size:15px;padding:3px 9px;border-radius:14px;background:#121a31;border:2px solid var(--gold)}.opp-hand-count svg{width:14px;height:14px}.players-2{--hand-h: clamp(170px, 26vh, 270px)}.players-3,.players-4{--hand-h: clamp(140px, 20vh, 210px)}.hcard,.players-3 .hcard,.players-4 .hcard{width:calc(var(--hand-h) * .716);height:var(--hand-h);margin-left:calc(var(--hand-h) * -.28)}.hcard:first-child,.players-3 .hcard:first-child,.players-4 .hcard:first-child{margin-left:0}.hand,.players-3 .hand,.players-4 .hand{height:var(--hand-h);bottom:calc(var(--hand-h) * -.36)}.hcard:hover .hcard-fan{transform:translateY(calc(var(--hand-h) * -.42)) scale(1.28)}.seat-me .field,.players-3 .seat-me .field,.players-4 .seat-me .field{padding-bottom:calc(var(--hand-h) * .64)}.hcost{top:-14px}.players-2 .seat{padding-right:270px;padding-left:20px}.players-2 .seat-me .plate-row{left:18px;bottom:16px}.preview{width:320px;--cw: 320px}.game{background:radial-gradient(ellipse 60% 45% at 50% 50%,rgba(255,150,60,.1),transparent 70%),radial-gradient(700px 500px at 0% 0%,rgba(255,150,60,.1),transparent 65%),radial-gradient(700px 500px at 100% 100%,rgba(255,150,60,.1),transparent 65%),linear-gradient(180deg,#00000059,#0009),var(--planks)}.game:before{opacity:1;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.55))}.seat-mat{border-radius:14px;border:7px solid transparent;background:linear-gradient(#000,#000) padding-box,repeating-linear-gradient(90deg,#5a3920 0 40px,#4d301b 40px 41px) border-box;box-shadow:0 0 0 2px #0d0703,inset 0 0 0 2px #0d0703,inset 0 0 40px #000c,0 14px 30px #0009}.seat-mat .mat{border-radius:8px}.mat-shade{border-radius:8px;background:radial-gradient(ellipse 75% 70% at 50% 50%,#140a042e,#140a0499),linear-gradient(180deg,#2814052e,#140a0461)}.m-playable .card-face,.m-playable.hcard .card-face{box-shadow:0 0 0 2px #ffc266,0 0 20px 3px #ffaa3c99}.m-selected .card-face{box-shadow:0 0 0 3px #fff1c2,0 0 28px 6px #ffd278b3}.m-attacking .card-face{box-shadow:0 0 0 2px #e0584f,0 0 24px 4px #e0463ca6}.m-blocking .card-face{box-shadow:0 0 0 2px #9fd0f0,0 0 22px 4px #7fb2d999}@keyframes pulse-gold{0%,to{box-shadow:0 0 0 2px #c8963e,0 0 10px 1px #ffaa3c80}50%{box-shadow:0 0 0 3px #fff1c2,0 0 28px 7px #ffbe5acc}}.pt{background:linear-gradient(180deg,#f4e6c3,#cdb07a);color:#2b1a0c;border:1px solid #6d5232;font-family:var(--caps)}.pt.up{background:linear-gradient(180deg,#d6efb4,#8fcf6a)}.pt.down{background:linear-gradient(180deg,#f5b7ae,#d9574c);color:#2b0c08}.loyalty{background:linear-gradient(180deg,#4b2c1a,#2a170c);border-color:#c8963e;font-family:var(--caps)}.ctr,.ctag{background:#1a0e06eb;border-color:#f0cd8266;font-family:var(--caps)}.stack-count{background:#1a0e06e6;border-color:#f0cd8266;font-family:var(--caps)}.plate{background:var(--leather-bg);border:1px solid #0d0703;box-shadow:inset 0 1px #ffc88c26,0 8px 20px #0009}.plate .avatar-wrap .avatar{border:3px solid #8a6224;box-shadow:0 0 0 2px #0d0703,0 4px 14px #000000b3}.plate.active .avatar-wrap .avatar{border-color:#f0cd82;box-shadow:0 0 0 2px #0d0703,0 0 0 5px #ffaa3c4d,0 0 26px #ffaa3cb3}.plate.prio .avatar-wrap .avatar{border-color:#ffb347}.plate .life{font-family:var(--display);font-size:21px;color:#2a1706;text-shadow:0 1px 0 rgba(255,240,200,.5);background:var(--noise),linear-gradient(180deg,#f6d992,#c8963e 60%,#9b6f28);border:2px solid #3b2208;border-radius:6px 6px 14px 14px}.plate-name{font-family:var(--display);font-size:16px;letter-spacing:.02em}.turn-pill{background:var(--wine);color:#f6dcc0;font-family:var(--caps);letter-spacing:.06em;text-transform:none}.plate.m-selected{box-shadow:0 0 0 2px #e0584f,0 0 24px #e0463c99}.opp-hand-count{background:var(--leather-bg);border-color:var(--brass);font-family:var(--caps)}.cz-card .tax{background:var(--wine);font-family:var(--caps)}.turn-chip{background:var(--leather-bg);border:1px solid #0d0703;box-shadow:inset 0 1px #ffc88c26,0 6px 16px #0009}.turn-chip b{font-family:var(--display);font-size:17px;color:var(--brass-2)}.hud-icon{background:var(--leather-bg);border:1px solid #0d0703;color:var(--brass-2);box-shadow:0 4px 12px #0009}.hud-menu{background:var(--leather-bg);border:1px solid #0d0703}.hud-menu button{font-family:var(--caps);font-size:15px}.hud-menu button:hover{background:#ffaa3c24}.hud-action .ap-title{font-family:var(--serif);font-size:16px;font-weight:400;color:var(--ink);background:var(--parch-bg);border:none;border-radius:3px;box-shadow:0 8px 18px -6px #000c,inset 0 0 18px #78501e59}.hud-action .action-panel>.muted,.hud-action .action-panel>.col,.hud-action .action-panel>.row,.hud-action .action-panel>.mana-cost{background:var(--leather-bg);border:1px solid #0d0703}.hud-action .ap-buttons .btn{background:var(--leather-bg);border-color:#0d0703;font-family:var(--caps);font-size:14px}.hud-action .ap-buttons .btn-gold{background:var(--noise),linear-gradient(180deg,#f6d992,#c8963e);color:#2a1706;border-color:#5c3c10}.hud-action .ap-buttons .ap-attack{color:#ffd0c8;border-color:#7d2228;box-shadow:inset 0 0 0 1px #e0463c80}.hud-action .big-btn{height:60px;border-radius:12px;font-family:var(--display);font-size:23px;font-weight:400;letter-spacing:.03em;color:#2a1706;text-shadow:0 1px 0 rgba(255,240,200,.6);background:var(--noise),linear-gradient(180deg,#ffe3a0,#eab35a 40%,#c98a2c 60%,#e6b25c);border:2px solid #3b2208;box-shadow:inset 0 2px #fffae1bf,inset 0 -3px #5a370a73,0 0 0 3px #0d0703,0 0 34px #ff96328c,0 14px 26px -8px #000c;animation:ember 3.2s ease-in-out infinite}@keyframes ember{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}.hud-action .big-btn.attack{color:#fbe6d4;text-shadow:0 1px 2px rgba(0,0,0,.6);background:var(--noise),linear-gradient(180deg,#c94a45,#8e2127 60%,#6d171c);box-shadow:inset 0 2px #ffc8be66,inset 0 -3px #00000059,0 0 0 3px #0d0703,0 0 34px #e0463c8c,0 14px 26px -8px #000c}.hud-action .big-btn.block{color:#eef6fb;text-shadow:0 1px 2px rgba(0,0,0,.6);background:var(--noise),linear-gradient(180deg,#8fb7d2,#4f7896 60%,#365a74);box-shadow:inset 0 2px #e6f5ff66,inset 0 -3px #00000059,0 0 0 3px #0d0703,0 0 30px #7fb2d973,0 14px 26px -8px #000c}.hud-action .big-btn:disabled{animation:none;color:var(--muted);text-shadow:none;filter:none;background:var(--leather-bg);border-color:#0d0703;box-shadow:inset 0 1px #ffc88c1f,0 0 0 3px #0d0703}.hud-action .kbd{background:#0000002e;color:inherit;font-family:var(--sans)}.phase-row{background:var(--leather-bg);border:1px solid #0d0703;box-shadow:0 6px 16px #0009}.phase-row .ph{color:#9b8260;font-size:15px}.phase-row .ph-pill{background:radial-gradient(circle at 50% 40%,#ffe3a0,#e59a3a 60%,#a8651c);box-shadow:0 0 16px #ff9632cc}.phases:not(.mine) .ph-pill{background:radial-gradient(circle at 50% 40%,#e6d5b4,#9b8260 70%);box-shadow:0 0 10px #e6d2aa66}.phase-step{font-family:var(--caps);font-size:13px;letter-spacing:.05em;text-transform:none;color:var(--brass-2)}.stack{background:var(--parch-bg);color:var(--ink);border:none;border-radius:4px;box-shadow:0 16px 36px #000c,inset 0 0 30px #78501e66}.stack .label{color:var(--ink-2)}.stack-item{background:#ffffff2e;border:1px solid rgba(90,65,40,.35);color:var(--ink)}.stack-item:first-of-type{border-color:#7d222899;box-shadow:0 0 0 1px #7d22284d}.stack-item b{font-family:var(--display);font-weight:400;font-size:15px}.stack-item .muted{color:#6f5535}.stack-item .gold{color:var(--wine)}.preview .card-face{box-shadow:0 0 0 4px #0d0703,0 0 0 7px #6b4526,0 24px 60px #000000d9}.preview-text{background:var(--parch-bg);color:var(--ink);font-family:var(--serif)}.ctx{background:var(--leather-bg);border:1px solid #0d0703}.ctx-title{font-family:var(--caps);color:var(--brass-2)}.ctx button{font-family:var(--caps);font-size:15px}.ctx button:hover{background:#ffaa3c24}.modal-back{background:#0a0502b8}.modal{background:var(--parch-bg);color:var(--ink);border:none;border-radius:4px;box-shadow:0 30px 80px #000000d9,inset 0 0 60px #78501e66}.modal .display{color:#3a220c}.modal .muted,.modal .small{color:#6f5535}.modal .btn:not(.btn-gold){color:var(--text)}.gameover .display{font-family:var(--sign)}.spotlight{background:var(--leather-bg);border:1px solid #0d0703;box-shadow:0 0 0 3px #6b4526,0 30px 70px #000c,0 0 50px #ff963240}.spot-head{font-family:var(--caps);font-size:14px}.spot-timer{background:linear-gradient(90deg,#ffb347,#c8963e)}.takeback{background:var(--parch-bg);color:var(--ink);border:none;border-radius:4px;font-family:var(--serif);font-size:16px}.hint-float{background:var(--parch-bg);color:var(--ink);border:none;font-family:var(--serif)}.drag-hint{background:var(--leather-bg);font-family:var(--caps)}.card-fallback{background:linear-gradient(160deg,#4b2c1a,#2a170c);border-color:#f0cd824d;font-family:var(--display)}.cmd-slot{position:relative;flex:none;cursor:default}.hand .cmd-slot{align-self:flex-start;margin-right:calc(var(--hand-h) * .14);width:calc(var(--hand-h) * .62 * .716);height:calc(var(--hand-h) * .62);transition:transform .18s cubic-bezier(.22,1,.36,1)}.hand .cmd-slot:hover{transform:translateY(-10px) scale(1.06);z-index:120}.plate-row .cmd-slot{width:58px;height:81px}.cmd-card{width:100%;height:100%;--cw: 100px}.cmd-card .card-face{box-shadow:0 0 0 2px #0d0703,0 0 0 4px #8a6224,0 10px 22px #000000bf}.cmd-ribbon{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);white-space:nowrap;z-index:2;padding:1px 10px;border-radius:3px;font-family:var(--caps);font-size:12px;font-weight:700;letter-spacing:.04em;color:#2a1706;background:var(--noise),linear-gradient(180deg,#f6d992,#c8963e);border:1px solid #3b2208;box-shadow:0 3px 6px #0009}.plate-row .cmd-ribbon{font-size:10px;padding:0 6px;bottom:-7px}.cmd-tax{position:absolute;top:-8px;right:-10px;z-index:2;padding:1px 7px;border-radius:10px;font-family:var(--caps);font-size:11.5px;font-weight:700;color:#f6dcc0;background:var(--wine);border:1px solid #0d0703}.cmd-cost{position:absolute;top:-14px;left:50%;transform:translate(-50%);z-index:3;padding:2px 7px;border-radius:12px;background:#14081eeb;border:1px solid #c9a2ff}.cmd-slot.castable{cursor:pointer}.cmd-slot.castable .card-face{box-shadow:0 0 0 2px #0d0703,0 0 0 4px #c9a2ff,0 0 26px 6px #aa6effbf,0 10px 22px #000000bf;animation:arcane 2.2s ease-in-out infinite}.cmd-slot.castable .cmd-ribbon{color:#f5ecff;text-shadow:0 1px 2px rgba(0,0,0,.6);background:var(--noise),linear-gradient(180deg,#b58be0,#6e3fb0);border-color:#2a1242}.cmd-slot.castable .cmd-card:after{content:"";position:absolute;inset:0;border-radius:5%;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(220,190,255,.35) 48%,transparent 66%);background-size:250% 100%;animation:shimmer 2.6s linear infinite}.cmd-card{position:relative}@keyframes arcane{0%,to{box-shadow:0 0 0 2px #0d0703,0 0 0 4px #c9a2ff,0 0 18px 4px #aa6eff99,0 10px 22px #000000bf}50%{box-shadow:0 0 0 2px #0d0703,0 0 0 4px #e6d2ff,0 0 34px 10px #be82ffd9,0 10px 22px #000000bf}}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-100% 0}}.cmd-slot.m-target .card-face{animation:pulse-gold 1.1s ease-in-out infinite}.hand .cmd-slot+.hcard,.players-3 .hand .cmd-slot+.hcard,.players-4 .hand .cmd-slot+.hcard{margin-left:0}.hand .cmd-slot{z-index:60}.seat-me .plate-row .cmd-slot{width:96px;height:134px;margin:0 0 10px 10px}.seat-me .plate-row .cmd-slot:hover{transform:translateY(-6px) scale(1.05)}.seat-me .plate-row .cmd-slot{transition:transform .18s cubic-bezier(.22,1,.36,1)}.plate-row .cmd-slot .cmd-ribbon{font-size:11px}.cmd-dmg-row{display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}.cmd-dmg{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 1px;border-radius:12px;background:#140a04d9;border:1px solid rgba(240,205,130,.35);font-family:var(--caps);font-size:13px}.cmd-dmg-face{width:20px;height:20px;border-radius:50%;background:#2a1a0f center 20% / cover;border:1px solid #8a6224}.cmd-dmg.warm{border-color:#e08a3a;color:#ffcf9a}.cmd-dmg.lethal{border-color:#e0584f;color:#ffb3aa;background:#5a0f0fd9;animation:lethal 1.2s ease-in-out infinite}@keyframes lethal{50%{box-shadow:0 0 14px #e0463ccc}}.seat.fallen .seat-mat{filter:grayscale(1) brightness(.45);transition:filter 1.2s}.seat.fallen .field,.seat.fallen .plate-row{opacity:.45;filter:grayscale(.8);transition:opacity 1s}.fallen-banner{position:absolute;left:50%;top:50%;z-index:20;transform:translate(-50%,-50%) rotate(-6deg);font-family:var(--sign);font-size:46px;color:#e8d2a8;letter-spacing:.1em;padding:6px 34px;background:var(--noise),linear-gradient(180deg,#7d2228,#4a1015);border:3px solid #0d0703;box-shadow:0 0 0 2px #8a6224,0 20px 40px #000c;animation:fallen-in .9s cubic-bezier(.22,1,.36,1)}@keyframes fallen-in{0%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.8);opacity:0}}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:150}.fx-death,.fx-exile{position:fixed}.fx-card{width:100%;height:100%}.fx-death .fx-card{animation:death 1.4s cubic-bezier(.4,0,.2,1) forwards}@keyframes death{0%{transform:none;filter:none;opacity:1}10%{transform:translate(-4px) rotate(-2deg);filter:sepia(1) saturate(4) hue-rotate(-30deg) brightness(1.1)}18%{transform:translate(4px) rotate(2deg)}26%{transform:translate(-2px) rotate(-1deg);filter:sepia(1) saturate(5) hue-rotate(-35deg) brightness(.9)}45%{transform:translateY(-6px) scale(.97);filter:grayscale(1) brightness(.55) contrast(1.2);opacity:.9}to{transform:translateY(-34px) scale(.86) rotate(-4deg);filter:grayscale(1) brightness(.2) blur(5px);opacity:0}}.fx-skull{position:absolute;left:50%;top:42%;width:46%;max-width:64px;transform:translate(-50%,-50%) scale(0);filter:drop-shadow(0 0 12px rgba(160,60,220,.9));animation:skull 1.4s ease-out forwards}@keyframes skull{0%,15%{transform:translate(-50%,-50%) scale(0);opacity:0}35%{transform:translate(-50%,-50%) scale(1.25);opacity:1}55%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-110%) scale(.9);opacity:0}}.fx-ember{position:absolute;width:5px;height:5px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff3c4,#ff9d3c 55%,transparent 70%);box-shadow:0 0 8px #ff8a2a;animation:ember-fly 1.1s ease-out forwards}@keyframes ember-fly{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.fx-exile .fx-card{animation:exile 1.25s ease-in forwards}@keyframes exile{0%{filter:none;opacity:1;transform:none}30%{filter:brightness(2.2) saturate(.3);box-shadow:0 0 40px #cfe8ff}to{filter:brightness(3) blur(6px);opacity:0;transform:translateY(-40px) scale(1.08)}}.fx-mana{position:fixed;transform:translate(-50%,-50%)}.fx-mana img{position:absolute;left:0;top:0;width:30px;height:30px;margin:-15px 0 0 -15px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.7)) drop-shadow(0 0 8px rgba(255,220,150,.6));animation:mana-rise 1.3s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * 70ms);opacity:0}@keyframes mana-rise{0%{opacity:0;transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 26px),10px) scale(.4)}18%{opacity:1;transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 26px),-6px) scale(1.25)}40%{transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 26px),-18px) scale(1)}to{opacity:0;transform:translate(calc((var(--i) - (var(--n) - 1) / 2) * 26px),-70px) scale(.9)}}.seat-me .plate-row .cmd-slot{width:calc(var(--hand-h) * .76 * .716);height:calc(var(--hand-h) * .76);margin:0 0 14px 6px;--cw: 160px}.seat-me .plate-row .cmd-slot .cmd-ribbon{font-size:13px;padding:2px 12px;bottom:-11px}.seat-me .plate-row .cmd-slot .cmd-tax{font-size:13px}.seat-me .plate-row .cmd-slot .cmd-cost img{width:18px;height:18px}.plate-row .cmd-slot:not(.seat-me *){width:72px;height:100px}.players-3 .seat-me .plate-row .cmd-slot,.players-4 .seat-me .plate-row .cmd-slot{width:84px;height:117px;margin:0}.seat-me{container-type:inline-size}.hand .hcard+.hcard,.players-3 .hand .hcard+.hcard,.players-4 .hand .hcard+.hcard{margin-left:min(calc(var(--hand-h) * -.28),calc((100cqw - 60px - var(--n) * var(--hand-h) * .716) / max(var(--n) - 1,1)))}.hand{max-width:100cqw}.hud-icon.on{color:#2a1706;background:var(--noise),linear-gradient(180deg,#f6d992,#c8963e)}.chronicle{position:fixed;top:64px;right:16px;z-index:125;width:330px;max-height:min(60vh,560px);display:flex;flex-direction:column;background:var(--parch-bg);color:var(--ink);border-radius:4px;box-shadow:0 0 0 3px #0d0703,0 0 0 5px #6b4526,0 24px 60px #000c,inset 0 0 40px #78501e59}.chronicle-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 4px 16px;border-bottom:1px solid rgba(90,65,40,.3)}.chronicle-head .display{font-size:20px;color:#3a220c}.chronicle-head .btn{color:#5a4128;padding:2px 8px;font-size:20px}.chronicle-body{overflow:auto;padding:8px 16px 14px;font-family:var(--serif);font-size:14.5px;line-height:1.4}.chronicle-turn{font-family:var(--caps);font-weight:700;font-size:12px;letter-spacing:.1em;color:var(--wine);margin:10px 0 4px;border-bottom:1px dotted rgba(125,34,40,.4)}.chronicle-line{padding:2px 0}.chronicle-line .c-card{color:#5b2a0c;cursor:help;border-bottom:1px dotted rgba(91,42,12,.5)}.chronicle-line .c-player{color:#2d3f5a}.chronicle-line.cat-Combat{color:#6d1a1f}.chronicle .muted{color:#6f5535;font-style:italic}.stops{padding:6px 8px 8px;border-top:1px solid var(--line);margin-top:4px}.stops-head{display:flex;justify-content:space-between;align-items:center;padding:4px 2px}.stops-reset{font-size:12px!important;padding:2px 8px!important;color:var(--muted)}.stops-grid{display:grid;grid-template-columns:1fr 48px 48px;row-gap:3px;align-items:center;font-size:14px}.stops-col{font-family:var(--caps);font-size:12px;font-weight:700;color:var(--brass-2);text-align:center}.stops-name{font-family:var(--caps);padding-left:2px}.stops-grid input{justify-self:center;width:16px;height:16px;accent-color:#c8963e}.stops-note{font-size:12px;color:var(--muted);font-style:italic;font-family:var(--serif);margin-top:6px}.hud-menu{max-height:calc(100vh - 90px);overflow:auto}.chronicle-all{display:flex;align-items:center;gap:5px;margin-left:auto;margin-right:6px;font-family:var(--caps);font-size:12px;color:#5a4128}.chronicle-all input{accent-color:#7d2228}.chronicle.big{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 90px)}.modal.mulligan{width:min(1180px,calc(100vw - 32px))}.mull-hand{flex-wrap:nowrap;gap:10px}.mull-card{width:min(140px,calc((min(1180px,100vw - 32px) - 44px - 60px) / 7));height:auto;aspect-ratio:488 / 680;flex:none}.mull-card .card-face{height:100%}.opp-hand{height:96px;padding-right:36px}.opp-back{width:62px;height:86px;margin-left:-40px}.players-3 .opp-back,.players-4 .opp-back{width:52px;height:72px;margin-left:-34px}.players-3 .opp-hand,.players-4 .opp-hand{height:80px}.opp-hand-count{font-size:16px;padding:3px 10px}.opp-hand{margin-left:22px}.seat-me .seat-mat{box-shadow:0 0 0 2px #0d0703,0 0 0 4px #e8b85a,0 0 34px #ffaa3c73,inset 0 0 40px #000c}.you-pill{font-family:var(--caps);font-size:11px;font-weight:800;letter-spacing:.08em;padding:1px 7px;border-radius:6px;color:#2a1706;background:var(--noise),linear-gradient(180deg,#f6d992,#c8963e);border:1px solid #3b2208}.plate.me{box-shadow:0 0 0 2px #e8b85a,0 0 22px #ffaa3c73,0 8px 20px #0009}.stops-bluff{display:flex;gap:8px;align-items:center;margin-top:8px;font-family:var(--caps);font-size:13.5px;cursor:pointer}.stops-bluff input{accent-color:#c8963e}.players-2 .seat:not(.seat-me) .plate-row{position:absolute;left:18px;top:16px;z-index:60;padding:0;display:grid;grid-template-columns:auto auto;grid-template-areas:"plate hand" "cmd .";gap:10px 0;align-items:center;justify-items:start}.players-2 .seat:not(.seat-me) .plate-row .plate{grid-area:plate}.players-2 .seat:not(.seat-me) .plate-row .opp-hand{grid-area:hand}.players-2 .seat:not(.seat-me) .plate-row .cmd-slot{grid-area:cmd;width:96px;height:134px;margin-left:6px}.opp-held{--oh: calc(var(--hand-h) * .7);position:absolute;left:50%;top:calc(var(--oh) * -.5);z-index:40;pointer-events:none;display:flex;justify-content:center;transform:translate(-50%) rotate(180deg)}.opp-held-card{width:calc(var(--oh) * .716);height:var(--oh);flex:none}.opp-held-card+.opp-held-card{margin-left:min(calc(var(--oh) * -.3),calc((60cqw - var(--n) * var(--oh) * .716) / max(var(--n) - 1,1)))}.opp-held-card .card-face{transform:translateY(var(--lift)) rotate(var(--rot));transform-origin:50% 120%;box-shadow:0 6px 14px #0009!important;border-radius:5%}.opp-held-count{position:absolute;left:50%;top:-8px;transform:translate(-50%) rotate(180deg);font-family:var(--caps);font-weight:800;font-size:15px;padding:1px 10px;border-radius:12px;background:var(--leather-bg);border:2px solid var(--brass);color:var(--text);box-shadow:0 2px 6px #0009}.players-2 .seat:not(.seat-me){container-type:inline-size;overflow:clip}.players-2 .seat:not(.seat-me) .field{padding-top:calc(var(--hand-h) * .38)}.trigger-order{width:min(720px,calc(100vw - 32px))}.to-list{display:flex;flex-direction:column;gap:8px}.to-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:6px;background:#ffffff47;border:1px solid rgba(90,65,40,.3)}.to-num{font-family:var(--display);font-size:22px;color:var(--wine);width:22px;text-align:center}.to-thumb{width:60px;height:84px;flex:none;--cw: 60px;cursor:help}.to-text{flex:1;font-family:var(--serif);font-size:15px;line-height:1.35;color:var(--ink)}.to-text b{font-family:var(--display);font-weight:400;font-size:17px}.to-moves{display:flex;flex-direction:column;gap:4px}.to-moves .btn{padding:4px 10px;font-size:12px}.opp-held{--oh: var(--hand-h);top:calc(var(--hand-h) * -.62)}.players-2 .seat:not(.seat-me) .plate-row .cmd-slot{width:calc(var(--hand-h) * .76 * .716);height:calc(var(--hand-h) * .76)}.players-2 .seat:not(.seat-me) .field{padding-top:calc(var(--hand-h) * .38 + 6px)}.players-3 .seat:not(.seat-me),.players-4 .seat:not(.seat-me){container-type:inline-size;overflow:clip}.players-3 .seat .plate-row,.players-4 .seat .plate-row{position:absolute;z-index:60;padding:0;display:flex;gap:8px;inset:auto}.players-4 .slot-tl .plate-row,.players-3 .slot-tl .plate-row{right:14px;bottom:12px;flex-direction:column-reverse;align-items:flex-end}.players-4 .slot-tr .plate-row,.players-3 .slot-tr .plate-row{left:14px;bottom:12px;flex-direction:column-reverse;align-items:flex-start}.players-4 .slot-bl .plate-row{right:14px;top:12px;flex-direction:column;align-items:flex-end}.players-4 .slot-br .plate-row{left:14px;top:12px;flex-direction:column;align-items:flex-start}.players-3 .slot-bottom .plate-row{left:50%;transform:translate(-50%);top:12px;flex-direction:column;align-items:center}.players-3 .seat .plate-row .cmd-slot,.players-4 .seat .plate-row .cmd-slot{width:72px;height:100px;margin:0}.players-3 .opp-held,.players-4 .opp-held{--oh: var(--hand-h);max-width:70cqw}.players-4 .slot-br .opp-held{top:auto;bottom:calc(var(--oh) * -.62);transform:translate(-50%)}.players-3 .seat:not(.seat-me) .field,.players-4 .seat:not(.seat-me) .field{padding-top:calc(var(--hand-h) * .38 + 4px);padding-bottom:8px}.players-4 .slot-br .field{padding-top:8px;padding-bottom:calc(var(--hand-h) * .38 + 4px)}.players-3 .seat-me .field,.players-4 .seat-me .field{padding-top:8px}.named-choice{width:min(640px,calc(100vw - 32px))}.named-list{display:flex;flex-wrap:wrap;gap:8px;max-height:52vh;overflow:auto;padding:2px}.named-opt{display:inline-flex;align-items:center;gap:8px}.named-count{font-size:11px;font-weight:800;padding:0 6px;border-radius:8px;background:#00000059;color:var(--brass-2)}.preview.spotlight-frame,.spotlight{position:fixed;left:22px;top:50%;translate:0 -50%;margin-top:0;width:300px;--cw: 300px;z-index:190;padding:10px;border-radius:18px;background:var(--leather-bg);border:1px solid #0d0703;box-shadow:0 0 0 3px #6b4526,0 30px 70px #000c,0 0 50px #ff963233}.preview.spotlight-frame .card-face,.spotlight .card-face{height:auto;aspect-ratio:488 / 680;border-radius:12px;box-shadow:none}.preview.spotlight-frame .spot-head{font-family:var(--caps);font-size:14px}.avatar-wrap{width:76px;height:76px;margin-bottom:18px}.plate .avatar-wrap .avatar{width:76px;height:76px}.plate .life{bottom:-20px;min-width:62px;padding:2px 10px 3px;font-size:30px;line-height:1.05;font-weight:400;border-width:3px;border-radius:8px 8px 18px 18px;box-shadow:0 4px 10px #000000b3,inset 0 1px #fffadcb3}.plate .life.low{background:var(--noise),linear-gradient(180deg,#ffc27a,#e0782a 60%,#a84f14);color:#2a0f02}.plate .life.critical{background:var(--noise),linear-gradient(180deg,#ff8a7a,#c8302a 60%,#7a1414);color:#fff2ee;text-shadow:0 1px 2px rgba(0,0,0,.7);animation:life-danger 1s ease-in-out infinite}@keyframes life-danger{50%{box-shadow:0 0 0 3px #ff503c80,0 0 26px #ff3c28cc}}.plate{padding-bottom:8px}.combat-lines{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:100;overflow:visible}.cl path{fill:none;stroke-linecap:round}.cl-glow{stroke-width:10;opacity:.28;filter:blur(3px)}.cl-line{stroke-width:3.5;stroke-dasharray:10 8;animation:cl-march .6s linear infinite}.cl-attack .cl-glow,.cl-attack .cl-line{stroke:#ff6a4d}.cl-block .cl-glow,.cl-block .cl-line{stroke:#9fd0f0}@keyframes cl-march{to{stroke-dashoffset:-18}}.fx-dmg{position:fixed;transform:translate(-50%,-50%);z-index:160;pointer-events:none;opacity:0;font-family:var(--display);font-size:34px;color:#fff;text-shadow:0 0 6px #b0100c,0 2px 0 #3b0806,0 0 18px rgba(255,60,40,.9);animation:dmg-pop 1.3s cubic-bezier(.2,.8,.3,1) forwards}.fx-dmg.face{font-size:48px}@keyframes dmg-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1;transform:translate(-50%,-80%) scale(1.35)}35%{transform:translate(-50%,-90%) scale(1)}to{opacity:0;transform:translate(-50%,-190%) scale(.95)}}.fx-impact{position:fixed;width:192px;height:192px;margin:-96px 0 0 -96px;z-index:155;pointer-events:none;opacity:0;background:url(/tiny/explosion.png) 0 0 / 1728px 192px no-repeat;image-rendering:pixelated;animation:explode .6s steps(9) forwards,impact-show .6s linear forwards}@keyframes impact-show{0%{opacity:1}99%{opacity:1}to{opacity:0}}.fx-death .fx-card,.fx-exile .fx-card{animation-delay:var(--delay, 0ms)}.fx-death .fx-card.swings{animation:death-swing .42s cubic-bezier(.3,.7,.3,1) calc(var(--delay, 0ms) - .4s) both,death 1.4s cubic-bezier(.4,0,.2,1) var(--delay, 0ms) forwards}@keyframes death-swing{0%{transform:none}55%{transform:translate(var(--ldx),var(--ldy)) scale(1.1)}to{transform:none}}.fx-death .fx-skull-sprite{animation-delay:var(--delay, 0ms)}.fx-death .fx-skull-sprite{opacity:0;animation:dead-frames 1.3s steps(14) var(--delay, 0ms) forwards,fx-appear 1ms linear var(--delay, 0ms) forwards}@keyframes fx-appear{to{opacity:1}}.modal.one-row{width:min(1240px,calc(100vw - 32px))}.choice-grid.one-row{flex-wrap:nowrap}.choice-grid.one-row .choice{width:min(150px,calc((min(1240px,100vw - 32px) - 48px - (var(--n) - 1) * 12px) / var(--n)));height:auto;aspect-ratio:488 / 680;flex:none}.choice-grid.one-row .choice .card-face{height:100%}.avatar-wrap{margin-bottom:0}.plate{padding-bottom:4px}.plate .avatar-wrap .avatar:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(10,5,2,.72) 0 34%,rgba(10,5,2,.25) 62%,transparent 72%)}.plate .life{top:50%;left:50%;bottom:auto;transform:none;translate:-50% -50%;min-width:0;padding:0;background:none!important;border:none;border-radius:0;box-shadow:none;font-family:var(--display);font-size:34px;line-height:1;color:#fff4d6;letter-spacing:0;text-shadow:0 0 2px #000,0 2px 0 #1a0d04,0 0 14px rgba(0,0,0,.9),0 0 22px rgba(255,190,90,.35);animation:none}.plate .life.low{color:#ffc27a;text-shadow:0 0 2px #000,0 2px 0 #1a0d04,0 0 16px rgba(255,140,40,.8)}.plate .life.critical{color:#ff7a6b;text-shadow:0 0 2px #000,0 2px 0 #1a0d04,0 0 18px rgba(255,60,40,1);animation:life-danger-text 1s ease-in-out infinite}@keyframes life-danger-text{50%{color:#fff;text-shadow:0 0 2px #000,0 0 26px rgba(255,60,40,1)}}.plate .avatar-wrap .avatar{position:relative}.card-back{background:#1a1208 var(--card-back, url(/card-back.jpg)) center / cover no-repeat!important}.card-back{background:#1a1208 var(--card-back, url(/card-back.jpg)) center / cover no-repeat!important}body,button,a,input,.btn,.hcard,.bcard{cursor:url(/tiny/cursor-arrow.png) 1 1,auto}input,textarea{cursor:text}.m-target,.m-target *,.plate.m-target,.plate.m-target *{cursor:url(/tiny/reticle-trim.png) 29 29,crosshair!important}.bcard.m-target .bcard-inner:after,.cmd-slot.m-target .cmd-card:after,.plate.m-target .avatar-wrap:after{content:"";position:absolute;inset:-10px;pointer-events:none;z-index:6;border:20px solid transparent;border-image:url(/tiny/reticle-trim.png) 20 / 20px stretch;image-rendering:pixelated;animation:reticle 1s ease-in-out infinite}.plate.m-target .avatar-wrap:after{inset:-14px}@keyframes reticle{0%,to{transform:scale(1.04);opacity:.95}50%{transform:scale(.96);opacity:1}}.cmd-ribbon,.fallen-banner{background:none!important;border:0 solid transparent!important;box-shadow:none!important;image-rendering:pixelated;border-image:url(/tiny/ribbon-yellow.png) 0 64 fill / 0 22px stretch!important;text-shadow:0 1px 0 rgba(255,245,210,.6);color:#3b2208!important}.cmd-ribbon{padding:3px 26px 7px!important;filter:drop-shadow(0 3px 3px rgba(0,0,0,.6))}.cmd-slot.castable .cmd-ribbon{border-image-source:url(/tiny/ribbon-blue.png)!important;color:#eef6ff!important;text-shadow:0 1px 2px rgba(0,0,0,.6)}.fallen-banner{border-image-source:url(/tiny/ribbon-red.png)!important;border-image-width:0 64px!important;padding:18px 90px 26px!important;color:#fbe6d4!important;text-shadow:0 2px 3px rgba(0,0,0,.7);display:flex;align-items:center;gap:14px;filter:drop-shadow(0 16px 30px rgba(0,0,0,.8))}.fx-skull-sprite{position:absolute;left:50%;top:45%;width:128px;height:128px;margin:-64px 0 0 -64px;transform:scale(var(--s, .8));background:url(/tiny/dead-strip.png) 0 0 / 1792px 128px no-repeat;image-rendering:pixelated;animation:dead-frames 1.3s steps(14) forwards}@keyframes dead-frames{0%{background-position:0 0}to{background-position:-1792px 0}}.fx-death{--s: .75}.fx-explosion{position:absolute;left:50%;top:50%;width:192px;height:192px;margin:-96px 0 0 -96px;z-index:5;pointer-events:none;transform:scale(.55);background:url(/tiny/explosion.png) 0 0 / 1728px 192px no-repeat;image-rendering:pixelated;animation:explode .6s steps(9) forwards}@keyframes explode{0%{background-position:0 0}to{background-position:-1728px 0}}.fx-fire{display:inline-block;width:64px;height:64px;flex:none;background:url(/tiny/fire.png) 0 0 / 448px 64px no-repeat;image-rendering:pixelated;animation:fire .7s steps(7) infinite}.fx-fire.right{animation-delay:-.35s}@keyframes fire{0%{background-position:0 0}to{background-position:-448px 0}}.plane{position:absolute;inset:0;display:flex;flex-direction:column;padding:inherit}.plane .seat-mat{z-index:0}.plane .field{position:relative;z-index:1}.arena-face{--fr: #8a8f99;--fr2: #4d525c;position:relative;overflow:hidden;background:linear-gradient(160deg,var(--fr),var(--fr2));border-radius:7%/5%;padding:5%;box-sizing:border-box}.arena-face.f-W{--fr: #f3ead0;--fr2: #b9a879}.arena-face.f-U{--fr: #5aa7e0;--fr2: #1f4f86}.arena-face.f-B{--fr: #6c6477;--fr2: #221d28}.arena-face.f-R{--fr: #e86a45;--fr2: #8a2415}.arena-face.f-G{--fr: #5fae63;--fr2: #1f5a2b}.arena-face.f-M{--fr: #f0cd6b;--fr2: #9b6b1e}.arena-face.f-A{--fr: #b8c3cc;--fr2: #5d6b76}.arena-face.f-L{--fr: #b39a7a;--fr2: #5a4632}.arena-face.f-C{--fr: #a9a9b3;--fr2: #55555e}.af-art{position:absolute;inset:5%;border-radius:5%/3.5%;background:#222 center 30% / cover no-repeat;box-shadow:inset 0 0 0 1px #0000008c,inset 0 -30px 30px -18px #0000008c}.af-name{position:absolute;left:5%;right:5%;top:5%;padding:3% 5% 2.5%;background:linear-gradient(180deg,#140e08eb,#140e08b8);border-bottom:1px solid color-mix(in srgb,var(--fr) 70%,transparent);border-radius:5%/30% 5% 0 0;color:#f7ecd4;font-family:var(--caps, serif);font-size:max(7px,calc(var(--cw) * .095));line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px #000}.af-name span{display:block;overflow:hidden;text-overflow:ellipsis}.players-3 .af-name,.players-4 .af-name{font-size:max(6px,calc(var(--cw) * .1))}.bcard .pt{right:auto;left:50%;bottom:-6px;transform:translate(-50%);min-width:calc(var(--cw) * .46);padding:1px 6px;border-radius:7px;font-size:max(10px,calc(var(--cw) * .16));background:linear-gradient(180deg,#fbf6ea,#d8ccb0);color:#1d140a;border:1.5px solid #2a1d10;box-shadow:0 2px 6px #000000b3,inset 0 1px #fff;z-index:3}.bcard .pt.up{background:linear-gradient(180deg,#e3ffd0,#8fd66a)}.bcard .pt.down{background:linear-gradient(180deg,#ffd3cc,#e0685a)}.bcard .loyalty{right:auto;left:50%;bottom:-10px;transform:translate(-50%);width:calc(var(--cw) * .42);min-width:26px;height:calc(var(--cw) * .44);min-height:26px;padding:0;display:grid;place-items:center;font-size:max(12px,calc(var(--cw) * .2));font-weight:800;color:#fff;background:linear-gradient(180deg,#3b3a4a,#121019);border:2px solid #d9b25c;border-radius:20% 20% 50% 50%/15% 15% 60% 60%;box-shadow:0 3px 10px #000000bf,0 0 12px #d9b25c8c,inset 0 1px #ffffff40;text-shadow:0 1px 2px #000;z-index:3}.bcard.pw .arena-face{box-shadow:0 0 0 1px #000,0 0 0 2.5px #d9b25c,0 0 18px #d9b25c73,0 6px 16px #0009}.bcard.pw .arena-face:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 40% at 50% 100%,rgba(255,215,130,.28),transparent 70%);animation:pw-breathe 3.2s ease-in-out infinite}@keyframes pw-breathe{50%{opacity:.35}}.kws{position:absolute;left:-5px;bottom:calc(var(--cw) * .2);display:flex;flex-direction:column-reverse;gap:2px;z-index:3}.kw{width:max(15px,calc(var(--cw) * .22));height:max(15px,calc(var(--cw) * .22));display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3a2a,#140d07);border:1.5px solid #c9a55a;box-shadow:0 2px 5px #000000b3}.kw svg{width:68%;height:68%;fill:#f6e7c4;stroke:#f6e7c4;stroke-width:.6;stroke-linejoin:round}.kw-Defender svg{fill:none;stroke-width:1.8}.kw-Infect svg{stroke-width:1.6}.kw.kw-ward{border-color:#7fd4ff;background:radial-gradient(circle at 35% 30%,#214766,#07121d)}.kw.kw-ward svg{fill:#cdeeff;stroke:#cdeeff}.kw-Deathtouch{border-color:#9be36a}.kw-Lifelink{border-color:#ffe9a8}.kw-Haste{border-color:#ff8a4c}.aura-fx{position:absolute;inset:-4px;pointer-events:none;border-radius:9%/6.5%;z-index:2}.aura-hexproof .aura-fx{box-shadow:0 0 0 1.5px #78e6ffbf,0 0 16px #50c8ff8c;background:linear-gradient(115deg,transparent 35%,rgba(170,240,255,.45) 50%,transparent 65%) no-repeat,repeating-linear-gradient(60deg,rgba(140,230,255,.13) 0 1px,transparent 1px 9px),repeating-linear-gradient(-60deg,rgba(140,230,255,.13) 0 1px,transparent 1px 9px);background-size:250% 100%,auto,auto;animation:aura-sweep 3.4s ease-in-out infinite,aura-pulse 2.4s ease-in-out infinite}.aura-ward .aura-fx{box-shadow:0 0 0 1.5px #be8cffcc,0 0 18px #a064ff8c}.aura-ward .aura-fx:before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--a, 0deg),transparent 0 70%,rgba(220,180,255,.95) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:aura-spin 2.6s linear infinite}.aura-protection .aura-fx{box-shadow:0 0 0 1.5px #ffdc78d9,0 0 20px #ffc85a8c;background:linear-gradient(100deg,transparent 38%,rgba(255,240,190,.55) 50%,transparent 62%) no-repeat;background-size:260% 100%;animation:aura-sweep 2.8s ease-in-out infinite}.aura-indestructible .aura-fx{box-shadow:0 0 0 1.5px #d2dcebd9,0 0 12px #c8d7f073;background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.6) 50%,transparent 58%) no-repeat;background-size:300% 100%;animation:aura-sweep 4s ease-in-out infinite}.aura-hexproof.aura-ward .aura-fx{box-shadow:0 0 0 1.5px #78e6ffbf,0 0 0 3px #be8cff99,0 0 18px #8ca0ff8c}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes aura-spin{to{--a: 360deg}}@keyframes aura-sweep{0%{background-position:130% 0,0 0,0 0}60%,to{background-position:-30% 0,0 0,0 0}}@keyframes aura-pulse{50%{opacity:.6}}.bcard.arriving,.hcard.arriving{opacity:0}.pile.arriving-pulse{animation:pile-pulse .35s ease-out}@keyframes pile-pulse{40%{transform:scale(1.15);filter:brightness(1.5)}}.fx-ghost{position:absolute;transform-origin:50% 50%;transform-style:preserve-3d;will-change:transform,opacity;pointer-events:none}.fx-cast-face,.fx-cast-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:5%/3.6%;overflow:hidden;box-shadow:0 0 0 1px #0009,0 16px 30px #0000008c}.fx-cast-face img,.fx-cast-face .card-face{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;box-shadow:none}.fx-cast-back{transform:rotateY(180deg);background:var(--fly-back, url(/card-back.jpg)) center / cover}.particles{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:158}@media(prefers-reduced-motion:reduce){.aura-fx,.aura-fx:before,.bcard.pw .arena-face:after{animation:none!important}}.seat{--ch: calc(var(--cw) * 1.395)}.players-2 .seat{--cw: clamp(50px, min(8.8vh, 5.8vw), 108px)}.players-3 .seat,.players-4 .seat{--cw: clamp(38px, min(6.2vh, 3.9vw), 76px)}.players-2 .plane .field{padding-left:calc(var(--hand-h, 180px) * .55 + 10px)}.mana-choices{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mana-choice{display:inline-flex;align-items:center;gap:3px;padding:6px;border-radius:999px;cursor:pointer;background:radial-gradient(circle at 35% 30%,#4a3320,#1a0f07);border:1.5px solid #c9a55a;box-shadow:0 3px 8px #0009;transition:transform .12s,box-shadow .12s}.mana-choice img{display:block;border-radius:50%;box-shadow:0 1px 3px #0009}.mana-choice.combo{padding:5px 9px}.mana-choice:hover:not(:disabled){transform:translateY(-3px) scale(1.08);box-shadow:0 6px 14px #0009,0 0 16px #ffc86e99}.mana-choice:disabled{opacity:.4;cursor:default}.mana-picks{display:flex;gap:6px}.mana-slot{width:28px;height:28px;border-radius:50%;border:1.5px dashed rgba(240,205,130,.5);display:grid;place-items:center;cursor:pointer}.mana-slot.on{border-style:solid;border-color:#f0cd82}.table-piles{position:absolute;z-index:2;display:flex;gap:calc(var(--cw) * .14);align-items:flex-start;pointer-events:none}.tpile{position:relative;pointer-events:auto;border:0;background:none;padding:0;cursor:pointer;transition:transform .15s ease}.tpile:hover{transform:translateY(-3px)}.apile{--pw: calc(var(--cw) * .78);--ph: calc(var(--pw) * 1.395);position:relative;width:var(--pw);height:calc(var(--ph) + var(--thick))}.apile-edge{position:absolute;left:0;right:0;top:calc(var(--ph) - 8px);height:calc(var(--thick) + 8px);border-radius:0 0 6px 6px;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 18%,transparent 82%,rgba(0,0,0,.45)),repeating-linear-gradient(180deg,#3b3833 0 1px,#151411 1px 2.2px);box-shadow:0 0 0 1px #050403,3px 10px 14px #000000b3}.apile.graveyard .apile-edge{background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 18%,transparent 82%,rgba(0,0,0,.45)),repeating-linear-gradient(180deg,#4a4550 0 1px,#1a1820 1px 2.4px)}.pile-top{position:absolute;left:0;top:0;width:var(--pw);height:var(--ph);--cw: var(--pw);border-radius:5%/3.6%;overflow:hidden;box-shadow:0 0 0 1px #000000d9,inset 0 1px #ffffff2e}.apile.empty .pile-top{box-shadow:none;border:1.5px dashed rgba(240,205,130,.35);background:#00000040}.pile-top .card-face{width:100%;height:100%;border-radius:0;box-shadow:none}.pile-top img.card-face{object-fit:cover}.apile.library .pile-top:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%)}.pile-empty{width:100%;height:100%;display:grid;place-items:center;color:#f0cd8299}.pile-empty svg{width:40%;height:40%}.tpile-n{position:absolute;left:50%;bottom:-9px;translate:-50% 0;z-index:5;min-width:24px;padding:0 6px;border-radius:999px;background:#0a0806eb;border:1px solid rgba(240,205,130,.5);color:#f6e7c4;font:700 11px/1.45 var(--caps, serif);text-align:center;box-shadow:0 2px 6px #0009}.players-2 .slot-top .table-piles{top:70px;right:26px}.players-2 .slot-bottom .table-piles{bottom:calc(var(--hand-h) + 34px);right:26px}.slot-tl .table-piles{top:14px;left:18px}.slot-tr .table-piles{top:70px;right:18px}.slot-bl .table-piles{top:14px;left:18px}.slot-br .table-piles{bottom:18px;left:18px}.players-3 .slot-bottom .table-piles{top:14px;left:18px}.seat{--dir: -1}.slot-top,.slot-tl,.slot-tr{--dir: 1}.bcard{transition:width .22s ease,translate .38s cubic-bezier(.2,.8,.2,1)}.bcard.c-attack,.bcard.c-block{translate:var(--bx, 0px) calc(var(--ch) * .5 * var(--dir));z-index:30}.bcard.c-block{translate:var(--bx, 0px) calc(var(--ch) * .38 * var(--dir))}.seat:has(.c-attack),.seat:has(.c-block){z-index:3}.seat-me .m-attacking .bcard-inner,.seat-me .bcard.tapped.m-attacking .bcard-inner{translate:none}.seat-me .bcard.m-attacking:not(.tapped) .bcard-inner{transform:none}.seat-me .bcard.tapped.m-attacking .bcard-inner{transform:rotate(90deg)}.bcard.stacked .bcard-inner{box-shadow:-4px -4px 0 -1px #1d1a17,-4px -4px #8c8373,0 8px 14px #0000008c;border-radius:7%/5%}.bcard.stacked-3 .bcard-inner{box-shadow:-4px -4px 0 -1px #1d1a17,-4px -4px #8c8373,-8px -8px 0 -1px #171512,-8px -8px #6d6556,0 8px 14px #0000008c}.bcard .stack-count{position:absolute;inset:-14px auto auto -12px;z-index:6;padding:0 6px;border-radius:5px;background:#0d0b09;color:#fff;border:1px solid rgba(255,255,255,.35);font:800 11px/1.5 var(--caps, sans-serif);letter-spacing:.02em;box-shadow:0 2px 5px #000000b3}.bcard.stacked{margin-left:8px}.bcard.tapped .card-face{filter:brightness(.72) saturate(.8);transition:filter .25s}.style-toggle{display:inline-flex;padding:2px;border-radius:999px;background:#00000073;border:1px solid rgba(240,205,130,.35)}.style-toggle button{border:0;background:none;color:#d9c7a0;font:700 12px/1 var(--caps, serif);padding:6px 12px;border-radius:999px;cursor:pointer}.style-toggle button.on{background:linear-gradient(180deg,#f0cd82,#b8863a);color:#2a1706;box-shadow:0 1px 4px #00000080}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px}.home-style{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.af-art{background-position:center 35%}.af-type{position:absolute;left:5%;right:5%;bottom:17%;padding:2% 5%;background:linear-gradient(180deg,#140e08c7,#140e08e6);border-top:1px solid color-mix(in srgb,var(--fr) 70%,transparent);color:#e9dcc0;font-family:var(--caps, serif);font-size:max(6px,calc(var(--cw) * .075));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px #000}.players-3 .af-type,.players-4 .af-type,.no-auras .aura-fx{display:none}.reduced-motion .bcard,.reduced-motion .bcard-inner{transition-duration:.01s!important}.reduced-motion .aura-fx,.reduced-motion .aura-fx:before,.reduced-motion .bcard.pw .arena-face:after{animation:none!important}.preview,.preview.spotlight-frame,.spotlight{width:var(--preview-w, 300px);--cw: var(--preview-w, 300px)}.players-2{--hand-h: calc(clamp(170px, 26vh, 270px) * var(--hand-scale, 1))}.players-3,.players-4{--hand-h: calc(clamp(140px, 20vh, 210px) * var(--hand-scale, 1))}.players-2 .slot-top .table-piles{inset:auto auto 14px 18px}.players-2 .slot-bottom .table-piles{inset:16px auto auto 18px}.plate-side{display:flex;gap:10px;align-items:flex-end}.plate-side .table-piles{position:static;inset:auto;gap:8px}.plate-side .apile{--pw: 58px}.plate-side .tpile-n{font-size:10px;min-width:20px}.slot-tr .plate-side,.slot-br .plate-side{flex-direction:row-reverse}.slot-bl .plate-side,.slot-br .plate-side,.players-3 .slot-bottom .plate-side{align-items:flex-start}.plate-line{display:flex;align-items:center;gap:10px}.plate-line .table-piles{position:static;inset:auto;gap:6px}.plate-line .apile{--pw: 40px}.plate-line .tpile-n{font-size:10px;min-width:20px;bottom:-7px}.slot-tr .plate-line,.slot-br .plate-line{flex-direction:row-reverse}.bcard-inner img.card-face{object-fit:contain;background:transparent}