*{box-sizing:border-box}:root{--gold-100: #f5d78e;--gold-200: #f0c06a;--gold: #d4b06a;--gold-400: #d4934a;--gold-ink: #14100a;--cream: #ffe9c2;--danger: #e5484d;--danger-soft: #ff8a8d;--ok: #46a758;--ok-soft: #8fe3a4;--info: #3e9df0;--info-soft: #9fd4ff;--ink: #0a1f27;--panel: #122d38d9;--line: #2c5560}:root{--cur-default: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3clinearGradient%20id='lf'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23fff8dc'/%3e%3cstop%20offset='1'%20stop-color='%23f2c46a'/%3e%3c/linearGradient%3e%3clinearGradient%20id='rf'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23e9ae55'/%3e%3cstop%20offset='1'%20stop-color='%239a5f1c'/%3e%3c/linearGradient%3e%3clinearGradient%20id='grip'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%3e%3cstop%20offset='0'%20stop-color='%235a3a1a'/%3e%3cstop%20offset='.5'%20stop-color='%233a2410'/%3e%3cstop%20offset='1'%20stop-color='%2322140a'/%3e%3c/linearGradient%3e%3cradialGradient%20id='gem'%20cx='.35'%20cy='.3'%20r='.8'%3e%3cstop%20offset='0'%20stop-color='%23ffffff'/%3e%3cstop%20offset='.28'%20stop-color='%237de3ee'/%3e%3cstop%20offset='1'%20stop-color='%23135a66'/%3e%3c/radialGradient%3e%3cfilter%20id='bl'%20x='-60%25'%20y='-60%25'%20width='220%25'%20height='220%25'%3e%3cfeGaussianBlur%20stdDeviation='1.5'/%3e%3c/filter%3e%3c/defs%3e%3cg%20transform='translate(7%204)%20rotate(-27)'%3e%3cg%20transform='translate(1.3%201.5)'%20opacity='.45'%3e%3cpath%20d='M0%200%20L7.6%2014.6%20Q3.6%2012.6%200%2012.4%20Q-3.6%2012.6%20-7.6%2014.6%20Z'%20fill='%23000'/%3e%3crect%20x='-1.7'%20y='12.4'%20width='3.4'%20height='5.4'%20fill='%23000'/%3e%3ccircle%20cx='0'%20cy='20.2'%20r='3'%20fill='%23000'/%3e%3c/g%3e%3crect%20x='-1.7'%20y='12.4'%20width='3.4'%20height='5.4'%20rx='1'%20fill='url(%23grip)'%20stroke='%23160d04'%20stroke-width='.9'/%3e%3cpath%20d='M-1.7%2014.2%20L1.7%2014.2%20M-1.7%2016%20L1.7%2016'%20stroke='%23e9b45e'%20stroke-width='.8'/%3e%3ccircle%20cx='0'%20cy='20.2'%20r='3'%20fill='url(%23gem)'%20stroke='%23160d04'%20stroke-width='1'/%3e%3ccircle%20cx='-.9'%20cy='19.2'%20r='.8'%20fill='%23fff'%20opacity='.95'/%3e%3cpath%20d='M0%200%20L0%2012.4%20Q-3.6%2012.6%20-7.6%2014.6%20Z'%20fill='url(%23lf)'/%3e%3cpath%20d='M0%200%20L7.6%2014.6%20Q3.6%2012.6%200%2012.4%20Z'%20fill='url(%23rf)'/%3e%3cpath%20d='M0%203.4%20L4.6%2012.1%20Q2.2%2011.1%200%2011%20Q-2.2%2011.1%20-4.6%2012.1%20Z'%20fill='none'%20stroke='%238a5418'%20stroke-width='.7'%20opacity='.8'/%3e%3cpath%20d='M0%201.6%20L0%2010.8'%20stroke='%23fffbe8'%20stroke-width='.8'%20stroke-linecap='round'%20opacity='.9'/%3e%3cpath%20d='M0%200%20L7.6%2014.6%20Q3.6%2012.6%200%2012.4%20Q-3.6%2012.6%20-7.6%2014.6%20Z'%20fill='none'%20stroke='%23160d04'%20stroke-width='1.25'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e") 7 4, default;--cur-pointer: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3clinearGradient%20id='lf'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23fff8dc'/%3e%3cstop%20offset='1'%20stop-color='%23f2c46a'/%3e%3c/linearGradient%3e%3clinearGradient%20id='rf'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23e9ae55'/%3e%3cstop%20offset='1'%20stop-color='%239a5f1c'/%3e%3c/linearGradient%3e%3clinearGradient%20id='grip'%20x1='0'%20y1='0'%20x2='1'%20y2='0'%3e%3cstop%20offset='0'%20stop-color='%235a3a1a'/%3e%3cstop%20offset='.5'%20stop-color='%233a2410'/%3e%3cstop%20offset='1'%20stop-color='%2322140a'/%3e%3c/linearGradient%3e%3cradialGradient%20id='gem'%20cx='.35'%20cy='.3'%20r='.8'%3e%3cstop%20offset='0'%20stop-color='%23ffffff'/%3e%3cstop%20offset='.28'%20stop-color='%23ffd9a0'/%3e%3cstop%20offset='1'%20stop-color='%23d0601f'/%3e%3c/radialGradient%3e%3cfilter%20id='bl'%20x='-60%25'%20y='-60%25'%20width='220%25'%20height='220%25'%3e%3cfeGaussianBlur%20stdDeviation='1.5'/%3e%3c/filter%3e%3c/defs%3e%3cg%20transform='translate(7%204)%20rotate(-27)'%3e%3cg%20filter='url(%23bl)'%20opacity='.95'%3e%3cpath%20d='M0%200%20L7.6%2014.6%20Q3.6%2012.6%200%2012.4%20Q-3.6%2012.6%20-7.6%2014.6%20Z'%20fill='%23ffd27a'%20stroke='%23ffd27a'%20stroke-width='3.2'%20stroke-linejoin='round'/%3e%3crect%20x='-2.5'%20y='12'%20width='5'%20height='6.5'%20fill='%23ffcf72'/%3e%3ccircle%20cx='0'%20cy='20.2'%20r='5'%20fill='%23ffad57'/%3e%3c/g%3e%3cg%20transform='translate(1.3%201.5)'%20opacity='.45'%3e%3cpath%20d='M0%200%20L7.6%2014.6%20Q3.6%2012.6%200%2012.4%20Q-3.6%2012.6%20-7.6%2014.6%20Z'%20fill='%23000'/%3e%3crect%20x='-1.7'%20y='12.4'%20width='3.4'%20height='5.4'%20fill='%23000'/%3e%3ccircle%20cx='0'%20cy='20.2'%20r='3'%20fill='%23000'/%3e%3c/g%3e%3crect%20x='-1.7'%20y='12.4'%20width='3.4'%20height='5.4'%20rx='1'%20fill='url(%23grip)'%20stroke='%23160d04'%20stroke-width='.9'/%3e%3cpath%20d='M-1.7%2014.2%20L1.7%2014.2%20M-1.7%2016%20L1.7%2016'%20stroke='%23e9b45e'%20stroke-width='.8'/%3e%3ccircle%20cx='0'%20cy='20.2'%20r='3'%20fill='url(%23gem)'%20stroke='%23160d04'%20stroke-width='1'/%3e%3ccircle%20cx='-.9'%20cy='19.2'%20r='.8'%20fill='%23fff'%20opacity='.95'/%3e%3cpath%20d='M0%200%20L0%2012.4%20Q-3.6%2012.6%20-7.6%2014.6%20Z'%20fill='url(%23lf)'/%3e%3cpath%20d='M0%200%20L7.6%2014.6%20Q3.6%2012.6%200%2012.4%20Z'%20fill='url(%23rf)'/%3e%3cpath%20d='M0%203.4%20L4.6%2012.1%20Q2.2%2011.1%200%2011%20Q-2.2%2011.1%20-4.6%2012.1%20Z'%20fill='none'%20stroke='%238a5418'%20stroke-width='.7'%20opacity='.8'/%3e%3cpath%20d='M0%201.6%20L0%2010.8'%20stroke='%23fffbe8'%20stroke-width='.8'%20stroke-linecap='round'%20opacity='.9'/%3e%3cpath%20d='M0%200%20L7.6%2014.6%20Q3.6%2012.6%200%2012.4%20Q-3.6%2012.6%20-7.6%2014.6%20Z'%20fill='none'%20stroke='%23160d04'%20stroke-width='1.25'%20stroke-linejoin='round'/%3e%3cpath%20d='M10.6%201.2%20L11.3%203.3%20L13.4%204%20L11.3%204.7%20L10.6%206.8%20L9.9%204.7%20L7.8%204%20L9.9%203.3%20Z'%20fill='%23fffbe8'%20stroke='%23e9a640'%20stroke-width='.5'/%3e%3ccircle%20cx='12.6'%20cy='8.6'%20r='.7'%20fill='%23fffbe8'/%3e%3c/g%3e%3c/svg%3e") 7 4, pointer;--cur-target: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%3e%3cdefs%3e%3cfilter%20id='bl'%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%3e%3cfeGaussianBlur%20stdDeviation='1.1'/%3e%3c/filter%3e%3c/defs%3e%3ccircle%20cx='16'%20cy='16'%20r='9'%20fill='none'%20stroke='%23ffad57'%20stroke-width='3'%20filter='url(%23bl)'%20opacity='.75'/%3e%3ccircle%20cx='16'%20cy='16'%20r='9'%20fill='none'%20stroke='%23160d04'%20stroke-width='3.2'/%3e%3ccircle%20cx='16'%20cy='16'%20r='9'%20fill='none'%20stroke='%23f2c46a'%20stroke-width='1.6'/%3e%3ccircle%20cx='16'%20cy='16'%20r='9'%20fill='none'%20stroke='%23fff8dc'%20stroke-width='.6'%20stroke-dasharray='2%204.3'%20opacity='.8'/%3e%3cg%20transform='rotate(0%2016%2016)'%3e%3cpath%20d='M16%207.6%20L18.5%202.8%20L16%203.9%20L13.5%202.8%20Z'%20fill='%23f2c46a'%20stroke='%23160d04'%20stroke-width='.9'%20stroke-linejoin='round'/%3e%3c/g%3e%3cg%20transform='rotate(90%2016%2016)'%3e%3cpath%20d='M16%207.6%20L18.5%202.8%20L16%203.9%20L13.5%202.8%20Z'%20fill='%23f2c46a'%20stroke='%23160d04'%20stroke-width='.9'%20stroke-linejoin='round'/%3e%3c/g%3e%3cg%20transform='rotate(180%2016%2016)'%3e%3cpath%20d='M16%207.6%20L18.5%202.8%20L16%203.9%20L13.5%202.8%20Z'%20fill='%23f2c46a'%20stroke='%23160d04'%20stroke-width='.9'%20stroke-linejoin='round'/%3e%3c/g%3e%3cg%20transform='rotate(270%2016%2016)'%3e%3cpath%20d='M16%207.6%20L18.5%202.8%20L16%203.9%20L13.5%202.8%20Z'%20fill='%23f2c46a'%20stroke='%23160d04'%20stroke-width='.9'%20stroke-linejoin='round'/%3e%3c/g%3e%3cpath%20d='M16%2013%20L19%2016%20L16%2019%20L13%2016%20Z'%20fill='%237de3ee'%20stroke='%23160d04'%20stroke-width='.9'/%3e%3cpath%20d='M16%2013.9%20L17.1%2015%20L16%2015.6%20Z'%20fill='%23fff'%20opacity='.9'/%3e%3c/svg%3e") 16 16, crosshair}html,body{cursor:var(--cur-default)}button:not(:disabled),select,a[href],summary,label.switch,input[type=range],input[type=checkbox]{cursor:var(--cur-pointer)}html,body{margin:0;height:100%}body.page-table{background:#0f2832;color:#fff6df;font-family:Sarabun,Noto Sans Thai,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}body.page-table:before{content:"";position:fixed;top:-24px;right:-24px;bottom:-24px;left:-24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 70% at 50% 48%,#102c370d,#0a1f278c),linear-gradient(180deg,#0c222b47,#0a1f2761),url(/assets/board/arena.webp) center / cover no-repeat;filter:blur(3px) saturate(1.05)}#app{height:100vh;display:flex;flex-direction:column}.btn{font-family:inherit;font-size:13px;font-weight:700;padding:9px 18px;border-radius:12px;cursor:var(--cur-pointer);border:1px solid #3a6a72;background:#183843e6;color:#eef2ea;transition:all .15s ease;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn:hover:not(:disabled){border-color:var(--gold);color:#fff;transform:translateY(-1px)}.btn:disabled{opacity:.3;cursor:var(--cur-default)}.btn.primary{background:linear-gradient(135deg,var(--gold-200),var(--gold-400));color:var(--gold-ink);border-color:var(--gold-200)}.btn.danger{background:linear-gradient(135deg,#e5484d,#a52a2e);border-color:#e5484d;color:#fff}.btn.ghost{background:transparent}@keyframes badge-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060ac7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadein .2s ease}.modal{position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse 130% 85% at 50% -25%,rgba(212,176,106,.12),transparent 55%),linear-gradient(180deg,#173641,#112a33 55%,#0d232c);border:1px solid #3a6a72;border-radius:22px;padding:22px 26px 20px;max-width:660px;width:min(92vw,660px);max-height:86vh;overflow-y:auto;box-shadow:0 0 0 1px #0a1f27,0 0 0 3px #d4b06a47,0 0 0 4px #0a1f27,0 0 60px -12px #d4b06a66,0 30px 70px -20px #000000d9;animation:panel-in .18s cubic-bezier(.2,.9,.3,1.15) both}@keyframes panel-in{0%{opacity:0;transform:translateY(14px) scale(.955)}to{opacity:1;transform:translateY(0) scale(1)}}.modal:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;border:1px solid rgba(212,176,106,.15);border-radius:16px}.modal:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;pointer-events:none;border-radius:12px;background:radial-gradient(circle 3px at 0 0,rgba(245,215,142,.8) 98%,transparent) top left / 8px 8px no-repeat,radial-gradient(circle 3px at 100% 0,rgba(245,215,142,.8) 98%,transparent) top right / 8px 8px no-repeat,radial-gradient(circle 3px at 0 100%,rgba(245,215,142,.8) 98%,transparent) bottom left / 8px 8px no-repeat,radial-gradient(circle 3px at 100% 100%,rgba(245,215,142,.8) 98%,transparent) bottom right / 8px 8px no-repeat}.modal h2{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;font-family:Cinzel,serif;color:var(--gold);margin:0 0 4px;letter-spacing:1.5px;font-size:21px;text-align:center;text-shadow:0 2px 18px rgba(212,176,106,.35)}.modal h2:before,.modal h2:after{content:"";height:1px;width:46px;flex:none;background:linear-gradient(90deg,transparent,rgba(212,176,106,.6))}.modal h2:after{background:linear-gradient(270deg,transparent,rgba(212,176,106,.6))}.modal p.sub{color:#abc2bb;margin:0 0 14px;font-size:13.5px}.modal .btn-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}.modal:has(.modal-body){overflow:hidden}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;margin:6px -26px 0;padding:2px 26px 8px}.modal-foot{flex:0 0 auto;margin-top:auto;padding:12px 0 0;border-top:1px solid rgba(212,176,106,.16);box-shadow:0 -14px 26px -20px #000c}.modal-foot .btn-row{margin-top:0}.modal.confirm-modal{max-width:min(92vw,440px);text-align:center}.modal.confirm-modal .confirm-icon{font-size:44px;line-height:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6))}.modal.confirm-modal h2{margin-top:6px}.modal.confirm-modal p.sub{margin:8px 0 2px;font-size:14px;color:#ccdad3;line-height:1.7}.modal.confirm-modal .btn-row{margin-top:18px}.modal.confirm-modal .btn.danger{background:linear-gradient(135deg,#e5484d,#a52a2e);border-color:#e5484d;color:#fff}.scene{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:min(92vw,640px);position:relative;animation:panel-in .3s cubic-bezier(.2,.9,.3,1.15) both;text-shadow:0 2px 14px rgba(0,0,0,.92)}.scene:before{content:"";position:absolute;left:50%;top:44%;z-index:-1;transform:translate(-50%,-50%);width:720px;height:720px;max-width:150vw;border-radius:50%;background:radial-gradient(circle,var(--sc, rgba(212,176,106,.16)),transparent 62%)}.scene .scene-icon{font-size:68px;line-height:1;filter:drop-shadow(0 12px 34px rgba(0,0,0,.65));animation:scene-float 2.6s ease-in-out infinite}@keyframes scene-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.scene h2{font-family:Cinzel,serif;font-size:32px;margin:0;letter-spacing:2px;color:var(--gold);text-shadow:0 0 34px rgba(212,176,106,.55),0 3px 18px rgba(0,0,0,.9)}.scene h2.big{font-size:44px;letter-spacing:3px}.scene p.sub{color:#ccdad3;font-size:14.5px;line-height:1.7;margin:0}.scene .btn-row{margin-top:8px}*{scrollbar-width:thin;scrollbar-color:#33606a transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:#33606a;border-radius:999px;border:2px solid #0c222b}::-webkit-scrollbar-thumb:hover{background:#4a7a80}.menu-screen{position:relative;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:30px 20px 60px;gap:16px}.menu-screen.auth-screen{justify-content:safe center;padding-bottom:30px}.menu-head{text-align:center}.menu-head h1{font-family:Cinzel,serif;font-size:40px;margin:0;letter-spacing:3px;background:linear-gradient(180deg,#fff,var(--mat-accent, var(--gold)));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 40px rgba(212,176,106,.25);filter:drop-shadow(0 2px 4px rgba(6,22,28,.85))}.menu-head .tagline{color:#fff6df;margin-top:4px;font-size:15px;text-shadow:0 1px 3px rgba(6,22,28,.9)}.menu-screen.hub{align-items:stretch;padding:0;gap:0}.menu-screen.hub:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 220px -70px #d69a3d8c,inset 0 0 160px -50px #06161cd9}.menu-screen.hub>*{position:relative;z-index:1}.menu-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px clamp(18px,4vw,54px);border-bottom:1px solid var(--mat-rim, var(--line));background:linear-gradient(180deg,#0c222bdb,#0c222b9e);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mtb-brand{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.mtb-brand h1{font-family:Cinzel,serif;font-size:clamp(26px,3.2vw,40px);margin:0;letter-spacing:3px;background:linear-gradient(180deg,#fff,var(--mat-accent, var(--gold)));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 4px rgba(6,22,28,.85))}.mtb-brand .tagline{color:#dfe8e2;font-size:13px}.mtb-acc{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn.gear-btn,.btn.small.news-btn{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;color:var(--gold);background:#0e2630c7;border:1px solid var(--line)}.btn.gear-btn:hover,.btn.news-btn:hover{color:var(--gold-100);border-color:var(--gold)}.btn.news-btn{position:relative}.btn.news-btn .bicon{margin-right:0}.btn.news-btn .bicon svg{width:18px;height:18px}.news-btn.new:after{content:"";position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#e5484d;border:2px solid #0c2229;box-shadow:0 0 8px #e5484dcc}.btn.gear-btn .bicon svg{width:18px;height:18px}.hub-stage{flex:1;display:grid;align-items:center;align-content:center;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:clamp(20px,4vw,64px);width:min(1240px,100%);margin:0 auto;padding:clamp(14px,3vh,36px) clamp(16px,4vw,54px) 18px}.hub-eyebrow{display:flex;align-items:center;gap:12px;justify-content:center;align-self:stretch;white-space:nowrap;font-size:13px;font-weight:800;letter-spacing:1px;color:var(--gold-100);text-shadow:0 1px 3px rgba(6,22,28,.9)}.hub-eyebrow:before,.hub-eyebrow:after{content:"";flex:0 1 64px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.hub-eyebrow:after{transform:scaleX(-1)}.deck-show{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;text-align:center}.ds-scene{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:560px;height:380px;margin-top:4px}.ds-scene:before{content:"";position:absolute;top:4%;right:16%;bottom:0;left:16%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(240,192,106,.34),rgba(214,154,61,.1) 60%,transparent);filter:blur(10px)}.hero-portrait.prof-hero.ds-hero{flex:none;width:258px;height:344px;margin:0 0 22px;border:0;font:inherit;cursor:var(--cur-pointer);transition:transform .2s,box-shadow .2s}.hero-portrait.ds-hero:hover{transform:translateY(-4px);box-shadow:0 0 24px 2px #f0c06a8c,0 16px 26px #00000080}.ds-hero-name{position:absolute;z-index:3;left:50%;bottom:-13px;translate:-50% 0;padding:4px 16px;border-radius:999px;white-space:nowrap;font:800 13px/1.2 Cinzel,serif;letter-spacing:1px;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-100),var(--gold-400));border:2px solid var(--gold-ink);box-shadow:0 3px 12px #000a}.ds-box{position:relative;z-index:2;flex:none;width:172px;height:215px;margin-left:-58px;padding:0;border:0;background:none;cursor:var(--cur-pointer);transition:transform .2s}.ds-box:hover{transform:translateY(-6px)}.ds-boximg{width:100%;height:100%}.deckbox>img{display:block;width:100%;height:100%;filter:drop-shadow(0 14px 16px rgba(0,0,0,.6)) drop-shadow(0 0 14px color-mix(in srgb,var(--deck-glow, transparent) 55%,transparent))}.db-plate{position:absolute;left:26%;width:38.5%;top:71.6%;height:8%;display:flex;align-items:center;justify-content:center;gap:7%}.db-gem{display:grid;place-items:center;height:150%;aspect-ratio:1;border-radius:50%;flex:none;background:radial-gradient(circle at 40% 35%,#1d3d48,#0a1f27 70%);border:1.5px solid var(--gold-100);box-shadow:0 1px 3px #000000b3,0 0 8px color-mix(in srgb,var(--fc) 60%,transparent)}.db-gem .stat-img{width:74%;height:74%;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--fc) 70%,transparent))}@media (max-height: 800px) and (min-width: 881px){.ds-scene{zoom:.8}}@media (max-width: 560px){.ds-scene{zoom:.7}}.ds-switch{display:flex;align-items:center;gap:14px;max-width:100%}.ds-title{min-width:0}.ds-name{font-family:Cinzel,serif;font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:.5px;color:var(--cream);overflow-wrap:anywhere;text-shadow:0 2px 4px rgba(6,22,28,.9),0 0 22px rgba(214,154,61,.45)}.ds-sub{color:#dfe8e2;font-size:13px;line-height:1.55;text-shadow:0 1px 3px rgba(6,22,28,.9)}.ds-arrow{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;cursor:var(--cur-pointer);color:var(--gold-100);background:#0e2630d1;border:1px solid var(--gold);box-shadow:0 4px 14px #00000080;transition:transform .14s,box-shadow .14s}.ds-arrow svg{width:20px;height:20px}.ds-arrow:hover:not(:disabled){transform:scale(1.08);box-shadow:0 0 16px -2px var(--gold)}.ds-arrow:disabled{opacity:.35;cursor:var(--cur-default)}.ds-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.deck-show.empty{justify-content:center;min-height:360px}.ds-empty-art{color:#6f9aa0}.ds-empty-art svg{width:96px;height:96px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.play-panel{display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px 20px 22px;border-radius:22px;border:1px solid rgba(214,154,61,.55);border-top:3px solid var(--gold);background:linear-gradient(180deg,#163f4be6,#0c222beb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 24px 60px -24px #000000d9,inset 0 1px #fff6df14}.mode-pick{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:14px;border:1px solid var(--line);background:#081a218c}.mp-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.mp-info b{font:800 22px/1.15 Cinzel,Sarabun,serif;color:var(--cream);letter-spacing:.5px}.mp-info small{display:block;font-size:12px;color:#abc2bb;line-height:1.45}.mp-info small svg{display:inline;width:14px;height:14px;vertical-align:-2px;color:var(--gold)}.mp-dots{display:flex;gap:7px;margin-top:4px}.mp-dot{width:8px;height:8px;padding:0;border-radius:50%;cursor:var(--cur-pointer);border:1px solid rgba(212,176,106,.6);background:transparent;transition:background .15s,transform .15s}.mp-dot:hover{transform:scale(1.3)}.mp-dot.on{background:var(--gold-200);box-shadow:0 0 8px var(--gold)}.pp-or{display:flex;align-items:center;gap:10px;font-size:12px;color:#9bb4ae;white-space:nowrap}.pp-or:before,.pp-or:after{content:"";flex:1;height:1px;background:var(--line)}.room-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-row:has(.code-input){grid-template-columns:minmax(0,1fr) auto auto}.room-row .btn{justify-content:center}.code-input{min-width:0;padding:9px 12px;border-radius:10px;font:800 17px/1 Sarabun,monospace;letter-spacing:4px;text-transform:uppercase;text-align:center;color:var(--cream);background:#081a21cc;border:1px solid var(--gold);outline:none}.code-input::placeholder{letter-spacing:.5px;font-size:13px;font-weight:600;color:#6f9aa0;text-transform:none}.code-input:focus{box-shadow:0 0 0 3px #d4b06a40}.btn.icon-only{padding:8px 10px}.btn.icon-only svg{width:16px;height:16px;display:block}.play-btn{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;margin-top:4px;padding:14px 20px;border-radius:16px;cursor:var(--cur-pointer);font-family:inherit;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-100),var(--gold-200) 40%,var(--gold-400));border:2px solid var(--gold-100);box-shadow:0 0 0 3px #0c222be6,0 0 0 4px var(--gold-400),0 12px 30px #0000008c;animation:play-glow 2.6s ease-in-out infinite;transition:transform .14s,filter .14s}.play-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.play-btn:active{transform:translateY(1px)}.pb-icon{display:flex}.pb-icon svg{width:38px;height:38px}.pb-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.pb-txt b{font-size:26px;font-weight:900;letter-spacing:1px}.pb-txt small{font-size:12.5px;font-weight:700;opacity:.78}@keyframes play-glow{0%,to{box-shadow:0 0 0 3px #0c222be6,0 0 0 4px var(--gold-400),0 12px 30px #0000008c,0 0 18px -6px var(--gold-200)}50%{box-shadow:0 0 0 3px #0c222be6,0 0 0 4px var(--gold-400),0 12px 30px #0000008c,0 0 38px 2px var(--gold-200)}}@media (prefers-reduced-motion: reduce){.play-btn{animation:none}}.menu-screen.hub{height:100vh;height:100dvh}.hub-page{flex:1 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;padding:24px 20px 20px}.hub-page:has(>.hub-stage){padding:0}.hub-page>:not(.hub-stage){flex:1 0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.hub-page.page-in{animation:page-in .46s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:var(--enter-t, 0ms)}@keyframes page-in{0%{opacity:0;transform:translate(var(--enter-x, 0px),var(--enter-y, 16px))}}.page-in .ds-box{animation:rise-in .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--enter-t, 0ms) + .22s)}.page-in .play-panel,.page-in .deck-card,.page-in .shop-shell{animation:rise-in .5s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--enter-t, 0ms) + .12s)}.page-in .deck-card:nth-child(2){animation-delay:calc(var(--enter-t, 0ms) + .16s)}.page-in .deck-card:nth-child(3){animation-delay:calc(var(--enter-t, 0ms) + .2s)}.page-in .deck-card:nth-child(4){animation-delay:calc(var(--enter-t, 0ms) + .24s)}.page-in .deck-card:nth-child(n+5){animation-delay:calc(var(--enter-t, 0ms) + .28s)}@keyframes rise-in{0%{opacity:0;transform:translateY(26px)}}.page-in .prof-avatar{animation:medal-in .65s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--enter-t, 0ms) + .1s)}@keyframes medal-in{0%{opacity:0;transform:scale(.5) rotate(-20deg)}}@media (prefers-reduced-motion: reduce){.hub-page.page-in,.page-in *{animation:none!important}}.menu-screen.hub>.tabbar{position:sticky;bottom:0;z-index:6;display:flex;justify-content:center;pointer-events:none;padding:26px 12px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(6,20,26,.72) 55%)}.tb-rail{pointer-events:auto;display:flex;align-items:flex-end;gap:4px;padding:6px 8px;border-radius:20px;border:1px solid rgba(214,154,61,.5);border-top-color:#f0c06acc;background:linear-gradient(180deg,#18424ef5,#0a1e26f7);box-shadow:0 -6px 30px #00000073,inset 0 1px #fff6df1a}.tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;width:98px;height:62px;padding:6px 4px 8px;border:0;border-radius:14px;cursor:var(--cur-pointer);font-family:inherit;color:#9bb4ae;background:transparent;transition:color .15s,background .15s,transform .15s}.tab:hover{color:#eef2ea;background:#d4b06a14;transform:translateY(-2px)}.tb-ic{display:flex}.tb-ic svg{width:26px;height:26px}.tb-name{font-size:12px;font-weight:800;white-space:nowrap}.tab.on{color:var(--gold-100);background:linear-gradient(180deg,#f0c06a33,#f0c06a08)}.tab.on:after{content:"";position:absolute;left:24%;right:24%;bottom:2px;height:3px;border-radius:2px;background:var(--gold-200);box-shadow:0 0 10px var(--gold)}.tab .mt-badge{top:-9px;right:0;font-size:9.5px;padding:1px 7px}.tab.home{width:116px;height:88px;margin-top:-32px}.tab.home,.tab.home:hover,.tab.home.on{background:transparent}.tab.home .tb-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,var(--gold-100),var(--gold-400));border:3px solid #0c2229;box-shadow:0 0 0 2px var(--gold),0 8px 18px #0000008c;transition:transform .18s,box-shadow .18s,filter .18s}.tab.home .tb-ic svg{width:30px;height:30px}.tab.home:not(.on) .tb-ic{filter:saturate(.8) brightness(.9)}.tab.home:hover .tb-ic{transform:translateY(-3px) scale(1.05);filter:none}.tab.home.on .tb-ic{box-shadow:0 0 0 2px var(--gold-100),0 0 28px #f0c06abf,0 8px 18px #0000008c}.tab.home .tb-name{color:var(--gold-100)}.tb-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font:800 13px/1 Cinzel,serif;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-100),var(--gold-400));border:2px solid #0c2229;box-shadow:0 0 0 1px #d4b06a99;filter:saturate(.75) brightness(.9)}.tab.on .tb-avatar,.tab:hover .tb-avatar{filter:none;box-shadow:0 0 0 1px var(--gold-100),0 0 10px #f0c06a99}@media (max-height: 800px) and (min-width: 881px){.hub-stage{padding-top:10px;padding-bottom:8px}}@media (max-width: 880px){.hub-stage{grid-template-columns:minmax(0,1fr)}.play-panel{width:min(100%,460px);margin:0 auto}}@media (max-width: 560px){body .menu-screen.hub>.menu-copyright{position:static;text-align:center;padding:0 0 12px}.tb-rail{width:100%;gap:0;padding:5px 4px;justify-content:space-around}.tab{flex:1 1 0;width:auto;min-width:0;height:56px;padding:5px 2px 7px}.tb-ic svg{width:22px;height:22px}.tb-name{font-size:10.5px}.tab.home{flex:0 0 84px;height:80px;margin-top:-28px}.tab.home .tb-ic{width:52px;height:52px}.tab .mt-badge{right:-4px;font-size:9px;padding:1px 5px}.hub-page{padding:18px 12px 12px}}.menu-actions{display:flex;gap:14px;margin-top:4px;flex-wrap:wrap;justify-content:center}.decklist-modal{max-width:900px;width:min(94vw,900px)}.win-banner{font-family:Cinzel,serif;font-size:46px;line-height:1.12;font-weight:900;letter-spacing:1px;background:linear-gradient(180deg,#fff,var(--gold-200) 55%,#c9943f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 34px rgba(212,176,106,.5)) drop-shadow(0 4px 18px rgba(0,0,0,.9))}.scene.lose .win-banner{background:linear-gradient(180deg,#ffd9da,#e5484d 60%,#8f1f24);filter:drop-shadow(0 0 30px rgba(229,72,77,.45)) drop-shadow(0 4px 18px rgba(0,0,0,.9))}.scene .who{font-family:Cinzel,serif;font-size:30px;color:var(--gold);margin:0;letter-spacing:1px}.toast{position:fixed;top:76px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#241e12,#191510);border:1px solid var(--gold);color:var(--cream);padding:11px 24px;border-radius:999px;z-index:200;font-size:13.5px;font-weight:600;box-shadow:0 0 0 1px #0a1f27,0 0 0 3px #d4b06a38,0 10px 34px #000000a6;animation:toast-in .22s cubic-bezier(.2,.9,.3,1.2) both;max-width:min(92vw,560px)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}.toast.good{background:linear-gradient(180deg,#12211a,#0e1a14);border-color:#46a758;color:#c8f0d2;box-shadow:0 0 0 1px #0a1f27,0 0 0 3px #46a75838,0 10px 34px #000000a6}.toast.bad{background:linear-gradient(180deg,#2a1420,#20101a);border-color:#e5484d;color:#ffd9da;box-shadow:0 0 0 1px #0a1f27,0 0 0 3px #e5484d40,0 10px 34px #000000a6}#fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.fx-num{position:fixed;z-index:92;pointer-events:none;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-weight:900;letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 26px currentColor;animation:fx-num-float .95s ease-out forwards}.fx-num.dmg{color:#ff6b6e;font-size:34px}.fx-num.heal{color:#8fe3a4;font-size:26px}.fx-num.dodge{color:#9fd4ff;font-size:20px}.fx-num.block{color:#ccdad3;font-size:16px}@keyframes fx-num-float{0%{opacity:0;transform:translate(-50%,-40%) scale(.5)}18%{opacity:1;transform:translate(-50%,-55%) scale(1.18)}34%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-140%) scale(.9)}}.account-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.account-bar .acc-name{font-weight:700;color:#fff}.account-bar .acc-rec{color:#abc2bb;font-size:13px;font-weight:700}.btn.small{font-size:12px;padding:6px 12px;border-radius:9px}.wallet-bar{display:inline-flex;flex-direction:column;justify-content:center;gap:2px;min-height:38px;padding:3px 12px;border-radius:12px;border:1px solid var(--line);background:#0e2630c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wallet-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:64px;font-weight:800;font-size:12.5px;line-height:1}.wallet-chip .wc-ic{display:flex}.wallet-chip .wc-ic svg{width:15px;height:15px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.wallet-chip .wc-num{font-variant-numeric:tabular-nums}.wallet-chip.gold .wc-num{color:var(--gold)}.wallet-chip.crystal .wc-num{color:#7dd9ff}.wallet-chip.dust .wc-num{color:#c9a7ff}.menu-head .wallet-bar{margin-top:8px}.shop{gap:16px;--shop-side: 256px;--shop-bg: #102a35}.shop-bar{justify-content:space-between;width:min(94vw,1160px)}.shop-bar-right{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.shop-shell{display:grid;grid-template-columns:var(--shop-side) minmax(0,1fr);width:min(94vw,1160px);flex:1 0 auto;border:1px solid var(--line);border-radius:20px;overflow:clip;background:linear-gradient(90deg,#0b2129 0 var(--shop-side),rgba(212,176,106,.16) var(--shop-side) calc(var(--shop-side) + 1px),var(--shop-bg) calc(var(--shop-side) + 1px));box-shadow:0 30px 70px -36px #000}.shop-side{align-self:start;position:sticky;top:0;display:flex;flex-direction:column;gap:10px;padding:20px 0 20px 12px}.shop-side-title{font-family:Cinzel,serif;font-size:26px;font-weight:700;letter-spacing:2px;padding:0 12px 12px;margin-right:12px;border-bottom:1px solid rgba(212,176,106,.16);background:linear-gradient(180deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.shop-tab-list{display:flex;flex-direction:column;gap:4px}.shop-tab{display:flex;align-items:center;gap:10px;text-align:left;cursor:var(--cur-pointer);font-family:inherit;color:#abc2bb;padding:10px 12px;margin-right:12px;border-radius:12px;border:none;background:transparent;transition:background .15s ease,color .15s ease}.shop-tab:hover{background:#d4b06a12;color:#dfe8e2}.shop-tab.active{margin-right:-1px;border-radius:12px 0 0 12px;position:relative;z-index:1;background:linear-gradient(90deg,#d4b06a29,#d4b06a00 75%),var(--shop-bg);color:var(--gold-200);box-shadow:inset 3px 0 0 var(--gold)}.st-ic{flex:0 0 28px;display:grid;place-items:center;color:#6f9aa0;transition:color .15s}.st-ic svg{width:22px;height:22px}.shop-tab:hover .st-ic,.shop-tab.active .st-ic{color:var(--gold)}.st-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.st-txt b{font-size:14px;font-weight:800}.st-txt small{font-size:11.5px;color:#83a09b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-tab.active .st-txt small{color:#b9a47a}.st-badge{flex:0 0 auto;font-size:10px;font-weight:800;white-space:nowrap;padding:2px 8px;border-radius:999px;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-200),var(--gold-400))}.st-badge.soon{color:#9bb4ae;background:transparent;border:1px dashed #4c7b80}.shop-main{min-width:0;display:flex;flex-direction:column;gap:20px;padding:24px 28px 30px}.shop-panel-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(212,176,106,.16)}.sph-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--gold-100);background:#d4b06a1f;border:1px solid rgba(212,176,106,.5)}.sph-ic svg{width:24px;height:24px}.shop-panel-head h2{margin:0;font-size:22px;font-weight:800;color:#fff}.shop-panel-head p{margin:4px 0 0;color:#abc2bb;font-size:13.5px;line-height:1.6}.shop-section{display:flex;flex-direction:column;gap:10px}.shop-sec-title{font-weight:800;font-size:16px;color:#fff;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.shop-sec-title small{font-weight:600;font-size:12px;color:#9bb4ae}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.shop-item{position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#163f4be6,#0a1e26f2);box-shadow:0 16px 34px -20px #000;transition:transform .18s,border-color .18s,box-shadow .18s}.shop-item:hover{transform:translateY(-4px);border-color:#d4b06a99;box-shadow:0 22px 40px -20px #000,0 0 26px -10px var(--glow, var(--gold))}.si-art{position:relative;height:150px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(closest-side,var(--glow, rgba(240, 192, 106, .5)),transparent 85%),#04101559;border-bottom:1px solid rgba(212,176,106,.18)}.si-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px 6px;flex:1}.si-name{font-size:15.5px;font-weight:800;color:#fff6df}.si-sub{font-size:12.5px;line-height:1.5;color:#abc2bb}.si-foot{padding:10px 16px 16px;display:flex;justify-content:center}.si-buy{width:100%}.si-buy svg{width:16px;height:16px;margin-right:6px;vertical-align:-3px}.shop-owned{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;border:1px solid rgba(240,192,106,.5);background:linear-gradient(90deg,#f0c06a29,#081a2180);font-weight:800;color:#ffe9c2}.si-soon{font-size:12px;font-weight:800;letter-spacing:.5px;color:var(--gold-200);border:1px dashed rgba(240,192,106,.45);padding:5px 16px;border-radius:999px}.shop-item.soon .si-art>*{filter:saturate(.55) brightness(.85)}.si-ribbon{position:absolute;top:16px;right:-34px;width:130px;transform:rotate(38deg);text-align:center;font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--gold-ink);padding:3px 0;background:linear-gradient(135deg,var(--gold-100),var(--gold-400));box-shadow:0 3px 10px #00000080}.mini-pack{position:absolute;left:50%;top:50%;width:75px;height:105px;transform:translate(calc(-50% + var(--i, 0) * 30px),calc(-50% + var(--i, 0) * var(--i, 0) * 6px)) rotate(calc(var(--i, 0) * 9deg))}.mini-pack>.pack-art{scale:.5;transform-origin:0 0}.si-plus,.si-count{position:absolute;right:22%;bottom:18px;display:grid;place-items:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.si-plus svg{width:40px;height:40px}.si-count{font:800 22px/1 Cinzel,serif;color:var(--gold-100);text-shadow:0 2px 6px #000;right:14%}.mini-card{position:absolute;left:50%;top:50%}.mini-card .v3f.size-s{--s: .27}.mini-card{transform:translate(-50%,-46%) rotate(var(--r, 0deg)) translate(var(--x, 0px))}.mini-card.c0{--r: -12deg;--x: -34px}.mini-card.c1{z-index:1}.mini-card.c2{--r: 12deg;--x: 34px}.si-art.gems .gem{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(var(--s));filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.si-art.gems .gem svg{width:44px;height:44px;display:block}.si-medal{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,var(--gold-100),var(--gold-400));border:3px solid #0c2229;box-shadow:0 0 0 2px var(--gold),0 10px 22px #0000008c}.si-medal svg{width:36px;height:36px}.shop-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:20px;min-height:240px;padding:26px 30px;border-radius:20px;border:1px solid rgba(214,154,61,.6);border-top:3px solid var(--gold);background:radial-gradient(ellipse 60% 120% at 85% 50%,rgba(240,192,106,.32),transparent 60%),linear-gradient(120deg,#0f3340,#164a58 55%,#1d5560);box-shadow:0 24px 50px -28px #000,inset 0 1px #fff6df1a}.sb-txt{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.sb-eyebrow{font-size:13px;font-weight:800;letter-spacing:.5px;color:var(--gold-100)}.sb-txt h3{margin:0;font:800 34px/1.15 Cinzel,Sarabun,serif;color:var(--cream);text-shadow:0 2px 10px rgba(0,0,0,.5)}.sb-txt p{margin:0;max-width:420px;color:#dfe8e2;font-size:14px;line-height:1.6}.sb-cta{margin-top:8px;min-width:160px}.sb-cta:disabled{opacity:.75;cursor:var(--cur-default);filter:saturate(.7)}.sb-visual{position:relative;display:grid;place-items:center;height:230px}.sb-rays{position:absolute;width:300px;height:300px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,233,170,.16) 0 8deg,transparent 8deg 22deg);mask:radial-gradient(closest-side,#000 30%,transparent 100%);-webkit-mask:radial-gradient(closest-side,#000 30%,transparent 100%);animation:sb-spin 30s linear infinite}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-visual .pack-art{rotate:8deg}.shop-shortcut{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:16px;border-radius:14px;border:1px solid var(--line);background:#081a218c;font-family:inherit;color:#fff;cursor:var(--cur-pointer);position:relative;transition:transform .15s ease,border-color .15s ease}.shop-shortcut:hover{transform:translateY(-2px);border-color:#d4b06a80}.shop-shortcut .st-badge{position:absolute;top:12px;right:12px}.ss-ic{display:flex;color:var(--gold)}.ss-ic svg{width:30px;height:30px}.ss-name{font-weight:800;font-size:15px}.ss-sub{font-size:12px;color:#abc2bb}.shop-grid.shop-shortcuts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media (max-width: 760px){.shop-shell{grid-template-columns:minmax(0,1fr);background:var(--shop-bg)}.shop-side{position:static;padding:14px 12px 0;gap:8px;background:#0b2129;border-bottom:1px solid rgba(212,176,106,.16)}.shop-side-title{font-size:20px;padding:0 4px 6px;margin:0;border:none}.shop-tab-list{flex-direction:row;overflow-x:auto}.shop-tab{flex:0 0 auto;margin:0;padding:8px 10px 10px;border-radius:10px 10px 0 0}.shop-tab.active{margin:0 0 -1px;border-radius:10px 10px 0 0;background:linear-gradient(0deg,var(--shop-bg),var(--shop-bg));box-shadow:inset 0 3px 0 var(--gold)}.st-txt small{display:none}.shop-main{padding:18px 16px 24px}.shop-tab-list .shop-history{margin-top:0}.shop-tab-list .shop-history:before{display:none}.shop-banner{grid-template-columns:minmax(0,1fr);padding:20px;text-align:left}.sb-visual{height:200px;order:-1}.sb-txt h3{font-size:26px}.shop-grid.shop-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}.auth-card{width:min(92vw,420px);display:flex;flex-direction:column;gap:14px;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-tabs{display:flex;gap:8px}.auth-tab{flex:1;font-family:inherit;font-weight:700;font-size:14px;cursor:var(--cur-pointer);padding:9px;border-radius:10px;border:1px solid var(--line);background:transparent;color:#abc2bb;transition:all .15s ease}.auth-tab.active{background:linear-gradient(135deg,var(--gold-200),var(--gold-400));color:var(--gold-ink);border-color:var(--gold-200)}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#cfddd6}.auth-field input{font-family:inherit;font-size:14px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#0e2631;color:#fff6df;outline:none}.auth-field input:focus{border-color:var(--gold)}.auth-error{color:#ff8a8d;font-size:13px;min-height:0;text-align:center}.auth-error:empty{display:none}.auth-google{display:flex;flex-direction:column;gap:12px}.auth-google[hidden]{display:none}.auth-google-btn{display:flex;justify-content:center;min-height:44px;color-scheme:normal}.set-google{display:flex;justify-content:flex-end;min-height:32px;color-scheme:normal}.set-linked{color:#7fd49b;font-weight:600;font-size:13px;white-space:nowrap}.deck-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));width:min(96vw,1100px);margin-top:6px}.deck-card{position:relative;font-family:inherit;text-align:center;color:#fff6df;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 14px 14px;border:1px solid var(--line);border-radius:18px;background:#0e2630b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.deck-card:hover{transform:translateY(-4px);border-color:#d4b06a80;box-shadow:0 16px 38px -18px #000}.deck-card.active{border-color:var(--gold);box-shadow:0 0 26px -10px var(--gold),0 16px 38px -20px #000}.deck-card .dc-art{position:relative;width:141px;height:202px;flex:none}.deck-card .dc-art .card{transform:scale(.44);transform-origin:top left;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.deck-card .dc-name{font-weight:800;font-size:16px;color:#fff;margin-top:4px}.deck-card .dc-sub{color:#abc2bb;font-size:12px}.deck-card .dc-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:4px}.dc-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,var(--gold-100),var(--gold-400));color:var(--gold-ink);padding:3px 12px;border-radius:999px;border:2px solid var(--gold-ink);box-shadow:0 3px 12px #000a}.deck-card.new{cursor:var(--cur-pointer);justify-content:center;min-height:300px;border-style:dashed;border-color:#3a6a72;background:#0e263066}.deck-card.new:hover{border-color:var(--gold);border-style:solid}.deck-card.new .dc-plus{font-family:Cinzel,serif;font-size:52px;line-height:1;color:var(--gold);text-shadow:0 0 26px rgba(212,176,106,.5)}.deck-card.new .dc-sub{max-width:170px;line-height:1.5}.btn.small.danger{background:transparent;border-color:#e5484d80;color:#ff8a8d}.btn.small.danger:hover:not(:disabled){background:#e5484d26;border-color:#e5484d;color:#fff}.settings-modal{width:min(94vw,780px);max-width:780px;height:min(88vh,600px)}.overlay.no-anim,.overlay.no-anim .modal{animation:none}.set-close{position:absolute;top:16px;right:16px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;cursor:var(--cur-pointer);color:#abc2bb;background:#081a2199;border:1px solid var(--line);transition:color .15s,border-color .15s}.set-close svg{width:16px;height:16px}.set-close:hover{color:var(--gold-100);border-color:var(--gold)}.settings-layout{display:flex;flex:1 1 auto;min-height:0;margin-top:12px}.settings-nav{flex:0 0 176px;display:flex;flex-direction:column;gap:4px;padding:2px 14px 8px 0;border-right:1px solid rgba(212,176,106,.16);overflow-y:auto}.settings-nav-item{display:flex;align-items:center;gap:10px;font-family:inherit;font-size:14px;font-weight:700;text-align:left;cursor:var(--cur-pointer);padding:10px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:#abc2bb;transition:background .15s,color .15s}.sn-ic{display:flex;color:#6f9aa0;transition:color .15s}.sn-ic svg{width:18px;height:18px}.settings-nav-item:hover{background:#d4b06a12;color:#dfe8e2}.settings-nav-item.active{background:linear-gradient(90deg,#d4b06a33,#d4b06a0a);border-color:#d4b06a59;color:var(--gold-100);box-shadow:inset 3px 0 0 var(--gold)}.settings-nav-item.active .sn-ic{color:var(--gold)}.modal-body.settings-panel{margin:0 -26px 0 0;padding:2px 26px 10px 18px;display:flex;flex-direction:column;gap:14px}.settings-panel>*{flex:none}.set-group{border-radius:14px;border:1px solid var(--line);background:#081a2180;padding:2px 16px}.set-group h4{margin:12px 0 0;font-size:11.5px;font-weight:800;letter-spacing:1px;color:var(--gold)}.set-group.danger{border-color:#e5484d59;background:#2e0e1247}.set-group.danger h4{color:#f08a8d}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.set-row+.set-row{border-top:1px solid rgba(44,85,96,.6)}.sr-txt{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}.sr-txt b{font-size:14px;font-weight:700;color:#eef2ea}.sr-txt small{font-size:12px;line-height:1.5;color:#9bb4ae}.sr-ctl{flex:none;min-width:0;display:flex;align-items:center;gap:8px}.slider-row .sr-ctl{flex:0 1 300px}.wide-row{flex-wrap:wrap;gap:10px 16px}.wide-row .sr-txt{flex-basis:100%}.wide-row .sr-ctl{flex:1 1 100%}.vol-mute{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;padding:0;color:var(--gold);background:#081a2199;border:1px solid var(--line);transition:color .15s,border-color .15s,background .15s}.vol-mute svg{width:17px;height:17px}.vol-mute:hover{color:var(--gold-100);border-color:var(--gold)}.vol-mute:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.slider-row.muted .vol-mute{color:#f08a8d;border-color:#e5484d73;background:#2e0e1266}.slider-row.muted input[type=range]{filter:grayscale(1) brightness(.75)}.slider-row.muted .sr-val{color:#6f8a85;text-decoration:line-through}.sr-val{width:42px;text-align:right;font-size:13px;color:var(--gold-100);font-variant-numeric:tabular-nums}.set-note{margin:0 0 12px;font-size:12px;line-height:1.5;color:#9bb4ae}.set-row input[type=range]{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:4px;outline:none;cursor:var(--cur-pointer);background:linear-gradient(90deg,var(--gold-200) var(--p, 50%),#24505b var(--p, 50%))}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold-100);border:2px solid var(--gold-ink);box-shadow:0 0 10px -2px #f0c06acc}.set-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gold-100);border:2px solid var(--gold-ink)}.set-row input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.switch{position:relative;display:inline-block;width:44px;height:24px;flex:none;cursor:var(--cur-pointer)}.switch input{opacity:0;width:0;height:0}.switch .knob{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#24505b;border:1px solid var(--line);transition:background .15s ease}.switch .knob:after{content:"";position:absolute;left:3px;top:2.5px;width:17px;height:17px;border-radius:50%;background:#9bb4ae;transition:transform .15s ease,background .15s ease}.switch input:checked+.knob{background:#d4b06a66;border-color:var(--gold)}.switch input:checked+.knob:after{transform:translate(19px);background:var(--gold-100)}.switch input:focus-visible+.knob{outline:2px solid var(--gold);outline-offset:2px}.seg{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:#04101599;border:1px solid var(--line)}.seg-btn{font-family:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:7px;border:0;background:transparent;color:#abc2bb;cursor:var(--cur-pointer);transition:color .15s,background .15s}.seg-btn:hover{color:#eef2ea}.seg-btn.on{color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-100),var(--gold-400))}.set-profile{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(214,154,61,.5);background:linear-gradient(135deg,#f0c06a24,#163f4b80)}.spf-avatar{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font:800 22px/1 Cinzel,serif;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-100),var(--gold-400));border:2px solid #0c2229;box-shadow:0 0 0 1px var(--gold),0 4px 12px #00000080}.spf-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.spf-txt b{font-size:18px;line-height:1.5;color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spf-txt small{font-size:12.5px;color:#abc2bb}.set-input{flex:1;min-width:0;padding:7px 10px;border-radius:8px;border:1px solid var(--line);background:#0c2229;color:var(--txt);font:inherit;font-size:13.5px;line-height:1.5;outline:none}.set-input:focus{border-color:var(--gold)}.uid-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;color:#d0ddd6;padding:7px 10px;border-radius:8px;background:#0c2229;border:1px solid var(--line)}.credits-list{margin:4px 0 12px}.credits-list dt{font-size:13px;font-weight:700;color:var(--gold-200);margin-top:12px}.credits-list dd{margin:4px 0 0;font-size:12.5px;line-height:1.55;color:#abc2bb;overflow-wrap:anywhere}@media (max-width: 640px){.settings-modal{height:88vh}.settings-layout{flex-direction:column}.settings-nav{flex:0 0 auto;flex-direction:row;gap:2px;overflow-x:auto;overflow-y:hidden;padding:0 0 8px;border-right:none;border-bottom:1px solid rgba(212,176,106,.16)}.settings-nav-item{flex:1 0 auto;flex-direction:column;gap:3px;padding:7px 6px;font-size:11px}.settings-nav-item.active{box-shadow:inset 0 -3px 0 var(--gold)}.modal-body.settings-panel{margin:0 -26px;padding:10px 26px}.set-row{flex-wrap:wrap}.sr-txt{flex:1 1 180px}.slider-row .sr-ctl{flex:1 1 100%}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.large-text{font-size:18px}body.large-text .btn{font-size:14px}body.large-text .sr-txt b{font-size:15.5px}body.large-text .sr-txt small{font-size:13.5px}body.high-contrast{--txt: #ffffff;--line: #9bb4ae}body.high-contrast .sr-txt small,body.high-contrast .set-note,body.high-contrast .settings-nav-item{color:#eef2ea}.ult-medal{position:absolute;left:calc(-12px * var(--k, 1));top:calc(-12px * var(--k, 1));z-index:4;width:calc(40px * var(--k, 1));height:calc(40px * var(--k, 1));cursor:var(--cur-default);transition:transform .15s ease}.ult-medal .face{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:transparent;width:calc(25px * var(--k, 1));height:calc(25px * var(--k, 1));color:#fff;filter:drop-shadow(0 1px 2px #000) brightness(1.15) drop-shadow(0 0 6px rgba(255,233,194,.35))}.ult-medal .face svg{width:100%;height:100%}.ult-medal:hover{transform:scale(1.1)}.ult-medal.ready{cursor:var(--cur-pointer)}.ult-medal-badge{display:none;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:9.5px;font-weight:800;color:var(--gold-ink);letter-spacing:.5px;line-height:15px;padding:0 7px;background:linear-gradient(135deg,var(--gold-100),var(--gold-400));border:1.5px solid var(--gold-ink);border-radius:999px;box-shadow:0 2px 8px #0000008c;pointer-events:none;animation:badge-bounce 1.1s ease infinite}.ult-medal.ready .ult-medal-badge{display:block}@keyframes ult-medal-pulse{0%,to{box-shadow:0 0 10px -4px #f5d78e80}50%{box-shadow:0 0 22px -2px #f5d78ef2}}.ult-class-chip[data-tip]{cursor:var(--cur-default)}.mt-badge{position:absolute;top:-10px;right:14px;font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-100),var(--gold-400));padding:3px 12px;border-radius:999px;border:2px solid var(--gold-ink);box-shadow:0 3px 12px #0009,0 0 16px #d4b06a80;animation:badge-pulse 2.4s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 3px 12px #0009,0 0 10px #d4b06a59}50%{box-shadow:0 3px 12px #0009,0 0 22px #d4b06abf}}.packs{gap:18px}.pk-front-stage{flex:1;width:min(1180px,100%);display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(300px,400px);align-items:center;gap:clamp(20px,4vw,64px)}.pk-hero{position:relative;display:grid;place-items:center;min-height:420px}.pk-hero .sb-rays{width:420px;height:420px}.pk-hero .pack-art{transform-origin:50% 50%;scale:1.55;rotate:-4deg}.pk-title{margin:0;font:800 28px/1.2 Cinzel,Sarabun,serif;color:#ffe9c2;text-align:center}.pk-facts{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.5;color:#dfe8e2}.pk-facts li::marker{color:var(--gold)}.pk-progress{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#081a218c}.pk-progress-label{font-size:13px;font-weight:700;color:#eef2ea}.pk-bar-track{height:8px;border-radius:999px;background:#041015cc;overflow:hidden}.pk-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-400),var(--gold-100));box-shadow:0 0 10px #f0c06a99}.pk-buy .pb-txt{align-items:center}.pk-buy small{display:inline-flex;align-items:center;gap:5px}.pk-buy:disabled{animation:none;filter:grayscale(.6) brightness(.8);cursor:var(--cur-default)}.pk-count{position:absolute;left:calc(50% + 70px);top:calc(50% + 100px);min-width:58px;padding:8px 12px;border-radius:999px;text-align:center;font-size:24px;font-weight:800;line-height:1;color:#14100a;background:linear-gradient(135deg,#fff1c4,#f0c06a);border:3px solid #0c2229;box-shadow:0 8px 18px #0000008c}.pk-shelf{display:flex;flex-direction:column;gap:10px;min-width:0}.pk-shelf-list{display:flex;flex-direction:column;gap:8px}.pk-slot{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:14px;text-align:left;border:1px solid var(--line);background:#081a218c;color:inherit;cursor:var(--cur-pointer);transition:border-color .15s,background .15s,transform .15s}.pk-slot:hover{transform:translate(3px);border-color:#f0c06a80}.pk-slot.on{border-color:var(--gold);background:linear-gradient(90deg,#f0c06a33,#081a2199);box-shadow:0 0 0 1px #f0c06a59,0 8px 18px #00000059}.pk-slot-art{position:relative;flex:none;width:45px;height:63px}.pk-slot-art>.pack-art{position:absolute;left:0;top:0;scale:.3;transform-origin:0 0}.pk-slot.empty .pk-slot-art{filter:grayscale(.7) brightness(.7)}.pk-slot-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.pk-slot-txt b{font-size:14px;color:#fff6df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-slot-txt small{font-size:12px;color:#abc2bb}.pk-slot:not(.empty) .pk-slot-txt small{color:#8fe3a4}.pk-slot-count{margin-left:auto;min-width:26px;padding:3px 8px;border-radius:999px;text-align:center;font-size:13px;font-weight:800;color:#14100a;background:linear-gradient(135deg,#fff1c4,#f0c06a)}@media (max-width: 1180px){.pk-front-stage{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-content:center}.pk-shelf{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:12px}.pk-shelf>.hub-eyebrow{flex-basis:100%}.pk-shelf-list{flex:1 1 300px;flex-direction:row;overflow-x:auto;padding:2px 2px 6px}.pk-slot{flex:none;min-width:200px}.pk-slot:hover{transform:translateY(-2px)}}@media (max-width: 880px){.pk-front-stage{grid-template-columns:minmax(0,1fr)}.pk-hero{min-height:340px}.pk-hero .pack-art{scale:1.25}.pk-count{left:calc(50% + 52px);top:calc(50% + 78px);font-size:20px}}.hub-page:has(>.packs>.pk-open){z-index:10}.pk-open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:22px;padding:24px 16px;overflow-y:auto;background:radial-gradient(ellipse 75% 70% at 50% 45%,#10303adb,#06141af5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pk-open.anim.phase-tear{animation:ss-in .25s ease-out both;animation-delay:var(--pk-t, 0ms)}.pk-tearing{position:relative;display:grid;place-items:center}.pk-tearing .pack-art{scale:1.7;animation:pk-shake .9s ease-in both;animation-delay:var(--pk-t, 0ms)}.pk-tearing .pa-crimps{animation:pk-rip .9s ease-in both;animation-delay:var(--pk-t, 0ms)}.pk-burst{position:absolute;width:520px;height:520px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,246,220,.95),rgba(240,192,106,.55) 40%,transparent 72%);animation:pk-burst .95s ease-out both;animation-delay:var(--pk-t, 0ms)}@keyframes pk-shake{0%{transform:rotate(0)}15%{transform:rotate(-4deg)}30%{transform:rotate(4deg)}45%{transform:rotate(-6deg) scale(1.03)}60%{transform:rotate(6deg) scale(1.05)}78%{transform:rotate(0) scale(1.1);filter:brightness(1.6)}to{transform:scale(1.25);opacity:0;filter:brightness(2.4)}}@keyframes pk-rip{0%,60%{transform:none}to{transform:translate(40px,-60px) rotate(18deg);opacity:0}}@keyframes pk-burst{0%,62%{opacity:0;transform:scale(.3)}80%{opacity:1}to{opacity:0;transform:scale(1.3)}}.pk-eyebrow{min-width:300px}.pk-reveal{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;perspective:1400px}.pk-card{position:relative;padding:0;border:0;background:none;cursor:var(--cur-pointer);width:calc(320px * .72);height:331.2px}.pk-open.anim .pk-card{animation:pk-deal .5s cubic-bezier(.2,.8,.3,1.1) both;animation-delay:calc(var(--pk-t, 0ms) + var(--i) * 90ms)}@keyframes pk-deal{0%{opacity:0;transform:translateY(-120px) rotate(-8deg) scale(.6)}}.pk-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,.7,.3,1.15)}.pk-card.flipped .pk-inner{transform:rotateY(180deg)}.pk-card:not(.flipped):hover .pk-inner{transform:translateY(-8px) rotateY(-8deg)}.pk-back,.pk-front{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pk-front{transform:rotateY(180deg)}.pk-front .v3f{pointer-events:none}.pk-back{border-radius:14px;border:3px solid #d4b06a;overflow:hidden;background:repeating-linear-gradient(45deg,rgba(212,176,106,.07) 0 6px,transparent 6px 14px),radial-gradient(ellipse at 50% 35%,#2c6670,#0f2d36 70%);box-shadow:inset 0 0 0 5px #0c2229,inset 0 0 0 6px #d4b06a80,0 18px 30px #0000008c}.pk-back .pa-seal{top:44%;width:92px;height:92px}.pk-back .pa-seal span{font-size:30px}.pk-back-set{position:absolute;left:50%;bottom:14%;width:34px;height:34px;transform:translate(-50%);filter:drop-shadow(0 2px 4px #000)}.pk-card.flipped.new .pk-front{filter:drop-shadow(0 0 16px rgba(240,192,106,.85))}.pk-badge{position:absolute;left:50%;bottom:-16px;transform:translate(-50%);padding:4px 14px;border-radius:999px;white-space:nowrap;font-size:14px;font-weight:800;border:2px solid #0c2229;box-shadow:0 6px 14px #00000080}.pk-badge.new{color:#14100a;background:linear-gradient(135deg,#fff1c4,#f0c06a)}.pk-badge.dust{color:#fff;background:linear-gradient(135deg,#c9a7ff,#6a3fc0)}.pk-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center;min-height:44px;margin-top:10px}.pk-summary{width:100%;text-align:center;font-size:15px;font-weight:800;color:#ffe9c2}@media (max-width: 1240px){.pk-card{width:160px;height:230px}.pk-front .v3f.size-l{--s: .5}}@media (prefers-reduced-motion: reduce){.pk-open *,.pk-open{animation:none!important}.pk-inner{transition:none}}.pack-art{position:relative;width:150px;height:210px;border-radius:10px;overflow:hidden;border:2px solid rgba(212,176,106,.7);background:radial-gradient(ellipse 120% 80% at 50% -10%,rgba(212,176,106,.22),transparent 55%),linear-gradient(160deg,#25525e,#13303b 45%,#0d2530);box-shadow:0 14px 34px #000000a6,0 0 26px -10px #d4b06a80,inset 0 0 0 1px #0000008c;animation:pack-float 4.2s ease-in-out infinite}@keyframes pack-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pack-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;pointer-events:none;box-shadow:inset 0 0 0 3px #0a1f27,inset 0 0 0 4px #d4b06a66}.pa-crimps{position:absolute;top:0;left:0;right:0;height:16px;pointer-events:none;background:repeating-linear-gradient(90deg,#d4b06a80 0,#d4b06a80 5px,#d4b06a1a 5px,#d4b06a1a 10px);border-bottom:1px solid rgba(245,215,142,.45);clip-path:polygon(0 0,100% 0,100% 55%,92% 100%,84% 55%,76% 100%,68% 55%,60% 100%,52% 55%,44% 100%,36% 55%,28% 100%,20% 55%,12% 100%,4% 55%,0 100%)}.pa-tear{position:absolute;top:24px;left:14px;right:14px;height:0;border-top:2px dashed rgba(245,215,142,.5);pointer-events:none}.pa-shine{position:absolute;top:-30%;left:-80%;width:55%;height:160%;background:linear-gradient(105deg,transparent,rgba(255,246,220,.28),transparent);transform:rotate(12deg);animation:pack-shine 3.4s ease-in-out infinite}@keyframes pack-shine{0%,55%{left:-80%}85%,to{left:150%}}.pa-seal{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;border:2px solid var(--gold-100);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 28%,#f5d78e4d,#d4b06a0f 65%);box-shadow:0 4px 14px #000000b3,0 0 18px #d4b06a73,inset 0 0 12px #d4b06a4d}.pa-seal span{font-family:Cinzel,serif;font-weight:800;font-size:22px;color:var(--cream);text-shadow:0 0 14px rgba(212,176,106,.7)}.pa-set{position:absolute;left:50%;top:66%;width:26px;height:26px;transform:translate(-50%);filter:drop-shadow(0 2px 4px #000)}.pa-name{position:absolute;left:50%;bottom:16px;transform:translate(-50%);font-family:Cinzel,serif;font-size:12px;letter-spacing:2.5px;color:#f5d78ed9;text-align:center;line-height:1.45;text-shadow:0 2px 8px #000}.pack-art.has-art{border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;filter:drop-shadow(0 14px 16px rgba(0,0,0,.6))}.pack-art.has-art:after{content:none}.has-art>.pa-img,.has-art>.pa-crimps,.has-art>.pa-gloss{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;border:0;background:var(--pack-img) 0 0 / 100% 100% no-repeat}.has-art>.pa-crimps{clip-path:inset(0 0 91.4% 0)}.has-art>.pa-gloss{background:none;overflow:hidden;mask:var(--pack-img) 0 0 / 100% 100% no-repeat}.pk-tearing .has-art>.pa-img{clip-path:inset(8.6% 0 0 0)}.btn .bicon{display:inline-flex;vertical-align:-4px;margin-right:6px}.btn .bicon svg{width:18px;height:18px}.btn.small .bicon svg{width:15px;height:15px}.account-bar .acc-name{display:inline-flex;align-items:center;gap:6px}.account-bar .acc-name svg{width:16px;height:16px;color:var(--gold)}.gear-btn .bicon{margin-right:0}.wallet-chip{position:relative}.mtb-ver{font:700 11.5px/1 Sarabun,sans-serif;letter-spacing:.5px;cursor:var(--cur-pointer);color:#abc2bb;background:#0e2630b3;border:1px solid var(--line);border-radius:999px;padding:4px 10px;transition:color .15s,border-color .15s}.mtb-ver:hover{color:var(--gold-100);border-color:#d4b06a8c}.mtb-ver.new{color:var(--gold-100);border-color:var(--gold);box-shadow:0 0 14px -4px var(--gold)}.mtb-ver.new:after{content:" • ใหม่";color:var(--gold)}.patch-modal{max-width:720px;width:min(94vw,720px)}.pn-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;flex:none}.pn-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:none;font-family:inherit;color:#abc2bb;cursor:var(--cur-pointer);background:#ffffff08;border:1px solid var(--line);border-radius:10px;padding:6px 12px}.pn-tab b{font-size:13.5px}.pn-tab small{font-size:11px;opacity:.8}.pn-tab:hover{border-color:#d4b06a73}.pn-tab.active{color:var(--gold-100);border-color:var(--gold);background:#d4b06a1a}.pn-title{font-weight:800;font-size:16px;color:var(--cream, #fff6df);margin:4px 0 10px}.pn-sec{--pn: var(--gold);margin:0 0 14px}.pn-sec.pn-buff{--pn: var(--ok-soft)}.pn-sec.pn-nerf{--pn: var(--danger-soft)}.pn-sec.pn-gameplay{--pn: var(--info-soft)}.pn-sec.pn-bug{--pn: #c6d6cf}.pn-sec.pn-issue{--pn: #f0c06a}.pn-sec h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;letter-spacing:.4px;color:var(--pn);border-bottom:1px solid color-mix(in srgb,var(--pn) 30%,transparent);padding-bottom:4px}.pn-ico{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font-size:11px;background:color-mix(in srgb,var(--pn) 18%,transparent);color:var(--pn)}.pn-sec ul{margin:0;padding:0 0 0 20px}.pn-sec li{color:#e4ece6;font-size:13.5px;line-height:1.65;margin:2px 0}.pn-sec li::marker{color:var(--pn)}.pn-chip{display:inline-block;margin:2px 0 2px 6px;padding:0 8px;border-radius:999px;cursor:var(--cur-default);font-size:12px;font-weight:700;color:var(--gold-100);background:#d4b06a1f;border:1px solid rgba(212,176,106,.35)}.menu-screen.hub>.menu-copyright{position:fixed;left:12px;bottom:6px;z-index:5;pointer-events:none;font-size:10.5px;color:#9bb4ae;opacity:.7}.mtb-brand h1{cursor:var(--cur-pointer)}.prof-medal{position:relative;display:grid;place-items:center;width:260px;height:260px;margin:6px 0 2px}.prof-medal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(240,192,106,.42),rgba(214,154,61,.12) 60%,transparent);filter:blur(8px)}.prof-medal:after{content:"";position:absolute;top:34px;right:34px;bottom:34px;left:34px;border-radius:50%;border:2px solid rgba(240,192,106,.55);box-shadow:0 0 0 6px #0c222b8c,0 0 0 7px #f0c06a40}.prof-avatar{position:relative;z-index:1;display:grid;place-items:center;width:160px;height:160px;border-radius:50%;font:800 70px/1 Cinzel,serif;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,var(--gold-100),var(--gold-400));border:4px solid #0c2229;box-shadow:0 0 0 2px var(--gold),0 18px 30px #0000008c}.prof-show .prof-name{font-family:Sarabun,sans-serif}.prof-field{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;border:1px solid var(--line);background:#081a218c}.prof-field>b{font-size:14px;color:#eef2ea}.prof-field>small{font-size:12px;color:#9bb4ae}.prof-edit{display:flex;gap:8px}.prof-soon{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px dashed var(--line);background:#081a2159}.prof-soon b{display:block;font-size:14px;color:#dfe8e2}.prof-soon small{font-size:12px;color:#9bb4ae}.ps-icon{display:flex;color:#6f9aa0}.ps-icon svg{width:30px;height:30px}@media (max-width: 560px){.prof-medal{width:200px;height:200px}.prof-medal:after{top:24px;right:24px;bottom:24px;left:24px}.prof-avatar{width:124px;height:124px;font-size:54px}}.transactions>.tx-back{margin-bottom:-6px}.tx-section{width:min(100%,960px);display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:#0c222be6}.tx-sec-title{font-weight:800;font-size:15px;color:#fff}.tx-filter-bar{display:flex;flex-wrap:wrap;gap:6px}.tx-header,.tx-row{display:grid;grid-template-columns:30px 120px 150px minmax(0,1fr) 130px;align-items:center;gap:10px;padding:8px 6px}.tx-header{font-size:12px;font-weight:800;color:#9bb4ae;border-bottom:1px solid var(--line)}.tx-row{font-size:13px;color:#dfe8e2;border-bottom:1px solid rgba(44,85,96,.5)}.tx-amount.pos{color:#8fe3a4}.tx-amount.neg{color:#f08a8d}.tx-detail,.tx-time{color:#9bb4ae;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.tx-summary-row{display:flex;flex-wrap:wrap;gap:4px 10px;padding:10px 12px;border-radius:10px;background:#081a2199;font-size:13px}.tx-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 0;color:#9bb4ae}.tx-empty-icon{font-size:34px}.tx-loadmore{display:flex;justify-content:center}@media (max-width: 640px){.tx-header{display:none}.tx-row{grid-template-columns:26px minmax(0,1fr) auto}.tx-row .tx-detail,.tx-row .tx-time{grid-column:2 / -1}}.shop-tab-list .shop-history{margin-top:10px;position:relative}.shop-tab-list .shop-history:before{content:"";position:absolute;left:12px;right:0;top:-6px;border-top:1px solid rgba(212,176,106,.16)}.menu-screen.hub>.rejoin-bar{display:flex;align-items:center;gap:14px;width:min(100% - 32px,760px);margin:14px auto 0;padding:10px 12px 10px 16px;border-radius:16px;border:1px solid var(--gold);background:linear-gradient(90deg,#f0c06a38,#163f4beb 55%);box-shadow:0 10px 30px -12px #000;animation:rejoin-glow 2.4s ease-in-out infinite}@keyframes rejoin-glow{50%{box-shadow:0 10px 30px -12px #000,0 0 26px -4px #f0c06ab3}}.rj-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,var(--gold-100),var(--gold-400))}.rj-ic svg{width:22px;height:22px}.rj-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.rj-txt b{font-size:15px;color:var(--cream)}.rj-txt small{font-size:12.5px;color:#dfe8e2}.rj-go{flex:none}@media (prefers-reduced-motion: reduce){.menu-screen.hub>.rejoin-bar{animation:none}}.hero-portrait.prof-hero{position:relative;inset:auto;width:210px;height:270px;margin:8px 0 6px;padding:7px;border-radius:105px 105px 22px 22px}.hero-portrait.prof-hero:after{top:7px;right:7px;bottom:7px;left:7px;border-radius:98px 98px 16px 16px}.hero-portrait.prof-hero .hero-art{border-radius:98px 98px 16px 16px}.page-in .hero-portrait.prof-hero{animation:medal-in .65s cubic-bezier(.2,.9,.3,1.2) backwards;animation-delay:calc(var(--enter-t, 0ms) + .1s)}.hero-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;max-height:236px;overflow-y:auto;padding:2px 4px 2px 0}.hero-pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 4px 6px;border-radius:12px;cursor:var(--cur-pointer);font:inherit;color:#cfe0da;background:#081a2199;border:1px solid var(--line);transition:border-color .15s,transform .15s}.hero-pick img{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:50% 18%;border-radius:32px 32px 6px 6px;border:2px solid #8a5a1c}.hero-pick span{width:100%;font-size:11px;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-pick:hover{border-color:var(--gold);transform:translateY(-2px)}.hero-pick.on{border-color:var(--gold);background:#d4b06a29;color:var(--gold-100);box-shadow:0 0 14px -4px #f0c06ae6}.hero-pick.on img{border-color:#f0c06a}.hero-note{display:block;margin-top:6px;font-size:12px;color:#9bb4ae;line-height:1.5}.btn.small.friends-btn{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;color:var(--gold);background:#0e2630c7;border:1px solid var(--line)}.btn.friends-btn:hover{color:var(--gold-100);border-color:var(--gold)}.btn.friends-btn .bicon{margin-right:0}.btn.friends-btn .bicon svg{width:18px;height:18px}.friends-btn .fr-online{position:absolute;right:-6px;bottom:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font:800 10.5px/14px Sarabun,sans-serif;color:#0c2229;background:#46c06a;border:2px solid #0c2229}.friends-btn.new:after{content:"";position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#e5484d;border:2px solid #0c2229;box-shadow:0 0 8px #e5484dcc}.modal.friends-modal{width:min(540px,calc(100vw - 32px));max-height:min(740px,calc(100vh - 48px))}.fr-close{position:absolute;top:14px;right:14px;z-index:1}.fr-add{display:flex;gap:8px;margin-top:6px}.fr-input{flex:1;min-width:0;padding:9px 14px;border-radius:10px;font:600 15px/1.5 Sarabun,sans-serif;color:var(--cream);background:#081a21cc;border:1px solid var(--line);outline:none}.fr-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4b06a38}.fr-input::placeholder{color:#6f9aa0}.fr-mine{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:8px 2px 4px;font-size:12.5px;color:#9bb4ae}.fr-mine b{color:var(--gold-100);font-size:13.5px;-webkit-user-select:all;user-select:all}.fr-body{display:flex;flex-direction:column;gap:16px}.fr-sec{display:flex;flex-direction:column;gap:6px}.fr-sec h3{margin:0 2px 2px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--gold)}.fr-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#0a1e269e;border:1px solid rgba(58,106,114,.55)}.fr-row.incoming{border-color:#d4b06a8c}.fr-row.offline .fr-av,.fr-row.offline .fr-txt{opacity:.55}.fr-av{flex:none;width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:top;background:#0c2229;border:1px solid var(--line)}.fr-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.fr-txt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.45;color:var(--cream);font-size:14.5px}.fr-user{font-weight:500;font-size:12px;color:#7f9c97}.fr-txt small{display:flex;align-items:center;gap:6px;font-size:12px;color:#9bb4ae}.fr-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#5b6f73}.fr-dot.online{background:#46c06a;box-shadow:0 0 6px #46c06abf}.fr-dot.room{background:#e2b33c;box-shadow:0 0 6px #e2b33cb3}.fr-dot.match{background:#4aa3ff;box-shadow:0 0 6px #4aa3ffb3}.fr-acts{flex:none;display:flex;align-items:center;gap:6px}.fr-del{width:30px;height:30px;padding:0;opacity:.6}.fr-del:hover{opacity:1;color:#ff8d8f}.fr-del svg{width:14px;height:14px}.fr-empty,.fr-hint{margin:2px;font-size:13px;color:#8fa9a3}.fr-hint{color:var(--gold-100)}.fr-invites{position:fixed;right:16px;bottom:16px;z-index:140;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 32px))}.fr-invite{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,#173641,#0f2730);border:1px solid var(--gold);box-shadow:0 0 0 3px #d4b06a29,0 12px 32px #0009;animation:fadein .25s ease}.fri-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--gold);background:#d4b06a1f}.fri-ic svg{width:18px;height:18px}.fri-txt{flex:1;min-width:0;font-size:13px;color:#c9dad6}.fri-txt b{color:var(--gold-100)}@media (max-width: 560px){.fr-row{flex-wrap:wrap}.fr-acts{width:100%;justify-content:flex-end}}.v3-table.arena>.sb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:28px 24px;background:radial-gradient(ellipse at 50% 45%,#06161c8c,#040e12d1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:sb-in .16s ease-out var(--sb-t, 0ms) both;font-family:Noto Sans Thai,sans-serif;color:#eef2ea}.sb-overlay.still{animation:none}body.sb-open #fx-layer{visibility:hidden}@keyframes sb-in{0%{opacity:0}}.sb-panel{--sb-line: rgba(212, 176, 106, .2);--sb-cols: 40px minmax(150px, 1.25fr) 86px 176px 50px minmax(140px, 1fr) minmax(130px, 1fr) 116px 84px;display:flex;flex-direction:column;width:min(1680px,100%);height:min(900px,100%);overflow:hidden;border-radius:20px;border:1px solid rgba(212,176,106,.55);background:linear-gradient(180deg,#11303b,#0b222b);box-shadow:0 30px 80px -20px #000,inset 0 1px #fff1c414;animation:sb-panel-in .2s cubic-bezier(.2,.8,.3,1.1) var(--sb-t, 0ms) both}.sb-overlay.still .sb-panel{animation:none}@keyframes sb-panel-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.sb-head{display:flex;align-items:center;gap:18px;padding:16px 20px 14px;border-bottom:1px solid var(--sb-line)}.sb-title h2{margin:0;font-family:Cinzel,Noto Sans Thai,serif;font-size:24px;letter-spacing:1.5px;background:linear-gradient(180deg,#fff,#f0c06a);-webkit-background-clip:text;background-clip:text;color:transparent}.sb-title small{display:block;margin-top:2px;font-size:12px;color:#83a09b}.sb-facts{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.sb-fact{display:flex;flex-direction:column;padding:5px 12px;border-radius:10px;background:#0410158c;border:1px solid #24505b}.sb-fact small{font-size:10.5px;color:#83a09b}.sb-fact b{font-size:14px;color:#fff6df}.sb-fact.turn{border-color:#f0c06a99}.sb-fact.turn b{color:#f4d98d}.sb-fact.event{border-color:#d36be899;background:#46145059}.sb-fact.event b{color:#f0c2ff}.sb-close{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border-radius:50%;cursor:var(--cur-pointer);color:#abc2bb;background:#081a2199;border:1px solid #2c5560}.sb-close:hover{color:#fff1c4;border-color:#d4b06a}.sb-close svg{width:16px;height:16px}.sb-main{display:grid;grid-template-columns:minmax(0,1fr) 264px;grid-template-rows:minmax(0,1fr);min-height:0;flex:1}.sb-scroll{min-width:0;overflow:auto;padding:4px 0 12px}.sb-table{min-width:1080px}.sb-row{position:relative;display:grid;grid-template-columns:var(--sb-cols);align-items:center;gap:0 8px;margin:0 12px;padding:10px 10px 10px 14px;border-bottom:1px solid rgba(44,85,96,.55)}.sb-row:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:3px;background:var(--team, transparent)}.sb-row.team-a{--team: #376ed1}.sb-row.team-b{--team: #b95050}.sb-row.team-c{--team: #4e9466}.sb-row.team-d{--team: #8d5ab6}.sb-row.you{border-radius:12px;background:linear-gradient(90deg,#38a08c29,#38a08c0a);border:1px solid rgba(95,216,180,.45)}.sb-row.turn .sb-seat b{color:#f4d98d;text-shadow:0 0 10px rgba(240,192,106,.8)}.sb-row.out{opacity:.45;filter:grayscale(.6)}.sb-cols{position:sticky;top:0;z-index:2;padding-block:10px 8px;background:#0f2a34;border-bottom-color:var(--sb-line)}.sb-cols .sb-c{font-size:11.5px;font-weight:800;letter-spacing:.8px;color:#d4b06a}.sb-c{min-width:0}.sb-seat{display:flex;flex-direction:column}.sb-seat b{font-size:17px;font-weight:800;color:#cfe0da}.sb-you{font-size:11px;font-weight:800;color:#7fe0c0}.sb-who{display:flex;align-items:center;gap:10px}.sb-avatar{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;overflow:hidden;font-size:17px;font-weight:800;color:#fff6df;background:#24505b;border:2px solid rgba(212,176,106,.55)}.sb-avatar img{width:100%;height:100%;object-fit:cover}.sb-row.turn .sb-avatar{border-color:#f0c06a;box-shadow:0 0 12px #f0c06a99}.sb-label{min-width:0}.sb-name{display:block;font-size:15px;color:#fff6df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.sb-tag{padding:0 7px;border-radius:999px;font-size:11px;font-weight:700;color:#cfe0da;background:#081a21b3;border:1px solid #2c5560;white-space:nowrap}.sb-tag.team{color:#fff;border-color:transparent;background:color-mix(in srgb,var(--team) 70%,#0b2129)}.sb-tag.turn{color:#2a1d06;border-color:transparent;background:linear-gradient(135deg,#f4d98d,#d69a3d)}.sb-tag.role{border-color:#d4b06a80;color:#f4d98d}.sb-tag.warn{color:#ffd479;border-color:#f0b43c80}.sb-hp-txt b{font-size:18px;color:#fff6df}.sb-hp-txt span{font-size:12.5px;color:#83a09b;margin-left:2px}.sb-hpbar{height:5px;margin:3px 0 2px;border-radius:999px;background:#1a3a43;overflow:hidden}.sb-hpbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#46a758,#8fe3a4)}.sb-hpbar i.low{background:linear-gradient(90deg,#b42318,#ff6b6e)}.sb-lv{font-size:11.5px;font-weight:700;color:#9bb4ae}.sb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.sb-stat{position:relative;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:7px;font-size:12.5px;background:color-mix(in srgb,var(--sc) 16%,#0b2129);border:1px solid color-mix(in srgb,var(--sc) 40%,transparent)}.sb-stat .stat-img{width:14px;height:14px}.sb-stat b{color:#fff;font-variant-numeric:tabular-nums}.sb-stat.zero{opacity:.45}.sb-plate{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;margin-left:auto;font-style:normal;font-size:9.5px;font-weight:900;color:#2a1d06;box-shadow:inset 0 -1px #00000040}.sb-plate.gold,.sb-stat.gold .sb-plate{background:radial-gradient(circle at 35% 30%,#fff3c4,#e0b040)}.sb-plate.silver,.sb-stat.silver .sb-plate{background:radial-gradient(circle at 35% 30%,#fff,#b9c4c9)}.sb-plate.bronze,.sb-stat.bronze .sb-plate{background:radial-gradient(circle at 35% 30%,#ffd9b0,#b8733d)}.sb-stat.gold{border-color:#f0c06ad9;box-shadow:0 0 8px -2px #f0c06acc}.sb-cards{display:flex;flex-direction:column;gap:3px}.sb-count{display:inline-flex;align-items:center;gap:5px;color:#9bb4ae}.sb-count svg{width:15px;height:15px}.sb-count b{font-size:14px;color:#fff6df;font-variant-numeric:tabular-nums}.sb-pu,.sb-classes{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.sb-cardcell{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 9px;border-radius:8px;cursor:var(--cur-pointer);font:inherit;font-size:12.5px;font-weight:700;color:#eef2ea;text-align:left;background:#081a21b3;border:1px solid #2c5560;transition:border-color .15s,background .15s}.sb-cardcell span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-cardcell small{flex:none;font-size:10.5px;font-weight:800;color:#d4b06a}.sb-cardcell:hover,.sb-cardcell:focus-visible{border-color:#f0c06a;background:#d4b06a1f;outline:none}.sb-cardcell.ult.ready{border-color:#d36be899}.sb-cardcell.ult.ready small{color:#f0c2ff}.sb-cardcell.ult.used{opacity:.55}.sb-cardcell.main{border-color:#f0c06a8c}.sb-star,.sb-legend .sb-star{font-style:normal;color:#f0c06a}.sb-ult-state{font-size:11.5px;color:#83a09b}.sb-ult-state.ready{color:#f0c2ff}.sb-empty{font-size:12px;color:#6d8a86}.sb-equip{display:grid;grid-template-columns:repeat(4,26px);gap:4px}.sb-cardcell.slot,.sb-slot-empty{justify-content:center;width:26px;height:26px;padding:0;border-radius:7px;font-size:12px}.sb-cardcell.slot{color:#2a1d06;background:linear-gradient(135deg,#f4d98d,#d69a3d);border-color:#f0c06a}.sb-cardcell.slot.broken{color:#fff;background:repeating-linear-gradient(135deg,#7c4a1d 0,#7c4a1d 4px,#5a3412 4px,#5a3412 8px);border-color:#b9783a}.sb-slot-empty{display:inline-grid;place-items:center;font-weight:800;color:#4c7b80;border:1px dashed #2f5158}.sb-status{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.sb-statuscell{display:inline-flex;gap:4px;padding:0;border:0;background:none;cursor:var(--cur-pointer);font:inherit}.sb-pos,.sb-neg{padding:1px 7px;border-radius:999px;font-size:12px;font-weight:800}.sb-pos{color:#c8f0d2;background:#46a75840;border:1px solid rgba(70,167,88,.55)}.sb-neg{color:#ffd9da;background:#e5484d38;border:1px solid rgba(229,72,77,.55)}.sb-pos.zero,.sb-neg.zero{opacity:.35}.sb-statuscell:hover .sb-pos,.sb-statuscell:hover .sb-neg{opacity:1}.sb-mini{padding:1px 6px;border-radius:999px;font-size:11px;font-weight:700;color:#cfe0da;border:1px solid #2c5560}.sb-mini.bad{color:#ffb4b6;border-color:#e5484d73}.sb-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 24px 0;font-size:11.5px;color:#83a09b}.sb-legend span{display:inline-flex;align-items:center;gap:4px}.sb-legend .sb-plate{margin:0}.sb-legend b{color:#cfe0da}.sb-inspect{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;padding:14px 16px 32px;background:#0a1e26;border-left:1px solid var(--sb-line);-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 26px),transparent)}.sb-scroll,.sb-inspect{scrollbar-width:none;overscroll-behavior:contain}.sb-scroll::-webkit-scrollbar,.sb-inspect::-webkit-scrollbar{display:none}.sb-inspect.pinned{box-shadow:inset 3px 0 #f0c06a}.sb-ins-head small{display:block;font-size:11px;font-weight:800;letter-spacing:.8px;color:#d4b06a}.sb-ins-head b{display:block;margin-top:2px;font-size:16px;color:#fff6df}.sb-ins-card{display:flex;justify-content:center}.sb-ins-card .v3f.size-m{--s: .7}.sb-ins-note{font-size:12.5px;color:#9bb4ae;text-align:center}.sb-ins-kws{display:flex;flex-direction:column;gap:6px}.sb-ins-kws .kw-box{background:#081a21cc}.sb-ins-hint{display:flex;flex-direction:column;align-items:center;gap:6px;margin:auto 0;padding:30px 6px;text-align:center;color:#83a09b}.sb-ins-hint svg{width:34px;height:34px;color:#4c7b80}.sb-ins-hint b{font-size:13.5px;color:#cfe0da}.sb-ins-hint small{font-size:12px;line-height:1.5}.sb-ins-status{display:flex;flex-direction:column;gap:6px}.sb-ins-st{padding:7px 10px;border-radius:9px;background:#081a21b3;border:1px solid #2c5560}.sb-ins-st b{font-size:13px}.sb-ins-st small{display:block;font-size:11.5px;color:#83a09b}.sb-ins-st.pos{border-color:#46a75880}.sb-ins-st.pos b{color:#c8f0d2}.sb-ins-st.neg{border-color:#e5484d80}.sb-ins-st.neg b{color:#ffd9da}.sb-ins-empty{font-size:12.5px;color:#6d8a86}@media (max-width: 1365px){.v3-table.arena>.sb-overlay{padding:14px 16px}.sb-panel{--sb-cols: 34px minmax(128px, 1.2fr) 80px 168px 46px minmax(122px, 1fr) minmax(116px, 1fr) 112px 78px}.sb-main{grid-template-columns:minmax(0,1fr) 228px}.sb-table{min-width:990px}.sb-row{margin:0 8px;padding-left:12px}.sb-ins-card .v3f.size-m{--s: .6}}@media (max-height: 800px){.sb-row{padding-block:6px}.sb-avatar{width:36px;height:36px}.sb-head{padding-block:10px}}@media (max-width: 1120px){.sb-inspect.empty{display:none}}@media (max-width: 1120px){.sb-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.sb-inspect{border-left:0;border-top:1px solid var(--sb-line);height:40vh}}@media (max-width: 1000px){.v3-table.arena>.sb-overlay{position:fixed!important}}@media (max-width: 760px){.v3-table.arena>.sb-overlay{padding:8px}.sb-head{flex-wrap:wrap}.sb-facts{margin-left:0;justify-content:flex-start}}.ig-btn.board svg{width:20px;height:20px}.sb-mini.def{color:#cfe7ff;border-color:#78beff99;background:#2864aa40}.sb-mini.def.dodge{color:#bff3ea;border-color:#3fc8b499;background:#137a7040}.sb-mini.def.prevent{color:#ffe9b0;border-color:#f0c06a99;background:#a8741e40}.sb-ins-st.def b{color:#cfe7ff}body.v3-page{overflow:hidden;background:#102c37}body.v3-page #app{overflow:hidden auto}@media (min-width: 1001px){body.v3-page #app:has(>.v3-table.arena){overflow:hidden}}.v3-select{background:var(--panel);color:inherit;border:1px solid var(--line);border-radius:8px;padding:8px}.mm-screen{min-height:100vh;display:grid;place-items:center;padding:24px 16px;position:relative;z-index:1}.mm-card{width:min(100%,460px);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:28px 24px 24px;border-radius:24px;border:1px solid rgba(214,154,61,.55);border-top:3px solid var(--gold);background:linear-gradient(180deg,#163f4beb,#0c222bf0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 30px 80px -30px #000000e6,inset 0 1px #fff6df14}.mm-card.room{width:min(100%,640px);align-items:stretch}.mm-card h1{margin:4px 0 0;font:800 26px/1.2 Sarabun,sans-serif;color:var(--cream)}.mm-sub{color:var(--gold-100);font-size:14px;font-weight:700}.mm-time{font:800 34px/1 Cinzel,serif;color:#fff6df;letter-spacing:2px;font-variant-numeric:tabular-nums}.mm-count{color:#9bb4ae;font-size:13px}.mm-radar{position:relative;width:132px;height:132px;display:grid;place-items:center}.mm-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--gold);animation:mm-ping 2.4s cubic-bezier(.2,.6,.4,1) infinite;opacity:0}.mm-ring.r2{animation-delay:.8s}.mm-ring.r3{animation-delay:1.6s}.mm-core{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:var(--gold-ink);background:radial-gradient(circle at 35% 30%,var(--gold-100),var(--gold-400));box-shadow:0 0 0 4px #0c222be6,0 0 0 5px var(--gold-400),0 0 30px #f0c06a8c}.mm-core svg{width:36px;height:36px;animation:mm-sweep 3s ease-in-out infinite}@keyframes mm-ping{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.25);opacity:0}}@keyframes mm-sweep{0%,to{transform:translate(-3px,-2px) rotate(-8deg)}50%{transform:translate(3px,2px) rotate(8deg)}}.mm-seats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px}.mm-seat{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px}.mm-seat b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font:800 18px/1 Cinzel,serif;color:#6f9aa0;border:2px dashed #3d6c74;animation:mm-wait 1.6s ease-in-out infinite}.mm-seat small{line-height:1.5;font-size:11px;color:#9bb4ae;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mm-seat.on b{color:var(--gold-ink);border:2px solid #0c2229;animation:none;background:linear-gradient(135deg,var(--gold-100),var(--gold-400));box-shadow:0 0 0 1px var(--gold)}.mm-seat.on small{color:#fff6df}@keyframes mm-wait{50%{opacity:.45}}.room-code{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:4px 10px;text-align:left;padding:12px 14px;border-radius:14px;border:1px dashed var(--gold);background:#081a2199}.room-code small{grid-column:1 / -1;font-size:12px;color:#9bb4ae}.room-code b{font:800 34px/1.1 Cinzel,monospace;letter-spacing:8px;color:var(--gold-100);text-shadow:0 0 18px rgba(240,192,106,.45)}.room-seats{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.room-seat{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#081a218c}.room-seat.empty{border-style:dashed;background:transparent}.room-seat.human{border-color:#d4b06a99}.rs-avatar{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:800 16px/1 Cinzel,serif;color:#6f9aa0;border:2px dashed #3d6c74}.rs-avatar svg{width:22px;height:22px}.room-seat.human .rs-avatar{color:var(--gold-ink);border:2px solid #0c2229;background:linear-gradient(135deg,var(--gold-100),var(--gold-400))}.room-seat.bot .rs-avatar{color:var(--gold-100);border:2px solid #3d6c74;background:#163f4b}.rs-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.5;text-align:left}.rs-txt b{display:flex;align-items:center;gap:5px;font-size:14px;color:#fff6df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-seat.empty .rs-txt b{color:#9bb4ae;font-weight:600}.room-seat.empty{cursor:var(--cur-pointer);transition:border-color .15s,background .15s}.room-seat.empty:hover{border-color:var(--gold);border-style:solid;background:#d4b06a14}.room-seat.empty:hover .rs-avatar{color:var(--gold-100);border-color:var(--gold)}.room-seat.empty:hover .rs-txt b{color:var(--gold-100)}.rs-hover,.room-seat.empty:hover .rs-idle{display:none}.room-seat.empty:hover .rs-hover{display:inline}.room-seat.mine{border-color:var(--gold-200);box-shadow:0 0 0 1px #f0c06a59,0 0 18px -6px var(--gold)}.room-deck{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:#081a218c}.rd-label{flex:none;font-size:13.5px;font-weight:700;color:#eef2ea}.room-deck-select{flex:1;min-width:0;padding:8px 10px;border-radius:9px;cursor:var(--cur-pointer);font:600 13.5px/1.4 Sarabun,sans-serif;color:var(--cream);background:#0c2229;border:1px solid var(--gold)}.room-deck-select:focus{outline:2px solid rgba(240,192,106,.45);outline-offset:1px}.rs-crown{display:inline-flex;color:var(--gold-200)}.rs-crown svg{width:15px;height:15px}.rs-team{position:absolute;top:-8px;right:10px;padding:1px 8px;border-radius:999px;font-size:10.5px;font-weight:800;color:#0c2229;background:#9bc4c4;border:1px solid #0c2229}.rs-team.tB{background:#e3a27f}.rs-team.tC{background:#b6c98a}.rs-team.tD{background:#c7a6d8}.room-seat .btn{flex:none}.room-actions{display:flex;align-items:center;gap:12px;margin-top:4px}.room-actions .play-btn{flex:1;width:auto;margin:0;padding:10px 18px}.room-actions .play-btn .pb-txt{align-items:center}.room-actions .play-btn .pb-txt b{font-size:21px}.room-wait{flex:1;text-align:center;color:#abc2bb;font-size:14px;animation:mm-wait 1.8s ease-in-out infinite}@media (max-width: 560px){.mm-card{padding:22px 16px 18px}.room-seats{grid-template-columns:minmax(0,1fr)}.room-code b{font-size:28px;letter-spacing:6px}}@media (prefers-reduced-motion: reduce){.mm-ring,.mm-core svg,.mm-seat b,.room-wait{animation:none}.mm-ring{opacity:.4}}.v3-table.arena{--ink: #182c39;--ink-soft: #38515a;--paper: #fff6df;--teal: #2c6670;--teal-deep: #163f4b;--apricot: #dd7d55;--gold-light: #f4d98d;--brass: #d69a3d;--glass: linear-gradient(180deg, rgba(255, 248, 226, .93), rgba(232, 214, 174, .88));--shadow: 0 14px 28px rgba(26, 45, 52, .25), 0 2px 3px rgba(26, 45, 52, .2);position:relative;width:100%;height:max(100vh,700px);overflow:hidden;isolation:isolate;color:var(--ink);font-family:Noto Sans Thai,sans-serif;background:url(/assets/board/arena.webp) center / cover no-repeat,#d9bd89}.v3-table.arena .eyebrow{display:block;color:#6a5540;font-size:11px;font-weight:800;letter-spacing:.14em}.v3-table.arena h1,.v3-table.arena h2{margin:0}.v3-table.arena .v3-clock{font-variant-numeric:tabular-nums;color:var(--teal-deep);font-weight:800;min-width:4em}.cosmetic-field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.water-shimmer{position:absolute;left:37%;right:37%;top:0;height:15%;opacity:.34;background:linear-gradient(120deg,transparent 28%,rgba(230,252,244,.65) 44%,transparent 62%);animation:water-shimmer 9s ease-in-out infinite var(--ph9, 0ms)}.cloth-drift{position:absolute;top:4%;width:16%;height:13%;opacity:.14;background:radial-gradient(ellipse at 50% 0,rgba(39,91,100,.9),transparent 68%);filter:blur(7px);animation:cloth-drift 13s ease-in-out infinite var(--ph13, 0ms)}.cloth-a{left:8%}.cloth-b{right:9%}.center-breath{position:absolute;left:21%;right:21%;top:18%;bottom:28%;border-radius:48%;box-shadow:inset 0 0 42px #ffeba924;animation:center-breath 7s ease-in-out infinite var(--ph7, 0ms)}.react-window .cosmetic-field>*{animation-play-state:paused;opacity:.2}body.reduce-motion .cosmetic-field{display:none}@keyframes water-shimmer{0%,to{transform:translate(-45%);opacity:.18}50%{transform:translate(45%);opacity:.45}}@keyframes cloth-drift{0%,to{transform:translateZ(0) rotate(-1deg)}50%{transform:translate3d(3%,4%,0) rotate(2deg)}}@keyframes center-breath{0%,to{transform:scale(.98);opacity:.45}50%{transform:scale(1.015);opacity:.82}}.prop-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.prop{position:absolute;display:grid;place-items:center;width:clamp(44px,3.8vw,72px);aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:var(--cur-pointer);pointer-events:auto;transition:transform .32s cubic-bezier(.05,.7,.1,1),border-color .16s,background .16s}.prop:hover,.prop:focus-visible{transform:scale(1.1);border-color:#f4d98de0;background:#fff6d32e}.prop-map{left:2%;top:9.5%}.prop-lantern{right:3.3%;top:9.5%}.prop-herbs{left:2%;bottom:31%}.prop-journal{right:3%;bottom:31%}.prop-glyph{color:#253f40d6;font-size:clamp(18px,1.6vw,28px);text-shadow:0 1px 1px rgba(255,247,220,.8)}.lantern-glyph{width:42%;height:58%;border:2px solid rgba(53,72,65,.8);border-radius:45% 45% 40% 40%;box-shadow:inset 0 -10px #e08d368f,0 0 14px #f4d98d99}.herbs-glyph{transform:rotate(-34deg)}.react-window .prop{pointer-events:none;opacity:.5}.seat-rail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.v3-player.seat{position:absolute;width:clamp(170px,13.4vw,258px);pointer-events:auto;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .16s,opacity .16s}.slot-left-mid{left:1.8%;top:32%}.slot-left-top{left:2.4%;top:11%}.slot-right-top{right:2.4%;top:11%}.slot-right-mid{right:1.8%;top:32%}.slot-top{left:50%;top:10%;transform:translate(-50%)}.slot-top-left{left:23%;top:10%}.slot-top-right{right:23%;top:10%}.v3-player.out{opacity:.5;filter:grayscale(1)}.seat-identity{position:relative;display:flex;flex-direction:column;align-items:center;width:clamp(76px,6.2vw,112px)}.level-cluster{position:relative;display:grid;place-items:end center;width:100%;height:40px}.player-id-medallion{position:relative;z-index:3;display:grid;place-items:center;width:clamp(25px,2vw,34px);aspect-ratio:1;border:2px solid transparent;border-radius:50%;background:var(--paper);color:var(--teal-deep);font-size:clamp(12px,1vw,16px);font-weight:900;box-shadow:0 2px 5px #182c393d}.class-tier-1 .player-id-medallion{border-color:#a85b38}.class-tier-2 .player-id-medallion{border-color:#aab7bf}.class-tier-3 .player-id-medallion{border-color:#c99c42}.seat-avatar{position:relative;z-index:2;display:grid;place-items:center;width:clamp(58px,4.7vw,84px);aspect-ratio:1;border:5px solid var(--teal);border-radius:50%;background:radial-gradient(circle at 34% 28%,#f8e7b1,#c88b5b 72%);color:var(--teal-deep);font-size:clamp(24px,2.1vw,38px);font-weight:900;line-height:1;box-shadow:0 4px 8px #182c393d}.equipment-petals{position:absolute;z-index:4;inset:0 4px auto;height:30px;pointer-events:none}.equipment-petal{position:absolute;top:0;width:13px;height:22px;border:2px solid var(--brass);border-radius:80% 20%;background:var(--gold-light);transform-origin:50% 100%;box-shadow:0 1px 3px #182c3938}.equipment-petals-1 .equipment-petal{left:calc(50% - 6px);transform:rotate(0)}.equipment-petals-2 .equipment-petal:first-child{left:17%;transform:rotate(-35deg)}.equipment-petals-2 .equipment-petal:last-child{right:17%;transform:rotate(35deg)}.equipment-petals-3 .equipment-petal:nth-child(1){left:17%;transform:rotate(-35deg)}.equipment-petals-3 .equipment-petal:nth-child(2){left:calc(50% - 6px);transform:rotate(0)}.equipment-petals-3 .equipment-petal:nth-child(3){right:17%;transform:rotate(35deg)}.equipment-petals-4 .equipment-petal:nth-child(1){left:6%;transform:rotate(-55deg)}.equipment-petals-4 .equipment-petal:nth-child(2){left:29%;transform:rotate(-18deg)}.equipment-petals-4 .equipment-petal:nth-child(3){right:29%;transform:rotate(18deg)}.equipment-petals-4 .equipment-petal:nth-child(4){right:6%;transform:rotate(55deg)}.seat-hand{display:flex;justify-content:center;align-items:flex-end;min-height:23px;margin-top:-9px;padding:0 4px}.hand-ref{display:block;width:17px;height:24px;margin-left:-5px;border:1px solid rgba(24,44,57,.7);border-radius:3px;background:repeating-linear-gradient(135deg,#2c6670 0,#2c6670 3px,#d69a3d 3px,#d69a3d 5px,#163f4b 5px,#163f4b 7px);box-shadow:0 1px 2px #182c3940}.hand-ref:first-child{margin-left:0}.seat-flair{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;min-height:24px;padding:3px 9px;border:1px solid rgba(24,44,57,.35);border-radius:8px;background:#fff7dce6;color:var(--teal-deep)}.seat-name{color:var(--teal-deep);font-weight:800;font-size:clamp(13px,1vw,17px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-tag{font-size:11px;padding:1px 6px;border-radius:6px;background:#182c391a}.v3-tag.turn{background:var(--brass);color:#1b1206;font-weight:800}.v3-tag.role{background:#3e9df038}.v3-tag.out{background:#e5484d47}.v3-tag.ally{background:#46a75847}.v3-tag.foe{background:#e5484d38}.v3-hp{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-soft)}.v3-hpv{color:#b4322f;font-weight:800}.v3-hpbar{height:5px;background:#182c3924;border-radius:3px;overflow:hidden}.v3-hpfill{height:100%;background:linear-gradient(90deg,#c0392b,#e5736b)}.v3-stats{display:flex;gap:6px;flex-wrap:wrap}.v3-stat{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:13px}.v3-stat .stat-img{width:16px;height:16px}.v3-counts,.v3-status,.v3-dim{font-size:11.5px;color:var(--ink-soft)}.v3-status{color:#1f5f8a;font-weight:700}.v3-chips{display:flex;flex-wrap:wrap;gap:3px;max-height:3.9em;overflow-y:auto}.v3-chip{--c: #8a8f98;font-size:11px;padding:1px 6px;border-radius:6px;background:#182c3914;border-left:3px solid var(--c);cursor:var(--cur-pointer);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.v3-chip small{opacity:.7}.v3-chip:hover{background:#182c392e}.v3-chipbox{display:inline-flex;gap:3px;align-items:center;max-width:100%}.btn.small{padding:4px 8px;font-size:12px}.btn.tiny{padding:1px 6px;font-size:11px}.target-marker{display:block;color:var(--teal-deep);font-weight:800;font-size:12px;letter-spacing:.05em}.legal-target{cursor:var(--cur-target);outline:2px solid var(--teal);outline-offset:5px;animation:target-ready 1.1s ease-in-out infinite}.legal-target.picked-target .seat-avatar{outline:3px solid var(--gold-light);outline-offset:3px}.illegal-target{opacity:.55;filter:saturate(.7)}@keyframes target-ready{0%,to{outline-offset:5px}50%{outline-offset:9px}}.v3-player.flash-heal{animation:v3-heal .6s ease-out}@keyframes v3-heal{0%{filter:drop-shadow(0 0 8px #46a758)}to{filter:none}}.v3-player.seat{width:162px;min-height:250px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.player-id-medallion-wrap{--player-marker-flag-centerline: 46px;--player-marker-cluster-top: 8px;--player-marker-size: 38px;--seat-flag-size: 44px;position:relative;width:162px;height:180px;flex:none;display:grid;place-items:center;margin-bottom:2px}.player-id-class-cluster{position:absolute;z-index:11;left:-10px;top:var(--player-marker-cluster-top);width:76px;height:76px;overflow:visible;border:0;background:transparent;box-shadow:none;pointer-events:none}.turn-owner-aura{position:absolute;z-index:1;left:47px;top:0;width:136px;height:136px;border:3px solid rgba(255,218,126,.78);border-radius:50%;background:radial-gradient(circle,transparent 55%,rgba(255,210,104,.2) 56% 66%,transparent 67%),repeating-conic-gradient(from -22deg,#ffe397b8 0,#ffe397b8 7deg,#3f959c24 7deg,#3f959c24 15deg);box-shadow:0 0 0 4px #29727c52,0 0 24px #ffc45294;clip-path:polygon(50% 0,61% 8%,74% 4%,82% 17%,96% 22%,92% 37%,100% 50%,92% 63%,96% 78%,82% 83%,74% 96%,61% 92%,50% 100%,39% 92%,26% 96%,18% 83%,4% 78%,8% 63%,0 50%,8% 37%,4% 22%,18% 17%,26% 4%,39% 8%);pointer-events:none;animation:none;transition:none}.player-id-medallion{position:absolute;z-index:5;top:calc(var(--player-marker-flag-centerline) - var(--player-marker-cluster-top) - var(--player-marker-size) / 2);left:19px;width:var(--player-marker-size);height:var(--player-marker-size);display:flex;align-items:center;justify-content:center;column-gap:2px;border:3px solid #f4e0b3;border-radius:50%;background:#24324f;color:#fff;font-weight:900;line-height:1;white-space:nowrap;box-shadow:0 4px 12px #0008}.class-frame-0,.player-id-class-cluster.class-tier-0 .player-id-medallion{border-color:#75839a}.class-frame-1,.player-id-class-cluster.class-tier-1 .player-id-medallion{border-color:#b98754;box-shadow:0 0 0 2px #b987544d,0 4px 12px #0008}.class-frame-2,.player-id-class-cluster.class-tier-2 .player-id-medallion{border-color:#c5d6e7;box-shadow:0 0 0 2px #c5d6e766,0 4px 12px #0008}.class-frame-3,.player-id-class-cluster.class-tier-3 .player-id-medallion{border-color:#f4c463;box-shadow:0 0 0 2px #f4c46388,0 4px 12px #0008}.equipment-petals{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.equipment-petal{position:absolute;left:38px;top:-8px;width:12px;height:20px;transform:translate(-50%) rotate(var(--petal-rotation));transform-origin:50% 100%;clip-path:polygon(50% 0,100% 72%,50% 100%,0 72%);background:linear-gradient(135deg,#95edff,#5467bd);border:1px solid #e4fbff}.petal-upper-left{left:10px;top:8px;--petal-rotation: -42deg}.petal-upper-right{left:66px;top:8px;--petal-rotation: 42deg}.petal-top-center{left:38px;top:-8px;--petal-rotation: 0deg}.petal-arc-left{left:8px;top:18px;--petal-rotation: -58deg}.petal-arc-mid-left{left:26px;top:-7px;--petal-rotation: -18deg}.petal-arc-mid-right{left:50px;top:-7px;--petal-rotation: 18deg}.petal-arc-right{left:68px;top:18px;--petal-rotation: 58deg}.avatar-shell.seat-avatar{--avatar-diameter: 112px;--cosmetic-frame-diameter: 168px;--retained-selection-diameter: 184px;--focus-ring-diameter: 198px;position:absolute;z-index:2;left:50%;top:42px;width:112px;height:112px;transform:translate(-50%);display:block;overflow:visible;border:0;border-radius:50%;background:transparent;color:transparent;font-size:0;line-height:0;box-shadow:none}.frame-art{position:absolute;z-index:1;left:50%;top:50%;width:var(--cosmetic-frame-diameter);height:var(--cosmetic-frame-diameter);transform:translate(-50%,-50%);display:block;border:0;border-radius:0;box-shadow:none;background:transparent;background-image:url(/assets/seat/generated-transparent-frame-sprite-owner-call-v21.webp);background-size:300% 100%;background-position:var(--frame-bg-position, 50%) 50%;background-repeat:no-repeat;pointer-events:none}.frame-r1{--frame-bg-position: 0%;background-position:0% 50%}.frame-r2{--frame-bg-position: 50%;background-position:50% 50%}.frame-r3{--frame-bg-position: 100%;background-position:100% 50%}.avatar-image{position:absolute;left:50%;top:50%;z-index:0;width:var(--avatar-diameter);height:var(--avatar-diameter);transform:translate(-50%,-50%);display:block;border-radius:50%;object-fit:cover;object-position:center;box-shadow:none}.avatar-image.avatar-silhouette{z-index:0;color:transparent;font-size:0;background:radial-gradient(ellipse 22px 25px at 50% 31%,#879398 0 96%,transparent 100%),radial-gradient(ellipse 43px 37px at 50% 91%,#879398 0 96%,transparent 100%),linear-gradient(180deg,#e7dfca 0,#e7dfca);object-fit:none}.seat-flag{position:absolute;z-index:12;top:calc(var(--player-marker-flag-centerline) - var(--seat-flag-size) / 2);right:-10px;width:var(--seat-flag-size);height:var(--seat-flag-size);margin:0;padding:0;display:grid;place-items:center;overflow:visible;border:0;border-radius:0;background:transparent;color:#fff;font:900 15px/1 Segoe UI,Arial,sans-serif;letter-spacing:.04em;box-shadow:none}button.seat-flag{cursor:var(--cur-pointer)}button.seat-flag:focus-visible{outline:3px solid #ffdf8c;outline-offset:3px;border-radius:8px}.flag-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;overflow:visible}.flag-pole-shadow{stroke:#081326;stroke-width:4;stroke-linecap:round}.flag-pole{stroke:#dbe8f5;stroke-width:2.1;stroke-linecap:round}.flag-finial{fill:#f6df9c;stroke:#4e3f28;stroke-width:1.3}.flag-cloth{fill:var(--flag-base, #52647d);stroke:#101c32;stroke-width:1.6;stroke-linejoin:round}.flag-fold-shadow{fill:var(--flag-shadow, #27354d);opacity:.9}.flag-highlight{fill:none;stroke:var(--flag-highlight, #dff6ff);stroke-width:1.6;stroke-linecap:round;opacity:.9}.flag-pattern,.flag-pattern-chevrons,.flag-pattern-crosshatch{fill:none;stroke:var(--flag-pattern, #f8fbff);stroke-width:1.15;stroke-linecap:round;opacity:.55}.flag-pattern-dots circle{fill:var(--flag-pattern, #f8fbff);opacity:.7}.flag-letter{position:relative;z-index:2;margin-left:10px;margin-top:2px;color:#fff;text-shadow:0 1px 2px #07101f,0 0 2px #07101f}.flag-lock{position:absolute;z-index:2;right:4px;bottom:4px;color:#fff4c7;font-size:9px;text-shadow:0 1px 2px #07101f}.team-a{--flag-base: #376ed1;--flag-shadow: #1e3f88;--flag-highlight: #b6e5ff;--flag-pattern: #eef8ff}.team-b{--flag-base: #b95050;--flag-shadow: #6d2838;--flag-highlight: #ffd2b9;--flag-pattern: #fff1dc}.team-c{--flag-base: #4e9466;--flag-shadow: #286047;--flag-highlight: #c5f0cf;--flag-pattern: #f4ffe9}.team-d{--flag-base: #8d5ab6;--flag-shadow: #4b2c71;--flag-highlight: #ead0ff;--flag-pattern: #fff0ff}.private-role-guess{--flag-base: #46617f;--flag-shadow: #273b59;--flag-highlight: #c5eaff;--flag-pattern: #ebf5ff}.guess-loyalist{--flag-base: #3c6689;--flag-shadow: #244667}.guess-rebel{--flag-base: #884952;--flag-shadow: #572b3f}.guess-spy{--flag-base: #654a83;--flag-shadow: #402b60}.confirmed-role-flag{--flag-base: #8b6835;--flag-shadow: #5f4428;--flag-highlight: #ffe8a5;--flag-pattern: #fff6c9}.public-hidden-role-flag,.hidden-role-placeholder{--flag-base: #303a50;--flag-shadow: #20293c;--flag-highlight: #bac5da;--flag-pattern: #edf3ff}.hand-fan.seat-hand{position:absolute;z-index:10;left:50%;bottom:-16px;width:96px;height:32px;margin:0;padding:0;transform:translate(-50%);display:block}.hand-fan .hand-card{--fan-index: 0;--fan-count: 1;--fan-z: 1;--fan-offset: 0px;--fan-drop: 0px;--fan-angle: calc((var(--fan-index) - (var(--fan-count) - 1) / 2) * 9deg);position:absolute;left:50%;bottom:0;z-index:var(--fan-z);width:24px;height:32px;margin:0;border:1px solid rgba(24,44,57,.78);border-radius:4px;background:repeating-linear-gradient(135deg,#2c6670 0,#2c6670 4px,#d69a3d 4px,#d69a3d 7px,#163f4b 7px,#163f4b 10px);box-shadow:0 1px 2px #182c3940;transform:translate(calc(-50% + var(--fan-offset))) translateY(var(--fan-drop)) rotate(var(--fan-angle));transform-origin:50% 100%}.v3-player.seat .player-id-medallion-wrap{margin-bottom:-8px}.v3-player.seat .v3-hpbar{--hp-brass-light: #f6d680;--hp-brass-mid: #c58a36;--hp-brass-deep: #6b381c;--hp-trough-top: #3b151d;--hp-trough-mid: #241016;--hp-trough-bottom: #10080e;--hp-ember-deep: #74152b;--hp-ember-red: #b7253a;--hp-ember-hot: #ee6841;--hp-ember-sheen: #ffb16d;position:relative;z-index:11;width:128px;height:20px;min-height:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--hp-brass-mid);border-radius:999px;background:linear-gradient(180deg,var(--hp-trough-top) 0%,var(--hp-trough-mid) 48%,var(--hp-trough-bottom) 100%),radial-gradient(ellipse at 50% 0%,#b9423447,#601b2624 46%,#0000 72%);box-shadow:inset 0 1px #ffde8994,inset 0 0 0 1px #5c2a17f5,inset 0 -3px 5px #000000d1,0 0 0 1px var(--hp-brass-deep),0 2px 4px #050306d1}.v3-player.seat .hp-heart-badge{position:absolute;left:4px;top:50%;z-index:2;width:18px;height:14px;display:grid;place-items:center;transform:translateY(-50%);box-sizing:border-box;border:1px solid var(--hp-brass-light);border-radius:55% 55% 48% 48%;background:linear-gradient(135deg,#5d1f35,#a92d45 54%,#e75b46);color:#fff0c4;font-family:Georgia,serif;font-size:12px;line-height:1;text-shadow:0 1px 1px #2a0711;box-shadow:inset 0 1px #fff1b966,0 0 4px #ff704855;pointer-events:none}.v3-player.seat .v3-hpfill{position:absolute;inset:0 auto 0 0;z-index:0;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(180deg,#ffb16db3,#ff6f453d 22%,#74152b2e 58%,#310414d6),repeating-linear-gradient(135deg,rgba(255,171,91,.13) 0 2px,rgba(83,7,28,.08) 2px 6px,transparent 6px 12px),linear-gradient(90deg,var(--hp-ember-deep) 0%,var(--hp-ember-red) 38%,var(--hp-ember-hot) 56%,var(--hp-ember-red) 80%,var(--hp-ember-deep) 100%);box-shadow:inset 0 1px #ffe09b85,inset 0 -2px 3px #330314e0,0 0 7px #ff482a6b}.v3-player.seat .v3-hpfill:after{content:"";position:absolute;top:2px;right:0;width:7px;height:calc(100% - 4px);border-radius:50%;background:linear-gradient(90deg,rgba(255,113,52,0),var(--hp-ember-sheen) 52%,#fff4c4 100%);box-shadow:0 0 3px 1px #ff7030e0,0 0 7px #ff402280;pointer-events:none}.v3-player.seat .v3-hpbar .v3-hpv{position:relative;z-index:1;color:#fff;font-size:13px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 2px #07101f,0 0 2px #07101f}.v3-player.seat .seat-flair{width:max-content;min-width:128px;max-width:200px;align-self:center;min-height:22px;height:22px;box-sizing:border-box;padding:2px 8px;overflow:hidden;border:1px solid #d2a84f;border-radius:7px;background:linear-gradient(180deg,#1f5260,#102b3b);color:#f8f0d2;box-shadow:inset 0 1px #fff2,0 2px 4px #06101d99}.v3-player.seat .level-badge{flex:0 0 36px;width:36px;height:17px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:1px;border:1px solid #e0b454;border-radius:4px 9px;background:linear-gradient(135deg,#2f416d,#1c2850 48%,#101936);color:#fff0bd;font-size:10px;font-weight:900;letter-spacing:.02em;line-height:1;text-shadow:0 1px 1px #07101f;box-shadow:inset 0 1px #fff5c455,0 1px 2px #050b18aa;white-space:nowrap}.v3-player.seat .level-badge-label,.v3-player.seat .level-badge-value{display:inline-block}.v3-player.seat .seat-name{min-width:0;flex:1 1 auto;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff8df;font-size:13px;font-weight:900;text-shadow:0 1px 2px #07101f}.local-command{position:absolute;z-index:9;left:18%;right:18%;bottom:0;min-height:390px;padding:0 0 14px;color:var(--paper);pointer-events:none}.local-command:before{content:"";position:absolute;z-index:-1;left:-22%;right:-22%;bottom:-1px;height:42%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(12,48,58,.16) 30%,rgba(12,48,58,.62))}.local-command>*{pointer-events:auto}.local-identity{position:relative;z-index:3;display:flex;justify-content:center;min-height:218px}.local-player-anchor{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:162px!important;min-height:250px;margin:0 auto -36px;pointer-events:auto}.local-private-hand{position:relative;z-index:5;width:min(100%,760px);min-height:218px;margin:0 auto}.v3-hand{position:relative;display:block;width:100%;height:218px;min-height:218px;margin:0 auto;padding:0;overflow:visible}.v3-hand .v3f.size-s{--s: .42}.v3-handcard{--fan-index: 0;--fan-count: 1;--fan-z: 1;--fan-offset: 0px;--fan-compact-offset: 0px;--fan-drop: 0px;--fan-angle: 0deg;--fan-shift: var(--fan-offset);position:absolute;left:50%;bottom:0;z-index:var(--fan-z);display:flex;flex-direction:column;gap:4px;width:max-content;--spread-x: 0px;transform:translate(calc(-50% + var(--fan-shift) + var(--spread-x))) translateY(var(--fan-drop)) rotate(var(--fan-angle));transform-origin:50% 100%;transition:transform .26s cubic-bezier(.2,.8,.3,1);will-change:transform;outline:0;cursor:var(--cur-default)}.v3-hand.hovering .v3-handcard{--spread-x: calc(clamp(-1, (var(--fan-index) - var(--hover-i, -99)) * 100, 1)*26px) }.v3-handcard>.v3f{transform-origin:50% 100%;transition:transform .26s cubic-bezier(.2,.8,.3,1.15);will-change:transform}.v3-handcard:hover,.v3-handcard:focus-visible{z-index:100}.v3-handcard:hover>.v3f,.v3-handcard:focus-visible>.v3f{transform:translateY(-34px) rotate(calc(var(--fan-angle) * -1)) scale(1.12)}.v3-handcard:hover:before{content:"";position:absolute;left:-4px;right:-4px;bottom:100%;height:56px}.v3-handcard.playable{cursor:var(--cur-pointer)}.v3-handcard.playable .v3f>.card,.ss-card.on .v3f>.card{--ring: calc(2.4px / var(--s));--ring-c: #5ff09a;--ring-glow: rgba(53, 210, 120, .9);filter:drop-shadow(var(--ring) 0 0 var(--ring-c)) drop-shadow(calc(var(--ring) * -1) 0 0 var(--ring-c)) drop-shadow(0 var(--ring) 0 var(--ring-c)) drop-shadow(0 calc(var(--ring) * -1) 0 var(--ring-c)) drop-shadow(0 0 calc(8px / var(--s)) var(--ring-glow))}.v3-handcard.playable:hover .v3f>.card{--ring-c: #9bffc2}.v3-handcard.playable.turn-ending-action .v3f>.card{--ring-c: #f2c94c;--ring-glow: rgba(242, 201, 76, .9)}.v3-handcard.playable.turn-ending-action:hover .v3f>.card{--ring-c: #ffe889}.v3-handcard.playable.reactable .v3f>.card{--ring-c: #5fd8ff;--ring-glow: rgba(70, 190, 255, .95)}.v3-handcard.playable.reactable:hover .v3f>.card{--ring-c: #b5efff}.v3-handcard.reactable>.v3f{animation:react-bob 1.6s ease-in-out infinite}@keyframes react-bob{50%{transform:translateY(-8px)}}.v3-handcard.reactable:hover>.v3f,.v3-handcard.reactable:focus-visible>.v3f{animation:none}.v3-handcard:focus-visible{outline:3px solid var(--gold-light);outline-offset:6px;border-radius:8px}.v3-handcard .v3f{pointer-events:none}.v3-handcard .v3f-note{color:var(--gold-light)}.v3-handcard.draggable{touch-action:none}.v3-handcard.drag-source{opacity:.15;filter:grayscale(.6)}body.card-dragging{user-select:none;-webkit-user-select:none}body.card-dragging .v3-preview{display:none!important}body.card-dragging .v3-handcard{pointer-events:none}body.aiming,body.aiming *{cursor:var(--cur-target)!important}#fx-layer .drag-card{position:fixed;left:0;top:0;width:calc(320px * .56);will-change:transform;z-index:3;filter:drop-shadow(0 18px 22px rgba(5,29,38,.5));transition:filter .15s;transform-origin:50% 50%}#fx-layer .drag-card.armed{filter:drop-shadow(0 0 16px rgba(240,192,106,.9)) drop-shadow(0 18px 22px rgba(5,29,38,.5))}#fx-layer .drag-card.aiming{filter:drop-shadow(0 0 14px rgba(240,192,106,.75)) drop-shadow(0 14px 18px rgba(5,29,38,.5))}@property --burn{syntax: "<percentage>"; inherits: false; initial-value: -20%;}#fx-layer .drag-card.dissolve>.v3f{-webkit-mask-image:radial-gradient(circle at 50% 55%,transparent var(--burn),#000 calc(var(--burn) + 16%));mask-image:radial-gradient(circle at 50% 55%,transparent var(--burn),#000 calc(var(--burn) + 16%));animation:card-burn .16s ease-out forwards}@keyframes card-burn{0%{--burn: -20%;filter:brightness(1)}35%{filter:brightness(2.6) saturate(1.3);scale:1.05}to{--burn: 80%;filter:brightness(3) saturate(1.4);scale:1.12;opacity:0}}#fx-layer .drag-card.dissolve:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 55%,transparent var(--burn),rgba(255,236,170,.95) calc(var(--burn) + 3%),rgba(255,150,60,.55) calc(var(--burn) + 9%),transparent calc(var(--burn) + 17%));animation:card-burn-edge .16s ease-out forwards}@keyframes card-burn-edge{0%{--burn: -20%}85%{opacity:1}to{--burn: 80%;opacity:0}}#fx-layer .drag-burst{position:fixed;width:220px;height:220px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(circle,rgba(255,248,220,.95),color-mix(in srgb,var(--spark) 70%,transparent) 35%,transparent 70%);mix-blend-mode:screen;animation:burst .38s ease-out forwards}@keyframes burst{40%{opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}#fx-layer .drag-spark{position:fixed;width:var(--sz);height:var(--sz);border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fffbe8 0 30%,var(--spark) 60%);box-shadow:0 0 10px 3px var(--spark),0 0 3px 1px #fff4c4;transform:translate(-50%,-50%);animation:spark-fly .6s cubic-bezier(.1,.75,.3,1) both}#fx-layer .drag-spark.streak{width:calc(var(--sz) * 2.6);height:3px;border-radius:2px;rotate:var(--rot)}@keyframes spark-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}10%{opacity:1}70%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.15)}}#fx-layer .aim-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:visible;pointer-events:none;z-index:2}.aim-arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round}.aim-arrow .aa-glow{stroke:#f0c06a59;stroke-width:20;filter:blur(5px)}.aim-arrow .aa-edge{stroke:#160d04;stroke-width:10}.aim-arrow .aa-line{stroke:#e9b45e;stroke-width:5.5;stroke-dasharray:16 9;animation:aa-flow .55s linear infinite}.aim-arrow .aa-head{fill:#f5d78e;stroke:#160d04;stroke-width:2.5}.aim-arrow .aa-ring{fill:none;stroke:none}.aim-arrow.locked .aa-glow{stroke:#ffad57b3}.aim-arrow.locked .aa-line{stroke:#ffe39a}.aim-arrow.locked .aa-head{fill:#fff1c4}.aim-arrow.locked .aa-ring{stroke:#ffad57;stroke-width:3;filter:drop-shadow(0 0 6px #ffad57);animation:aa-ring .9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes aa-flow{to{stroke-dashoffset:-25}}@keyframes aa-ring{50%{scale:1.18}}.v3-player.aim-candidate{outline:2px dashed rgba(214,154,61,.9);outline-offset:6px;border-radius:14px}.v3-player.aim-hover{outline:3px solid #ffad57;outline-offset:6px;filter:drop-shadow(0 0 16px rgba(255,173,87,.85))}.v3-hbtns{position:absolute;top:calc(100% + 6px);left:50%;display:flex;gap:4px;justify-content:center;max-width:260px;transform:translate(-50%)}.v3-hbtns .btn{min-height:44px;white-space:nowrap}.react-window .v3-handcard:not(.reactable){opacity:.4;pointer-events:none}.react-hint{align-self:stretch;padding:7px 10px;border-radius:10px;text-align:center;font-size:12.5px;font-weight:700;line-height:1.35;color:#c9f1ff;background:#0a2c3ed1;border:1px solid rgba(95,216,255,.55);box-shadow:0 0 14px -4px #5fd8ffcc}.btn.react-btn{border-color:#5fd8ffb3;color:#dff6ff;background:#0c3448e6}.btn.react-btn:hover{border-color:#8fe6ff;box-shadow:0 0 14px -2px #5fd8ffe6}.command-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:140px}.local-actions{position:absolute;z-index:8;right:0;bottom:22px}.command-actions .btn{min-height:38px}.action-left{display:flex;min-height:30px;overflow:hidden;border-radius:8px;border:1px solid rgba(214,154,61,.8);background:#163f4bf0;box-shadow:0 3px 10px #182c3959}.al{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;font-size:11.5px;font-weight:800;color:var(--paper);white-space:nowrap}.al+.al{border-left:1px solid rgba(244,217,141,.35)}.al svg{width:14px;height:14px;flex:none;color:var(--gold-light)}.al.spent{color:#fff6df6b;text-decoration:line-through}.al.spent svg{color:inherit}.al.first{background:var(--brass);color:#1b1206;animation:al-first 1.6s ease-in-out infinite}.al.first svg{color:#1b1206}@keyframes al-first{50%{background:var(--gold-light)}}@media (prefers-reduced-motion: reduce){.al.first{animation:none}}.command-actions .auto-skip-control{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid rgba(244,217,141,.5);border-radius:8px;background:#fff7dc1a;color:var(--paper);font-size:12px;font-weight:800;cursor:var(--cur-pointer)}.command-actions .auto-skip-control input{margin:0;accent-color:var(--brass)}.local-command .local-actions .btn,.local-command .local-actions .auto-skip-control{min-height:44px}.v3-res{font-size:12px;color:#e3d6b6;text-align:right}.ask-quick{position:absolute;z-index:30;left:50%;top:17%;transform:translate(-50%);width:max-content;max-width:min(760px,94%);display:flex;align-items:center;gap:18px;padding:16px 24px 18px 18px;color:#fff6df;border-radius:18px;border:2px solid rgba(214,154,61,.95);background:linear-gradient(180deg,#18424ef7,#091e26f7);box-shadow:0 0 0 4px #0c222bd9,0 24px 50px #06141a8c,inset 0 1px #ffe9c22e}.ask-quick:not(:has(.ask-card)){padding-left:24px}.ask-quick.opening{animation:ask-in .32s cubic-bezier(.2,.8,.3,1.1) both;animation-delay:var(--ask-t, 0ms)}@keyframes ask-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.96)}}.ask-quick.kind-players{top:auto;bottom:31%}.ask-body{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:260px;text-align:center}.ask-eyebrow{min-width:220px}.ask-title{max-width:460px;font:800 21px/1.35 Cinzel,Sarabun,serif;color:#ffe9c2;text-shadow:0 2px 8px rgba(0,0,0,.5)}.ask-note{font-size:13px;color:#cfe0da}.ask-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.ask-btn{min-height:42px;padding:8px 20px;border-radius:12px;font-family:inherit;font-size:15px;font-weight:800;cursor:var(--cur-pointer);color:#ffe9c2;background:#0c222bd9;border:1.5px solid rgba(214,154,61,.8);transition:transform .12s,filter .12s,background .12s}.ask-btn:hover:not(:disabled){transform:translateY(-2px);background:#1e505cf2}.ask-btn.primary{color:#2a1a06;background:linear-gradient(135deg,#fff1c4,#f0c06a 55%,#d69a3d);border-color:#fff1c4;box-shadow:0 6px 16px #00000059}.ask-btn.primary:hover:not(:disabled){filter:brightness(1.08);background:linear-gradient(135deg,#fff1c4,#f0c06a 55%,#d69a3d)}.ask-btn:disabled{opacity:.5;cursor:var(--cur-default);transform:none}.v3-table.arena .ask-clock{color:#ffe9c2}.ask-clock{padding:2px 12px;border-radius:999px;font-size:12.5px;font-weight:800;border:1px solid rgba(214,154,61,.7);background:#0c222bcc}.ask-clock:empty{display:none}.ask-card{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}.ask-card .v3f.size-s{--s: .36}.ask-card-cap{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:#d4b06a}.pick-stage>.ask-card{position:absolute;left:28px;top:26px}.pick-stage>.ask-card .v3f.size-s{--s: .5}.ask-scene-title{max-width:min(900px,92vw);text-align:center;font-size:clamp(24px,2.8vw,34px)}.ss-pass{min-width:160px}.end-stage{z-index:45}.end-title{font-size:clamp(40px,5vw,64px)}.end-stage.won .end-title{color:#fff1c4;text-shadow:0 0 30px rgba(240,192,106,.9),0 4px 14px rgba(0,0,0,.6)}.end-stage.lost .end-title{color:#d7c6a8;text-shadow:0 4px 14px rgba(0,0,0,.7)}.v3-picks{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}@media (max-height: 860px){.v3-hand .v3f.size-s{--s: .32}.local-command{min-height:326px;padding-bottom:8px}.local-identity{min-height:178px}.local-private-hand,.v3-hand{height:168px;min-height:168px}.v3-handcard{--fan-shift: var(--fan-compact-offset)}.v3-handcard:hover>.v3f,.v3-handcard:focus-visible>.v3f{transform:translateY(-24px) rotate(calc(var(--fan-angle) * -1)) scale(1.08)}.v3-player.seat{width:clamp(150px,15vw,210px);gap:2px;font-size:12px}.slot-left-top,.slot-right-top{top:8%}.slot-left-mid,.slot-right-mid{top:37%}}@media (max-width: 1000px){.v3-table.arena{height:auto;min-height:100vh;overflow:visible;display:flex;flex-direction:column;gap:10px;padding:10px}.v3-table.arena>*{position:static!important;transform:none!important}.seat-rail{display:flex;flex-wrap:wrap;gap:8px}.v3-player.seat{position:static;transform:none;flex:1 1 220px;width:auto}.prop-layer,.cosmetic-field{display:none}.v3-table.arena>.local-command{position:relative!important;inset:auto!important;width:100%;min-height:0;padding-top:4px}.local-command:before{left:-8%;right:-8%;height:44%}.local-identity{min-height:208px}.local-private-hand,.v3-hand{width:min(100%,700px);height:190px;min-height:190px}.local-actions{position:relative;right:auto;bottom:auto;width:min(100%,360px);margin:18px auto 0}.v3-table.arena>.ask-quick{position:fixed!important;top:auto;bottom:8px;left:50%;transform:translate(-50%)!important;flex-direction:column;max-height:70vh;overflow-y:auto;animation:none}.v3-table.arena>.setup-stage{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:60;justify-content:flex-start}.pick-stage>.ask-card{position:static}.v3-table.arena>.ig-tools{position:fixed!important}}@media (prefers-reduced-motion: reduce){.v3-player.flash-heal,.legal-target,.cosmetic-field>*{animation:none}.v3-handcard,.v3-handcard>.v3f{transition:none}}body.reduce-motion .legal-target,body.reduce-motion .v3-player.flash-heal{animation:none}body.reduce-motion .v3-handcard,body.reduce-motion .v3-handcard>.v3f{transition:none}.overlay.card-inspect{animation:none;overflow-y:auto;padding:24px 16px;background:radial-gradient(ellipse 75% 70% at 50% 45%,#10303ad6,#06141af2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-inspect.opening{animation:ss-in .28s ease-out both;animation-delay:var(--ci-t, 0ms)}.ci-stage{display:flex;gap:36px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:1120px;margin:auto}.ci-card{flex:none;filter:drop-shadow(0 0 32px rgba(240,192,106,.32)) drop-shadow(0 30px 40px rgba(0,0,0,.6))}.opening .ci-card{animation:ci-card-in .45s cubic-bezier(.2,.8,.3,1.15) both;animation-delay:var(--ci-t, 0ms)}@keyframes ci-card-in{0%{opacity:0;transform:translate(-30px) scale(.92) rotate(-3deg)}}.ci-panel{position:relative;width:min(100%,470px);max-height:min(84vh,660px);overflow-y:auto;padding:22px 24px 20px;border-radius:20px;border:1px solid rgba(214,154,61,.55);border-top:3px solid #d4b06a;color:#eef2ea;background:linear-gradient(180deg,#163f4bf5,#0c222bf7);box-shadow:0 30px 70px -26px #000000e6,inset 0 1px #fff6df14}.opening .ci-panel{animation:ci-panel-in .4s ease-out both;animation-delay:calc(var(--ci-t, 0ms) + 60ms)}@keyframes ci-panel-in{0%{opacity:0;transform:translate(24px)}}.ci-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#abc2bb;background:#081a2199;border:1px solid #2c5560;cursor:var(--cur-pointer)}.ci-close svg{width:16px;height:16px}.ci-close:hover{color:#f5d78e;border-color:#d4b06a}.ci-eyebrow{font-size:12px;font-weight:800;letter-spacing:.4px;color:#f5d78e}.ci-name{margin:4px 40px 12px 0;font:800 clamp(22px,2.4vw,28px)/1.25 "Cinzel","Sarabun",serif;color:#ffe9c2}.ci-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.ci-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;color:#fff6df;background:#081a2199;border:1px solid rgba(214,154,61,.6)}.ci-chip.timing{color:#14100a;background:linear-gradient(135deg,#f5d78e,#d4934a);border-color:#f5d78e}.ci-chip.t-Swift{color:#062a30;background:linear-gradient(135deg,#d6f7fa,#3aa6b4);border-color:#7fd3dc}.ci-chip.t-Reaction{color:#2a0e05;background:linear-gradient(135deg,#ffd6c4,#dd7d55);border-color:#f0a080}.ci-chip.t-Free{color:#0c2229;background:linear-gradient(135deg,#e6f2ee,#9bb4ae);border-color:#cfe0da}.ci-chip.color{border-color:var(--c)}.ci-chip .stat-img{width:16px;height:16px}.ci-chip.muted{color:#9bb4ae;border-color:#2c5560}.ci-chip.set{border-color:#f4d98dcc}.ci-chip.set img{width:16px;height:16px}.ci-chip.owned{color:#8fe3a4;border-color:#5ff09a8c}.ci-sec{padding:12px 0;border-top:1px solid rgba(212,176,106,.18)}.ci-sec h4{margin:0 0 8px;font-size:11.5px;font-weight:800;letter-spacing:1px;color:#d4b06a}.ci-reqs{display:flex;flex-wrap:wrap;gap:8px}.ci-req{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:10px;background:#081a2199;border:1px solid #2c5560}.ci-req .stat-img{width:18px;height:18px}.ci-req b{font-size:13.5px}.ci-req small{font-size:11.5px;color:#9bb4ae}.ci-req.ok{border-color:#5ff09a99}.ci-req.ok small{color:#8fe3a4}.ci-req.bad{border-color:#f08a8da6}.ci-req.bad small{color:#f08a8d}.ci-effect{display:block;font-size:15.5px;line-height:1.6;color:#fff6df;white-space:pre-line}.ci-effect .stat-tok .stat-img{width:16px;height:16px;vertical-align:-3px}.ci-detail{margin:8px 0 0;font-size:13px;line-height:1.55;color:#abc2bb;white-space:pre-line}.ci-note{margin:10px 0 0;padding:7px 10px;border-radius:8px;font-size:12.5px;color:#dfe8e2;background:#d4b06a1a;border-left:3px solid #d4b06a}.ci-text{margin:0;font-size:14px;line-height:1.55;color:#eef2ea}.ci-kws{margin:0}.ci-kws dt{display:block;width:fit-content;margin-top:8px;padding:1px 9px;border-radius:6px;font-size:12.5px;font-weight:800;color:#fff;background:var(--kw, #8a6a12)}.ci-kws dd{margin:4px 0 0;font-size:13px;line-height:1.5;color:#cfe0da}.ci-tags{padding-top:10px;border-top:1px solid rgba(212,176,106,.18);font-size:12px;color:#9bb4ae;word-spacing:2px}.ci-flavor{margin:10px 0 0;font-style:italic;font-size:13px;line-height:1.5;color:#c9b88f}@media (max-width: 860px){.ci-stage{flex-direction:column;gap:18px}.ci-card .v3f.size-xl{--s: .72}.ci-panel{max-height:none}}@media (prefers-reduced-motion: reduce){.card-inspect.opening,.opening .ci-card,.opening .ci-panel{animation:none}}.deck-card .dc-art.dc-box{width:170px;height:236px}.deck-card .dc-box>.v3f{position:absolute;left:50%;top:0;--s: .36;translate:-50% 0;rotate:-7deg;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55));transition:translate .2s,rotate .2s}.dc-boximg{position:absolute;left:50%;bottom:0;width:150px;height:188px;translate:-50% 0}.deck-card:hover .dc-box>.v3f{translate:-50% -10px;rotate:-10deg}.v3f{--s: .56;--w: calc(320px * var(--s));--h: calc(460px * var(--s));position:relative;width:var(--w);flex:none}.v3f:before{content:"";display:block;height:var(--h)}.v3f.size-s{--s: .45}.v3f.size-m{--s: .56}.v3f.size-l{--s: .72}.v3f.size-xl{--s: 1.15}.v3f>.card,.v3f>.card:hover{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(var(--s))}.v3f.zoom:hover>.card{filter:drop-shadow(0 0 3px var(--c-glow)) drop-shadow(0 8px 10px rgba(0,0,0,.6))}.v3-preview{position:fixed;z-index:900;pointer-events:none;display:none;gap:10px;align-items:flex-start}.v3-preview.flip{flex-direction:row-reverse}.kw-panel{width:230px;display:flex;flex-direction:column;gap:6px}.kw-box{padding:8px 11px 9px;border-radius:10px;font-family:Noto Sans Thai,sans-serif;background:#081a21f0;border:1px solid rgba(212,176,106,.5);box-shadow:0 8px 18px #00000059}.kw-name{display:inline-block;padding:1px 9px;border-radius:6px;font-size:13px;font-weight:800;color:#fff;background:var(--kw);box-shadow:inset 0 1px #ffffff40}.kw-rule{margin:5px 0 0;font-size:12.5px;line-height:1.5;color:#dbe7e2}.card-effect .kw{font-weight:800;color:var(--kw)}.ci-effect .kw{font-weight:800;color:#fff;background:var(--kw);border-radius:4px;padding:0 5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.v3-preview.hold{filter:drop-shadow(0 0 18px rgba(240,192,106,.45)) drop-shadow(0 22px 30px rgba(5,20,26,.6))}.v3-preview.hold.pop{animation:hold-in .2s cubic-bezier(.2,.8,.3,1.2) both;transform-origin:50% 100%}@keyframes hold-in{0%{opacity:0;transform:translateY(14px) scale(.92)}}.v3f.picked>.card{filter:drop-shadow(0 0 3px #f5d78e) drop-shadow(0 0 10px #f0c06a)}.v3-picks .v3f{cursor:var(--cur-pointer)}.v3f-note{font-size:11px;color:var(--gold-100);text-align:center;margin-top:3px;max-width:var(--w)}.card-effect.xxlong{font-size:8.6px;line-height:1.24;padding:2px 8px}.card-effect.xxxlong{font-size:7.2px;line-height:1.18;padding:2px 8px}.card .card-art .icon .stat-img{width:100%;height:100%;display:block}#fx-layer .fx{position:fixed;pointer-events:none}.fx-num{transform:translate(-50%,-50%);font:900 30px/1 Cinzel,Noto Sans Thai,serif;text-shadow:0 2px 6px #000,0 0 12px currentColor;animation:fx-float 1.1s ease-out forwards;white-space:nowrap}.fx-num.dmg{color:#ff6b6f}.fx-num.dmg.big{font-size:46px}.fx-num.heal{color:#7ee89a}.fx-num.block{color:#cfd6e4;font-size:20px}.fx-num.callout{color:#9fd4ff;font-size:24px}.fx-num.level{color:#ffd76a;font-size:22px}.fx-num.class{color:#f0c06a;font-size:20px;font-family:Noto Sans Thai,sans-serif}@keyframes fx-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-180%) scale(1)}}.fx-beam{height:4px;transform-origin:0 50%;background:linear-gradient(90deg,transparent,#ffcf6e 30%,#ff6b4a);box-shadow:0 0 12px #ff9a4a,0 0 24px #ff6b4a88;border-radius:3px;animation:fx-beam .7s ease-out forwards}@keyframes fx-beam{0%{clip-path:inset(0 100% 0 0);opacity:1}45%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 60%);opacity:0}}.fx-banner{transform:translate(-50%,-50%);font:800 34px/1.2 Noto Sans Thai,sans-serif;color:var(--gold-100);padding:10px 34px;background:linear-gradient(90deg,transparent,#000b 20%,#000b 80%,transparent);text-shadow:0 0 14px #f0c06a99;animation:fx-banner 1.5s ease-out forwards;white-space:nowrap}@keyframes fx-banner{0%{opacity:0;letter-spacing:.3em}20%{opacity:1;letter-spacing:.04em}75%{opacity:1}to{opacity:0}}body.reduce-motion .fx-num{animation:fx-fade 1.1s linear forwards}@keyframes fx-fade{0%,70%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.fx-mote{transform:translate(-50%,-50%);color:#ffe7a0;font-size:18px;text-shadow:0 0 8px #f4d98d;opacity:0;animation:fx-mote 1.2s ease-out both}.fx-mote.herbs{color:#82a96d;text-shadow:0 0 4px #fff6df}.fx-mote.journal{color:#3b5f6b;text-shadow:0 0 4px #fff6df}@keyframes fx-mote{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(40deg)}}.setup-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 16px;overflow-y:auto;background:radial-gradient(ellipse 75% 70% at 50% 45%,#10303ac7,#06141aed);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.setup-stage.opening{animation:ss-in .35s ease-out both;animation-delay:var(--ss-open, 0ms)}@keyframes ss-in{0%{opacity:0}}.ss-head{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.ss-eyebrow{align-self:center;min-width:280px}.ss-title{margin:0;font:800 clamp(28px,3.4vw,40px)/1.2 "Cinzel","Sarabun",serif;color:#ffe9c2;text-shadow:0 2px 10px rgba(0,0,0,.6),0 0 26px rgba(214,154,61,.45)}.ss-sub{font-size:14px;color:#dfe8e2}.v3-table.arena .ss-clock{color:#ffe9c2}.ss-clock{margin-top:4px;padding:3px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#ffe9c2;border:1px solid rgba(214,154,61,.8);background:#163f4be6}.ss-clock:empty{display:none}.ss-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.ss-card{position:relative;padding:0;border:0;background:none;font:inherit;cursor:var(--cur-pointer);transition:transform .22s cubic-bezier(.2,.8,.3,1.2),opacity .2s,filter .2s}.ss-cards.dealing .ss-card{animation:ss-deal .45s cubic-bezier(.2,.8,.3,1.1) both;animation-delay:var(--ss-deal, 0ms)}.ss-cards.dealing .ss-card:nth-child(2){animation-delay:calc(var(--ss-deal, 0ms) + 70ms)}.ss-cards.dealing .ss-card:nth-child(3){animation-delay:calc(var(--ss-deal, 0ms) + .14s)}.ss-cards.dealing .ss-card:nth-child(4){animation-delay:calc(var(--ss-deal, 0ms) + .21s)}.ss-cards.dealing .ss-card:nth-child(n+5){animation-delay:calc(var(--ss-deal, 0ms) + .28s)}@keyframes ss-deal{0%{opacity:0;transform:translateY(40px) scale(.9)}}.ss-card .v3f{pointer-events:none}.ss-card:not(:disabled):hover{transform:translateY(-10px)}.ss-card:disabled{cursor:var(--cur-default)}.waiting .ss-card:not(.on){opacity:.4;filter:saturate(.5)}.ss-card:focus-visible{outline:3px solid #f4d98d;outline-offset:6px;border-radius:12px}.ss-cards.pick-lift .ss-card.on{transform:translateY(-16px)}.ss-cards.pick-lift .ss-card.on .v3f>.card{--ring-c: #ffd877;--ring-glow: rgba(240, 192, 106, .95)}.ss-cards.pick-lift.has-pick .ss-card:not(.on){opacity:.5;filter:saturate(.6)}.ss-cards.pick-lift.has-pick .ss-card:not(.on):not(:disabled):hover{opacity:.85}.ss-cards.pick-sink .ss-card.on{transform:translateY(22px) rotate(-2deg)}.ss-cards.pick-sink .ss-card.on .v3f>.card{--ring-c: #f08a6a;--ring-glow: rgba(221, 125, 85, .8)}.ss-cards.pick-sink .ss-card.on .v3f{filter:grayscale(.65) brightness(.55)}.ss-badge{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);padding:6px 16px;border-radius:999px;pointer-events:none;font-size:15px;font-weight:800;color:#fff6df;background:#c4502f;border:2px solid #fff6df;box-shadow:0 6px 16px #00000080}.ss-actions{display:flex;justify-content:center}.ss-actions .play-btn{width:auto;min-width:300px;margin:0;padding:12px 28px}.ss-actions .play-btn .pb-txt{align-items:center}.ss-actions .play-btn .pb-txt b{font-size:22px}.ss-actions .play-btn:disabled{animation:none;filter:grayscale(.6) brightness(.8);cursor:var(--cur-default)}.ss-actions{flex-direction:column;align-items:center;gap:10px;min-height:62px}.ss-waitmsg{font-size:16px;font-weight:800;color:#ffe9c2}.ss-wait{width:64px;height:12px;background:radial-gradient(circle,#f4d98d 45%,transparent 50%) 0 50% / 21px 12px repeat-x;animation:ss-dots 1s steps(3) infinite}@keyframes ss-dots{0%{width:21px}to{width:84px}}@media (max-width: 900px){.ss-card .v3f.size-l{--s: .5}.ss-cards{gap:10px}}#fx-layer .ss-exit{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:1;background:radial-gradient(ellipse 75% 70% at 50% 45%,#10303ac7,#06141aed);animation:ss-exit 1.25s ease-in forwards}.ss-exit-title{font:800 clamp(40px,5vw,64px)/1.1 "Cinzel","Sarabun",serif;color:#ffe9c2;text-shadow:0 2px 12px rgba(0,0,0,.6),0 0 34px rgba(240,192,106,.7);animation:ss-exit-title 1.25s ease-out forwards}@keyframes ss-exit{0%,45%{opacity:1}to{opacity:0}}@keyframes ss-exit-title{0%{transform:scale(.85);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(1.08)}}@media (prefers-reduced-motion: reduce){.setup-stage,.ss-card,.ask-quick{animation:none!important}}body.reduce-motion .setup-stage,body.reduce-motion .ss-card,body.reduce-motion .ask-quick{animation:none!important}.chain-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.ch-arrows{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.ch-arrows g{opacity:0;transition:opacity .2s ease}.ch-arrows g.on,.ch-arrows g.hover{opacity:1}.chain-zone{position:absolute;right:calc(50% - 262px);top:46%;transform:translateY(-50%);display:flex;align-items:center;gap:18px}.v3-table .ask-quick.aside{left:31%;max-width:min(600px,56%)}.ch-card{position:relative;pointer-events:auto;cursor:var(--cur-pointer)}.ch-by{position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;pointer-events:none;padding:2px 10px;border-radius:999px;font-size:12.5px;font-weight:800;color:var(--paper);background:#163f4be6;border:1px solid rgba(244,217,141,.6);box-shadow:0 4px 10px #0a1e2859}.ch-pile{display:flex;align-items:center}.ch-old{--cs: max(.32, calc(.47 - var(--d) * .03));margin-right:calc(46px - 320px * var(--cs));transition:transform .15s ease;filter:drop-shadow(0 8px 14px rgba(10,30,40,.45))}.ch-old:last-child{margin-right:0}.ch-old .v3f.size-m{--s: var(--cs)}.ch-old .ch-by{display:none}.ch-old:hover{z-index:60!important;transform:translateY(-10px)}.ch-old:hover .ch-by{display:block}.ch-gap{flex:none;width:210px}.ch-top{filter:drop-shadow(0 0 16px rgba(98,205,242,.6)) drop-shadow(0 16px 24px rgba(10,30,40,.5))}.ch-top.anim{animation:ch-in .38s cubic-bezier(.2,.8,.3,1.15) both;animation-delay:var(--t)}@keyframes ch-in{0%{opacity:0;transform:translateY(-34px) scale(.82)}}.ch-top.leaving.resolved.anim{animation:ch-resolve .56s ease-in both;animation-delay:var(--t)}@keyframes ch-resolve{35%{transform:scale(1.06);filter:brightness(1.5) drop-shadow(0 0 26px rgba(240,192,106,.95));opacity:1}to{transform:translateY(-24px) scale(.9);filter:brightness(2.2) drop-shadow(0 0 30px rgba(240,192,106,0));opacity:0}}.ch-top.leaving.cancelled.anim{animation:ch-cancel .56s ease-in both;animation-delay:var(--t)}@keyframes ch-cancel{0%{filter:grayscale(.8)}15%,55%{transform:translate(-7px)}35%,75%{transform:translate(7px)}to{transform:translateY(18px);opacity:0;filter:grayscale(1)}}.ch-top.done.anim{animation:ch-done 1.5s ease-in both;animation-delay:var(--t)}@keyframes ch-done{0%{filter:brightness(1.5) drop-shadow(0 0 26px rgba(240,192,106,.95))}14%{filter:drop-shadow(0 0 16px rgba(98,205,242,.6)) drop-shadow(0 16px 24px rgba(10,30,40,.5))}82%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.ch-top.leaving:not(.anim),.ch-top.done:not(.anim){opacity:0}.ch-top.cancelled-mark .v3f{filter:grayscale(.7)}.ch-stamp{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) rotate(-14deg);pointer-events:none;padding:6px 18px;border:4px solid #c7312f;border-radius:10px;color:#c7312f;background:#fff6dfeb;font-size:26px;font-weight:900;letter-spacing:.06em;box-shadow:0 6px 16px #0006}.ch-depth{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);white-space:nowrap;pointer-events:none;padding:3px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#14100a;background:linear-gradient(135deg,#fff1c4,#f0c06a);border:2px solid #0c2229}.chain-zone.still .ch-card{animation:none!important;transition:none}@media (max-height: 820px){.chain-zone{top:44%;gap:14px}.ch-top .v3f.size-m{--s: .46}.ch-old{--cs: max(.28, calc(.4 - var(--d) * .03))}.ch-gap{width:190px}}@media (max-width: 1000px){.chain-layer:not(:has(.chain-zone)){display:none}.chain-zone{position:relative;right:auto;top:auto;transform:none;justify-content:center;flex-wrap:wrap;padding:26px 0 30px}.v3-table .ask-quick.aside{left:50%;max-width:min(760px,94%)}.ch-gap{display:none}}.ig-tools{position:fixed;top:12px;right:14px;z-index:70;display:flex;gap:8px}.ig-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;color:var(--gold, #d4b06a);background:#081a21c7;border:1px solid rgba(212,176,106,.55);box-shadow:0 4px 14px #00000059,inset 0 1px #fff1c41f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .15s,border-color .15s,background .15s,transform .15s}.ig-btn svg{width:21px;height:21px}.ig-btn:hover{color:#fff1c4;border-color:#f0c06a;transform:translateY(-1px)}.ig-btn.concede:hover{color:#ffb4b6;border-color:#e5484dcc;background:#2e0e12d1}.ig-btn:focus-visible{outline:2px solid #f0c06a;outline-offset:2px}@media (max-width: 760px){.ig-tools{top:8px;right:8px;gap:6px}.ig-btn{width:36px;height:36px}.ig-btn svg{width:18px;height:18px}}@media (prefers-reduced-motion: reduce){.v3-handcard.reactable>.v3f{animation:none}}body.reduce-motion .v3-handcard.reactable>.v3f{animation:none}#fx-layer .fx-roll-tray{left:auto;right:calc(50% + 85px);top:46%;transform:translateY(-50%);display:flex;gap:18px;z-index:6}.fx-roll{position:relative;display:flex;flex-direction:column;align-items:center;width:150px;padding:11px 12px 13px;border-radius:14px;font-family:Noto Sans Thai,sans-serif;background:radial-gradient(ellipse at 50% 44%,rgba(98,205,242,.2),transparent 60%),linear-gradient(180deg,#133c48,#0a2229 68%,#061920);border:2px solid #c99a45;box-shadow:inset 0 0 0 3px #0b252c,inset 0 0 0 4px #f4d98d73,inset 0 0 28px #0000008c,0 18px 38px #00000080,0 0 24px #f0c06a33;animation:roll-in .28s cubic-bezier(.2,.8,.3,1.25) both}.fx-roll:before,.fx-roll:after{content:"";position:absolute;left:50%;width:12px;height:12px;margin-left:-6px;rotate:45deg;background:linear-gradient(135deg,#fff3c4,#d9a84a 55%,#8a5a18);border:1px solid #5a3a0e;box-shadow:0 0 8px #f0c06ab3}.fx-roll:before{top:-8px}.fx-roll:after{bottom:-8px}.fx-roll.gone{animation:roll-gone .32s ease-in forwards}@keyframes roll-in{0%{opacity:0;transform:scale(.8) translateY(12px)}}@keyframes roll-gone{to{opacity:0;transform:scale(.92) translateY(-8px)}}.roll-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;letter-spacing:.06em;color:#f4d98d;text-shadow:0 1px 3px #000;white-space:nowrap}.roll-title:before,.roll-title:after{content:"";width:20px;height:1px;background:linear-gradient(90deg,transparent,#d4b06a)}.roll-title:after{rotate:180deg}.roll-stage{position:relative;width:116px;height:100px;display:grid;place-items:center}.roll-stage>*{grid-area:1 / 1}.roll-rays{width:112px;height:112px;border-radius:50%;opacity:0;background:repeating-conic-gradient(rgba(255,226,150,.42) 0 7deg,transparent 7deg 20deg);mask:radial-gradient(circle,#000 22%,transparent 70%);animation:roll-rays 1.8s ease-out .9s forwards}@keyframes roll-rays{0%{opacity:0;scale:.5;rotate:0deg}25%{opacity:1;scale:1.08}to{opacity:.55;scale:1;rotate:50deg}}.roll-stage:after{content:"";grid-area:1 / 1;width:74px;height:74px;border-radius:50%;border:2px solid rgba(255,226,150,.9);opacity:0;animation:roll-ring .55s ease-out .95s forwards}@keyframes roll-ring{0%{opacity:1;scale:.6}to{opacity:0;scale:1.75}}.roll-shadow{align-self:end;width:62px;height:11px;margin-bottom:6px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.6),transparent 70%);animation:roll-shadow .95s cubic-bezier(.3,.7,.4,1) both}@keyframes roll-shadow{0%,70%,to{scale:1;opacity:.9}35%{scale:.4;opacity:.35}84%{scale:.8}}.roll-toss{display:grid;place-items:center;perspective:520px;animation:roll-toss .95s cubic-bezier(.3,.7,.4,1) both}@keyframes roll-toss{0%{transform:translateY(10px)}35%{transform:translateY(-42px)}70%{transform:translateY(0)}84%{transform:translateY(-8px)}to{transform:translateY(0)}}.roll-out{margin-top:2px;min-width:88px;padding:5px 20px 6px;text-align:center;font-size:20px;font-weight:900;line-height:1.15;color:#3b2306;background:linear-gradient(180deg,#fff3c8,#f0c06a 52%,#c48a2c);clip-path:polygon(0 0,100% 0,91% 50%,100% 100%,0 100%,9% 50%);opacity:0;animation:roll-pop .4s cubic-bezier(.2,.9,.3,1.4) .95s both}.roll-out.tails{color:#2c2a24;background:linear-gradient(180deg,#fff,#dcd6c6 52%,#9a927c)}@keyframes roll-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.roll-who{margin-top:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:#d7e6e0}.die3d{--h: 28px;position:relative;width:56px;height:56px;transform-style:preserve-3d;animation:die-spin .95s cubic-bezier(.2,.75,.25,1) both}@keyframes die-spin{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(var(--rx)) rotateY(var(--ry))}}.die-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);padding:7px;border-radius:11px;backface-visibility:hidden;background:radial-gradient(circle at 30% 25%,#fffdf3,#efe2c2 70%,#d9c493);border:1px solid rgba(110,80,30,.5);box-shadow:inset 0 0 10px #8c642859}.die-face i{place-self:center;width:10px;height:10px;border-radius:50%}.die-face i.on{background:radial-gradient(circle at 35% 30%,#6a3a1e,#2a140a);box-shadow:inset 0 1px 1px #0006}.die-face.f1 i.on{width:14px;height:14px;background:radial-gradient(circle at 35% 30%,#e0483f,#7d1510)}.die3d .f1{transform:translateZ(var(--h))}.die3d .f6{transform:rotateY(180deg) translateZ(var(--h))}.die3d .f2{transform:rotateY(90deg) translateZ(var(--h))}.die3d .f5{transform:rotateY(-90deg) translateZ(var(--h))}.die3d .f3{transform:rotateX(90deg) translateZ(var(--h))}.die3d .f4{transform:rotateX(-90deg) translateZ(var(--h))}.coin3d{--end: 1800deg;position:relative;width:74px;height:74px;transform-style:preserve-3d;animation:coin-flip .95s cubic-bezier(.25,.7,.3,1) both}.coin3d.tails{--end: 1980deg}@keyframes coin-flip{0%{transform:rotateY(0)}to{transform:rotateY(var(--end))}}.coin-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:50%;backface-visibility:hidden;color:#5a3a0e;background:radial-gradient(circle at 35% 30%,#fff3c4,#f0c06a 45%,#b07a26 80%,#7a4f14);border:3px solid #e7b955;box-shadow:inset 0 0 0 5px #7a4f1473,inset 0 -4px 10px #50320a80,0 6px 14px #0006}.coin-face svg{width:34px;height:34px;stroke-width:2}.coin-face.tails{transform:rotateY(180deg);color:#3f3a2c;border-color:#d8ccb0;background:radial-gradient(circle at 35% 30%,#fbf7ec,#cfc4a8 45%,#8e8468 80%,#5e5640)}.die-gem{width:62px;height:62px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg,#9fe3ff,#3a7fc0 55%,#1d3f72);animation:gem-spin .95s cubic-bezier(.2,.75,.25,1) both}.die-gem b{font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes gem-spin{0%{transform:rotate(-720deg) scale(.6)}to{transform:rotate(0) scale(1)}}.fx-roll.still,.fx-roll.still .roll-toss,.fx-roll.still .roll-shadow,.fx-roll.still .die-gem,.fx-roll.still .roll-stage:after{animation:none}.fx-roll.still .roll-rays{animation:none;opacity:.5}.fx-roll.still .die3d{animation:none;transform:rotateX(var(--rx)) rotateY(var(--ry))}.fx-roll.still .coin3d{animation:none;transform:rotateY(var(--end))}.fx-roll.still .roll-out{animation:none;opacity:1}@media (max-width: 760px){#fx-layer .fx-roll-tray{right:auto;left:50%;top:40%;transform:translate(-50%,-50%);gap:10px;scale:.85}}@media (min-width: 761px){body:has(.v3-table .ask-quick,.v3-table .pick-stage) #fx-layer .fx-roll-tray{left:2.5%;right:auto;top:auto;bottom:6%;transform:none;animation:roll-dock .3s ease-out}}@keyframes roll-dock{0%{opacity:0;translate:0 16px}}@media (min-width: 1001px){html.shaking .v3-table.arena{translate:var(--shake-x, 0) var(--shake-y, 0);rotate:var(--shake-r, 0deg);scale:calc(1.012 + var(--shake-k, 0) * .02);will-change:translate,rotate,scale}}@media (max-width: 1000px){html.shaking .v3-table.arena .seat-rail{translate:var(--shake-x, 0) var(--shake-y, 0)}}#fx-layer .fx-shock{position:fixed;width:var(--ring, 160px);height:var(--ring, 160px);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(.15);border:5px solid rgba(255,236,196,.95);box-shadow:0 0 22px #ff6e3cd9,inset 0 0 22px #ff9650b3;animation:fx-shock .56s cubic-bezier(.12,.75,.3,1) forwards}#fx-layer .fx-shock.t1{border-width:3px;box-shadow:0 0 12px #ffaa7899}#fx-layer .fx-shock.t4{border-width:7px}@keyframes fx-shock{60%{opacity:.85}to{transform:translate(-50%,-50%) scale(1);opacity:0;border-width:1px}}#fx-layer .fx-hurt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;--a: .3;box-shadow:inset 0 0 calc(70px + var(--a) * 90px) rgba(190,18,28,var(--a));animation:fx-hurt .5s ease-out forwards}#fx-layer .fx-hurt.t2{--a: .42}#fx-layer .fx-hurt.t3{--a: .58}#fx-layer .fx-hurt.t4{--a: .75}@keyframes fx-hurt{0%{opacity:0}12%{opacity:1}to{opacity:0}}#fx-layer .fx-flash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#fff6e0;mix-blend-mode:screen;animation:fx-flash .26s ease-out forwards}@keyframes fx-flash{0%{opacity:.6}to{opacity:0}}.fx-num.dmg.t1{font-size:30px}.fx-num.dmg.t2{font-size:40px}.fx-num.dmg.t3{font-size:54px;color:#ff4a4d;-webkit-text-stroke:1.5px #4a0708;animation:fx-num-slam 1.15s cubic-bezier(.2,.8,.3,1) forwards}.fx-num.dmg.t4{font-size:72px;color:#ff3030;-webkit-text-stroke:2px #4a0708;animation:fx-num-slam 1.3s cubic-bezier(.2,.8,.3,1) forwards}@keyframes fx-num-slam{0%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}10%{opacity:1;transform:translate(-50%,-50%) scale(.88)}20%{transform:translate(-50%,-50%) scale(1.08)}32%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-120%) scale(.95)}}.kind-endturn .ss-alt{margin-top:0}.ask-btn.ss-pass.ghost{background:transparent;border-color:#d4b06a59;color:#cfe0da}.ask-btn.ss-pass.ghost:hover{border-color:#f0c06a;color:#fff1c4}.player-id-medallion-wrap:has(.hero-seat){--hero-w: 150px;--hero-h: 192px;width:calc(var(--hero-w) + 42px);height:calc(var(--hero-h) + 26px)}.v3-table:is(.seats-5,.seats-6,.seats-7,.seats-8) .player-id-medallion-wrap:has(.hero-seat){--hero-w: 120px;--hero-h: 154px}.v3-table:not(.seats-5,.seats-6,.seats-7,.seats-8) .local-player-anchor:has(.hero-seat){margin-bottom:2px}.avatar-shell.seat-avatar.hero-seat{top:14px;width:var(--hero-w);height:var(--hero-h);border-radius:0}.hero-portrait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:5px;border-radius:calc(var(--hero-w, 120px) / 2) calc(var(--hero-w, 120px) / 2) 16px 16px;cursor:var(--cur-default);background:linear-gradient(160deg,#fff4cf,#e0b25a 26%,#8a5a1c 50%,#f4d98d 72%,#9a6a26);box-shadow:0 12px 22px #14232d73,0 0 0 2px #2819088c,inset 0 1px #fff9}.hero-portrait:before{content:"";position:absolute;z-index:3;left:50%;top:-6px;width:16px;height:16px;transform:translate(-50%) rotate(45deg);background:radial-gradient(circle at 35% 30%,#c8f6ff,#2b8fb4 60%,#10475e);border:2px solid #f4d98d;box-shadow:0 2px 6px #0006}.hero-portrait:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:calc(var(--hero-w, 120px) / 2 - 5px) calc(var(--hero-w, 120px) / 2 - 5px) 12px 12px;pointer-events:none;box-shadow:inset 0 0 0 1px #2819088c,inset 0 0 18px #00000073,inset 0 -34px 30px -16px #0a141a8c}.hero-art{display:block;width:100%;height:100%;border-radius:calc(var(--hero-w, 120px) / 2 - 5px) calc(var(--hero-w, 120px) / 2 - 5px) 12px 12px;object-fit:cover;object-position:50% 18%;background:#1b2f38}.hero-portrait.mine{cursor:var(--cur-pointer)}.hero-portrait.wounded .hero-art{filter:saturate(.65) brightness(.9)}.hero-portrait.wounded:after{box-shadow:inset 0 0 0 1px #2819088c,inset 0 0 26px 3px #b4141499,inset 0 -34px 30px -16px #1e0a0e99}.hero-portrait.critical .hero-art{filter:saturate(.4) brightness(.82) contrast(1.06)}.hero-portrait.critical:after{box-shadow:inset 0 0 0 1px #3c0a0ab3,inset 0 0 34px 4px #dc141ebf,inset 0 -34px 30px -16px #28060a99;animation:hero-heartbeat 1.1s ease-in-out infinite}@keyframes hero-heartbeat{0%,to{opacity:1}14%{opacity:.5}28%{opacity:1}42%{opacity:.65}}body.reduce-motion .hero-portrait.critical:after{animation:none}.v3-player.active .hero-portrait{box-shadow:0 12px 22px #14232d73,0 0 0 2px #2819088c,0 0 22px 4px #ffcd64bf}.hero-seat~.turn-owner-aura,.player-id-medallion-wrap:has(.hero-seat)>.turn-owner-aura{display:none}.hero-perk{position:absolute;z-index:4;right:-10px;bottom:6px;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#24505b;border:3px solid #f0c06a;box-shadow:0 4px 10px #00000073;cursor:var(--cur-pointer)}.hero-perk img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.legal-target.picked-target .hero-portrait{outline:3px solid var(--gold-light);outline-offset:3px}#fx-layer .emote-wheel{position:fixed;width:0;height:0;z-index:5;pointer-events:none}.emote-btn{position:absolute;left:0;top:0;transform:translate(calc(-50% + var(--x, 0px)),calc(-50% + var(--y, 0px)));pointer-events:auto;white-space:nowrap;padding:7px 14px;border-radius:8px;cursor:var(--cur-pointer);font-family:Noto Sans Thai,sans-serif;font-size:14px;font-weight:700;color:#f6ecd4;background:#1f1a14;border:1px solid #b8913f;box-shadow:0 3px 8px #00000073;animation:emote-pop .15s ease-out backwards}.emote-btn:hover:not(:disabled){background:#3a2f20;border-color:#f0c06a}.emote-btn:disabled{opacity:.45;cursor:var(--cur-default)}.emote-btn.mute{--y: -96px;border-color:#e5484db3}@keyframes emote-pop{0%{opacity:0}}.emote-wheel.still .emote-btn{animation:none}#fx-layer .emote-bubble{position:fixed;z-index:6;transform:translate(-50%,-100%);max-width:220px;padding:9px 16px;border-radius:16px;font-family:Noto Sans Thai,sans-serif;font-size:16px;font-weight:800;color:#2a1d06;text-align:center;background:linear-gradient(180deg,#fffaf0,#f4e3bd);border:2px solid #b9893a;box-shadow:0 10px 22px #00000059;animation:bubble-life 2.8s ease-out forwards;pointer-events:none}#fx-layer .emote-bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;transform:translate(-50%) rotate(45deg);background:#f4e3bd;border-right:2px solid #b9893a;border-bottom:2px solid #b9893a}#fx-layer .emote-bubble.mine{background:linear-gradient(180deg,#f2fffb,#c9efe4);border-color:#3f8f84}#fx-layer .emote-bubble.mine:after{background:#c9efe4;border-color:#3f8f84}@keyframes bubble-life{0%{opacity:0;transform:translate(-50%,-80%) scale(.6)}8%{opacity:1;transform:translate(-50%,-100%) scale(1.06)}14%{transform:translate(-50%,-100%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-112%)}}body.reduce-motion #fx-layer .emote-bubble{animation:bubble-still 2.8s linear forwards}@keyframes bubble-still{0%,90%{opacity:1}to{opacity:0}}.btn.end-turn,.btn.react-pass{position:relative}.btn.clocked:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;padding:4px;border-radius:16px;pointer-events:none;background:conic-gradient(#e5484d calc((1 - var(--p, 1)) * 360deg),#3fcf6a 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.btn.clocked.low:before{animation:tc-pulse .9s ease-in-out infinite}@keyframes tc-pulse{50%{filter:drop-shadow(0 0 6px rgba(255,90,95,.95))}}.btn.end-turn.waiting:disabled{opacity:1;background:#081a21d9;color:#f4d98d;border-color:#d4b06a8c}body.reduce-motion .btn.clocked.low:before{animation:none}.turn-token,.next-token{position:absolute;z-index:5;left:-16px;bottom:10px;display:inline-flex;align-items:center;gap:4px;padding:5px 11px 5px 8px;border-radius:999px;white-space:nowrap;pointer-events:none;font:800 13px/1 Noto Sans Thai,sans-serif}.turn-token svg,.next-token svg{width:14px;height:14px;flex:none}.turn-token{color:#2a1a04;background:linear-gradient(180deg,#fff1b8,#f0c06a 55%,#c98a2a);border:2px solid #fff4cf;box-shadow:0 0 0 2px #3c24068c,0 0 18px 4px #ffc85acc,0 4px 10px #00000073;animation:token-land .4s cubic-bezier(.2,1.4,.4,1) var(--land, 0ms) backwards,token-glow 1.4s ease-in-out var(--ph7, 0ms) infinite}.next-token{color:#f4d98d;background:#081a21e0;border:1px dashed rgba(244,217,141,.8);font-size:12px}@keyframes token-land{0%{opacity:0;scale:1.6}}@keyframes token-glow{50%{box-shadow:0 0 0 2px #3c24068c,0 0 28px 9px #ffd26ef2,0 4px 10px #00000073}}#fx-layer .token-flyer{z-index:7;bottom:auto;animation:none}body.reduce-motion .turn-token{animation:none}.fx-banner.other{font-size:24px;padding:8px 30px;color:#f6ecd4}body.reduce-motion .fx-banner{animation-name:fx-banner-still}@keyframes fx-banner-still{0%{opacity:0}15%,75%{opacity:1}to{opacity:0}}.fx-num.callout.turn-end{color:#f4d98d;font:800 20px/1 Noto Sans Thai,sans-serif}.hero-portrait.away{visibility:hidden}#fx-layer .hero-flyer{inset:auto;z-index:4;box-shadow:0 18px 30px #00000080,0 0 0 2px #2819088c,0 0 26px 6px #ff783c8c}.card-back{--card-back: url(/assets/card-backs/default.webp);border-radius:8px;background:var(--card-back) center / 100% 100% no-repeat,#1d3b48;box-shadow:0 0 0 1px #0a141ab3,0 6px 14px #00000073}.deck-pile{position:absolute;z-index:9;right:2.4%;bottom:3.5%;width:80px;height:112px}.deck-pile .card-back{position:absolute;top:0;right:0;bottom:0;left:0}.deck-pile .card-back:nth-child(2){translate:-3px -3px}.deck-pile .card-back:nth-child(3){translate:-6px -6px}.deck-count{position:absolute;z-index:2;left:50%;bottom:-10px;translate:-50% 0;min-width:34px;padding:4px 9px;border-radius:999px;text-align:center;font:800 13px/1 Noto Sans Thai,sans-serif;color:#fff6df;background:#081a21eb;border:1px solid rgba(212,176,106,.7)}.deck-pile.empty{border:2px dashed rgba(229,72,77,.6);border-radius:9px}.deck-pile.empty .deck-count{color:#ff8a8d;border-color:#e5484db3}@media (max-width: 1000px){.deck-pile{right:10px;bottom:10px;scale:.7;transform-origin:100% 100%}}#fx-layer .draw-flyer{z-index:6}.v3-handcard.arriving{visibility:hidden}.v3-handcard.drawn-in{animation:drawn-in .34s ease-out}@keyframes drawn-in{0%{rotate:y 90deg;filter:brightness(1.8)}}#fx-layer .fatigue-card{z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center;filter:drop-shadow(0 0 18px rgba(229,72,77,.6));background:linear-gradient(#46080c73,#18020499),var(--card-back) center / 100% 100% no-repeat,#1d3b48}.fatigue-card b{font:900 30px/1 Cinzel,Noto Sans Thai,serif;color:#ffd2d4;letter-spacing:.04em;text-shadow:0 2px 8px #000,0 0 16px #e5484d}.fatigue-card span{font:800 15px/1.3 Noto Sans Thai,sans-serif;color:#fff1d6;padding:6px 10px;border-radius:8px;background:#28080ad9;border:1px solid rgba(229,72,77,.7)}.others-choosing{position:absolute;z-index:19;right:calc(50% + 85px);top:46%;translate:0 -50%;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:12px;animation:oc-in .4s ease-out both;animation-delay:var(--in)}@keyframes oc-in{0%{opacity:0;scale:.88}}.oc-fan{position:relative;width:190px;height:124px}.oc-fan .card-back{position:absolute;left:50%;bottom:0;width:74px;height:106px;margin-left:-37px;transform-origin:50% 230%;animation:oc-lift 2.4s ease-in-out infinite;animation-delay:var(--sway)}.oc-fan .card-back:nth-child(1){rotate:-12deg}.oc-fan .card-back:nth-child(2){animation-delay:calc(var(--sway) + .8s)}.oc-fan .card-back:nth-child(3){rotate:12deg;animation-delay:calc(var(--sway) + 1.6s)}@keyframes oc-lift{0%,45%,to{translate:0 0;filter:none}18%{translate:0 -16px;filter:brightness(1.18) drop-shadow(0 0 10px rgba(240,192,106,.75))}}.oc-label{padding:6px 16px;border-radius:999px;white-space:nowrap;font:700 14px/1.25 Noto Sans Thai,sans-serif;color:#f6ecd4;background:#081a21e6;border:1px solid rgba(212,176,106,.75);box-shadow:0 6px 16px #0006}body.reduce-motion .others-choosing,body.reduce-motion .oc-fan .card-back{animation:none}@media (max-width: 760px){.others-choosing{right:auto;left:50%;top:40%;translate:-50% -50%;scale:.85}}.hero-ward{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:2;pointer-events:none;border-radius:calc(var(--hero-w, 120px) / 2 + 6px) calc(var(--hero-w, 120px) / 2 + 6px) 22px 22px;border:2px solid rgba(170,225,255,.95);box-shadow:0 0 16px 4px #46a0ffbf,inset 0 0 24px 5px #6ec3ff80;background:linear-gradient(115deg,transparent 38%,rgba(210,240,255,.32) 50%,transparent 62%) 0 0 / 300% 100% no-repeat;animation:ward-sheen 7s linear infinite;animation-delay:var(--ph7)}@keyframes ward-sheen{0%{background-position:100% 0}35%,to{background-position:0 0}}.hero-portrait.away~.hero-ward{visibility:hidden}body.reduce-motion .hero-ward{animation:none;background:none}.hero-defs{position:absolute;z-index:5;left:-18px;top:50%;translate:0 -50%;display:flex;flex-direction:column;gap:4px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(110,190,255,.55))}.def-badge{--shield: polygon(50% 0, 100% 13%, 100% 50%, 50% 100%, 0 50%, 0 13%);position:relative;display:grid;place-items:center;width:36px;height:42px;cursor:help;clip-path:var(--shield);background:linear-gradient(160deg,#fff,#b9d6ef 35%,#6b8fb2 60%,#e6f1fb);animation:def-in .45s cubic-bezier(.2,.9,.3,1.35) both;animation-delay:var(--def-t)}.def-badge:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:var(--shield);background:radial-gradient(circle at 50% 30%,#4b8fd0,#1d4f86 60%,#0f2c52)}.def-badge b{position:relative;margin-top:-5px;font:900 17px/1 Cinzel,Noto Sans Thai,serif;color:#fff;text-shadow:0 1px 3px #001a33}.def-badge small{position:absolute;bottom:5px;font:800 9px/1 Noto Sans Thai,sans-serif;color:#d9ecff}.def-badge.dodge:before{background:radial-gradient(circle at 50% 30%,#3fc8b4,#137a70 60%,#0b4741)}.def-badge.dodge b,.def-badge.prevent b{font:800 12px/1 Noto Sans Thai,sans-serif}.def-badge.prevent{background:linear-gradient(160deg,#fff6d6,#f0c06a 40%,#a8741e 65%,#fbe3a3)}.def-badge.prevent:before{background:radial-gradient(circle at 50% 30%,#d8a443,#8a5a18 60%,#4f300a)}@keyframes def-in{0%{opacity:0;scale:1.8;filter:brightness(2.2)}}.def-badge.breaking{animation:def-break .45s ease-in forwards}@keyframes def-break{25%{scale:1.3;filter:brightness(2.4)}to{opacity:0;scale:.5;rotate:20deg;translate:-10px 14px;filter:brightness(1.5)}}.fx-num.callout.guard{color:#b9e0ff;text-shadow:0 0 14px rgba(80,165,255,.95),0 2px 4px #000}body.reduce-motion .def-badge{animation:none}body.reduce-motion .def-badge.breaking{opacity:.3}.dk-shell.dk-shell{--dk-side: 252px;--dk-deck: 336px;--dk-panel: #0b2129;--dk-bg: #102a35;--dk-edge: rgba(212, 176, 106, .16);display:grid;grid-template-columns:var(--dk-side) minmax(0,1fr) var(--dk-deck);grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:0;width:100%;height:100vh;height:100dvh;overflow:clip;background:var(--dk-bg)}.dk-ic{display:inline-grid;place-items:center;flex:none}.dk-ic svg{width:18px;height:18px}.dk-head{grid-column:1 / -1;display:flex;align-items:center;gap:14px;min-width:0;padding:12px 18px;border-bottom:1px solid var(--dk-edge);background:linear-gradient(180deg,#123542,#0e2a34)}.dk-back{display:inline-flex;align-items:center;gap:6px;flex:none;padding:7px 14px 7px 10px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;color:#abc2bb;cursor:var(--cur-pointer);background:#081a2199;border:1px solid var(--line);transition:color .15s,border-color .15s}.dk-back:hover{color:var(--gold-100);border-color:var(--gold)}.dk-back .dk-ic svg{width:16px;height:16px}.dk-name{position:relative;display:flex;align-items:center;flex:0 1 380px;min-width:140px}.dk-name-in{width:100%;padding:4px 30px 4px 2px;font:inherit;font-size:22px;font-weight:800;color:#fff6df;background:transparent;border:0;border-bottom:1px dashed transparent;outline:none;text-overflow:ellipsis}.dk-name-in:hover{border-bottom-color:#d4b06a59}.dk-name-in:focus{border-bottom:1px solid var(--gold)}.dk-name-ic{position:absolute;right:4px;color:#6f9aa0;pointer-events:none}.dk-name:focus-within .dk-name-ic{color:var(--gold)}.dk-name-ic svg{width:16px;height:16px}.dk-status{display:inline-flex;align-items:center;gap:6px;min-width:0;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;border:1px solid transparent}.dk-status span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-status .dk-ic svg{width:15px;height:15px}.dk-status.ok{color:#8fe3a4;background:#46a7581f;border-color:#46a75866}.dk-status.warn{color:#ffd479;background:#f0b43c1a;border-color:#f0b43c66}.dk-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.dk-save{display:inline-flex;align-items:center;gap:6px;padding-inline:18px}.dk-save .dk-ic svg{width:16px;height:16px}.dk-filters{display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px 10px 14px 14px;background:var(--dk-panel);border-right:1px solid var(--dk-edge)}.dk-search-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;color:#6f9aa0;background:#04101599;border:1px solid var(--line);transition:border-color .15s}.dk-search-wrap:focus-within{border-color:var(--gold);color:var(--gold)}.dk-search{flex:1;min-width:0;padding:10px 0;font:inherit;font-size:13.5px;color:#fff;background:transparent;border:0;outline:none}.dk-search::placeholder{color:#6d8a86}.dk-filter-meta:empty{display:none}.dk-reset{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;cursor:var(--cur-pointer);font:inherit;font-size:12.5px;font-weight:700;color:#ffb4b6;background:#e5484d1a;border:1px solid rgba(229,72,77,.35)}.dk-reset:hover{background:#e5484d33;color:#fff}.dk-reset .dk-ic svg{width:14px;height:14px}.dk-groups{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding-right:4px}.dk-group h4{margin:0 0 8px;font-size:11.5px;font-weight:800;letter-spacing:1px;color:var(--gold)}.dk-chips{display:flex;flex-wrap:wrap;gap:6px}.dk-chips.colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.dk-chips.levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.dk-chip{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:999px;font:inherit;font-size:12.5px;font-weight:700;color:#abc2bb;white-space:nowrap;cursor:var(--cur-pointer);background:#081a21a6;border:1px solid #2c5560;transition:color .15s,border-color .15s,background .15s}.dk-chip:hover{color:#fff;border-color:#d4b06ab3}.dk-chip.on{color:var(--gold-ink);border-color:var(--gold);background:linear-gradient(135deg,var(--gold-200),var(--gold-400))}.dk-chip.wide{grid-column:1 / -1}.dk-chip.color{padding:6px 4px;border-radius:10px}.dk-chip.color .stat-img{width:16px;height:16px}.dk-chip.color:hover{border-color:var(--fc)}.dk-chip.color.on{color:#fff;border-color:var(--fc);background:color-mix(in srgb,var(--fc) 38%,#0b2129);box-shadow:0 0 12px -3px var(--fc)}.dk-chip.lv{padding:6px 0;border-radius:9px;font-weight:800;font-variant-numeric:tabular-nums}.dk-chip.tag{padding:4px 9px;font-size:11.5px}.dk-chip.timing:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tc, #e0b25a)}.t-Action{--tc: #e0b25a}.t-Swift{--tc: #38bdf8}.t-ActionSwift{--tc: linear-gradient(90deg, #e0b25a 50%, #38bdf8 50%)}.t-Reaction{--tc: #d36be8}.dk-chip.timing.t-ActionSwift:before{background:linear-gradient(90deg,#e0b25a 50%,#38bdf8 50%)}.dk-seg{display:flex;gap:3px;padding:3px;border-radius:12px;background:#04101599;border:1px solid var(--line)}.dk-chip.seg{flex:1;border:0;border-radius:9px;background:transparent;padding:7px 4px}.dk-chip.seg.on{background:linear-gradient(135deg,var(--gold-200),var(--gold-400))}.dk-library{display:flex;flex-direction:column;min-width:0;min-height:0}.dk-lib-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--dk-edge)}.dk-found{font-size:13px;color:#9bb4ae}.dk-found b{font-size:20px;font-weight:800;color:#fff6df;margin-right:2px}.dk-sort{display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:10px;background:#04101599;border:1px solid var(--line)}.dk-sort-wrap{display:inline-flex;align-items:center;gap:8px}.dk-sort-lbl{font-size:12.5px;color:#83a09b}.dk-sort-btn{font:inherit;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:8px;border:0;color:#abc2bb;background:transparent;cursor:var(--cur-pointer)}.dk-sort-btn:hover{color:#fff}.dk-sort-btn.on{color:var(--gold-ink);background:linear-gradient(135deg,var(--gold-200),var(--gold-400))}.dk-grid{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;justify-items:center;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 12px;padding:16px 16px 30px}.dk-grid .v3f.size-m{--s: .5}.dk-card{position:relative;cursor:var(--cur-pointer);transition:transform .16s cubic-bezier(.2,.8,.3,1.2)}.dk-card:hover{transform:translateY(-5px)}.dk-card:hover .v3f>.card{filter:drop-shadow(0 0 3px var(--c-glow)) drop-shadow(0 10px 14px rgba(0,0,0,.55))}.dk-card.has .v3f>.card{filter:drop-shadow(0 0 2px #f5d78e) drop-shadow(0 0 9px rgba(240,192,106,.8))}.dk-card.maxed .v3f>.card{filter:brightness(.8) saturate(.6)}.dk-card.maxed:hover .v3f>.card{filter:brightness(.9) saturate(.75)}.dk-count{position:absolute;left:50%;bottom:-12px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#0b2129;border:1px solid var(--line);box-shadow:0 4px 10px #00000073}.dk-count:not(:has(.on,.dk-check:not(:empty))){opacity:0;transition:opacity .15s}.dk-card:hover .dk-count{opacity:1}.dk-pips{display:flex;gap:4px}.dk-pips i{width:9px;height:9px;border-radius:50%;background:#1d3c45;border:1px solid #3a6a72}.dk-pips i.on{background:radial-gradient(circle at 35% 30%,#fff1c4,var(--gold) 70%);border-color:#f0c06a;box-shadow:0 0 6px #f0c06acc}.dk-pips i.locked{background:transparent;border-style:dashed;border-color:#2f5158}.dk-check{font-size:11px;font-weight:800;color:#8fe3a4}.dk-check:empty{display:none}.dk-minus{display:grid;place-items:center;width:18px;height:18px;padding:0;border-radius:50%;cursor:var(--cur-pointer);font:inherit;font-size:14px;font-weight:800;line-height:1;color:#ffb4b6;background:#e5484d26;border:1px solid rgba(229,72,77,.5)}.dk-minus:hover{color:#fff;background:#c43a3f}.dk-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:60px 16px;text-align:center;color:#9bb4ae}.dk-empty b{color:#fff6df;font-size:16px}.dk-empty small{font-size:12.5px}.dk-empty-ic svg{width:34px;height:34px;color:#4c7b80}.dk-empty.small{padding:30px 10px}.dk-deck{display:flex;flex-direction:column;gap:10px;min-height:0;padding:14px 14px 0;background:var(--dk-panel);border-left:1px solid var(--dk-edge)}.dk-deck-top{display:flex;align-items:baseline;justify-content:space-between}.dk-deck-title{font-size:14px;font-weight:800;color:#fff}.dk-total{color:#9bb4ae;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.dk-total b{font-size:30px;font-weight:800;color:var(--gold-100);margin-right:4px}.dk-total.full b{color:#8fe3a4}.dk-progress{height:6px;border-radius:999px;background:#1a3a43;overflow:hidden;margin-top:-4px}.dk-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold-400),var(--gold-100));transition:width .25s ease}.dk-total.full+.dk-progress i,.dk-deck-top:has(.full)+.dk-progress i{background:linear-gradient(90deg,#2f9a4f,#8fe3a4)}.dk-stats{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;border-radius:12px;background:#ffffff06;border:1px solid #1f444d}.dk-stat-lbl{font-size:11px;font-weight:800;letter-spacing:.8px;color:var(--gold)}.dk-curve{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;height:74px;align-items:end}.dk-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}.dk-bar i{display:block;width:100%;min-height:2px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--gold-100),var(--gold-400));transition:height .25s ease}.dk-bar-n{font-size:11px;font-weight:800;color:#fff6df;min-height:13px}.dk-bar-lv{font-size:11px;font-weight:800;color:#83a09b}.dk-colorbar{display:flex;height:8px;border-radius:999px;overflow:hidden;gap:2px;background:#1a3a43}.dk-colorbar i{display:block;min-width:4px}.dk-legend{display:flex;flex-wrap:wrap;gap:4px 10px}.dk-lg{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:#cfe0da}.dk-lg .stat-img{width:14px;height:14px}.dk-timings{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.dk-tm{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700;color:#cfe0da;background:#081a21b3;border:1px solid #2c5560}.dk-tm:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--tc)}.dk-tm.t-ActionSwift:before{background:linear-gradient(90deg,#e0b25a 50%,#38bdf8 50%)}.dk-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;margin:0 -14px;padding:0 14px 16px}.dk-lv-head{position:sticky;top:0;z-index:1;padding:8px 2px 4px;font-size:11.5px;font-weight:800;letter-spacing:.6px;color:var(--gold);background:linear-gradient(180deg,var(--dk-panel) 70%,transparent)}.dk-lv-head.setup{margin-top:8px;color:#9fd4ff}.dk-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;cursor:var(--cur-default);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 24%,#0f2a33),#0f2a33 60%);border:1px solid #1f444d;border-left:3px solid var(--c);transition:border-color .15s}.dk-row:hover{border-color:#d4b06a99;border-left-color:var(--c)}.dk-row-ic{display:inline-grid;place-items:center;flex:none}.dk-row-ic .stat-img{width:16px;height:16px}.dk-row-name{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#eef2ea}.dk-row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-row-tm{flex:none;padding:0 6px;border-radius:999px;font-size:10px;font-weight:800;color:#0b2129;background:var(--tc)}.dk-row-tm.t-ActionSwift{background:linear-gradient(90deg,#e0b25a 50%,#38bdf8 50%)}.dk-row-n{flex:none;min-width:24px;text-align:center;font-size:13px;font-weight:800;color:var(--gold-100);font-variant-numeric:tabular-nums}.dk-row-btn{display:grid;place-items:center;flex:none;width:22px;height:22px;padding:0;border-radius:50%;cursor:var(--cur-pointer);font:inherit;font-size:15px;font-weight:800;line-height:1;color:#abc2bb;background:#081a21b3;border:1px solid #2c5560;opacity:.55;transition:opacity .15s,color .15s,border-color .15s,background .15s}.dk-row:hover .dk-row-btn{opacity:1}.dk-row-btn:hover:not(:disabled){color:var(--gold-ink);background:var(--gold-200);border-color:var(--gold)}.dk-row-btn:disabled{opacity:.2!important;cursor:var(--cur-default)}.dk-hint{padding:2px 4px 6px;font-size:12px;line-height:1.5;color:#7f9a96}.dk-fold{display:none}@media (max-width: 1240px){.dk-shell.dk-shell{--dk-side: 214px;--dk-deck: 296px}.dk-chips.colors{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-height: 760px) and (min-width: 1001px){.dk-curve{height:54px}}@media (max-width: 1000px){.dk-shell.dk-shell{display:flex;flex-direction:column;overflow-y:auto}.dk-shell>*{flex:none}.dk-head{flex-wrap:wrap}.dk-actions{margin-left:0;flex-wrap:wrap;width:100%}.dk-save{margin-left:auto}.dk-filters{border-right:0;border-bottom:1px solid var(--dk-edge)}.dk-groups{overflow:visible}.dk-fold{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;cursor:var(--cur-pointer);font:inherit;font-size:13.5px;font-weight:700;color:#dfe8e2;background:#081a21a6;border:1px solid var(--line)}.dk-fold-arrow{margin-left:auto;rotate:90deg}.dk-filters.open .dk-fold-arrow{rotate:-90deg}.dk-filters:not(.open) .dk-groups,.dk-filters:not(.open) .dk-filter-meta{display:none}.dk-chips.colors{grid-template-columns:repeat(6,minmax(0,1fr))}.dk-grid{overflow:visible}.dk-deck{border-left:0;border-top:1px solid var(--dk-edge);padding-bottom:14px}.dk-list{overflow:visible;max-height:none}}@media (max-width: 560px){.dk-chips.colors{grid-template-columns:repeat(3,minmax(0,1fr))}.dk-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));padding:14px 8px 24px}.dk-grid .v3f.size-m{--s: .42}.dk-name{flex-basis:100%}.dk-actions .wallet-bar,.dk-actions>:first-child:not(button){display:none}}@media (prefers-reduced-motion: reduce){.dk-card,.dk-card:hover{transition:none;transform:none}}.dc-colors{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;min-height:22px}.dc-color{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 4px;border-radius:999px;font-size:11.5px;font-weight:800;color:#fff;background:color-mix(in srgb,var(--fc) 30%,#0b2129);border:1px solid color-mix(in srgb,var(--fc) 60%,transparent)}.dc-color .stat-img{width:14px;height:14px}.dc-warn{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:800;color:#ffd479;background:#f0b43c1f;border:1px solid rgba(240,180,60,.45)}