.auth-panel{width:min(100%,680px);margin-inline:auto}.auth-head{align-items:center;gap:var(--gap);min-width:0;display:flex}.auth-stack{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.auth-body{color:var(--text-2);margin:0}.auth-actions{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.auth-error{color:var(--danger);font-size:var(--fs-sm);margin:0}.auth-note{color:var(--muted);font-size:var(--fs-sm);margin:0}.auth-note.is-ok{color:var(--ok)}.auth-alert{justify-content:space-between;align-items:flex-start;gap:var(--gap-sm) var(--gap);width:min(100%,680px);padding:var(--gap-sm) var(--gap);border-inline-start:calc(var(--border-w) * 3) solid var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--text-2);flex-wrap:wrap;margin-inline:auto;display:flex}.auth-alert p{min-width:0;margin:0}.auth-form{gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}.auth-account{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.auth-account-current{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.auth-account-name{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg);overflow-wrap:anywhere}.auth-divider{height:var(--border-w);background:var(--line)}@media (width<=560px){.auth-head{flex-wrap:wrap}.auth-actions>.k-btn{flex:auto}}@media (height<=560px) and (orientation:landscape){.auth-head .k-title-sub{display:none}.auth-panel .k-title-main{font-size:var(--fs-xl)}}.app{--nav-h:max(calc(var(--btn-md) + 16px), 56px);--bar-h:58px;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.app-main>*{flex:auto;min-height:0}.app:has([aria-modal=true]) .app-main{z-index:calc(var(--z-sticky) + 1)}.app:not(.app-bare) .app-main>.screen{height:100%;padding-top:var(--gap)}.app-phone:not(.app-bare) .app-main>.screen{padding-bottom:var(--gap)}.app-main>.db-screen{height:100%;max-height:100%}.nav-top{z-index:var(--z-sticky);align-items:center;gap:var(--gap);min-height:var(--nav-h);padding:var(--safe-t) calc(var(--safe-r) + var(--gap)) 0 calc(var(--safe-l) + var(--gap-sm));background:linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 92%, transparent), color-mix(in srgb, var(--bg) 94%, transparent));box-shadow:0 1px 0 color-mix(in srgb, var(--p1) 30%, transparent), 0 8px 24px color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none;display:flex;position:relative}.nav-top:after{content:"";background:linear-gradient(90deg, var(--p1), color-mix(in srgb, var(--gold) 80%, transparent) 70%, transparent);width:min(340px,40%);height:2px;box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--p1) 60%, transparent);pointer-events:none;position:absolute;bottom:-1px;left:0}.nav-logo{min-height:var(--tap);padding:0 calc(var(--gap) + 10px) 0 var(--gap-sm);color:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-self:stretch;align-items:center;margin:0;display:flex;position:relative}.nav-logo:after{content:"";background:linear-gradient(180deg, transparent, var(--p1), transparent);width:2px;transform:skewX(calc(var(--slant) * -1.4));opacity:.8;position:absolute;top:18%;bottom:18%;right:0}.nav-logo:focus-visible{outline:2px solid var(--p1);outline-offset:-2px}.nav-tabs{flex:auto;min-width:0;display:flex}.app .nav-tabs .k-tab{font-size:var(--fs-md)}.nav-right{align-items:center;gap:var(--gap-sm);flex:none;margin-inline-start:auto;display:flex}.nav-sep{background:var(--line-2);width:1px;height:26px;transform:skewX(calc(var(--slant) * -1.4))}.nav-chip{min-height:var(--tap);max-width:240px;color:var(--text);text-align:start;cursor:pointer;isolation:isolate;background:0 0;border:0;align-items:center;gap:10px;margin:0;padding:3px 16px 3px 6px;display:inline-flex;position:relative}.nav-chip:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--p1) 35%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--panel-3) 80%, transparent), color-mix(in srgb, var(--panel) 60%, transparent));transform:skewX(calc(var(--slant) * -1));transition:border-color var(--motion-fast), box-shadow var(--motion-fast);position:absolute;inset:2px 0 2px 14px}.nav-chip:hover:before,.nav-chip.is-on:before{border-color:var(--p1);box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--p1) 45%, transparent)}.nav-chip:focus-visible{outline:2px solid var(--p1);outline-offset:2px}.nav-chip.is-compact{min-width:var(--tap);justify-content:center;padding:2px}.nav-chip.is-compact:before{display:none}.nav-chip-body{flex-direction:column;min-width:0;line-height:1.15;display:flex}.nav-chip-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-chip-status{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.nav-chip-status.is-online{color:var(--ok)}.app-phone .nav-top{--nav-h:52px;gap:var(--gap-sm)}.app-phone .nav-top:after{width:60%}.nav-bottom{z-index:var(--z-sticky);min-height:var(--bar-h);padding:0 var(--safe-r) var(--safe-b) var(--safe-l);background:linear-gradient(0deg, var(--bg), color-mix(in srgb, var(--panel-2) 95%, transparent));box-shadow:0 -1px 0 color-mix(in srgb, var(--p1) 30%, transparent), 0 -8px 24px color-mix(in srgb, var(--bg) 70%, transparent);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.nav-bottom-btn{min-width:0;min-height:var(--bar-h);color:var(--muted);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-xs);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:0;padding:6px 2px 4px;line-height:1.1;display:flex;position:relative}.nav-bottom-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app .nav-bottom-btn .k-icon{width:22px;height:22px}.nav-bottom-btn:before{content:"";background:var(--p1);height:3px;transform:skewX(calc(var(--slant) * -1)) scaleX(0);transition:transform var(--motion-med) var(--motion-ease);box-shadow:0 0 var(--glow-md) var(--p1);position:absolute;top:0;left:22%;right:22%}.nav-bottom-btn.is-on{color:var(--text);text-shadow:0 0 10px color-mix(in srgb, var(--p1) 70%, transparent)}.app .nav-bottom-btn.is-on .k-icon{color:var(--p1);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--p1) 70%, transparent))}.nav-bottom-btn.is-on:before{transform:skewX(calc(var(--slant) * -1)) scaleX(1)}.nav-bottom-btn:focus-visible{outline:2px solid var(--p1);outline-offset:-4px}.lg{--lg-size:var(--fs-lg);isolation:isolate;font-family:var(--font-display);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;font-style:italic;font-weight:700;line-height:.92;display:inline-flex;position:relative}.lg-word{font-size:var(--lg-size);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap;background:var(--grad-neutral);color:#0000;-webkit-text-stroke:.02em color-mix(in srgb, var(--text) 60%, transparent);filter:drop-shadow(0 .04em 0 var(--num-stroke)) drop-shadow(0 0 .18em color-mix(in srgb, var(--p1) 55%, transparent));-webkit-background-clip:text;background-clip:text;flex-direction:column;padding-inline-end:.12em;display:flex;position:relative}.lg-line{display:block}.lg-img{max-height:calc(var(--lg-size) * 2.2);object-fit:contain;max-width:100%}.lg-swoosh{z-index:-1;pointer-events:none;width:112%;height:136%;position:absolute;top:-18%;left:-6%;overflow:visible}.lg-stop-a{stop-color:var(--p1);stop-opacity:0}.lg-stop-b{stop-color:var(--p1)}.lg-stop-c{stop-color:var(--text)}.lg-arc{fill:none;stroke-linecap:round;filter:drop-shadow(0 0 4px var(--p1))}.lg-arc-1{stroke-width:7px}.lg-arc-2{stroke-width:3px;opacity:.8}.lg-arc-3{stroke-width:2px;opacity:.6;stroke-dasharray:14 8}.lg-spark{z-index:1;width:calc(var(--lg-size) * .7);height:calc(var(--lg-size) * .7);fill:var(--gold-hi);stroke:var(--gold);stroke-width:5px;stroke-opacity:.28;stroke-linejoin:round;paint-order:stroke;will-change:transform, opacity;pointer-events:none;animation:3.2s ease-in-out infinite lg-twinkle;position:absolute;top:-16%;right:4%}@keyframes lg-twinkle{0%,to{opacity:.85;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(20deg)}}.lg-tag{width:100%;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:max(12px, calc(var(--lg-size) * .16));letter-spacing:.42em;color:var(--text-2);text-transform:uppercase;white-space:nowrap;align-items:center;gap:.8em;margin-top:.7em;display:flex}.lg-tag:before,.lg-tag:after{content:"";background:linear-gradient(90deg, transparent, var(--gold));flex:1 1 0;min-width:1em;height:2px}.lg-tag:after{background:linear-gradient(90deg, var(--gold), transparent)}.lg-nav{--lg-size:clamp(17px, .9rem + .5vw, 24px)}.lg-nav .lg-word{flex-direction:row}.lg-nav .lg-tag{letter-spacing:.3em;font-size:max(12px, calc(var(--lg-size) * .36));margin-top:.35em;font-size:12px}.lg-nav .lg-tag:before{flex:0 0 .9em;min-width:.9em}.lg-nav .lg-swoosh{top:calc(var(--lg-size) * -.42);height:calc(var(--lg-size) * 1.75);opacity:.75}:root:lang(th) .lg-tag{letter-spacing:.08em}.lg-nav .lg-arc-2,.lg-nav .lg-arc-3{display:none}.lg-nav .lg-spark{top:-30%;right:-4%}.lg-hero{--lg-size:clamp(44px, 1.2rem + 5.4vw, 112px)}.lg-hero .lg-word{line-height:.86}.lg-hero .lg-swoosh{top:calc(var(--lg-size) * -.36);height:calc(var(--lg-size) * 2.7)}.lg-mark .lg-initials{font-size:var(--lg-size);background:var(--grad-neutral);color:#0000;-webkit-background-clip:text;background-clip:text;padding-inline-end:.1em}.app-phone .lg-nav .lg-tag{display:none}.hm .screen-body{max-width:none;display:flex}.hm-stage{align-items:center;gap:var(--gap-lg);flex:auto;grid-template-columns:minmax(300px,.85fr) 1.15fr;grid-template-areas:"left hero";width:100%;max-width:1760px;min-height:100%;margin-inline:auto;display:grid;position:relative}.hm-left{z-index:2;gap:var(--gap-lg);padding:var(--gap) 0 var(--gap) clamp(0px, 2vw, 40px);flex-direction:column;grid-area:left;min-width:0;display:flex;position:relative}.hm-logo{align-self:flex-start;margin:.2em 0 .1em .2em}.hm-menu{flex-direction:column;gap:clamp(10px,1.4vh,18px);max-width:500px;display:flex}.app .hm-btn.k-btn{--h:clamp(48px, 5.6vh, 66px);height:var(--h);min-height:var(--h);font-size:var(--fs-lg);justify-content:flex-start}.app .hm-btn .k-btn-icon .k-icon{width:1.45em;height:1.45em}.app .hm-btn .k-btn-chev{color:var(--gold)}.app .hm-btn.is-featured{--h:clamp(56px, 7vh, 80px);font-size:var(--fs-xl);font-size:clamp(20px,.9rem + 1vw,30px)}.hm-btn.is-featured:before{box-shadow:inset 0 0 22px color-mix(in srgb, var(--p1) 40%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--p1) 55%, transparent)}.hm-menu>.hm-btn{animation:hm-in var(--motion-slow) var(--motion-ease) both}.hm-menu>.hm-btn:nth-child(2){animation-delay:60ms}.hm-menu>.hm-btn:nth-child(3){animation-delay:.12s}.hm-menu>.hm-btn:nth-child(4){animation-delay:.18s}.hm-menu>.hm-btn:nth-child(5){animation-delay:.24s}@keyframes hm-in{0%{opacity:0;transform:translate(-24px)}}.hm-foot{color:var(--muted);font-size:var(--fs-xs);margin:0}.hm-hero{grid-area:hero;align-self:stretch;min-height:420px}.hero{isolation:isolate;pointer-events:none;perspective:1200px;position:relative}.hero-traces{opacity:.55;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000 30%,#0000 75%);mask-image:radial-gradient(60% 60%,#000 30%,#0000 75%)}.hero-ring{aspect-ratio:1;width:min(92%,92vh,760px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(58deg)}.hero-ring-layer{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-core-a{stop-color:var(--p1);stop-opacity:.35}.hero-core-b{stop-color:var(--p1-deep);stop-opacity:.18}.hero-core-c{stop-color:var(--bg);stop-opacity:0}.hero-ring-halo{fill:none;stroke:var(--p1);stroke-width:24px;opacity:.1}.hero-ring-halo.is-tight{stroke-width:9px;opacity:.14}.hero-ring-line,.hero-ring-dash,.hero-ring-hex,.hero-ring-tick{fill:none;stroke:var(--p1)}.hero-ring-line{stroke-width:1.6px;opacity:.9}.hero-ring-thin{stroke-width:.8px;opacity:.6}.hero-ring-dash{stroke-width:2.4px;stroke-dasharray:10 6 2 6}.hero-ring-rev{stroke:var(--gold);stroke-width:1.2px;stroke-dasharray:3 7}.hero-ring-hex{stroke-width:1px;opacity:.55}.hero-ring-tick{stroke-width:2px;stroke:var(--gold);opacity:.8}.hero-swoosh{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-sw path{fill:none;stroke-linecap:round}.hero-sw-glow{stroke:var(--p1);stroke-width:22px;opacity:.1}.hero-sw-p2 .hero-sw-glow{stroke:var(--p2)}.hero-sw-halo{stroke:var(--p1);stroke-width:9px;opacity:.3}.hero-sw-p2 .hero-sw-halo{stroke:var(--p2)}.hero-sw-core{stroke-width:3.5px}.hero-sw.is-thin .hero-sw-halo{stroke-width:6px;opacity:.22}.hero-sw-flow{fill:none;stroke:var(--text);stroke-width:2px;stroke-linecap:round;stroke-dasharray:6 94;opacity:.55}.hero-sw.is-thin .hero-sw-glow{stroke-width:12px}.hero-sw.is-thin .hero-sw-core{stroke-width:2px;opacity:.8}.hero-stop-clear{stop-color:var(--bg);stop-opacity:0}.hero-stop-p1{stop-color:var(--p1)}.hero-stop-p2{stop-color:var(--p2)}.hero-stop-white{stop-color:var(--text)}.hero-sparks{position:absolute;inset:0}.hero-spark{background:var(--gold-hi);width:6px;height:6px;box-shadow:0 0 10px var(--gold), 0 0 2px var(--text);opacity:0;animation:4.6s ease-in-out infinite hero-spark;animation-delay:calc(var(--i) * -.55s);position:absolute;transform:rotate(45deg)}.hero-spark:nth-child(3n){background:var(--p1);box-shadow:0 0 10px var(--p1)}.hero-spark:nth-child(4n){background:var(--p2);box-shadow:0 0 10px var(--p2)}@keyframes hero-spark{0%,to{opacity:0;transform:translateY(10px)rotate(45deg)scale(.6)}45%{opacity:1}70%{opacity:.4;transform:translateY(-24px)rotate(45deg)scale(1)}}.hero-card{transform-style:preserve-3d;transform:translate(-50%, -50%) rotateY(var(--tilt)) rotate(var(--rot));will-change:transform;animation:hero-float calc(5s + var(--i) * .7s) ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s);position:absolute}.hero-card-in{border-radius:calc(var(--w) * .045);box-shadow:0 14px 22px color-mix(in srgb, var(--bg) 85%, transparent)}.hero-card.is-back{opacity:calc(.45 + var(--depth) * .6)}.hero-card.is-back .hero-card-in{box-shadow:0 8px 14px color-mix(in srgb, var(--bg) 85%, transparent)}@keyframes hero-float{0%,to{transform:translate(-50%, -50%) rotateY(var(--tilt)) rotate(var(--rot)) translateY(0)}50%{transform:translate(-50%, -50%) rotateY(var(--tilt)) rotate(calc(var(--rot) + 2deg)) translateY(calc(var(--depth) * -14px))}}@media (prefers-reduced-motion:reduce){.hero-card,.hero-spark,.lg-spark,.hm-menu>.hm-btn{animation:none}.hero-spark{opacity:.6}}:root[data-fx=off] :is(.hero-card,.hero-spark,.lg-spark){animation:none}:root[data-fx=off] .hero-spark{opacity:.6}:root[data-hidden] :is(.hero-card,.hero-spark,.lg-spark){animation-play-state:paused}@media (width<=960px) and (orientation:portrait){.hm-stage{grid-template:"hero"minmax(300px,1fr)"left"/1fr;align-items:stretch}.hm-hero{min-height:0}.hm-left{align-items:center;padding:0}.hm-logo{margin-top:calc(var(--lg-size) * -2.2);align-self:center}.hm-menu{width:100%;max-width:560px}.hm-foot{text-align:center}}@media (width<=640px) and (orientation:portrait){.hm-stage{gap:var(--gap-sm);grid-template-rows:minmax(180px,1fr) auto}.lg-hero{--lg-size:clamp(38px, 12vw, 56px)}.hm-left{gap:var(--gap)}.hm-menu{gap:8px}.app .hm-btn.k-btn{--h:50px;font-size:var(--fs-md)}.app .hm-btn.is-featured{--h:58px;font-size:var(--fs-lg)}}@media (height<=560px) and (orientation:landscape){.hm-stage{gap:0 var(--gap);grid-template:auto minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr)}.hm-left{display:contents}.hm-hero{grid-area:2/2;min-height:0}.hm-logo{z-index:3;grid-area:1/2;justify-self:center;margin:.2em 0 0}.lg-hero{--lg-size:clamp(28px, 7.5vh, 44px)}.hm-menu{grid-area:1/1/span 2;align-self:center;gap:6px;width:100%}.app .hm-btn.k-btn,.app .hm-btn.is-featured{--h:max(var(--tap), 42px);font-size:var(--fs-md)}.hm-foot{display:none}}@media (width<=1100px){.nav-top{gap:var(--gap-sm)}.nav-chip-body,.lg-nav .lg-tag{display:none}.nav-chip{padding:2px}.nav-chip:before{display:none}.app .nav-tabs .k-tab{font-size:var(--fs);padding-inline:calc(var(--sx) * 2 + .3em)}.nav-logo{padding-inline-end:calc(var(--gap-sm) + 10px)}}@media (height<=560px) and (orientation:landscape){.app{--nav-h:50px}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pg{gap:var(--gap-lg);flex-direction:column;width:100%;max-width:980px;margin-inline:auto;display:flex}.pg-wide{max-width:var(--content-max)}.pg-actions{justify-content:flex-end;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.app .k-title-text{margin-top:-.32em;padding-top:.36em}.dp-wrap{--tone:var(--p1);gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex;container:dpicker/inline-size}.dp{--cover:52px;isolation:isolate;align-items:center;gap:var(--gap);min-height:max(var(--tap), calc(var(--cover) * 1.46 + 12px));padding:6px calc(var(--gap) + 18px) 6px var(--gap);min-width:0;display:flex;position:relative}.dp:before{content:"";z-index:-1;clip-path:polygon(var(--cut-sm) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut-sm));background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 14%, transparent), transparent 55%), linear-gradient(180deg, var(--panel-3), var(--panel));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 55%, transparent);transition:box-shadow var(--motion-fast);position:absolute;inset:0}.dp:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(var(--cut-sm) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut-sm), 1px var(--cut-sm), 1px calc(100% - 1px), calc(100% - var(--cut) - .4px) calc(100% - 1px), calc(100% - 1px) calc(100% - var(--cut) - .4px), calc(100% - 1px) 1px, calc(var(--cut-sm) + .4px) 1px, 1px var(--cut-sm));background:color-mix(in srgb, var(--tone) 75%, transparent);position:absolute;inset:0}.dp:hover:before,.dp:focus-within:before{box-shadow:inset 0 0 0 1px var(--tone), inset 0 0 18px color-mix(in srgb, var(--tone) 30%, transparent)}.dp:focus-within{filter:drop-shadow(0 0 var(--glow-sm) var(--tone-glow))}.dp-label{border-inline-end:1px solid var(--line-2);color:var(--text-2);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md);letter-spacing:.06em;text-transform:uppercase;flex:none;align-items:center;gap:.45em;padding-inline-end:var(--gap);display:inline-flex}.app .dp-label .k-icon{color:var(--tone);width:1.4em;height:1.4em}.dp-cover{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--tone) 40%, transparent));flex:none;display:flex}.dp-main{flex-direction:column;flex:auto;align-items:flex-start;gap:4px;min-width:0;display:flex}.dp-name{max-width:100%;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg);letter-spacing:.03em;text-transform:uppercase;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;padding-top:.2em;line-height:1.15;display:-webkit-box;overflow:hidden}.dp-chev{width:1.5em;height:1.5em;color:var(--text-2);flex:none}.dp-select{opacity:0;cursor:pointer;appearance:none;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.dp.is-disabled{opacity:.55}.dp.is-disabled .dp-select{cursor:not-allowed}.dp-counts{gap:4px var(--gap);color:var(--muted);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.dp-issues{font-size:var(--fs-sm);color:var(--text-2)}.dp-issues summary{cursor:pointer;min-height:var(--tap);align-items:center;display:flex}.dp-issues ul{margin:4px 0 0;padding-inline-start:1.2em}.dp-issue-error{color:var(--danger)}.dp-issue-warn{color:var(--warn)}.dp-empty{align-items:center;gap:var(--gap);color:var(--text-2);flex-wrap:wrap;display:flex}@container dpicker (width<=480px){.dp{gap:var(--gap-sm);padding-inline-start:var(--gap-sm)}.dp-label span{display:none}.dp-label{padding-inline-end:var(--gap-sm)}.dp-name{font-size:var(--fs-md)}}.dp-wrap.is-compact .dp{gap:var(--gap-sm);padding-inline-start:var(--gap-sm)}.dp-wrap.is-compact .dp-label span{display:none}.dp-wrap.is-compact .dp-label{padding-inline-end:var(--gap-sm)}.dp-wrap.is-compact .dp-name{font-size:var(--fs-md)}.mf{width:100%;position:relative;overflow:hidden}.mf-board{position:absolute;inset:0}.mf-circle,.mf-slot,.mf-gc{justify-content:center;align-items:center;display:flex;position:absolute}.app .mf-circle .k-ring,.app .mf-gc .k-ring{width:100%}.mf .k-ring-spin,.mf .k-ring-spin-rev{will-change:auto;animation:none}.mf-slot{border:1px solid color-mix(in srgb, var(--p1) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--p1) 12%, transparent), color-mix(in srgb, var(--panel) 70%, transparent));clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.mf-slot.mf-opp{border-color:color-mix(in srgb, var(--p2) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--p2) 12%, transparent), color-mix(in srgb, var(--panel) 70%, transparent))}.mf-num{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:max(12px, var(--fs-sm));color:var(--text);text-shadow:0 0 8px var(--p1)}.mf-card{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--gold) 60%, transparent))}.mf-circle.has-card{z-index:3}.mf-card-wrap{display:block;position:relative}.mf-card-label{z-index:2;transform:translateX(-50%) skewX(calc(var(--slant) * -.5));font-size:var(--fs-xl);white-space:nowrap;filter:drop-shadow(0 3px 8px var(--bg));line-height:1;position:absolute;bottom:6%;left:50%}.lb .screen-body,.rm .screen-body,.so .screen-body{max-width:none}.lb-grid{gap:var(--gap-lg);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);width:100%;max-width:1600px;min-height:100%;margin-inline:auto;display:grid}.lb-main{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.app .lb-title .k-title-main{font-size:clamp(30px,1rem + 2.6vw,64px)}.lb-panel{flex:auto;container:lbpanel/inline-size}.lb-table{min-width:0;padding:var(--gap-sm) var(--gap) 0;flex-direction:column;flex:auto;display:flex}.lb-row{align-items:center;gap:var(--gap);padding:10px var(--gap-sm);grid-template-columns:minmax(0,1fr) 7.5em 7.5em 7em;display:grid}.lb-head{border-bottom:1px solid var(--line-2);color:var(--text-2);font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) 7.5em 7.5em 7em;padding-block:12px;position:relative}.lb-head>span{align-items:center;gap:.5em;display:inline-flex}.app .lb-head .k-icon{color:var(--p1);width:1.3em;height:1.3em}.lb-head>span+span:not(.lb-live):before{content:"";background:var(--line-2);width:1px;height:1.3em;margin-inline-end:.4em}.lb-live{right:var(--gap-sm);font-size:var(--fs-xs);color:var(--muted);letter-spacing:.1em;position:absolute;top:50%;transform:translateY(-50%)}.lb-live-dot{background:var(--warn);width:8px;height:8px;box-shadow:0 0 8px var(--warn);border-radius:50%}.lb-live-dot.is-on{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:1.8s ease-in-out infinite lb-pulse}@keyframes lb-pulse{50%{opacity:.4}}.lb-body{scrollbar-width:thin;flex-direction:column;flex:auto;min-height:180px;max-height:min(52vh,560px);display:flex;overflow-y:auto}.lb-room{border-bottom:1px solid color-mix(in srgb, var(--line-2) 70%, transparent);transition:background-color var(--motion-fast);animation:lb-row-in var(--motion-slow) var(--motion-ease) both;position:relative}@keyframes lb-row-in{0%{opacity:0;transform:translate(-12px)}}.lb-room:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--p1) 10%, transparent), transparent 80%)}.lb-c-room{align-items:center;gap:var(--gap);min-width:0;display:flex}.lb-stripe{background:var(--p1);width:5px;height:2.2em;transform:skewX(calc(var(--slant) * -1));box-shadow:0 0 10px var(--p1);flex:none}.lb-room.is-started .lb-stripe{background:var(--p2);box-shadow:0 0 10px var(--p2)}.lb-room.is-full .lb-stripe{background:var(--warn);box-shadow:0 0 10px var(--warn)}.lb-room-text{flex-direction:column;min-width:0;display:flex}.lb-room-title{font-weight:700;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lb-room-host{color:var(--muted);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35em;display:inline-flex;overflow:hidden}.app .lb-room-host .k-icon{color:var(--gold);flex:none}.lb-c-players{color:var(--text-2);white-space:nowrap;align-items:center;gap:.45em;display:inline-flex}.lb-count{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md);color:var(--text)}.lb-watchers{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:2px;display:inline-flex}.lb-c-act{justify-content:flex-end;display:flex}.lb-join{min-width:6.5em}.lb-empty{padding:var(--gap-lg) var(--gap);color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.lb-empty strong{color:var(--text-2);font-family:var(--font-display);font-style:italic;font-size:var(--fs-lg)}.lb-empty-icon{width:40px;height:40px;color:var(--line-2)}.lb-more{min-height:var(--tap);margin:var(--gap-sm);padding:0 var(--gap);color:var(--p1);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-self:center;font-weight:700}.lb-actions{gap:var(--gap);padding:var(--gap-lg) var(--gap-lg) var(--gap);grid-template-columns:1fr 1fr;display:grid}.app .lb-actions .k-btn{font-size:var(--fs-lg)}.lb-deck{padding:0 var(--gap-lg) var(--gap-lg)}.lb-side{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.lb-arena{perspective:900px;pointer-events:none;flex:auto;justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.lb-arena-glow{background:radial-gradient(ellipse 45% 40% at 50% 70%, color-mix(in srgb, var(--p1) 30%, transparent), transparent 70%), radial-gradient(ellipse 50% 35% at 60% 18%, color-mix(in srgb, var(--p2) 26%, transparent), transparent 70%);filter:blur(8px);position:absolute;inset:5% 0}.lb-arena-field{transform-origin:50% 62%;flex:none;width:min(100%,760px);transform:rotateX(50deg)rotate(-6deg)scale(1.45);-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 85%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 85%,#0000 100%)}.lb-practice{isolation:isolate;align-items:center;gap:var(--gap-lg);min-height:120px;padding:var(--gap) var(--gap-lg) var(--gap) var(--gap);color:var(--text);text-align:start;cursor:pointer;background:0 0;border:0;margin:0;display:flex;position:relative}.lb-practice-frame{z-index:-1;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));background:radial-gradient(ellipse 60% 120% at 0% 50%, color-mix(in srgb, var(--p1) 28%, transparent), transparent 70%), var(--grad-panel);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p1) 60%, transparent);transition:box-shadow var(--motion-fast);position:absolute;inset:0}.lb-practice:hover .lb-practice-frame,.lb-practice:focus-visible .lb-practice-frame{box-shadow:inset 0 0 0 1px var(--p1), inset 0 0 28px color-mix(in srgb, var(--p1) 35%, transparent)}.lb-practice:focus-visible{filter:drop-shadow(0 0 var(--glow-md) var(--tone-glow));outline:none}.lb-practice-art{filter:drop-shadow(0 6px 16px color-mix(in srgb, var(--p1) 45%, transparent));flex:none;margin-block:-4px;transform:rotate(-6deg)}.lb-practice-text{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.lb-practice-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.5em;font-size:clamp(18px,.8rem + 1vw,30px);font-style:italic;font-weight:700;line-height:1.1;display:inline-flex}.app .lb-practice-title .k-icon{color:var(--p1);flex:none}.lb-practice-sub{border-top:1px solid var(--line-2);color:var(--muted);font-size:var(--fs-sm);padding-top:4px}.lb-practice-chev{width:34px;height:34px;color:var(--gold);filter:drop-shadow(0 0 6px var(--gold));flex:none}.lb-form{gap:var(--gap);flex-direction:column;display:flex}.lb-vis{flex-direction:column;gap:4px;display:flex}.lb-vis-label{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.lb-vis-hint{color:var(--muted);font-size:var(--fs-sm)}.lb-code-input input{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:.3em;text-transform:uppercase;text-align:center;font-weight:700}.lb-code-input input::placeholder{font-size:var(--fs);letter-spacing:normal;font-weight:400}@media (width<=1000px) and (orientation:portrait),(width<=760px){.lb-grid{grid-template-columns:1fr}.lb-arena{height:clamp(220px,32vh,380px);min-height:0}.lb-arena-field{transform-origin:50%;width:min(100%,560px);transform:rotateX(48deg)rotate(-6deg)scale(1.05)}}@media (width>=761px) and (width<=1320px) and (orientation:landscape){.lb-grid{gap:var(--gap);grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr)}}@container lbpanel (width<=780px){.lb-row{grid-template-columns:minmax(0,1fr) 7em 6.4em 7.2em}.app .lb-join.k-btn{padding-inline:calc(var(--sx) * 2 + .45em)}.lb-actions{gap:var(--gap-sm);padding-inline:var(--gap)}.app .lb-actions .k-btn{font-size:var(--fs-md);letter-spacing:.02em;padding-inline:calc(var(--sx) * 2 + .6em)}}@container lbpanel (width<=560px){.lb-head{display:none}.lb-table{padding:var(--gap-sm) var(--gap-sm) 0}.lb-row{row-gap:4px;column-gap:var(--gap-sm);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"room act""meta act"}.lb-c-room{grid-area:room}.lb-c-players{grid-area:meta;padding-inline-start:calc(5px + var(--gap))}.lb-c-status{grid-area:meta;justify-self:end}.lb-c-act{grid-area:act}.lb-join{min-width:5.5em}.lb-actions{gap:var(--gap-sm);padding:var(--gap) var(--gap) var(--gap-sm);grid-template-columns:1fr}.lb-deck{padding:0 var(--gap) var(--gap)}}@media (width<=640px){.lb-practice{gap:var(--gap);min-height:96px;padding-inline-end:var(--gap)}.lb-panel{flex:none}}@media (height<=560px) and (orientation:landscape){.app .lb-title .k-title-main{font-size:var(--fs-xl)}.app .lb-title .k-title-sub{display:none}.lb-body{min-height:120px;max-height:none}.lb-actions{padding:var(--gap) var(--gap) var(--gap-sm);gap:var(--gap-sm)}.app .lb-actions .k-btn{font-size:var(--fs-md)}.lb-deck{padding:0 var(--gap) var(--gap)}.lb-arena{display:none}.lb-side{justify-content:flex-start;gap:var(--gap-sm)}.lb-side-controls{gap:var(--gap-sm);flex-direction:column;display:flex}.lb-side-controls .lb-actions{grid-template-columns:1fr 1fr;padding:0}.app .lb-side-controls .lb-actions .k-btn{padding-inline:calc(var(--sx) * 2 + .2em);letter-spacing:0;font-size:var(--fs)}.app .lb-side-controls .lb-actions .k-btn-icon{display:none}.lb-side-controls .lb-deck{padding:0}.lb-grid.has-side-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lb-grid.has-side-controls .lb-panel{flex:auto}.lb-practice{min-height:0}}.rm-head{align-items:center;gap:var(--gap);width:100%;max-width:1600px;margin:0 auto var(--gap-lg);display:flex}.rm-title{flex:auto}.app .rm-title .k-title-main{font-size:clamp(24px,.9rem + 2vw,48px)}.rm-leave,.rm-conn{flex:none}.rm .screen-body{flex-direction:column;display:flex}.rm-grid{align-content:start;gap:var(--gap-lg);flex:1 0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.8fr);grid-template-areas:"seats seats chat""code ready chat";align-items:start;width:100%;max-width:1600px;margin-inline:auto;display:grid}.rm-seats{align-items:center;gap:var(--gap);grid-area:seats;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:relative}.rm-vs{transform:skewX(calc(var(--slant) * -.6));font-family:var(--font-display);background:var(--grad-gold);color:#0000;filter:drop-shadow(0 2px 0 var(--num-stroke)) drop-shadow(0 0 12px color-mix(in srgb, var(--gold) 55%, transparent));pointer-events:none;-webkit-background-clip:text;background-clip:text;justify-self:center;padding-inline-end:.1em;font-size:clamp(30px,1rem + 2.4vw,60px);font-style:italic;font-weight:700}.rm-seat{--tone:var(--p1);isolation:isolate;align-items:center;gap:var(--gap);min-height:140px;padding:var(--gap) var(--gap-lg) var(--gap) var(--gap);min-width:0;display:flex;position:relative}.rm-seat-plate{z-index:-1;clip-path:polygon(0 0, calc(100% - var(--cut-lg)) 0, 100% var(--cut-lg), 100% 100%, var(--cut-lg) 100%, 0 calc(100% - var(--cut-lg)));background:radial-gradient(ellipse 60% 100% at 0% 50%, color-mix(in srgb, var(--tone) 26%, transparent), transparent 70%), var(--grad-panel);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 70%, transparent), inset 0 2px 0 color-mix(in srgb, var(--text) 18%, transparent);position:absolute;inset:0}.rm-seat.is-mirrored{text-align:end;padding:var(--gap) var(--gap) var(--gap) var(--gap-lg);flex-direction:row-reverse}.rm-seat.is-mirrored .rm-seat-plate{clip-path:polygon(var(--cut-lg) 0, 100% 0, 100% calc(100% - var(--cut-lg)), calc(100% - var(--cut-lg)) 100%, 0 100%, 0 var(--cut-lg));background:radial-gradient(ellipse 60% 100% at 100% 50%, color-mix(in srgb, var(--tone) 26%, transparent), transparent 70%), var(--grad-panel)}.rm-seat.is-me{filter:drop-shadow(0 0 var(--glow-md) color-mix(in srgb, var(--tone) 45%, transparent))}.rm-seat.is-empty .rm-seat-plate{background:color-mix(in srgb, var(--panel) 60%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 35%, transparent)}.rm-seat-ghost{width:84px;height:84px;color:color-mix(in srgb, var(--tone) 50%, transparent);clip-path:polygon(50% 3%,93% 27%,93% 73%,50% 97%,7% 73%,7% 27%);background:color-mix(in srgb, var(--tone) 10%, transparent);flex:none;place-items:center;animation:2.4s ease-in-out infinite lb-pulse;display:grid}.app .rm-seat-ghost .k-icon{width:40px;height:40px}.rm-seat-body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.rm-seat.is-mirrored .rm-seat-body{align-items:flex-end}.rm-seat-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rm-seat.is-mirrored .rm-seat-tags{justify-content:flex-end}.rm-seat-label{color:var(--tone);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase}.rm-seat-name{max-width:100%;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-xl);white-space:nowrap;text-overflow:ellipsis;line-height:1.4;overflow:hidden}.rm-seat.is-empty .rm-seat-name{color:var(--muted);font-size:var(--fs-lg)}.rm-seat-deck{max-width:100%;color:var(--text-2);font-size:var(--fs-sm);align-items:center;gap:.4em;display:inline-flex}.rm-seat-deck span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app .rm-seat-deck .k-icon{color:var(--tone);flex:none}.rm-seat-state{align-self:flex-start;margin-top:2px}.rm-seat.is-mirrored .rm-seat-state{align-self:flex-end}.rm-code{grid-area:code}.rm-code-row{justify-content:space-between;align-items:center;gap:var(--gap);flex-wrap:wrap;display:flex}.rm-code-value{letter-spacing:.14em;-webkit-user-select:all;user-select:all;font-size:clamp(34px,1.2rem + 2.4vw,60px)}.rm-code-btns{align-items:center;gap:var(--gap-sm);display:flex}.rm-meta{align-items:center;gap:var(--gap);color:var(--muted);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.app .rm-meta .k-chip .k-icon{vertical-align:-.15em;width:1.1em;height:1.1em}.rm-spect{align-items:center;gap:.4em;display:inline-flex}.rm-host{gap:var(--gap-sm);padding-top:var(--gap);border-top:1px solid var(--line-2);flex-direction:column;display:flex}.rm-host-label{color:var(--gold);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.4em;display:inline-flex}.rm-host-title{align-items:flex-end;gap:var(--gap-sm);display:flex}.app .rm-host-title .field{flex:auto;min-width:0}.app .rm-host-title .k-btn{flex:none;margin-bottom:2px}.rm-ready{grid-area:ready}.app .rm-start.k-btn{font-size:var(--fs-xl);margin-top:var(--gap-sm)}.rm-note{color:var(--muted);font-size:var(--fs-sm);text-align:center;margin:0}.rm-note.is-danger{color:var(--danger);text-align:start}.rm-dock{--dock-pad:calc(var(--safe-b) + var(--gap));bottom:calc(var(--dock-pad) * -1);margin-bottom:calc(var(--dock-pad) * -1);z-index:4;margin-inline:calc(var(--gap) * -1);padding:var(--gap-sm) var(--gap) calc(var(--gap-sm) + var(--dock-pad));background:linear-gradient(0deg, color-mix(in srgb, var(--bg) 97%, transparent), color-mix(in srgb, var(--bg) 90%, transparent));box-shadow:0 -18px 18px -2px color-mix(in srgb, var(--bg) 80%, transparent), inset 0 1px 0 color-mix(in srgb, var(--gold) 35%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;flex-direction:column;grid-area:dock;align-items:center;gap:4px;display:flex;position:sticky}.app-phone .rm-dock{--dock-pad:var(--gap)}.rm-dock>*{pointer-events:auto}.app .rm-dock .rm-start.k-btn{width:min(100%,460px);font-size:var(--fs-lg);margin-top:0}@media (height<=560px) and (orientation:landscape){.rm-dock{justify-content:center;gap:var(--gap);flex-direction:row}.rm-dock .rm-note{text-align:start;max-width:16em}.app .rm-dock .rm-start.k-btn{width:min(50%,380px)}}.rm-chat{contain:size;grid-area:chat;align-self:stretch;min-height:360px}.rm-chat-list{min-height:0;font-size:var(--fs-sm);overflow-wrap:anywhere;flex-direction:column;flex:1 1 0;gap:4px;padding:4px 2px;display:flex;overflow-y:auto}.rm-chat-list .rm-note{text-align:start}.rm-chat-line b{font-family:var(--font-display)}.rm-chat-input{align-items:flex-start;gap:var(--gap-sm);display:flex}.app .rm-chat-input .field{flex:auto;min-width:0}.rm-msg,.rm-gate{width:100%;max-width:640px;margin:var(--gap-lg) auto}.rm-gate-intro{color:var(--text-2);margin:0}.rm-gate-actions{justify-content:space-between;gap:var(--gap-sm);display:flex}@media (width<=1180px){.rm-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"seats seats""code ready""chat chat"}.rm-chat{contain:none;height:clamp(300px,36dvh,420px);min-height:0}}@media (width<=760px){.rm-grid{gap:var(--gap);grid-template-columns:minmax(0,1fr);grid-template-areas:"seats""ready""code""chat""dock";align-content:start}.rm-seats{grid-template-columns:1fr;gap:2px}.app .rm-title .k-title-main{font-size:var(--fs-xl)}.app .rm-title .k-title-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rm-seat{min-height:0}.app .rm-seat .k-avatar{--av:64px!important}.rm-seat-ghost{width:64px;height:64px}.rm-seat-name{font-size:var(--fs-lg)}.rm-vs{font-size:var(--fs-xl)}.rm-head{gap:var(--gap-sm);flex-wrap:wrap}.rm-title{flex-basis:100%;order:3}.rm-conn{margin-inline-start:auto}}@media (height<=560px) and (orientation:landscape){.rm-grid{gap:var(--gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"seats seats""ready code""chat chat""dock dock"}.rm-seats{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.rm-seat{min-height:0;padding-block:var(--gap-sm)}.app .rm-seat .k-avatar{--av:56px!important}.rm-seat-ghost{width:56px;height:56px}.rm-seat-name{font-size:var(--fs-lg)}.rm-head{margin-bottom:var(--gap-sm)}.app .rm-title .k-title-main{font-size:var(--fs-xl)}.app .rm-title .k-title-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app .rm-title .k-title-sub{display:none}}.so-head{align-items:center;gap:var(--gap);display:flex}.so-hint{margin:calc(var(--gap) * -.5) 0 0;color:var(--text-2)}.so-grid{align-items:center;gap:var(--gap);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:relative}.so-side{gap:var(--gap)}.so-id{align-items:center;gap:var(--gap);display:flex}.app .so-id .field{flex:auto;min-width:0}.so-p2 .so-id{flex-direction:row-reverse}.so-side{align-self:stretch}.so-vs{transform:skewX(calc(var(--slant) * -.6));font-family:var(--font-display);background:var(--grad-gold);color:#0000;filter:drop-shadow(0 2px 0 var(--num-stroke)) drop-shadow(0 0 12px color-mix(in srgb, var(--gold) 55%, transparent));pointer-events:none;-webkit-background-clip:text;background-clip:text;justify-self:center;padding-inline-end:.1em;font-size:clamp(30px,1rem + 2.4vw,64px);font-style:italic;font-weight:700}.so-profile{min-height:var(--tap);color:var(--p1);font-size:var(--fs-sm);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;text-decoration:underline}.so-start{z-index:2;align-items:center;gap:var(--gap-sm);padding:var(--gap) 0 var(--gap-sm);flex-direction:column;display:flex;position:relative}.app-phone .so-start{bottom:calc(var(--gap) * -1);margin-bottom:calc(var(--gap) * -1);padding-bottom:calc(var(--gap-sm) + var(--gap));padding-top:var(--gap-sm);margin-inline:calc(var(--gap) * -1);background:linear-gradient(0deg, color-mix(in srgb, var(--bg) 97%, transparent), color-mix(in srgb, var(--bg) 90%, transparent));box-shadow:0 -18px 18px -2px color-mix(in srgb, var(--bg) 80%, transparent), inset 0 1px 0 color-mix(in srgb, var(--gold) 35%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky}.app .so-start-btn.k-btn{min-width:min(100%,420px);font-size:var(--fs-xl)}.so-warn{color:var(--danger);font-size:var(--fs-sm)}@media (width<=760px){.so-grid{grid-template-columns:1fr;gap:2px}.so-head{flex-direction:column;align-items:flex-start;gap:0}.so-vs{font-size:var(--fs-2xl)}}@media (height<=560px) and (orientation:landscape){.so-hint,.so-profile{display:none}.app .so .k-title-main{font-size:var(--fs-xl)}.app .so .k-title-sub{display:none}.so-grid{gap:var(--gap-sm)}}.pe{gap:var(--gap-lg);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.pe-preview{align-items:center;gap:var(--gap-sm);min-width:140px;padding-top:var(--gap-sm);flex-direction:column;display:flex}.pe-preview-name{max-width:180px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pe-fields{gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}.pe-label{margin-top:var(--gap-sm);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.pe-grid{gap:var(--gap-sm);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));display:grid}.pe-opt{cursor:pointer;opacity:.7;min-height:64px;transition:opacity var(--motion-fast), transform var(--motion-fast);background:0 0;border:0;place-items:center;padding:4px;display:grid;position:relative}.pe-opt:hover{opacity:1;transform:translateY(-2px)}.pe-opt.is-on{opacity:1}.pe-opt.is-on:after{content:"";border:2px solid var(--gold);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 14px color-mix(in srgb, var(--gold) 45%, transparent);pointer-events:none;position:absolute;inset:0}.pe-opt:focus-visible{outline:2px solid var(--p1);outline-offset:2px}.pe-upload{gap:var(--gap-sm);margin-top:var(--gap-sm);flex-wrap:wrap;display:flex}.pe-note{color:var(--muted);font-size:var(--fs-xs)}.pe-note.is-error{color:var(--danger)}.pe-intro{margin:0 0 var(--gap);color:var(--text-2)}@media (width<=560px){.pe{gap:var(--gap);grid-template-columns:1fr}.pe-preview{flex-direction:row;justify-content:flex-start;min-width:0;padding:0}.app .pe-preview .k-avatar{--av:72px!important}.pe-preview-name{text-align:start}.pe-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pe-opt{min-height:52px}.app .pe-opt .k-avatar{--av:52px!important}}.st-grid{gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;display:grid}.st-hint{color:var(--muted);font-size:var(--fs-sm);margin:0}.st-row{justify-content:space-between;align-items:center;gap:var(--gap-sm);display:flex}.st-sleeve-row{align-items:center;gap:var(--gap-lg);display:flex}.st-sleeve-card{filter:drop-shadow(0 6px 16px color-mix(in srgb, var(--p1) 35%, transparent));flex:none}.st-sleeve-body{gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}.st-btns{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.st-error{color:var(--danger);font-size:var(--fs-sm);margin:0}.st-about{color:var(--text-2);margin:0}.ht-jump{scrollbar-width:none;margin-top:calc(var(--gap) * -.5);gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.ht-jump::-webkit-scrollbar{display:none}.ht-jump-btn{min-height:var(--tap);padding:0 var(--gap);border:1px solid var(--line-2);background:color-mix(in srgb, var(--panel) 80%, transparent);color:var(--text-2);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;flex:none;align-items:center;gap:.5em;display:inline-flex}.ht-jump-btn:hover{color:var(--text);border-color:var(--p1)}.ht-jump-n{color:var(--gold)}.ht-grid{gap:var(--gap-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.ht-sec{scroll-margin-top:var(--gap)}.ht-goal,.ht-field{grid-column:1/-1}.ht-goal-row{align-items:center;gap:var(--gap-lg);display:flex}.ht-goal-row p{font-size:var(--fs-lg);margin:0;font-weight:600}.ht-goal-n{flex:none;font-size:clamp(56px,2rem + 4vw,110px)}.ht-p{color:var(--text-2);margin:0}.ht-sections,.ht-skills{flex-wrap:wrap;gap:6px;display:flex}.ht-rules,.ht-steps,.ht-trig,.ht-controls,.ht-legend,.ht-phases{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ht-rules li{align-items:center;gap:var(--gap);display:flex}.ht-rule-n{min-width:3.4em;font-size:var(--fs-lg);color:var(--danger);flex:none;justify-content:center;display:inline-flex}.ht-map{width:100%;max-width:760px;margin-inline:auto}.ht-legend{gap:8px var(--gap-lg);flex-flow:wrap}.ht-legend li{font-size:var(--fs-sm);align-items:center;gap:.5em;display:inline-flex}.ht-legend-ring{border:2px dashed var(--p1);width:28px;height:28px;font-family:var(--font-display);color:var(--text);box-shadow:0 0 8px color-mix(in srgb, var(--p1) 55%, transparent), inset 0 0 6px color-mix(in srgb, var(--p1) 40%, transparent);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.ht-legend-n{border:1px solid var(--p1);width:26px;height:26px;font-family:var(--font-display);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:color-mix(in srgb, var(--p1) 14%, transparent);place-items:center;font-size:13px;font-style:italic;font-weight:700;display:inline-grid}.ht-phases li{align-items:center;gap:var(--gap);animation:hm-in var(--motion-slow) var(--motion-ease) both;animation-delay:calc(var(--i) * 50ms);grid-template-columns:9.5em minmax(0,1fr);display:grid}.ht-phase-tag{justify-self:start}.ht-steps li,.ht-controls li{align-items:flex-start;gap:var(--gap-sm);display:flex}.app .ht-steps .k-icon,.app .ht-controls .k-icon{color:var(--p1);flex:none;margin-top:.15em}.ht-trig li{--trig:var(--gold);align-items:center;gap:var(--gap);display:flex}.ht-trig-icon{width:38px;height:38px;font-family:var(--font-display);color:var(--ink);background:var(--trig);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 6px var(--trig));flex:none;place-items:center;font-weight:700;display:grid}.ht-trig-body{min-width:0;font-size:var(--fs-sm);color:var(--text-2);flex-direction:column;display:flex}.ht-trig-body b{color:var(--text);font-family:var(--font-display);font-style:italic;font-size:var(--fs-md);text-transform:uppercase}.ht-cta{justify-content:center;gap:var(--gap);padding-bottom:var(--gap);flex-wrap:wrap;display:flex}@media (width<=760px){.ht-grid{gap:var(--gap);grid-template-columns:1fr}.ht-phases li{grid-template-columns:1fr;gap:2px}.ht-goal-row{gap:var(--gap)}.ht-goal-row p{font-size:var(--fs-md)}}.db-screen{--db-pane:var(--db-pane-w);isolation:isolate;height:100dvh;min-height:0;color:var(--text);font-family:var(--font-ui);padding:0 var(--safe-r) 0 var(--safe-l);flex-direction:column;display:flex;position:relative;overflow:hidden}.db-editor{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}.db-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.db-muted{color:var(--muted)}.db-dot{background:var(--dot,var(--nation,var(--muted)));width:10px;height:10px;box-shadow:0 0 0 2px color-mix(in srgb, var(--dot,var(--nation,var(--muted))) 30%, transparent), 0 0 var(--glow-md) color-mix(in srgb, var(--dot,var(--nation,var(--muted))) 70%, transparent);border-radius:50%;flex:none;display:inline-block}.db-dot.is-all{background:conic-gradient(var(--p1), var(--gold), var(--p2), var(--p1));box-shadow:none}.db-ticks{background:linear-gradient(90deg, var(--gold) 0 20%, transparent 20% 40%, var(--gold) 40% 60%, transparent 60% 80%, var(--gold) 80%);opacity:.7;flex:none;width:30px;height:8px;transform:skew(-30deg)}.db-head{z-index:2;align-items:center;gap:var(--gap-sm);min-width:0;padding:var(--gap-sm) var(--pad);flex:none;display:flex;position:relative}.db-head-title{flex:0 auto;min-width:0}.db-head-title .k-title-main{white-space:nowrap}.db-head-title .k-title-text{text-overflow:ellipsis;overflow:hidden}.db-head-note{color:var(--text-2);font-family:var(--font-display);font-style:italic;font-size:var(--fs-sm);letter-spacing:.04em;margin-inline-start:auto}.db-head-actions{justify-content:flex-end;gap:var(--gap-sm);flex-wrap:wrap;margin-inline-start:auto;display:flex}.db-editor .db-head>.k-ibtn:last-child{margin-inline-start:auto}.db-body{z-index:1;gap:var(--gap);min-height:0;padding:0 var(--pad) var(--pad);flex:auto;display:flex;position:relative}.db-left{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.db-left>.db-head{padding-inline:0}.db-editor:not(.is-phone) .db-body{padding-top:var(--gap-sm)}.db-pool-frame,.db-deck-frame,.db-lib-frame,.db-deckcard-frame{z-index:-1;pointer-events:none;filter:drop-shadow(0 0 var(--glow-md) color-mix(in srgb, var(--tone) 30%, transparent));position:absolute;inset:0}.db-pool-frame:before,.db-pool-frame:after,.db-deck-frame:before,.db-deck-frame:after,.db-lib-frame:before,.db-lib-frame:after,.db-deckcard-frame:before,.db-deckcard-frame:after{content:"";clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:absolute}.db-pool-frame:before,.db-deck-frame:before,.db-lib-frame:before,.db-deckcard-frame:before{background:linear-gradient(160deg, var(--tone) 0%, color-mix(in srgb, var(--tone) 40%, transparent) 24%, color-mix(in srgb, var(--tone) 18%, transparent) 62%, var(--tone-2,var(--tone)) 100%);inset:0}.db-pool-frame:after,.db-deck-frame:after,.db-lib-frame:after,.db-deckcard-frame:after{inset:var(--border-w);background:linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--tone) 85%, var(--text)) 30%, transparent 70%) top / 100% 1px no-repeat, radial-gradient(ellipse 70% 140px at 25% 0%, color-mix(in srgb, var(--tone) 14%, transparent), transparent 100%), var(--grad-panel)}.db-pool{--tone:var(--p1);--c:var(--cut);isolation:isolate;gap:var(--gap-sm);min-width:0;min-height:0;padding:var(--gap-sm) var(--gap) 0;flex-direction:column;flex:auto;display:flex;position:relative}.db-pool-tabs{min-width:0;margin:0 calc(var(--gap) * -.5);display:flex}.db-tabs{min-width:0}.db-tab-n{background:color-mix(in srgb, var(--gold) 22%, transparent);min-width:1.9em;color:var(--gold-hi);font-size:var(--fs-xs);border-radius:999px;place-items:center;padding:0 .35em;font-style:normal;display:inline-grid}.db-tab-n.is-invalid,.db-tab-n.is-playable{background:color-mix(in srgb, var(--p2) 25%, transparent);color:var(--text)}.db-tab-n.is-valid{background:color-mix(in srgb, var(--ok) 25%, transparent);color:var(--text)}.db-phone-tabs{z-index:2;padding:0 var(--pad) var(--gap-sm);flex:none;position:relative}.db-filter{gap:var(--gap-sm);flex-direction:column;flex:none;min-width:0;display:flex}.db-filter-row{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.db-quick{flex:none}.db-filter:not(.is-compact) .db-filter-row{flex-wrap:wrap}.db-quick.is-lead{flex:0 15em;min-width:11em}.db-quick.is-lead select{color:var(--gold-hi);text-transform:uppercase;letter-spacing:.03em;font-style:italic}.db-quick.is-set:not(.is-lead):before{background:color-mix(in srgb, var(--tone) 80%, var(--line-2))}.db-quick .k-select-lead{align-items:center;display:inline-flex}.db-quick.is-slim{flex:0 9.5em;min-width:6.5em}.db-quick.is-lead.is-slim{flex:0 12em;min-width:9em}.db-search{flex:1 1 var(--db-search-min);min-width:min(100%, var(--db-search-min))}.db-filter-row>.k-ibtn{flex:none}.db-adv-inline{gap:var(--gap-sm);max-height:min(46vh,340px);padding:var(--gap-sm) var(--gap);border:1px solid color-mix(in srgb, var(--p1) 35%, var(--line));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 70%, transparent);animation:db-drop var(--motion-med) var(--motion-ease);flex-direction:column;display:flex;position:relative;overflow-y:auto}@keyframes db-drop{0%{opacity:0;transform:translateY(-6px)}}.db-adv{gap:var(--gap-sm);flex-direction:column;display:flex}.db-adv-quick{gap:var(--gap-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.db-adv-foot{justify-content:flex-end;display:flex}.db-facet{align-items:start;gap:var(--gap-sm);grid-template-columns:minmax(5.5em,auto) 1fr;display:grid}.db-facet-label{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding-top:.45em;font-style:italic;font-weight:600}.db-facet-chips{flex-wrap:wrap;gap:6px;display:flex}.db-chip{min-height:max(32px, var(--tap-min));border:1px solid var(--line-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--panel-2) 85%, transparent);color:var(--text-2);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:border-color var(--motion-fast), background var(--motion-fast), color var(--motion-fast);align-items:center;gap:.45em;padding:0 .85em;display:inline-flex}.db-chip:hover{border-color:color-mix(in srgb, var(--p1) 60%, var(--line-2));color:var(--text)}.db-chip.is-on{border-color:var(--p1);background:color-mix(in srgb, var(--p1) 18%, var(--panel-2));color:var(--text);box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--p1) 35%, transparent)}.db-chip-check{color:var(--p1)}.db-chip-icon{color:var(--dot,var(--text-2));font-style:normal}.db-facet-n{color:var(--muted);font-size:var(--fs-xs)}@media (width<=520px){.db-facet{grid-template-columns:1fr;gap:4px}.db-facet-label{padding-top:0}}.db-pool-head{align-items:center;gap:var(--gap-sm);min-width:0;padding-bottom:var(--gap-sm);border-bottom:1px solid color-mix(in srgb, var(--p1) 22%, transparent);flex:none;display:flex}.db-pool-count{white-space:nowrap;flex:none;align-items:baseline;gap:.5em;margin-inline-end:auto;display:flex}.db-filter-row .db-pool-count{margin-inline:var(--gap-sm) 0}.is-compact .db-filter-row .db-pool-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.db-head-tabs{flex:auto;justify-content:flex-end;min-width:0;display:flex}.db-pool-label{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md);letter-spacing:.06em;text-transform:uppercase}.db-pool-count .k-num{font-size:var(--fs-xl);line-height:1}.db-pool-note{font-size:var(--fs-sm);white-space:nowrap;align-self:center;gap:.35em}.is-compact .db-pool-note span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.db-sort{flex:0 13em;min-width:7em}.db-addto{flex:0 13em;min-width:0}.db-view{flex:none;gap:2px;display:flex}.db-scroll{overflow-anchor:none;overscroll-behavior:contain;min-height:0;margin:0 calc(var(--gap) * -1);padding:var(--gap-sm) var(--gap) calc(var(--gap) + var(--safe-b));scrollbar-gutter:stable;flex:auto;overflow:hidden auto}.db-hint{margin:var(--gap) 0 0;text-align:center;color:var(--muted);font-size:var(--fs-xs)}.db-empty{align-items:center;gap:var(--gap-sm);padding:var(--gap-xl) var(--gap);text-align:center;color:var(--muted);flex-direction:column;display:flex}.db-prompt{gap:var(--gap);max-width:980px;padding:var(--gap-lg,var(--gap)) 0 var(--gap);flex-direction:column;margin:0 auto;display:flex}.db-prompt-head{align-items:center;gap:var(--gap-sm);text-align:center;color:var(--muted);flex-direction:column;display:flex}.db-prompt-title{color:var(--text);font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.04em;text-transform:uppercase;margin:0;font-style:italic;font-weight:700}.db-prompt-text{max-width:46ch;color:var(--text-2);font-size:var(--fs-sm);margin:0}.db-prompt-actions{justify-content:center;display:flex}.db-pool-status{justify-content:center;min-height:40%}.db-deck.is-loading{justify-content:center;align-items:center}.db-grid{grid-template-columns:repeat(var(--cols), var(--card-w));gap:var(--db-grid-gap);justify-content:space-between;padding-top:2px;display:grid}.db-grid,.db-list{transition:opacity .12s}.db-grid.is-stale,.db-list.is-stale{opacity:.55;transition-delay:.25s}@media (prefers-reduced-motion:reduce){.db-grid,.db-list{transition:none}}.db-vpad{pointer-events:none;flex:none;min-height:0}.db-grid-item{contain:layout style;width:var(--card-w);border-radius:calc(var(--card-w) * .045);cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease);-webkit-touch-callout:none;touch-action:manipulation;outline:none;position:relative}@media (hover:hover){.db-grid-item:hover{transform:translateY(-3px)}.db-grid-item:hover .cf-card:not(.is-selected){box-shadow:inset 0 0 0 1px var(--p1), 0 0 var(--glow-lg) color-mix(in srgb, var(--p1) 45%, transparent)}}.db-grid-item:active{transform:scale(.97)}.db-grid-item:focus-visible .cf-card{outline:2px solid var(--p1);outline-offset:2px}.db-grid-item.in-deck .cf-card:not(.is-selected){box-shadow:inset 0 0 0 max(1.5px, calc(var(--card-w) * .01)) color-mix(in srgb, var(--p1) 80%, var(--gold)), 0 0 var(--glow-md) color-mix(in srgb, var(--p1) 35%, transparent)}.db-copies{z-index:3;top:calc(var(--card-w) * .24);clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px);background:linear-gradient(180deg, var(--panel-3), var(--ink));box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-hi);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:max(14px, calc(var(--card-w) * .12));text-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--gold) 60%, transparent);pointer-events:none;animation:db-pop var(--motion-med) var(--motion-ease);align-items:baseline;gap:1px;padding:2px 9px 2px 7px;line-height:1.15;display:inline-flex;position:absolute;right:-4px}.db-copies i{color:var(--text-2);font-size:max(12px,.8em);font-style:normal}.db-copies.is-inline{font-size:var(--fs-md);animation:none;position:static}@keyframes db-pop{0%{transform:scale(1.4)}}.db-list{flex-direction:column;gap:6px;display:flex}.db-row-item{--c:var(--cut-sm);contain:layout paint style;align-items:center;gap:var(--gap-sm);min-width:0;padding:5px var(--gap-sm) 5px 6px;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));background:linear-gradient(90deg, color-mix(in srgb, var(--p1) 10%, transparent), transparent 40%), color-mix(in srgb, var(--panel-2) 80%, transparent);box-shadow:inset 0 0 0 1px var(--line);display:flex}.db-row-item.in-deck{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p1) 55%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--p1) 22%, transparent), transparent 55%), color-mix(in srgb, var(--panel-2) 85%, transparent)}.db-row-item.is-selected{box-shadow:inset 0 0 0 1px var(--gold)}.db-row-main{align-items:center;gap:var(--gap-sm);min-width:0;min-height:max(40px, var(--tap-min));cursor:pointer;-webkit-touch-callout:none;outline:none;flex:auto;display:flex}.db-row-main:focus-visible{box-shadow:0 0 0 2px var(--p1)}.db-row-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.db-row-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:var(--fs);overflow:hidden}.db-row-meta{color:var(--text-2);font-size:var(--fs-xs);flex-wrap:wrap;gap:4px 8px;display:flex}.db-row-grade{color:var(--gold-hi);font-family:var(--font-display);font-style:italic;font-weight:600}.db-row-tag{align-items:center;gap:3px;display:inline-flex}.db-row-tag i{color:var(--tone,var(--text-2));font-style:normal}.db-row-tag.is-icon{color:var(--tone)}.db-row-power{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md);background:var(--grad-gold);color:#0000;-webkit-background-clip:text;background-clip:text;flex:none}.db-stepper{flex:none;align-items:center;gap:2px;display:inline-flex}.db-step{--s:max(32px, var(--tap-min));width:var(--s);height:var(--s);border:1px solid color-mix(in srgb, var(--p1) 45%, var(--line-2));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--panel-3) 70%, transparent);min-height:0;color:var(--text);cursor:pointer;transition:background var(--motion-fast);place-items:center;padding:0;display:grid}.db-step:hover:not(:disabled){background:color-mix(in srgb, var(--p1) 25%, var(--panel-3))}.db-step:disabled{opacity:.35;cursor:default}.db-qty{text-align:center;min-width:2em;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md);color:var(--muted)}.db-qty.is-on{color:var(--gold-hi)}.db-deck{--tone:var(--p2);--tone-2:var(--gold);--c:var(--cut-lg);isolation:isolate;flex:0 0 var(--db-pane);width:var(--db-pane);min-width:0;min-height:0;padding:var(--gap-sm) var(--gap) var(--gap);flex-direction:column;display:flex;position:relative}.db-deck-frame{filter:drop-shadow(0 0 var(--glow-sm) color-mix(in srgb, var(--p2) 55%, transparent)) drop-shadow(0 0 var(--glow-lg) color-mix(in srgb, var(--p2) 25%, transparent))}.db-deck-frame:after{background:linear-gradient(90deg, transparent 2%, color-mix(in srgb, var(--gold) 80%, var(--text)) 20%, transparent 60%) top / 100% 1px no-repeat, radial-gradient(ellipse 90% 160px at 85% 0%, color-mix(in srgb, var(--p2) 22%, transparent), transparent 100%), radial-gradient(ellipse 70% 120px at 10% 0%, color-mix(in srgb, var(--nation,var(--p1)) 18%, transparent), transparent 100%), var(--grad-panel);inset:2px}.db-deck.is-full{flex:auto;width:100%}.db-deck-head{align-items:center;gap:var(--gap-sm);min-width:0;padding:2px 0 var(--gap-sm);flex:none;display:flex}.db-deck-emblem{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--gold-hi) 40%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--nation,var(--p1)) 55%, var(--panel-3)), var(--ink));width:46px;height:46px;color:var(--gold-hi);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--gold) 50%, transparent));flex:none;place-items:center;display:grid}.db-deck-emblem .k-icon{width:26px;height:26px}.db-deck-title{flex-direction:column;flex:auto;min-width:0;display:flex}.db-deck-caprow{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.db-status-btn{min-width:0;min-height:26px;color:var(--text-2);font:inherit;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 2px;display:inline-flex}.db-status-btn .db-status{min-width:0}.db-status-btn .k-chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-status-n{white-space:nowrap;font-weight:600}.db-status-btn.is-invalid .db-status-n,.db-status-btn.is-playable .db-status-n{color:color-mix(in srgb, var(--p2) 55%, var(--text))}.db-status-caret{color:var(--muted);flex:none}@media (hover:hover){.db-status-btn:hover .db-status-caret{color:var(--text)}}@media (pointer:coarse){.db-status-btn{min-height:var(--tap-min)}}.db-deck-caption{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--p2) 70%, var(--text))}.db-deck{container-type:inline-size}.db-deck-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:min(var(--fs-xl), 7cqi);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg, var(--text) 40%, color-mix(in srgb, var(--text) 60%, var(--p1)) 100%);color:#0000;filter:drop-shadow(0 2px 0 color-mix(in srgb, var(--ink) 85%, transparent));cursor:text;-webkit-background-clip:text;background-clip:text;margin:0;padding-inline-end:.15em;line-height:1.15;overflow:hidden}.db-name-input{width:100%;min-width:0;height:max(38px, var(--tap-min));border:1px solid var(--p1);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 85%, transparent);color:var(--text);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:max(16px, var(--fs-lg));box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--p1) 40%, transparent);outline:none;margin:0;padding:0 .5em}.db-unsaved{background:var(--p2);width:10px;height:10px;box-shadow:0 0 var(--glow-md) var(--p2);border-radius:50%;flex:none;animation:1.6s ease-in-out infinite db-blink}@keyframes db-blink{50%{opacity:.4}}.db-deck-body{overscroll-behavior:contain;gap:var(--gap);min-height:0;margin:0 calc(var(--gap-sm) * -1);padding:2px var(--gap-sm) var(--gap-sm);-webkit-mask-image:linear-gradient(180deg, var(--text) calc(100% - var(--gap)), transparent);-webkit-mask-image:linear-gradient(180deg, var(--text) calc(100% - var(--gap)), transparent);mask-image:linear-gradient(180deg, var(--text) calc(100% - var(--gap)), transparent);will-change:transform;padding-bottom:calc(var(--gap-sm) + var(--gap));flex-direction:column;flex:auto;display:flex;overflow:hidden auto}.db-deck-measure{height:0;margin-bottom:calc(var(--gap) * -1);flex:none}.db-sec-head{flex-wrap:wrap;align-items:baseline;gap:.2em .6em;min-width:0;margin:0;display:flex}.db-sec-stripe{background:linear-gradient(90deg, var(--p1) 0 38%, transparent 38% 60%, var(--p1) 60%);width:1.3em;height:.85em;box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--p1) 60%, transparent);flex:none;align-self:center;transform:skew(-28deg)}.db-sec-label{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.db-sec-count{align-items:baseline;gap:.05em;display:inline-flex}.db-sec-count .k-num{font-size:var(--fs-lg);line-height:1}.db-sec-count .db-sec-max,.db-trig-total .db-sec-max{font-size:.8em}.db-sec-parts{color:var(--muted);font-size:var(--fs-xs)}.db-sec-empty{color:var(--muted);font-size:var(--fs-xs);margin-inline-start:auto;font-style:italic}.db-sec-head.is-collapsed{padding:6px var(--gap-sm);border:1px dashed var(--line-2);border-radius:var(--radius-sm)}.db-sec-hint{padding:var(--gap) var(--gap-sm);border:1px dashed var(--line-2);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--fs-sm);text-align:center;margin:0}.db-sec{gap:var(--gap-sm);flex-direction:column;display:flex}.db-seq-row{padding:var(--gap-sm) 2px calc(var(--gap-sm) + 12px);border:1px solid color-mix(in srgb, var(--p1) 30%, var(--line));border-radius:var(--radius-sm);background:radial-gradient(ellipse 60% 100% at 50% 100%, color-mix(in srgb, var(--p1) 14%, transparent), transparent), color-mix(in srgb, var(--bg) 55%, transparent);justify-content:center;align-items:center;display:flex}.db-seq-cell{align-items:center;display:flex}.db-seq-arrow{width:var(--arrow-w);color:var(--p1);filter:drop-shadow(0 0 4px var(--p1));flex:none}.db-slot{width:var(--slot-w);height:var(--slot-h);position:relative}.db-slot-card{cursor:pointer;border-radius:calc(var(--slot-w) * .045);transition:transform var(--motion-fast);-webkit-touch-callout:none;outline:none}@media (hover:hover){.db-slot-card:hover{transform:translateY(-2px)}}.db-slot-card:focus-visible{box-shadow:0 0 0 2px var(--p1)}.db-slot-empty{border:1.5px dashed color-mix(in srgb, var(--p1) 55%, var(--line-2));border-radius:calc(var(--slot-w) * .05);background:repeating-linear-gradient(135deg, transparent 0 8px, color-mix(in srgb, var(--p1) 6%, transparent) 8px 9px), color-mix(in srgb, var(--bg) 60%, transparent);width:100%;height:100%;min-height:0;color:color-mix(in srgb, var(--p1) 70%, var(--text-2));cursor:pointer;transition:background var(--motion-fast);place-items:center;padding:0;display:grid}.db-slot-empty:hover{background:color-mix(in srgb, var(--p1) 12%, var(--bg))}.db-slot-plate{z-index:3;min-width:2.8em;transform:translateX(-50%) skewX(calc(var(--slant) * -1));border:1px solid var(--line-2);background:linear-gradient(180deg, var(--panel-3), var(--ink));color:var(--text-2);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-align:center;white-space:nowrap;padding:1px .7em;position:absolute;bottom:-14px;left:50%}.db-slot-plate.is-on{border-color:var(--gold);color:var(--gold-hi);box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--gold) 45%, transparent)}.db-cols{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--db-col-gap);align-items:stretch;display:grid}.db-col{min-width:0;padding:4px var(--db-col-pad) 8px;border:1px solid color-mix(in srgb, var(--p1) 26%, var(--line));border-radius:var(--radius-sm);background:linear-gradient(180deg, color-mix(in srgb, var(--panel-3) 60%, transparent), color-mix(in srgb, var(--bg) 60%, transparent));flex-direction:column;align-items:center;gap:6px;display:flex;container-type:inline-size}.db-col-head{border-bottom:1px solid color-mix(in srgb, var(--p1) 25%, transparent);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.15em .35em;width:100%;padding:2px 4px 4px;display:flex}@container (width<=88px){.db-col-head{flex-wrap:nowrap;gap:.25em}.db-col-head .db-col-label:not(:only-child){display:none}}.db-col-label{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.db-col-value{font-size:var(--fs-lg);line-height:1}.db-col-count{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-sm);color:var(--text)}.db-col-count i,.db-trig-n i{color:var(--muted);margin-inline-end:1px;font-style:normal}.db-stack{flex-direction:column;align-items:center;width:100%;display:flex}.db-stack>.db-band{align-self:stretch}.db-band{min-height:var(--band-min);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 80%, var(--text)) 12%, var(--gold) 70%, transparent) top / 100% 1px no-repeat, repeating-linear-gradient(180deg, transparent 0 calc(var(--strip) - 1px), color-mix(in srgb, var(--gold) 30%, transparent) calc(var(--strip) - 1px) var(--strip)) 0 var(--band-min) / 100% calc(100% - var(--band-min)) no-repeat, linear-gradient(100deg, color-mix(in srgb, var(--nation,var(--p1)) 50%, var(--panel-3)), color-mix(in srgb, var(--nation,var(--p1)) 18%, var(--ink)) 75%);box-shadow:inset 1px 0 0 color-mix(in srgb, var(--gold) 45%, transparent), inset -1px 0 0 color-mix(in srgb, var(--gold) 45%, transparent), 0 -3px 6px color-mix(in srgb, var(--ink) 70%, transparent);transition:filter var(--motion-fast);border-radius:4px 4px 0 0;outline:none;flex:none;position:relative;overflow:hidden}.db-band+.db-band{margin-top:1px}.db-band-top{height:var(--band-min);background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 55%, transparent), transparent 85%);align-items:center;gap:4px;padding:0 4px 0 3px;display:flex}.db-band-grade{width:calc(var(--band-min) - 6px);height:calc(var(--band-min) - 4px);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(180deg, var(--gold-hi), var(--gold) 60%, color-mix(in srgb, var(--gold) 50%, var(--ink)));color:var(--ink);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-xs);flex:none;place-items:center;line-height:1;display:grid}.db-band-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:max(12px, var(--fs-xs));color:var(--text);text-shadow:0 1px 2px var(--ink);flex:auto;font-weight:600;line-height:1.2;overflow:hidden}.db-band-trig{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--trig) 60%, var(--text)), var(--trig) 60%);width:17px;height:19px;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:max(12px, var(--fs-xs));flex:none;place-items:center;line-height:1;display:grid}.db-band-n{background:color-mix(in srgb, var(--ink) 80%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 50%, transparent);color:var(--gold-hi);font-family:var(--font-display);font-style:italic;font-weight:700;font-size:max(12px, var(--fs-xs));border-radius:3px;flex:none;padding:0 4px;line-height:1.35}@container (width<=132px){.db-band-grade{display:none}}.db-last{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;flex:none;position:relative}.db-last .cf-card{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent), 0 -3px 6px color-mix(in srgb, var(--ink) 75%, transparent)}.db-last .cf-name{display:none}.db-band+.db-last{margin-top:0}@media (hover:hover){.db-band:hover,.db-last:hover .cf-card{filter:brightness(1.2)}}.db-band:focus-visible,.db-last:focus-visible .cf-card{box-shadow:inset 0 0 0 2px var(--p1)}.db-dragging,.db-dragging *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.is-lifted{filter:drop-shadow(0 0 var(--glow-md) var(--p1));transition:transform var(--motion-fast);transform:scale(1.04)}.db-ghost{z-index:var(--z-tooltip);pointer-events:none;will-change:transform;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:0;left:0}.db-ghost-card{filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--ink) 80%, transparent)) drop-shadow(0 0 var(--glow-md) var(--p1));opacity:.95;transform:rotate(-4deg)}.db-ghost-label{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ink) 90%, transparent);box-shadow:inset 0 0 0 1px var(--tone-l,var(--p1));color:var(--text);font-size:var(--fs-sm);white-space:nowrap;padding:3px 10px;font-weight:600}.db-ghost-label.is-add{--tone-l:var(--p1)}.db-ghost-label.is-remove{--tone-l:var(--p2);color:color-mix(in srgb, var(--p2) 40%, var(--text))}.db-dragging .db-deck[data-drop]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--p1) 40%, transparent)}[data-drop].is-drop-over:not(.db-deck),.db-deck.is-drop-over .db-deck-body{outline:2px dashed var(--p1);outline-offset:2px;border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--p1) 8%, transparent)}.db-phone-tabs.is-drop-over{outline-offset:-2px}.db-picking{align-items:center;gap:var(--gap-sm);min-width:0;padding:2px 2px 2px var(--gap-sm);border:1px solid color-mix(in srgb, var(--gold) 55%, var(--line));border-radius:var(--radius-sm);background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 16%, transparent), transparent 70%);animation:db-drop var(--motion-med) var(--motion-ease);flex:none;display:flex}.db-picking-chip{flex:none}.db-picking-text{min-width:0;font-size:var(--fs-sm);color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;line-height:1.35;display:-webkit-box;overflow:hidden}.db-grid-item.is-over .db-copies{box-shadow:inset 0 0 0 1px var(--p2);background:linear-gradient(180deg, color-mix(in srgb, var(--p2) 45%, var(--panel-3)), var(--ink));color:var(--text)}.db-row-item.is-over .db-copies,.db-qty.is-over{color:color-mix(in srgb, var(--p2) 70%, var(--text))}.db-trig{align-items:center;gap:4px var(--gap);padding:6px var(--gap);border:1px solid color-mix(in srgb, var(--p1) 35%, var(--line));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(90deg, color-mix(in srgb, var(--p1) 12%, transparent), color-mix(in srgb, var(--bg) 70%, transparent) 50%);flex-wrap:wrap;display:flex}.db-trig.is-off{border-color:color-mix(in srgb, var(--p2) 45%, var(--line))}.db-trig-label{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md);letter-spacing:.06em;text-transform:uppercase}.db-trig-total{align-items:baseline;display:inline-flex}.db-trig-total .k-num{font-size:var(--fs-lg);line-height:1}.db-trig-items{gap:4px var(--gap-sm);flex-wrap:wrap;margin-inline-start:auto;display:flex}.db-trig-item{align-items:center;gap:4px;display:inline-flex}.db-trig-item+.db-trig-item{border-inline-start:1px solid var(--line-2);padding-inline-start:var(--gap-sm)}.db-trig-item.is-zero{opacity:.4}.db-trig-icon{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--trig) 60%, var(--text)), var(--trig) 55%, color-mix(in srgb, var(--trig) 50%, var(--ink)));width:24px;height:26px;color:var(--ink);font-family:var(--font-display);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--trig) 70%, transparent));place-items:center;font-size:13px;font-weight:700;display:grid}.db-trig-n{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md)}.db-trig.is-slim{min-width:0;padding:4px var(--gap-sm);flex-wrap:nowrap;flex:0 auto;gap:.4em}.db-trig.is-slim .db-trig-label{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.db-trig-none{color:var(--muted);font-size:var(--fs-xs)}.db-issues{border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 55%, transparent);flex-direction:column;display:flex}.db-issues-head{align-items:center;gap:var(--gap-sm);width:100%;min-height:max(38px, var(--tap-min));padding:4px var(--gap-sm);color:var(--text-2);font:inherit;font-size:var(--fs-sm);text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.db-issues-head:disabled{cursor:default;opacity:1}.db-issues-sum{flex:auto;min-width:0}.db-issues-caret{color:var(--muted);flex:none}.db-issue-list{padding:0 var(--gap-sm) var(--gap-sm);font-size:var(--fs-sm);flex-direction:column;gap:4px;margin:0;list-style:none;display:flex}.db-issue{align-items:flex-start;gap:6px;line-height:1.45;display:flex}.db-issue .k-icon{flex:none;margin-top:.2em}.db-issue.is-error .k-icon{color:var(--danger)}.db-issue.is-warn .k-icon{color:var(--warn)}.db-deck-foot{z-index:1;gap:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px solid color-mix(in srgb, var(--gold) 30%, transparent);background:var(--panel);flex-direction:column;flex:none;display:flex;position:relative}.db-deck-actions{align-items:center;gap:var(--gap);display:flex}.db-deck-tools{gap:4px;display:flex}.db-save{flex:auto;min-width:0;position:relative}.db-save .k-btn-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-menu{gap:var(--gap-sm);flex-direction:column;display:flex}.db-deck-foot .db-save:disabled{opacity:1;filter:none;cursor:default;color:var(--gold-hi);text-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--gold) 50%, transparent)}.db-deck-foot .db-save:disabled:before{background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 16%, var(--panel-2)), var(--ink));border-color:color-mix(in srgb, var(--gold) 60%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--gold-hi) 30%, transparent)}@media (width<=1100px){.db-screen{--db-pane:var(--db-pane-w-tablet)}}.db-screen.is-compact{--db-pane:var(--db-pane-w-compact)}.is-compact .db-head{padding-block:2px}.is-compact .db-head .k-title-main{font-size:var(--fs-lg)}.is-compact .db-body{gap:var(--gap-sm);padding:0 var(--gap-sm) var(--gap-sm)}.is-compact .db-pool{padding:4px var(--gap-sm) 0;gap:4px}.is-compact .db-pool-head{padding-bottom:4px}.is-compact .db-pool-count .k-num{font-size:var(--fs-lg)}.is-compact .db-deck{padding:4px var(--gap-sm) var(--gap-sm)}.is-compact .db-deck-emblem{width:36px;height:36px}.is-compact .db-deck-name{font-size:var(--fs-lg)}.is-compact .db-deck-head{padding-bottom:4px}.is-compact .db-deck-foot .db-deck-tools .k-ibtn{--h:var(--tap-min)}.db-deck.is-compact .db-deck-actions{gap:var(--gap-sm)}.db-deck.is-compact .db-deck-foot{padding-top:4px}.db-deck.is-compact .db-deck-head .db-deck-caption,.db-deck.is-compact .db-sec-parts{display:none}.db-deck.is-compact .db-deck-title{align-items:center;gap:var(--gap-sm);flex-direction:row}.db-deck.is-compact .db-deck-caprow{flex:none;order:2}.db-deck.is-compact .db-deck-name{flex:auto;min-width:0}.is-compact .db-hint{display:none}.db-screen.is-phone .db-head{padding:var(--gap-sm) var(--gap)}.is-phone .db-body{padding:0 var(--gap-sm) var(--gap-sm)}.is-phone .db-pool{padding:var(--gap-sm) var(--gap-sm) 0}.is-phone .db-pool-head .db-sort{flex:auto}.is-phone .db-deck{padding:var(--gap-sm)}.is-phone .db-deck-foot{padding-bottom:0}.db-detail{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.db-detail-head{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.db-detail-emblem{width:42px;height:42px;color:var(--nation,var(--p1));filter:drop-shadow(0 0 8px color-mix(in srgb, var(--nation,var(--p1)) 80%, transparent));flex:none;place-items:center;display:grid}.db-detail-emblem .k-icon{width:34px;height:34px}.db-detail-title{flex-direction:column;flex:auto;min-width:0;display:flex}.db-detail-name{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-xl);letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg, var(--text) 40%, color-mix(in srgb, var(--text) 55%, var(--p1)) 100%);color:#0000;filter:drop-shadow(0 2px 0 color-mix(in srgb, var(--ink) 85%, transparent));overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;margin:0;padding-inline-end:.15em;line-height:1.12}.db-detail-sub{color:var(--text-2);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.08em}.db-detail-head .db-ticks{align-self:flex-end;margin-bottom:6px}.db-detail-stats{gap:var(--gap-sm);flex-wrap:wrap;display:flex}.db-statbox{isolation:isolate;flex:auto;justify-content:center;align-items:baseline;gap:.6em;padding:.25em 1.1em .3em;display:flex;position:relative}.db-statbox:before{content:"";z-index:-1;transform:skewX(calc(var(--slant) * -1));border:1px solid color-mix(in srgb, var(--p1) 45%, var(--line-2));background:linear-gradient(180deg, color-mix(in srgb, var(--panel-3) 80%, transparent), color-mix(in srgb, var(--ink) 80%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--p1) 40%, transparent);position:absolute;inset:0}.db-statbox-label{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.db-statbox-num{font-size:var(--fs-2xl);line-height:1.05}.db-detail-badges{justify-content:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.db-badge-tag{justify-content:center;min-width:55%}.db-badge-glyph{margin-inline-end:.4em;font-style:normal}.db-detail-text{gap:var(--gap-sm);padding-top:var(--gap-sm);border-top:1px solid color-mix(in srgb, var(--text) 18%, transparent);flex-direction:column;display:flex}.db-effect{gap:var(--gap-sm);flex-direction:column;display:flex}.db-effect p{font-size:var(--fs);color:var(--text);margin:0;line-height:1.6}.db-effect .k-effect{margin-inline-end:.3em;font-size:max(12px,.8em)}.db-detail-more{gap:4px var(--gap);padding-top:var(--gap-sm);border-top:1px solid color-mix(in srgb, var(--text) 12%, transparent);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin:0;display:grid}.db-more-row{flex-direction:column;min-width:0;display:flex}.db-more-row dt{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.04em}.db-more-row dd{font-family:var(--font-display);align-items:center;gap:.4em;margin:0;font-weight:600;display:flex}.db-more-icon{font-style:normal}.db-detail-nation{align-items:center;gap:var(--gap-sm);display:flex}.db-nation-tag{isolation:isolate;min-height:34px;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.6em;padding:0 1.2em;display:inline-flex;position:relative}.db-nation-tag:before{content:"";z-index:-1;transform:skewX(calc(var(--slant) * -1));border:1px solid color-mix(in srgb, var(--nation,var(--p1)) 70%, var(--line-2));background:linear-gradient(90deg, color-mix(in srgb, var(--nation,var(--p1)) 30%, var(--panel-2)), color-mix(in srgb, var(--panel) 90%, transparent));position:absolute;inset:0}.db-nation-tag.is-sm{min-height:24px;font-size:var(--fs-xs);align-self:flex-start;padding:0 .9em}.db-detail.is-sheet>*{order:3}.db-detail.is-sheet>.db-detail-head{order:0}.db-detail.is-sheet>.db-detail-stats{order:1}.db-detail.is-sheet>.db-detail-actions{order:2;padding-top:0}.db-detail-actions{gap:var(--gap-sm);padding-top:var(--gap-sm);flex-direction:column;display:flex}.db-preview.k-modal{width:min(100%,860px)}.db-preview .k-modal-head{z-index:3;top:var(--gap-sm);right:var(--gap-sm);min-height:0;position:absolute}.db-preview.k-sheet .k-modal-head{top:4px}.db-preview .db-detail-head{padding-inline-end:calc(var(--tap) + var(--gap-sm))}.db-preview-body{gap:var(--gap-lg);align-items:flex-start;display:flex}.db-preview-card{filter:drop-shadow(0 0 var(--glow-lg) color-mix(in srgb, var(--gold) 25%, transparent));flex:none;position:sticky;top:0}.db-preview-body .db-detail{flex:auto}.db-preview.is-stacked .db-preview-body{align-items:center;gap:var(--gap);flex-direction:column}.db-preview.is-stacked .db-preview-card{position:static}.db-preview.is-stacked .db-detail{width:100%}.db-preview .db-detail-name,.db-lib-pane .db-detail-name{font-size:var(--fs-xl)}.db-section-steppers{flex-direction:column;gap:6px;display:flex}.db-section-stepper{justify-content:space-between;align-items:center;gap:var(--gap);padding:4px 4px 4px var(--gap-sm);border:1px solid var(--line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--panel-2) 70%, transparent);display:flex}.db-section-stepper-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-style:italic;font-weight:600}.db-confirm-msg,.db-dialog-hint{margin:0 0 var(--gap-sm);color:var(--text-2);line-height:1.55}.db-code{box-sizing:border-box;width:100%;min-height:120px;padding:var(--gap-sm);border:1px solid var(--line-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--bg) 85%, transparent);color:var(--text);font-family:var(--font-mono);font-size:max(16px, var(--fs-sm));word-break:break-all;resize:vertical;display:block}.db-code:focus{border-color:var(--p1);box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--p1) 40%, transparent);outline:none}.db-code.is-error{border-color:var(--danger)}.db-error{margin:var(--gap-sm) 0 0;color:var(--danger)}.db-addto-card{align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-sm);display:flex}.db-addto-name{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg)}.db-pick-list{margin:var(--gap) 0 0;flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.db-pick{align-items:center;gap:var(--gap-sm);padding:6px var(--gap-sm) 6px 6px;border:1px solid var(--line);border-inline-start:3px solid var(--nation,var(--line-2));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--panel-2) 70%, transparent);display:flex}.db-pick-text{flex-direction:column;flex:auto;min-width:0;display:flex}.db-pick-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:700;overflow:hidden}.db-pick-meta{color:var(--muted);font-size:var(--fs-xs)}.db-lib-pane{--tone:var(--p1);--tone-2:var(--gold);--c:var(--cut-lg);isolation:isolate;flex:0 0 var(--db-lib-w);width:var(--db-lib-w);min-width:0;min-height:0;padding:var(--gap);flex-direction:column;display:flex;position:relative}.db-lib-pane.is-stacked{flex-basis:var(--db-lib-w-stacked);width:var(--db-lib-w-stacked)}.db-lib-inner{align-content:start;gap:var(--gap-lg);overscroll-behavior:contain;min-height:0;animation:db-fade-in var(--motion-med) var(--motion-ease);flex:auto;grid-template-columns:auto minmax(0,1fr);display:grid;overflow:hidden auto}.is-stacked .db-lib-inner{align-items:stretch;gap:var(--gap);flex-direction:column;display:flex}@keyframes db-fade-in{0%{opacity:0;transform:translateY(6px)}}.db-lib-card{filter:drop-shadow(0 0 var(--glow-lg) color-mix(in srgb, var(--p1) 30%, transparent));justify-content:center;align-self:start;display:flex}.db-lib-card .cf-card{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--p1) 70%, var(--gold)), 0 0 var(--glow-lg) color-mix(in srgb, var(--p1) 40%, transparent)}.db-lib-pane .db-detail{padding-inline-end:4px}.db-lib-pane.is-wide .db-detail{align-self:stretch}.db-lib-pane.is-wide .db-detail-actions{margin-top:auto}.is-stacked .db-lib-card{align-self:center}.db-add-btn{margin-top:auto}.db-library .db-grid-item.is-selected .cf-card{box-shadow:inset 0 0 0 2px var(--p1), 0 0 0 2px color-mix(in srgb, var(--p1) 50%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--p1) 70%, transparent)}.db-decks-scroll{z-index:1;overscroll-behavior:contain;min-height:0;padding:0 max(var(--pad), (100% - var(--content-max)) / 2) calc(var(--pad) + var(--safe-b));flex:auto;position:relative;overflow-y:auto}.db-decks-head{flex-wrap:wrap;padding-inline:0}.db-decks-sec{gap:var(--gap);margin-top:var(--gap);flex-direction:column;display:flex}.db-deck-cards,.db-presets{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));margin:0;padding:0;list-style:none;display:grid}.db-presets{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.db-deckcard{--tone:color-mix(in srgb, var(--nation,var(--p1)) 55%, var(--p1));--tone-2:var(--gold);--c:var(--cut);isolation:isolate;gap:var(--gap-sm);min-width:0;padding:var(--gap-sm) var(--gap) var(--gap);animation:db-fade-in var(--motion-med) var(--motion-ease) both;flex-direction:column;display:flex;position:relative}.db-deckcard-main{align-items:stretch;gap:var(--gap);min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.db-deckcard-main:focus-visible{outline:2px solid var(--p1);outline-offset:2px}.db-deckcard-cover{transition:transform var(--motion-med) var(--motion-ease);filter:drop-shadow(0 0 var(--glow-md) color-mix(in srgb, var(--nation,var(--p1)) 45%, transparent));flex:none}@media (hover:hover){.db-deckcard-main:hover .db-deckcard-cover{transform:translateY(-3px)rotate(-2deg)}}.db-deckcard-info{flex-direction:column;flex:auto;gap:6px;min-width:0;padding-top:2px;display:flex}.db-deckcard-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-lg);text-transform:uppercase;padding-inline-end:.15em;line-height:1.2;overflow:hidden}.db-deckcard-counts{gap:2px var(--gap);flex-wrap:wrap;display:flex}.db-deckcard-count{align-items:baseline;gap:.35em;display:inline-flex}.db-deckcard-count.is-zero{opacity:.5}.db-deckcard-count-label{color:var(--text-2);font-size:var(--fs-xs)}.db-deckcard-count .k-num{font-size:var(--fs-lg);line-height:1.05}.db-deckcard-status{align-items:center;gap:4px var(--gap-sm);flex-wrap:wrap;margin-top:auto;display:flex}.db-deckcard-date{color:var(--muted);font-size:var(--fs-xs)}.db-deckcard-actions{padding-top:var(--gap-sm);border-top:1px solid color-mix(in srgb, var(--tone) 25%, transparent);align-items:center;gap:4px;display:flex}.db-deckcard-open{flex:auto;margin-inline-end:var(--gap-sm)}.db-decks-empty{align-items:center;gap:var(--gap);padding:var(--gap-xl) var(--gap);border:1px dashed var(--line-2);border-radius:var(--radius);background:color-mix(in srgb, var(--bg) 50%, transparent);color:var(--text-2);text-align:center;flex-direction:column;display:flex}.db-decks-empty p{max-width:36em;margin:0;line-height:1.6}.db-preset-main{--c:var(--cut-sm);align-items:center;gap:var(--gap);width:100%;padding:8px var(--gap) 8px 8px;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));background:linear-gradient(90deg, color-mix(in srgb, var(--nation,var(--p1)) 22%, transparent), transparent 60%), color-mix(in srgb, var(--panel-2) 85%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nation,var(--p1)) 45%, var(--line));color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background var(--motion-fast);border:0;display:flex}.db-preset-main:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--nation,var(--p1)) 35%, transparent), transparent 70%), color-mix(in srgb, var(--panel-3) 85%, transparent)}.db-preset-main:focus-visible{outline:2px solid var(--p1)}.db-preset-info{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.db-preset-name{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-md);text-transform:uppercase;overflow:hidden}.db-preset-meta{color:var(--text-2);font-size:var(--fs-xs);flex-wrap:wrap;align-items:center;gap:4px .5em;display:flex}.db-preset-n{color:var(--muted)}.db-preset-copy{min-width:44px;color:var(--p1);font-family:var(--font-display);font-size:var(--fs-xs);flex-direction:column;flex:none;align-items:center;gap:2px;font-style:italic;font-weight:600;display:flex}.db-missing{justify-content:center;align-items:center}.db-missing-box{z-index:1;align-items:center;gap:var(--gap-lg);padding:var(--pad);text-align:center;flex-direction:column;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.db-copies,.db-deckcard,.db-lib-inner,.db-adv-inline,.db-unsaved{animation:none}}.is-compact .db-left .db-head-title{display:none}:is(.db-grid,.db-deckcard-cover,.db-lib-card) .cf-name span{font-size:max(12px, calc(var(--w) * .068))}:is(.db-grid,.db-deckcard-cover,.db-lib-card,.db-last,.db-slot-card) .cf-shield{font-size:max(12px, calc(var(--w) * .06))}:is(.db-grid,.db-deckcard-cover,.db-lib-card,.db-last,.db-slot-card) .cf-crit{font-size:max(12px, calc(var(--w) * .085))}:root{--tap-min:0px}@media (pointer:coarse){:root{--tap-min:var(--tap-touch,44px)}}.k-icon{vertical-align:middle;display:inline-block}.k-stripe{background:linear-gradient(90deg, var(--tone) 0 32%, transparent 32% 60%, color-mix(in srgb, var(--tone) 60%, transparent) 60% 92%, transparent 92%);width:.62em;height:.9em;transform:skewX(calc(var(--slant) * -1.4));filter:drop-shadow(0 0 4px var(--tone));flex:none;display:inline-block}.k-stripe-big{width:.55em;height:.78em;margin-inline-end:.1em}.k-btn{--tone:var(--p1);--h:max(var(--btn-md), var(--tap-min));--sx:calc(var(--h) * tan(var(--slant)) / 2);isolation:isolate;height:var(--h);min-height:var(--h);min-width:0;max-width:100%;padding:0 calc(var(--sx) * 2 + .95em);box-shadow:none;color:var(--text);font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--motion-fast) var(--motion-ease), filter var(--motion-fast), color var(--motion-fast);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:.55em;margin:0;font-style:italic;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative}.k-btn-sm{--h:max(var(--btn-sm), var(--tap-min));font-size:var(--fs-sm);gap:.4em}.k-btn-lg{--h:max(var(--btn-lg), var(--tap-min));font-size:var(--fs-lg);padding-inline:calc(var(--sx) * 2 + 1.2em)}.k-btn:before,.k-btn:after{content:"";inset:0 var(--sx);z-index:-1;transform:skewX(calc(var(--slant) * -1));pointer-events:none;transition:box-shadow var(--motion-med), background-color var(--motion-med), border-color var(--motion-med), filter var(--motion-med);position:absolute}.k-btn-label{text-overflow:ellipsis;min-width:0;padding-block:.2em;padding-inline-end:.08em;overflow:hidden}.k-btn-icon{flex:none;display:inline-flex}.k-btn-icon .k-icon{width:1.3em;height:1.3em}.k-btn-chev{flex:none;width:1.05em!important;height:1.05em!important}.k-btn-start{justify-content:flex-start}.k-btn-start .k-btn-label{text-align:start;flex:1}.k-btn-block{width:100%;display:flex}.k-btn:hover:not(:disabled){transform:translateY(-1px)}.k-btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.k-btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}.k-btn:focus-visible{outline:none}.k-btn:focus-visible:before{outline:2px solid var(--text);outline-offset:3px}.k-btn-primary{--tone:var(--gold);color:var(--ink);text-shadow:0 1px 0 color-mix(in srgb, var(--gold-hi) 70%, transparent)}.k-btn-primary:before{background:var(--grad-metal-gold);border:1px solid var(--gold-hi);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--gold-deep) 55%, transparent), inset 0 2px 0 2px color-mix(in srgb, var(--gold-hi) 60%, transparent), 0 0 var(--glow-md) color-mix(in srgb, var(--gold) 55%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--gold) 22%, transparent)}.k-btn-primary:after{--sweep-w:.45;--sweep-stripe:.24;width:calc((100% - var(--sx) * 2) * var(--sweep-w));background:var(--grad-sweep) no-repeat 50% 0 / calc(100% / var(--sweep-stripe)) 100%;mix-blend-mode:soft-light;opacity:0;will-change:transform, opacity;animation:k-sweep calc(var(--fx-sweep-ms,4200) * 1ms) ease-in-out infinite;right:auto}.k-btn-primary:hover:not(:disabled):before{filter:brightness(1.08);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--gold-deep) 55%, transparent), inset 0 2px 0 2px color-mix(in srgb, var(--gold-hi) 60%, transparent), 0 0 var(--glow-md) color-mix(in srgb, var(--gold) 80%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--gold) 40%, transparent)}.k-btn-primary:disabled:after{animation:none}.k-btn-outline{text-shadow:0 0 10px color-mix(in srgb, var(--tone) 55%, transparent)}.k-btn-outline:before{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 24%, var(--panel)) 0%, color-mix(in srgb, var(--tone) 8%, var(--bg)) 100%);border:1px solid var(--tone);box-shadow:inset 0 0 14px color-mix(in srgb, var(--tone) 28%, transparent), inset 0 1px 0 color-mix(in srgb, var(--tone) 70%, var(--text)), 0 0 var(--glow-md) color-mix(in srgb, var(--tone) 42%, transparent)}.k-btn-outline .k-btn-icon{color:color-mix(in srgb, var(--tone) 70%, var(--text))}.k-btn-outline .k-btn-chev{color:var(--gold);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--gold) 60%, transparent))}.k-btn-outline:hover:not(:disabled):before{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 34%, var(--panel)) 0%, color-mix(in srgb, var(--tone) 12%, var(--bg)) 100%);box-shadow:inset 0 0 18px color-mix(in srgb, var(--tone) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--tone) 70%, var(--text)), 0 0 var(--glow-lg) color-mix(in srgb, var(--tone) 55%, transparent)}.k-btn-danger{--tone:var(--p2);text-shadow:0 1px 2px color-mix(in srgb, var(--ink) 80%, transparent)}.k-btn-danger:before{background:var(--grad-metal-p2);border:1px solid color-mix(in srgb, var(--p2) 60%, var(--text));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--p2-deep) 50%, transparent), 0 0 var(--glow-md) color-mix(in srgb, var(--p2) 55%, transparent)}.k-btn-danger:hover:not(:disabled):before{filter:brightness(1.12);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--p2-deep) 50%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--p2) 65%, transparent)}.k-btn-ghost{color:var(--text-2)}.k-btn-ghost:before{border:1px solid #0000}.k-btn-ghost:hover:not(:disabled){color:var(--text)}.k-btn-ghost:hover:not(:disabled):before{background:color-mix(in srgb, var(--tone) 12%, transparent);border-color:color-mix(in srgb, var(--tone) 40%, transparent)}.k-btn-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:1.1em;height:1.1em;animation:.7s linear infinite k-spin;display:inline-block}.k-tabs{--tone:var(--p1);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;align-items:stretch;gap:.2em;min-width:0;max-width:100%;padding:6px 2px;display:flex;overflow:auto hidden}.k-tabs::-webkit-scrollbar{display:none}.k-tab-wrap{scroll-snap-align:start;flex-direction:column;flex:none;display:flex}.k-tabs-fill .k-tab-wrap{flex:auto;min-width:0}.k-tabs-fill .k-tab-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.k-tab{--h:max(var(--btn-md), var(--tap-min));--sx:calc(var(--h) * tan(var(--slant)) / 2);isolation:isolate;width:100%;height:var(--h);min-height:var(--h);padding:0 calc(var(--sx) * 2 + .8em);color:var(--muted);font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--motion-fast);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:.45em;margin:0;font-style:italic;font-weight:700;line-height:1;display:inline-flex;position:relative}span.k-tab{cursor:default}.k-tabs-sm .k-tab{--h:max(var(--btn-sm), var(--tap-min));font-size:var(--fs-sm)}.k-tabs-lg .k-tab{--h:max(var(--btn-lg), var(--tap-min));font-size:var(--fs-lg)}.k-tab:before{content:"";inset:0 var(--sx);z-index:-1;transform:skewX(calc(var(--slant) * -1));transition:background-color var(--motion-med), box-shadow var(--motion-med), border-color var(--motion-med);position:absolute}.k-tab-label{padding-block:.2em;padding-inline-end:.06em}.k-tab-icon{width:1.2em;height:1.2em}.k-tab-chev{width:1em;height:1em}.k-tab-badge{color:var(--gold);font-size:max(12px,.8em)}.k-tab:hover:not(:disabled):not(.is-on){color:var(--text);filter:none;transform:none}.k-tab:focus-visible{outline:none}.k-tab:focus-visible:before{outline:2px solid var(--text);outline-offset:2px}.k-tab.is-on{color:var(--text);text-shadow:0 0 10px color-mix(in srgb, var(--tone) 70%, transparent)}.k-tabs-plain .k-tab-wrap+.k-tab-wrap .k-tab:after{content:"";background:var(--line-2);width:1px;transform:skewX(calc(var(--slant) * -1.6));position:absolute;top:28%;bottom:28%;left:-.1em}.k-tabs-plain .k-tab.is-on:before{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 40%, transparent), color-mix(in srgb, var(--tone) 12%, transparent));border:1px solid var(--tone);box-shadow:inset 0 0 14px color-mix(in srgb, var(--tone) 35%, transparent), 0 0 var(--glow-md) color-mix(in srgb, var(--tone) 50%, transparent)}.k-tabs-plain .k-tab.is-on{color:color-mix(in srgb, var(--tone) 35%, var(--text))}.k-tabs-plain .k-tab:hover:not(.is-on):before{background:color-mix(in srgb, var(--tone) 8%, transparent)}.k-tabs-bar{gap:0}.k-tabs-bar .k-tab{padding-inline:calc(var(--sx) * 1.5 + .25em);letter-spacing:.02em;gap:.25em;margin-inline-end:calc(var(--sx) * -1 + 3px)}.k-tabs-bar .k-tab-wrap:last-child .k-tab{margin-inline-end:0}.k-tabs-bar .k-tab:before{background:linear-gradient(180deg, var(--panel-3), var(--panel));border:1px solid var(--line-2)}.k-tabs-bar .k-tab.is-on{z-index:1;color:var(--text);text-shadow:0 1px 2px color-mix(in srgb, var(--ink) 80%, transparent)}.k-tabs-bar .k-tab.is-on:before{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 70%, var(--text)) 0%, var(--tone) 40%, color-mix(in srgb, var(--tone) 55%, var(--bg)) 100%);border-color:color-mix(in srgb, var(--tone) 60%, var(--text));box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--tone) 65%, transparent)}.k-tabs-bar.is-light .k-tab.is-on{color:var(--ink);text-shadow:none}.k-tabs-list{flex-direction:column;align-items:flex-start;gap:.15em;padding:4px 0;overflow:visible}.k-tabs-list .k-tab-wrap{width:100%}.k-tabs-list .k-tab{width:auto;font-size:var(--fs-lg);letter-spacing:.04em;color:color-mix(in srgb, var(--text-2) 55%, transparent);padding-inline:calc(var(--sx) + .5em) calc(var(--sx) * 2 + .8em);justify-content:flex-start}.k-tabs-list .k-tab.is-on{--h:max(calc(var(--btn-lg) * .95), var(--tap-min));font-size:var(--fs-xl);color:var(--text);text-shadow:0 1px 2px color-mix(in srgb, var(--ink) 80%, transparent);margin-inline-start:calc(var(--sx) * -1)}.k-tabs-list .k-tab.is-on:before{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 70%, var(--text)) 0%, var(--tone) 38%, color-mix(in srgb, var(--tone) 50%, var(--bg)) 100%);border:1px solid color-mix(in srgb, var(--tone) 55%, var(--text));box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--tone) 70%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--tone) 35%, transparent)}.k-tabs-list.is-light .k-tab.is-on{color:var(--ink);text-shadow:none}.k-tab-sub{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--text);align-items:center;gap:.4em;padding:.2em 0 .3em 1.6em;display:flex}.k-tab-sub:before{content:"";border-left:.55em solid var(--tone);filter:drop-shadow(0 0 3px var(--tone));border-block:.35em solid #0000}.k-cut-tl-br{--shape:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c))}.k-cut-tr-bl{--shape:polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, var(--c) 100%, 0 calc(100% - var(--c)))}.k-cut-tl{--shape:polygon(var(--c) 0, 100% 0, 100% 100%, 0 100%, 0 var(--c))}.k-cut-tr{--shape:polygon(0 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%)}.k-cut-br{--shape:polygon(0 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%)}.k-cut-bl{--shape:polygon(0 0, 100% 0, 100% 100%, var(--c) 100%, 0 calc(100% - var(--c)))}.k-cut-all{--shape:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c))}.k-cut-none{--shape:inset(0)}.k-panel{--tone:var(--p1);--c:var(--cut);isolation:isolate;gap:var(--gap);min-width:0;padding:var(--pad);color:var(--text);flex-direction:column;display:flex;position:relative}.k-pad-none{padding:0}.k-pad-sm{padding:var(--gap-sm) var(--gap);gap:var(--gap-sm)}.k-pad-lg{padding:var(--gap-lg)}.k-panel-frame,.k-modal-frame{z-index:-1;pointer-events:none;filter:drop-shadow(0 0 var(--glow-md) color-mix(in srgb, var(--tone) 32%, transparent));position:absolute;inset:0}.k-glow-none .k-panel-frame{filter:none}.k-glow-strong .k-panel-frame{filter:drop-shadow(0 0 var(--glow-sm) color-mix(in srgb, var(--tone) 60%, transparent)) drop-shadow(0 0 var(--glow-lg) color-mix(in srgb, var(--tone) 32%, transparent))}.k-panel-frame:before,.k-panel-frame:after,.k-modal-frame:before,.k-modal-frame:after{content:"";clip-path:var(--shape);position:absolute}.k-panel-frame:before,.k-modal-frame:before{background:linear-gradient(160deg, var(--tone) 0%, color-mix(in srgb, var(--tone) 45%, transparent) 22%, color-mix(in srgb, var(--tone) 22%, transparent) 60%, color-mix(in srgb, var(--tone) 75%, transparent) 100%);inset:0}.k-panel-frame:after,.k-modal-frame:after{inset:var(--border-w);background:linear-gradient(90deg, transparent 4%, color-mix(in srgb, var(--tone) 85%, var(--text)) 30%, transparent 75%) top / 100% 1px no-repeat, radial-gradient(ellipse 80% 120px at 30% 0%, color-mix(in srgb, var(--tone) 16%, transparent), transparent 100%), var(--grad-panel);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 18%, transparent)}.k-panel-ticks{top:10px;right:calc(var(--c) * .5 + 12px);background:linear-gradient(90deg, var(--tone) 0 20%, transparent 20% 40%, var(--tone) 40% 60%, transparent 60% 80%, var(--tone) 80%);opacity:.65;pointer-events:none;width:28px;height:7px;position:absolute;transform:skew(-30deg)}.k-panel-head{align-items:center;gap:var(--gap-sm);min-height:1.8em;padding-bottom:var(--gap-sm);display:flex;position:relative}.k-panel-head:after{content:"";inset-inline:0;background:linear-gradient(90deg, var(--tone), color-mix(in srgb, var(--tone) 30%, transparent) 45%, transparent 90%);height:1px;position:absolute;bottom:0}.k-panel-title{min-width:0;font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.5em;margin:0;font-style:italic;font-weight:700;line-height:1.2;display:flex}.k-panel-title .k-icon{color:var(--tone)}.k-panel-title-text{text-overflow:ellipsis;white-space:nowrap;padding-inline-end:.1em;overflow:hidden}.k-panel-actions{align-items:center;gap:var(--gap-sm);flex:none;margin-inline-start:auto;display:flex}.k-title{--tone:var(--p1);flex-direction:column;gap:.2em;min-width:0;display:flex}.k-title-main{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.3em;min-width:0;margin:0;font-style:italic;font-weight:700;line-height:1.12;display:flex}.k-title-md .k-title-main{font-size:var(--fs-xl)}.k-title-lg .k-title-main{font-size:var(--fs-2xl)}.k-title-xl .k-title-main{font-size:var(--fs-hero)}.k-title-text{background:linear-gradient(180deg, var(--text) 35%, color-mix(in srgb, var(--text) 62%, var(--tone)) 100%);color:#0000;min-width:0;filter:drop-shadow(0 2px 0 color-mix(in srgb, var(--ink) 85%, transparent)) drop-shadow(0 0 14px color-mix(in srgb, var(--tone) 40%, transparent));overflow-wrap:anywhere;-webkit-background-clip:text;background-clip:text;padding:.04em .12em .08em 0}.k-title-sub{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-sm);letter-spacing:.32em;text-transform:uppercase;color:var(--text-2);padding-inline-start:1.9em}:root:lang(th) .k-title-sub{letter-spacing:.06em}.k-divider{--tone:var(--p1);width:100%;min-height:12px;color:var(--text-2);align-items:center;gap:.7em;display:flex}.k-divider-line{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--tone) 70%, transparent));flex:1;height:1px}.k-divider-line:last-child{background:linear-gradient(270deg, transparent, color-mix(in srgb, var(--tone) 70%, transparent))}.k-divider-gem{background:var(--tone);width:7px;height:7px;box-shadow:0 0 8px var(--tone);transform:rotate(45deg)}.k-divider-label{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase}.k-chip{--tone:var(--neutral);--cc:5px;min-height:1.9em;font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.03em;white-space:nowrap;clip-path:polygon(var(--cc) 0, 100% 0, 100% calc(100% - var(--cc)), calc(100% - var(--cc)) 100%, 0 100%, 0 var(--cc));vertical-align:middle;align-items:center;gap:.35em;padding:.15em .7em;font-weight:600;line-height:1.2;display:inline-flex}.k-chip-sm{--cc:4px;min-height:1.6em;font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;padding:.05em .55em}.k-chip-soft{background:color-mix(in srgb, var(--tone) 18%, transparent);color:color-mix(in srgb, var(--tone) 70%, var(--text));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone) 50%, transparent)}.k-chip-outline{background:color-mix(in srgb, var(--bg) 60%, transparent);color:color-mix(in srgb, var(--tone) 60%, var(--text));box-shadow:inset 0 0 0 1px var(--tone)}.k-chip-solid{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 75%, var(--text)), var(--tone) 50%, color-mix(in srgb, var(--tone) 70%, var(--bg)));color:var(--text);text-shadow:0 1px 1px color-mix(in srgb, var(--ink) 70%, transparent)}.k-chip-solid.is-light{color:var(--ink);text-shadow:none}.k-chip .k-icon{width:1.15em;height:1.15em}.k-chip-text{text-overflow:ellipsis;overflow:hidden}.k-chip-x{width:1.5em;height:1.5em;min-height:0;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;margin-inline-end:-.4em;padding:0;display:inline-grid;position:relative}.k-chip-x:after{content:"";inset:calc((var(--tap-min) - 1.5em) / -2);position:absolute}.k-chip-x:hover{background:color-mix(in srgb, var(--tone) 30%, transparent)}.k-effect{border:1px solid var(--tone);background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 40%, var(--bg)), color-mix(in srgb, var(--tone) 18%, var(--bg)));color:color-mix(in srgb, var(--tone) 35%, var(--text));font-family:var(--font-display);letter-spacing:.05em;vertical-align:.06em;box-shadow:0 0 6px color-mix(in srgb, var(--tone) 35%, transparent);border-radius:2px;margin-inline-end:.2em;padding:.02em .45em .06em;font-size:.82em;font-style:normal;font-weight:700;line-height:1.25;display:inline-block}.k-effect-text{white-space:pre-wrap}.k-effect-text b{color:var(--text)}.k-kw-pill{border-radius:999px;padding-inline:.6em}.k-kw-badge{border-radius:.5em;padding-inline:.4em;font-size:.74em}.k-kw-chip.k-kw-badge{color:var(--ink);background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 85%, #fff), var(--tone));box-shadow:none}.k-kw-outline{color:var(--tone);box-shadow:none;background:0 0}.k-kw-bold{font-weight:700}.k-kw-italic{color:var(--text-2);font-style:italic}.k-kw-muted{color:color-mix(in srgb, var(--text-2) 55%, var(--muted))}.k-kw-bold .k-kw-bold,.k-kw-muted .k-kw-bold{font-weight:700}.k-kw-cost{color:var(--text);-webkit-text-decoration:underline dotted color-mix(in srgb, var(--text) 45%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--text) 45%, transparent);text-underline-offset:.2em}.k-kw-cost .k-effect{text-decoration:none}.k-ctl{justify-content:space-between;align-items:center;gap:var(--gap-xs) var(--gap-sm);margin-bottom:var(--gap-xs);flex-wrap:wrap;display:flex}.k-ctl-seg{padding-inline:0}.k-ctl-seg button{font-size:var(--fs-xs);padding-inline:.9em}.k-ctl-note{color:var(--muted);font-size:var(--fs-xs);line-height:1.3}.k-kw-br{color:color-mix(in srgb, currentColor 55%, transparent);font-style:normal}.k-kw-bold .k-kw-br,.k-kw-muted .k-kw-br{color:inherit}.k-count{--tone:var(--p2);font-family:var(--font-display);flex:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.k-count-pill{background:var(--tone);min-width:1.45em;height:1.45em;color:var(--text);font-size:var(--fs-xs);box-shadow:0 0 0 2px var(--bg), 0 0 8px color-mix(in srgb, var(--tone) 70%, transparent);border-radius:999px;padding:0 .35em}.k-count-dot{background:var(--tone);width:10px;height:10px;box-shadow:0 0 0 2px var(--bg), 0 0 8px var(--tone);border-radius:50%}.k-count-stat{font-size:var(--fs-lg);color:var(--text);text-shadow:0 1px 0 color-mix(in srgb, var(--ink) 80%, transparent), 0 0 8px color-mix(in srgb, var(--tone) 40%, transparent);gap:.3em;font-style:italic}.k-count-stat .k-count-icon{width:.95em;height:.95em;color:color-mix(in srgb, var(--tone) 50%, var(--text))}.k-count-corner{z-index:1;position:absolute;top:-3px;right:-3px}.k-stag{--tone:var(--p2);--h:32px;--sx:calc(var(--h) * tan(var(--slant)) / 2);isolation:isolate;height:var(--h);padding:0 calc(var(--sx) * 2 + .7em);font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--text);align-items:center;gap:.4em;font-style:italic;font-weight:700;line-height:1;display:inline-flex;position:relative}.k-stag:before{content:"";inset:0 var(--sx);z-index:-1;transform:skewX(calc(var(--slant) * -1));position:absolute}.k-stag-sm{--h:24px;font-size:var(--fs-xs)}.k-stag-lg{--h:46px;font-size:var(--fs-xl)}.k-stag-xl{--h:clamp(52px, 4vw + 30px, 76px);font-size:var(--fs-2xl)}.k-stag-text{padding-block:.15em;padding-inline-end:.08em}.k-stag-chev{width:1em;height:1em}.k-stag-solid{text-shadow:0 1px 2px color-mix(in srgb, var(--ink) 80%, transparent)}.k-stag-solid:before{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 70%, var(--text)) 0%, var(--tone) 38%, color-mix(in srgb, var(--tone) 50%, var(--bg)) 100%);border:1px solid color-mix(in srgb, var(--tone) 55%, var(--text));box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--tone) 60%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--tone) 28%, transparent)}.k-stag-solid.is-light{color:var(--ink);text-shadow:none}.k-stag-outline{color:color-mix(in srgb, var(--tone) 30%, var(--text))}.k-stag-outline:before{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 22%, var(--panel)), color-mix(in srgb, var(--bg) 90%, transparent));border:1px solid var(--tone);box-shadow:inset 0 0 10px color-mix(in srgb, var(--tone) 30%, transparent), 0 0 var(--glow-md) color-mix(in srgb, var(--tone) 40%, transparent)}.k-stag-dark:before{background:linear-gradient(180deg, var(--panel-3), var(--panel));border:1px solid var(--line-2)}.k-num{--tone:var(--gold);font-family:var(--font-display);letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--num-stroke);-webkit-text-stroke:var(--num-stroke-w) var(--num-stroke);text-shadow:0 .07em 0 var(--num-drop), 0 0 var(--num-glow) color-mix(in srgb, var(--tone) var(--num-glow-alpha), transparent);padding-inline-end:.1em;font-style:italic;font-weight:700;line-height:1;display:inline-block;position:relative}.k-num[data-text]:after{content:attr(data-text);-webkit-text-stroke:0;text-shadow:none;color:#0000;background:var(--num-fill,var(--grad-gold));-webkit-background-clip:text;background-clip:text;padding-inline-end:inherit;position:absolute;inset:0}.k-num:not([data-text]){color:var(--tone);-webkit-text-stroke:0}.k-stat{flex-direction:column;gap:.15em;min-width:0;display:inline-flex}.k-stat-inline{flex-direction:row;align-items:baseline;gap:.5em}.k-stat.k-align-center{text-align:center;align-items:center}.k-stat.k-align-end{text-align:end;align-items:flex-end}.k-stat-label{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--label-tone,var(--text-2));white-space:nowrap;font-style:italic;font-weight:600}.k-stat-value{align-items:baseline;display:inline-flex}.k-stat-sm .k-stat-value{font-size:var(--fs-lg)}.k-stat-md .k-stat-value{font-size:var(--fs-xl)}.k-stat-lg .k-stat-value{font-size:var(--fs-2xl)}.k-stat-xl .k-stat-value{font-size:var(--fs-hero)}.k-stat .k-stat-max{margin-inline-start:.05em;font-size:.6em}.k-diamonds{--tone:var(--p1);--d:12px;align-items:center;gap:calc(var(--d) * .42);padding-inline:2px;display:inline-flex}.k-diamonds-sm{--d:9px}.k-diamonds-lg{--d:16px}.k-diamonds i{width:var(--d);height:var(--d);border:1.5px solid color-mix(in srgb, var(--text-2) 45%, transparent);background:color-mix(in srgb, var(--bg) 60%, transparent);flex:none;transform:rotate(45deg)scale(.82)}.k-diamonds i.is-on{border-color:color-mix(in srgb, var(--tone) 50%, var(--text));background:linear-gradient(135deg, color-mix(in srgb, var(--tone) 45%, var(--text)), var(--tone) 50%, color-mix(in srgb, var(--tone) 60%, var(--bg)));box-shadow:0 0 5px var(--tone), 0 0 12px color-mix(in srgb, var(--tone) 50%, transparent)}:root:not([data-fx=off]) .k-diamonds i.is-on{animation:k-diamond-pop calc(var(--fx-damage-ms,500) * 1.2ms) cubic-bezier(.3, 1.6, .5, 1)}@keyframes k-diamond-pop{0%{opacity:.2;transform:rotate(45deg)scale(1.9)}60%{opacity:1;transform:rotate(45deg)scale(.95)}to{transform:rotate(45deg)scale(.82)}}@media (prefers-reduced-motion:reduce){.k-diamonds i.is-on{animation:none!important}}.k-avatar{--tone:var(--p1);--av:56px;width:var(--av);height:var(--av);flex:none;display:inline-block;position:relative}.k-avatar svg{width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--av) * .07) color-mix(in srgb, var(--tone) 60%, transparent));display:block;overflow:visible}.k-av-s1{stop-color:color-mix(in srgb, var(--tone) 42%, var(--bg))}.k-av-s2{stop-color:var(--bg)}.k-av-facet{fill:var(--tone)}.k-av-inner{fill:none;stroke:var(--tone);stroke-width:1px;opacity:.5}.k-av-trace{fill:none;stroke:color-mix(in srgb, var(--tone) 60%, var(--text));stroke-width:1.4px;opacity:.55}.k-av-text{font-family:var(--font-display);fill:var(--text);paint-order:stroke;stroke:color-mix(in srgb, var(--ink) 75%, transparent);stroke-width:4px;font-size:40px;font-style:italic;font-weight:700}.k-av-text.two{font-size:31px}.k-av-emblem{fill:color-mix(in srgb, var(--tone) 45%, var(--text))}.k-av-frame{fill:none;stroke:var(--tone);stroke-width:4px;stroke-linejoin:round}.k-av-frame2{fill:none;stroke:color-mix(in srgb, var(--tone) 45%, var(--text));stroke-width:.9px;opacity:.7}.k-avatar-dot{width:max(9px, calc(var(--av) * .17));height:max(9px, calc(var(--av) * .17));background:var(--ok);border:2px solid var(--bg);box-shadow:0 0 6px var(--ok);border-radius:50%;position:absolute;bottom:10%;right:6%}.k-avatar-offline .k-avatar-dot{background:var(--muted);box-shadow:none}.k-avatar-busy .k-avatar-dot{background:var(--gold);box-shadow:0 0 6px var(--gold);animation:1s ease-in-out infinite k-pulse}.k-pframe{--tone:var(--p1);isolation:isolate;align-items:center;gap:var(--gap);min-width:0;max-width:100%;padding:4px calc(var(--gap) * 2) 4px 2px;display:flex;position:relative}.k-pframe-plate{z-index:-1;transform:skewX(calc(var(--slant) * -1));background:linear-gradient(90deg, var(--tone), color-mix(in srgb, var(--tone) 40%, transparent) 50%, transparent) top / 100% 2px no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--tone) 34%, var(--panel)) 0%, color-mix(in srgb, var(--tone) 12%, var(--panel)) 50%, color-mix(in srgb, var(--panel) 0%, transparent) 100%);box-shadow:-14px 0 24px -12px color-mix(in srgb, var(--tone) 50%, transparent);position:absolute;inset:10% 12px 8% 30px}.k-pframe.is-mirrored{padding:4px 2px 4px calc(var(--gap) * 2);text-align:end;flex-direction:row-reverse}.k-pframe.is-mirrored .k-pframe-plate{transform:skewX(var(--slant));background:linear-gradient(270deg, var(--tone), color-mix(in srgb, var(--tone) 40%, transparent) 50%, transparent) top / 100% 2px no-repeat, linear-gradient(270deg, color-mix(in srgb, var(--tone) 34%, var(--panel)) 0%, color-mix(in srgb, var(--tone) 12%, var(--panel)) 50%, color-mix(in srgb, var(--panel) 0%, transparent) 100%);box-shadow:14px 0 24px -12px color-mix(in srgb, var(--tone) 50%, transparent);inset:10% 30px 8% 12px}.k-pframe-body{flex-direction:column;gap:.25em;min-width:0;display:flex}.k-pframe.is-mirrored .k-pframe-body{align-items:flex-end}.k-pframe-name{max-width:100%;font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px color-mix(in srgb, var(--ink) 80%, transparent);align-items:center;gap:.5em;font-weight:600;line-height:1.25;display:flex;overflow:hidden}.k-pframe.is-mirrored .k-pframe-name{flex-direction:row-reverse}.k-pframe-turn{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--tone);transform:skewX(calc(var(--slant) * -1));box-shadow:0 0 8px var(--tone);flex:none;padding:.1em .5em;font-style:italic;font-weight:700}.k-pframe-row{align-items:center;gap:.35em var(--gap);flex-wrap:wrap;display:flex}.k-pframe.is-mirrored .k-pframe-row{flex-direction:row-reverse}.k-pframe-dmg{align-items:center;gap:.45em;display:inline-flex}.k-pframe.is-mirrored .k-pframe-dmg{flex-direction:row-reverse}.k-pframe-label{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-style:italic;font-weight:600}.k-pframe-dmg-n{font-size:var(--fs-lg)}.k-pframe-counts{align-items:center;gap:.8em;display:inline-flex}.k-pframe-counts .k-count-stat{font-size:var(--fs-md)}.k-pframe.is-active .k-pframe-plate{box-shadow:-14px 0 24px -12px color-mix(in srgb, var(--tone) 70%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--tone) 30%, transparent)}.k-pframe.is-compact{gap:var(--gap-sm);padding-block:2px}.k-pframe.is-compact .k-pframe-name{font-size:var(--fs-sm)}.k-pframe.is-compact .k-pframe-row{flex-wrap:nowrap;gap:.6em}.k-pframe.is-compact .k-pframe-dmg-n{font-size:var(--fs-md)}.k-pframe.is-compact .k-pframe-label{font-size:var(--fs-xs)}.k-pframe.is-compact .k-pframe-counts .k-count-stat{font-size:var(--fs-sm)}.k-pframe.is-compact .k-pframe-plate{inset-inline:16px 8px}.k-pframe.is-compact.is-mirrored .k-pframe-plate{inset-inline:8px 16px}.k-ring{--tone:var(--p1);--ring:100%;width:var(--ring);aspect-ratio:1;flex:none;place-items:center;display:grid;position:relative}.k-ring:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--tone) 26%, transparent) 0%, color-mix(in srgb, var(--tone) 10%, transparent) 48%, transparent 72%);animation:k-breathe calc(var(--fx-breathe-ms,3200) * 1ms) ease-in-out infinite;pointer-events:none;border-radius:50%;position:absolute;inset:6%}.k-ring-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.k-ring-core{fill:color-mix(in srgb, var(--bg) 55%, transparent);stroke:color-mix(in srgb, var(--tone) 25%, transparent);stroke-width:8px}.k-ring-dash{fill:none;stroke:var(--tone);stroke-width:1.3px;stroke-dasharray:2.2 3.1;opacity:.9}.k-ring-cross{stroke:var(--tone);stroke-width:1.8px;stroke-linecap:round}.k-ring-seg{fill:none;stroke:var(--tone);stroke-width:3.4px;stroke-dasharray:30 5 7 5 8 5;opacity:.95}.k-ring-dash-glow{fill:none;stroke:var(--tone);stroke-width:5px;opacity:.12}.k-ring-seg-glow{fill:none;stroke:var(--tone);stroke-width:10px;stroke-dasharray:30 5 7 5 8 5;opacity:.16}.k-ring-inner{fill:none;stroke:color-mix(in srgb, var(--tone) 70%, var(--text));stroke-width:1.4px;opacity:.9}.k-ring-thin{fill:none;stroke:color-mix(in srgb, var(--tone) 60%, var(--text));stroke-width:.8px;opacity:.7}.k-ring-ticks{fill:none;stroke:var(--tone);stroke-width:3px;stroke-dasharray:.8 9.67;opacity:.75}.k-ring-hex{fill:color-mix(in srgb, var(--tone) 16%, var(--bg));stroke:var(--tone);stroke-width:1.4px}.k-ring-glyph{font-family:var(--font-display);fill:color-mix(in srgb, var(--tone) 30%, var(--text));font-size:23px;font-style:italic;font-weight:700}.k-ring-emblem{fill:color-mix(in srgb, var(--tone) 35%, var(--text))}.k-ring-spin,.k-ring-spin-rev{will-change:transform;animation:k-spin calc(var(--fx-ring-spin-s,28) * 1s) linear infinite}.k-ring-spin-rev{animation-duration:calc(var(--fx-ring-spin-s,28) * 1.7s);animation-direction:reverse}.k-ring.is-major .k-ring-seg{stroke-width:4.2px}.k-ring.is-major:before{background:radial-gradient(circle, color-mix(in srgb, var(--tone) 36%, transparent) 0%, color-mix(in srgb, var(--tone) 14%, transparent) 50%, transparent 72%);inset:0}.k-ring.is-major .k-ring-dash-glow{opacity:.3}.k-ring.is-major .k-ring-seg-glow{opacity:.34}.k-ring.is-active:before{animation:.9s ease-in-out infinite alternate k-ring-active}.k-ring.is-active .k-ring-dash-glow{opacity:.4}.k-ring.is-active .k-ring-seg-glow{opacity:.42}.k-ring.is-dim{opacity:.55;filter:saturate(.7)}.k-ring-content{z-index:1;place-items:center;max-width:100%;max-height:100%;display:grid;position:relative}.k-field{--tone:var(--p1);--h:max(var(--btn-md), var(--tap-min));--c:var(--cut-sm);isolation:isolate;height:var(--h);min-width:0;max-width:100%;color:var(--text);align-items:center;gap:.55em;padding:0 .85em;display:inline-flex;position:relative}.k-field-sm{--h:max(var(--btn-sm), var(--tap-min))}.k-field-lg{--h:max(var(--btn-lg), var(--tap-min))}.k-field-block{width:100%;display:flex}.k-field:before,.k-field:after{content:"";z-index:-1;clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));transition:background var(--motion-fast);pointer-events:none;position:absolute}.k-field:before{background:linear-gradient(160deg, color-mix(in srgb, var(--tone) 55%, var(--line-2)), var(--line-2) 40%, color-mix(in srgb, var(--tone) 40%, var(--line-2)));inset:0}.k-field:after{background:linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 92%, transparent), color-mix(in srgb, var(--bg) 92%, transparent));inset:1px}.k-field:focus-within:before{background:var(--tone)}.k-field:focus-within:after{background:linear-gradient(180deg, color-mix(in srgb, var(--tone) 14%, var(--panel-2)), var(--bg))}.k-field:hover:not(:focus-within):before{background:color-mix(in srgb, var(--tone) 70%, var(--line-2))}.k-field.is-disabled{opacity:.5}.k-field-icon{color:color-mix(in srgb, var(--tone) 60%, var(--text-2));flex:none}.k-field-label{border-inline-end:1px solid var(--line-2);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;flex:none;padding-inline-end:.65em;font-style:italic;font-weight:600;line-height:1.6}.k-field select,.k-field input{min-width:0;height:100%;min-height:0;box-shadow:none;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:max(16px, var(--fs));appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:0}.k-field select:focus,.k-field input:focus{box-shadow:none}.k-field input{font-family:var(--font-ui);font-weight:400}.k-select select{cursor:pointer;text-overflow:ellipsis;padding-inline-end:1.6em}.k-select option,.k-select optgroup{background:var(--panel);color:var(--text)}.k-select-chev{pointer-events:none;color:var(--text-2);position:absolute;right:.75em}.k-select-lead{flex:none;align-items:center;display:inline-flex}.k-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.k-search input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.k-search-clear{width:max(30px, var(--tap-min));height:100%;min-height:0;color:var(--text-2);background:0 0;border:0;border-radius:0;flex:none;place-items:center;margin-inline-end:-.6em;padding:0;display:grid}.k-search-clear:hover{color:var(--text);filter:none}.k-ibtn{--tone:var(--p1);--s:max(var(--btn-md), var(--tap-min));isolation:isolate;width:var(--s);height:var(--s);min-height:var(--s);color:var(--text-2);font-size:calc(var(--s) * .42);transition:color var(--motion-fast), transform var(--motion-fast);background:0 0;border:0;border-radius:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.k-ibtn-sm{--s:max(var(--btn-sm), var(--tap-min))}.k-ibtn-lg{--s:max(var(--btn-lg), var(--tap-min))}.k-ibtn .k-icon{width:1em;height:1em}.k-ibtn:before,.k-ibtn:after{content:"";z-index:-1;pointer-events:none;transition:background var(--motion-fast), box-shadow var(--motion-fast);position:absolute}.k-ibtn:before{background:color-mix(in srgb, var(--tone) 55%, var(--line-2));inset:0}.k-ibtn:after{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--tone) 18%, var(--panel-2)), var(--panel) 75%);inset:1px}.k-ibtn-round:before,.k-ibtn-round:after{border-radius:50%}.k-ibtn-round:before{box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--tone) 30%, transparent)}.k-ibtn-hex:before,.k-ibtn-hex:after{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.k-ibtn-hex:after{inset:1.5px}.k-ibtn-cut:before,.k-ibtn-cut:after{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.k-ibtn-ghost:before,.k-ibtn-ghost:after{box-shadow:none;background:0 0}.k-ibtn-solid{color:var(--text)}.k-ibtn-solid:after{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--tone) 70%, var(--text)), var(--tone) 55%, color-mix(in srgb, var(--tone) 55%, var(--bg)))}.k-ibtn:hover:not(:disabled){color:var(--text);filter:none}.k-ibtn:hover:not(:disabled):before{background:var(--tone)}.k-ibtn-round:hover:not(:disabled):before{box-shadow:0 0 var(--glow-lg) color-mix(in srgb, var(--tone) 50%, transparent)}.k-ibtn-ghost:hover:not(:disabled):after{background:color-mix(in srgb, var(--tone) 14%, transparent)}.k-ibtn-ghost:hover:not(:disabled):before{background:0 0}.k-ibtn.is-on{color:color-mix(in srgb, var(--tone) 40%, var(--text))}.k-ibtn.is-on:after{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--tone) 40%, var(--panel-2)), color-mix(in srgb, var(--tone) 12%, var(--panel)) 75%)}.k-ibtn:focus-visible{outline:2px solid var(--text);outline-offset:2px}.k-modal-backdrop{z-index:var(--z-modal);padding:calc(var(--safe-t) + var(--gap)) calc(var(--safe-r) + var(--gap)) calc(var(--safe-b) + var(--gap)) calc(var(--safe-l) + var(--gap));background:var(--scrim);-webkit-backdrop-filter:blur(4px);animation:k-fade var(--motion-med) ease-out;place-items:center;display:grid;position:fixed;inset:0}.k-modal{--c:var(--cut-lg);--shape:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));isolation:isolate;gap:var(--gap);width:min(100%,480px);min-height:0;max-height:100%;padding:var(--gap-lg);color:var(--text);animation:k-pop var(--motion-med) var(--motion-ease);outline:none;flex-direction:column;display:flex;position:relative}.k-modal-sm{width:min(100%,380px)}.k-modal-lg{width:min(100%,780px)}.k-modal-frame{filter:drop-shadow(0 0 var(--glow-lg) color-mix(in srgb, var(--tone) 35%, transparent)) drop-shadow(0 12px 30px color-mix(in srgb, var(--ink) 70%, transparent))}.k-modal-head{align-items:center;gap:var(--gap-sm);min-height:var(--tap);flex:none;display:flex}.k-modal-title{min-width:0;font-size:var(--fs-lg);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.5em;font-style:italic;display:flex}.k-modal-title .k-icon{color:var(--tone)}.k-modal-x{width:max(36px, var(--tap-min));height:max(36px, var(--tap-min));min-height:0;color:var(--text-2);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-inline:auto -.4em;padding:0;font-size:1.1em;display:grid}.k-modal-x:hover{color:var(--text);background:color-mix(in srgb, var(--tone) 15%, transparent);filter:none}.k-modal-body{overscroll-behavior:contain;flex:auto;min-height:0;margin-inline:-4px;padding-inline:4px;overflow-y:auto}.k-modal-actions{gap:var(--gap-sm);flex-wrap:wrap;flex:none;justify-content:flex-end;display:flex}.k-modal-backdrop.is-sheet{padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);place-items:end center}.k-sheet{--c:var(--cut);--shape:polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% 100%, 0 100%, 0 var(--c));width:min(100%,680px);max-height:min(88dvh,100%);padding:0 var(--gap-lg) calc(var(--safe-b) + var(--gap));animation:k-sheet-up var(--motion-slow) var(--motion-ease);transition:transform var(--motion-med) var(--motion-ease)}.k-sheet .k-modal-actions>*{flex:auto}.k-sheet-handle{height:22px;margin-inline:calc(var(--gap-lg) * -1);cursor:grab;touch-action:none;flex:none;place-items:center;display:grid}.k-sheet-handle span{background:color-mix(in srgb, var(--tone) 50%, var(--line-2));border-radius:4px;width:46px;height:4px}.k-toast{--tone:var(--p1);left:50%;bottom:calc(var(--safe-b) + var(--gap-lg));z-index:var(--z-toast);width:max-content;max-width:min(calc(100vw - 2 * var(--gap)), 520px);border:1px solid color-mix(in srgb, var(--tone) 50%, transparent);border-inline-start:4px solid var(--tone);border-radius:var(--radius-sm);background:linear-gradient(90deg, color-mix(in srgb, var(--tone) 22%, var(--panel)), var(--panel) 70%);box-shadow:var(--shadow), 0 0 var(--glow-lg) color-mix(in srgb, var(--tone) 30%, transparent);color:var(--text);animation:k-toast-in var(--motion-med) var(--motion-ease);cursor:pointer;align-items:center;gap:.65em;padding:.7em 1.2em .7em .95em;font-weight:600;display:flex;position:fixed;transform:translate(-50%)}.k-toast-ok{--tone:var(--ok)}.k-toast-error{--tone:var(--danger)}.k-toast-icon{color:var(--tone)}.k-toast-text{overflow-wrap:anywhere;min-width:0}.k-tip-anchor{max-width:100%;display:inline-flex}.k-tip{--tone:var(--p1);z-index:var(--z-tooltip);border:1px solid color-mix(in srgb, var(--tone) 60%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--panel) 96%, transparent);max-width:min(300px,100vw - 16px);box-shadow:var(--shadow-sm), 0 0 var(--glow-md) color-mix(in srgb, var(--tone) 30%, transparent);color:var(--text);font-size:var(--fs-sm);pointer-events:none;animation:k-fade var(--motion-fast) ease-out;padding:.45em .75em;line-height:1.4;position:fixed}.k-spinner-wrap{--tone:var(--p1);align-items:center;gap:var(--gap);color:var(--text-2);display:flex}.k-spinner{width:var(--sz,32px);height:var(--sz,32px);flex:none;overflow:visible}.k-spinner-a,.k-spinner-b{fill:none;stroke-linecap:round;transform-box:view-box;transform-origin:20px 20px}.k-spinner-a{stroke:var(--tone);stroke-width:2.6px;stroke-dasharray:62 45;filter:drop-shadow(0 0 3px var(--tone));animation:.9s linear infinite k-spin}.k-spinner-b{stroke:var(--gold);stroke-width:2px;stroke-dasharray:22 53;animation:1.4s linear infinite reverse k-spin}.k-spinner-c{fill:color-mix(in srgb, var(--tone) 30%, transparent);stroke:var(--tone);stroke-width:1px}.k-circuit{--tone:var(--p1);pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:hidden}.k-circuit-rule{height:20px;display:block;position:relative;inset:auto}.k-circuit-line{fill:none;stroke:var(--tone);stroke-width:1.1px;opacity:.32;vector-effect:non-scaling-stroke}.k-circuit-node{fill:var(--bg);stroke:var(--tone);stroke-width:1.2px;opacity:.6}.k-circuit-stack{pointer-events:none;position:absolute;inset:0}.k-circuit-pulse,.k-circuit-pulse-glow{fill:none;stroke:color-mix(in srgb, var(--tone) 55%, var(--text));stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:3.5 96.5}.k-circuit-pulse-glow{stroke:var(--tone);stroke-width:7px;opacity:.3}.k-circuit-pulses{opacity:0;will-change:opacity;animation:7s ease-in-out infinite k-circuit-phase}.k-scene{z-index:var(--z-scene);contain:layout paint;pointer-events:none;position:fixed;inset:0;overflow:hidden}.k-scene-glow{background:radial-gradient(ellipse 55% 60% at 0% 90%, color-mix(in srgb, var(--p1) 20%, transparent), transparent 70%), radial-gradient(ellipse 50% 55% at 100% 8%, color-mix(in srgb, var(--p2) 17%, transparent), transparent 70%), radial-gradient(ellipse 40% 35% at 72% 78%, color-mix(in srgb, var(--p1) 9%, transparent), transparent 70%), radial-gradient(ellipse 35% 30% at 25% 15%, color-mix(in srgb, var(--p2) 6%, transparent), transparent 70%);position:absolute;inset:0}.k-scene-traces{opacity:.85}.k-scene-a{-webkit-mask-image:linear-gradient(100deg,#000 0%,#0000 62%);mask-image:linear-gradient(100deg,#000 0%,#0000 62%)}.k-scene-b{-webkit-mask-image:linear-gradient(280deg,#000 0%,#0000 58%);mask-image:linear-gradient(280deg,#000 0%,#0000 58%)}.k-scene-image{background-position:50%;background-size:cover;position:absolute;inset:0}.k-scene-vignette{background:radial-gradient(ellipse 85% 80% at 50% 50%, transparent 55%, color-mix(in srgb, var(--bg) 80%, transparent) 100%);position:absolute;inset:0}.k-scene.has-image .k-scene-vignette{background:linear-gradient(90deg, color-mix(in srgb, var(--bg) 70%, transparent) 0%, transparent 55%), radial-gradient(ellipse 85% 80% at 50% 50%, transparent 50%, color-mix(in srgb, var(--bg) 85%, transparent) 100%)}.seg{gap:2px;padding-inline:6px;display:inline-flex}.seg button{--h:max(32px, var(--tap-min));isolation:isolate;min-height:var(--h);height:var(--h);color:var(--text-2);font-family:var(--font-display);font-weight:600;font-size:var(--fs-sm);background:0 0;border:0;border-radius:0;padding:0 1em;position:relative}.seg button:before{content:"";inset:0 calc(var(--h) * tan(var(--slant)) / 2);z-index:-1;transform:skewX(calc(var(--slant) * -1));background:linear-gradient(180deg, var(--panel-3), var(--panel));border:1px solid var(--line-2);position:absolute}.seg button:hover:not(.on){color:var(--text);filter:none}.seg button.on{color:var(--text)}.seg button.on:before{background:linear-gradient(180deg, color-mix(in srgb, var(--p1) 40%, var(--panel)), color-mix(in srgb, var(--p1) 14%, var(--panel)));border-color:var(--p1);box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--p1) 45%, transparent)}@keyframes k-spin{to{transform:rotate(360deg)}}@keyframes k-pulse{50%{opacity:.35}}@keyframes k-breathe{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.03)}}@keyframes k-ring-active{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.08)}}@keyframes k-sweep{0%,to{opacity:0;transform:skewX(calc(var(--slant) * -1)) translateX(0)}4%{opacity:1}30%{opacity:1}35%{opacity:0;transform:skewX(calc(var(--slant) * -1)) translateX(calc((1 - var(--sweep-w)) / var(--sweep-w) * 100%))}}@keyframes k-circuit-phase{0%,to{opacity:0}35%,60%{opacity:1}}@keyframes k-fade{0%{opacity:0}}@keyframes k-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes k-sheet-up{0%{transform:translateY(100%)}}@keyframes k-toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.k-modal:focus,.k-modal:focus-visible{outline:none}:root[data-fx=off] .k-btn-primary:after,:root[data-fx=off] .k-ring:before,:root[data-fx=off] .k-ring-spin,:root[data-fx=off] .k-ring-spin-rev,:root[data-fx=off] .k-circuit-pulses{animation:none}:root[data-hidden] .k-btn-primary:after,:root[data-hidden] .k-ring:before,:root[data-hidden] .k-ring-spin,:root[data-hidden] .k-ring-spin-rev,:root[data-hidden] .k-ring.is-active:before,:root[data-hidden] .k-circuit-pulses{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.k-btn-primary:after,.k-circuit-pulses{animation:none}}:root{--tap:var(--tap-mouse,38px);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--tone:var(--p1);--tone-glow:color-mix(in srgb, var(--tone) var(--glow-alpha,55%), transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (pointer:coarse){:root{--tap:var(--tap-touch,44px)}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden}html{background:var(--bg)}body{background-color:var(--bg);background-image:radial-gradient(ellipse 70% 55% at 12% 100%, color-mix(in srgb, var(--p1) 14%, transparent), transparent 70%), radial-gradient(ellipse 60% 50% at 92% 0%, color-mix(in srgb, var(--p2) 12%, transparent), transparent 70%), linear-gradient(180deg, var(--bg-2), var(--bg) 60%);color:var(--text);font-family:var(--font-ui);font-size:var(--fs);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior:none;background-attachment:fixed;line-height:1.5;position:relative}body:before,body:after{content:"";pointer-events:none;z-index:var(--z-scene,-1);position:fixed;inset:0}body:before{background:var(--line);opacity:.32;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48.5' height='84' viewBox='0 0 34.64 60'%3E%3Cpath d='M17.32 0 34.64 10v20L17.32 40 0 30V10zM17.32 40v20' fill='none' stroke='%23000' stroke-width='.9'/%3E%3C/svg%3E") 0 0/48.5px 84px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48.5' height='84' viewBox='0 0 34.64 60'%3E%3Cpath d='M17.32 0 34.64 10v20L17.32 40 0 30V10zM17.32 40v20' fill='none' stroke='%23000' stroke-width='.9'/%3E%3C/svg%3E") 0 0/48.5px 84px}body:after{background:var(--line-2);opacity:.42;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M0 40h70l30 30h80l20-20h120M40 0v30l20 20v90l-30 30v150M320 150h-60l-25 25H150l-30 30v115M0 230h50l25-25h45M200 320v-50l30-30h90M260 0v40l-20 20'/%3E%3Cg fill='%23000'%3E%3Ccircle cx='180' cy='70' r='3'/%3E%3Ccircle cx='60' cy='140' r='3'/%3E%3Ccircle cx='150' cy='175' r='3'/%3E%3Ccircle cx='120' cy='205' r='3'/%3E%3Ccircle cx='230' cy='240' r='3'/%3E%3Ccircle cx='240' cy='60' r='3'/%3E%3C/g%3E%3C/svg%3E") 0 0/320px 320px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320' fill='none' stroke='%23000' stroke-width='1.2'%3E%3Cpath d='M0 40h70l30 30h80l20-20h120M40 0v30l20 20v90l-30 30v150M320 150h-60l-25 25H150l-30 30v115M0 230h50l25-25h45M200 320v-50l30-30h90M260 0v40l-20 20'/%3E%3Cg fill='%23000'%3E%3Ccircle cx='180' cy='70' r='3'/%3E%3Ccircle cx='60' cy='140' r='3'/%3E%3Ccircle cx='150' cy='175' r='3'/%3E%3Ccircle cx='120' cy='205' r='3'/%3E%3Ccircle cx='230' cy='240' r='3'/%3E%3Ccircle cx='240' cy='60' r='3'/%3E%3C/g%3E%3C/svg%3E") 0 0/320px 320px}#root{isolation:isolate;height:100dvh;position:relative}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.15}h2{font-size:var(--fs-lg)}a{color:var(--p1)}img,svg{max-width:100%}::selection{background:color-mix(in srgb, var(--p1) 45%, transparent);color:var(--text)}:focus-visible{outline:2px solid var(--p1);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:var(--p1-deep)}button,.btn{font:inherit;color:var(--text);background:linear-gradient(180deg, var(--panel-3), var(--panel-2));border:var(--border-w) solid var(--zone-border);border-radius:var(--radius-sm);min-height:var(--tap);padding:0 var(--pad);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), filter var(--motion-fast), transform 50ms}button:hover:not(:disabled){filter:brightness(1.12);border-color:color-mix(in srgb, var(--p1) 60%, transparent)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--gap-sm);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-style:italic;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--grad-metal-gold);border-color:var(--gold-hi);color:var(--ink);box-shadow:0 0 var(--glow-md) color-mix(in srgb, var(--gold) 45%, transparent)}.btn-danger{background:var(--grad-metal-p2);border-color:var(--p2);color:var(--text)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--zone)}.btn-big{min-height:var(--tap-big);font-size:var(--fs-lg)}.btn-block{width:100%}input,select,textarea{font:inherit;font-size:max(16px, var(--fs));color:var(--text);background:color-mix(in srgb, var(--bg) 70%, var(--panel));border:var(--border-w) solid var(--zone-border);border-radius:var(--radius-sm);min-height:var(--tap);padding:0 var(--pad);width:100%;min-width:0;transition:border-color var(--motion-fast), box-shadow var(--motion-fast)}textarea{padding-block:var(--gap-sm);line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--p1);box-shadow:0 0 0 1px color-mix(in srgb, var(--p1) 50%, transparent), 0 0 var(--glow-md) color-mix(in srgb, var(--p1) 35%, transparent);outline:none}input::placeholder,textarea::placeholder{color:var(--muted)}select{cursor:pointer}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field label,.picker>label{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.field-error input{border-color:var(--danger)}.field-note{font-size:var(--fs-sm);color:var(--muted)}.field-error .field-note,.field-note.danger{color:var(--danger)}.panel{background:var(--grad-panel);border:var(--border-w) solid color-mix(in srgb, var(--p1) 35%, transparent);border-radius:var(--radius-sm);padding:var(--pad);min-width:0;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--p1) 30%, transparent), 0 0 var(--glow-lg) color-mix(in srgb, var(--p1) 12%, transparent);position:relative}.stack{gap:var(--gap);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.row-2{gap:var(--gap-sm);grid-template-columns:1fr 1fr;display:grid}.grow{flex:1}.narrow{width:min(100%,420px);margin-inline:auto}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.ok{color:var(--ok)}.danger{color:var(--danger)}.break{overflow-wrap:anywhere}.display{font-family:var(--font-display);letter-spacing:.03em;font-style:italic;font-weight:700}.caps{text-transform:uppercase;letter-spacing:.08em}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.tag{border-radius:var(--radius-sm);background:var(--p1);color:var(--ink);font-size:var(--fs-xs);vertical-align:middle;margin-inline-start:var(--gap-sm);padding:0 6px;font-weight:700;display:inline-block}.screen{isolation:isolate;-webkit-overflow-scrolling:touch;height:100%;padding:calc(var(--safe-t) + var(--gap)) calc(var(--safe-r) + var(--gap)) calc(var(--safe-b) + var(--gap)) calc(var(--safe-l) + var(--gap));flex-direction:column;display:flex;position:relative;overflow:hidden auto}.screen-head{align-items:center;gap:var(--gap);margin-bottom:var(--gap);min-height:var(--tap);flex:none;display:flex}.screen-back{flex:none}.screen-title{font-family:var(--font-display);font-style:italic;font-size:var(--fs-xl);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.screen-right{align-items:center;gap:var(--gap-sm);flex:none;margin-inline-start:auto;display:flex}.screen-body{width:100%;max-width:var(--content-max);flex:1 0 auto;margin-inline:auto}.center-screen{justify-content:center;align-items:center}.center-msg{align-items:center;gap:var(--gap);text-align:center;flex-direction:column;display:flex}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot-ok{background:var(--ok);box-shadow:0 0 6px var(--ok)}.dot-off{background:var(--muted)}.dot-busy{background:var(--gold);box-shadow:0 0 6px var(--gold);animation:1s ease-in-out infinite k-pulse}.badge{border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.04em;white-space:nowrap;padding:2px 8px;font-weight:700;display:inline-block}.badge-ok{background:color-mix(in srgb, var(--ok) 18%, transparent);color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 45%, transparent)}.badge-warn,.badge-error{background:color-mix(in srgb, var(--gold) 16%, transparent);color:var(--gold);border:1px solid color-mix(in srgb, var(--gold) 45%, transparent)}.badge-unplayable{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 45%, transparent)}.rotate-icon{height:90px;color:var(--p1);place-items:center;display:grid}.rotate-icon span{width:40px;height:70px;box-shadow:0 0 var(--glow-md) var(--tone-glow);border:3px solid;border-radius:8px;animation:2.4s ease-in-out infinite rotate-phone}@keyframes rotate-phone{0%,25%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}@keyframes pulse{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-body{align-items:center;display:flex}.home-grid{gap:var(--gap);grid-template-columns:1fr;width:100%;max-width:920px;margin-inline:auto;display:grid}.home-brand{gap:var(--gap);flex-direction:column;display:flex}.home-logo{width:44px;height:44px;position:relative}.home-logo:before,.home-logo:after,.home-logo span{content:"";border-radius:4px;width:24px;height:36px;position:absolute;top:2px}.home-logo:before{background:var(--accent);left:4px;transform:rotate(-14deg)}.home-logo:after{background:var(--accent-2);left:16px;transform:rotate(14deg)}.home-eyebrow{font-size:var(--fs-sm);letter-spacing:.12em;color:var(--accent-2);margin-bottom:calc(var(--gap) * -1 + 2px);font-weight:600}.home-title{font-size:var(--fs-xl);letter-spacing:.01em;font-weight:700;line-height:1.1}.home-foot{justify-content:space-between;align-items:center;gap:var(--gap-sm) var(--gap);flex-wrap:wrap;margin-top:auto;display:flex}.home-actions{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.join-row{gap:var(--gap-sm);align-items:flex-start;display:flex}.join-row .field{flex:1}.join-row>.btn{flex:none}.code-input input{text-transform:uppercase;letter-spacing:.2em;font-weight:600}.code-input input::placeholder{letter-spacing:normal;text-transform:none;font-weight:400}@media (width>=640px){.home-grid{grid-template-columns:1fr 1fr;align-items:stretch}}@media (height<=480px){.home .panel{padding:var(--gap)}.home-grid,.home-actions,.home .stack,.home-brand{gap:var(--gap-sm)}.home-logo{display:none}.home .btn-big{min-height:var(--tap);font-size:var(--fs)}}.conn{align-items:center;gap:var(--gap-sm);font-size:var(--fs-sm);color:var(--muted);display:inline-flex}.lobby-grid{gap:var(--gap);grid-template-columns:1fr;display:grid}@media (width>=640px){.lobby-grid{grid-template-columns:1fr 1fr}.lobby-chat{grid-column:1/-1}}@media (width>=820px){.lobby-grid{grid-template-columns:1.1fr 1fr 1fr;align-items:stretch}.lobby-chat{grid-column:auto}}.room-code{justify-content:space-between;align-items:center;gap:var(--gap-sm) var(--gap);flex-wrap:wrap;display:flex}.room-code>.muted{flex-basis:100%}.room-code-value{font-size:var(--fs-xl);letter-spacing:.15em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;white-space:nowrap;font-weight:700;line-height:1.1}.seats{gap:var(--gap-sm);display:grid}.seat{border:1px solid;border-radius:var(--radius);padding:var(--gap-sm) var(--gap);background:var(--panel-2);border-inline-start-width:4px;min-width:0}.seat-head{font-size:var(--fs-sm);justify-content:space-between;align-items:center;font-weight:600;display:flex}.seat-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.chat{gap:var(--gap-sm);flex-direction:column;min-height:220px;display:flex}.chat-list{background:var(--bg);border-radius:var(--radius);min-height:100px;max-height:40dvh;padding:var(--gap-sm) var(--gap);flex-direction:column;flex:1 1 0;gap:2px;display:flex;overflow-y:auto}.chat-line{overflow-wrap:anywhere}.chat-input{gap:var(--gap-sm);display:flex}.chat-input .field{flex:1}@media (width>=820px){.chat-list{max-height:none}}@media (height<=480px){.lobby .panel{padding:var(--gap)}.lobby .stack{gap:var(--gap-sm)}.lobby .btn-big{min-height:var(--tap);font-size:var(--fs)}.lobby .screen-head{margin-bottom:var(--gap-sm)}}.picker{gap:var(--gap-sm);flex-direction:column;min-width:0;display:flex}.picker-info{justify-content:space-between;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.picker-counts{gap:2px var(--gap);font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;display:flex}.picker-issues{font-size:var(--fs-sm)}.picker-issues summary{cursor:pointer;color:var(--muted);min-height:24px}.picker-issues ul{margin:var(--gap-sm) 0 0;max-height:30dvh;padding-inline-start:1.2em;overflow-y:auto}.issue-error{color:var(--accent-2)}.issue-warn{color:var(--muted)}.picker-empty{align-items:flex-start}.solo-hint{margin-bottom:var(--gap)}.solo-grid{gap:var(--gap);grid-template-columns:1fr;display:grid}@media (width>=640px){.solo-grid{grid-template-columns:1fr 1fr}}.solo-side{border-top-width:4px}.solo-start{justify-content:center;align-items:center;gap:var(--gap);margin-top:var(--gap);flex-wrap:wrap;display:flex}.solo-start .btn{min-width:min(100%,260px)}@media (height<=480px){.solo .panel{padding:var(--gap)}.solo .stack{gap:var(--gap-sm)}}
