@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2)format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2)format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cinzel-latin-ext-800-normal-BVA5zD9y.woff2)format("woff2"),url(/assets/cinzel-latin-ext-800-normal-gMcvnDsD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/cinzel-latin-800-normal-CwkMVn6z.woff2)format("woff2"),url(/assets/cinzel-latin-800-normal-69OYDlL6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-0:#0f0820;--bg-1:#140b26;--bg-2:#1b1033;--bg-3:#2a1b4d;--bg-4:#3a2a66;--gold-1:#fbe7a1;--gold-2:#f2c75c;--gold-3:#d9a441;--gold-4:#a8792a;--gold-5:#7a5418;--gold-glow:#f7d77459;--gold-ink:#3b2508;--gold-text:linear-gradient(180deg, #fff6d2 0%, #f7d774 42%, #d9a441 70%, #b3822e 100%);--parch-1:#f7f0e2;--parch-2:#eadfc8;--parch-3:#d8c7a6;--ink-1:#2a2140;--ink-2:#5a4d73;--text-1:#f5f0ff;--text-2:#cdc3ea;--text-3:#968bb8;--team-me:#4fb3ff;--team-enemy:#ff5a5a;--ok:#5ad19b;--warn:#ffb547;--danger:#ff5a5a;--cls-king:#f2c75c;--cls-knight:#9fb4cc;--cls-wizard:#a47bff;--cls-archer:#7ccf6a;--cls-merchant:#e59a52;--cls-healer:#5fd6c4;--panel-bg:linear-gradient(180deg, #32215ef0 0%, #1d1239f2 100%);--panel-border:#d9a4415c;--scrim:#0a0516a8;--font-display:"Cinzel", "Iowan Old Style", Georgia, serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-s:8px;--radius-m:14px;--radius-l:22px;--radius-xl:28px;--shadow-1:0 2px 10px #00000059;--shadow-2:0 10px 30px #00000073;--shadow-3:0 18px 48px #04010c99;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.14s;--dur-med:.22s;--gutter:16px;--content-max:480px;--tap:44px;--z-backdrop:0;--z-scene:1;--z-screen:10;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html,body{background:radial-gradient(120% 90% at 50% 10%, var(--bg-3) 0%, var(--bg-1) 55%, var(--bg-0) 100%);background-color:var(--bg-1);height:100%;color:var(--text-1);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-size:16px;line-height:1.45}#root{position:fixed;inset:0;overflow:hidden}button{font:inherit;color:inherit}input,textarea{font:inherit;-webkit-user-select:text;user-select:text;font-size:max(16px,1rem)}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0}:focus-visible{outline:2px solid var(--gold-1);outline-offset:2px}::selection{background:#f2c75c59}.kicker{font:800 12px/1.2 var(--font-display);letter-spacing:.22em;color:var(--gold-3)}.display-title{font:800 clamp(26px, 7.4vw, 36px) / 1.1 var(--font-display);letter-spacing:.04em;background:var(--gold-text);color:#0000;filter:drop-shadow(0 2px #3a2208e6);-webkit-background-clip:text;background-clip:text}.lead{color:var(--text-2);font-size:15px}.lead--center{text-align:center}.muted{color:var(--text-3);font-size:13.5px}.dedication{letter-spacing:.03em;color:var(--text-3);font-size:12.5px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stack{flex-direction:column;gap:10px;display:flex}.button-row{gap:10px;display:flex}.button-row>.btn{flex:1 1 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.spinner,.hex-spinner__run{animation:1.6s ease-in-out infinite busy-pulse!important}}@keyframes busy-pulse{50%{opacity:.35}}.btn{--h:48px;--fs:15px;--cut:13px;--shape:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);--shape-in:polygon(calc(var(--cut) - 1px) 0, calc(100% - var(--cut) + 1px) 0, 100% 50%, calc(100% - var(--cut) + 1px) 100%, calc(var(--cut) - 1px) 100%, 0 50%);--rim:linear-gradient(180deg, #f7d774e6, #a8792abf);--face:linear-gradient(180deg, #3f2b72 0%, #2b1c50 58%, #221541 100%);--ink:#f3e6c8;--ts:0 1px 0 #00000073;cursor:pointer;min-width:0;font:800 var(--fs) / 1.1 var(--font-display);letter-spacing:.06em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 7px #05020f80);transition:transform .12s var(--ease-out), filter .16s ease, opacity .16s ease;background:0 0;border:0;padding:0;display:inline-flex;position:relative}.btn:after{content:"";inset:min(0px, calc((var(--h) - 44px) / 2)) 0;position:absolute}.btn__rim{width:100%;min-height:var(--h);clip-path:var(--shape);background:var(--rim);padding:2px;display:flex}.btn__face{min-width:0;padding:0 calc(var(--cut) + 8px);clip-path:var(--shape-in);background:linear-gradient(180deg, #ffffff29 0%, #fff0 48%), var(--face);color:var(--ink);text-shadow:var(--ts);flex:1;justify-content:center;align-items:center;gap:8px;transition:filter .12s;display:flex}.btn__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.btn__icon{width:calc(var(--fs) + 5px);height:calc(var(--fs) + 5px);flex:none}.btn--block{width:100%;display:flex}.btn--sm{--h:40px;--fs:12.5px;--cut:11px}.btn--md{--h:48px;--fs:14.5px;--cut:13px}.btn--lg{--h:56px;--fs:16.5px;--cut:15px}.btn--xl{--h:64px;--fs:23px;--cut:19px;letter-spacing:.12em}.btn--primary{--rim:linear-gradient(180deg, #fff3c4 0%, #c79634 55%, #7a5418 100%);--face:linear-gradient(180deg, #ffe7a0 0%, #f7cf62 40%, #e4ab41 70%, #c98a2a 100%);--ink:var(--gold-ink);--ts:0 1px 0 #fff4cdbf;filter:drop-shadow(0 4px 8px #05020f8c)drop-shadow(0 0 12px #f7d77452)}.btn--primary .btn__face{background:linear-gradient(180deg, #ffffff6b 0%, #fff0 50%), var(--face)}.btn--danger{--rim:linear-gradient(180deg, #ffb3a9 0%, #b3261e 60%, #6e120c 100%);--face:linear-gradient(180deg, #f06b5f 0%, #d23d33 55%, #a8261f 100%);--ink:#fff5f3;--ts:0 1px 0 #5000008c}.btn--ghost{filter:none}.btn--ghost .btn__rim{clip-path:none;background:0 0;padding:0}.btn--ghost .btn__face{clip-path:none;color:var(--gold-2);text-shadow:none;letter-spacing:.04em;background:0 0;padding:0 12px;font-weight:600}@media (hover:hover){.btn:hover:not(:disabled) .btn__face{filter:brightness(1.08)}.btn--ghost:hover:not(:disabled) .btn__label{text-underline-offset:3px;text-decoration:underline}}.btn:active:not(:disabled){transform:translateY(1px)scale(.975)}.btn:active:not(:disabled) .btn__face{filter:brightness(.9)}.btn:disabled{cursor:default;opacity:.5;filter:grayscale(.7)drop-shadow(0 2px 4px #05020f66)}.btn:focus-visible{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 6px var(--gold-1));outline:none}.icon-btn{width:var(--tap);height:var(--tap);color:var(--gold-1);cursor:pointer;transition:transform .12s var(--ease-out);background:radial-gradient(circle at 50% 30%,#412c75 0%,#20133f 100%);border:1px solid #f2c75c8c;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;box-shadow:0 4px 10px #05020f73,inset 0 1px #ffffff1a}.icon-btn:active{transform:scale(.92)}.icon-btn--plain{box-shadow:none;color:var(--text-2);background:0 0;border:0}.icon-btn--gold{color:var(--gold-ink);background:linear-gradient(#ffe7a0,#d9a441);border-color:#8a6420}.panel{border-radius:18px;padding:16px;position:relative}.panel--glass{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:inset 0 1px #ffffff12,0 12px 30px #04010c73}.panel--parchment{color:var(--ink-1);box-shadow:inset 0 0 0 4px #fffcf073, inset 0 0 0 5px #a8792a59, inset 0 0 28px #78501429, var(--shadow-3);background:radial-gradient(120% 70% at 50% 0,#ffffffbf 0%,#fff0 60%),radial-gradient(90% 60% at 100% 100%,#ba8e4638 0%,#ba8e4600 70%),linear-gradient(#f8f0dd 0%,#efe2c4 55%,#e3d0a8 100%);border:1px solid #b8914a}.card-title{font:800 17px/1.2 var(--font-display);letter-spacing:.06em;color:var(--gold-1)}.card-title--sm{font-size:15px}.card-sub{color:var(--text-2);margin-top:3px;font-size:14px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{font:800 11.5px/1.2 var(--font-display);letter-spacing:.16em;color:var(--gold-3)}.field__control{background:#0a05188c;border:1px solid #d9a44166;border-radius:14px;align-items:center;gap:6px;min-height:52px;padding:0 6px 0 14px;transition:border-color .14s,box-shadow .14s;display:flex;box-shadow:inset 0 2px 6px #00000059}.field__control:focus-within{border-color:var(--gold-2);box-shadow:inset 0 2px 6px #00000059,0 0 0 3px #f2c75c2e}.field__icon{color:var(--gold-3);flex:none}.field__input{min-width:0;height:48px;color:var(--text-1);letter-spacing:.01em;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:17px;font-weight:600}.field__input::placeholder{color:var(--text-3);font-weight:400}.field__input:disabled{opacity:.55}.field__msg{min-height:18px;color:var(--text-3);font-size:12.5px;line-height:18px}.field.has-error .field__control{border-color:#ff6e64d9}.field.has-error .field__msg{color:#ff9a90}.field--light .field__label{color:#8a6420}.field--light .field__control{background:#fffcf4d9;border-color:#c5a466;box-shadow:inset 0 2px 4px #7850142e}.field--light .field__control:focus-within{border-color:#a8792a;box-shadow:inset 0 2px 4px #7850142e,0 0 0 3px #d9a44140}.field--light .field__icon{color:#a8792a}.field--light .field__input{color:var(--ink-1)}.field--light .field__input::placeholder{color:#9a8a6f}.field--light .field__msg{color:var(--ink-2)}.field--light.has-error .field__msg{color:#b3261e}.segmented{--n:3;--i:0;--pad:4px;grid-template-columns:repeat(var(--n), 1fr);padding:var(--pad);background:#0a05188c;border:1px solid #d9a4414d;border-radius:14px;min-height:48px;display:grid;position:relative;box-shadow:inset 0 2px 6px #00000059}.segmented__thumb{top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad)) / var(--n));transform:translateX(calc(100% * var(--i)));transition:transform .22s var(--ease-spring);background:linear-gradient(#ffe7a0 0%,#f2c75c 50%,#d49a36 100%);border-radius:10px;position:absolute;box-shadow:0 2px 8px #f7d77459,inset 0 1px #fff9}.segmented__opt{z-index:1;min-height:40px;color:var(--text-2);font:800 14px/1 var(--font-display);letter-spacing:.05em;cursor:pointer;background:0 0;border:0;padding:0 6px;transition:color .16s;position:relative}.segmented__opt.is-on{color:var(--gold-ink)}.segmented--sm{min-width:124px;min-height:44px}.segmented--sm .segmented__opt{min-height:36px;font-size:13px}.toggle{cursor:pointer;background:#0a051899;border:1px solid #d9a44166;border-radius:16px;flex:none;width:56px;height:32px;padding:0;transition:background .18s;position:relative}.toggle:after{content:"";position:absolute;inset:-6px -2px}.toggle__knob{width:24px;height:24px;transition:transform .22s var(--ease-spring), background .18s ease;background:linear-gradient(#cdc3ea,#968bb8);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0006}.toggle.is-on{background:linear-gradient(#f7d774,#c98a2a);border-color:#8a6420}.toggle.is-on .toggle__knob{background:linear-gradient(#fffdf6,#efe2c4);transform:translate(24px)}.range{appearance:none;cursor:pointer;background:0 0;width:148px;height:32px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold-3), var(--gold-2));border-radius:3px;height:6px;box-shadow:inset 0 1px 2px #0006}.range::-moz-range-track{background:linear-gradient(90deg, var(--gold-3), var(--gold-2));border-radius:3px;height:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#fff3c4,#f2c75c);border:2px solid #8a6420;border-radius:50%;width:24px;height:24px;margin-top:-9px;box-shadow:0 2px 6px #00000073}.range::-moz-range-thumb{background:linear-gradient(#fff3c4,#f2c75c);border:2px solid #8a6420;border-radius:50%;width:22px;height:22px}.range:disabled{opacity:.4}.badge{height:18px;font:800 9.5px/1 var(--font-display);letter-spacing:.08em;border-radius:9px;align-items:center;padding:0 6px;display:inline-flex}.badge--new{z-index:1;color:#fff;background:linear-gradient(#ff8a7a,#d23d33);position:absolute;top:-7px;right:6px;box-shadow:0 2px 6px #00000073}.spinner{border:2.5px solid #f2c75c40;border-top-color:var(--gold-2);border-radius:50%;flex:none;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}.spinner--sm{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}.hex-spinner{flex:none;overflow:visible}.hex-spinner path{fill:none;stroke-linejoin:round;stroke-linecap:round}.hex-spinner__track{stroke:#f2c75c2e;stroke-width:2.5px}.hex-spinner__run{stroke:var(--gold-2);stroke-width:3px;stroke-dasharray:18 82;filter:drop-shadow(0 0 3px #f7d774cc);animation:1.3s linear infinite hex-run}.hex-spinner__ring{stroke:#f2c75c4d;stroke-width:1.2px;stroke-dasharray:3 5;transform-origin:24px 24px}.hex-spinner__ring--outer{animation:14s linear infinite ring-cw;transform:scale(1.3)}.hex-spinner__ring--inner{animation:9s linear infinite ring-ccw}.hex-spinner--radar .hex-spinner__track{stroke-width:1.8px}.hex-spinner--radar .hex-spinner__run{stroke-width:2.2px}@keyframes hex-run{to{stroke-dashoffset:-100px}}@keyframes ring-cw{0%{transform:scale(1.3)rotate(0)}to{transform:scale(1.3)rotate(360deg)}}@keyframes ring-ccw{to{transform:rotate(-360deg)}}.ornament{color:var(--gold-3);align-items:center;gap:6px;display:inline-flex}.ornament__line{opacity:.8;background:currentColor;width:18px;height:1px}.emblem{filter:drop-shadow(0 4px 12px #00000073);overflow:visible}.skeleton{background:linear-gradient(90deg,#785a281f 0%,#785a2842 50%,#785a281f 100%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer;display:block}.skeleton--title{width:62%;height:34px;margin:4px auto}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.portrait{--cls:var(--gold-2);aspect-ratio:4/5;background:radial-gradient(90% 70% at 50% 30%, color-mix(in srgb, var(--cls) 45%, transparent) 0%, transparent 70%), linear-gradient(180deg, #2c1d52 0%, #170d31 100%);border-radius:12px;display:block;position:relative;overflow:hidden}.portrait__img{object-fit:cover;width:100%;height:100%;display:block}.portrait__medallion{place-items:center;display:grid;position:absolute;inset:0}.portrait__medallion:before{content:"";aspect-ratio:.866;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#fff3c4,#a8792a);width:74%;position:absolute}.portrait__medallion:after{content:"";aspect-ratio:.866;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--cls) 88%, white) 0%, var(--cls) 45%, color-mix(in srgb, var(--cls) 45%, #120a24) 100%);width:calc(74% - 6px);position:absolute}.portrait__icon{z-index:1;color:#1b1033;stroke-width:1.7px;filter:drop-shadow(0 1px #ffffff73);width:40%;height:40%;position:relative}.class-card{--cls:var(--gold-2);min-width:0;color:var(--text-1);text-align:center;font:inherit;transition:transform .16s var(--ease-out), border-color .16s ease, box-shadow .16s ease;background:linear-gradient(#382668f2,#1c1137f7);border:1px solid #d9a44159;border-radius:16px;flex-direction:column;gap:6px;padding:7px 7px 9px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff12,0 8px 18px #04010c73;container-type:inline-size}.class-card.is-interactive{cursor:pointer}.class-card.is-interactive:active:not(:disabled){transform:scale(.97)}.class-card.is-selected{border-color:var(--gold-1);box-shadow:0 0 0 2px #f7d7748c,0 0 22px #f7d77459,0 8px 18px #04010c73}.class-card.is-disabled,.class-card:disabled{opacity:.45;cursor:default}.class-card__name{font:800 clamp(11px, 11.5cqw, 16px) / 1.1 var(--font-display);letter-spacing:.04em;color:var(--gold-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.class-card__ability{min-height:14px;color:var(--text-2);justify-content:center;align-items:center;gap:4px;font-size:clamp(10px,9.6cqw,13px);line-height:1.15;display:flex}.class-card__ability>span{overflow-wrap:anywhere;min-width:0}.class-card__ability svg{color:var(--cls);flex:none}.class-card__cost{background:#0f0820b8;border-radius:8px;padding:3px 5px;display:flex;position:absolute;top:12px;left:12px}.class-card__foot{justify-content:center;align-items:center;gap:4px;margin-top:auto;display:flex}.class-card__stats{color:var(--text-1);gap:10px;font-size:clamp(10.5px,10cqw,13px);font-weight:700;display:flex}.class-card__badge{position:absolute;top:4px;right:4px}.stat{align-items:center;gap:2px;display:inline-flex}.stat svg{color:var(--text-3)}.cost{align-items:center;gap:3px;display:inline-flex}.cost__pip{background:radial-gradient(circle at 35% 30%,#fff3c4 0%,#f2c75c 45%,#a8792a 100%);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #5a3c10cc}.cost--free{font:800 9.5px/1 var(--font-display);letter-spacing:.06em;color:var(--gold-2)}.hp-pips{flex-wrap:wrap;gap:3px;display:inline-flex}.hp-pip{background:#ffffff1f;border-radius:3px;width:10px;height:10px;box-shadow:inset 0 0 0 1px #ffffff2e}.hp-pips--sm .hp-pip{border-radius:2px;width:7px;height:7px}.hp-pips--me .hp-pip.is-full{background:linear-gradient(#8ff0c0,#3fb07c)}.hp-pips--enemy .hp-pip.is-full{background:linear-gradient(#ff9a90,#d23d33)}.hp-pips--neutral .hp-pip.is-full{background:linear-gradient(#fff3c4,#d9a441)}.hp-pip.is-shield{background:linear-gradient(#a9dcff,#4fb3ff);border-radius:50%}.timer-ring{flex:none;place-items:center;display:inline-grid;position:relative}.timer-ring svg{position:absolute;inset:0}.timer-ring__track{fill:#0a05188c;stroke:#f2c75c33;stroke-width:4px}.timer-ring__arc{fill:none;stroke:var(--gold-2);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.timer-ring.is-warn .timer-ring__arc{stroke:#ff7a6e}.timer-ring__label{font:800 15px/1 var(--font-display);color:var(--gold-1);font-variant-numeric:tabular-nums;position:relative}.timer-ring.is-warn .timer-ring__label{color:#ffb0a8}.sheet-layer,.modal-layer{pointer-events:auto;display:flex;position:fixed;inset:0}.sheet-layer{z-index:70;justify-content:center;align-items:flex-end}.modal-layer{z-index:80;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 20px);justify-content:center;align-items:center}.sheet-backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(3px);background:#0803149e;animation:.2s both fade-in;position:absolute;inset:0}.is-closing .sheet-backdrop,.is-closing .modal-backdrop{animation:.2s both fade-out}.sheet{border:1px solid var(--panel-border);width:100%;max-width:560px;max-height:min(88dvh,88vh);animation:sheet-in .28s var(--ease-out) both;transition:transform .16s var(--ease-out);background:linear-gradient(#34225f 0%,#1d1239 100%);border-bottom:0;border-radius:24px 24px 0 0;outline:none;flex-direction:column;display:flex;position:relative;box-shadow:0 -12px 40px #04010c99}.is-closing .sheet{animation:.22s both sheet-out}.sheet__grab{touch-action:none;cursor:grab;flex:none;place-items:center;height:22px;display:grid}.sheet__handle{background:#cdc3ea59;border-radius:3px;width:42px;height:5px}.sheet__header{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 20px;display:flex}.sheet__title{font:800 13px/1.2 var(--font-display);letter-spacing:.18em;color:var(--gold-3)}.sheet__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 20px calc(var(--safe-bottom) + 24px);overflow-y:auto}.modal{border:1px solid var(--panel-border);width:100%;max-width:380px;box-shadow:inset 0 1px 0 #ffffff14, var(--shadow-3);text-align:center;animation:modal-in .26s var(--ease-spring) both;background:linear-gradient(#3a2769 0%,#1f1340 100%);border-radius:22px;outline:none;padding:26px 22px 20px;position:relative}.modal--gold{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 40px #f7d77433, var(--shadow-3);border-color:#f7d774b3}.is-closing .modal{animation:.18s both modal-out}.modal__art{justify-content:center;margin-bottom:12px;display:flex}.modal__kicker{font:800 11.5px/1.2 var(--font-display);letter-spacing:.22em;color:var(--gold-3);margin-bottom:6px}.modal__title{font:800 21px/1.25 var(--font-display);letter-spacing:.02em;color:var(--gold-1);overflow-wrap:anywhere}.modal__body{color:var(--text-2);margin-top:10px;font-size:15px}.modal__actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}@keyframes modal-out{to{opacity:0;transform:scale(.96)}}.toast-stack{z-index:90;top:calc(var(--safe-top) + 10px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(100% - 32px,420px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{max-width:100%;box-shadow:var(--shadow-2);color:var(--text-1);pointer-events:auto;animation:toast-in .26s var(--ease-spring) both;background:#1f1340f5;border:1px solid #d9a44166;border-radius:14px;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-size:14.5px;line-height:1.3;display:flex}.toast__icon{width:26px;height:26px;color:var(--gold-1);background:#f2c75c2e;border-radius:50%;flex:none;place-items:center;display:grid}.toast--success .toast__icon{color:var(--ok);background:#5ad19b33}.toast--warn .toast__icon{color:var(--warn);background:#ffb54733}.toast--error{border-color:#ff6e648c}.toast--error .toast__icon{color:#ff8a80;background:#ff5a5a33}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}}.avatar{--hue:40;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(160deg, hsl(var(--hue) 70% 68%), hsl(var(--hue) 55% 38%));color:#fff;width:44px;height:44px;font:800 18px/1 var(--font-display);text-transform:uppercase;text-shadow:0 1px 2px #00000073;flex:none;place-items:center;display:grid}@media (width<=380px){.button-row>.btn{--fs:13px;--cut:11px;letter-spacing:.02em}.button-row>.btn .btn__label{text-overflow:clip}}.backdrop{z-index:var(--z-backdrop);pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__lattice{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48.5' height='84' viewBox='0 0 48.5 84'%3E%3Cpath d='M24.25 0 48.5 14v28L24.25 56 0 42V14zM24.25 56v28' fill='none' stroke='%23f2c75c' stroke-opacity='.10'/%3E%3C/svg%3E");background-size:48.5px 84px;transition:opacity .4s;position:absolute;inset:-12%;-webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000 20%,#0000 85%);mask-image:radial-gradient(80% 70% at 50% 45%,#000 20%,#0000 85%)}.backdrop__halo{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#f7d77400 52%,#f7d77438 55%,#f7d77400 58%),radial-gradient(circle,#f7d77433 0%,#a06eff1a 38%,#a06eff00 66%);border-radius:50%;width:min(96vw,64vh,620px);transition:opacity .6s;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.backdrop--title .backdrop__halo{opacity:1;animation:6s ease-in-out infinite halo-breathe}.backdrop--match .backdrop__lattice{opacity:0}@keyframes halo-breathe{50%{filter:brightness(1.15);transform:translate(-50%,-50%)scale(1.04)}}.scene-layer{z-index:var(--z-scene);position:fixed;inset:0}.screen-layer{z-index:var(--z-screen);pointer-events:none;position:fixed;inset:0}#overlay-root{z-index:100;pointer-events:none;position:fixed;inset:0}.screen-anim{pointer-events:none;animation:screen-fade var(--dur-med) var(--ease-out) backwards;position:absolute;inset:0}.screen-anim--push{animation-name:screen-in-forward}.screen-anim--pop{animation-name:screen-in-back}@keyframes screen-fade{0%{opacity:0}}@keyframes screen-in-forward{0%{opacity:0;transform:translate(22px)}}@keyframes screen-in-back{0%{opacity:0;transform:translate(-22px)}}@media (prefers-reduced-motion:reduce){.screen-anim,.screen-anim--push,.screen-anim--pop{animation:1ms both screen-fade}}.notice-stack{z-index:75;left:50%;bottom:calc(var(--safe-bottom) + 14px);width:min(calc(100% - 24px - var(--safe-left) - var(--safe-right)), 460px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;transform:translate(-50%)}.notice{max-width:100%;min-height:48px;box-shadow:var(--shadow-2);color:var(--text-1);pointer-events:auto;animation:notice-in .26s var(--ease-out) both;background:#1b1033f7;border:1px solid #d9a44173;border-radius:24px;align-items:center;gap:10px;padding:6px 8px 6px 14px;font-size:14px;line-height:1.25;display:flex}.notice__icon{flex:none}.notice__text{flex:1;min-width:0;padding-right:4px;font-weight:600}.notice--warn{border-color:#ffb54799}.notice--warn .notice__icon{color:var(--warn)}.notice--update .notice__icon{color:var(--gold-2)}@keyframes notice-in{0%{opacity:0;transform:translateY(10px)}}.install{text-align:center;flex-direction:column;align-items:center;gap:14px;padding-top:4px;display:flex}.install__badge{width:60px;height:60px;color:var(--gold-ink);background:linear-gradient(#ffe7a0,#d9a441);border-radius:16px;place-items:center;display:grid;box-shadow:0 6px 18px #f7d7744d}.install__body{color:var(--text-1);font-size:15.5px}.install__steps{counter-reset:step;flex-direction:column;gap:8px;width:100%;list-style:none;display:flex}.install__steps li{text-align:left;counter-increment:step;background:#0a051873;border:1px solid #d9a44140;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;display:flex}.install__steps li:before{content:counter(step);background:var(--gold-2);width:24px;height:24px;color:var(--gold-ink);font:800 13px/1 var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.install__steps svg{color:var(--team-me);flex:none}.install__note{color:var(--text-3);font-size:13px}.install .stack{width:100%}.screen{pointer-events:auto;flex-direction:column;display:flex;position:absolute;inset:0}.screen--menu{background:linear-gradient(#0c061abd 0%,#0c061a85 34%,#0c061acc 100%)}.screen-header{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 12px) 6px calc(var(--safe-left) + 12px);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.screen-header__side{min-width:var(--tap);align-items:center;display:flex}.screen-header__side--right{justify-content:flex-end}.screen-title{font:800 clamp(18px, 5.4vw, 24px) / 1.1 var(--font-display);letter-spacing:.09em;text-align:center;white-space:nowrap;background:var(--gold-text);color:#0000;filter:drop-shadow(0 2px #3a2208e6);-webkit-background-clip:text;background-clip:text}.screen-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:10px calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + 28px) calc(var(--safe-left) + var(--gutter));flex:1;overflow:hidden auto}.has-footer .screen-body{padding-bottom:16px}.no-header .screen-body{padding-top:calc(var(--safe-top) + 14px)}.screen-column{width:100%;max-width:var(--content-max);flex-direction:column;gap:14px;margin:0 auto;display:flex}.screen-footer{padding:12px calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + var(--gutter));background:linear-gradient(#0c061a00 0%,#0c061ad9 30%,#0c061af5 100%);flex:none}.section-heading{align-items:center;gap:10px;margin-top:6px;display:flex}.section-heading__text{font:800 12px/1.2 var(--font-display);letter-spacing:.22em;color:var(--gold-3);white-space:nowrap}.section-heading__rule{background:linear-gradient(90deg,#d9a4418c,#d9a44100);flex:1;height:1px}.online-count{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.online-dot{background:var(--ok);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #5ad19b33}.conn-note{min-height:44px;color:var(--text-2);background:#0a051880;border:1px dashed #cdc3ea47;border-radius:14px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:14px;line-height:1.3;display:flex}.conn-note--offline{border-color:#ffb54773}.conn-note--offline>svg{color:var(--warn);flex:none}.conn-note__text{flex-direction:column;flex:1;min-width:0;display:flex}.conn-note__title{color:var(--text-1);font-weight:700}.conn-note__detail{color:var(--text-2);font-size:13px}.loading-block{color:var(--text-2);flex-direction:column;align-items:center;gap:12px;padding:36px 0;display:flex}.screen--title{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + var(--gutter)) calc(var(--safe-bottom) + 10px) calc(var(--safe-left) + var(--gutter));pointer-events:none;background:linear-gradient(#0c061a73 0%,#0c061a00 26% 58%,#0c061a99 82%,#0c061ac7 100%);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid}.title-corner{top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 12px);z-index:1;pointer-events:auto;position:absolute}.title-top{text-align:center;padding-top:clamp(4px,3.2vh,34px)}.title-emblem{width:clamp(116px,36vw,176px);height:auto;margin:0 auto -4px;display:block}.title-logo{font:800 clamp(31px, 9.5vw, 60px) / 1.02 var(--font-display);letter-spacing:.035em;white-space:nowrap;background:linear-gradient(#fff7d6 0%,#f9dc80 36%,#e0ae47 64%,#b3822e 100%);color:#0000;filter:drop-shadow(0 2px #4a2f0c)drop-shadow(0 0 18px #f7d7746b);-webkit-background-clip:text;background-clip:text}.title-tagline{color:var(--text-1);letter-spacing:.03em;text-shadow:0 2px 10px #000000b3;white-space:nowrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-size:clamp(14px,4.1vw,17px);font-weight:600;display:flex}.title-tagline .ornament{flex:0 auto;min-width:0}.title-tagline .ornament__line{flex:0 18px;min-width:3px}.title-menu{pointer-events:auto;flex-direction:column;gap:12px;width:100%;max-width:420px;margin:0 auto;display:flex}.title-play{align-items:center;gap:12px;display:flex}.title-play__deco{background:linear-gradient(90deg,#f2c75c00,#f2c75cd9);border-radius:1px;flex:1;height:2px}.title-play__deco:last-child{transform:scaleX(-1)}.title-play__btn{flex:0 236px}.title-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;container-type:inline-size}.menu-tile-wrap{min-width:0;display:flex;position:relative}.menu-tile{--h:70px;--cut:11px}.menu-tile .btn__face{padding:6px 10px}.menu-tile .btn__label{white-space:normal;flex-direction:column;align-items:center;gap:5px;display:flex;overflow:visible}.menu-tile__icon{color:var(--gold-2);display:grid}.menu-tile__label{letter-spacing:.05em;text-align:center;white-space:normal;font-size:clamp(9px,3.1cqi,12px);line-height:1.15}.title-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px;min-height:24px;padding:0 2px;display:flex}@media (width<=340px){.title-tiles{gap:6px}.menu-tile .btn__face{padding:6px 4px}.title-tagline{gap:6px}}.nudge{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:2px;display:flex}.nudge__badge{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:58px;height:66px;color:var(--gold-ink);filter:drop-shadow(0 6px 14px #f7d7744d);background:linear-gradient(#fff3c4 0%,#f2c75c 52%,#b98428 100%);place-items:center;margin-bottom:4px;display:grid}.nudge__badge svg{stroke-width:2px}.nudge__question{font:800 clamp(20px, 6vw, 24px) / 1.2 var(--font-display);letter-spacing:.02em;color:var(--gold-1)}.nudge__body{color:var(--text-1);font-size:15.5px;line-height:1.4}.nudge__actions{flex-direction:column;gap:10px;width:100%;max-width:360px;margin-top:10px;display:flex}@media (orientation:landscape) and (height<=540px){.screen--title{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(290px,380px);column-gap:20px}.title-top{text-align:left;grid-area:1/1;padding-top:0}.title-emblem{width:110px;margin:0 0 -4px}.title-logo{font-size:34px}.title-tagline{justify-content:flex-start;font-size:14px}.title-stage{display:none}.title-menu{grid-area:1/2/span 2;align-self:end;gap:8px}.title-corner{right:auto;left:calc(var(--safe-left) + 12px);top:auto;bottom:calc(var(--safe-bottom) + 10px)}}.hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:12px 0 6px;display:flex}.hero .lead{max-width:34ch}.screen--name .screen-column{justify-content:center;min-height:100%}.name-card{flex-direction:column;gap:8px;display:flex}.bot-card{background:radial-gradient(120% 90% at 0% 0%, #f7d77424 0%, #f7d77400 55%), var(--panel-bg);border-color:#f7d77480;flex-direction:column;gap:14px;display:flex}.bot-card__head{align-items:center;gap:14px;display:flex}.bot-card__icon{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:52px;height:58px;color:var(--gold-ink);background:linear-gradient(#ffe7a0,#c98a2a);flex:none;place-items:center;display:grid}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-row{--h:68px;--cut:14px}.menu-row .btn__face{text-align:left;justify-content:flex-start;padding:8px 20px}.menu-row .btn__label{white-space:normal;flex:1;align-items:center;gap:12px;min-width:0;display:flex;overflow:visible}.menu-row__icon{width:36px;height:36px;color:var(--gold-2);background:#f2c75c24;border-radius:50%;flex:none;place-items:center;display:grid}.menu-row__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.menu-row__title{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,3.9vw,15.5px);overflow:hidden}.menu-row__body{font:500 13px/1.25 var(--font-ui);letter-spacing:0;color:var(--text-2);text-shadow:none}.menu-row__chevron{color:var(--gold-3);flex:none}.code-card{flex-direction:column;gap:10px;display:flex}.code-card.is-disabled .card-title{opacity:.55}.code-card__row{align-items:flex-start;gap:10px;display:flex}.code-card__field{flex:1}.code-card__field .field__input{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;font-weight:800}.code-card__row>.btn{margin-top:2px}.queue-stage{text-align:center;transition:padding .32s var(--ease-out);flex-direction:column;align-items:center;gap:10px;padding:clamp(12px,6vh,64px) 0 12px;display:flex}.queue-radar{width:190px;height:190px;transition:width .32s var(--ease-out), height .32s var(--ease-out), margin .32s var(--ease-out);background:radial-gradient(circle,#f7d77429 0%,#f7d77400 68%);border-radius:50%;place-items:center;margin-bottom:8px;display:grid;position:relative}.queue-radar .hex-spinner{width:78%;height:78%}.queue-radar__crown{color:var(--gold-1);filter:drop-shadow(0 0 10px #f7d77499);position:absolute}.queue-stage.is-offering{padding-top:0}.queue-stage.is-offering .queue-radar{width:120px;height:120px;margin-bottom:0}.queue-stage.is-offering .queue-radar__crown svg{width:28px;height:28px}.queue-status{font:800 20px/1.2 var(--font-display);letter-spacing:.04em;color:var(--gold-1)}.queue-clock{font:800 30px/1 var(--font-display);color:var(--text-1);font-variant-numeric:tabular-nums;letter-spacing:.06em}.queue-stage .conn-note{width:100%;margin-top:8px}.queue-offer{text-align:center;animation:rise-in .36s var(--ease-out) both;flex-direction:column;gap:10px;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}.ticket{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:22px 16px 18px;display:flex}.ticket__label{font:800 11.5px/1.2 var(--font-display);letter-spacing:.26em;color:#8a6420}.ticket__code{font:800 clamp(38px, 12.5vw, 54px) / 1.05 var(--font-display);letter-spacing:.1em;color:var(--ink-1);font-variant-numeric:tabular-nums;text-shadow:0 1px #fffc;-webkit-user-select:all;user-select:all}.ticket__ornament{color:#a8792a;margin:2px 0}.ticket__url{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink-2);-webkit-user-select:all;user-select:all;font:600 14px/1.3 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}.ticket__valid{color:#8a7a5c;font-size:12.5px}.waiting{align-items:center;gap:14px;display:flex}.waiting__title{font:800 15.5px/1.3 var(--font-display);color:var(--gold-1)}.waiting__hint{color:var(--text-2);margin-top:2px;font-size:13.5px}.danger-link{align-self:center}.danger-link .btn__face{color:#ff9a90}.expired-notice{text-align:center;flex-direction:column;gap:12px;display:flex}.expired-notice__title{font:800 16px/1.3 var(--font-display);color:var(--gold-1)}.screen--invite{background:radial-gradient(70% 45% at 50% 38%,#f7d7741f 0%,#f7d77400 70%),linear-gradient(#0c061a8c 0%,#0c061a59 40%,#0c061abf 100%)}.screen--invite .screen-body{padding-top:calc(var(--safe-top) + 14px)}.invite-back{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 12px);z-index:2;position:absolute}.invite-column{align-items:center;gap:10px;max-width:420px;padding-top:clamp(0px,4.5vh,56px)}.invite-card .hex-spinner__track{stroke:#7a541840}.invite-card .hex-spinner__run{stroke:#b3822e;filter:none}.invite-brand{flex-direction:column;align-items:center;gap:0;display:flex}.invite-brand__name{font:800 15px/1 var(--font-display);letter-spacing:.3em;background:var(--gold-text);color:#0000;-webkit-background-clip:text;background-clip:text;padding-left:.3em}.invite-card{text-align:center;width:100%;animation:letter-in .52s var(--ease-out) both;border-radius:20px;flex-direction:column;align-items:stretch;gap:10px;margin-top:26px;padding:48px 20px 18px;display:flex}.invite-card__seal{filter:drop-shadow(0 6px 10px #3c0a0573);animation:seal-in .62s .18s var(--ease-spring) both;position:absolute;top:-34px;left:50%;transform:translate(-50%)rotate(-8deg)}.invite-card__kicker{font:800 12px/1.2 var(--font-display);letter-spacing:.3em;color:#9a6d20}.invite-card__host{font:800 clamp(26px, 8.4vw, 36px) / 1.12 var(--font-display);letter-spacing:.02em;color:var(--ink-1);overflow-wrap:anywhere;text-shadow:0 1px #ffffffb3}.invite-card__calls{font:600 clamp(15px, 4.4vw, 18px) / 1.3 var(--font-display);color:#5a4a30;margin-top:-6px}.invite-card__ornament{color:#b3862e;align-self:center;margin:2px 0}.invite-card__pitch{color:#4a3f5e;margin-bottom:4px;font-size:15px;line-height:1.45}.invite-card__status{color:#6a5a40;justify-content:center;align-items:center;gap:12px;min-height:60px;font-weight:600;display:flex}.invite-card__decline{align-self:center}.invite-card__decline .btn__face{color:#7a5a2a}.invite-card__problem{font:800 clamp(21px, 6.4vw, 26px) / 1.2 var(--font-display);color:var(--ink-1)}.invite-card__alts{margin-top:4px}.invite-card .btn--ghost .btn__face{color:#7a5a2a}.invite-card__dedication{letter-spacing:.04em;color:#8a7a5c;border-top:1px solid #a8792a4d;margin-top:6px;padding-top:10px;font-size:12.5px}.invite-howto{margin-top:4px}@keyframes letter-in{0%{opacity:0;transform:translateY(24px)rotate(-1.5deg)scale(.97)}}@keyframes seal-in{0%{opacity:0;transform:translate(-50%)rotate(-30deg)scale(1.6)}}.player-list{flex-direction:column;gap:8px;list-style:none;display:flex}.player{background:var(--panel-bg);border:1px solid #d9a44147;border-radius:16px;align-items:center;gap:12px;min-height:64px;padding:10px 10px 10px 12px;display:flex}.player.is-busy{opacity:.6}.player__challenge{flex:none}.player__text{flex-direction:column;flex:1;min-width:0;display:flex}.player__name{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.player__status{color:var(--text-3);align-items:center;gap:6px;font-size:13px;display:inline-flex}.player__status:before{content:"";background:var(--text-3);border-radius:50%;width:7px;height:7px}.player__status.is-free{color:var(--ok)}.player__status.is-free:before{background:var(--ok)}.empty{text-align:center;flex-direction:column;gap:10px;display:flex}.empty__title{font:800 16px/1.3 var(--font-display);color:var(--gold-1)}.empty__hint{color:var(--text-2);font-size:14px}.outgoing{align-items:center;gap:12px;min-height:64px;padding:10px 12px;display:flex}.outgoing__text{flex:1;font-weight:600;line-height:1.3}.outgoing--accepted{border-color:#5ad19b99}.outgoing--declined,.outgoing--busy,.outgoing--offline,.outgoing--expired{border-color:#ffb54780}.codex-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preset-list{flex-direction:column;gap:8px;list-style:none;display:flex}.preset{background:#1a0f34d9;border:1px solid #d9a44140;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name hp""team team";align-items:center;gap:8px 10px;padding:12px 14px;display:grid}.preset__name{font:800 14.5px/1.2 var(--font-display);letter-spacing:.03em;color:var(--gold-1);grid-area:name}.preset__team{grid-area:team;gap:6px;display:flex}.preset__chip{--cls:var(--gold-2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--cls);color:#1b1033;place-items:center;width:34px;height:38px;display:grid}.preset__hp{color:var(--gold-2);white-space:nowrap;grid-area:hp;align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}@media (width>=420px){.preset{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name team hp"}}.class-detail{--cls:var(--gold-2);flex-direction:column;gap:16px;display:flex}.class-detail__hero{grid-template-columns:minmax(96px,34%) minmax(0,1fr);align-items:center;gap:16px;display:grid}.class-detail__portrait{box-shadow:0 0 24px color-mix(in srgb, var(--cls) 35%, transparent);border:1px solid #f7d7748c}.class-detail__intro{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.class-detail__role{font:800 11.5px/1.2 var(--font-display);letter-spacing:.18em;color:var(--cls)}.class-detail__name{font:800 clamp(24px, 7.6vw, 32px) / 1.05 var(--font-display);letter-spacing:.04em;background:var(--gold-text);color:#0000;-webkit-background-clip:text;background-clip:text}.class-detail__flavor{color:var(--text-2);font-size:14px;line-height:1.4}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:8px;display:grid}.stat-tile{background:#0a051873;border:1px solid #d9a44138;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;display:flex}.stat-tile svg{color:var(--cls)}.stat-tile__value{font:800 17px/1.1 var(--font-display);color:var(--text-1);white-space:nowrap}.stat-tile__value small{font:600 11px/1 var(--font-ui);color:var(--text-2);margin-left:2px}.stat-tile__value.is-text{letter-spacing:.04em;padding:3px 0 2px;font-size:12.5px}.stat-tile__label{color:var(--text-3);font-size:11.5px}.ability{background:linear-gradient(#f7d7741a,#f7d77408);border:1px solid #f7d77459;border-radius:16px;flex-direction:column;gap:10px;padding:16px;display:flex}.ability__head{align-items:center;gap:12px;display:flex}.ability__head>div{flex:1;min-width:0}.ability__icon{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--cls);color:#1b1033;flex:none;place-items:center;width:46px;height:52px;display:grid}.ability__kicker{font:800 10.5px/1.2 var(--font-display);letter-spacing:.2em;color:var(--text-3)}.ability__name{font:800 19px/1.2 var(--font-display);color:var(--gold-1)}.ability__desc{color:var(--text-1);font-size:15.5px;line-height:1.5}.ability__notes{color:var(--text-2);flex-direction:column;gap:4px;padding-left:18px;font-size:13.5px;display:flex}.kind-badge{font:800 10px/1 var(--font-display);letter-spacing:.12em;border-radius:8px;flex:none;padding:5px 9px}.kind-badge--offensive{color:#ff9a90;background:#ff5a5a2e}.kind-badge--support{color:#9bd3ff;background:#4fb3ff2e}.kind-badge--passive{color:var(--gold-1);background:#f2c75c29}.screen--howto .screen-column{justify-content:center;max-width:520px;min-height:100%}.howto-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:20px;display:flex;overflow:auto hidden}.howto-track::-webkit-scrollbar{display:none}.howto-card{scroll-snap-align:center;scroll-snap-stop:always;border:1px solid var(--panel-border);background:var(--panel-bg);border-radius:20px;flex-direction:column;flex:0 0 100%;gap:8px;min-width:0;padding:14px 16px 18px;display:flex}.howto-card__art{background:radial-gradient(80% 90% at 50% 40%,#f7d7741a 0%,#f7d77400 70%),#0a051873;border:1px solid #d9a44133;border-radius:14px;place-items:center;display:grid}.howto-art{aspect-ratio:16/9;width:100%;height:auto;display:block}.howto-card__step{font:800 11px/1.2 var(--font-display);letter-spacing:.2em;color:var(--text-3);margin-top:6px}.howto-card__title{font:800 clamp(20px, 6vw, 24px) / 1.15 var(--font-display);letter-spacing:.05em;color:var(--gold-1)}.howto-card__body{color:var(--text-1);font-size:16px;line-height:1.5}.howto-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.dots{gap:2px;display:flex}.dot{cursor:pointer;background:0 0;border:0;width:26px;height:44px;padding:0;position:relative}.dot:before{content:"";width:9px;height:9px;transition:background .2s ease, width .2s var(--ease-out);background:#cdc3ea4d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dot.is-on:before{background:var(--gold-2);border-radius:5px;width:20px}.settings-card{flex-direction:column;gap:4px;padding:10px 16px;display:flex}.settings-card--name{padding:14px 16px 2px}.num{font-family:var(--font-ui);letter-spacing:0;font-size:15px;font-weight:800}.setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.setting-row+.setting-row,.setting-row+.setting-block,.setting-block+.setting-row{border-top:1px solid #d9a44124}.setting-row__text{flex-direction:column;min-width:0;display:flex}.setting-row__label{font-size:15.5px;font-weight:600}.setting-row__hint{color:var(--text-3);font-size:12.5px}.setting-row__control{flex:none;align-items:center;display:flex}.setting-block{flex-direction:column;gap:10px;padding:12px 0;display:flex}.settings-card--links{padding:4px 6px}.setting-link{min-height:52px;color:var(--text-1);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 10px;font-size:15.5px;font-weight:600;display:flex}.setting-link>svg:first-child{color:var(--gold-2)}.setting-link span{flex:1}.setting-link__chevron{color:var(--text-3)}.setting-link:active{background:#f2c75c14}.setting-link+.setting-link{border-top:1px solid #d9a44124;border-radius:0}.credits{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 0 8px;display:flex}.credits__idea{font:800 16px/1.3 var(--font-display);letter-spacing:.03em;color:var(--gold-1)}.credits__made{color:var(--text-2);font-size:14px}.credits__build{color:var(--text-3);margin-top:6px;font:12px/1.3 ui-monospace,SF Mono,Menlo,Consolas,monospace}.match-root{pointer-events:none;position:absolute;inset:0}.match-screen{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.mtop-wrap{padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 10px) 0 calc(var(--safe-left) + 10px)}.mtop{flex-direction:column;gap:6px;width:100%;max-width:560px;margin:0 auto;display:flex}.mtop__row{pointer-events:auto;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.mtop__side{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140b26c2;border:1px solid #d9a44138;border-radius:17px;align-items:center;gap:6px;min-width:0;height:34px;padding:0 10px;transition:border-color .2s,box-shadow .2s;display:flex}.mtop__side--them{justify-content:flex-end}.mtop__side.is-turn{border-color:var(--gold-2);box-shadow:0 0 0 1px #f2c75c99, 0 0 18px var(--gold-glow)}.mtop__team{border-radius:50%;flex:none;width:10px;height:10px}.mtop__side--me .mtop__team{background:var(--team-me);box-shadow:0 0 8px var(--team-me)}.mtop__side--them .mtop__team{background:var(--team-enemy);box-shadow:0 0 8px var(--team-enemy)}.mtop__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 13px/1 var(--font-ui);color:var(--text-1);overflow:hidden}.mtop__center{align-items:center;gap:6px;display:flex}.mtop__round,.mtop__title{font:800 14px/1 var(--font-display);letter-spacing:.08em;color:var(--gold-1);white-space:nowrap;text-shadow:0 2px #0009}.mtop__title{font-size:15px}.mtop__vs{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:34px;height:34px;color:var(--gold-ink);font:800 12px/1 var(--font-display);letter-spacing:.04em;background:linear-gradient(#fff3c4 0%,#f2c75c 50%,#a8792a 100%);place-items:center;display:grid}.mtop__menu{flex:none}.conn-dot{border-radius:50%;flex:none;width:8px;height:8px}.conn-dot--ok{background:var(--ok)}.conn-dot--warn{background:var(--warn);animation:1s ease-in-out infinite busy-pulse}.conn-dot--bad{background:var(--danger)}.mstatus{color:var(--text-2);background:#0f0820b3;border-radius:12px;align-self:center;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;line-height:1.2;display:inline-flex}.mstatus.is-ready{color:var(--ok)}.mstatus--right{align-self:flex-end}.mtop__chips{align-items:center;gap:6px;min-width:0;display:flex}.mtop__chips:empty{display:none}.mtop__chips .mstatus{white-space:nowrap;min-width:0}.mtop__chips .mstatus--right{margin-left:auto}.mstatus__text{text-overflow:ellipsis;min-width:0;overflow:hidden}.mstatus>svg{flex:none}.mstatus--fog{color:#d9d2f2}.mstatus--fog>svg{color:#b7a9ff}.mstatus--fog.is-warn{color:#ffd9c7;background:#581a12c7;box-shadow:inset 0 0 0 1px #ff8a668c}.mstatus--fog.is-warn>svg{color:#ff9a7a}.mbottom{padding:0 calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px);flex-direction:column;align-items:stretch;gap:6px;display:flex}.mpanel{background:var(--panel-bg);border:1px solid var(--panel-border);width:100%;max-width:560px;box-shadow:var(--shadow-2);pointer-events:auto;border-radius:20px;margin:0 auto;padding:10px 10px 12px}.medallion{--cls:var(--gold-2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 35% 30%, #fffdf2 0%, var(--cls) 45%, #3a2a66 130%);color:#1b1033;flex:none;place-items:center;display:inline-grid}.medallion svg{stroke-width:1.9px}.bpanel{flex-direction:column;gap:8px;display:flex}.mstat{justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex}.mstat__text{font:700 13px/1.2 var(--font-ui);color:var(--text-1);align-items:center;gap:7px;display:inline-flex}.mstat__text--turn{font:800 13.5px/1 var(--font-display);letter-spacing:.1em;color:var(--gold-1)}.mstat__text--dim{color:var(--text-3)}.mstat__unit{align-items:center;gap:7px;min-width:0;font-size:13px;line-height:1.2;display:inline-flex}.mstat__unit b{font:800 13px/1 var(--font-display);letter-spacing:.05em;color:var(--team-me);flex:none}.mstat__unit.is-enemy b{font-family:var(--font-ui);letter-spacing:0;color:#ff8c8c}.mstat__facts{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);overflow:hidden}.skip-btn{border:1px solid var(--panel-border);color:var(--gold-1);font:800 12.5px/1 var(--font-display);letter-spacing:.06em;cursor:pointer;background:#f2c75c1a;border-radius:14px;flex:none;padding:5px 12px}.skip-btn:active{transform:scale(.96)}.ustrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.uchip{min-width:0;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:7px 4px 6px;transition:border-color .15s,box-shadow .15s;display:flex}.uchip.is-selected{border-color:var(--team-me);box-shadow:0 0 0 1px var(--team-me), 0 0 14px #4fb3ff59}.uchip.is-dead{opacity:.38;filter:grayscale();cursor:default}.uchip__top{display:flex;position:relative}.uchip__eye,.uchip__cd{font:800 10px/1.2 var(--font-ui);border-radius:8px;align-items:center;gap:1px;padding:1px 4px;display:inline-flex;position:absolute}.uchip__eye{color:#ff9b9b;background:#ff5a5a33;top:-5px;right:-16px}.uchip__cd{color:var(--text-2);background:#0f0820e6;border:1px solid #ffffff1f;bottom:-5px;right:-18px}.maction{align-items:center;min-height:52px;display:flex}.confirm-bar,.udetail{gap:8px;width:100%;display:flex}.confirm-bar>.btn:first-child{flex:auto;min-width:0}.udetail>*{flex:1 1 0;min-width:0}.cbtn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 14px;transition:transform .12s;display:flex}.cbtn:active:not(:disabled){transform:scale(.97)}.cbtn:disabled{opacity:.55;cursor:default}.cbtn--go{min-width:0;color:var(--gold-ink);background:linear-gradient(#fff1bd 0%,#f2c75c 45%,#c8912f 100%);border:1px solid #fff0b8;flex:auto;box-shadow:inset 0 1px #ffffffb3,0 6px 18px #f2c75c59}.cbtn--cancel{color:var(--text-1);background:#ffffff0f;border:1px solid #ffffff29;flex:none}.cbtn__text{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.cbtn__main{font:800 15px/1 var(--font-display);letter-spacing:.06em;white-space:nowrap}.cbtn--cancel .cbtn__main{font-size:13px}.cbtn__sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:700 12px/1.1 var(--font-ui);opacity:.8;overflow:hidden}.modebtn{height:52px;color:var(--text-1);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:0 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.modebtn svg{color:var(--gold-2);flex:none}.modebtn.is-active{border-color:var(--gold-2);box-shadow:0 0 0 1px #f2c75c8c, 0 0 18px var(--gold-glow);background:linear-gradient(#f2c75c3d,#f2c75c14)}.modebtn:disabled{opacity:.5;cursor:default}.modebtn:active:not(:disabled){transform:scale(.98)}.modebtn--passive{cursor:default;background:0 0;border-style:dashed;border-color:#d9a44159}.modebtn__text{flex-direction:column;gap:2px;min-width:0;display:flex}.modebtn__name{text-overflow:ellipsis;white-space:nowrap;font:700 14px/1.1 var(--font-ui);overflow:hidden}.modebtn__sub{text-overflow:ellipsis;white-space:nowrap;color:var(--text-3);font:700 11.5px/1.1 var(--font-ui);overflow:hidden}.modebtn.is-active .modebtn__sub{color:var(--gold-1)}.mhint{color:var(--text-2);align-items:center;gap:8px;font-size:13.5px;line-height:1.3;display:flex}.mhint svg{color:var(--gold-2);flex:none}.mhint--dim{color:var(--text-3)}.logline{max-width:min(100%,560px);color:var(--text-2);pointer-events:auto;cursor:pointer;background:#0f0820c7;border:1px solid #ffffff14;border-radius:14px;align-self:center;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;line-height:1.2;display:inline-flex}.logline svg{color:var(--text-3);flex:none}.logline__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mlog{flex-direction:column;gap:6px;list-style:none;display:flex}.mlog li{color:var(--text-2);background:#ffffff0a;border-radius:10px;padding:9px 11px;font-size:14px;line-height:1.35}.mlog li.is-new{border:1px solid var(--panel-border);color:var(--text-1)}.mlog__empty{color:var(--text-3)}.mmenu{flex-direction:column;gap:10px;padding-bottom:6px;display:flex}.mmenu__row{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.mmenu__label{align-items:center;gap:8px;font-weight:700;display:inline-flex}.mbanner{pointer-events:none;animation:mbanner-in 1.5s var(--ease-out) both;justify-content:center;display:flex;position:absolute;top:36%;left:0;right:0}.mbanner--fog{animation-duration:2.2s;top:24%}.mbanner__text{font:800 clamp(34px, 11vw, 60px) / 1 var(--font-display);letter-spacing:.05em;text-align:center;background:var(--gold-text);color:#0000;filter:drop-shadow(0 3px #3a2208f2)drop-shadow(0 0 26px #f7d77480);-webkit-background-clip:text;background-clip:text;padding:0 16px}.mbanner--fog .mbanner__text{white-space:nowrap;background:linear-gradient(#fff 0%,#e2d6ff 40%,#9d85ff 100%);filter:drop-shadow(0 3px #140832f2)drop-shadow(0 0 28px #9d85ff99);-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,8.4vw,56px)}@keyframes mbanner-in{0%{opacity:0;transform:scale(.7)}14%{opacity:1;transform:scale(1.07)}24%{transform:scale(1)}78%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.dpanel{flex-direction:column;gap:9px;display:flex}.dpanel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dpanel__title{font:800 clamp(20px, 6.4vw, 26px) / 1.05 var(--font-display);letter-spacing:.04em;background:var(--gold-text);color:#0000;filter:drop-shadow(0 2px #3a2208e6);-webkit-background-clip:text;background-clip:text}.dpanel__meters{gap:6px;display:flex}.meter{border:1px solid var(--panel-border);font:700 12.5px/1.2 var(--font-ui);color:var(--text-1);white-space:nowrap;background:#0f08208c;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.meter svg{color:var(--gold-2)}.meter.is-over{border-color:var(--danger);color:var(--danger)}.meter.is-done{color:var(--ok);border-color:#5ad19b99}.dpanel__sub{color:var(--text-2);font-size:12.5px;line-height:1.35}.dking{background:#f2c75c12;border:1px solid #f2c75c47;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.dking__name{font:800 14px/1 var(--font-display);letter-spacing:.06em;color:var(--gold-1)}.dking__tag{color:var(--ok);background:#5ad19b24;border-radius:8px;padding:2px 8px;font-size:11.5px;font-weight:700}.dking__hp{align-items:center;gap:4px;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex}.dking__hp svg{color:#ff7a8a}.dgrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.dgrid .class-card{gap:4px;padding:5px 4px 7px}.dgrid .class-card__ability svg{display:none}.dgrid .class-card__ability>span{overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual}.pick-badge{background:var(--gold-2);width:20px;height:20px;color:var(--gold-ink);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;box-shadow:0 2px 6px #00000073}.dpresets{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;margin:0 -2px;padding:2px;display:flex;overflow-x:auto}.dpresets::-webkit-scrollbar{display:none}.preset{color:var(--text-2);font:600 12.5px/1 var(--font-ui);white-space:nowrap;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;flex:none;padding:7px 12px}.preset.is-active{border-color:var(--gold-2);color:var(--gold-1);background:#f2c75c21}.deploy-panel{flex-direction:column;gap:9px;display:flex}.deploy-panel__hint{color:var(--text-2);text-align:center;font-size:13px;line-height:1.3}.deploy-panel__count{color:var(--text-3);text-align:center;font-size:12px}.chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.chip{min-width:0;min-height:94px;color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.chip.is-selected{border-color:var(--gold-2);box-shadow:0 0 0 1px var(--gold-2), 0 0 16px var(--gold-glow)}.chip__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:700 12px/1.1 var(--font-ui);overflow:hidden}.chip__state{color:var(--text-3);position:absolute;top:6px;right:6px}.chip.is-placed .chip__state{color:var(--ok)}.chip__auras{flex-wrap:wrap;justify-content:center;gap:3px;min-height:15px;display:flex}.aura{font:800 10px/1.3 var(--font-ui);white-space:nowrap;border-radius:6px;padding:1px 5px}.aura--power{color:var(--gold-1);background:#f2c75c2e}.aura--speed{color:#83ecd9;background:#5fd6c42e}.mwait{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex}.mwait__title{font:800 20px/1 var(--font-display);letter-spacing:.08em;color:var(--gold-1)}.mwait__text{color:var(--text-2);align-items:center;gap:8px;font-size:14px;display:inline-flex}.rtop{padding:calc(var(--safe-top) + 22px) 16px 0;text-align:center;pointer-events:none}.rtop__kicker{font:800 12px/1.2 var(--font-display);letter-spacing:.24em;color:var(--gold-3)}.rtop__title{font:800 clamp(44px, 14vw, 72px) / 1 var(--font-display);letter-spacing:.04em;background:var(--gold-text);color:#0000;filter:drop-shadow(0 3px #3a2208f2)drop-shadow(0 0 30px #f7d77473);animation:mbanner-in .9s var(--ease-out) both;-webkit-background-clip:text;background-clip:text;margin-top:4px;animation-name:rtitle-in}.is-loss .rtop__title{background:linear-gradient(#ffe0e0 0%,#ff8f8f 45%,#b8323a 100%);filter:drop-shadow(0 3px #3c080ef2)drop-shadow(0 0 26px #ff5a5a66);-webkit-background-clip:text;background-clip:text}.is-draw .rtop__title{background:linear-gradient(#fff 0%,#d9d2f2 50%,#8f84b8 100%);-webkit-background-clip:text;background-clip:text}.rtop__reason{color:var(--text-1);text-shadow:0 1px 6px #000c;margin-top:8px;font-size:15px;font-weight:600}@keyframes rtitle-in{0%{opacity:0;transform:scale(.75)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.rpanel{flex-direction:column;gap:10px;display:flex}.rstats{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0;display:grid}.rstat{background:#ffffff0a;border-radius:10px;flex-direction:column-reverse;align-items:center;gap:2px;padding:6px 2px;display:flex}.rstat__num{font:800 20px/1 var(--font-display);color:var(--gold-1);margin:0}.rstat__label{color:var(--text-3);white-space:nowrap;font-size:11px}.rrematch{color:var(--text-2);text-align:center;font-size:13px}.coach{width:100%;min-height:46px;color:var(--ink-1);text-align:left;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;animation:coach-in .34s var(--ease-out) both;background:radial-gradient(120% 100% at 0 0,#ffffffbf 0%,#fff0 55%),radial-gradient(80% 90% at 100% 100%,#ba8e4633 0%,#ba8e4600 70%),linear-gradient(#fbf4e4 0%,#f0e2c3 100%);border:1px solid #c9a15a;border-radius:14px;align-items:center;gap:9px;padding:6px 5px 6px 7px;display:flex;box-shadow:inset 0 0 0 2px #fffcf080,0 0 0 1px #f7d7744d,0 0 20px #f7d77438,0 6px 16px #04010c66}.coach__badge{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:27px;height:31px;color:var(--gold-ink);background:linear-gradient(#fff3c4 0%,#f2c75c 52%,#b98428 100%);flex:none;place-items:center;display:grid}.coach__badge svg{stroke-width:2.1px}.coach__text{min-width:0;font:600 13px/1.32 var(--font-ui);color:var(--ink-1);overflow-wrap:break-word;flex:1}.coach__text b{color:#7a4a06;font-weight:800}.coach__close{width:24px;height:24px;color:var(--ink-2);cursor:pointer;background:#5a4d731f;border:0;border-radius:50%;flex:none;align-self:flex-start;place-items:center;padding:0;display:grid}.coach__close svg{stroke-width:2.4px}.coach:active{transform:scale(.985)}@keyframes coach-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}.deploy-panel__slot{justify-content:center;align-items:center;display:flex}.deploy-panel__slot.is-coached{min-height:46px}@media (width<=350px){.deploy-panel__slot.is-coached{min-height:64px}}.dpresets.is-coach .preset,.mstatus.is-coach,.uchip.is-coach{border-color:var(--gold-2);animation:1.6s ease-in-out infinite coach-glow;box-shadow:0 0 0 1px #f2c75ccc,0 0 12px #f7d77473}.dpresets.is-coach .preset{color:var(--gold-1)}.btn.is-coach{filter:drop-shadow(0 4px 7px #05020f80)drop-shadow(0 0 8px #f7d774cc);animation:1.6s ease-in-out infinite coach-btn-glow}@keyframes coach-glow{0%,to{box-shadow:0 0 0 1px #f2c75c8c,0 0 4px #f7d77433}50%{box-shadow:0 0 0 2px #ffe28a,0 0 18px #f7d774b3}}@keyframes coach-btn-glow{0%,to{filter:drop-shadow(0 4px 7px #05020f80)drop-shadow(0 0 2px #f7d77466)}50%{filter:drop-shadow(0 4px 7px #05020f80)drop-shadow(0 0 13px #ffe28a)}}.coach-pointer{pointer-events:none;animation:coach-pointer-in .42s .22s var(--ease-out) both;position:absolute;inset:0;overflow:visible}.coach-pointer--late{animation-delay:1.3s}.coach-pointer__ring{fill:#ffe28a24;stroke:#ffe28a;stroke-width:2.6px;stroke-linejoin:round;filter:drop-shadow(0 0 5px #f7d774f2);animation:1.4s ease-in-out infinite coach-ring}.coach-pointer__around{fill:#ffe28a0f;stroke:#ffe28ad9;stroke-width:1.6px;stroke-dasharray:5 4;stroke-linejoin:round}.coach-pointer__arrow{fill:#ffd766;stroke:#5a3a0a;stroke-width:1.8px;stroke-linejoin:round;filter:drop-shadow(0 3px 3px #0000008c)drop-shadow(0 0 6px #f7d77499)}.coach-pointer__bob{animation:1.05s ease-in-out infinite coach-bob}@keyframes coach-pointer-in{0%{opacity:0}}@keyframes coach-ring{0%,to{opacity:.6}50%{opacity:1}}@keyframes coach-bob{0%,to{transform:translateY(-7px)}50%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.coach,.coach-pointer{animation:none}}.mloading{color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.mloading .btn{pointer-events:auto}@media (orientation:landscape) and (height<=520px){.match-screen{justify-content:flex-start}.mbottom{top:calc(var(--safe-top) + 52px);overscroll-behavior:contain;justify-content:flex-start;width:min(46vw,380px);position:absolute;bottom:0;right:0;overflow-y:auto}.mbottom>:first-child{margin-top:auto}.dgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.dpanel__sub{display:none}.dpanel{gap:7px}.dgrid .portrait{aspect-ratio:4/3}.dpanel__head{flex-wrap:nowrap}.dpanel__title{font-size:19px}.dpanel__meters .meter{padding:3px 8px;font-size:11.5px}.dking{padding:3px 8px}.preset{padding:5px 10px}.mpanel{padding:8px 8px 10px}.match-screen--draft .button-row>.btn{--h:42px}}.dgrid .class-card__name{letter-spacing:0;font-size:clamp(8.5px,14.5cqw,15px)}.dgrid .class-card__ability>span{font-size:clamp(8.5px,13.5cqw,12.5px)}