.ui-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text)}.ui-card--panel{background:var(--panel)}.ui-card--flat{background:var(--panel-2);box-shadow:none}.ui-card--glass{background:var(--glass-bg);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}.ui-card--button{font:inherit;text-align:left;cursor:pointer;transition:border-color .12s,background .12s,box-shadow .12s}@media (hover:hover){.ui-card--button:hover:not(:disabled):not(.is-selected){border-color:var(--border-strong);background:linear-gradient(180deg, var(--white), var(--slate-97))}}@media (hover:none){.ui-card--button:active:not(:disabled):not(.is-selected){border-color:var(--border-strong);background:linear-gradient(180deg, var(--white), var(--slate-97))}}.ui-card--button.is-selected{border-color:var(--accent-deep);background:linear-gradient(180deg, var(--gold-99), var(--gold-97));box-shadow:0 0 0 3px var(--accent-soft)}.ui-card--button:disabled{opacity:.5;cursor:default}.ui-sprite{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ui-sprite img{z-index:1;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;position:relative}.ui-sprite--smooth img.pixel{image-rendering:auto}.ui-sprite--dim img{filter:grayscale()brightness(1.05);opacity:.45}.ui-sprite--shadow:after{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--navy-40) 32%, transparent), transparent);border-radius:50%;height:11%;position:absolute;bottom:8%;left:18%;right:18%}.ui-types{gap:var(--space-4);flex-wrap:wrap;display:inline-flex}.ui-type{--type:var(--gray-63);align-items:center;gap:var(--space-4);height:20px;padding:0 var(--space-8) 0 1px;border-radius:var(--radius-pill);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--type) 58%, var(--slate-26));background:color-mix(in srgb, var(--type) 20%, var(--white));border:1px solid color-mix(in srgb, var(--type) 62%, var(--white));white-space:nowrap;font-weight:700;display:inline-flex}.ui-type--small{gap:var(--space-4);height:17px;padding:0 var(--space-6) 0 1px;font-size:var(--fs-3xs)}.ui-size{border-radius:var(--radius-xs);width:18px;height:18px;font-size:var(--fs-2xs);color:var(--text-dim);background:var(--panel-3);border:1px solid var(--border-strong);flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.ui-size--2{color:var(--blue-49);border-color:var(--blue-80);background:var(--slate-95)}.ui-size--3{color:var(--orange-56);border-color:var(--orange-83);background:var(--coral-97)}.ui-elite{height:17px;padding:0 var(--space-6);border-radius:var(--radius-xs);font-size:var(--fs-3xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:linear-gradient(135deg, var(--gold-92), var(--gold-83));box-shadow:0 0 0 1px color-mix(in srgb, var(--gold-73) 35%, transparent) inset;flex:none;align-items:center;font-weight:800;display:inline-flex}.ui-unique{height:17px;padding:0 var(--space-6);border-radius:var(--radius-xs);font-size:var(--fs-3xs);letter-spacing:.08em;text-transform:uppercase;color:var(--purple-48);background:var(--purple-95);border:1px solid var(--purple-82);flex:none;align-items:center;font-weight:800;display:inline-flex}.ui-tag{height:20px;padding:0 var(--space-8);border-radius:var(--radius-pill);font-size:var(--fs-xs);color:var(--text-dim);background:var(--panel-3);border:1px solid var(--border);align-items:center;font-weight:600;display:inline-flex}.ui-tag--accent{color:var(--accent-text);background:var(--accent-soft);border-color:color-mix(in srgb, var(--gold-77) 45%, transparent)}.ui-tag--danger{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb, var(--red-61) 35%, transparent)}.ui-tag--ok{color:var(--ok);background:var(--ok-soft);border-color:color-mix(in srgb, var(--green-65) 35%, transparent)}.ui-tag--muted{color:var(--muted)}.ui-skill--tile .ui-elite{font-size:var(--fs-3xs)}.ui-tier{align-items:center;gap:var(--space-4);height:18px;padding:0 var(--space-6);border-radius:var(--radius-xs);font-size:var(--fs-2xs);letter-spacing:.04em;color:var(--text-dim);background:var(--panel-3);border:1px solid var(--border);white-space:nowrap;flex:none;font-weight:800;display:inline-flex}.ui-tier--2{color:var(--blue-52);background:var(--slate-96);border-color:var(--sky-82)}.ui-tier--3{color:var(--gold-57);background:var(--gold-97);border-color:var(--brass-85)}.ui-tier--small{height:16px;padding:0 var(--space-4);font-size:var(--fs-3xs)}.ui-tier__pips{flex-direction:column-reverse;gap:1px;display:inline-flex}.ui-tier__pip{border-radius:var(--radius-2xs);opacity:.25;background:currentColor;width:6px;height:2px}.ui-tier__pip.is-on{opacity:1}.ui-btn{justify-content:center;align-items:center;gap:var(--space-8);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:linear-gradient(180deg, var(--white), var(--slate-96));color:var(--text);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-xs);font-weight:600;transition:background .15s,border-color .15s,transform 80ms,box-shadow .15s;display:inline-flex}@media (hover:hover){.ui-btn:hover:not(:disabled){background:linear-gradient(180deg, var(--white), var(--slate-95));border-color:var(--slate-73)}}.ui-btn:active:not(:disabled){transform:translateY(1px)}.ui-btn:disabled{opacity:.45;cursor:not-allowed}.ui-btn--primary:disabled{color:var(--muted);background:var(--panel-3);border-color:var(--border-strong);box-shadow:none}.ui-btn--sm{height:28px;padding:0 var(--space-10);font-size:var(--fs-sm)}.ui-btn--md{height:36px;padding:0 var(--space-14)}.ui-btn--lg{height:46px;padding:0 var(--space-24);font-size:var(--fs-lg);letter-spacing:.01em}.ui-btn--primary{color:var(--accent-ink);background:linear-gradient(180deg, var(--gold-92), var(--gold-83));border-color:var(--gold-77);box-shadow:0 1px 0 var(--white-a60) inset, 0 -2px 0 color-mix(in srgb, var(--gold-70) 25%, transparent) inset, 0 4px 12px color-mix(in srgb, var(--gold-77) 30%, transparent)}@media (hover:hover){.ui-btn--primary:hover:not(:disabled){background:linear-gradient(180deg, var(--gold-94), var(--gold-86));border-color:var(--gold-79)}}.ui-btn--ghost{color:var(--text-dim);box-shadow:none;background:0 0;border-color:#0000}@media (hover:hover){.ui-btn--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--sky-80) 14%, transparent);border-color:var(--border);color:var(--text)}}.ui-btn--danger{background:var(--red-97);border-color:color-mix(in srgb, var(--red-61) 45%, transparent);color:var(--red-55)}@media (hover:hover){.ui-btn--danger:hover:not(:disabled){background:var(--red-94);border-color:var(--danger)}}.ui-btn--danger-solid{background:linear-gradient(180deg, var(--red-68), var(--danger));border-color:var(--danger-ink);color:var(--white);box-shadow:0 1px 0 var(--white-a35) inset, 0 4px 12px color-mix(in srgb, var(--red-61) 28%, transparent)}@media (hover:hover){.ui-btn--danger-solid:hover:not(:disabled){background:linear-gradient(180deg, var(--red-72), var(--red-61));border-color:var(--danger-ink)}}.ui-btn__icon{display:inline-flex}.ui-icon{vertical-align:-2px;flex:none}@media (hover:none){.ui-btn:active:not(:disabled){background:linear-gradient(180deg, var(--slate-99), var(--slate-94));border-color:var(--slate-73)}.ui-btn--primary:active:not(:disabled){background:linear-gradient(180deg, var(--gold-91), var(--gold-83));border-color:var(--gold-73)}.ui-btn--ghost:active:not(:disabled){background:color-mix(in srgb, var(--sky-80) 20%, transparent);border-color:var(--border);color:var(--text)}.ui-btn--danger:active:not(:disabled){background:var(--red-94);border-color:var(--danger)}.ui-btn--danger-solid:active:not(:disabled){background:linear-gradient(180deg, var(--red-61), var(--red-55));border-color:var(--danger-ink)}}@media (pointer:coarse){.ui-btn--sm{height:36px}.ui-btn--md{height:var(--tap)}}.ui-iconbtn{--ib-size:32px;width:var(--ib-size);height:var(--ib-size);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--fs-lg);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.ui-iconbtn--sm{--ib-size:22px;border-radius:var(--radius-xs);font-size:var(--fs-md)}.ui-iconbtn--lg{--ib-size:44px}.ui-iconbtn--round{border-radius:50%}.ui-iconbtn--outline{border-color:var(--border);background:linear-gradient(180deg, var(--white), var(--slate-96));color:var(--text-dim)}.ui-iconbtn[aria-pressed=true]{background:var(--slate-95);border-color:var(--slate-88);color:var(--accent-2-text)}@media (hover:hover){.ui-iconbtn:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--sky-80) 16%, transparent);border-color:var(--border)}.ui-iconbtn--outline:hover:not(:disabled){color:var(--accent-2-text);background:linear-gradient(180deg, var(--white), var(--slate-95));border-color:var(--slate-73)}.ui-iconbtn--danger:hover:not(:disabled){color:var(--danger-ink);border-color:color-mix(in srgb, var(--red-61) 50%, transparent)}}.ui-iconbtn:disabled{opacity:.35;cursor:default}@media (hover:none){.ui-iconbtn:active:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--sky-80) 22%, transparent);border-color:var(--border)}}@media (pointer:coarse){.ui-iconbtn--md{--ib-size:var(--tap)}.ui-iconbtn--sm{--ib-size:32px;position:relative}.ui-iconbtn--sm:after{content:"";position:absolute;inset:-6px}}.ui-linkbtn{color:var(--accent-2-text);font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:600}@media (hover:hover){.ui-linkbtn:hover{text-decoration:underline}}@media (hover:none){.ui-linkbtn:active{text-decoration:underline}}@media (pointer:coarse){.ui-linkbtn{position:relative}.ui-linkbtn:after{content:"";position:absolute;inset:-12px -6px}}.ui-seg{padding:var(--space-4);gap:var(--space-2);border-radius:var(--radius-sm);background:var(--slate-95);border:1px solid var(--border);display:inline-flex}.ui-seg__opt{align-items:center;gap:var(--space-6);height:30px;padding:0 var(--space-14);border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.ui-seg--sm .ui-seg__opt{height:26px;padding:0 var(--space-10);font-size:var(--fs-sm)}.ui-seg--block{width:100%;display:flex}.ui-seg--block .ui-seg__opt{flex:1 1 0;justify-content:center;min-width:0}@media (hover:hover){.ui-seg__opt:hover:not(:disabled):not(.is-active){color:var(--text);background:var(--white-a60)}}.ui-seg__opt.is-active{color:var(--accent-2-text);background:var(--white);box-shadow:0 0 0 1px var(--blue-80) inset, 0 2px 6px color-mix(in srgb, var(--navy-45) 16%, transparent)}.ui-seg__opt:disabled{opacity:.4;cursor:not-allowed}@media (hover:none){.ui-seg__opt:active:not(:disabled):not(.is-active){color:var(--text);background:var(--white-a70)}}@media (pointer:coarse){.ui-seg__opt,.ui-seg--sm .ui-seg__opt{height:40px}}@media (width<=720px){.ui-seg{flex-wrap:wrap;max-width:100%;display:flex}.ui-seg__opt{flex:auto;justify-content:center;min-width:0}}@media (width<=480px){.ui-seg__opt{padding:0 var(--space-8);font-size:var(--fs-md)}.ui-seg--sm .ui-seg__opt{padding:0 var(--space-8);font-size:var(--fs-sm)}}.ui-label{margin-bottom:var(--space-6);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;display:block}.ui-input,.ui-select{width:100%;height:36px;padding:0 var(--space-12);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--white);color:var(--text);transition:border-color .15s}@media (hover:hover){.ui-input:hover:not(:disabled),.ui-select:hover:not(:disabled){border-color:var(--slate-73)}}.ui-input:focus,.ui-select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue-62) 18%, transparent);outline:none}.ui-input:disabled,.ui-select:disabled{opacity:.6}.ui-select option,.ui-select optgroup{background:var(--panel-solid)}.ui-search{align-items:center;gap:var(--space-8);height:36px;padding:0 var(--space-12);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--white);color:var(--muted);min-width:220px;display:flex}.ui-search:focus-within{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue-62) 18%, transparent)}.ui-search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;flex:1}.ui-search input:focus{box-shadow:none;outline:none}.ui-search--sm{min-width:180px;height:32px}@media (pointer:coarse){.ui-input,.ui-select,.ui-search,.ui-search--sm{height:var(--tap)}.ui-input,.ui-select,.ui-search input{font-size:var(--fs-touch-field)}}@media (width<=720px){.ui-search{min-width:0}}.ui-chips{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ui-chip{--chip-color:var(--border-strong);align-items:center;gap:var(--space-4);height:24px;padding:0 var(--space-8) 0 var(--space-4);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--chip-color) 55%, var(--white));background:var(--white);color:color-mix(in srgb, var(--chip-color) 60%, var(--slate-26));font-size:var(--fs-xs);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;font-weight:700;transition:background .12s,color .12s;display:inline-flex}@media (hover:hover){.ui-chip:hover{background:color-mix(in srgb, var(--chip-color) 14%, var(--white))}}.ui-chip.is-on{color:var(--white);background:var(--chip-color);border-color:color-mix(in srgb, var(--chip-color) 80%, var(--slate-26));text-shadow:0 1px 1px color-mix(in srgb, var(--slate-22) 45%, transparent)}.ui-chip--plain{padding:0 var(--space-8);color:var(--text-dim);border-color:var(--border-strong)}.ui-chip--plain.is-on{color:var(--accent-2-text);text-shadow:none;background:var(--slate-95);border-color:var(--border-strong)}@media (hover:none){.ui-chip:active{background:color-mix(in srgb, var(--chip-color) 18%, var(--white))}}@media (pointer:coarse){.ui-chip{height:32px}}.ui-empty{padding:var(--space-16);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--white-a50);color:var(--muted);text-align:center}.ui-issue{align-items:flex-start;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--red-97);border:1px solid var(--red-84);color:var(--red-51);font-size:var(--fs-md);line-height:1.4;display:flex}.ui-issue .ui-icon{margin-top:var(--space-2);color:var(--danger)}.ui-modal{--modal-pad-t:max(24px, var(--safe-t));--modal-pad-b:max(24px, var(--safe-b));z-index:var(--z-modal);overscroll-behavior:contain;padding:var(--modal-pad-t) max(var(--space-24), var(--safe-r)) var(--modal-pad-b) max(var(--space-24), var(--safe-l));background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;animation:.15s ease-out ui-fade;display:flex;position:fixed;inset:0;overflow:auto}.ui-modal__dialog{width:100%;max-width:var(--modal-w,640px);max-height:calc(var(--app-h) - var(--modal-pad-t) - var(--modal-pad-b));cursor:auto;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface);box-shadow:0 1px 0 var(--white) inset, 0 24px 60px color-mix(in srgb, var(--navy-40) 30%, transparent);flex-direction:column;margin:auto;animation:.18s cubic-bezier(.2,.9,.3,1.2) ui-pop;display:flex}.ui-modal__dialog:focus,.ui-modal__dialog:focus-visible{box-shadow:0 1px 0 var(--white) inset, 0 24px 60px color-mix(in srgb, var(--navy-40) 30%, transparent);outline:none}.ui-modal__head{align-items:center;gap:var(--space-12);padding:var(--space-16) var(--space-16) var(--space-12) var(--space-20);border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(180deg, var(--slate-97), transparent);display:flex}.ui-modal__title{font-size:var(--fs-xl);letter-spacing:.01em;flex:1;font-weight:800}.ui-modal__body{overscroll-behavior:contain;min-height:0;padding:var(--space-16) var(--space-20);flex:1;overflow:auto}.ui-modal__foot{justify-content:flex-end;align-items:center;gap:var(--space-10);padding:var(--space-12) var(--space-16);border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--slate-99);flex-wrap:wrap;display:flex}.ui-modal__message{color:var(--text-dim);line-height:1.5}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (width<=720px),(height<=500px) and (orientation:landscape){.ui-modal{--modal-pad-t:max(12px, var(--safe-t));--modal-pad-b:max(12px, var(--safe-b));padding:var(--modal-pad-t) max(var(--space-12), var(--safe-r)) var(--modal-pad-b) max(var(--space-12), var(--safe-l))}.ui-modal__head{padding:var(--space-12) var(--space-10) var(--space-10) var(--space-16)}.ui-modal__title{font-size:var(--fs-lg)}.ui-modal__body{padding:var(--space-14) var(--space-16)}.ui-modal__foot{padding:var(--space-10) var(--space-12);gap:var(--space-8)}.ui-modal__foot>.ui-btn{flex:auto}.ui-modal.ui-modal--fullscreen,.ui-modal.ui-modal--dialog.ui-modal--wide,.ui-modal.ui-modal--sheet{padding:0}.ui-modal.ui-modal--fullscreen>.ui-modal__dialog,.ui-modal.ui-modal--dialog.ui-modal--wide>.ui-modal__dialog{width:100%;max-width:none;height:var(--app-h);border:0;border-radius:0;max-height:none;margin:0}.ui-modal.ui-modal--sheet>.ui-modal__dialog{width:100%;max-width:min(var(--modal-w,640px), 100%);max-height:calc(var(--app-h) - max(24px, var(--safe-t)));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;margin:auto auto 0;animation:.2s cubic-bezier(.2,.9,.3,1) ui-sheet-up}:is(.ui-modal--fullscreen,.ui-modal--dialog.ui-modal--wide,.ui-modal--sheet) .ui-modal__head{padding-left:calc(var(--space-16) + var(--safe-l));padding-right:calc(var(--space-10) + var(--safe-r));border-radius:0}:is(.ui-modal--fullscreen,.ui-modal--dialog.ui-modal--wide) .ui-modal__head{padding-top:calc(var(--space-10) + var(--safe-t))}:is(.ui-modal--fullscreen,.ui-modal--dialog.ui-modal--wide,.ui-modal--sheet) .ui-modal__body{padding-left:calc(var(--space-16) + var(--safe-l));padding-right:calc(var(--space-16) + var(--safe-r))}:is(.ui-modal--fullscreen,.ui-modal--dialog.ui-modal--wide,.ui-modal--sheet) .ui-modal__body:last-child{padding-bottom:calc(var(--space-16) + var(--safe-b))}:is(.ui-modal--fullscreen,.ui-modal--dialog.ui-modal--wide,.ui-modal--sheet) .ui-modal__foot{padding:var(--space-10) calc(var(--space-12) + var(--safe-r)) calc(var(--space-10) + var(--safe-b)) calc(var(--space-12) + var(--safe-l));border-radius:0}}@keyframes ui-sheet-up{0%{opacity:0;transform:translateY(40px)}}.ui-tip{display:inline-flex}div.ui-tip{display:block}.ui-tip__bubble{z-index:var(--z-float);max-width:min(280px,100vw - 24px);padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);border:1px solid var(--white-a15);background:var(--tooltip-bg);color:var(--tooltip-text);font-size:var(--fs-sm);box-shadow:var(--shadow-md);pointer-events:none;line-height:1.4;animation:.12s ease-out ui-fade;position:fixed;transform:translate(-50%,-100%)}.ui-tip__bubble--below{transform:translate(-50%)}.ui-tip__bubble--touch{pointer-events:auto}.ui-tip__bubble--hint{max-width:min(300px,100vw - 24px);font-size:var(--fs-md)}.ui-stats{gap:var(--space-6);display:grid}.ui-stat{align-items:center;gap:var(--space-10);font-size:var(--fs-sm);grid-template-columns:76px 1fr 44px;display:grid}.ui-stat__label{color:var(--muted);font-weight:600}.ui-stat__bar{border-radius:var(--radius-pill);background:var(--slate-94);height:7px;box-shadow:0 0 0 1px var(--border) inset;overflow:hidden}.ui-stat__fill{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--blue-70), var(--sky-80));height:100%;display:block}.ui-stat--hp .ui-stat__fill{background:linear-gradient(90deg, var(--green-72), var(--green-84))}.ui-stat--power .ui-stat__fill{background:linear-gradient(90deg, var(--coral-68), var(--coral-80))}.ui-stat--defense .ui-stat__fill{background:linear-gradient(90deg, var(--gold-79), var(--gold-89))}.ui-stat--initiative .ui-stat__fill{background:linear-gradient(90deg, var(--violet-65), var(--violet-81))}.ui-stat--speed .ui-stat__fill{background:linear-gradient(90deg, var(--cyan-71), var(--cyan-86))}.ui-stat--resolve .ui-stat__fill{background:linear-gradient(90deg, var(--pink-65), var(--pink-82))}.ui-stat__value{justify-content:flex-end;align-items:center;gap:var(--space-4);font-variant-numeric:tabular-nums;font-weight:700;display:inline-flex}.ui-stat__delta{font-size:var(--fs-2xs)}.ui-stat__delta.is-up{color:var(--ok)}.ui-stat__delta.is-down{color:var(--danger)}.ui-stat__sizetext{color:var(--text-dim);font-size:var(--fs-sm)}.ui-stats__help{min-height:36px;font-size:var(--fs-sm);justify-self:end;align-items:center;display:inline-flex}.ui-stat__hint{margin:-4px 0 var(--space-4);color:var(--text-dim);font-size:var(--fs-sm);grid-column:1/-1;line-height:1.4}.ui-skill{--type:var(--gray-63);gap:var(--space-8);width:100%;padding:var(--space-10) var(--space-12) var(--space-10) var(--space-14);border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(90deg, color-mix(in srgb, var(--type) 14%, transparent), transparent 55%), var(--white);text-align:left;color:var(--text);flex-direction:column;display:flex;position:relative;overflow:hidden}.ui-skill:before{content:"";background:var(--type);width:4px;position:absolute;top:0;bottom:0;left:0}button.ui-skill{cursor:pointer;font:inherit;transition:border-color .12s,transform 80ms,background .12s}@media (hover:hover){button.ui-skill:hover:not([aria-disabled=true]){border-color:color-mix(in srgb, var(--type) 60%, var(--border-strong))}}button.ui-skill:active:not([aria-disabled=true]){transform:translateY(1px)}.ui-skill.is-selected{border-color:var(--accent-deep);box-shadow:0 0 0 1px var(--accent-deep) inset, 0 0 0 3px var(--accent-soft)}.ui-skill.is-disabled{opacity:.55;cursor:not-allowed}.ui-skill.is-elite:not(.is-selected){border-color:color-mix(in srgb, var(--gold-77) 50%, transparent)}.ui-skill__head{align-items:center;gap:var(--space-8);min-width:0;display:flex}.ui-skill__name{font-weight:700;font-size:var(--fs-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui-skill__spacer{flex:1}.ui-skill__check{background:var(--accent-deep);width:18px;height:18px;color:var(--white);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-skill__meta{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.ui-skill__desc{font-size:var(--fs-sm);color:var(--text-dim);line-height:1.45}.ui-skill__lock{align-items:center;gap:var(--space-6);font-size:var(--fs-xs);color:var(--purple-53);font-weight:600;display:flex}.ui-skill.is-disabled.has-reason{opacity:1;background:var(--slate-99)}.ui-skill.has-reason>:not(.ui-skill__lock--reason){opacity:.55}.ui-skill__lock--reason{color:var(--warn-ink,var(--orange-54));align-items:flex-start;line-height:1.35}.ui-skill__lock--reason .ui-icon{margin-top:var(--space-2);flex:none}.ui-skill--compact{gap:var(--space-4);padding:var(--space-8) var(--space-10) var(--space-8) var(--space-12)}.ui-skill--compact .ui-skill__name{font-size:var(--fs-md)}.ui-skill--tile{min-height:40px;padding:var(--space-6) var(--space-10) var(--space-6) var(--space-12);border-radius:var(--radius-md);justify-content:center;gap:0}.ui-skill--tile:before{width:3px}.ui-skill--tile .ui-skill__head{gap:var(--space-8)}.ui-skill--tile .ui-skill__name{min-width:0;font-size:var(--fs-md);flex:0 auto}.ui-skill--tile .ui-skill__head>:not(.ui-skill__name,.ui-skill__spacer){flex:none}.ui-skilltip{gap:var(--space-4);text-align:left;flex-direction:column;display:flex}.ui-skilltip__name{font-size:var(--fs-md);font-weight:800}.ui-skilltip__facts{font-size:var(--fs-xs);opacity:.8;font-weight:600}.ui-skilltip__desc{font-size:var(--fs-sm);margin-top:3px;line-height:1.45}.ui-skillicon{--type:var(--gray-63);--icon-size:28px;width:var(--icon-size);height:var(--icon-size);border-radius:calc(var(--icon-size) * .24);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--type) 55%, transparent), transparent 75%), color-mix(in srgb, var(--type) 30%, var(--slate-29));box-shadow:0 0 0 1.5px var(--type), 0 1px 4px color-mix(in srgb, var(--navy-40) 30%, transparent);flex:none;display:inline-flex;position:relative;overflow:hidden}.ui-skillicon img{object-fit:cover;width:100%;height:100%;display:block}.ui-skillicon:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--white-a35);pointer-events:none;position:absolute;inset:0}.ui-skillicon.is-dim img{filter:grayscale(.85)brightness(.9)}.ui-skill__icon{margin-right:1px}.ui-skill__chip{align-items:center;gap:var(--space-4);height:18px;padding:0 var(--space-6);border-radius:var(--radius-xs);background:var(--slate-97);border:1px solid var(--border);font-size:var(--fs-2xs);color:var(--text-dim);white-space:nowrap;font-weight:600;display:inline-flex}.ui-skill__chipglyph{font-size:var(--fs-xs);color:var(--text)}.ui-skill__chip--direct{color:var(--coral-55);background:var(--coral-97);border-color:var(--orange-85)}.ui-skill__chip--resisted{color:var(--blue-52);background:var(--slate-97);border-color:var(--blue-85)}.ui-cost{color:var(--gold-83);--ac-gap:var(--white);filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--gold-57) 55%, transparent)) drop-shadow(0 0 1px color-mix(in srgb, var(--gold-57) 60%, transparent));flex:none;align-items:center;display:inline-flex}@media (hover:none){button.ui-skill:active:not([aria-disabled=true]){border-color:color-mix(in srgb, var(--type) 60%, var(--border-strong))}}.ui-item-icon{vertical-align:middle;flex:none;display:inline-block}.ui-item-icon.is-art{background-position:50%;background-repeat:no-repeat;background-size:114.3%}.ui-item-icon.is-crisp{image-rendering:pixelated}.ui-item-icon.is-spent{filter:grayscale();opacity:.45}.ui-item-icon__bag{fill:var(--brass-85);stroke:var(--navy-30);stroke-width:1.2px;stroke-linejoin:round}.ui-item-icon__strap{fill:none;stroke:var(--navy-30);stroke-width:1.4px;stroke-linecap:round}.ui-item-cost{flex:none;margin-left:auto}.ui-actioncost{vertical-align:middle;flex:none;display:inline-block;overflow:visible}.ui-roster{gap:var(--space-10);display:grid}.ui-roster__list{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(196px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.ui-roster__item{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);min-width:0;display:flex}.ui-roster__text{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.ui-roster__name{font-weight:700;font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui-roster__meta{align-items:center;gap:var(--space-4);display:flex}.ui-roster__meta .ui-types{flex-wrap:nowrap}.ui-roster__errors{gap:var(--space-4);font-size:var(--fs-sm);color:var(--red-51);margin:0;padding:0;list-style:none;display:grid}.ui-roster__errors .ui-icon{color:var(--danger)}.ui-screenhead{z-index:10;align-items:center;gap:var(--space-16);padding:calc(var(--space-14) + var(--safe-t)) calc(var(--space-28) + var(--safe-r)) var(--space-14) calc(var(--space-28) + var(--safe-l));background:var(--white-a80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);box-shadow:0 2px 12px color-mix(in srgb, var(--navy-45) 8%, transparent);display:flex;position:sticky;top:0}.ui-screenhead__back{align-items:center;gap:var(--space-6);height:34px;padding:0 var(--space-12) 0 var(--space-8);border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(180deg, var(--white), var(--slate-96));color:var(--text-dim);cursor:pointer;font-weight:600;display:inline-flex}@media (hover:hover){.ui-screenhead__back:hover{color:var(--text);border-color:var(--border-strong)}}.ui-screenhead__titles{flex:1;min-width:0}.ui-screenhead__title{font-family:var(--display);font-size:var(--fs-2xl);letter-spacing:.02em;text-transform:uppercase;color:var(--accent-2-text);font-weight:900}.ui-screenhead__subtitle{margin-top:var(--space-2);color:var(--muted);font-size:var(--fs-md)}.ui-screenhead__actions{gap:var(--space-8);display:flex}@media (hover:none){.ui-screenhead__back:active{color:var(--text);border-color:var(--border-strong);background:linear-gradient(180deg, var(--slate-99), var(--slate-94))}}@media (pointer:coarse){.ui-screenhead__back{height:var(--tap);min-width:var(--tap);justify-content:center}.ui-screenhead{background:var(--white-a95);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (width<=720px),(height<=500px) and (orientation:landscape){.ui-screenhead{gap:var(--space-10);padding:calc(var(--space-8) + var(--safe-t)) calc(var(--space-12) + var(--safe-r)) var(--space-8) calc(var(--space-12) + var(--safe-l))}.ui-screenhead__back{padding:0 var(--space-10) 0 var(--space-8)}.ui-screenhead__title{font-size:var(--fs-lg);white-space:nowrap;text-overflow:ellipsis;line-height:1.2;overflow:hidden}.ui-screenhead__subtitle{-webkit-line-clamp:2;line-clamp:2;font-size:var(--fs-sm);-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.ui-screenhead__actions{gap:var(--space-6);flex:none}}@media (height<=500px) and (orientation:landscape){.ui-screenhead{position:static}.ui-screenhead__subtitle{-webkit-line-clamp:1;line-clamp:1}}@media (width<=480px){.ui-screenhead__back{width:36px;padding:0}.ui-screenhead__backlabel{display:none}}@media (width<=480px) and (pointer:coarse){.ui-screenhead__back{width:var(--tap)}}.ui-crash{min-height:100%;padding:var(--space-24);justify-content:center;align-items:center;display:flex}.ui-crash__card{gap:var(--space-14);max-width:520px;padding:var(--space-24) var(--space-28);border-radius:var(--radius-md);border:1px solid var(--red-84);background:var(--panel-solid);box-shadow:var(--shadow-md);justify-items:start;display:grid}.ui-crash__card h2{font-size:var(--fs-2xl);margin:0}.ui-crash__msg{font-family:var(--mono);font-size:var(--fs-sm);color:var(--red-51);white-space:pre-wrap;word-break:break-word;margin:0}.ui-die{vertical-align:middle;flex:none;display:inline-block;overflow:visible}.ui-die__value{font-family:var(--font);font-weight:800}.ui-dice{vertical-align:middle;white-space:nowrap;align-items:center;gap:1px;margin:-3px 1px;display:inline-flex}.ui-dice__count{font-family:var(--mono);margin-right:1px;font-size:.92em;font-weight:700}.ui-loading{justify-content:center;align-items:center;gap:var(--space-12);color:var(--muted);flex-direction:column;font-weight:600;display:flex}.ui-loading__spinner{border:3px solid var(--border);border-top-color:var(--accent-2);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-loading__spinner{animation-duration:2.4s}}