.duel-room .duel-ctx{position:fixed;z-index:1000;display:flex;align-items:flex-start;gap:1px;padding:calc(3px * var(--ctx-scale, 1));background:var(--color-base-200);border:1px solid color-mix(in oklab,var(--color-primary) 40%,transparent);box-shadow:0 8px 24px #00000080;outline:none}.duel-room .duel-ctx-col{display:flex;flex-direction:column;min-width:0}.duel-room .duel-ctx-col+.duel-ctx-col{border-left:1px solid color-mix(in oklab,var(--color-primary) 18%,transparent);padding-left:1px}.duel-room .duel-ctx-head{padding:calc(.25rem * var(--ctx-scale, 1)) calc(.6rem * var(--ctx-scale, 1)) calc(.3rem * var(--ctx-scale, 1)) calc(.75rem * var(--ctx-scale, 1));font-family:Chakra Petch,sans-serif;font-size:calc(.6rem * var(--ctx-scale, 1));font-weight:700;letter-spacing:.1em;white-space:nowrap;color:color-mix(in oklab,var(--color-primary) 65%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-primary) 18%,transparent);margin-bottom:2px;-webkit-user-select:none;user-select:none}.duel-room .duel-ctx-item{position:relative;text-align:left;white-space:nowrap;padding:calc(.35rem * var(--ctx-scale, 1)) calc(.6rem * var(--ctx-scale, 1)) calc(.35rem * var(--ctx-scale, 1)) calc(.75rem * var(--ctx-scale, 1));font-family:Chakra Petch,sans-serif;font-size:calc(.78rem * var(--ctx-scale, 1));font-weight:600;letter-spacing:.02em;color:var(--color-base-content);background:none;border:none;border-radius:0;cursor:pointer;transition:background .1s,color .1s}.duel-room .duel-ctx-item:enabled:hover,.duel-room .duel-ctx-item.active{background:color-mix(in oklab,var(--color-primary) 18%,transparent);color:var(--color-primary)}.duel-room .duel-ctx-item:disabled{color:color-mix(in oklab,var(--color-base-content) 32%,transparent);cursor:default}.duel-room .duel-ctx-item.active:before{content:"▸";position:absolute;left:calc(.22rem * var(--ctx-scale, 1));color:var(--color-primary)}.duel-room{--panel-left: clamp(240px, 17vw, 300px);--panel-right: clamp(250px, 16vw, 280px);--duel-scrim: rgb(0 0 0 / .7);--zone-fill: rgb(0 0 0 / .3);--zone-fill-mat: rgb(0 0 0 / .25);--mote-far: color-mix(in oklab, var(--color-primary) 40%, transparent);--mote-near: color-mix(in oklab, var(--color-primary) 55%, transparent);--field-scanlines: repeating-linear-gradient( 0deg, transparent 0 3px, color-mix(in oklab, var(--color-primary) 3%, transparent) 3px 4px );--field-vignette: radial-gradient( 120% 75% at 50% 50%, color-mix(in oklab, var(--color-primary) 8%, transparent), transparent 72% )}:is([data-theme=light],[data-theme=org-light],[data-theme=ash-blossom]) .duel-room{--zone-fill: rgb(0 0 0 / .07);--zone-fill-mat: rgb(0 0 0 / .06);--mote-far: color-mix(in oklab, var(--color-primary) 55%, transparent);--mote-near: color-mix(in oklab, var(--color-primary) 70%, transparent)}.duel-room .board-shell{position:fixed;inset:0;display:grid;grid-template-columns:var(--panel-left) 1fr var(--panel-right);overflow:hidden;background:var(--color-base-100);color:var(--color-base-content);font-family:inherit;box-sizing:border-box}.duel-room .side-panel{display:flex;flex-direction:column;overflow:hidden;min-width:0}.duel-room .board-shell>.side-panel{--cut: 0px;--btl-h: none;--btl-v: none;--bbr-h: none;--bbr-v: none}.duel-room .side-panel-left{position:relative;z-index:1}.duel-room .preview-col{container-type:size}.duel-room .preview-art{flex:1 1 0;min-height:0;max-height:min(254px,calc(100% - var(--preview-text-floor, 300px)));display:flex;align-items:center;justify-content:center;padding:6px 0 4px;box-sizing:border-box;overflow:hidden}@container (max-height: 390px){.duel-room .preview-art{--preview-text-floor: 220px}}.duel-room .preview-body{padding:.5rem .6rem;flex:1;min-height:0;display:flex;flex-direction:column;gap:.45rem;--btl-h: none;--btl-v: none;--bbr-h: none;--bbr-v: none}@container (max-height: 390px){.duel-room .preview-body{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"art   chips" "ident ident" "fx    fx";column-gap:.5rem}.duel-room .preview-body>.preview-art{grid-area:art;max-height:none;height:104px}.duel-room .preview-body>.preview-chips{grid-area:chips;align-self:center;flex-direction:column;align-items:flex-start;flex-wrap:nowrap}.duel-room .preview-body>.preview-chips>.chip-attr,.duel-room .preview-body>.preview-chips>.chip-monster,.duel-room .preview-body>.preview-chips>.chip-link{order:-1}.duel-room .preview-body>.preview-identity{grid-area:ident}.duel-room .preview-body>.preview-effect{grid-area:fx}}@container (max-height: 285px){.duel-room .preview-art{display:none}}.duel-room .board-ground{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;isolation:isolate;background-color:var(--color-base-200);background-image:var(--field-scanlines),var(--field-vignette);background-attachment:fixed,fixed}.duel-room .board-ground:before,.duel-room .board-ground:after{content:"";position:absolute;z-index:-1;pointer-events:none;opacity:0;will-change:transform;border-radius:0}.duel-room .board-ground:before{top:0;left:0;width:2px;height:2px;background:transparent;box-shadow:86px 50px 0 var(--mote-far),217px 37px 0 var(--mote-far),335px 27px 0 var(--mote-far),447px 49px 0 var(--mote-far),621px 28px 0 var(--mote-far),845px 3px 0 var(--mote-far),928px 59px 0 var(--mote-far),1073px 20px 0 var(--mote-far),1207px 56px 0 var(--mote-far),1355px 46px 0 var(--mote-far),1439px 8px 0 var(--mote-far),1700px 5px 0 var(--mote-far),1794px 40px 0 var(--mote-far),1859px 48px 0 var(--mote-far),2px 135px 0 var(--mote-far),256px 133px 0 var(--mote-far),286px 116px 0 var(--mote-far),507px 102px 0 var(--mote-far),595px 128px 0 var(--mote-far),735px 89px 0 var(--mote-far),912px 93px 0 var(--mote-far),1103px 98px 0 var(--mote-far),1268px 70px 0 var(--mote-far),1400px 96px 0 var(--mote-far),1524px 99px 0 var(--mote-far),1617px 121px 0 var(--mote-far),1757px 91px 0 var(--mote-far),1951px 123px 0 var(--mote-far),24px 171px 0 var(--mote-far),250px 207px 0 var(--mote-far),290px 179px 0 var(--mote-far),530px 167px 0 var(--mote-far),663px 193px 0 var(--mote-far),729px 188px 0 var(--mote-far),970px 144px 0 var(--mote-far),1088px 198px 0 var(--mote-far),1236px 143px 0 var(--mote-far),1398px 173px 0 var(--mote-far),1483px 190px 0 var(--mote-far),1694px 188px 0 var(--mote-far),1728px 166px 0 var(--mote-far),1913px 185px 0 var(--mote-far),20px 224px 0 var(--mote-far),150px 236px 0 var(--mote-far),411px 249px 0 var(--mote-far),531px 217px 0 var(--mote-far),700px 210px 0 var(--mote-far),801px 214px 0 var(--mote-far),967px 229px 0 var(--mote-far),1121px 248px 0 var(--mote-far),1213px 267px 0 var(--mote-far),1336px 276px 0 var(--mote-far),1547px 220px 0 var(--mote-far),1594px 263px 0 var(--mote-far),1816px 274px 0 var(--mote-far),1883px 230px 0 var(--mote-far),116px 326px 0 var(--mote-far),214px 336px 0 var(--mote-far),415px 349px 0 var(--mote-far),531px 320px 0 var(--mote-far),686px 331px 0 var(--mote-far),846px 299px 0 var(--mote-far),973px 317px 0 var(--mote-far),1117px 319px 0 var(--mote-far),1232px 339px 0 var(--mote-far),1286px 289px 0 var(--mote-far),1480px 338px 0 var(--mote-far),1659px 316px 0 var(--mote-far),1715px 326px 0 var(--mote-far),1930px 294px 0 var(--mote-far),9px 362px 0 var(--mote-far),145px 355px 0 var(--mote-far),422px 362px 0 var(--mote-far),432px 361px 0 var(--mote-far),625px 393px 0 var(--mote-far),836px 358px 0 var(--mote-far),940px 390px 0 var(--mote-far),1025px 397px 0 var(--mote-far),1276px 400px 0 var(--mote-far),1407px 399px 0 var(--mote-far),1432px 362px 0 var(--mote-far),1630px 372px 0 var(--mote-far),1719px 351px 0 var(--mote-far),1858px 378px 0 var(--mote-far),104px 440px 0 var(--mote-far),160px 426px 0 var(--mote-far),374px 471px 0 var(--mote-far),438px 440px 0 var(--mote-far),646px 488px 0 var(--mote-far),801px 439px 0 var(--mote-far),877px 450px 0 var(--mote-far),1072px 438px 0 var(--mote-far),1256px 477px 0 var(--mote-far),1353px 440px 0 var(--mote-far),1446px 488px 0 var(--mote-far),1637px 463px 0 var(--mote-far),1718px 470px 0 var(--mote-far),1999px 443px 0 var(--mote-far),138px 507px 0 var(--mote-far),260px 512px 0 var(--mote-far),311px 517px 0 var(--mote-far),560px 531px 0 var(--mote-far),666px 496px 0 var(--mote-far),856px 499px 0 var(--mote-far),971px 497px 0 var(--mote-far),1040px 520px 0 var(--mote-far),1190px 520px 0 var(--mote-far),1427px 513px 0 var(--mote-far),1467px 557px 0 var(--mote-far),1662px 558px 0 var(--mote-far),1853px 514px 0 var(--mote-far),1982px 511px 0 var(--mote-far),44px 607px 0 var(--mote-far),191px 608px 0 var(--mote-far),303px 580px 0 var(--mote-far),557px 568px 0 var(--mote-far),701px 579px 0 var(--mote-far),749px 615px 0 var(--mote-far),897px 588px 0 var(--mote-far),1054px 561px 0 var(--mote-far),1190px 585px 0 var(--mote-far),1420px 565px 0 var(--mote-far),1525px 618px 0 var(--mote-far),1683px 621px 0 var(--mote-far),1740px 589px 0 var(--mote-far),1917px 565px 0 var(--mote-far),105px 690px 0 var(--mote-far),269px 666px 0 var(--mote-far),305px 638px 0 var(--mote-far),563px 650px 0 var(--mote-far),703px 693px 0 var(--mote-far),726px 669px 0 var(--mote-far),952px 696px 0 var(--mote-far),1003px 663px 0 var(--mote-far),1233px 632px 0 var(--mote-far),1382px 659px 0 var(--mote-far),1464px 634px 0 var(--mote-far),1576px 666px 0 var(--mote-far),1832px 693px 0 var(--mote-far),1938px 670px 0 var(--mote-far),86px 750px 0 var(--mote-far),217px 737px 0 var(--mote-far),335px 727px 0 var(--mote-far),447px 749px 0 var(--mote-far),621px 728px 0 var(--mote-far),845px 703px 0 var(--mote-far),928px 759px 0 var(--mote-far),1073px 720px 0 var(--mote-far),1207px 756px 0 var(--mote-far),1355px 746px 0 var(--mote-far),1439px 708px 0 var(--mote-far),1700px 705px 0 var(--mote-far),1794px 740px 0 var(--mote-far),1859px 748px 0 var(--mote-far),2px 835px 0 var(--mote-far),256px 833px 0 var(--mote-far),286px 816px 0 var(--mote-far),507px 802px 0 var(--mote-far),595px 828px 0 var(--mote-far),735px 789px 0 var(--mote-far),912px 793px 0 var(--mote-far),1103px 798px 0 var(--mote-far),1268px 770px 0 var(--mote-far),1400px 796px 0 var(--mote-far),1524px 799px 0 var(--mote-far),1617px 821px 0 var(--mote-far),1757px 791px 0 var(--mote-far),1951px 823px 0 var(--mote-far),24px 871px 0 var(--mote-far),250px 907px 0 var(--mote-far),290px 879px 0 var(--mote-far),530px 867px 0 var(--mote-far),663px 893px 0 var(--mote-far),729px 888px 0 var(--mote-far),970px 844px 0 var(--mote-far),1088px 898px 0 var(--mote-far),1236px 843px 0 var(--mote-far),1398px 873px 0 var(--mote-far),1483px 890px 0 var(--mote-far),1694px 888px 0 var(--mote-far),1728px 866px 0 var(--mote-far),1913px 885px 0 var(--mote-far),20px 924px 0 var(--mote-far),150px 936px 0 var(--mote-far),411px 949px 0 var(--mote-far),531px 917px 0 var(--mote-far),700px 910px 0 var(--mote-far),801px 914px 0 var(--mote-far),967px 929px 0 var(--mote-far),1121px 948px 0 var(--mote-far),1213px 967px 0 var(--mote-far),1336px 976px 0 var(--mote-far),1547px 920px 0 var(--mote-far),1594px 963px 0 var(--mote-far),1816px 974px 0 var(--mote-far),1883px 930px 0 var(--mote-far),116px 1026px 0 var(--mote-far),214px 1036px 0 var(--mote-far),415px 1049px 0 var(--mote-far),531px 1020px 0 var(--mote-far),686px 1031px 0 var(--mote-far),846px 999px 0 var(--mote-far),973px 1017px 0 var(--mote-far),1117px 1019px 0 var(--mote-far),1232px 1039px 0 var(--mote-far),1286px 989px 0 var(--mote-far),1480px 1038px 0 var(--mote-far),1659px 1016px 0 var(--mote-far),1715px 1026px 0 var(--mote-far),1930px 994px 0 var(--mote-far),9px 1062px 0 var(--mote-far),145px 1055px 0 var(--mote-far),422px 1062px 0 var(--mote-far),432px 1061px 0 var(--mote-far),625px 1093px 0 var(--mote-far),836px 1058px 0 var(--mote-far),940px 1090px 0 var(--mote-far),1025px 1097px 0 var(--mote-far),1276px 1100px 0 var(--mote-far),1407px 1099px 0 var(--mote-far),1432px 1062px 0 var(--mote-far),1630px 1072px 0 var(--mote-far),1719px 1051px 0 var(--mote-far),1858px 1078px 0 var(--mote-far),104px 1140px 0 var(--mote-far),160px 1126px 0 var(--mote-far),374px 1171px 0 var(--mote-far),438px 1140px 0 var(--mote-far),646px 1188px 0 var(--mote-far),801px 1139px 0 var(--mote-far),877px 1150px 0 var(--mote-far),1072px 1138px 0 var(--mote-far),1256px 1177px 0 var(--mote-far),1353px 1140px 0 var(--mote-far),1446px 1188px 0 var(--mote-far),1637px 1163px 0 var(--mote-far),1718px 1170px 0 var(--mote-far),1999px 1143px 0 var(--mote-far),138px 1207px 0 var(--mote-far),260px 1212px 0 var(--mote-far),311px 1217px 0 var(--mote-far),560px 1231px 0 var(--mote-far),666px 1196px 0 var(--mote-far),856px 1199px 0 var(--mote-far),971px 1197px 0 var(--mote-far),1040px 1220px 0 var(--mote-far),1190px 1220px 0 var(--mote-far),1427px 1213px 0 var(--mote-far),1467px 1257px 0 var(--mote-far),1662px 1258px 0 var(--mote-far),1853px 1214px 0 var(--mote-far),1982px 1211px 0 var(--mote-far),44px 1307px 0 var(--mote-far),191px 1308px 0 var(--mote-far),303px 1280px 0 var(--mote-far),557px 1268px 0 var(--mote-far),701px 1279px 0 var(--mote-far),749px 1315px 0 var(--mote-far),897px 1288px 0 var(--mote-far),1054px 1261px 0 var(--mote-far),1190px 1285px 0 var(--mote-far),1420px 1265px 0 var(--mote-far),1525px 1318px 0 var(--mote-far),1683px 1321px 0 var(--mote-far),1740px 1289px 0 var(--mote-far),1917px 1265px 0 var(--mote-far),105px 1390px 0 var(--mote-far),269px 1366px 0 var(--mote-far),305px 1338px 0 var(--mote-far),563px 1350px 0 var(--mote-far),703px 1393px 0 var(--mote-far),726px 1369px 0 var(--mote-far),952px 1396px 0 var(--mote-far),1003px 1363px 0 var(--mote-far),1233px 1332px 0 var(--mote-far),1382px 1359px 0 var(--mote-far),1464px 1334px 0 var(--mote-far),1576px 1366px 0 var(--mote-far),1832px 1393px 0 var(--mote-far),1938px 1370px 0 var(--mote-far);animation:field-motes-far 38s linear infinite}.duel-room .board-ground:after{top:0;left:0;width:3px;height:3px;background:transparent;box-shadow:194px 12px 0 var(--mote-near),334px 52px 0 var(--mote-near),541px 56px 0 var(--mote-near),665px 13px 0 var(--mote-near),979px 12px 0 var(--mote-near),1061px 2px 0 var(--mote-near),1386px 80px 0 var(--mote-near),1563px 64px 0 var(--mote-near),1748px 77px 0 var(--mote-near),1986px 82px 0 var(--mote-near),113px 125px 0 var(--mote-near),388px 176px 0 var(--mote-near),440px 176px 0 var(--mote-near),719px 193px 0 var(--mote-near),907px 160px 0 var(--mote-near),1141px 194px 0 var(--mote-near),1269px 155px 0 var(--mote-near),1529px 152px 0 var(--mote-near),1754px 117px 0 var(--mote-near),1980px 181px 0 var(--mote-near),199px 312px 0 var(--mote-near),257px 225px 0 var(--mote-near),496px 263px 0 var(--mote-near),601px 216px 0 var(--mote-near),983px 220px 0 var(--mote-near),1095px 218px 0 var(--mote-near),1327px 303px 0 var(--mote-near),1443px 266px 0 var(--mote-near),1684px 217px 0 var(--mote-near),1880px 222px 0 var(--mote-near),43px 354px 0 var(--mote-near),326px 384px 0 var(--mote-near),420px 377px 0 var(--mote-near),790px 401px 0 var(--mote-near),905px 402px 0 var(--mote-near),1175px 389px 0 var(--mote-near),1278px 360px 0 var(--mote-near),1518px 354px 0 var(--mote-near),1659px 335px 0 var(--mote-near),1992px 362px 0 var(--mote-near),86px 469px 0 var(--mote-near),322px 521px 0 var(--mote-near),510px 529px 0 var(--mote-near),659px 477px 0 var(--mote-near),830px 467px 0 var(--mote-near),1072px 516px 0 var(--mote-near),1221px 475px 0 var(--mote-near),1417px 473px 0 var(--mote-near),1670px 507px 0 var(--mote-near),1851px 462px 0 var(--mote-near),168px 598px 0 var(--mote-near),272px 591px 0 var(--mote-near),467px 641px 0 var(--mote-near),727px 559px 0 var(--mote-near),912px 621px 0 var(--mote-near),1016px 595px 0 var(--mote-near),1315px 603px 0 var(--mote-near),1481px 581px 0 var(--mote-near),1701px 550px 0 var(--mote-near),1838px 644px 0 var(--mote-near),48px 740px 0 var(--mote-near),381px 703px 0 var(--mote-near),521px 695px 0 var(--mote-near),611px 684px 0 var(--mote-near),975px 685px 0 var(--mote-near),1117px 752px 0 var(--mote-near),1358px 688px 0 var(--mote-near),1487px 718px 0 var(--mote-near),1622px 673px 0 var(--mote-near),1800px 691px 0 var(--mote-near),117px 796px 0 var(--mote-near),343px 830px 0 var(--mote-near),573px 768px 0 var(--mote-near),690px 806px 0 var(--mote-near),915px 810px 0 var(--mote-near),1200px 831px 0 var(--mote-near),194px 872px 0 var(--mote-near),334px 912px 0 var(--mote-near),541px 916px 0 var(--mote-near),665px 873px 0 var(--mote-near),979px 872px 0 var(--mote-near),1061px 862px 0 var(--mote-near),1386px 940px 0 var(--mote-near),1563px 924px 0 var(--mote-near),1748px 937px 0 var(--mote-near),1986px 942px 0 var(--mote-near),113px 985px 0 var(--mote-near),388px 1036px 0 var(--mote-near),440px 1036px 0 var(--mote-near),719px 1053px 0 var(--mote-near),907px 1020px 0 var(--mote-near),1141px 1054px 0 var(--mote-near),1269px 1015px 0 var(--mote-near),1529px 1012px 0 var(--mote-near),1754px 977px 0 var(--mote-near),1980px 1041px 0 var(--mote-near),199px 1172px 0 var(--mote-near),257px 1085px 0 var(--mote-near),496px 1123px 0 var(--mote-near),601px 1076px 0 var(--mote-near),983px 1080px 0 var(--mote-near),1095px 1078px 0 var(--mote-near),1327px 1163px 0 var(--mote-near),1443px 1126px 0 var(--mote-near),1684px 1077px 0 var(--mote-near),1880px 1082px 0 var(--mote-near),43px 1214px 0 var(--mote-near),326px 1244px 0 var(--mote-near),420px 1237px 0 var(--mote-near),790px 1261px 0 var(--mote-near),905px 1262px 0 var(--mote-near),1175px 1249px 0 var(--mote-near),1278px 1220px 0 var(--mote-near),1518px 1214px 0 var(--mote-near),1659px 1195px 0 var(--mote-near),1992px 1222px 0 var(--mote-near),86px 1329px 0 var(--mote-near),322px 1381px 0 var(--mote-near),510px 1389px 0 var(--mote-near),659px 1337px 0 var(--mote-near),830px 1327px 0 var(--mote-near),1072px 1376px 0 var(--mote-near),1221px 1335px 0 var(--mote-near),1417px 1333px 0 var(--mote-near),1670px 1367px 0 var(--mote-near),1851px 1322px 0 var(--mote-near),168px 1458px 0 var(--mote-near),272px 1451px 0 var(--mote-near),467px 1501px 0 var(--mote-near),727px 1419px 0 var(--mote-near),912px 1481px 0 var(--mote-near),1016px 1455px 0 var(--mote-near),1315px 1463px 0 var(--mote-near),1481px 1441px 0 var(--mote-near),1701px 1410px 0 var(--mote-near),1838px 1504px 0 var(--mote-near),48px 1600px 0 var(--mote-near),381px 1563px 0 var(--mote-near),521px 1555px 0 var(--mote-near),611px 1544px 0 var(--mote-near),975px 1545px 0 var(--mote-near),1117px 1612px 0 var(--mote-near),1358px 1548px 0 var(--mote-near),1487px 1578px 0 var(--mote-near),1622px 1533px 0 var(--mote-near),1800px 1551px 0 var(--mote-near),117px 1656px 0 var(--mote-near),343px 1690px 0 var(--mote-near),573px 1628px 0 var(--mote-near),690px 1666px 0 var(--mote-near),915px 1670px 0 var(--mote-near),1200px 1691px 0 var(--mote-near);animation:field-motes-near 26s linear infinite}@keyframes field-motes-far{0%{transform:translateY(0);opacity:.5}to{transform:translateY(-700px);opacity:.5}}@keyframes field-motes-near{0%{transform:translateY(0);opacity:.72}to{transform:translateY(-860px);opacity:.72}}.duel-room[data-ambient=off] .board-ground:before,.duel-room[data-ambient=off] .board-ground:after{animation:none}@media(prefers-reduced-motion:reduce){.duel-room .board-ground:before,.duel-room .board-ground:after{animation:none}}.duel-room .board-field{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:6px;gap:4px;overflow:hidden;user-select:none;-webkit-user-select:none}.duel-room .board-rows{flex:1;min-height:0;container-type:size;display:grid;place-items:center}.duel-room .board-rows-inner{width:min(100cqw,100cqh * var(--board-aspect, 1.419));aspect-ratio:var(--board-aspect, 1.419);display:flex;flex-direction:column;gap:4px;position:relative}.duel-room .playmat{position:absolute;left:0;right:0;height:calc((100% - 16px)*.4 + 4px);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--color-base-200);border-radius:5px;pointer-events:none}.duel-room .playmat-top{top:0}.duel-room .playmat-bottom{bottom:0}.duel-room .duel-row{display:grid;grid-template-columns:var(--board-grid, repeat(7, 1fr));gap:4px;flex:1 1 0;min-height:0}.duel-room .zone{--zone-edge: color-mix(in oklab, var(--color-primary) 45%, transparent);--zpad: calc(var(--card-w, 99px) * .09);--znarrow: calc((100% - var(--card-w, 99px) - var(--zpad) * 2) / 2);--zshoulder: calc((100% - var(--card-w, 99px)) / 2 - var(--zpad));--zone-edge-w: 2px;--zone-bg: var(--zone-fill);--zone-shadow: none;--zone-glow: inset 0 0 12px color-mix(in oklab, var(--color-primary) 10%, transparent);--zone-halo: color-mix(in oklab, var(--color-primary) 48%, transparent);overflow:hidden;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-size:.65rem;border:var(--zone-edge-w) solid var(--zone-edge);background-color:var(--color-base-200);background-image:linear-gradient(var(--zone-bg),var(--zone-bg)),var(--field-scanlines),var(--field-vignette);background-attachment:scroll,fixed,fixed;box-shadow:var(--zone-shadow);cursor:pointer;transition:border-color .15s,background .15s}.duel-room .mon-zone,.duel-room .st-zone,.duel-room .emz-zone{border-color:transparent;background:none;box-shadow:none}.duel-room .zone-panel{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 7px var(--zone-halo))}.duel-room .zone-panel:before{content:"";position:absolute;inset:0}.duel-room .zone-panel:before{border:var(--zone-edge-w) solid var(--zone-edge);transition:border-color .15s}.duel-room .mon-zone .zone-panel:before,.duel-room .emz-zone .zone-panel:before{border:0;background:var(--zone-edge);transition:background .15s}.duel-room .mon-zone .zone-panel:before{clip-path:polygon(evenodd,var(--znarrow) 0,calc(100% - var(--znarrow)) 0,calc(100% - var(--znarrow)) var(--zshoulder),100% var(--zshoulder),100% 100%,0 100%,0 var(--zshoulder),var(--znarrow) var(--zshoulder),var(--znarrow) 0,calc(var(--znarrow) + var(--zone-edge-w)) var(--zone-edge-w),calc(100% - var(--znarrow) - var(--zone-edge-w)) var(--zone-edge-w),calc(100% - var(--znarrow) - var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(100% - var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(100% - var(--zone-edge-w)) calc(100% - var(--zone-edge-w)),var(--zone-edge-w) calc(100% - var(--zone-edge-w)),var(--zone-edge-w) calc(var(--zshoulder) + var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) var(--zone-edge-w))}.duel-room .emz-zone .zone-panel:before{clip-path:polygon(evenodd,var(--znarrow) 0,calc(100% - var(--znarrow)) 0,calc(100% - var(--znarrow)) var(--zshoulder),100% var(--zshoulder),100% calc(100% - var(--zshoulder)),calc(100% - var(--znarrow)) calc(100% - var(--zshoulder)),calc(100% - var(--znarrow)) 100%,var(--znarrow) 100%,var(--znarrow) calc(100% - var(--zshoulder)),0 calc(100% - var(--zshoulder)),0 var(--zshoulder),var(--znarrow) var(--zshoulder),var(--znarrow) 0,calc(var(--znarrow) + var(--zone-edge-w)) var(--zone-edge-w),calc(100% - var(--znarrow) - var(--zone-edge-w)) var(--zone-edge-w),calc(100% - var(--znarrow) - var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(100% - var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(100% - var(--zone-edge-w)) calc(100% - var(--zshoulder) - var(--zone-edge-w)),calc(100% - var(--znarrow) - var(--zone-edge-w)) calc(100% - var(--zshoulder) - var(--zone-edge-w)),calc(100% - var(--znarrow) - var(--zone-edge-w)) calc(100% - var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) calc(100% - var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) calc(100% - var(--zshoulder) - var(--zone-edge-w)),var(--zone-edge-w) calc(100% - var(--zshoulder) - var(--zone-edge-w)),var(--zone-edge-w) calc(var(--zshoulder) + var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) var(--zone-edge-w))}.duel-room .mon-zone:before,.duel-room .st-zone:before,.duel-room .emz-zone:before{content:"";position:absolute;inset:0;background-color:var(--color-base-200);background-image:linear-gradient(var(--zone-bg),var(--zone-bg)),var(--field-scanlines),var(--field-vignette);background-attachment:scroll,fixed,fixed;box-shadow:var(--zone-glow);pointer-events:none}.duel-room .st-zone:before{inset:var(--zone-edge-w)}.duel-room .mon-zone:before{clip-path:polygon(calc(var(--znarrow) + var(--zone-edge-w)) var(--zone-edge-w),calc(100% - var(--znarrow) - var(--zone-edge-w)) var(--zone-edge-w),calc(100% - var(--znarrow) - var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(100% - var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(100% - var(--zone-edge-w)) calc(100% - var(--zone-edge-w)),var(--zone-edge-w) calc(100% - var(--zone-edge-w)),var(--zone-edge-w) calc(var(--zshoulder) + var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)))}.duel-room .emz-zone:before{clip-path:polygon(calc(var(--znarrow) + var(--zone-edge-w)) var(--zone-edge-w),calc(100% - var(--znarrow) - var(--zone-edge-w)) var(--zone-edge-w),calc(100% - var(--znarrow) - var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(100% - var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)),calc(100% - var(--zone-edge-w)) calc(100% - var(--zshoulder) - var(--zone-edge-w)),calc(100% - var(--znarrow) - var(--zone-edge-w)) calc(100% - var(--zshoulder) - var(--zone-edge-w)),calc(100% - var(--znarrow) - var(--zone-edge-w)) calc(100% - var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) calc(100% - var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) calc(100% - var(--zshoulder) - var(--zone-edge-w)),var(--zone-edge-w) calc(100% - var(--zshoulder) - var(--zone-edge-w)),var(--zone-edge-w) calc(var(--zshoulder) + var(--zone-edge-w)),calc(var(--znarrow) + var(--zone-edge-w)) calc(var(--zshoulder) + var(--zone-edge-w)))}.duel-room .zone-panel.opp:before,.duel-room .mon-zone:has(.zone-panel.opp):before{transform:rotate(180deg)}.duel-room .zone>.zone-label,.duel-room .zone>.zone-sublabel{position:relative}.duel-room .zone:hover{--zone-edge: var(--color-primary);--zone-halo: color-mix(in oklab, var(--color-primary) 75%, transparent);--zone-shadow: 0 0 10px color-mix(in oklab, var(--color-primary) 30%, transparent);--zone-glow: inset 0 0 13px color-mix(in oklab, var(--color-primary) 18%, transparent)}.duel-room .mon-zone,.duel-room .emz-zone{overflow:visible}.duel-room .emz-zone{--zone-edge: color-mix(in oklab, var(--color-primary) 62%, transparent)}.duel-room .duel-row.has-playmat .zone{--zone-bg: var(--zone-fill-mat);background-color:transparent;background-image:linear-gradient(var(--zone-bg),var(--zone-bg))}.duel-room .duel-row.has-playmat .mon-zone:before,.duel-room .duel-row.has-playmat .st-zone:before{background-color:transparent;background-image:linear-gradient(var(--zone-bg),var(--zone-bg))}.duel-room .zone-selectable{--zone-edge: var(--color-primary) !important;--zone-halo: var(--color-primary) !important;--zone-glow: inset 0 0 18px color-mix(in oklab, var(--color-primary) 46%, transparent) !important;--zone-bg: color-mix(in oklab, var(--color-primary) 20%, var(--zone-fill)) !important;cursor:crosshair!important}.duel-room .zone-selectable .zone-panel{filter:drop-shadow(0 0 8px var(--zone-halo)) drop-shadow(0 0 18px color-mix(in oklab,var(--color-primary) 60%,transparent))}.duel-room .zone-glow{--zone-edge: var(--color-warning);--zone-halo: color-mix(in oklab, var(--color-warning) 80%, transparent);--zone-glow: inset 0 0 13px color-mix(in oklab, var(--color-warning) 22%, transparent);--zone-shadow: inset 0 0 12px color-mix(in oklab, var(--color-warning) 35%, transparent)}.duel-room:not(.is-dragging) .zone{transition:border-color .15s,background .15s,box-shadow .55s ease-out}.duel-room:not(.is-dragging) .zone-panel{transition:filter .55s ease-out}.duel-room:not(.is-dragging) .zone-glow,.duel-room:not(.is-dragging) .zone-glow .zone-panel{transition-duration:.1s}.duel-room .zone-glow-target{--zone-edge: var(--color-primary);--zone-glow: inset 0 0 13px color-mix(in oklab, var(--color-primary) 24%, transparent);--zone-shadow: inset 0 0 14px color-mix(in oklab, var(--color-primary) 55%, transparent), 0 0 8px color-mix(in oklab, var(--color-primary) 40%, transparent)}.duel-room.is-dragging [data-dropzone],.duel-room.is-dragging [data-droppable]{--zone-edge: color-mix(in oklab, var(--color-primary) 62%, transparent);--zone-bg: color-mix(in oklab, var(--color-primary) 8%, var(--zone-fill))}.duel-room.is-dragging .drop-hot{--zone-edge: var(--color-primary);--zone-halo: color-mix(in oklab, var(--color-primary) 92%, transparent);--zone-glow: inset 0 0 14px color-mix(in oklab, var(--color-primary) 26%, transparent);--zone-bg: color-mix(in oklab, var(--color-primary) 20%, var(--zone-fill));--zone-shadow: inset 0 0 16px color-mix(in oklab, var(--color-primary) 40%, transparent), 0 0 10px color-mix(in oklab, var(--color-primary) 45%, transparent)}.duel-room.is-dragging .drop-blocked{--zone-edge: var(--color-error);--zone-halo: color-mix(in oklab, var(--color-error) 80%, transparent);--zone-glow: inset 0 0 13px color-mix(in oklab, var(--color-error) 22%, transparent);--zone-bg: color-mix(in oklab, var(--color-error) 16%, var(--zone-fill));--zone-shadow: inset 0 0 14px color-mix(in oklab, var(--color-error) 35%, transparent);cursor:not-allowed}.duel-room.is-dragging [data-droppable]:not(.zone){outline:1px dashed color-mix(in oklab,var(--color-primary) 55%,transparent);outline-offset:2px}.duel-room.is-dragging .drop-hot:not(.zone){outline:2px solid var(--color-primary);outline-offset:2px}.duel-room .zone-arrow{position:relative;width:0;height:0;margin-bottom:calc(var(--card-h, 140px) * .05);border-left:calc(var(--card-w, 99px) * .13) solid transparent;border-right:calc(var(--card-w, 99px) * .13) solid transparent;border-bottom:calc(var(--card-w, 99px) * .15) solid color-mix(in oklab,var(--color-primary) 42%,transparent);pointer-events:none}.duel-room .zone-arrow.opp{border-bottom:0;border-top:calc(var(--card-w, 99px) * .15) solid color-mix(in oklab,var(--color-primary) 42%,transparent)}.duel-room .zone-label{font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--color-base-content);text-shadow:0 1px 2px var(--color-base-100),0 0 6px color-mix(in oklab,var(--color-base-100) 95%,transparent),0 0 12px color-mix(in oklab,var(--color-base-100) 80%,transparent);text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none}.duel-room .zone-sublabel{font-size:.66rem;font-weight:600;color:color-mix(in oklab,var(--color-base-content) 85%,transparent);text-shadow:0 1px 2px var(--color-base-100),0 0 6px color-mix(in oklab,var(--color-base-100) 90%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none}.duel-room .zone-counter{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700;color:color-mix(in oklab,var(--color-base-content) 60%,transparent);text-shadow:0 0 6px color-mix(in oklab,var(--color-base-100) 90%,transparent);line-height:1}.duel-room .field-card{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.duel-room .field-card.atk,.duel-room .field-card.def,.duel-room .field-card.facedown{transform:rotate(0)}.duel-room .field-card.mon.def,.duel-room .field-card.mon.facedown{transform:rotate(-90deg)}.duel-room .overlay-material{position:absolute;top:50%;transform:translateY(-50%);pointer-events:all;cursor:pointer;border-radius:3px;box-shadow:0 0 4px #000c}.duel-room .atk-def-label{z-index:9;position:absolute;bottom:calc(-.15 * var(--card-h, 116px));left:50%;transform:translate(-50%);font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:700;letter-spacing:.01em;color:var(--color-base-content);background:color-mix(in oklab,var(--color-base-100) 92%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-primary) 35%,transparent);padding:1px 5px;border-radius:0;white-space:nowrap;pointer-events:auto;cursor:pointer}.duel-room .field-card.def .atk-def-label,.duel-room .field-card.facedown .atk-def-label{transform:translate(50%,-50%) rotate(90deg);transform-origin:center;top:50%;bottom:auto;left:auto;right:calc(100% + .095 * var(--card-h, 116px))}.duel-room .field-card.opp>:not(.atk-def-label):not(.counter-pip):not(.overlay-material){transform:rotate(180deg)}.duel-room .field-card.opp>.overlay-material{transform:translateY(-50%) rotate(180deg)}.duel-room .xyz-count{position:absolute;bottom:2px;left:2px;z-index:6;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:700;line-height:1;color:var(--color-base-content);background:color-mix(in oklab,var(--color-base-100) 88%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-primary) 55%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none}.duel-room .xyz-count.clickable{pointer-events:auto;cursor:pointer}.duel-room .zone.attack-target{--zone-edge: var(--color-error);--zone-halo: color-mix(in oklab, var(--color-error) 85%, transparent);--zone-shadow: inset 0 0 14px color-mix(in oklab, var(--color-error) 40%, transparent), 0 0 10px color-mix(in oklab, var(--color-error) 45%, transparent);cursor:crosshair}.duel-room .zone.attack-target .zone-panel{filter:drop-shadow(0 0 8px var(--zone-halo)) drop-shadow(0 0 18px color-mix(in oklab,var(--color-error) 55%,transparent))}.duel-room .direct-target{cursor:crosshair;box-shadow:inset 0 0 0 2px var(--color-error),inset 0 0 22px color-mix(in oklab,var(--color-error) 32%,transparent),0 0 14px color-mix(in oklab,var(--color-error) 45%,transparent)}.duel-room .direct-target:focus-visible{outline:2px solid var(--color-error);outline-offset:-2px}.duel-room .xyz-count.clickable:hover{background:color-mix(in oklab,var(--color-base-100) 96%,transparent);box-shadow:inset 0 0 0 1px var(--color-primary)}.duel-room .counter-pip{position:absolute;top:2px;right:2px;background:var(--color-accent);color:var(--color-accent-content);font-size:.6rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 3px;z-index:10;-webkit-user-select:none;user-select:none}.duel-room .counter-pip:hover{background:color-mix(in oklab,var(--color-accent) 75%,var(--color-base-content))}.duel-room .card-back{background-image:var(--sleeve, none),var(--card-back-face);background-size:cover,auto;background-position:center;border:1px solid color-mix(in oklab,var(--color-primary) 45%,transparent);border-radius:3px;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-primary) 20%,transparent)}.duel-room .field-card img,.duel-room .field-card canvas,.duel-room .field-card svg{max-height:var(--card-h, 140px)}.duel-room .duel-modal h3,.duel-room .side-modal h3{font-family:Chakra Petch,sans-serif;font-weight:700;letter-spacing:.02em}.duel-room .duel-modal label,.duel-room .side-modal label{font-family:JetBrains Mono,monospace;letter-spacing:.06em}.duel-room.is-rotated .duel-backdrop{left:0}.duel-room .fd-banish{position:relative}.duel-room .fd-banish>:not(.fd-corner){isolation:isolate}.duel-room .fd-banish .fd-corner{position:absolute;inset:0;z-index:5;pointer-events:none;clip-path:polygon(0 0,100% 100%,0 100%);background-image:var(--sleeve, none),var(--card-back-face);background-size:cover,auto;background-position:center;border-radius:3px}.duel-room .pile{position:relative;pointer-events:none;flex-shrink:0}.duel-room .pile-sideways{transform:rotate(-90deg);margin-block:calc((var(--card-w) - var(--card-h)) / 2)}.duel-room .pile-sideways .pile-count{transform:rotate(90deg)}.duel-room .pile-layer{position:absolute;width:var(--card-w, 99px);height:var(--card-h, 140px);border-radius:4px;box-shadow:0 1px 3px #0009}.duel-room .pile-face{background:color-mix(in oklab,var(--color-base-content) 20%,transparent);border:1px solid color-mix(in oklab,var(--color-base-content) 40%,transparent);border-radius:4px}.duel-room .pile-count{position:absolute;bottom:2px;left:2px;background:color-mix(in oklab,var(--color-base-100) 92%,transparent);border:1px solid color-mix(in oklab,var(--color-primary) 45%,transparent);color:var(--color-base-content);font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700;line-height:1;padding:3px 7px;border-radius:0;z-index:6}.duel-room .duel-brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .5rem;flex-shrink:0;padding:.6rem .7rem .5rem;line-height:1.25;border-bottom:1px solid color-mix(in oklab,var(--color-base-content) 12%,transparent)}.duel-room .duel-brand .hud-brand-sub{flex-basis:100%}.duel-room .ctl-eyebrow{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;line-height:1;color:color-mix(in oklab,var(--color-base-content) 45%,transparent);flex-shrink:0}.duel-room .ctl-eyebrow-span{grid-column:1 / -1;align-self:center;text-align:center;margin-bottom:1px}.duel-room .tool-btn{--k: 6px;padding:3px 6px;font-size:.68rem;letter-spacing:.05em;width:100%;text-align:center}.duel-room .banish-zone{width:calc(100% + (var(--play-w, 147px) - var(--card-w, 99px) - var(--zpad) * 2) / 2)}.duel-room .banish-mine{justify-self:end}.dpc-art-box.svelte-1xl1v2j{position:relative;container-type:inline-size;margin-inline:auto}@media(pointer:coarse)and (max-width:500px){.dpc-art.svelte-1xl1v2j,.dpc-art-box.svelte-1xl1v2j{display:none}}@media(pointer:coarse)and (max-height:500px){.dpc-art.svelte-1xl1v2j,.dpc-art-box.svelte-1xl1v2j{display:none}}