.cxt-table.cxt-table{--cxt-pile:clamp(85px,16dvh,132px);width:100%;max-width:none;height:100dvh;padding:0;display:block;position:fixed;inset:0;overflow:clip}.cxt-table>.cxt-top{z-index:40;background:#143747cc;height:48px;padding:4px 14px;position:absolute;inset:0 0 auto}.cxt-table>.cxt-arena.cxs-ring{width:100%;max-width:none;height:auto;box-shadow:none;--face:56px;--fan:100px;background:radial-gradient(at 50% 40%,#3b7866,#245b50 62%,#173f40);border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute;inset:48px 0 0}.cxt-table>.cxt-arena:before,.cxt-table>.cxt-arena:after{display:none}.cxt-table .cxs-core{gap:10px;width:45%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.cxt-table .cxs-top{gap:12px;width:50%;height:auto;position:absolute;top:8px;left:25%}.cxt-table .cxs-left,.cxt-table .cxs-right{justify-content:space-around;gap:8px;width:20%;position:absolute;top:22%;bottom:19%}.cxt-table .cxs-left{left:2%}.cxt-table .cxs-right{right:2%}.cxt-table .cxs-seat{width:min(160px,100%)}.cxt-table .cxt-stage-note>span{display:none}.cxt-table .cxt-stage-note{min-height:0}.cxt-table>.cxt-actions{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:75;flex-wrap:wrap;width:180px;position:absolute}.cxt-table>.cxt-actions button{flex:auto}.cxt-table>.cxt-actions .cxt-main{width:100%}.cxt-table .hand-edge{z-index:65;width:min(900px,100vw - 400px)}.cxt-table .cxt-shade{z-index:100}.cxt-table .cxt-hand-title{display:none}@media (max-height:649px),(max-width:999px){.cxt-table.cxt-table{--cxt-pile:clamp(64px,20dvh,98px)}.cxt-table>.cxt-top{height:40px}.cxt-table>.cxt-arena.cxs-ring{--face:30px;--fan:58px;inset:40px 0 0}.cxt-table .cxs-core{gap:4px;top:48%}.cxt-table .cxs-top{top:3px}.cxt-table .cxs-left,.cxt-table .cxs-right{width:18%;top:20%;bottom:17%}.cxt-table .cxs-seat{grid-template-rows:auto auto;grid-template-columns:32px auto;column-gap:5px;width:135px;display:grid}.cxt-table .cxs-face{grid-row:1/3}.cxt-table .cxs-name{max-width:95px;font-size:11px}.cxt-table .cxs-holding{width:58px}.cxt-table .cxt-hub{font-size:10px}.cxt-table .cxt-stage-note b{font-size:13px}.cxt-table>.cxt-actions{gap:4px;width:140px;bottom:8px;right:8px}.cxt-table>.cxt-actions button{min-height:34px;padding:5px;font-size:12px}.cxt-table .hand-edge{width:calc(100vw - 300px)}.cxt-table .hand-edge.open{width:70vw;bottom:8px}.cxt-table .cxt-dialog{gap:8px;padding:12px}.cxt-table .cxt-inspect-card{width:64px}}.cxt-table .hand-edge.open{bottom:44px!important}.cxt-table{--cl-ink:#141a2b;--cl-surface:#222942;--cl-paper:#fff5d9;--cl-accent:#ffd257;--cxt-col:#7bb8ff;--cxt-motion:.29s;--cxt-hand:clamp(62px,10.4dvh,95px);--cxt-pile:clamp(56px,13.2dvh,126px);isolation:isolate;box-sizing:border-box;width:100%;height:100dvh;max-height:100dvh;color:var(--cl-paper);letter-spacing:0;padding:max(5px,env(safe-area-inset-top)) max(7px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left));background:radial-gradient(at 55% 40%,#39415d,#242b43 55%,#161d32);grid-template:"bar""seats""arena"minmax(0,1fr)"hand"/100%;gap:6px;font:650 15px/1.22 system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.cxt-table *{box-sizing:border-box}.cxt-table button{-webkit-appearance:none;appearance:none;cursor:pointer;color:inherit;font:inherit;letter-spacing:0;touch-action:manipulation;border:0}.cxt-table button:disabled{cursor:default}.cxt-table :focus-visible{outline-offset:2px;outline:3px solid #fff0a2}.cxt-table h2,.cxt-table p{margin:0}.cxt-col-red{--cxt-col:#ff806e}.cxt-col-blue{--cxt-col:#7bb8ff}.cxt-col-green{--cxt-col:#72e4ba}.cxt-col-yellow{--cxt-col:#ffda66}.cxt-speed-fast{--cxt-motion:.15s}.cxt-speed-relaxed{--cxt-motion:.47s}.cxt-top{grid-area:bar;align-items:center;gap:8px;width:min(100%,1150px);min-height:42px;margin:auto;display:flex}.cxt-brand{width:clamp(85px,17vw,125px)}.cxt-round{white-space:nowrap;letter-spacing:2px;color:#c6ccdc;margin-left:auto;font-size:10px}.cxt-round b{color:var(--cl-paper);font-size:16px}.cxt-back,.cxt-icon,.cxt-secondary{background:#343c55;border-radius:10px;min-height:42px;padding:0 12px;border:1px solid #69718a!important;font-weight:780!important}.cxt-back,.cxt-icon{min-width:40px;font-size:21px!important}.cxt-back{font-size:29px!important}.cxt-seats{grid-area:seats;grid-template-columns:repeat(var(--cxt-cols),minmax(0,1fr));place-self:start center;gap:4px;width:min(100%,970px);display:grid}.cxt-seat{background:#1d263bb8;border:1px solid #59617a;border-radius:9px;align-items:center;gap:6px;min-width:0;padding:4px 6px;display:flex}.cxt-seat.cxt-active{border-color:var(--cxt-col);box-shadow:inset 0 -2px var(--cxt-col);background:#364151}.cxt-avatar{color:#fff0cf;background:#40516d;border-radius:6px;place-items:center;min-width:23px;height:24px;font-size:13px;font-weight:900;display:grid}.cxt-seat-text{min-width:0}.cxt-seat-text b,.cxt-seat-text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cxt-seat-text b{font-size:12px}.cxt-seat-text small{color:#d2d6e3;font-size:10px}.cxt-arena{isolation:isolate;background:radial-gradient(#384465e3,#26304ae8 70%),repeating-linear-gradient(-56deg,#475268 0 4px,#222e45 4px 19px);border:2px solid #67728a;border-radius:clamp(18px,4vw,54px);flex-direction:column;grid-area:arena;justify-content:center;align-items:center;gap:clamp(4px,1.35dvh,15px);min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #1c263c,0 4px #12192a}.cxt-arena:before,.cxt-arena:after{content:"";z-index:-1;border:1px dashed #d5dbf52d;border-radius:50%;width:min(80%,460px);height:55%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.cxt-arena:after{opacity:.4;border-style:solid;width:84%;height:75%;transform:translate(-50%,-50%)rotate(-14deg)}.cxt-hub{flex-wrap:nowrap;justify-content:center;align-items:center;gap:7px;display:flex}.cxt-colour,.cxt-direction{white-space:nowrap;border-radius:16px;padding:5px 9px;font-size:12px;font-weight:850}.cxt-colour{color:#141b28;background:var(--cxt-col)}.cxt-direction{color:#d9dfea;background:#21283c;font-size:11px}.cxt-piles{justify-content:center;align-items:center;gap:clamp(10px,3vw,45px);display:flex}.cxt-pile{justify-items:center;gap:6px;display:grid;position:relative}.cxt-pile>small{letter-spacing:1.8px;color:#d7dae3;font-size:9px;font-weight:800}.cxt-table .cxt-deck,.cxt-table .cxt-discard{min-width:0;width:var(--cxt-pile);aspect-ratio:7/10;isolation:isolate;background:0 0;border:0;border-radius:8px;padding:0;transition:outline-color .18s;display:block;position:relative}.cxt-deck:before,.cxt-deck:after{content:"";z-index:-1;background:#ead9a6;border:2px solid #141a2b;border-radius:9%;position:absolute;inset:0;transform:translate(-5px,5px)}.cxt-deck:after{transform:translate(-3px,3px)}.cxt-deck{transform:rotate(-7deg)}.cxt-discard{transform:rotate(6deg)}.cxt-flip{animation:cxt-play var(--cxt-motion) ease-out both;display:block}.cxt-discard.drop-ready{outline-offset:5px;outline:3px dashed #ffe689}.cxt-cross{color:#c1cbde66;font-size:24px}.cxt-stage-note{text-align:center;align-content:start;justify-items:center;gap:2px;width:min(96%,740px);min-height:39px;display:grid}.cxt-stage-note>b{font-size:clamp(15px,3vw,24px);line-height:1.05}.cxt-stage-note>span{color:#d7dceb;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:560;display:-webkit-box;overflow:hidden}.cxt-stage-note .cxt-special{color:#ffdc77;text-transform:uppercase;animation:cxt-pop var(--cxt-motion) ease-out;font-style:italic}.cxt-stage-note .fx-stack{color:#ff9c85}.cxt-stage-note .fx-last{color:#8debc1}.cxt-dock{background:#1c2338e8;border-radius:14px;grid-area:hand;justify-self:center;gap:3px;width:min(100%,1150px);min-width:0;padding:6px clamp(4px,1vw,14px);display:grid}.cxt-hand-title{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.cxt-hand-title>b{letter-spacing:1.2px;white-space:nowrap;color:#dbe0ec;font-size:10px}.cxt-hand-title i{background:#3e4863;border-radius:10px;padding:1px 6px;font-style:normal}.cxt-hand-title>span{color:#fff2c8;text-align:right;max-width:75%;min-height:1.2em;font-size:11px;line-height:1.18}.cxt-hand{scrollbar-width:thin;scrollbar-color:#61708f transparent;align-items:flex-end;gap:4px;min-width:0;padding:7px 3px 2px;scroll-padding:8px;display:flex;overflow:auto hidden}.cxt-table .cxt-inhand{width:var(--cxt-hand);flex:0 0 var(--cxt-hand);aspect-ratio:7/10;touch-action:pan-x;-webkit-user-select:none;user-select:none;min-width:0;animation:cxt-deal var(--cxt-motion) ease-out both;animation-delay:calc(var(--idx)*20ms);background:0 0;border-radius:10%;padding:0;transition:filter .12s,transform .12s;display:block;position:relative}.cxt-inhand.unavailable .clash-art-card{filter:saturate(.57)brightness(.77)}.cxt-inhand.playable{box-shadow:0 2px #b9e6b0}.cxt-table .cxt-inhand.selected{outline-offset:1px;outline:2px solid #ffdf70;transform:translateY(-4px)}.cxt-table .cxt-inhand.selected .clash-art-card{filter:none}.cxt-table .cxt-actions{justify-content:flex-end;gap:6px;display:flex}.cxt-table .cxt-actions>*{min-width:0}.cxt-main{background:#ffdb68;border-radius:11px;min-height:44px;padding:6px 17px;font-size:15px;box-shadow:0 2px #0e1320;color:#1b2032!important;border:2px solid #171b29!important;font-weight:900!important}.cxt-actions .cxt-main{min-width:min(45%,190px)}.cxt-main:disabled,.cxt-secondary:disabled{opacity:.48}.cxt-lastbtn{background:#81f3cb;box-shadow:0 0 0 2px #bcffdf,0 2px #102a23}.cxt-float{width:var(--cxt-hand);pointer-events:none;z-index:8;filter:drop-shadow(0 10px 7px #0007);position:absolute;transform:translate(-50%,-72%)rotate(-6deg)}.cxt-shade{z-index:9;background:#0a101cbb;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.cxt-dialog{text-align:center;background:#242c45;border:2px solid #848ca4;border-radius:19px;justify-items:stretch;gap:12px;width:min(380px,100%);max-height:100%;padding:20px;display:grid;overflow:auto;box-shadow:0 8px 35px #070b1488}.cxt-dialog>small{letter-spacing:2px;color:#9cdbca;font-weight:850}.cxt-dialog h2{color:#fff1c9;font-size:clamp(22px,5vw,32px);font-weight:950}.cxt-dialog p{color:#d6dbe6;line-height:1.4}.cxt-wheel{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cxt-wheel button{background:var(--cxt-col);color:#172138;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:54px;font-weight:900;display:flex}.cxt-wheel b{font-size:21px}.cxt-inspect-card{justify-self:center;width:86px}.cxt-standing{gap:4px;margin:0;padding:0;list-style:none;display:grid}.cxt-standing li{background:#333b54;border-radius:7px;justify-content:space-between;padding:3px 10px;font-size:13px;display:flex}.cxt-burst{color:#ffda69;font-size:45px;line-height:1;animation:.55s ease-out cxt-pop}.cxt-victory .cxt-dialog{border-color:#efc35d}.cxt-arena.fx-reverse .cxt-direction{animation:cxt-turn var(--cxt-motion) ease-in-out}.cxt-arena.fx-skip .cxt-cross{animation:cxt-flash var(--cxt-motion) alternate}.cxt-draw-fx{pointer-events:none;z-index:4;opacity:0;width:16px;height:22px;animation:cxt-flight var(--cxt-motion) ease-out both;animation-delay:calc(var(--j)*45ms);background:repeating-linear-gradient(35deg,#1c263b 0 3px,#46a595 3px 6px);border:2px solid #f4e4bc;border-radius:3px;position:absolute;top:50%;left:44%}@keyframes cxt-play{0%{opacity:.45;transform:translate(-42px,23px)rotate(-23deg)scale(.86)}to{opacity:1;transform:none}}@keyframes cxt-pop{0%{transform:scale(.72)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes cxt-deal{0%{opacity:.2;translate:-8px 7px}to{opacity:1;translate:none}}@keyframes cxt-flight{0%{opacity:1;transform:rotate(-7deg)}to{opacity:0;transform:translate(48px,var(--travel,62px)) rotate(17deg)}}@keyframes cxt-turn{50%{transform:rotate(-12deg)scale(1.14)}}@keyframes cxt-flash{50%{color:#fff3bb;transform:scale(1.5)}}@media (max-width:520px){.cxt-seat{justify-content:center;padding:3px}.cxt-seats:has(.cxt-seat:nth-child(4)) .cxt-avatar{display:none}.cxt-seat-text{max-width:100%}.cxt-seat-text small{font-size:9px}.cxt-seat-text b{font-size:11px}}@media (min-width:760px) and (min-height:600px){.cxt-table{gap:9px;padding:10px 4vw 12px}.cxt-arena{justify-self:center;width:100%;max-width:1150px}.cxt-dock{padding:9px 18px}.cxt-hand{justify-content:safe center}.cxt-top{min-height:53px}.cxt-avatar{min-width:29px;height:29px}.cxt-hand-title>span{font-size:13px}}@media (orientation:landscape) and (max-height:550px){.cxt-table{--cxt-pile:clamp(41px,15dvh,70px);--cxt-hand:clamp(51px,15dvh,66px);grid-template:"bar bar"34px"seats seats""arena hand"minmax(0,1fr)/minmax(0,.95fr) minmax(0,1.05fr);gap:4px;padding:3px 8px}.cxt-brand{width:80px}.cxt-top{min-height:30px}.cxt-back,.cxt-icon{min-width:32px;min-height:30px}.cxt-arena{gap:3px}.cxt-stage-note{min-height:28px}.cxt-stage-note>span{font-size:10px}.cxt-dock{align-content:center;align-self:stretch}.cxt-hand-title{flex-wrap:wrap}.cxt-hand-title>span{max-width:100%}.cxt-actions .cxt-main,.cxt-secondary{min-height:36px}.cxt-hub>span{padding-block:3px}}@media (prefers-reduced-motion:reduce){.cxt-table *,.cxt-table :before,.cxt-table :after{transition:none!important;animation-duration:.01ms!important;animation-delay:0s!important}}.cxt-table{grid-template:"bar""arena"minmax(0,1fr)"hand"/100%}.cxt-arena.cxs-ring{--side:0px;--face:clamp(38px,5.7dvh,59px);--fan:clamp(53px,8dvh,76px);grid-template-columns:var(--side) minmax(0,1fr) var(--side);background:radial-gradient(at 50% 53%,#30665f 0%,#235650 50%,#143e3b 95%);border:4px solid #98734e;border-radius:clamp(22px,5vw,64px);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"across across across""left pot right";justify-content:stretch;align-items:stretch;gap:0;padding:clamp(5px,1.6vw,15px);display:grid;box-shadow:inset 0 0 0 2px #bca97e,inset 0 0 40px #082b31a3,0 4px #101729}.cxt-arena.cxs-ring:before{border-radius:inherit;border:1px dashed #a6dbb858;width:auto;height:auto;inset:7px;transform:none}.cxt-arena.cxs-ring:after{border:1px solid #bfdda329;width:74%;height:62%;transform:translate(-50%,-42%)}.cxt-arena.cxs-ring.has-sides{--side:clamp(58px,13vw,105px)}.cxs-ring.crowded{--face:clamp(27px,4.5dvh,44px);--fan:clamp(45px,7dvh,65px)}.cxs-top{grid-area:across;justify-content:space-evenly;align-items:center;min-width:0;display:flex}.cxs-left,.cxs-right{justify-content:space-evenly;align-items:center;min-height:0;display:flex}.cxs-left{flex-direction:column-reverse;grid-area:left}.cxs-right{flex-direction:column;grid-area:right}.cxs-seat{color:#fff9df;align-content:center;justify-items:center;gap:1px;width:clamp(65px,13vw,116px);min-width:0;max-width:100%;display:grid}.cxs-face{width:var(--face);height:var(--face);background:#fff7df;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px 4px #072d29}.cxs-face .character-avatar{border:2px solid #ffeac3;border-radius:50%;width:100%;height:100%;overflow:hidden;--avatar-size:var(--face)!important}.cxs-seat.is-playing .cxs-face{outline-offset:2px;outline:3px solid #ffe66e}.cxs-name{text-overflow:ellipsis;white-space:nowrap;background:#153d39;border-radius:6px;max-width:100%;padding:1px 5px;font:800 clamp(11px,2vw,14px)/1.15 system-ui;overflow:hidden}.cxs-seat.is-playing .cxs-name{color:#ffe488}.cxs-holding{width:var(--fan);padding-right:8px;position:relative}.cxs-fan{width:100%;height:auto;display:block;overflow:visible}.cxs-count{text-align:center;color:#202b37;background:#fff3c9;border-radius:6px;min-width:14px;padding:0 3px;font:700 10px/14px system-ui;position:absolute;bottom:0;right:0}.cxs-core{grid-area:pot;align-self:center;justify-items:center;gap:clamp(3px,1dvh,12px);min-width:0;display:grid}.cxs-core .cxt-stage-note{overflow-wrap:anywhere;max-width:100%}.cxs-core .cxt-hub{flex-wrap:wrap;justify-content:center;gap:3px}.cxs-core .cxt-colour,.cxs-core .cxt-direction{padding:3px 6px}.cxt-hand-title .cxs-self{letter-spacing:.03em;align-items:center;gap:5px;min-width:0;display:flex}.cxs-self>span:not(.character-avatar){text-overflow:ellipsis;white-space:nowrap;max-width:30vw;overflow:hidden}.cxs-self .character-avatar{flex:none}@media (max-width:460px){.cxs-ring.has-sides{--cxt-pile:clamp(45px,14vw,65px)}.cxs-core .cxt-piles{gap:5px}.cxs-core .cxt-cross{font-size:12px}.cxs-core .cxt-stage-note>span{font-size:11px}}@media (orientation:landscape) and (max-height:550px){.cxt-table{grid-template:"bar bar"34px"arena hand"minmax(0,1fr)/minmax(0,1.6fr) minmax(0,1fr)}.cxt-arena.cxs-ring{--face:27px;--fan:43px;padding:3px 6px}.cxt-arena.cxs-ring.has-sides{--side:54px}.cxs-seat{gap:0}.cxs-name{font-size:10px}.cxs-core .cxt-piles{gap:5px}.cxs-self .character-avatar{--avatar-size:23px!important}.cxs-core{gap:3px}}.cxt-hand.game-card-hand{align-self:center}.cxt-table .game-card-hand .cxt-inhand{touch-action:none;animation:none}.cxt-table .game-card-hand .cxt-inhand.selected{transform:none}.cxt-table .cxt-dock:has([data-expanded]){z-index:8}.cxt-table{--cl-ink:#17394f;--cl-paper:#fff6df;background:radial-gradient(at 50% 25%,#315d62,#17394f 80%)}.cxt-arena.cxs-ring{background:radial-gradient(at 50% 40%,#3b7866,#245b50 62%,#173f40);border-color:#ae8051;box-shadow:inset 0 0 0 2px #e2c18e,inset 0 0 40px #082b31a3,0 4px #102e3b}.cxt-table .cxt-back,.cxt-table .cxt-icon,.cxt-table .cxt-secondary{color:#fff6df;background:#244c5c;border-color:#8eabac!important}.cxt-table .cxt-main{background:linear-gradient(#ffd5a3,#edaa73);border-radius:12px;color:#17394f!important;border-color:#17394f!important}.cxt-dock{background:#102f42dd;border:1px solid #88a7a950}.cxs-name{background:#17394fd9}.cxt-direction{background:#17394f}.cxt-hand-title i{background:#315f6d}.cxt-dialog{color:#17394f;background:linear-gradient(#fff9e9,#f2e2be);border:3px solid #c7a36c}.cxt-dialog h2,.cxt-dialog p{color:#17394f}.cxt-dialog>small{color:#9b4b38}.cxt-standing li{color:#17394f;background:#e3cfa5}.cxt-dialog .cxt-secondary{color:#fff5df;background:#17394f}.cxt-stage-note .cxt-special{font-style:normal}.cxt-round{color:#d5e1dd}@media (min-width:1000px) and (min-height:650px){.cxt-table{--cxt-pile:clamp(85px,8vw,125px);padding-inline:24px}.cxt-arena.cxs-ring{--face:64px;--fan:110px;--side:150px;width:100%;max-width:1800px;margin-inline:auto;padding:20px 30px}.cxs-seat{width:140px}.cxs-name{font-size:16px}.cxs-core .cxt-stage-note>span{font-size:14px}}