@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:"Source Sans 3",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--font-display: "Cinzel", "Times New Roman", serif;--font-numeric: "Source Sans 3", system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", sans-serif;--color-bg: #030612;--color-bg-deep: #000104;--color-surface: #0c1020;--color-surface-raised: #141a2c;--color-surface-muted: #090e1b;--color-border: #d0d7f0;--color-border-soft: rgb(208 215 240 / 32%);--color-border-faint: rgb(208 215 240 / 18%);--color-accent: #b5e3ff;--color-accent-glow: rgb(181 227 255 / 45%);--color-accent-ember: #f2b87f;--color-text: #f4f6ff;--color-muted: rgb(244 246 255 / 72%);--color-subtle: rgb(244 246 255 / 46%);--color-overcharm: #f5a0d0;--color-overcharm-glow: rgb(245 160 208 / 35%);--color-glyph-shadow: rgb(5 8 16 / 90%);--texture-noise: radial-gradient( circle at 1px 1px, rgb(255 255 255 / 4%) .45px, transparent .6px );--texture-hex: linear-gradient(120deg, rgb(93 120 175 / 6%) 12%, transparent 12.4%), linear-gradient(60deg, rgb(93 120 175 / 5%) 12%, transparent 12.4%), linear-gradient(0deg, rgb(93 120 175 / 3%) 9%, transparent 9.3%);--texture-vein: linear-gradient(120deg, rgb(255 255 255 / 3%), transparent), linear-gradient(300deg, rgb(0 0 0 / 40%), rgb(0 0 0 / 62%));--frame-shadow-raised: 0 18px 38px rgb(0 0 0 / 62%);--frame-shadow-floating: 0 28px 64px rgb(0 0 0 / 68%);--frame-etch: inset 0 0 0 1px rgb(0 0 0 / 78%);--frame-highlight: inset 0 1px 0 rgb(255 255 255 / 16%);--frame-outline: 0 0 0 1px var(--color-border-soft);--frame-outline-strong: 0 0 0 1.5px rgb(214 217 231 / 55%);--visual-viewport-height: 100vh;--visual-viewport-offset-top: 0px;--visual-viewport-offset-bottom: 0px;--shape-tablet: polygon( 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px) , 0 14px );--panel-radius: 18px;--header-gap: clamp(.55rem, 1.1vw, .9rem);--font-size-display: clamp(1.9rem, 3.4vw, 2.6rem);--font-size-headline: clamp(1.38rem, 2.6vw, 1.95rem);--font-size-title: clamp(1.08rem, 2.1vw, 1.52rem);--font-size-subhead: clamp(.96rem, 1.9vw, 1.22rem);--font-size-body: clamp(.92rem, 1.55vw, 1.08rem);--font-size-caption: clamp(.74rem, 1.25vw, .84rem);background-color:var(--color-bg);color:var(--color-text)}@supports (height: 100svh){:root{--visual-viewport-height: 100svh}}@supports (height: 100dvh){:root{--visual-viewport-height: 100dvh}}*{box-sizing:border-box}body{margin:0;min-height:100vh;position:relative;background-color:var(--color-bg);background-image:radial-gradient(80% 60% at 50% 0%,rgb(66 100 158 / 35%),transparent 70%),radial-gradient(120% 160% at 50% 44%,rgb(70 104 162 / 18%),transparent 76%),radial-gradient(140% 200% at 50% 58%,#03050e1f,#010206c7),linear-gradient(180deg,rgb(6 10 20 / 92%),var(--color-bg-deep));background-repeat:no-repeat;background-attachment:scroll}body:before{content:"";position:fixed;inset:0;background-image:var(--texture-noise);background-size:4px 4px;opacity:.18;mix-blend-mode:soft-light;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:var(--texture-hex);background-size:74px 86px,74px 86px,74px 86px;background-position:0 0,0 0,37px 43px;opacity:.11;mix-blend-mode:overlay;pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;justify-content:center;position:relative;z-index:1}body,input,select,button,textarea{font-family:inherit}:where(button,select){transform-origin:center;transition:transform .11s ease,box-shadow .16s ease,border-color .16s ease}button{position:relative}.app-button.is-active-effect{animation:button-strike .18s cubic-bezier(.3,.7,.4,1) both}.button-grid__button.is-active-effect{animation:none}.app-button,.button-grid__button{isolation:isolate;overflow:visible}.app-button:after,.button-grid__button:after{content:"";position:absolute;inset:-1px;border:1.5px solid rgb(170 225 255 / 90%);border-radius:inherit;opacity:0;transform:scale(.97);transform-origin:center;pointer-events:none;mix-blend-mode:screen;will-change:transform,opacity,box-shadow;z-index:-1}.button-grid__button:after{clip-path:var(--shape-tablet)}.app-button--bevel:after{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.app-button.is-active-effect:after,.button-grid__button.is-active-effect:after{animation:button-flare .7s cubic-bezier(.28,.65,.35,1) forwards}@keyframes button-strike{0%{transform:translateY(0) scale(1)}45%{transform:translateY(.5px) scale(.985)}70%{transform:translateY(-.5px) scale(1.015)}to{transform:translateY(0) scale(1)}}@keyframes button-flare{0%{opacity:0;transform:scale(.97);box-shadow:0 0 #aae1ff8c}35%{opacity:1;transform:scale(1.015);box-shadow:0 0 14px 6px #aae1ff66}65%{opacity:.85;transform:scale(1.02);box-shadow:0 0 18px 8px #aae1ff42}to{opacity:0;transform:scale(1.025);box-shadow:0 0 20px 10px #aae1ff00}}:where(button,select):focus-visible{outline:2px solid rgb(200 230 255 / 65%);outline-offset:2px}:where(button,select):active:not(:disabled){transform:scale(.97);border-color:var(--color-accent)}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0;border:1px solid transparent;background:none;color:var(--color-text);font-size:var(--font-size-caption);font-weight:600;letter-spacing:.04em;text-shadow:0 1px 2px var(--color-glyph-shadow);cursor:pointer;position:relative;transition:color .16s ease,text-shadow .16s ease,box-shadow .16s ease,border-color .16s ease,transform .16s ease,background-color .16s ease}.app-button--md{padding:.45rem 1.05rem}.app-button--sm{padding:.3rem .9rem;font-size:calc(var(--font-size-caption) * .92);letter-spacing:.08em;text-transform:uppercase}.app-button--has-shortcut{justify-content:space-between;min-width:clamp(6rem,18vw,9rem)}.app-button--bevel{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);border:1px solid var(--color-border-soft);background-color:var(--color-surface);background-image:linear-gradient(140deg,rgb(255 255 255 / 12%),transparent),radial-gradient(circle at 70% 40%,rgb(32 52 84 / 42%),transparent 70%),var(--texture-vein);box-shadow:0 14px 26px #00000094,inset 0 0 0 1px #ffffff1a,inset 0 -1px #0000008c}.app-button--bevel:hover,.app-button--bevel:focus-visible,.app-button--bevel[aria-expanded=true]{outline:none;color:var(--color-accent);text-shadow:0 0 12px rgb(215 245 255 / 55%);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 18px 32px #0009,0 0 10px var(--color-accent-glow),inset 0 0 0 1px #ffffff29}.app-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.app-button__label{display:inline-flex;align-items:center;white-space:nowrap}.app-button__shortcut{font-size:calc(var(--font-size-caption) * .9);letter-spacing:.1em;color:var(--color-muted);text-transform:uppercase}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:.045em;font-weight:500;text-transform:none}.app-shell{display:flex;flex-direction:column;flex:1;gap:clamp(.85rem,2vw,1.35rem);padding:clamp(1.1rem,2.5vw,2rem);width:min(100%,1220px)}.encounter-hud{position:sticky;top:clamp(.55rem,2vw,1.05rem);z-index:10;display:grid;gap:clamp(.4rem,.8vw,.65rem)}.app-navbar{position:relative;padding:0;clip-path:var(--shape-tablet);background-color:var(--color-surface-raised);background-image:radial-gradient(circle at 50% -30%,rgb(214 217 231 / 55%),transparent 65%),radial-gradient(circle at 10% 40%,rgb(255 255 255 / 12%),transparent 70%),radial-gradient(circle at 90% 70%,rgb(35 55 90 / 42%),transparent 70%),var(--texture-vein);box-shadow:var(--frame-shadow-raised),var(--frame-outline-strong),var(--frame-highlight),var(--frame-etch);overflow:hidden}.app-navbar:before,.app-navbar:after{content:"";position:absolute;inset:0;clip-path:var(--shape-tablet);pointer-events:none}.app-navbar:before{border:1px solid var(--color-border-soft);mix-blend-mode:screen;opacity:.5}.app-navbar:after{background-image:linear-gradient(90deg,transparent,rgb(214 217 231 / 16%),transparent),radial-gradient(ellipse at 50% -40%,rgb(214 217 231 / 45%),transparent 70%);background-size:100% 100%,140px 120px;background-position:center,50% 0;background-repeat:no-repeat;opacity:.6}.app-navbar>*{position:relative;z-index:1}.hud-brand{display:flex;align-items:center;gap:clamp(.4rem,1vw,.7rem);flex-wrap:wrap}.hud-brand__title{margin:0;font-family:var(--font-display);font-size:var(--font-size-display);letter-spacing:.02em;text-transform:none;line-height:1.1;text-shadow:0 3px 6px rgb(0 0 0 / 70%)}.hud-brand__context{display:flex;align-items:center;gap:clamp(.3rem,.8vw,.55rem);color:#f0f3ffd1;font-size:var(--font-size-subhead);letter-spacing:.01em}.hud-brand__encounter{display:inline-flex;align-items:baseline;gap:.3rem;font-weight:600}.hud-brand__version{display:inline-flex;align-items:center;gap:.2rem;color:#f0f3ffa6;font-size:.82em}.hud-brand__arena{font-style:italic;color:#f0f3ffb3}.hud-brand__divider{font-size:.85em;opacity:.7}.summary-chip{position:relative;clip-path:var(--shape-tablet);background-color:var(--color-surface);background-image:radial-gradient(circle at 20% 20%,rgb(214 217 231 / 18%),transparent 65%),radial-gradient(circle at 80% 80%,rgb(22 46 88 / 36%),transparent 70%),var(--texture-vein);color:inherit;box-shadow:var(--frame-shadow-raised),var(--frame-outline),var(--frame-highlight),var(--frame-etch);overflow:hidden}.summary-chip:before,.summary-chip:after{content:"";position:absolute;inset:0;clip-path:var(--shape-tablet);pointer-events:none}.summary-chip:before{background-image:var(--texture-noise);background-size:4px 4px;mix-blend-mode:soft-light;opacity:.25}.summary-chip:after{border:1px solid var(--color-border-faint);box-shadow:inset 0 0 12px #0000008c}.summary-chip--toolbar{background-color:var(--color-surface-muted);background-image:radial-gradient(circle at 15% 30%,rgb(214 217 231 / 16%),transparent 60%),radial-gradient(circle at 85% 70%,rgb(36 54 84 / 38%),transparent 75%),var(--texture-vein);box-shadow:0 12px 24px #0000008c,var(--frame-outline),inset 0 0 0 1px #ffffff14,var(--frame-etch)}.summary-chip--accent{background-color:#1c2538;background-image:radial-gradient(circle at 30% 25%,rgb(215 245 255 / 28%),transparent 65%),radial-gradient(circle at 80% 70%,rgb(34 62 94 / 45%),transparent 75%),var(--texture-vein);box-shadow:0 16px 32px #00000094,0 0 0 1px #d7f5ff52,inset 0 0 0 1px #ffffff1a,var(--frame-etch)}.hud-timeline{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:none}.hud-timeline__label{display:inline-flex;align-items:center;gap:.45rem;font-weight:600}.hud-timeline__title{max-width:min(38vw,200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-timeline__progress{font-family:var(--font-display);font-size:.85em}.hud-timeline__control{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;font-size:1rem;font-family:var(--font-display);letter-spacing:.08em;color:var(--color-text);background-color:var(--color-surface-muted);background-image:linear-gradient(145deg,rgb(255 255 255 / 14%),transparent),radial-gradient(circle at 50% 120%,rgb(16 24 44 / 78%),transparent 72%);border:1px solid var(--color-border-soft);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 8px 16px #0000008c,inset 0 0 0 1px #ffffff1f,inset 0 0 12px #000000a6;cursor:pointer;transition:box-shadow .16s ease,transform .16s ease,color .16s ease}.hud-timeline__control:hover,.hud-timeline__control:focus-visible{outline:none;box-shadow:0 10px 20px #0009,0 0 16px #d7f5ff59,inset 0 0 0 1px #ffffff29;color:var(--color-accent);transform:translateY(-1px)}.hud-timeline__control:disabled{opacity:.4;cursor:not-allowed}.hud-actions{display:inline-flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;width:100%;align-items:center}.hud-scoreboard{display:flex;align-items:center;justify-content:space-between;gap:clamp(.6rem,1.6vw,1rem);flex-wrap:wrap}.hud-scoreboard__status{display:inline-flex;align-items:center;gap:clamp(.45rem,1.2vw,.9rem);flex-wrap:wrap}.hud-health{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .75rem;border-radius:999px}.hud-health__label{font-size:var(--font-size-caption);letter-spacing:.12em;text-transform:none;color:#f0f3ffa3}.hud-health__track{position:relative;width:clamp(140px,24vw,280px);height:.55rem;border-radius:999px;background-color:#0d1424;background-image:linear-gradient(90deg,#1e304ecc,#0c121eeb);overflow:hidden;border:1px solid rgb(214 217 231 / 45%);box-shadow:inset 0 1px #ffffff2e,inset 0 -3px 6px #000000a6}.hud-health__fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#d7f5ffd9,#5a88bcc7);transition:width .16s ease}.hud-health__value{font-family:var(--font-display);font-size:var(--font-size-subhead);letter-spacing:.05em}.hud-metrics{display:flex;align-items:flex-start;gap:clamp(.5rem,1.7vw,1.1rem);margin:0;padding:0;list-style:none;flex-wrap:wrap}.hud-metrics__item{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem;min-width:88px}.mobile-hud-sentinel{display:none}.mobile-hud{display:flex;flex-direction:column;gap:.25rem;padding:.45rem .75rem;border-radius:0 0 12px 12px;background-color:#090e1beb;box-shadow:0 8px 18px #0000008c,inset 0 0 0 1px #d6d9e761}.mobile-hud__title{font-size:var(--font-size-body);font-weight:600;letter-spacing:.04em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-hud__health{display:flex;align-items:center;gap:.4rem}.mobile-hud__track{width:100%;min-width:0;height:.38rem;border-radius:999px;border:none;box-shadow:none}.mobile-hud__value{font-family:var(--font-numeric);font-size:.78rem;letter-spacing:.04em;white-space:nowrap}.hud-metrics__label{font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:none;color:#f0f3ff94;text-align:right}.hud-metrics__value{display:flex;flex-direction:column;align-items:flex-end;gap:.06rem;min-width:7ch;text-align:right}.hud-metrics__value-primary{font-family:var(--font-numeric);font-size:var(--font-size-title);letter-spacing:.03em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.hud-metrics__sublabel{font-size:clamp(.64rem,1vw,.76rem);letter-spacing:.1em;text-transform:uppercase;color:#f0f3ff85;line-height:1}.encounter-setup{position:relative;clip-path:var(--shape-tablet);background-color:var(--color-surface-muted);background-image:radial-gradient(circle at 25% 20%,rgb(214 217 231 / 18%),transparent 62%),radial-gradient(circle at 80% 75%,rgb(34 52 84 / 42%),transparent 70%),var(--texture-vein);padding:clamp(.95rem,2.4vw,1.45rem);display:grid;gap:clamp(.8rem,1.6vw,1.2rem);box-shadow:var(--frame-shadow-raised),var(--frame-outline),inset 0 0 0 1px #ffffff14,var(--frame-etch);overflow:hidden}.encounter-setup[hidden]{display:none}.encounter-setup__grid{display:grid;gap:clamp(.8rem,1.6vw,1.2rem)}.target-selector{position:relative;clip-path:var(--shape-tablet);background-color:var(--color-surface);background-image:radial-gradient(circle at 15% 15%,rgb(214 217 231 / 20%),transparent 60%),radial-gradient(circle at 85% 70%,rgb(34 54 90 / 42%),transparent 70%),var(--texture-vein);padding:clamp(.75rem,1.9vw,1.15rem);display:grid;gap:clamp(.6rem,1.2vw,.95rem);box-shadow:var(--frame-shadow-raised),var(--frame-outline),inset 0 0 0 1px #ffffff14,var(--frame-etch);overflow:hidden}.target-selector__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.target-selector__boss-browser{display:grid;gap:clamp(.5rem,1.2vw,.85rem)}.target-selector__assist{margin:0;font-size:var(--font-size-caption);color:var(--color-muted)}.target-selector__boss-list{margin:0;padding:.4rem;list-style:none;display:grid;gap:.35rem;border-radius:24px;background-color:var(--color-surface-muted);background-image:radial-gradient(circle at 12% 30%,rgb(214 217 231 / 18%),transparent 65%),radial-gradient(circle at 85% 70%,rgb(26 44 78 / 42%),transparent 70%),var(--texture-vein);box-shadow:0 14px 26px #00000094,inset 0 0 0 1px #ffffff14,inset 0 -2px #0000008c;max-height:min(38vh,20rem);overflow-y:auto;scroll-padding:.35rem;-webkit-overflow-scrolling:touch}.target-selector__boss-option{position:relative;display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;border-radius:14px;border:1px solid var(--color-border-faint);background-color:#121828ad;background-image:linear-gradient(140deg,rgb(255 255 255 / 10%),transparent),radial-gradient(circle at 40% 50%,rgb(30 52 90 / 36%),transparent 72%);color:var(--color-muted);cursor:pointer;box-shadow:0 8px 18px #0000008c,inset 0 0 0 1px #ffffff0d,inset 0 -1px #0000008c;transition:color .16s ease,text-shadow .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.target-selector__boss-option[data-selected=true]{color:var(--color-text);border-color:#d7f5ff59;background-image:linear-gradient(140deg,rgb(215 245 255 / 24%),transparent),radial-gradient(circle at 40% 50%,rgb(30 52 90 / 56%),transparent 70%);box-shadow:0 12px 24px #00000094,0 0 16px #d7f5ff59,inset 0 0 0 1px #ffffff24;transform:translateY(-1px)}.target-selector__boss-option:hover,.target-selector__boss-option:focus-within{color:var(--color-accent);outline:none;border-color:#d7f5ff47;box-shadow:0 12px 24px #00000094,0 0 14px #d7f5ff47,inset 0 0 0 1px #ffffff1f}.target-selector__boss-input{position:absolute;inset:0;opacity:0}.target-selector__boss-marker{width:.9rem;height:.9rem;border-radius:50%;border:2px solid rgb(255 255 255 / 18%);background:#0a1220a6;box-shadow:inset 0 1px 2px #000000a6;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.target-selector__boss-option[data-selected=true] .target-selector__boss-marker{border-color:#d7f5ffa6;background:radial-gradient(circle,#d7f5ffa6,#1e345acc);box-shadow:0 0 8px #d7f5ff59}.target-selector__boss-copy{display:flex;flex-direction:column;gap:.15rem}.target-selector__boss-name{font-weight:600;letter-spacing:.01em}.target-selector__boss-meta{font-size:var(--font-size-caption);color:var(--color-muted)}.target-selector__boss-empty{margin:0;font-size:var(--font-size-body);color:var(--color-muted)}.target-selector h3{margin:0;font-size:var(--font-size-title);letter-spacing:.02em;text-transform:none}.target-selector__options-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;border:1px solid var(--color-border-soft);background-color:var(--color-surface-muted);background-image:radial-gradient(circle at 40% 35%,rgb(214 217 231 / 18%),transparent 60%),radial-gradient(circle at 60% 70%,rgb(24 40 70 / 45%),transparent 70%),var(--texture-vein);color:var(--color-text);cursor:pointer;font-size:1rem;position:relative;text-shadow:0 1px 2px var(--color-glyph-shadow);box-shadow:0 12px 22px #00000094,inset 0 0 0 1px #ffffff1f,inset 0 -2px 4px #000000a6;transition:color .16s ease,text-shadow .16s ease,box-shadow .16s ease,transform .16s ease}.target-selector__options-toggle:after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgb(255 255 255 / 12%);pointer-events:none}.target-selector__options-toggle:hover,.target-selector__options-toggle:focus-visible,.target-selector__options-toggle[aria-expanded=true]{outline:none;color:var(--color-accent);text-shadow:0 0 8px rgb(215 245 255 / 45%);transform:translateY(-1px);box-shadow:0 16px 28px #0009,0 0 16px #d7f5ff59,inset 0 0 0 1px #ffffff29}.segmented-control{display:flex;gap:.35rem;overflow-x:auto;padding:.45rem;border-radius:32px;background-color:var(--color-surface-muted);background-image:radial-gradient(circle at 12% 30%,rgb(214 217 231 / 18%),transparent 65%),radial-gradient(circle at 85% 70%,rgb(26 44 78 / 42%),transparent 70%),var(--texture-vein);box-shadow:0 14px 26px #00000094,inset 0 0 0 1px #ffffff14,inset 0 -1px #0009;scrollbar-width:thin}.segmented-control__option{border:1px solid transparent;border-radius:26px;padding:.4rem .95rem;background:linear-gradient(140deg,rgb(255 255 255 / 10%),transparent);color:var(--color-subtle);font-size:var(--font-size-caption);font-weight:600;letter-spacing:.04em;cursor:pointer;transition:color .16s ease,text-shadow .16s ease,background .16s ease,box-shadow .16s ease;white-space:nowrap;text-shadow:0 1px 2px rgb(0 0 0 / 80%)}.segmented-control__option[data-selected=true]{color:var(--color-text);background:linear-gradient(140deg,rgb(215 245 255 / 24%),transparent),radial-gradient(circle at 40% 50%,rgb(30 52 90 / 46%),transparent 70%);border-color:#d7f5ff59;box-shadow:0 10px 20px #0000008c,0 0 16px #d7f5ff59,inset 0 0 0 1px #ffffff2e}.segmented-control__option:hover,.segmented-control__option:focus-visible{outline:none;color:var(--color-accent);background:linear-gradient(140deg,rgb(215 245 255 / 22%),transparent),radial-gradient(circle at 40% 50%,rgb(30 52 90 / 46%),transparent 70%);box-shadow:0 12px 24px #00000094,0 0 14px #d7f5ff52,inset 0 0 0 1px #ffffff24}.segmented-control__option:disabled{opacity:.4;cursor:not-allowed}.target-selector__tray{display:grid;gap:.6rem}.target-selector__field{display:flex;flex-direction:column;gap:.25rem}.target-selector__field-label{font-size:var(--font-size-caption);font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--color-muted)}.target-selector__field select,.target-selector__field input[type=text],.sequence-selector__field select,.form-grid__field select,.form-grid__field input{appearance:none;border-radius:10px;border:1px solid var(--color-border-faint);background-color:var(--color-surface-muted);background-image:linear-gradient(140deg,rgb(255 255 255 / 10%),transparent),var(--texture-vein);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -1px #0000008c;color:var(--color-text);padding:.45rem .75rem;font-size:var(--font-size-body)}.target-selector__field select:focus-visible,.target-selector__field input[type=text]:focus-visible,.sequence-selector__field select:focus-visible,.form-grid__field select:focus-visible,.form-grid__field input:focus-visible{outline:2px solid rgb(215 245 255 / 55%);outline-offset:3px}.target-selector__summary{padding:.55rem .75rem;display:grid;gap:.12rem}.target-selector__summary-title{font-size:var(--font-size-caption);letter-spacing:.05em;text-transform:none;color:var(--color-muted)}.target-selector__summary-value{font-weight:600;font-size:var(--font-size-subhead)}.target-selector__summary-meta{font-size:var(--font-size-caption);color:var(--color-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.sequence-selector{position:relative;clip-path:var(--shape-tablet);background-color:var(--color-surface);background-image:radial-gradient(circle at 15% 18%,rgb(214 217 231 / 20%),transparent 62%),radial-gradient(circle at 85% 75%,rgb(34 54 90 / 44%),transparent 70%),var(--texture-vein);padding:clamp(.75rem,1.9vw,1.15rem);display:grid;gap:clamp(.6rem,1.2vw,.95rem);box-shadow:var(--frame-shadow-raised),var(--frame-outline),inset 0 0 0 1px #ffffff14,var(--frame-etch);overflow:hidden}.sequence-selector__header{display:flex;align-items:center;justify-content:space-between}.sequence-selector h3{margin:0;font-size:var(--font-size-title);letter-spacing:.02em;text-transform:none}.sequence-selector__field{display:flex;flex-direction:column;gap:.25rem}.sequence-selector__field-label{font-size:var(--font-size-caption);font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--color-muted)}.sequence-selector__stages{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}.sequence-selector__stage{width:100%;display:flex;align-items:center;gap:.45rem;border:1px solid var(--color-border-faint);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);background-color:var(--color-surface-muted);background-image:linear-gradient(140deg,rgb(255 255 255 / 12%),transparent),radial-gradient(circle at 80% 35%,rgb(30 52 90 / 44%),transparent 70%),var(--texture-vein);padding:.5rem .75rem;color:var(--color-text);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:color .16s ease,text-shadow .16s ease,box-shadow .16s ease,transform .16s ease;text-shadow:0 1px 2px var(--color-glyph-shadow);position:relative;box-shadow:0 12px 24px #00000094,inset 0 0 0 1px #ffffff1a,inset 0 -1px #0000008c}.sequence-selector__stage[aria-current=true]{color:var(--color-accent);box-shadow:0 16px 30px #0009,0 0 18px #d7f5ff59,inset 0 0 0 1px #ffffff2e}.sequence-selector__stage:hover,.sequence-selector__stage:focus-visible{outline:none;color:var(--color-accent);text-shadow:0 0 12px rgb(215 245 255 / 55%);transform:translateY(-1px);box-shadow:0 16px 30px #0009,0 0 18px #d7f5ff59,inset 0 0 0 1px #ffffff2e}.sequence-selector__stage-index{font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:none;color:var(--color-muted)}.sequence-selector__stage-name{flex:1 1 auto}.sequence-selector__empty{margin:0;font-size:var(--font-size-caption);color:var(--color-muted)}.sequence-conditions{position:relative;clip-path:var(--shape-tablet);background-color:var(--color-surface);background-image:radial-gradient(circle at 20% 18%,rgb(214 217 231 / 18%),transparent 60%),radial-gradient(circle at 85% 72%,rgb(34 54 90 / 44%),transparent 70%),var(--texture-vein);padding:clamp(.75rem,1.9vw,1.15rem);display:grid;gap:.6rem;box-shadow:var(--frame-shadow-raised),var(--frame-outline),inset 0 0 0 1px #ffffff14,var(--frame-etch);overflow:hidden}.sequence-conditions__title{margin:0;font-size:var(--font-size-subhead);letter-spacing:.04em;text-transform:none;color:var(--color-muted)}.sequence-conditions__grid{display:grid;gap:.55rem}.sequence-conditions__option{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:start;font-size:var(--font-size-body)}.sequence-conditions__option input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:rgb(130 207 255 / 80%)}.sequence-conditions__label{font-weight:600}.sequence-conditions__description{display:block;color:var(--color-muted);font-size:var(--font-size-caption);margin-top:.15rem}.app-main{gap:clamp(.9rem,1.9vw,1.35rem)}@media (width >= 768px){.encounter-setup__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 1024px){.app-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(1.25rem,2.5vw,2rem)}}.surface-section{display:flex;flex-direction:column;position:relative;min-height:0}.surface-section__header{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);align-items:start;gap:clamp(.45rem,1.1vw,.9rem) clamp(.6rem,1.4vw,1.1rem);padding:clamp(1rem,2vw,1.35rem) clamp(1.1rem,2.2vw,1.6rem) 0;min-width:0}.surface-section__header--navbar{padding:clamp(.75rem,1.6vw,1.15rem) clamp(1.1rem,2.4vw,1.85rem) clamp(.4rem,.8vw,.65rem)}.surface-section__title{margin:0;min-width:0;align-self:start}:where(h1,h2,h3,h4,h5,h6).surface-section__title{font-size:var(--font-size-headline);letter-spacing:.02em}.surface-section__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(.35rem,.9vw,.7rem) clamp(.45rem,1vw,.8rem);justify-self:end;min-width:0}.surface-section__actions--navbar{gap:clamp(.25rem,.7vw,.55rem) clamp(.35rem,.9vw,.65rem)}.surface-section__description{margin:0;padding:0 clamp(1.1rem,2.2vw,1.6rem);color:var(--color-muted);font-size:var(--font-size-body)}.surface-section__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.surface-section__body--panel{padding:clamp(1rem,2vw,1.6rem);gap:.9rem}.surface-section__body--navbar{padding:clamp(.35rem,.8vw,.55rem) clamp(1.1rem,2.4vw,1.85rem) clamp(1.05rem,2.1vw,1.55rem);gap:clamp(.55rem,1vw,.85rem)}.app-panel{display:flex;flex-direction:column;position:relative;clip-path:var(--shape-tablet);background-color:var(--color-surface);background-image:radial-gradient(circle at 18% 18%,rgb(214 217 231 / 20%),transparent 65%),radial-gradient(circle at 88% 78%,rgb(32 54 90 / 46%),transparent 72%),var(--texture-vein);box-shadow:var(--frame-shadow-floating),var(--frame-outline-strong),inset 0 0 0 1px #ffffff1a,var(--frame-etch);overflow:hidden;min-height:0}.app-panel:before{content:"";position:absolute;inset:0;clip-path:var(--shape-tablet);background-image:var(--texture-noise);background-size:4px 4px;mix-blend-mode:soft-light;opacity:.2;pointer-events:none}.app-panel:after{content:"";position:absolute;inset:-6px;clip-path:var(--shape-tablet);pointer-events:none;opacity:0;transform:translate(-125%) skew(-12deg);mix-blend-mode:screen;will-change:transform,opacity,box-shadow;z-index:2}.app-panel--glow-victory:after{background:linear-gradient(118deg,#f5faff00 10%,#e1fafff0 36%,#ffdca073 55%,#d2ebff00 78%);animation:panel-shimmer-victory .82s cubic-bezier(.25,.7,.3,1) forwards}.app-panel>*{position:relative;z-index:1}.section__description{font-size:.95rem;color:var(--color-muted)}.quick-actions{display:flex;flex-wrap:wrap;gap:.5rem}.combat-log__wrapper{position:relative;display:flex;flex:1 1 auto;min-height:0}.combat-log{position:relative;flex:1 1 auto;block-size:clamp(200px,42vh,520px);overflow-y:auto}.combat-log__entries{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.combat-log__entry{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:baseline;font-size:var(--font-size-body)}.combat-log__entry[data-entry-type=banner]{grid-template-columns:1fr;justify-items:center;text-transform:uppercase;letter-spacing:.08em;color:#f0f3ffc7}.combat-log__timestamp{font-family:var(--font-display);font-size:var(--font-size-caption);letter-spacing:.08em;color:#f0f3ff94;min-width:4.5ch;text-align:right}.combat-log__content{display:flex;flex-direction:column;gap:.15rem}.combat-log__message{font-weight:600;letter-spacing:.04em}.combat-log__detail,.combat-log__context{font-size:var(--font-size-caption);letter-spacing:.05em;color:#f0f3ff9e}.combat-log__context{display:block;margin-top:.15rem}.combat-log__placeholder{font-size:var(--font-size-body);color:var(--color-muted);display:flex;align-items:center;justify-content:center;min-height:100%;text-align:center}.attack-groups{display:flex;flex-direction:column;gap:1.25rem}.attack-log__actions{display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;width:100%;align-items:center}.attack-group{display:flex;flex-direction:column;gap:.75rem}.attack-group__title{font-size:var(--font-size-caption);text-transform:none;letter-spacing:.08em;color:var(--color-muted)}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem}.button-grid__button{display:inline-flex;flex-direction:column;gap:.4rem;border:1px solid var(--color-border-faint);clip-path:var(--shape-tablet);background-color:var(--color-surface-muted);background-image:linear-gradient(145deg,rgb(255 255 255 / 12%),transparent),radial-gradient(circle at 78% 32%,rgb(32 52 84 / 45%),transparent 70%),var(--texture-vein);padding:.85rem;text-align:left;color:var(--color-text);font-weight:600;transition:color .16s ease,text-shadow .16s ease,box-shadow .16s ease,transform .16s ease;text-shadow:0 1px 2px var(--color-glyph-shadow);position:relative;box-shadow:0 16px 28px #00000094,inset 0 0 0 1px #ffffff1a,inset 0 -1px #0000008c}.button-grid__button:hover,.button-grid__button:focus-visible{outline:none;color:var(--color-accent);text-shadow:0 0 12px rgb(215 245 255 / 55%);border-color:var(--color-accent);box-shadow:0 20px 36px #0009,0 0 12px var(--color-accent-glow),inset 0 0 0 1px #ffffff29}.button-grid__header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.button-grid__label{font-size:var(--font-size-subhead)}.button-grid__hotkey{font-size:var(--font-size-caption);letter-spacing:.08em;text-transform:none;color:var(--color-muted);display:inline-flex;align-items:center}.button-grid__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem;width:100%;font-size:var(--font-size-caption);color:var(--color-muted)}.button-grid__damage{font-size:1.25rem;font-weight:700;color:var(--color-text)}.button-grid__soul{font-size:var(--font-size-caption);letter-spacing:.05em;text-transform:none;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--color-border-faint);background-color:var(--color-surface-muted);background-image:linear-gradient(140deg,rgb(255 255 255 / 12%),transparent),var(--texture-vein);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -1px #0000008c}.button-grid__hits{font-size:var(--font-size-caption);letter-spacing:.05em;text-transform:none;padding:0;border:0;background:none;box-shadow:none}.button-grid__description{font-size:var(--font-size-caption);color:var(--color-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.data-list{display:flex;flex-direction:column;gap:.9rem}.data-list__item{display:flex;flex-direction:column;gap:.2rem}.data-list__label{font-size:var(--font-size-caption);text-transform:none;letter-spacing:.06em;color:var(--color-muted)}.data-list__value{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:1.3rem;font-weight:700}.data-list__value-text{line-height:1}.data-list__value-text[data-low-health=true]{color:var(--color-accent-ember);text-shadow:0 0 10px rgb(242 184 127 / 45%),0 0 22px rgb(242 184 127 / 20%);animation:low-health-pulse 2.6s ease-in-out infinite}.sparkline{width:88px;height:28px;color:var(--color-accent);flex-shrink:0;opacity:.8}.sparkline__area{fill:currentcolor;opacity:.18}.sparkline__line{fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;--modal-padding-inline: clamp(1rem, 4vw, 2rem);--modal-padding-block: clamp(1.5rem, 6vh, 3rem);--modal-top-inset: calc( env(safe-area-inset-top, 0px) + var(--visual-viewport-offset-top) );--modal-bottom-inset: calc( env(safe-area-inset-bottom, 0px) + var(--visual-viewport-offset-bottom) );padding-inline:var(--modal-padding-inline);padding-top:calc(var(--modal-padding-block) + var(--modal-top-inset));padding-bottom:calc(var(--modal-padding-block) + var(--modal-bottom-inset));overflow-y:auto}.modal__backdrop{position:absolute;inset:0;background:#03050fb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:0;padding:0}.modal__content{position:relative;z-index:1;width:min(100%,980px);--modal-available-height-offset: calc( var(--modal-padding-block) * 2 + var(--modal-top-inset) + var(--modal-bottom-inset) );max-height:min(max(calc(var(--visual-viewport-height) - var(--modal-available-height-offset)),320px),900px);overflow-y:auto;clip-path:var(--shape-tablet);background-color:var(--color-surface);background-image:radial-gradient(circle at 22% 15%,rgb(214 217 231 / 20%),transparent 60%),radial-gradient(circle at 78% 80%,rgb(30 50 88 / 48%),transparent 72%),var(--texture-vein);border:1px solid var(--color-border-soft);box-shadow:0 42px 120px #000000b3,0 0 0 1px #ffffff1a,var(--frame-etch);padding:clamp(1.5rem,3vw,2.5rem);display:flex;flex-direction:column;gap:1.5rem}.modal__content:before{content:"";position:absolute;inset:0;clip-path:var(--shape-tablet);background-image:var(--texture-noise);background-size:4px 4px;opacity:.18;mix-blend-mode:soft-light;pointer-events:none}.modal__content>*{position:relative;z-index:1}.modal__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.modal__title{margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700}.modal__subtitle{margin:.35rem 0 0;color:var(--color-muted);max-width:60ch}.modal__close{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--color-border-soft);padding:.45rem 1.2rem;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);background-color:var(--color-surface-muted);background-image:linear-gradient(140deg,rgb(255 255 255 / 14%),transparent),radial-gradient(circle at 75% 30%,rgb(34 56 94 / 42%),transparent 70%),var(--texture-vein);color:var(--color-text);font-weight:600;letter-spacing:.04em;text-shadow:0 1px 2px var(--color-glyph-shadow);cursor:pointer;position:relative;box-shadow:0 16px 30px #00000094,inset 0 0 0 1px #ffffff1f,inset 0 -2px #0009;transition:color .16s ease,text-shadow .16s ease,box-shadow .16s ease,transform .16s ease}.modal__close:hover,.modal__close:focus-visible{outline:none;color:var(--color-accent);text-shadow:0 0 12px rgb(215 245 255 / 55%);transform:translateY(-1px);box-shadow:0 20px 36px #0009,0 0 18px #d7f5ff59,inset 0 0 0 1px #ffffff2e}.modal__body{display:flex;flex-direction:column;gap:1.75rem}.modal-section{display:flex;flex-direction:column;gap:.9rem}.modal-section__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.modal-section__header h3{margin:0;font-size:1.1rem;letter-spacing:.03em}.modal-section__description{margin:0;color:var(--color-muted);font-size:.95rem}.preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.preset-buttons__button{border-radius:999px;border:1px solid rgb(130 207 255 / 35%);background:#82cfff2e;color:inherit;padding:.45rem 1rem;font-size:.85rem;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.preset-buttons__button:hover,.preset-buttons__button:focus-visible{outline:none;transform:translateY(-1px);background:#82cfff47;border-color:#82cfff99}.charm-workbench{position:relative;display:grid;gap:1.25rem}.charm-animation-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.charm-flight{position:absolute;will-change:transform;transition:transform .28s cubic-bezier(.22,.61,.36,1);filter:drop-shadow(0 10px 18px rgb(0 0 0 / 35%))}.charm-workbench__overview{display:grid;gap:1rem}.charm-workbench__grid{--charm-size: clamp(3.15rem, 6.8vw, 5rem);--charm-gap: clamp(.18rem, .5vw, .45rem);--charm-track-base: max(0px, calc((100% - (9.5 * var(--charm-gap))) / 10.5));--charm-track-min: calc(var(--charm-size) * .62);--charm-track-size: max( var(--charm-track-min), min(var(--charm-size), var(--charm-track-base)) );--charm-indent: calc((var(--charm-track-size) + var(--charm-gap)) / 2);display:contents;overflow-x:auto;padding-bottom:.5rem}.charm-workbench__grid::-webkit-scrollbar{height:.45rem}.charm-workbench__grid::-webkit-scrollbar-thumb{background:#82cfff52;border-radius:999px}@media (width >= 900px){.charm-workbench__overview{grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);align-items:stretch}}@media (width >= 1280px){.charm-workbench__grid{--charm-size: 4.9rem}}.equipped-panel,.notch-panel,.preset-panel{position:relative;clip-path:var(--shape-tablet);background-color:var(--color-surface);background-image:radial-gradient(circle at 18% 15%,rgb(214 217 231 / 18%),transparent 62%),radial-gradient(circle at 82% 78%,rgb(32 52 84 / 44%),transparent 70%),var(--texture-vein);padding:1.05rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--frame-shadow-raised),var(--frame-outline),inset 0 0 0 1px #ffffff14,var(--frame-etch);overflow:hidden}.equipped-panel:before,.notch-panel:before,.preset-panel:before{content:"";position:absolute;inset:0;clip-path:var(--shape-tablet);background-image:var(--texture-noise);background-size:4px 4px;opacity:.2;mix-blend-mode:soft-light;pointer-events:none}.equipped-panel>*,.notch-panel>*,.preset-panel>*{position:relative;z-index:1}.equipped-panel__title,.notch-panel__title,.preset-panel__title{margin:0;font-size:var(--font-size-subhead);letter-spacing:.04em;text-transform:none;color:var(--color-muted)}.equipped-panel__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:.45rem}.equipped-panel__item{display:grid;place-items:center;padding:.45rem;border-radius:12px;border:1px solid var(--color-border-faint);background-color:var(--color-surface-muted);background-image:linear-gradient(145deg,rgb(255 255 255 / 12%),transparent),var(--texture-vein);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -1px #0000008c}.equipped-panel__icon{width:2.2rem;height:2.2rem;object-fit:contain}.equipped-panel__empty{margin:0;font-size:var(--font-size-caption);color:var(--color-muted)}.notch-panel{position:relative;overflow:hidden}.notch-panel__header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.notch-panel__usage{font-weight:600;color:var(--color-muted)}.notch-panel__bracelet{--notch-size: clamp(1.2rem, 3vw, 1.6rem);display:flex;flex-wrap:nowrap;gap:clamp(.45rem,.9vw,.6rem);align-items:center;padding:clamp(.6rem,1.4vw,.85rem) clamp(.85rem,2.2vw,1.2rem);border-radius:999px;border:1px solid var(--color-border-soft);background-color:#12192b;background-image:linear-gradient(120deg,rgb(255 255 255 / 14%),transparent),radial-gradient(circle at 10% 50%,rgb(214 217 231 / 12%),transparent 65%),radial-gradient(circle at 90% 50%,rgb(24 38 66 / 75%),transparent 75%);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -3px 4px #000000b3,0 16px 28px #00000094;position:relative;overflow-x:auto;scrollbar-width:thin}.notch-panel__bracelet::-webkit-scrollbar{height:.35rem}.notch-panel__bracelet::-webkit-scrollbar-thumb{background:#d7f5ff47;border-radius:999px}.notch-panel__bracelet:before{content:"";position:absolute;top:50%;left:clamp(.75rem,2vw,1.35rem);right:clamp(.75rem,2vw,1.35rem);height:clamp(.55rem,1.2vw,.75rem);transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#d7f5ff2e,#0b1220eb,#d7f5ff2e);box-shadow:inset 0 1px #ffffff40,inset 0 -2px 2px #000c;pointer-events:none}.notch-dot{position:relative;z-index:1;flex:0 0 auto;width:var(--notch-size);height:var(--notch-size);border-radius:50%;border:2px solid rgb(214 217 231 / 55%);background:radial-gradient(circle at 50% 60%,#121c30e5,#050810eb);box-shadow:inset 0 0 8px #000000bf,0 4px 8px #0000008c;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.notch-dot:before{content:"";position:absolute;inset:24%;border-radius:50%;border:1px solid rgb(255 255 255 / 18%);background:radial-gradient(circle at 50% 65%,#243452b3,#0a101eeb);box-shadow:inset 0 0 6px #000000bf;pointer-events:none}.notch-dot--available{border-color:#d6d9e7a6}.notch-dot--available:before{background:radial-gradient(circle at 50% 45%,#698ec673,#0c1422e0)}.notch-dot--filled{transform:scale(1.1);border-color:#d7f5ffbf;box-shadow:0 8px 16px #0009,0 0 24px #d7f5ff59,inset 0 0 12px #d7f5ff40}.notch-dot--filled:before{background:radial-gradient(circle at 50% 45%,rgb(215 245 255 / 85%),rgb(110 154 208 / 55%),transparent 78%);border-color:#d7f5ff8c;box-shadow:inset 0 0 10px #d7f5ff73,0 0 18px #d7f5ff59}.notch-dot--locked{opacity:.25}.notch-dot--overfill{border-color:var(--color-overcharm);box-shadow:0 10px 20px #0009,0 0 26px var(--color-overcharm-glow),inset 0 0 10px #ffdcf073}.notch-panel__slider{display:flex;flex-direction:column;gap:.4rem}.notch-panel__slider-label{font-size:var(--font-size-caption);font-weight:600;letter-spacing:.05em;text-transform:none;color:var(--color-muted)}.notch-panel__slider input[type=range]{width:100%;accent-color:var(--color-accent)}.notch-panel__description,.preset-panel__description{margin:0;font-size:var(--font-size-caption);color:var(--color-muted)}.overcharm-banner{position:relative;clip-path:var(--shape-tablet);background-color:#26081ceb;background-image:radial-gradient(circle at 20% 20%,rgb(255 173 228 / 45%),transparent 70%),radial-gradient(circle at 80% 80%,rgb(120 34 92 / 65%),transparent 75%);padding:.95rem 1.1rem;display:flex;flex-wrap:wrap;gap:.35rem .75rem;align-items:baseline;color:var(--color-overcharm);box-shadow:0 20px 36px #0000008c,0 0 26px var(--color-overcharm-glow),inset 0 0 0 1px #ffade46b,inset 0 -1px #5a0e3acc}.overcharm-banner:before{content:"";position:absolute;inset:0;clip-path:var(--shape-tablet);background-image:var(--texture-noise);background-size:4px 4px;opacity:.2;mix-blend-mode:screen;pointer-events:none}.overcharm-banner>*{position:relative;z-index:1}.overcharm-banner__label{font-size:var(--font-size-subhead);font-weight:700;letter-spacing:.08em;text-transform:none}.overcharm-banner__message{font-size:.88rem;color:#ffddf6d9}.notch-panel--overcharmed{box-shadow:var(--elevation-layer-1),0 18px 48px #ff6edb40,inset 0 0 0 1px #ff6edb61}.notch-panel--overcharmed:after{content:"";position:absolute;inset:-60% -10%;background:linear-gradient(135deg,transparent 45%,rgb(255 110 219 / 45%) 50%,transparent 55%),linear-gradient(45deg,transparent 40%,rgb(255 110 219 / 35%) 46%,transparent 52%);opacity:.65;pointer-events:none}.notch-panel--overcharmed .notch-panel__title,.notch-panel--overcharmed .notch-panel__usage{color:var(--color-overcharm)}.charm-grid{display:flex;flex-direction:column;align-items:center;gap:calc(var(--charm-gap) * .9);width:100%}.charm-grid__row{display:grid;grid-template-columns:repeat(10,minmax(0,var(--charm-track-size)));column-gap:var(--charm-gap);transform:translate(calc(var(--charm-indent) * -.5))}.charm-grid__row--offset{transform:translate(calc(var(--charm-indent) * .5))}.charm-slot{display:grid;place-items:center;width:calc(var(--charm-size) * .9);min-height:var(--charm-track-size)}.charm-token-stack{position:relative;display:grid;place-items:center;width:var(--charm-track-size);height:var(--charm-track-size)}.charm-token{position:relative;display:grid;place-items:center;width:var(--charm-track-size);height:var(--charm-track-size);padding:0;border:none;background:none;cursor:pointer;--charm-token-translate-x: 0%;--charm-token-translate-y: 0%;--charm-token-scale: 1;transform:translate(var(--charm-token-translate-x),var(--charm-token-translate-y)) scale(var(--charm-token-scale));transition:transform .15s ease,filter .18s ease,opacity .18s ease}.charm-token:focus-visible{outline:2px solid rgb(130 207 255 / 65%);outline-offset:4px}.charm-token:not(:disabled):hover{--charm-token-translate-y: calc(var(--charm-token-translate-y) - 2px);--charm-token-scale: 1.03}.charm-token--idle{filter:saturate(.85) brightness(.95)}.charm-token--active{filter:grayscale(.9) brightness(.7);opacity:.78}.charm-token--locked{cursor:not-allowed;filter:grayscale(.95) brightness(.55);opacity:.45}.charm-token--stacked{position:absolute;inset:0}.charm-token--stacked:not(.charm-token--backdrop){inset:50% auto auto 50%;--charm-token-translate-x: -50%;--charm-token-translate-y: -50%;width:calc(var(--charm-track-size) * .98);height:calc(var(--charm-track-size) * .98);z-index:2}.charm-token__icon{position:relative;z-index:1;width:calc(var(--charm-track-size) * .96);height:calc(var(--charm-track-size) * .96);object-fit:contain;pointer-events:none}.charm-token--backdrop{inset:50% auto auto 50%;--charm-token-translate-x: calc(-50% - (var(--charm-track-size) * .1));--charm-token-translate-y: calc(-50% - (var(--charm-track-size) * .1));width:calc(var(--charm-track-size) * .9);height:calc(var(--charm-track-size) * .9);filter:grayscale(.95) brightness(.42) saturate(.55);opacity:.38;z-index:1}.charm-token--backdrop:after{content:"";position:absolute;inset:6%;border-radius:50%;background:#0000008c;filter:blur(12px);opacity:.5;z-index:-1}.charm-token--backdrop .charm-token__icon{opacity:.65}.charm-token__hover-label{position:absolute;top:calc(100% + .35rem);left:50%;transform:translate(-50%,10%);padding:.25rem .45rem;border-radius:8px;background:#090b1ceb;color:var(--color-text);font-size:var(--font-size-caption);letter-spacing:.04em;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;white-space:nowrap;z-index:4;box-shadow:0 6px 14px #00000059}.charm-token:focus-visible .charm-token__hover-label,.charm-token:not(:disabled):hover .charm-token__hover-label{opacity:1;transform:translate(-50%)}.spell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.spell-card{position:relative;clip-path:var(--shape-tablet);background-color:var(--color-surface);background-image:radial-gradient(circle at 18% 20%,rgb(214 217 231 / 18%),transparent 62%),radial-gradient(circle at 82% 78%,rgb(32 52 84 / 44%),transparent 70%),var(--texture-vein);padding:.95rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--frame-shadow-raised),var(--frame-outline),inset 0 0 0 1px #ffffff14,var(--frame-etch);overflow:hidden}.spell-card:before{content:"";position:absolute;inset:0;clip-path:var(--shape-tablet);background-image:var(--texture-noise);background-size:4px 4px;opacity:.18;mix-blend-mode:soft-light;pointer-events:none}.spell-card>*{position:relative;z-index:1}.spell-card legend{font-weight:600;letter-spacing:.02em;margin-bottom:.2rem}.spell-card__option{display:flex;align-items:center;gap:.4rem;font-size:.95rem}.spell-card__option--muted{color:var(--color-muted)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.form-grid__field{display:flex;flex-direction:column;gap:.35rem}.form-grid__field span{font-size:var(--font-size-caption);font-weight:600;letter-spacing:.04em;text-transform:none;color:var(--color-muted)}.form-grid__summary{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}@media (width <= 720px){.encounter-hud{position:static;top:auto}.mobile-hud-sentinel{display:block;position:sticky;top:0;z-index:15}.surface-section__header{grid-template-columns:minmax(0,1fr)}.surface-section__actions{justify-content:flex-start;justify-self:stretch;width:100%}.hud-actions,.attack-log__actions{justify-content:flex-start}.app-button__label{white-space:normal}.mobile-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-hud__title{font-size:.9rem}.mobile-hud__value{font-size:.76rem}.modal{--modal-padding-inline: 1rem;--modal-padding-block: clamp(1.5rem, 10vh, 3.5rem)}.button-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.button-grid__button{padding:.65rem;gap:.35rem;border-radius:12px;clip-path:none;background-image:none;box-shadow:none;text-shadow:none}.button-grid__button:after{display:none}.button-grid__header{align-items:center}.button-grid__label{font-size:1rem}.button-grid__hotkey,.button-grid__description{display:none}.button-grid__meta{font-size:.75rem;gap:.25rem}.button-grid__damage{font-size:1.1rem}.button-grid__soul{padding:.1rem .5rem}.button-grid__hits{padding:0}}@keyframes panel-shimmer-victory{0%{opacity:0;transform:translate(-130%) skew(-10deg);box-shadow:0 0 #e6faff8c}30%{opacity:1;box-shadow:0 0 32px 14px #e6faff99}65%{opacity:.85;box-shadow:0 0 44px 20px #ffd7a073}to{opacity:0;transform:translate(130%) skew(-10deg);box-shadow:0 0 56px 24px #e6faff00}}@keyframes low-health-pulse{0%,to{text-shadow:0 0 10px rgb(242 184 127 / 45%),0 0 20px rgb(242 184 127 / 18%);opacity:.96}50%{text-shadow:0 0 18px rgb(255 196 140 / 70%),0 0 32px rgb(242 184 127 / 32%);opacity:1}}