:root{--ink: #14110d;--ink-soft: #2a241c;--void: #0b0d12;--void-soft: #141824;--parchment-1: #efe4cc;--parchment-2: #e3d4b3;--parchment-3: #d2bd91;--gild: #b8860b;--gild-bright: #e6b84d;--air: #6fa8c7;--earth: #7a8c4a;--fire: #b4452f;--water: #36607e;--beat: .32s;--dwell: .7s;--transition: .18s ease;--frame: 1px solid color-mix(in srgb, var(--gild) 55%, var(--ink));--display: "Cinzel", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--display-orn: "Cinzel Decorative", "Cinzel", "Book Antiqua", Georgia, serif;--body: "EB Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:#0c0a08}body{font-family:var(--body);color:var(--parchment-1);background:var(--grain) fixed,radial-gradient(90% 70% at 50% -8%,#2a2013 0%,transparent 55%) fixed,radial-gradient(140% 120% at 50% 115%,#05060a 0%,transparent 60%) fixed,linear-gradient(180deg,#17130c,#0c0a08 55%,#080709) fixed}.app{display:grid;grid-template-columns:1fr 19rem;grid-template-rows:auto 1fr;grid-template-areas:"head head" "stage tomo";gap:.75rem;height:100%;padding:.75rem 1rem}.app__head{grid-area:head;display:flex;align-items:baseline;gap:1rem;padding-bottom:.35rem;border-bottom:1px solid color-mix(in srgb,var(--gild) 30%,transparent)}.app__title{font-family:var(--display-orn);font-weight:700;letter-spacing:.08em;color:var(--gild-bright);margin:0;font-size:1.4rem;text-shadow:0 0 18px color-mix(in srgb,var(--gild) 45%,transparent),0 1px 1px #000}.app__phase{font-variant:small-caps;letter-spacing:.16em;color:var(--parchment-3);border:1px solid color-mix(in srgb,var(--gild) 35%,transparent);border-radius:999px;padding:.05rem .7rem}.app__turn{margin-left:auto;font-variant:small-caps;color:var(--parchment-2)}.stage{grid-area:stage;display:flex;flex-direction:column;gap:.6rem;min-width:0;padding-bottom:7rem}.station{display:flex;align-items:center;gap:.9rem;padding:.4rem .9rem;border:var(--frame);border-radius:.5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-soft) 85%,transparent),color-mix(in srgb,var(--ink) 60%,transparent));box-shadow:inset 0 1px color-mix(in srgb,var(--gild) 18%,transparent)}.station--active{box-shadow:0 0 0 1px var(--gild-bright),0 0 22px -6px var(--gild-bright),inset 0 1px color-mix(in srgb,var(--gild) 30%,transparent)}.station--death{filter:grayscale(.6) brightness(.7)}.station__portrait{width:3.2rem;height:3.2rem;border-radius:50%;overflow:hidden;flex-shrink:0;display:grid;place-items:center;font-family:var(--display);font-size:1.4rem;color:var(--ink);background:radial-gradient(circle at 40% 35%,var(--parchment-1),var(--parchment-3));border:2px solid color-mix(in srgb,var(--gild) 80%,var(--ink));box-shadow:0 0 0 1px var(--ink),0 2px 10px -3px #000}.station__portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.station__name{font-family:var(--display);letter-spacing:.06em}.station__stats{display:flex;gap:.8rem;align-items:center;margin-left:auto}.life{font-variant:small-caps;font-size:1.05rem}.life__val{font-family:var(--display);font-size:1.5rem;color:var(--fire);font-weight:700;text-shadow:0 0 12px color-mix(in srgb,var(--fire) 50%,transparent)}.mana{font-variant:small-caps;font-size:1.05rem;color:var(--gild-bright)}.affinity{display:flex;gap:.25rem}.pip{width:1.1rem;height:1.1rem;border-radius:50%;display:grid;place-items:center;font-size:.7rem;color:#fff;opacity:.9;box-shadow:inset 0 -2px 4px #00000059}.pip--AIR{background:var(--air)}.pip--EARTH{background:var(--earth)}.pip--FIRE{background:var(--fire)}.pip--WATER{background:var(--water)}.pip--0{opacity:.15}.counts{font-variant:small-caps;color:var(--parchment-3);font-size:.85rem}.mat{display:flex;flex-direction:column;gap:.35rem;padding:.6rem .8rem;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--gild) 55%,var(--ink));outline:1px solid color-mix(in srgb,var(--gild) 18%,transparent);outline-offset:3px;background:var(--grain),radial-gradient(1.5px 1.5px at 12% 22%,rgb(255 255 255 / 55%),transparent),radial-gradient(1px 1px at 33% 68%,rgb(255 255 255 / 45%),transparent),radial-gradient(1.5px 1.5px at 57% 15%,rgb(255 255 255 / 50%),transparent),radial-gradient(1px 1px at 72% 82%,rgb(255 255 255 / 40%),transparent),radial-gradient(1.5px 1.5px at 88% 38%,rgb(255 255 255 / 50%),transparent),radial-gradient(1px 1px at 45% 45%,rgb(255 255 255 / 35%),transparent),radial-gradient(60% 55% at 18% 28%,rgb(142 62 92 / 32%),transparent 70%),radial-gradient(55% 45% at 82% 18%,rgb(64 84 168 / 38%),transparent 70%),radial-gradient(70% 60% at 60% 78%,rgb(92 52 142 / 32%),transparent 70%),radial-gradient(45% 35% at 35% 85%,rgb(182 84 62 / 22%),transparent 70%),radial-gradient(50% 40% at 50% 45%,rgb(120 130 150 / 14%),transparent 70%),linear-gradient(160deg,#121527,#0a0c16 60%,#070811);box-shadow:0 16px 48px -18px #000,inset 0 0 80px -30px #000}.realm{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:0;padding:0;width:min(100%,calc((100vh - 24rem)*1.746));min-width:30rem;height:auto;aspect-ratio:6.985 / 4;margin-inline:auto;border:1px solid color-mix(in srgb,var(--gild) 58%,#000);border-radius:.6rem;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gild) 32%,transparent),inset 0 30px 60px -55px #ffffff4d,inset 0 0 95px -22px #000,0 0 0 3px color-mix(in srgb,var(--gild) 20%,transparent),0 20px 48px -20px #000}.sq{position:relative;padding:.28rem;border:0;border-right:1px solid rgb(255 255 255 / 34%);border-bottom:1px solid rgb(255 255 255 / 34%);background:#ffffff08;color:var(--parchment-2);overflow:hidden}.sq:nth-child(5n){border-right:0}.sq:nth-child(n+16){border-bottom:0}.sq:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.sq__art{position:absolute;top:50%;left:50%;width:55%;height:107.5%;transform:translate(-50%,-50%) rotate(90deg);object-fit:cover;z-index:0;border-radius:.35rem;box-shadow:0 4px 14px -4px #000,0 0 0 1px color-mix(in srgb,var(--gild) 40%,transparent);transition:transform .18s ease}.sq__art--foe{transform:translate(-50%,-50%) rotate(270deg)}.sq--hasSite{border-color:color-mix(in srgb,var(--gild) 55%,transparent)}.sq--rubble{background:repeating-linear-gradient(45deg,#4a4136,#4a4136 5px,#3a332a 5px,#3a332a 10px)}.sq__n{position:absolute;top:2px;right:5px;z-index:2;font-size:.62rem;font-weight:700;font-variant:tabular-nums;color:#ffffff8c;text-shadow:0 1px 2px #000;pointer-events:none}.sq__site{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:.1rem .3rem;font-variant:small-caps;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--parchment-1);text-shadow:0 1px 2px #000;border-top:1px solid color-mix(in srgb,var(--gild) 45%,transparent)}.sq__site--P1{box-shadow:inset 3px 0 0 var(--fire)}.sq__site--P2{box-shadow:inset 3px 0 0 var(--water)}.sq--hasSite .sq__site{left:4px;right:auto;top:4px;bottom:auto;width:.6rem;height:.6rem;padding:0;border:1px solid rgb(0 0 0 / 60%);border-radius:50%;border-top:none;font-size:0;line-height:0}.sq--hasSite .sq__site--P1{background:var(--fire);box-shadow:0 0 6px -1px var(--fire)}.sq--hasSite .sq__site--P2{background:var(--water);box-shadow:0 0 6px -1px var(--water)}.sq__units{position:absolute;top:.35rem;bottom:.35rem;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.2rem;overflow:visible}.sq__units--left{left:.2rem}.sq__units--right{right:.2rem}.sq__units>.unitstack{flex:0 1 auto;min-height:1.1rem}.sq__units>.unitstack:hover{z-index:6}.sq__loose{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:flex;gap:.2rem;overflow:visible}.sq__loose>.unitstack{width:2rem;height:2.8rem}.sq__loose .unit{width:2rem;opacity:.96}.sq__loose>.unitstack:hover{z-index:6}.unitstack{position:relative;display:block;width:2.35rem;height:3.28rem}.unitstack>.unit{position:absolute;left:0;top:0}.unit--carried{z-index:0;opacity:.95}.unit--bearer{z-index:1;box-shadow:0 0 0 1px color-mix(in srgb,var(--gild-bright) 80%,transparent),0 2px 8px -2px #000}.unit{position:relative;display:inline-block;flex:0 0 auto;width:2.35rem;aspect-ratio:63 / 88;border-radius:.24rem;border:1px solid var(--gild);background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 92%,transparent),var(--ink));color:var(--parchment-1);box-shadow:0 2px 8px -2px #000;--u-flip: 0deg;--u-tap: 0deg;--u-scale: 1;transform:rotate(var(--u-flip)) rotate(var(--u-tap)) scale(var(--u-scale));transform-origin:center;transition:transform .18s ease,box-shadow .12s ease}.unit--foe{--u-flip: 180deg}.unit--tapped{--u-tap: 90deg;opacity:.78}.unit__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;border-radius:inherit;display:block}.unit__glyph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.95rem}.unit__dmgchip{position:absolute;right:-.3rem;top:-.3rem;z-index:3;min-width:1rem;height:1rem;padding:0 .16rem;border-radius:999px;background:var(--fire);color:#fff;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #000000b3}.unit--target,.unit--respond,.unit--attack{--u-scale: 1.18;z-index:5}.sq__subs{position:absolute;left:.3rem;right:.3rem;bottom:0;z-index:2;height:.95rem;overflow:hidden;display:flex;align-items:flex-end;gap:.15rem;transition:height .15s ease}.sq__subs:hover{height:3.2rem}.sq__subs:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 8px 8px -6px #000c}.sq__subs--underground{border-bottom:3px solid rgb(128 86 42 / 90%)}.sq__subs--underwater{border-bottom:3px solid rgb(40 112 156 / 90%)}.wardpip{position:absolute;left:-.32rem;top:-.32rem;z-index:3;width:1.05rem;height:1.05rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.62rem;background:radial-gradient(circle at 35% 30%,#f4dfa0,#a8822f 70%);box-shadow:0 0 0 1px #000000b3,0 0 8px -1px var(--gild-bright)}.wardpip--site{left:auto;right:4px;top:1.15rem;position:absolute}.unit__dmgchip,.unit>.wardpip{transform:rotate(calc(-1 * var(--u-flip, 0deg)));transform-origin:center}.unit--void{border-color:#8a7bd8;box-shadow:0 0 10px -2px #8a7bd8,0 2px 6px -2px #000}.unit--void .unit__img{opacity:.72;filter:saturate(.6) hue-rotate(18deg)}.sq--flash:after{box-shadow:inset 0 0 0 2px var(--gild-bright),inset 0 0 26px -8px var(--gild-bright)}.unit--flash{box-shadow:0 0 0 2px var(--gild-bright),0 0 16px -2px var(--gild-bright);z-index:6}.sq--combat:after{animation:pulse-atk 1.1s infinite}.realm{position:relative}.realm__arrow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;filter:drop-shadow(0 2px 4px rgb(0 0 0 / 70%))}.sq--pick{cursor:pointer}.sq--pick:after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gild-bright) 55%,transparent)}.cardpeek{position:fixed;right:1.25rem;top:3.6rem;width:17.5rem;z-index:85;pointer-events:none;display:flex;flex-direction:column;gap:.4rem}.cardpeek__img{width:100%;border-radius:.7rem;display:block;box-shadow:0 18px 60px -12px #000,0 0 0 1px color-mix(in srgb,var(--gild) 60%,transparent)}.cardpeek__name{aspect-ratio:63 / 88;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--parchment-1);border-radius:.7rem;font-family:var(--display);padding:1rem;text-align:center}.cardpeek__mods{margin:0;padding:.5rem .7rem;list-style:none;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-soft) 94%,#000),#0b0906);border:1px solid color-mix(in srgb,var(--gild) 55%,transparent);border-radius:.5rem;box-shadow:0 10px 30px -10px #000;font-size:.78rem;color:var(--parchment-1);display:flex;flex-direction:column;gap:.2rem}.cardpeek__mods li{border-bottom:1px dotted rgb(255 255 255 / 14%);padding-bottom:.15rem}.cardpeek__mods li:last-child{border-bottom:0;padding-bottom:0}.crash__detail{text-align:left;font-size:.7rem;overflow:auto;max-height:14rem;color:var(--parchment-3);white-space:pre-wrap;word-break:break-word;background:#00000059;border-radius:.4rem;padding:.5rem}.lobby__panel--crash{width:min(40rem,94vw)}.mat__strip{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.15rem .3rem}.mat__strip--top{flex-direction:row-reverse}.mat__strip--active .station__portrait{box-shadow:0 0 0 2px var(--gild-bright),0 0 16px -3px var(--gild-bright)}.mat__id{display:flex;align-items:center;gap:.7rem;min-width:0;flex:0 0 auto}.mat__hand{display:flex;flex-wrap:nowrap;gap:0;align-items:flex-end;justify-content:center;flex:1 1 auto;min-width:0;padding:.9rem 1.4rem .15rem}.mat__hand .card--art,.mat__hand .card--back{width:3.7rem;height:5.15rem}.mat__hand .card{width:3.7rem;min-height:2.5rem;font-size:.6rem}.mat__hand>.card{margin-left:-1.15rem;transform-origin:bottom center;transform:rotate(calc(var(--fan-off, 0) * 3.2deg)) translateY(calc(var(--fan-abs, 0) * .14rem));transition:transform .16s cubic-bezier(.2,.8,.25,1.1),margin .16s ease}.mat__hand>.card:first-child{margin-left:0}.mat__hand>.card:hover{transform:translateY(-1.5rem) rotate(0) scale(1.5);z-index:30}.mat__strip--top .mat__hand{align-items:flex-start;padding:.15rem 1.4rem .9rem}.mat__strip--top .mat__hand>.card{transform-origin:top center;transform:rotate(calc(var(--fan-off, 0) * -3.2deg)) translateY(calc(var(--fan-abs, 0) * -.14rem))}.mat__strip--top .mat__hand>.card:hover{transform:translateY(1.5rem) rotate(0) scale(1.5);z-index:30}.mat__strip--top .card__zoom{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) scale(.92);transform-origin:top center}.mat__strip--top .card--art:hover .card__zoom{transform:translate(-50%) scale(1)}.mat__stats{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.mat__slots{display:flex;gap:.45rem}.mat__strip--top .mat__slots{flex-direction:row-reverse}.slot{width:3.4rem;aspect-ratio:63/88;border-radius:.45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border:1px solid rgb(255 255 255 / 42%);background:#ffffff0a;color:var(--parchment-1);font-family:var(--body);cursor:default;padding:0}.slot__n{font-family:var(--display);font-size:1.05rem;color:#ffffffd9;text-shadow:0 1px 2px #000}.slot__lbl{font-variant:small-caps;font-size:.52rem;letter-spacing:.05em;color:#fff9}.slot:disabled{opacity:.85}.slot--draw{cursor:pointer;opacity:1;border-color:var(--gild-bright);animation:pulse-pile 1.5s ease-in-out infinite}.slot--draw:hover{background:color-mix(in srgb,var(--gild-bright) 22%,transparent)}.slot--open{cursor:pointer}.slot--open:hover{border-color:var(--gild-bright);background:#ffffff14}.decision{width:min(28rem,92vw);padding:1.4rem 1.6rem;text-align:center;background:linear-gradient(170deg,color-mix(in srgb,var(--ink-soft) 92%,transparent),var(--ink));border:1px solid color-mix(in srgb,var(--gild) 65%,transparent);outline:1px solid color-mix(in srgb,var(--gild) 22%,transparent);outline-offset:4px;border-radius:.7rem;box-shadow:0 30px 80px -24px #000;display:flex;flex-direction:column;gap:.8rem;align-items:center}.decision__title{font-family:var(--display);font-size:1.2rem;letter-spacing:.12em;color:var(--gild-bright);text-shadow:0 0 16px color-mix(in srgb,var(--gild) 45%,transparent)}.decision__text{margin:0;color:var(--parchment-2);font-size:.92rem;line-height:1.5}.decision__text strong{color:var(--gild-bright)}.decision__row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.confirmpop{position:absolute;z-index:6;transform:translate(-50%,calc(-100% - 8px));max-width:19rem;padding:.5rem .7rem;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-soft) 94%,#000),#0b0906);border:1px solid color-mix(in srgb,var(--gild) 60%,transparent);border-radius:.5rem;box-shadow:0 14px 40px -12px #000;display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center}.confirmpop--below{transform:translate(-50%,8px)}.confirmpop:after{content:"";position:absolute;left:50%;transform:translate(-50%) rotate(45deg);width:.6rem;height:.6rem;background:#0b0906;border:1px solid color-mix(in srgb,var(--gild) 60%,transparent);bottom:-.32rem;border-top:none;border-left:none}.confirmpop--below:after{bottom:auto;top:-.32rem;border:1px solid color-mix(in srgb,var(--gild) 60%,transparent);border-bottom:none;border-right:none}.confirmpop__label{font-size:.82rem;color:var(--parchment-1);line-height:1.35}.confirmpop__row{display:flex;gap:.4rem}.zonewrap.zonewrap--zoom{pointer-events:none;background:#00000073;-webkit-backdrop-filter:none;backdrop-filter:none}.sqzoom{width:min(44rem,90vw);max-height:84vh;overflow:hidden;background:linear-gradient(170deg,color-mix(in srgb,var(--ink-soft) 94%,transparent),var(--ink));border:1px solid color-mix(in srgb,var(--gild) 65%,transparent);outline:1px solid color-mix(in srgb,var(--gild) 22%,transparent);outline-offset:4px;border-radius:.7rem;padding:.9rem 1.1rem;box-shadow:0 30px 80px -24px #000;color:var(--parchment-1)}.sqzoom__head{display:flex;align-items:baseline;gap:.4rem;font-size:.95rem;border-bottom:1px solid color-mix(in srgb,var(--gild) 40%,transparent);padding-bottom:.4rem;margin-bottom:.7rem}.sqzoom__head strong{font-family:var(--display);letter-spacing:.06em;color:var(--gild-bright)}.sqzoom__hint{margin-left:auto;font-size:.68rem;font-variant:small-caps;letter-spacing:.1em;color:var(--parchment-3);border:1px solid rgb(255 255 255 / 25%);border-radius:999px;padding:0 .5rem}.sqzoom__body{display:flex;gap:1rem;align-items:flex-start}.sqzoom__site img{width:13rem;border-radius:.5rem;display:block;box-shadow:0 8px 24px -8px #000,0 0 0 1px color-mix(in srgb,var(--gild) 45%,transparent)}.sqzoom__layers{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.7rem}.sqzoom__layerlbl{font-variant:small-caps;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--parchment-3);border-bottom:1px dotted rgb(255 255 255 / 20%);margin-bottom:.3rem}.sqzoom__groups{display:flex;gap:1rem;flex-wrap:wrap}.sqzoom__player{font-size:.72rem;color:var(--parchment-3);margin-bottom:.2rem}.sqzoom__cards{display:flex;gap:.5rem;flex-wrap:wrap}.sqzoom__card{width:5.4rem}.sqzoom__card img{width:100%;border-radius:.35rem;display:block;box-shadow:0 4px 12px -4px #000,0 0 0 1px color-mix(in srgb,var(--gild) 40%,transparent)}.sqzoom__card--tapped img{transform:rotate(90deg) scale(.72)}.sqzoom__noart{aspect-ratio:63/88;display:flex;align-items:center;justify-content:center;background:var(--ink-soft);border-radius:.35rem;font-size:.66rem;text-align:center;padding:.25rem}.sqzoom__cap{font-size:.66rem;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sqzoom__dmg{color:var(--fire);font-weight:700}.sqzoom__carried{font-size:.64rem;color:var(--parchment-3);padding-left:.3rem}.sqzoom__eff{font-size:.62rem;color:var(--gild-bright);margin-top:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doom{display:inline-block;margin-left:.5rem;padding:.05rem .5rem;font-size:.66rem;font-variant:small-caps;letter-spacing:.1em;font-weight:800;color:#fff;background:linear-gradient(180deg,#8a1d10,#5c110a);border:1px solid #d24a2f;border-radius:999px;animation:pulse-doom 1.2s ease-in-out infinite}@keyframes pulse-doom{0%,to{box-shadow:0 0 #d24a2f99}50%{box-shadow:0 0 12px 2px #d24a2fb3}}.zonewrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#00000094;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center}.zonepanel{width:min(46rem,92vw);max-height:80vh;overflow:auto;background:linear-gradient(170deg,color-mix(in srgb,var(--ink-soft) 92%,transparent),var(--ink));border:1px solid color-mix(in srgb,var(--gild) 60%,transparent);border-radius:.7rem;padding:1rem;box-shadow:0 30px 80px -24px #000}.zonepanel__head{display:flex;align-items:baseline;gap:.7rem;color:var(--parchment-1);margin-bottom:.8rem;border-bottom:1px solid color-mix(in srgb,var(--gild) 40%,transparent);padding-bottom:.5rem}.zonepanel__head strong{font-family:var(--display);letter-spacing:.06em}.zonepanel__head .act{margin-left:auto}.zonepanel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.6rem}.zonepanel__card img{width:100%;border-radius:.4rem;display:block;box-shadow:0 4px 12px -4px #000,0 0 0 1px color-mix(in srgb,var(--gild) 45%,transparent)}.zonepanel__name{aspect-ratio:63 / 88;display:flex;align-items:center;justify-content:center;background:var(--ink-soft);border-radius:.4rem;padding:.3rem;font-size:.72rem;text-align:center;color:var(--parchment-1)}.zonepanel__cap{font-size:.68rem;color:var(--parchment-3);text-align:center;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat{display:flex;gap:.5rem;align-items:stretch}.piles{display:flex;gap:.35rem;flex-shrink:0}.pile{width:4.2rem;min-height:3.6rem;position:relative;border-radius:.35rem;border:1px solid color-mix(in srgb,var(--gild) 60%,var(--ink));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05rem;font-family:var(--body);color:var(--parchment-1);cursor:default;background:radial-gradient(60% 60% at 50% 42%,color-mix(in srgb,var(--gild) 14%,transparent),transparent 70%),repeating-linear-gradient(135deg,var(--ink-soft),var(--ink-soft) 5px,color-mix(in srgb,var(--ink-soft) 70%,var(--ink)) 5px,color-mix(in srgb,var(--ink-soft) 70%,var(--ink)) 10px);box-shadow:2px 2px 0 -1px color-mix(in srgb,var(--ink-soft) 80%,#000),3px 3px 0 -1px #000}.pile:before{content:"◆";position:absolute;top:3px;left:50%;transform:translate(-50%);font-size:.5rem;color:color-mix(in srgb,var(--gild) 60%,transparent)}.pile__n{font-family:var(--display);font-size:1.25rem;color:var(--gild-bright);text-shadow:0 1px 2px #000}.pile__lbl{font-variant:small-caps;font-size:.62rem;letter-spacing:.05em;color:var(--parchment-3)}.pile--cemetery{opacity:.65}.pile--draw{cursor:pointer;border-color:var(--gild-bright);animation:pulse-pile 1.5s ease-in-out infinite}.pile--draw:hover{background:linear-gradient(180deg,var(--gild),var(--gild-bright))}.pile--draw:hover .pile__n,.pile--draw:hover .pile__lbl{color:var(--ink);text-shadow:none}.pile:disabled{opacity:.5}@keyframes pulse-pile{0%,to{box-shadow:0 0 0 1px var(--gild-bright),2px 2px 0 -1px #000}50%{box-shadow:0 0 0 1px var(--gild-bright),0 0 16px -2px var(--gild-bright),2px 2px 0 -1px #000}}.hand{flex:1;min-width:0;border:1px solid color-mix(in srgb,var(--gild) 22%,transparent);border-radius:.4rem;padding:.3rem .45rem;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-soft) 40%,transparent),transparent)}.hand--active{border-color:var(--gild);background:linear-gradient(180deg,color-mix(in srgb,var(--gild) 10%,transparent),transparent)}.hand__label{font-variant:small-caps;font-size:.7rem;font-weight:700;letter-spacing:.06em;opacity:.85;margin-bottom:.28rem}.hand__cards{display:flex;gap:.45rem;flex-wrap:wrap}.card{position:relative;width:5.5rem;min-height:3.4rem;border:var(--frame);border-radius:.3rem;padding:.3rem;background:linear-gradient(180deg,var(--parchment-1),var(--parchment-2));color:var(--ink);font-size:.72rem;display:flex;flex-direction:column;gap:.15rem;transition:transform var(--transition)}.card__name{font-family:var(--display);font-weight:700;line-height:1.05}.card__meta{margin-top:auto;display:flex;justify-content:space-between;font-variant:small-caps}@keyframes card-deal-in{0%{opacity:0;transform:perspective(760px) rotateY(-82deg) translateY(.7rem)}60%{opacity:1}to{opacity:1;transform:perspective(760px) rotateY(0) translateY(0)}}@keyframes chip-pop{0%{transform:rotate(calc(-1 * var(--u-flip, 0deg))) scale(.2)}55%{transform:rotate(calc(-1 * var(--u-flip, 0deg))) scale(1.35)}to{transform:rotate(calc(-1 * var(--u-flip, 0deg))) scale(1)}}@keyframes val-pop{0%{transform:scale(1)}35%{transform:scale(1.5);filter:brightness(1.7)}to{transform:scale(1)}}@media (prefers-reduced-motion: no-preference){.mat__hand .card{animation:card-deal-in .46s cubic-bezier(.2,.8,.25,1);backface-visibility:hidden}.unit__dmgchip{animation:chip-pop .34s cubic-bezier(.3,1.4,.5,1)}.life__val,.mana{display:inline-block;animation:val-pop .4s ease}}.dmgfloat{position:fixed;z-index:200;pointer-events:none;font-family:var(--display);font-weight:700;font-size:1.5rem;color:#fff;text-shadow:0 0 8px var(--fire),0 0 3px var(--fire),0 2px 3px #000}.card--art{position:relative;width:4.6rem;height:6.4rem;padding:0;border:none;background:none;overflow:visible}.card__img{width:100%;height:100%;object-fit:cover;border-radius:.4rem;display:block;box-shadow:0 3px 10px -3px #000}.card--art.card--playable .card__img{outline:2px solid var(--gild-bright);outline-offset:1px;box-shadow:0 3px 14px -3px color-mix(in srgb,var(--gild-bright) 60%,#000)}.card--art.card--selected .card__img{outline:3px solid var(--gild-bright)}.card__zoom{position:absolute;bottom:calc(100% + 8px);left:50%;width:21rem;max-width:46vw;transform:translate(-50%) scale(.92);transform-origin:bottom center;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:60;border-radius:.7rem;box-shadow:0 16px 50px -10px #000;will-change:opacity,transform}.card--art:hover .card__zoom{opacity:1;transform:translate(-50%) scale(1);transition-delay:.11s}.card--playable{cursor:pointer;border-color:var(--gild-bright)}.card--playable:hover{transform:translateY(-4px)}.card--selected{outline:2px solid var(--gild-bright);outline-offset:1px}.card:not(.card--playable):not(.card--art){opacity:.5}.card--art:not(.card--playable) .card__img{opacity:.5;filter:saturate(.7)}.guide{position:fixed;left:1rem;right:20.75rem;bottom:0;z-index:70;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-soft) 94%,#000),#0b0906);border:1px solid color-mix(in srgb,var(--gild) 45%,transparent);border-bottom:none;border-radius:.6rem .6rem 0 0;box-shadow:0 -14px 36px -14px #000;padding:.5rem .8rem .6rem;max-height:30vh;overflow:auto;display:flex;flex-direction:column;gap:.4rem}.guide__row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.guide__row--end{margin-top:auto}.guide__hint{font-size:.88rem;color:var(--parchment-2);line-height:1.4}.guide__hint strong{color:var(--gild-bright)}.guide__hint--threat{flex-basis:100%;color:var(--fire);font-weight:700}.alloc{display:inline-flex;align-items:center;gap:.25rem;border:1px solid color-mix(in srgb,var(--gild) 35%,transparent);border-radius:.4rem;padding:.15rem .35rem}.alloc__n{min-width:1.2rem;text-align:center;font-weight:800;color:var(--fire);font-variant:tabular-nums}.alloc__name{font-size:.8rem;color:var(--parchment-1);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide__more{font-size:.8rem}.guide__more>summary{cursor:pointer;font-variant:small-caps;letter-spacing:.08em;color:var(--parchment-3);margin-bottom:.3rem}.act{font-family:var(--body);font-size:.84rem;cursor:pointer;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-soft) 92%,transparent),var(--ink-soft));color:var(--parchment-1);border:1px solid var(--gild);border-radius:.3rem;padding:.32rem .7rem;box-shadow:inset 0 1px color-mix(in srgb,var(--gild) 25%,transparent),0 2px 6px -3px #000;transition:background var(--transition),color var(--transition),opacity var(--transition)}.act:hover:not(:disabled){background:linear-gradient(180deg,var(--gild-bright),var(--gild));color:var(--ink)}.act:disabled{opacity:.35;cursor:not-allowed}.act--phase{border-color:var(--gild-bright)}.act--response{border-color:var(--fire)}.act--ghost{background:transparent;border-color:color-mix(in srgb,var(--gild) 40%,transparent);color:var(--parchment-3);box-shadow:none}.sq--target{cursor:pointer}.sq--target:after{box-shadow:inset 0 0 0 2px var(--gild-bright);animation:pulse 1.4s ease-in-out infinite}.sq--target:hover:after{background:color-mix(in srgb,var(--gild-bright) 16%,transparent)}.sq--chosen:after{box-shadow:inset 0 0 0 3px var(--gild-bright),0 0 16px -2px var(--gild-bright);animation:none}.sq--attack{cursor:pointer}.sq--attack:after{box-shadow:inset 0 0 0 2px var(--fire);animation:pulse-atk 1.4s ease-in-out infinite}.sq--attack:hover:after{background:color-mix(in srgb,var(--fire) 18%,transparent)}@keyframes pulse{0%,to{box-shadow:inset 0 0 0 2px var(--gild-bright)}50%{box-shadow:inset 0 0 0 2px var(--gild-bright),inset 0 0 18px -6px var(--gild-bright)}}@keyframes pulse-atk{0%,to{box-shadow:inset 0 0 0 2px var(--fire)}50%{box-shadow:inset 0 0 0 2px var(--fire),inset 0 0 18px -6px var(--fire)}}.unit--movable{cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,var(--gild-bright) 75%,transparent),0 2px 6px -2px #000}.unit--movable:hover{box-shadow:0 0 0 1px var(--gild-bright),0 0 12px -3px var(--gild-bright)}.unit--selected{box-shadow:0 0 0 2px var(--gild-bright),0 0 12px -2px var(--gild-bright)}.unit--attack{cursor:pointer;box-shadow:0 0 0 2px var(--fire),0 0 12px -3px var(--fire)}.unit--respond{cursor:pointer;box-shadow:0 0 0 2px var(--water),0 0 12px -3px var(--water)}.unit--avatar-ready{cursor:pointer;box-shadow:0 0 0 1px var(--gild-bright),0 0 12px -3px var(--gild-bright)}.unit--target{cursor:pointer;box-shadow:0 0 0 1px var(--fire),0 0 10px -2px var(--fire)}.swatch{display:inline-block;width:.8em;height:.8em;border-radius:2px;vertical-align:-1px;margin:0 .1em}.swatch--move{background:var(--gild-bright)}.swatch--attack{background:var(--fire)}.tomo{grid-area:tomo;border:var(--frame);border-radius:.5rem;overflow:hidden;background:var(--grain),linear-gradient(180deg,var(--parchment-1),var(--parchment-2));color:var(--ink);padding:.8rem;box-shadow:inset 0 0 40px -18px color-mix(in srgb,var(--gild) 45%,transparent),0 12px 36px -16px #000;display:flex;flex-direction:column;gap:.6rem;min-height:0;position:sticky;top:.75rem;align-self:start;height:calc(100vh - 4.6rem);max-height:calc(100vh - 4.6rem)}.ready{flex:0 0 auto;max-height:38%;display:flex;flex-direction:column;min-height:0}.ready__title{font-variant:small-caps;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:var(--ink-soft);border-bottom:2px double var(--gild);padding-bottom:.25rem}.ready__list{overflow:auto;min-height:0;display:flex;flex-direction:column}.ready__item{display:flex;align-items:center;gap:.5rem;text-align:left;padding:.28rem .2rem;border:0;border-bottom:1px dotted color-mix(in srgb,var(--ink) 20%,transparent);background:none;color:var(--ink);font:inherit;font-size:.84rem;cursor:pointer}.ready__item:hover{background:color-mix(in srgb,var(--gild) 18%,transparent)}.ready__thumb{width:1.5rem;aspect-ratio:63 / 88;object-fit:cover;object-position:50% 15%;border-radius:.18rem;box-shadow:0 1px 4px -1px #000;flex:0 0 auto}.ready__thumb--glyph{display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--parchment-1)}.ready__name{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ready__hint{margin-left:auto;color:color-mix(in srgb,var(--ink) 60%,transparent);font-size:.72rem;font-variant:small-caps;flex:0 0 auto}.tomo__book{flex:1 1 0;display:flex;flex-direction:column;min-height:0}.tomo__scroll{overflow:auto;min-height:0;scroll-behavior:smooth}.tomo__title{font-family:var(--display-orn);font-weight:700;text-align:center;letter-spacing:.1em;color:var(--ink-soft);border-bottom:2px double var(--gild);padding-bottom:.35rem;position:relative}.tomo__export{position:absolute;right:0;top:0;font-size:.62rem;letter-spacing:.04em;background:none;border:1px solid color-mix(in srgb,var(--gild) 55%,transparent);border-radius:4px;color:var(--ink-soft);padding:.08rem .35rem;cursor:pointer}.tomo__export:hover{color:var(--gild);border-color:var(--gild)}.tomo__line{font-size:.85rem;line-height:1.55;padding:.12rem 0;border-bottom:1px dotted color-mix(in srgb,var(--ink) 18%,transparent)}.tomo__line--combat{color:var(--fire)}.tomo__line--death{color:#7a1f14;font-weight:700}.tomo__line--gameEnd{color:var(--gild);font-weight:700;font-variant:small-caps}.tomo__t--card{color:color-mix(in srgb,var(--gild) 60%,var(--ink));font-weight:700;font-variant:small-caps;letter-spacing:.02em}.tomo__t--removal{color:#7a1f14;font-weight:600}.tomo__t--damage{color:color-mix(in srgb,var(--fire) 84%,var(--ink));font-weight:600}.tomo__t--state{color:color-mix(in srgb,var(--gild) 42%,var(--ink));font-style:italic}.tomo__line--combat .tomo__t--damage,.tomo__line--death .tomo__t--removal,.tomo__line--gameEnd .tomo__t--card{color:inherit}.banner{font-family:var(--display-orn);font-weight:700;letter-spacing:.04em;color:var(--gild-bright);font-size:1.25rem;text-shadow:0 1px 1px #000}.seer-card{width:7.5rem;border-radius:.4rem;box-shadow:0 6px 18px -6px #000,0 0 0 1px var(--gild)}.subtle{color:var(--parchment-3);font-size:.8rem}.lobby{height:100%;display:grid;place-items:center}.lobby__panel{width:min(26rem,92vw);padding:2rem 2.2rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--gild) 55%,var(--ink));outline:1px solid color-mix(in srgb,var(--gild) 20%,transparent);outline-offset:4px;background:linear-gradient(170deg,color-mix(in srgb,var(--ink-soft) 90%,transparent),var(--ink));box-shadow:0 24px 70px -24px #000;text-align:center;display:flex;flex-direction:column;gap:1rem}.lobby__sub{color:var(--parchment-3);font-variant:small-caps;margin:0}.lobby__section{display:flex;flex-direction:column;gap:.5rem;padding-top:.8rem;border-top:1px solid color-mix(in srgb,var(--gild) 25%,transparent)}.lobby__label{font-variant:small-caps;letter-spacing:.1em;color:var(--gild-bright)}.lobby__big{font-size:1rem;padding:.55rem 1rem}.lobby__input{font-family:var(--body);font-size:.9rem;padding:.45rem .6rem;border-radius:.3rem;border:1px solid color-mix(in srgb,var(--gild) 45%,var(--ink));background:var(--void);color:var(--parchment-1)}.lobby__input::placeholder{color:color-mix(in srgb,var(--parchment-3) 55%,transparent)}.lobby__hint{font-size:.75rem;color:var(--parchment-3);margin:0}.lobby__hint code{color:var(--gild-bright)}.lobby__error{color:var(--fire);font-size:.85rem;margin:0}.deckpick{display:flex;flex-direction:column;gap:.35rem;text-align:left}.deckpick__row{display:flex;gap:.4rem;align-items:center}.deckpick__url{flex:1 1 auto;min-width:0}.deckpick__fav{flex:1 1 auto}.deckpick__status{font-size:.8rem;color:var(--parchment-2)}.deckpick__acts{margin-left:.5rem;display:inline-flex;gap:.3rem}.deckpick__missing{color:var(--fire);font-size:.75rem;margin-top:.15rem}.card--bound{margin-left:.55rem;outline:1px dashed color-mix(in srgb,var(--gild) 70%,transparent);outline-offset:2px}.card--bound+.card--bound{margin-left:0}.card__bound{position:absolute;left:50%;bottom:-.55rem;transform:translate(-50%);z-index:6;white-space:nowrap;pointer-events:none;font-size:.55rem;line-height:1;padding:.12rem .35rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--gild) 60%,var(--ink));background:color-mix(in srgb,var(--ink) 85%,var(--gild));color:color-mix(in srgb,var(--gild) 85%,white);font-variant:small-caps}.card--back{width:4.6rem;height:6.4rem;display:grid;place-items:center;color:color-mix(in srgb,var(--gild) 65%,transparent);font-size:1.1rem;border:1px solid color-mix(in srgb,var(--gild) 55%,var(--ink));border-radius:.4rem;background:radial-gradient(60% 60% at 50% 45%,color-mix(in srgb,var(--gild) 12%,transparent),transparent 70%),repeating-linear-gradient(135deg,var(--ink-soft),var(--ink-soft) 5px,color-mix(in srgb,var(--ink-soft) 70%,var(--ink)) 5px,color-mix(in srgb,var(--ink-soft) 70%,var(--ink)) 10px);opacity:1;padding:0}.tomo__bug{position:absolute;left:0;top:0;font-family:var(--body);font-size:.62rem;letter-spacing:.04em;cursor:pointer;padding:.08rem .4rem;border-radius:4px;border:1px solid var(--gild);background:linear-gradient(180deg,var(--gild-bright),var(--gild));color:var(--ink);font-weight:700;box-shadow:0 1px 6px -2px #000;transition:filter var(--transition)}.tomo__bug:hover{filter:brightness(1.15)}.bug-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000094;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center}.bug-modal__panel{width:min(32rem,92vw);max-height:88vh;overflow:auto;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.1rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--gild) 60%,transparent);background:linear-gradient(170deg,color-mix(in srgb,var(--ink-soft) 92%,transparent),var(--ink));box-shadow:0 30px 80px -24px #000}.bug-modal__title{margin:0 0 .2rem;font-family:var(--display);letter-spacing:.06em;color:var(--gild-bright);border-bottom:1px solid color-mix(in srgb,var(--gild) 40%,transparent);padding-bottom:.4rem}.bug-modal__field{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;font-variant:small-caps;letter-spacing:.06em;color:var(--parchment-3)}.bug-modal__field input,.bug-modal__field textarea{font-variant:normal;letter-spacing:normal}.bug-modal__area{min-height:5rem;resize:vertical;line-height:1.4}.bug-modal__acts{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.3rem}.bug-toast{position:fixed;left:50%;bottom:4.5rem;transform:translate(-50%);z-index:10001;pointer-events:none;max-width:min(28rem,90vw);text-align:center;font-size:.85rem;background:linear-gradient(180deg,color-mix(in srgb,var(--ink-soft) 96%,#000),var(--ink));color:var(--parchment-1);padding:.45rem .9rem;border-radius:.5rem;border:1px solid color-mix(in srgb,var(--gild) 55%,transparent);box-shadow:0 10px 30px -10px #000;animation:bugfade 3.4s forwards}@keyframes bugfade{0%,82%{opacity:1}to{opacity:0}}