.du-board{background:hsl(var(--duel-void));position:absolute;inset:0}.du-host,.du-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.du-host{opacity:0;transition:opacity .9s}.du-host.is-shown{opacity:1}.du-board:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 55%, transparent 30%, hsl(var(--duel-blood) / .85) 100%);transition:opacity .8s;position:absolute;inset:0}.du-board.is-lost:after{opacity:1}.du-ui{z-index:3;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.du-ui>*{pointer-events:auto}.du-ui[data-hidden]{opacity:0;pointer-events:none}.du-ui[data-hidden]>*{pointer-events:none}.immersive .im-head{transition:opacity .35s}.immersive:has(.du-ui[data-hidden]) .im-head{opacity:0;pointer-events:none}.immersive:has(.du-ui[data-hidden]) .im-head>*{pointer-events:none}.du-bar-dock{left:50%;bottom:calc(var(--nav-h,0px) + 1rem);width:max-content;max-width:calc(100% - 2rem);position:absolute;translate:-50%}.du-bar{border:1px solid hsl(var(--duel-specular) / .1);background:hsl(var(--duel-void) / .72);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);box-shadow:inset 0 1px 0 hsl(var(--duel-specular) / .06), 0 18px 40px hsl(var(--duel-shadow) / .7);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.75rem 1rem;padding:.9rem 1.1rem;display:flex}.du-bar-amount{width:15.5rem}.du-bar-field{flex-direction:column;gap:.5rem;display:flex}.du-bar-field .da-select{min-width:9rem}.du-bar-go{flex:none}.du-bar-hint{text-align:center;color:hsl(var(--duel-chrome) / .72);flex-basis:100%;margin:0;font-size:.74rem;line-height:1.4}@media (max-width:767px){.du-bar-dock{left:.5rem;right:.5rem;bottom:calc(var(--nav-h,0px) + .5rem);width:auto;max-width:none;translate:none}.du-bar{gap:.6rem;padding:.75rem}.du-bar-amount{flex-basis:100%;width:auto}.du-bar-field{flex:8rem}.du-bar-field .du-seg{width:100%}.du-bar-go{flex-basis:100%}}.du-seg>button{height:2.75rem;cursor:var(--cursor-pointer)}.du-seg>button:disabled{cursor:default}.du-seg>button[aria-checked=true]{color:hsl(var(--duel-specular));background:hsl(var(--brand) / .65);box-shadow:inset 0 0 0 1px hsl(var(--brand-bright) / .7)}.du-drawer,.du-drawer-tab{left:var(--g,1rem);top:var(--im-panel-top,6.5rem);position:absolute}.du-drawer{bottom:calc(var(--du-bar,8rem) + var(--nav-h,0px));width:min(var(--game-panel-w), calc(100% - 2 * var(--g,1rem)));border:1px solid hsl(var(--duel-specular) / .1);background:hsl(var(--duel-void) / .8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px hsl(var(--duel-shadow) / .7);animation:du-drawer .3s var(--ease-out-soft) both;flex-direction:column;display:flex}.du-drawer-head{border-bottom:1px solid hsl(var(--duel-specular) / .06);align-items:center;gap:.5rem;padding:.75rem;display:flex}.du-tabs{flex:1}.du-tabs>button{cursor:var(--cursor-pointer);padding:0 .6rem}.du-drawer-body{flex:1;min-height:0;padding:.25rem .9rem .9rem;overflow-y:auto}.du-drawer-tab{height:2.75rem;cursor:var(--cursor-pointer);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--duel-chrome));border:1px solid hsl(var(--duel-specular) / .12);background:hsl(var(--duel-void) / .7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 2px 0 0 hsl(var(--duel-lacquer));align-items:center;gap:.5rem;padding:0 1rem;font-size:.74rem;display:flex}.du-drawer-tab:hover,.du-drawer-tab:focus-visible{color:hsl(var(--duel-specular))}.du-badge{letter-spacing:0;font-variant-numeric:tabular-nums;min-width:1.4rem;height:1.4rem;color:hsl(var(--duel-specular));background:hsl(var(--duel-graphite));box-shadow:inset 0 0 0 1px hsl(var(--duel-specular) / .14);place-items:center;padding:0 .35rem;font-size:.72rem;display:inline-grid}.du-badge.is-hot{background:hsl(var(--duel-lacquer));box-shadow:0 0 0 2px hsl(var(--duel-wine) / .6)}@media (max-width:1023px){.du-drawer,.du-drawer-tab{top:5.5rem;left:.5rem}.du-drawer{width:auto;right:.5rem}}@keyframes du-drawer{0%{opacity:0;translate:-1rem}to{opacity:1;translate:0}}.du-empty{color:hsl(var(--duel-chrome) / .7);margin:.9rem 0 0;font-size:.82rem;line-height:1.45}.du-empty.is-error{color:hsl(var(--duel-ember))}.du-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.du-row{border-bottom:1px solid hsl(var(--duel-specular) / .06);align-items:center;gap:.7rem;padding:.7rem 0;display:flex}.du-row.is-targeted{box-shadow:inset 2px 0 0 hsl(var(--duel-lacquer));padding-left:.6rem}.du-row-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.du-row-handle{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--duel-chrome));font-size:.92rem;overflow:hidden}.du-row-tag{font-style:normal;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--duel-ember));margin-left:.45rem;font-size:.66rem}.du-row-meta{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--duel-chrome) / .62);font-size:.74rem}.du-row-amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:hsl(var(--duel-chrome));font-size:.86rem;font-weight:500}.du-row-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:hsl(var(--duel-chrome) / .75);font-size:.8rem}.du-row-time.is-hot{color:hsl(var(--duel-ember))}.du-chrome{font-family:var(--font-display);white-space:nowrap;text-transform:uppercase;background:linear-gradient(180deg, hsl(var(--duel-specular)) 0%, hsl(var(--duel-chrome)) 30%, hsl(var(--duel-steel)) 47%, hsl(var(--duel-void)) 50%, hsl(var(--duel-steel)) 54%, hsl(var(--duel-chrome)) 72%, hsl(var(--duel-specular)) 100%);color:#0000;-webkit-text-stroke:1px hsl(var(--duel-specular) / .16);filter:drop-shadow(0 2px 0 hsl(var(--duel-void)));-webkit-background-clip:text;background-clip:text;padding-block:.14em .06em;line-height:1.1;display:inline-block}.du-chrome.is-crimson{background-image:linear-gradient(180deg, hsl(var(--duel-ember)) 0%, hsl(var(--duel-lacquer)) 40%, hsl(var(--duel-wine)) 50%, hsl(var(--duel-lacquer)) 60%, hsl(var(--duel-ember)) 100%);-webkit-text-stroke:1px hsl(var(--duel-ember) / .3)}.du-2d{flex-direction:column;justify-content:space-between;align-items:center;padding-inline:1rem;display:flex;position:absolute;inset:0}.du-2d-players{grid-template-columns:1fr auto 1fr;place-items:center;gap:.2rem 1rem;width:min(100%,48rem);display:grid}.du-2d-players.is-idle{grid-template-columns:1fr}.du-2d-name{max-width:100%;font-size:clamp(1.4rem,4vw,2.6rem)}.du-2d-vs{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--duel-chrome) / .6);font-size:.74rem}.du-2d-side{font-size:clamp(1.1rem,3vw,1.9rem)}.du-2d-stake{font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,3.2vw,2.2rem)}.du-2d-coin-wrap{perspective:900px;flex:1;place-items:end center;width:100%;padding-bottom:2rem;display:grid}.du-2d-coin{aspect-ratio:1;width:min(28vmin,11rem);transform-style:preserve-3d;will-change:transform;position:relative}.du-2d-face{backface-visibility:hidden;object-fit:cover;width:100%;height:100%;box-shadow:0 0 0 3px hsl(var(--duel-steel)), 0 0 0 5px hsl(var(--duel-graphite)), 0 18px 30px hsl(var(--duel-shadow) / .9);border-radius:50%;position:absolute;inset:0}.du-2d-face.is-heads{background:radial-gradient(circle at 35% 30%, hsl(var(--duel-chrome)), hsl(var(--duel-steel)) 55%, hsl(var(--duel-graphite)));transform:rotateX(180deg)}.du-2d-verdict{animation:du-verdict .5s var(--ease-out-soft) both;margin:0;font-size:clamp(3.2rem,13vw,7.5rem);position:absolute;top:24%;left:50%;translate:-50% -50%}.du-2d-lost{font-variant-numeric:tabular-nums;animation:du-verdict .5s var(--ease-out-soft) both;margin:0;font-size:clamp(1.4rem,4vw,2.4rem);position:absolute;top:40%;left:50%;translate:-50% -50%}.du-2d-verdict[hidden],.du-2d-lost[hidden]{display:none}@keyframes du-verdict{0%{opacity:0;scale:.6}60%{scale:1.08}to{opacity:1;scale:1}}.du-notices{z-index:60;right:1rem;bottom:calc(var(--bottomnav-h,4rem) + 1rem);flex-direction:column;gap:.5rem;width:min(22rem,100vw - 2rem);display:flex;position:fixed}@media (min-width:1024px){.du-notices{bottom:1.5rem}}.du-notice{border:1px solid hsl(var(--duel-specular) / .1);background:hsl(var(--duel-void) / .88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 2px 0 0 hsl(var(--duel-lacquer)), 0 18px 40px hsl(var(--duel-shadow) / .8);animation:du-notice .45s var(--ease-out-soft) both;align-items:flex-start;gap:.6rem;padding:.9rem 1rem;display:flex}.du-notice[data-won=true]{box-shadow:inset 2px 0 0 hsl(var(--duel-chrome)), 0 18px 40px hsl(var(--duel-shadow) / .8)}.du-notice-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.du-notice-title{color:hsl(var(--duel-specular));margin:0;font-size:.85rem}.du-notice-text{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:hsl(var(--duel-chrome));margin:0;font-size:.72rem}.du-notice[data-won=false] .du-notice-text{color:hsl(var(--duel-ember))}.du-notice-cta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--duel-specular));border-bottom:1px solid hsl(var(--duel-lacquer));cursor:var(--cursor-pointer);align-self:flex-start;margin-top:.3rem;font-size:.68rem}.du-notice-close{width:1.8rem;height:1.8rem;color:hsl(var(--duel-chrome) / .7);cursor:var(--cursor-pointer);place-items:center;display:grid}.du-notice-close:hover{color:hsl(var(--duel-specular))}@keyframes du-notice{0%{opacity:0;translate:0 .8rem}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.du-2d-verdict,.du-2d-lost,.du-notice,.du-drawer{animation:none}.du-host,.du-board:after,.du-ui,.immersive .im-head{transition:none}}