:root{--color-bg:#0d1117;--color-surface-2:#21262d;--color-surface-3:#1c2128;--color-card:#101017;--color-card-border:#1d1f21;--color-card-header:#1c212880;--color-input-bg:#0d1117;--color-input-border:#6c7578;--color-input-hover:#2d333b;--color-border-hover:#3d444d;--color-muted-border:#444c56;--color-selection-bg:#2d3340;--color-gold:#c9a84c;--color-gold-dim:#8a6f2e;--color-gold-muted:#b8922e;--color-crimson:#b22222;--color-emblem-blue:#4fa3e0;--color-accent:#7c9ecf;--color-text:#e6edf3;--color-text-muted:#8b949e;--color-text-dim:#484f58;--color-danger:#f85149;--color-danger-dark:#9a1c1c;--color-success:#3fb950;--color-success-bright:#4ade80;--color-warn-orange:#f97316;--color-warn-yellow:#eab308;--color-white:#fff;--color-white-subtle:#ffffff05;--color-white-badge:#ffffff12;--color-danger-bg:#f851491a;--color-gold-bg-soft:#c9a84c1a;--color-gold-bg:#c9a84c1f;--color-gold-bg-strong:#c9a84c2e;--color-gold-bg-hover:#c9a84c38;--color-gold-bg-focus:#c9a84c0d;--color-gold-border-soft:#c9a84c4d;--color-gold-border:#c9a84c59;--color-border:#ffffff26;--color-backdrop:#0009;--color-print-bg:#fff;--color-print-text:#000;--color-print-border:#ccc;--type-cavalry:#4a90d9;--type-dragon:#8b5cf6;--type-covert:#22c55e;--type-armor:#94a3b8;--type-flying:#38bdf8;--type-mystical:#a855f7;--type-qi:#ec4899;--type-backup:#f59e0b;--type-mixed:#9ca3af;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-chip:10px;--shadow-card:0 0 16px #000000e6;--shadow-tooltip:0 4px 16px #00000080;--transition:.15s ease;--transition-fast:.1s ease;--font-main:"Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Code", "Consolas", monospace;--font-size-default:1rem;--font-size-sm:.8rem;--font-size-tooltip:.9rem;--font-size-header:1.8rem;--font-size-toolbox-button:1.2rem;--font-size-unit-portrait:2.5rem;--font-size-unit-name:1.2rem;--font-size-selectable:.9rem;--font-size-selectable-arrow:1.3rem;--font-weight-selectable:500;--font-size-ctype:1rem;--font-size-remove-btn:1.5rem;--font-size-skill-label:.8rem;--font-weight-skill-label:600;--font-size-skill-chip:.9rem;--font-weight-skill-chip:500;--font-size-skill-remove-btn:1rem;--font-size-bottom-card-header:1rem;--gap-dialog:.5rem;--gap-default:.5rem;--gap-small:.2rem;--gap-recommended:.5rem;--gap-tab-btn:.5rem;--gap-inventory-item:.5rem;--gap-header:1rem;--gap-toolbox:1.5rem;--padding-skill-chip:.3rem .3rem;--padding-main-container:10%;--padding-space-x:1rem;--padding-space-y:1rem;--inventory-control-height:1.75rem;--space-page-x:1.5rem;--space-page-y:1.25rem;--space-card-body-x:.75rem;--space-card-body-y:.625rem;--space-card-grid:1rem;--space-section-lg:2rem;--card-min-width:400px;--card-default-width:600px;--content-max-width:90%;--portrait-size:100px;--icon-sm:20px;--icon-md:28px;--icon-lg:36px;--spinner-size:32px;--touch-target-min:44px;--tooltip-min-width:200px;--tooltip-max-width:280px;--dropdown-max-height:220px;--dropdown-list-height:calc(8 * 2.1rem);--rec-body-max-height:200px;--dialog-min-width:300px;--dialog-max-width:460px;--import-textarea-height:120px;--compact-select-padding:3px 22px 3px 6px;--button-add-padding:10px 32px;--transition-medium:.2s ease;--sticky-offset:8px;--roster-sidebar-width:200px;--header-brand-height:60px;--header-title-height:calc(var(--header-brand-height) - 10px);--header-toolbox-height:40px;--tab-bar-height:calc(var(--header-brand-height) - 2px);--font-size-game-title-selector:1.3rem;--stat-height:30px;--mobile-bp:930}[data-theme=vivid]{--color-gold:#cc2020;--color-gold-dim:#7a1212;--color-gold-muted:#b01818;--color-gold-bg-soft:#cc20201a;--color-gold-bg:#cc20201f;--color-gold-bg-strong:#cc20202e;--color-gold-bg-hover:#cc202038;--color-gold-bg-focus:#cc20200d;--color-gold-border-soft:#cc20204d;--color-gold-border:#cc202059;--color-emblem-blue:#4a8ae8;--color-accent:#a570e0;--color-selection-bg:#2a1a2e;--color-card-border:#2a1a1d;--color-input-border:#7a5560}[data-theme=vivid] .skill-group.inherit,[data-theme=vivid] .inherited-slot{--color-gold:#c9a84c;--color-gold-dim:#8a6f2e;--color-gold-muted:#b8922e;--color-gold-bg-soft:#c9a84c1a;--color-gold-bg:#c9a84c1f;--color-gold-bg-strong:#c9a84c2e;--color-gold-bg-hover:#c9a84c38;--color-gold-bg-focus:#c9a84c0d;--color-gold-border-soft:#c9a84c4d;--color-gold-border:#c9a84c59}[data-theme=engage]{--color-gold:#cc2020;--color-gold-dim:#7a1212;--color-gold-muted:#b01818;--color-gold-bg-soft:#cc202014;--color-gold-bg:#cc20201f;--color-gold-bg-strong:#cc202029;--color-gold-bg-hover:#cc202033;--color-gold-bg-focus:#cc20200a;--color-gold-border-soft:#cc202047;--color-gold-border:#cc202059;--color-emblem-blue:#4a7fd4;--color-accent:#8050b8;--color-selection-bg:#1e1228;--color-card-border:#281820;--color-input-border:#6a5070;--color-input-hover:#2d1a28}[data-theme=engage] select:focus,[data-theme=engage] input:focus{border-color:#8050b8}[data-theme=engage] select:focus-visible,[data-theme=engage] input:focus-visible{outline-color:#8050b8}[data-theme=engage] .skill-group.inherit,[data-theme=engage] .inherited-slot{--color-gold:#c9a84c;--color-gold-dim:#8a6f2e;--color-gold-muted:#b8922e;--color-gold-bg-soft:#c9a84c1a;--color-gold-bg:#c9a84c1f;--color-gold-bg-strong:#c9a84c2e;--color-gold-bg-hover:#c9a84c38;--color-gold-bg-focus:#c9a84c0d;--color-gold-border-soft:#c9a84c4d;--color-gold-border:#c9a84c59}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-default)}body{height:100dvh;font-family:var(--font-main), sans-serif;background:var(--color-bg);color:var(--color-text);flex-direction:column;line-height:1.6;display:flex;overflow:hidden}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}select,input{color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);transition:border-color var(--transition);outline:none;font-family:inherit}:is(select,input):focus{border-color:var(--color-gold)}:is(select,input):focus-visible{outline-offset:1px}select option{background:var(--color-surface-3)}#app-header{background:var(--color-card);z-index:100;color:var(--color-gold);letter-spacing:.02em;flex-direction:column;font-weight:700;display:flex;position:sticky;top:0}#app-header .header-brand,#app-header .header-toolbox{padding-left:var(--padding-space-x);padding-right:var(--padding-space-x);height:var(--header-brand-height);align-items:center;gap:var(--gap-default);display:inline-flex}#app-header .header-brand{border-bottom:2px solid var(--color-gold-dim)}#app-header .header-brand .header-title{height:70%}#app-header .header-brand .header-title h1{height:100%}#app-header .header-brand .header-title h1 a img.header-logo{height:100%;display:block}#app-header .header-brand .header-games{position:relative}#app-header .header-brand .header-games .game-select{height:inherit;font-size:var(--font-size-game-title-selector);color:var(--color-gold);transition:color var(--transition);-webkit-appearance:none;-moz-appearance:none;background:0 0;border:none;margin:0;padding:0 1rem;font-weight:700}#app-header .header-brand .header-games .game-select:hover{cursor:pointer}#app-header .header-brand .header-games .game-select:focus{outline:none}#app-header .header-brand .header-games #btn-game-toggle{color:var(--color-gold);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.4rem}#app-header .header-brand .header-games .game-dropdown{z-index:100;background:var(--color-surface-3);border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);min-width:12rem;position:absolute;top:calc(100% + 14px);left:0;overflow:hidden;transform:translate(-50%)}#app-header .header-brand .header-games .game-dropdown .game-option{text-align:left;width:100%;color:var(--color-gold);cursor:pointer;transition:background var(--transition);background:0 0;border:none;padding:.5rem 1rem;font-size:.95rem;display:block}#app-header .header-brand .header-games .game-dropdown .game-option:hover{background:var(--color-surface-2)}#app-header .header-brand .header-games .game-dropdown .game-option[aria-disabled=true]{opacity:.5;font-style:italic}#app-header .header-brand .header-games .game-dropdown .game-option.selected{font-weight:700}#app-header .header-brand .header-games .game-dropdown .game-option.selected:after{content:" ✓";font-weight:400}#app-header .header-brand .header-actions{gap:var(--gap-header);margin-left:auto}#app-header .header-toolbox{height:var(--header-toolbox-height);font-size:var(--font-size-toolbox-button)}#app-header .header-toolbox nav{height:inherit;background:var(--color-card);display:flex}#app-header .header-toolbox nav .tab-btn{font-size:var(--font-size-toolbox-button);color:var(--color-text-muted);transition:color var(--transition), border-color var(--transition);background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:600}#app-header .header-toolbox nav .tab-btn:hover,#app-header .header-toolbox nav .tab-btn:active,#app-header .header-toolbox nav .tab-btn.active{color:var(--color-gold)}#app-header .header-toolbox #tab-bar{gap:var(--gap-toolbox)}#app-header .header-toolbox .tab-btn.hidden-feature{display:none!important}.logo-text{display:none}.header-actions{display:flex}.header-actions.hidden-feature{display:none!important}.header-games label{display:none}.tab-label-short{display:inline}.tab-label-full{display:none}.tab-panel{display:none}.tab-panel.active{display:block}#main-container{flex:1;min-height:0}#main-container .unit-card{border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--color-card);transition:border-color var(--transition);content-visibility:auto;contain-intrinsic-size:auto 850px;flex-direction:column;width:100%;display:flex;position:relative}#main-container .unit-card .unit-card-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--color-card);z-index:-1;opacity:.03;position:absolute;inset:0;overflow:hidden}#main-container .unit-card .card-header{align-items:center;gap:var(--gap-default);background:var(--color-card-header);border-bottom:1px solid var(--color-card-border);border-radius:10px;flex-wrap:wrap;padding:.5rem .625rem;display:flex}#main-container .unit-card .card-header .unit-portrait{width:var(--portrait-size);height:var(--portrait-size);border-radius:var(--radius-lg);border:2px solid var(--color-text-dim);object-fit:cover;object-position:top left;flex-shrink:0;align-self:stretch}#main-container .unit-card .card-header .portrait-placeholder{width:var(--portrait-size);height:var(--portrait-size);border-radius:var(--radius-sm);border:1px solid var(--color-card-border);background:var(--color-surface-2);font-weight:700;font-size:var(--font-size-unit-portrait);color:var(--color-gold);flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;display:flex}#main-container .unit-card .card-header .header-selects{flex-direction:column;flex:1;min-width:0;display:flex}#main-container .unit-card .card-header .header-selects .header-row-1,#main-container .unit-card .card-header .header-selects .header-row-2,#main-container .unit-card .card-header .header-selects .header-row-3{flex-wrap:wrap;align-items:center;gap:8px;height:33px;display:flex}#main-container .unit-card .card-header .header-row-2 .class-custom-select{flex-shrink:1;min-width:0}#main-container .unit-card .card-header .header-row-2 .class-variant-stepper{flex-shrink:0}#main-container .unit-card .card-header .header-row-3 .rec-btn-content{align-items:center;margin-inline-start:auto;display:flex}#main-container .unit-card .card-header .header-row-3 .rec-btn-content .rec-btn-text{color:var(--color-gold);font-size:var(--font-size-ctype);font-weight:700}#main-container .unit-card .card-header .header-row-3 .rec-btn-content .apply-rec-btn{color:var(--color-gold);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);flex-shrink:0;margin-inline-start:auto;padding:2px 4px;font-size:2rem;line-height:1}#main-container .unit-card .card-header .header-row-3 .rec-btn-content .apply-rec-btn:hover{opacity:.7}#main-container .card-body{padding:var(--space-card-body-y) var(--space-card-body-x);gap:var(--gap-default);flex-direction:column;flex:1;display:flex}.class-custom-select{display:inline-flex;position:relative}.class-select-trigger{font-weight:700;font-size:var(--font-size-ctype);color:var(--color-text);padding-left:3px;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;min-width:0;padding-inline-end:.5rem;overflow:hidden}.class-select-trigger .trigger-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.class-select-trigger:after{content:" ▾";transition:rotate var(--transition);flex-shrink:0;margin-left:10px;display:inline-block}.class-select-trigger[aria-expanded=true]:after{rotate:180deg}.class-select-dropdown{z-index:150;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);max-height:var(--dropdown-list-height);scrollbar-width:thin;scrollbar-color:var(--color-input-border) transparent;min-width:max-content;margin:2px 0 0;padding:0;list-style:none;display:none;position:absolute;top:125%;left:0;overflow-y:auto}.class-select-dropdown.open{animation:dropdown-open var(--transition) forwards;display:block;left:calc(50% - 10px);transform:translate(-50%)}.class-option{font-size:var(--font-size-ctype);cursor:pointer;border-left:2px solid #0000;padding:.4rem .75rem}.class-option:hover,.class-option.class-option--active{background:var(--color-border-hover)}.class-option[aria-selected=true]{border-left-color:var(--color-gold);background:var(--color-gold-bg-soft)}.dropdown-search-row{z-index:1;background:var(--color-input-bg);padding:0;list-style:none;position:sticky;top:0}.dropdown-search{box-sizing:border-box;width:100%;color:inherit;font-size:var(--font-size-ctype);background:0 0;border:none;outline:none;padding:.4rem .75rem}.dropdown-search::placeholder{color:var(--color-text-dim)}.dropdown-search:focus{border-bottom-color:var(--color-accent)}.class-variant-stepper{background:0 0;flex-shrink:0;align-items:center;gap:1px;display:inline-flex}.variant-display{align-items:center;gap:2px;padding:0 2px;display:inline-flex}.variant-btn{appearance:none;cursor:pointer;color:inherit;font-size:var(--font-size-selectable-arrow);border-radius:var(--radius-sm);transition:opacity var(--transition);background:0 0;border:none;align-items:center;margin:0;padding:2px 3px;font-weight:600;line-height:1;display:inline-flex}.variant-btn:hover{opacity:.6}.variant-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:1px}.class-type-badge{white-space:nowrap;letter-spacing:.03em;flex-shrink:0;align-self:center;font-weight:700;display:none}.class-type-badge.visible{align-items:center;gap:4px;display:inline-flex}.ctype-icon{width:var(--icon-sm);height:var(--icon-sm);vertical-align:middle;flex-shrink:1}.ctype-label{font-size:var(--font-size-ctype);letter-spacing:.03em;color:var(--color-text);padding-left:3px;font-weight:500}.ctype-icons-bare{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.row-dot-sep{color:var(--color-text-dim);flex-shrink:0;line-height:1}.card-remove-btn{color:var(--color-text-dim);font-size:var(--font-size-remove-btn);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);flex-shrink:0;margin-inline-start:auto;padding:2px 4px;line-height:1}.skill-group{text-transform:uppercase;font-size:var(--font-size-skill-label);font-weight:var(--font-weight-skill-label);color:var(--color-text-muted)}.skill-group>div,.skill-group .skills-row{min-height:calc(var(--icon-md) + .6rem + 2px)}.skill-chip{text-transform:none;align-items:center;gap:var(--gap-default);padding:var(--padding-skill-chip);background:var(--color-surface-2);border:1px solid var(--color-input-border);border-radius:var(--radius-chip);font-size:var(--font-size-skill-chip);font-weight:var(--font-weight-skill-chip);color:var(--color-text);cursor:default;white-space:nowrap;width:fit-content;display:inline-flex}.skill-chip img{width:var(--icon-md);height:var(--icon-md);border-radius:3px;flex-shrink:0}.skill-chip--placeholder{visibility:hidden;pointer-events:none}.skill-chip--empty{color:var(--color-text-dim);background:0 0;border-color:#0000;font-size:.75rem}.skills-dual{gap:var(--gap-default);flex-direction:column;display:flex}.skills-row{gap:var(--gap-default);flex-wrap:wrap;width:100%;display:flex;overflow:hidden}#skill-tooltip{z-index:9999;pointer-events:none;background:var(--color-input-hover);border:1px solid var(--color-muted-border);border-radius:var(--radius-sm);font-size:var(--font-size-tooltip);color:var(--color-text);white-space:normal;min-width:var(--tooltip-min-width);max-width:min(var(--tooltip-max-width), calc(100vw - 16px));box-shadow:var(--shadow-tooltip);opacity:0;transition:opacity var(--transition-fast);padding:.5rem .75rem;line-height:1.5;position:fixed}#skill-tooltip.visible{opacity:1}.inventory-section{text-align:center;min-width:0}.inventory-label{font-size:var(--font-size-bottom-card-header);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:6px;font-weight:600}.inventory-slots{gap:var(--gap-inventory-item);flex-direction:column;padding-inline-start:.625rem;display:flex}.inventory-slot{align-items:center;gap:var(--gap-default);margin-inline-start:auto;display:flex}.inv-icon{width:var(--icon-md);height:var(--icon-md);object-fit:contain;image-rendering:pixelated;flex-shrink:0}.inv-icon-fallback{width:var(--icon-md);height:var(--icon-md);opacity:.7;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inv-slot-prefix{justify-content:flex-end;align-items:center;gap:var(--gap-small);flex-shrink:0;display:inline-flex}.inv-eff-icons{align-items:center;gap:var(--gap-small);flex-shrink:0;display:inline-flex}.inv-eff-icon{width:var(--icon-md);height:var(--icon-md);object-fit:contain;image-rendering:pixelated;opacity:.85;flex-shrink:0}.inv-eff-text{color:var(--color-text-muted);background:var(--color-surface-2);border-radius:2px;align-items:center;height:14px;padding:0 2px;font-size:.6rem;font-weight:700;line-height:14px;display:inline-flex}.wtype-icons-row{align-items:center;gap:var(--gap-default);flex-shrink:0;margin-inline-start:4px;display:flex}.wtype-icon-img{width:var(--icon-sm);height:var(--icon-sm);object-fit:contain;image-rendering:pixelated;opacity:.85;flex-shrink:0}.wtype-icon-fallback{color:var(--color-text-muted);font-size:.65rem}.wtype-icon-group{flex-direction:row;align-items:center;gap:2px;display:flex}.wtype-rank{font-size:var(--icon-sm);color:var(--color-text);font-weight:700;line-height:1}.wtype-rank--s{color:var(--color-success)}.wtype-rank--granted{color:var(--color-emblem-blue)}.mov-badge{align-items:baseline;gap:3px;line-height:1;display:inline-flex}.mov-badge .mov-label{font-size:var(--font-size-ctype);color:var(--color-text-muted);font-weight:500}.mov-badge .mov-value{font-size:var(--icon-sm);color:var(--color-text);font-weight:700}.mov-badge .mov-bonus{font-size:var(--icon-sm);color:var(--color-emblem-blue);font-weight:700}.inv-custom-select{flex-shrink:1;min-width:0;display:inline-flex}.inv-select-trigger{align-items:center;gap:var(--gap-small);font-size:var(--font-size-selectable);font-weight:var(--font-weight-selectable);height:35px;padding:var(--gap-default);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238b949e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;width:100%;padding-inline-end:1.6rem;line-height:1.2;display:inline-flex;overflow:hidden}.inv-select-trigger .inv-icon,.inv-select-trigger .inv-icon-fallback{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.inv-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inv-select-dropdown{z-index:9999;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);max-height:var(--dropdown-list-height);scrollbar-width:thin;scrollbar-color:var(--color-input-border) transparent;min-width:max-content;margin:0;padding:0;list-style:none;display:none;position:fixed;overflow-y:auto}.inv-select-dropdown.open{animation:dropdown-open var(--transition) forwards;display:block}.inv-group-header{font-size:var(--font-size-selectable);background-color:var(--color-surface-2);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-dim);pointer-events:none;-webkit-user-select:none;user-select:none;padding:.25rem .75rem;font-weight:700}.inv-option{align-items:center;gap:var(--gap-default);padding:var(--padding-skill-chip);cursor:pointer;font-size:var(--font-size-selectable);border-left:2px solid #0000;display:flex}.inv-option:hover,.inv-option.inv-option--active{background:var(--color-border-hover)}.inv-option[aria-selected=true]{border-left-color:var(--color-gold);background:var(--color-gold-bg-soft);padding-left:calc(.75rem - 2px)}.inv-option .opt-icon{width:var(--icon-md);height:var(--icon-md);object-fit:contain;image-rendering:pixelated;flex-shrink:0}.inv-option .opt-icon-fallback{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.inv-option .opt-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inv-option--empty{font-size:var(--font-size-selectable);font-weight:var(--font-weight-selectable)}.stats-inventory-grid{gap:unset;border-top:1px solid var(--color-card-border);grid-template-columns:1fr 1fr;align-items:start;margin-bottom:auto;padding-top:8px;display:grid}.stats-section{flex-direction:column;width:auto;min-width:0;line-height:1.5}.stats-header{text-align:center;font-size:var(--font-size-bottom-card-header);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-card-border);border-inline-start:3px solid #0000;grid-template-columns:repeat(3,1fr);margin-bottom:4px;padding:0 0 4px;font-weight:600;display:grid}.stat-row{text-align:center;border-bottom:1px solid var(--color-card-border);border-inline-start:3px solid #0000;border-radius:3px;grid-template-columns:repeat(3,1fr);align-items:center;padding:1px 0;display:grid}.stat-row:nth-child(odd){border-inline-start-color:#4fa3e073}.stat-row:nth-child(2n){border-inline-start-color:#c9a84c66}.stat-row:last-child{border-bottom:none}.stat-row:hover{background:var(--color-white-subtle)}.stat-total-row{border-top:2px solid var(--color-card-border);margin-top:2px;padding-top:3px}.stat-total-row .stat-cap,.stat-total-row .stat-growth{font-weight:600}.stat-total-label{color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:700}.stat-name{height:var(--stat-height);color:var(--color-text-muted);font-size:.9rem;font-weight:500}.stat-cap{height:var(--stat-height);text-align:center;align-items:baseline;font-size:1rem;font-weight:500}.cap-base{color:var(--color-text)}.cap-base.cap-low{color:var(--color-danger)}.cap-base.cap-orange{color:var(--color-warn-orange)}.cap-base.cap-yellow{color:var(--color-warn-yellow)}.cap-base.cap-green{color:var(--color-success-bright)}.cap-bonus{color:var(--color-gold);font-size:.75rem;font-weight:500}.stat-growth{height:var(--stat-height);font-size:1rem;font-weight:500}.stat-growth.growth-red{color:var(--color-danger)}.stat-growth.growth-orange{color:var(--color-warn-orange)}.stat-growth.growth-yellow{color:var(--color-warn-yellow)}.stat-growth.growth-green{color:var(--color-success-bright)}.stat-growth.growth-bright{color:var(--type-covert)}.btn{border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition), opacity var(--transition);align-items:center;gap:.4em;padding:8px;font-size:.83rem;font-weight:600;display:inline-flex}.btn-label{display:none}.btn-primary{background:var(--color-crimson);color:var(--color-white)}.btn-primary:hover{background:var(--color-danger-dark)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-input-border);background:0 0}.btn-ghost:hover{color:var(--color-text);border-color:var(--color-text-muted)}#tab-engraves{padding:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.82rem}th{background:var(--color-surface-3);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:2px solid var(--color-card-border);white-space:nowrap;padding:7px 10px;font-weight:600}td{border-bottom:1px solid var(--color-card-border);vertical-align:middle;padding:6px 10px}tr:hover td{background:var(--color-white-subtle)}.stat-positive{color:var(--color-success);font-weight:600}.stat-negative{color:var(--color-danger);font-weight:600}.stat-zero{color:var(--color-text-dim)}#loading-overlay{background:var(--color-bg);z-index:9999;justify-content:center;align-items:center;gap:var(--gap-inventory-item);flex-direction:column;display:flex;position:fixed;inset:0}#loading-overlay p{color:var(--color-text-muted);font-size:.85rem}.spinner{width:var(--spinner-size);height:var(--spinner-size);border:3px solid var(--color-surface-2);border-top-color:var(--color-gold);border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dropdown-open{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--color-gold);animation:none}*,:before,:after{transition:none!important}}#app-dialog{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);min-width:var(--dialog-min-width);max-width:var(--dialog-max-width);color:var(--color-text);padding:24px}#app-dialog[open]{gap:var(--gap-dialog);position-area:center;flex-direction:column;margin:auto;display:flex}#app-dialog::backdrop{background:var(--color-backdrop)}#app-dialog h3{color:var(--color-text);font-size:1rem}#app-dialog p{color:var(--color-text-muted);font-size:.85rem}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.import-textarea{width:100%;height:var(--import-textarea-height);resize:vertical;font-family:var(--font-mono), monospace;background:var(--color-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);color:var(--color-text);padding:8px;font-size:.75rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-input-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}*{scrollbar-width:thin;scrollbar-color:var(--color-input-border) transparent}.card-remove-btn,.rec-toggle{touch-action:manipulation;justify-content:center;align-items:center;display:inline-flex}.rec-banner{background:linear-gradient(135deg, var(--color-gold-bg-soft) 0%, var(--color-gold-bg-focus) 100%);border:1px solid var(--color-gold-border-soft);border-radius:var(--radius-sm);gap:var(--gap-recommended);flex-direction:column;margin-bottom:10px;padding:3px 10px;display:flex}.rec-banner.rec-expanded .rec-body{max-height:var(--rec-body-max-height);opacity:1}.rec-banner.rec-expanded .rec-toggle{transform:rotate(180deg)}.rec-banner-header{justify-content:space-between;align-items:center;display:flex}.rec-banner-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);font-size:.8rem;font-weight:700}.rec-toggle{color:var(--color-gold);cursor:pointer;opacity:.7;transition:opacity var(--transition), transform .2s;background:0 0;border:none;padding:0 2px;font-size:.57rem;line-height:1}.rec-toggle:hover{opacity:1}.rec-body{gap:var(--gap-recommended);transition:max-height var(--transition-medium), opacity var(--transition-medium);opacity:0;flex-direction:column;max-height:0;display:flex;overflow:hidden}.rec-row{align-items:center;gap:var(--gap-recommended);flex-wrap:wrap;display:flex}.rec-cat{color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;min-width:58px;font-size:.54rem;font-weight:600}.rec-chip{background:var(--color-gold-bg);border:1px solid var(--color-gold-border);color:var(--color-gold);cursor:default;white-space:nowrap;transition:background var(--transition);border-radius:4px;align-items:center;padding:1px 7px;font-size:.61rem;display:inline-flex}.rec-chip:hover{background:var(--color-gold-bg-hover)}.rec-option{font-weight:600}.rec-star,.default-icon{margin-inline-start:.5em}.rec-star{color:var(--color-gold)}.default-option{font-weight:600}.rec-inherited-option:hover{background:var(--color-gold-bg-strong)}#tab-roster.tab-panel.active{flex-direction:column;max-width:100%;height:100%;display:flex;overflow:visible}#roster-layout{gap:var(--space-card-grid);align-items:stretch;height:100%;padding-block:1rem;padding-inline-start:1rem;display:flex;overflow:hidden}#roster-cards-grid{grid-template-columns:repeat(auto-fill, var(--card-default-width));justify-content:center;gap:var(--space-card-grid);flex:1;align-content:start;min-width:0;padding-top:8px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}#roster-sidebar{width:var(--roster-sidebar-width);height:calc(100dvh - var(--header-brand-height) - var(--tab-bar-height) - .5rem);background:var(--color-card);border:1px solid var(--color-card-border);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:var(--shadow-card);transition:transform var(--transition-medium);top:calc(var(--header-brand-height) + var(--tab-bar-height));z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:fixed;left:0;overflow:hidden;transform:translate(-100%)}#roster-sidebar.open{transform:translate(0)}#roster-sidebar-toggle{z-index:9;background:var(--color-surface-3);border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);font-size:var(--font-size-default);color:var(--color-gold);box-shadow:var(--shadow-card);transition:color var(--transition), border-color var(--transition), background var(--transition);align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;display:inline-flex;position:fixed;bottom:1.25rem;left:1rem}#roster-sidebar-toggle:hover{background:var(--color-surface-2);border-color:var(--color-gold)}#roster-sidebar-close{color:var(--color-text-dim);font-size:var(--font-size-remove-btn);border-radius:var(--radius-sm);transition:color var(--transition);margin-inline-start:auto;padding:2px 4px;line-height:1;display:inline-flex}#roster-sidebar-close:hover{color:var(--color-danger)}#roster-sidebar-backdrop{background:var(--color-backdrop);z-index:9;display:none;position:fixed;inset:0}#roster-sidebar-backdrop.visible{display:block}#roster-search-wrap{border-bottom:1px solid var(--color-card-border);flex-shrink:0;padding:6px 8px}#roster-search{box-sizing:border-box;background:var(--color-bg);width:100%;color:var(--color-text);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);outline:none;padding:4px 8px;font-size:.85rem}#roster-search:focus{border-color:var(--color-accent,#7c9ecf)}#roster-sidebar-list{flex:1;padding:4px 0;overflow-y:auto}#tab-team-builder.tab-panel.active{flex-direction:column;max-width:100%;height:100%;display:flex;overflow:visible}#team-builder-layout{gap:var(--space-card-grid);align-items:stretch;height:100%;padding-block:1rem;padding-inline-start:1rem;display:flex;overflow:hidden}#team-sidebar-toggle{z-index:9;background:var(--color-surface-3);border:1px solid var(--color-gold-dim);border-radius:var(--radius-md);font-size:var(--font-size-default);color:var(--color-gold);box-shadow:var(--shadow-card);transition:color var(--transition), border-color var(--transition), background var(--transition);align-items:center;gap:.5rem;padding:.625rem 1rem;font-weight:600;display:inline-flex;position:fixed;bottom:1.25rem;left:1rem}#team-sidebar-toggle:hover{background:var(--color-surface-2);border-color:var(--color-gold)}#team-sidebar-close{color:var(--color-text-dim);font-size:var(--font-size-remove-btn);border-radius:var(--radius-sm);transition:color var(--transition);margin-inline-start:auto;padding:2px 4px;line-height:1;display:inline-flex}#team-sidebar-close:hover{color:var(--color-danger)}#team-sidebar-backdrop{background:var(--color-backdrop);z-index:9;display:none;position:fixed;inset:0}#team-sidebar-backdrop.visible{display:block}#team-sidebar{width:var(--roster-sidebar-width);height:calc(100dvh - var(--header-brand-height) - var(--tab-bar-height) - .5rem);background:var(--color-card);border:1px solid var(--color-card-border);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:var(--shadow-card);transition:transform var(--transition-medium);top:calc(var(--header-brand-height) + var(--tab-bar-height));z-index:10;flex-direction:column;flex-shrink:0;display:flex;position:fixed;left:0;overflow:hidden;transform:translate(-100%)}#team-sidebar.open{transform:translate(0)}#team-sidebar-teams{border-bottom:1px solid var(--color-card-border);flex-direction:column;flex:none;max-height:40%;display:flex;overflow:hidden}.teams-panel-header{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-card-border);flex-shrink:0;align-items:center;padding:10px 12px 6px;font-weight:700;display:flex}#teams-list{flex:1;padding:4px 0;overflow-y:auto}.teams-panel-footer{border-top:1px solid var(--color-card-border);flex-shrink:0;padding:8px}.teams-panel-footer .btn{justify-content:center;width:100%}.team-item{cursor:pointer;transition:background var(--transition);justify-content:space-between;align-items:center;gap:6px;padding:6px 12px;display:flex}.team-item:hover{background:var(--color-white-subtle)}.team-item--active{background:var(--color-selection-bg);border-inline-start:3px solid var(--color-gold);padding-inline-start:9px}.team-item-name{font-size:var(--font-size-default);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.team-item-count{font-size:var(--font-size-sm);color:var(--color-text-dim);flex-shrink:0}#team-sidebar-members{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#team-member-sidebar-list{flex:1;padding:6px 0;overflow-y:auto}#team-detail{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}#team-empty-state{min-height:200px;color:var(--color-text-dim);font-size:var(--font-size-default);justify-content:center;align-items:center;display:flex}#team-active-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#team-header-row{align-items:center;gap:var(--gap-default);padding-bottom:var(--space-card-grid);flex-shrink:0;display:flex}#team-name-input{background:var(--color-card);min-width:0;color:var(--color-text);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);flex:1;padding:6px 10px;font-size:1.1rem;font-weight:600}#team-name-input:focus{border-color:var(--color-gold);outline:none}#team-cards-grid{grid-template-columns:repeat(auto-fill, var(--card-default-width));justify-content:center;gap:var(--space-card-grid);flex:1;align-content:start;min-width:0;padding-top:8px;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.sidebar-unit{align-items:center;gap:var(--space-card-grid);cursor:pointer;transition:background var(--transition);border-radius:4px;padding:2px 10px;display:flex}.sidebar-unit:hover{background:var(--color-white-subtle)}.sidebar-unit--active{background:var(--color-selection-bg)}.sidebar-portrait{border-radius:var(--radius-lg);object-fit:cover;object-position:top left;border:1px solid var(--color-text-dim);flex-shrink:0;width:50px;height:50px}.sidebar-portrait-ph{border-radius:var(--radius-lg);background:var(--color-surface-2);border:1px solid var(--color-card-border);width:50px;height:50px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.sidebar-unit-info{flex-direction:column;min-width:0;display:flex}.sidebar-unit-name{font-size:var(--font-size-default);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-unit-sub{font-size:var(--font-size-sm);color:var(--color-emblem-blue);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-empty{font-size:var(--font-size-default);color:var(--color-text-dim);text-align:center;padding:12px}@keyframes card-flash-anim{0%{box-shadow:0 0 0 3px var(--color-gold), var(--shadow-card)}to{box-shadow:var(--shadow-card)}}.card-flash{animation:3s ease-out forwards card-flash-anim}.form-switch-btn{color:var(--color-text-dim);background:var(--color-surface-2,#ffffff14);border:1px solid var(--color-border,#ffffff26);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--transition), background var(--transition);flex-shrink:0;padding:2px 6px;font-size:.7rem;font-weight:600}.form-switch-btn:hover{color:var(--color-text);background:var(--color-surface-3,#ffffff26)}.form-switch-btn .form-switch-label{display:none}@media (width>=630px){.form-switch-btn .form-switch-label{display:inline}}.unit-name-fixed{font-size:var(--font-size-ctype);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:160px;padding-left:3px;padding-right:3px;font-weight:700;display:inline-block;overflow:hidden}.btn-danger{color:var(--color-danger)}.btn-danger:hover{background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.unit-card--empty{border:2px dashed var(--color-card-border);background:var(--color-white-subtle);justify-content:center;align-items:center;min-height:140px;display:flex}.empty-slot-inner{flex-direction:column;align-items:center;gap:14px;width:100%;padding:24px 16px;display:flex}.empty-slot-icon{background:var(--color-surface-2);border:2px dashed var(--color-muted-border);width:48px;height:48px;color:var(--color-text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.empty-unit-select{width:100%;max-width:220px}#new-team-dialog{background:var(--color-card);border:1px solid var(--color-card-border);border-radius:var(--radius-md);color:var(--color-text);min-width:300px;margin:auto;padding:20px}#new-team-dialog::backdrop{background:#000c}#new-team-dialog h3{margin:0 0 16px;font-size:1rem}.new-team-form{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.new-team-form label{color:var(--color-text-muted);margin-top:8px;font-size:.8rem;font-weight:600}.new-team-form label:first-child{margin-top:0}.new-team-form input{background:var(--color-input-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-default);padding:7px 10px}.new-team-form input:focus{border-color:var(--color-gold);outline:none}@media (width<=480px){html{overflow-x:hidden}#btn-delete-team .btn-label{display:none}}#main-container #tab-team-builder #team-builder-layout{padding:0}#main-container #tab-team-builder #team-builder-layout #team-cards-grid{grid-template-columns:min(100%, var(--card-default-width));padding-top:8px;padding-inline:.5rem}#main-container #tab-team-builder #team-builder-layout #team-cards-grid .unit-card{height:max-content}#main-container #tab-team-builder #team-builder-layout #team-cards-grid .card-body .stats-inventory-grid{grid-template-columns:1fr;height:100%}#main-container #tab-roster #roster-layout{padding:0}#main-container #tab-roster #roster-layout #roster-cards-grid{grid-template-columns:min(100%, var(--card-default-width));padding-top:8px;padding-inline:.5rem}#main-container #tab-roster #roster-layout #roster-cards-grid .unit-card{height:max-content}#main-container #tab-roster #roster-layout #roster-cards-grid .card-body .stats-inventory-grid{grid-template-columns:1fr;height:100%}@media (width<=629px){body.truncate-names .class-select-trigger .trigger-label{max-width:7rem}body.truncate-names #main-container .unit-card .header-selects .header-row-1{flex-wrap:nowrap}body.truncate-names .unit-name-fixed{flex-shrink:1;min-width:0}#roster-cards-grid{justify-content:center}#roster-cards-grid .unit-card{max-width:500px;margin-inline:auto}.inventory-section .inventory-slots{width:100%;padding-inline-start:0}.inventory-section .inventory-slot{width:100%;margin-inline-start:0}.inventory-section .inventory-slot .inv-custom-select{flex:1;min-width:0}}@media (width>=630px){.card-body .stats-inventory-grid .stats-section{justify-self:center;width:100%}.card-body .stats-inventory-grid .inventory-section .inventory-slots{align-items:center;width:100%;padding-inline-start:0}.card-body .stats-inventory-grid .inventory-section .inventory-slot{width:100%;margin-inline-start:0}.card-body .stats-inventory-grid .inventory-section .inventory-slot .inv-custom-select{flex:1;min-width:0}.card-body .stats-inventory-grid{grid-template-columns:45% 1fr;height:100%}.stats-section{line-height:inherit;flex-direction:row}.stats-inventory-grid{gap:var(--gap-inventory-item)}#main-container #tab-roster #roster-layout{padding-block:1rem;padding-inline-start:1rem}#main-container #tab-roster #roster-layout #roster-cards-grid{grid-template-columns:repeat(auto-fill, var(--card-default-width));padding-top:8px;padding-inline:0}#main-container #tab-roster #roster-layout #roster-cards-grid .unit-card{height:auto}#main-container #tab-roster #roster-layout #roster-cards-grid .unit-card .card-header .unit-name-fixed{display:inline-block}#main-container #tab-roster #roster-layout #roster-cards-grid .unit-card .card-body .stats-inventory-grid{grid-template-columns:45% 1fr;height:auto}#main-container #tab-team-builder #team-builder-layout{padding-block:1rem;padding-inline-start:1rem}#main-container #tab-team-builder #team-builder-layout #team-cards-grid{grid-template-columns:repeat(auto-fill, var(--card-default-width));padding-top:8px;padding-inline:0}#main-container #tab-team-builder #team-builder-layout #team-cards-grid .unit-card{height:auto}#main-container #tab-team-builder #team-builder-layout #team-cards-grid .card-body .stats-inventory-grid{grid-template-columns:45% 1fr;height:auto}}@media (width<=929px){#team-header-row{align-self:center;padding-top:.5rem;padding-bottom:.5rem}}@media (width>=930px){#roster-sidebar-toggle,#roster-sidebar-close,#team-sidebar-toggle,#team-sidebar-close{display:none}#roster-sidebar,#team-sidebar{z-index:auto;border-radius:var(--radius-md);height:100%;position:static;transform:none}#btn-game-toggle{display:none}.header-games label{display:block}.logo-text{display:inline}.header-brand{flex-wrap:nowrap}.btn-label{display:inline}.tab-label-short{display:none}.tab-label-full{display:inline}}body.tutorial-active{overscroll-behavior:none;overflow:hidden}body.tutorial-active .unit-card{content-visibility:visible}.tut-overlay[hidden],.tut-hole-cover[hidden],.tut-popover[hidden],.tut-welcome[hidden]{display:none}.tut-hole-cover{z-index:8060;pointer-events:all;background:0 0;position:fixed}.tut-overlay{z-index:8000;pointer-events:all;background:#000000a6;transition:top .2s,left .2s,width .2s,height .2s;position:fixed}.tut-welcome{z-index:8100;background:#000c;justify-content:center;align-items:center;animation:.2s tut-fade-in;display:flex;position:fixed;inset:0}.tut-welcome-card{background:var(--color-card);border:1px solid var(--color-gold-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:16px;width:calc(100% - 32px);max-width:360px;padding:32px 24px;display:flex}.tut-welcome-logo{max-width:200px;height:auto}.tut-welcome-text{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.tut-welcome-actions{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.tut-popover{z-index:8100;background:var(--color-card);border:1px solid var(--color-gold-border);border-radius:var(--radius-lg);box-sizing:border-box;flex-direction:column;gap:12px;width:280px;min-width:120px;max-width:calc(100vw - 16px);padding:16px;animation:.15s tut-fade-in;display:flex;position:fixed}.tut-popover[data-arrow=up]:before{content:"";border:8px solid #0000;border-top:none;border-bottom-color:var(--color-card);position:absolute;top:-9px;left:50%;transform:translate(-50%)}.tut-popover[data-arrow=down]:before{content:"";border:8px solid #0000;border-bottom:none;border-top-color:var(--color-card);position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.tut-popover[data-arrow=left]:before{content:"";border:8px solid #0000;border-left:none;border-right-color:var(--color-card);position:absolute;top:50%;left:-9px;transform:translateY(-50%)}.tut-popover[data-arrow=right]:before{content:"";border:8px solid #0000;border-right:none;border-left-color:var(--color-card);position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.tut-dots{justify-content:center;gap:6px;display:flex}.tut-dot{background:var(--color-surface-2);border-radius:50%;width:8px;height:8px;transition:background .2s}.tut-dot.tut-dot-active{background:var(--color-gold)}.tut-popover-title{color:var(--color-text);font-size:.9rem;font-weight:600}.tut-popover-text{color:var(--color-text-muted);font-size:.82rem;line-height:1.5}.tut-popover-actions{justify-content:space-between;align-items:center;display:flex}.tut-skip-link{color:var(--color-text-dim);text-align:center;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.tut-skip-link:hover{color:var(--color-text-muted);text-decoration:underline}@keyframes tut-pulse{0%,to{box-shadow:0 0 0 3px var(--color-gold), 0 0 0 8px #c9a84c40}50%{box-shadow:0 0 0 4px var(--color-gold), 0 0 0 12px #c9a84c1f}}.tut-pulse{border-radius:var(--radius-sm);z-index:8050;animation:1.8s ease-in-out infinite tut-pulse;position:relative}@keyframes tut-fade-in{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.tut-pulse{box-shadow:0 0 0 3px var(--color-gold);animation:none}.tut-popover,.tut-welcome{animation:none}.tut-overlay{transition:none}}