@font-face{font-family:Quattrocento;font-style:normal;font-display:swap;font-weight:400;src:url(/static/quattrocento-latin-400-normal-Da3aNouX.woff2)format("woff2"),url(/static/quattrocento-latin-400-normal-Cg-bZE-u.woff)format("woff")}@font-face{font-family:Quattrocento;font-style:normal;font-display:swap;font-weight:700;src:url(/static/quattrocento-latin-700-normal-BdsJF-a_.woff2)format("woff2"),url(/static/quattrocento-latin-700-normal-CGO2pG30.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#092132;--panel:#0c3042;--panel-2:#0d4c60;--line:#1f5a6e;--text:#e4ebee;--muted:#9bb4bf;--cream:#d0bfa5;--gold:#c6af8d;--forever:#4cafc1;--teal:#01819f;--name-friendly:#7474ff;--name-pvp:#1fe01f;--accent:var(--cream);--warn:#e6b35c;--error:#ef7d6d;--focus:var(--forever);--display:"Quattrocento", Georgia, serif;color:var(--text);background:var(--bg);font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--line);background:#071a26;border-radius:4px;padding:5px 10px}button{font:inherit;color:#f3d27a;text-shadow:0 1px 1px #000;cursor:pointer;background:linear-gradient(#2d7fa0,#155873 55%,#0f4760);border:1px solid #06141d;border-radius:4px;padding:5px 12px;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000059,0 0 0 1px #c6af8d59}button:hover:not(:disabled){color:#ffe08f;background:linear-gradient(#3995b8,#1b6886 55%,#135570)}button:active:not(:disabled){background:linear-gradient(#0f4760,#155873)}button:disabled{opacity:.45;cursor:not-allowed}input[type=search],input:not([type]){min-width:0}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}h1{font:700 22px var(--display);letter-spacing:.03em;color:var(--cream);margin:0}h2{font:14px var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--cream);margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--error)}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:14px;padding:8px 14px;display:flex}.brand{flex-direction:column;line-height:1.15;display:flex}.topbar-end{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.share{align-items:center;gap:6px;min-width:0;display:flex}.share-link{width:260px;color:var(--muted);font:11px ui-monospace,monospace}.notices ul{background:#2a2418;border-bottom:1px solid #4a3d22;flex-direction:column;gap:4px;max-height:132px;margin:0;padding:6px 14px;list-style:none;display:flex;overflow:auto}.notices li{color:var(--warn);justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.notices strong{color:var(--text);font-weight:600}button.link{color:var(--muted);background:0 0;border:none;padding:0 2px;font-size:12px;text-decoration:underline}.layout{flex:1;grid-template-columns:270px 1fr 330px;min-height:0;display:grid}.center-panel{flex:1;place-items:center;padding:24px;display:grid}.side{background:var(--panel);flex-direction:column;gap:12px;padding:12px;display:flex;position:relative;overflow:auto}.side.left{border-right:1px solid var(--line)}.side.right{border-left:1px solid var(--line)}.panel{flex-direction:column;gap:6px;display:flex}.panel+.panel{border-top:1px solid var(--line);padding-top:12px}.panel p{margin:0}.picker{grid-template-columns:88px 1fr;align-items:center;gap:6px 8px;display:grid}.picker>label,.picker>.label{color:var(--muted);font-size:12px}.picker .tag{grid-column:2}.choice{align-items:center;gap:6px;min-width:0;display:flex}.choice select,.picker select{width:100%;min-width:0}.swatch{border:1px solid var(--line);border-radius:4px;flex:none;width:16px;height:16px}.tag{color:var(--warn);font-size:11px}.segmented{display:inline-flex}.segmented button{text-transform:capitalize;border-radius:0;flex:1}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-left:none;border-radius:0 4px 4px 0}.segmented button[aria-checked=true]{color:#fff4cf;box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(#4cafc1,#2d7fa0)}.compare-list{flex-direction:column;gap:4px;margin:0 0 10px;padding:0;list-style:none;display:flex}.compare-list li{border:1px solid #0000;border-radius:4px;flex-direction:column;gap:2px;padding:4px 6px;display:flex}.compare-list li.selected{border-color:var(--gold)}.compare-pick{all:unset;cursor:pointer;text-align:left}.compare-pick:focus-visible{outline:2px solid var(--gold)}.compare-list li.selected .compare-pick{color:var(--gold)}.compare-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.stage{min-width:0;min-height:0;position:relative}.stage-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-grid{gap:2px;display:grid;position:absolute;inset:0}.stage-grid.count-2{grid-template-columns:1fr 1fr}.stage-grid.count-3{grid-template-columns:1fr 1fr 1fr}.stage-grid.count-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.stage-grid.count-5{grid-template-columns:repeat(5,1fr)}.stage-grid.count-6{grid-template-columns:repeat(6,1fr)}.stage-cell{outline-offset:-3px;touch-action:none;position:relative;overflow:hidden}.cell-label{color:var(--muted);pointer-events:none;font-size:12px;position:absolute;top:8px;left:10px}.nameplate{pointer-events:none;text-align:center;white-space:nowrap;font-family:var(--display);color:var(--name-friendly);text-shadow:0 0 3px #000,1px 1px 2px #000,-1px -1px 2px #000;visibility:hidden;font-weight:700;line-height:1.05;position:absolute;top:0;left:0}.nameplate.pvp{color:var(--name-pvp)}.unit-tooltip{pointer-events:none;color:#fff;opacity:0;background:#080a18e6;border:1px solid #5a5f73;border-radius:4px;min-width:180px;padding:6px 10px;font-size:14px;line-height:1.35;transition:opacity .12s;position:absolute;bottom:12px;right:12px}.stage-cell:hover .unit-tooltip.on-hover,.stage-cell:focus .unit-tooltip.on-hover,.unit-tooltip.pinned{opacity:1}.tooltip-name{color:var(--name-friendly)}.tooltip-name.pvp{color:var(--name-pvp)}.cell-status{color:var(--muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.cell-status.error{color:var(--error)}.search-controls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.search-controls input{grid-column:1/-1}.set-options{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin:6px 0;display:flex}.set-options label{align-items:center;gap:4px;display:flex}.result-group{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:10px 0 4px;font-size:11px;font-weight:600}.results,.slots{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.results li{align-items:center;gap:4px;display:flex}.results li>.link{white-space:nowrap;flex:none}.results li>.result{flex:auto;width:auto;min-width:0}.result{text-align:left;background:0 0;border-color:#0000;align-items:center;gap:8px;width:100%;padding:4px 6px;display:flex}.result:hover{background:var(--panel-2)}.result-text{flex-direction:column;flex:1;min-width:0;display:flex}.result-text .qname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{border:1px solid var(--gold);color:var(--gold);text-transform:uppercase;letter-spacing:.04em;border-radius:3px;margin-left:6px;padding:0 4px;font-size:10px}.slots li{align-items:center;gap:8px;padding:4px 0;display:flex}.slots li button{padding:3px 8px;font-size:12px}.clear-buttons{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.clear-buttons button{padding:3px 8px;font-size:12px}.hidden-slot .icon,.hidden-slot .qname{opacity:.45}.icon{background:#111;border:1px solid;border-radius:5px;flex:none;width:32px;height:32px}.icon.blank{background:repeating-linear-gradient(45deg,#1b1e22 0 4px,#23272c 4px 8px);display:inline-block}.q0{color:#a8a8a8;border-color:#6b6b6b}.q1{color:#f2f2f2;border-color:#8a8a8a}.q2{color:#3fe23f;border-color:#1f9e1f}.q3{color:#4aa3ff;border-color:#1f6fc4}.q4{color:#bf7dff;border-color:#8a3fd1}.q5{color:#ff9a33;border-color:#d16f10}.q6{color:#e6cc80;border-color:#b09a55}.q7{color:#33d6ff;border-color:#1fa0c4}.install form{flex-direction:column;gap:6px;margin-top:10px;display:flex}.install{width:100%;max-width:460px}.footer{border-top:1px solid var(--line);background:var(--panel);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:5px 14px;display:flex}.footer-links{gap:14px;display:flex}.ai-status{color:var(--cream);align-items:center;gap:8px;margin:6px 0;display:flex}.ai-pulse{background:var(--forever);border-radius:50%;flex:none;width:8px;height:8px;animation:1s ease-in-out infinite ai-pulse}@keyframes ai-pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.ai-pulse{animation:none}}.ai-counter{color:var(--gold);border:1px solid var(--gold);white-space:nowrap;border-radius:999px;padding:1px 10px}.banner-fold{grid-template-rows:1fr;transition:grid-template-rows .25s,opacity .2s;display:grid}.banner-fold.closing{opacity:0;grid-template-rows:0fr}.banner-fold>.banner{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.banner-fold{transition:none}}.banner{background:var(--panel);border-bottom:1px solid var(--line);color:var(--gold);text-align:center;justify-content:center;align-items:center;gap:12px;padding:5px 14px;display:flex}.banner button.link{color:var(--muted);padding:0 4px;font-size:16px;line-height:1}.footer-note{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.footer button.link{font-size:inherit}.support-link{color:var(--gold);white-space:nowrap;font-weight:600;text-decoration:none}.support-link:hover{color:var(--cream);text-decoration:underline}.about{border:1px solid var(--line);background:var(--panel);width:calc(100% - 32px);max-width:520px;color:var(--text);border-radius:6px;padding:0}.about::backdrop{background:#0009}.about-body{flex-direction:column;gap:12px;padding:18px 22px;line-height:1.45;display:flex}.about-body p{margin:0}.about-head{justify-content:space-between;align-items:center;display:flex}.about-head h2{text-transform:none;letter-spacing:.02em;margin:0;font-size:20px}.about-close{padding:0 8px;font-size:20px;line-height:1.2}.about-support{border:1px solid var(--gold);background:#c6af8d14;border-radius:6px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex}.support-button{color:#1b1203;background:linear-gradient(#f3d27a,#c99b3b);border-radius:4px;padding:8px 18px;font-weight:700;text-decoration:none;display:inline-block}.support-button:hover{filter:brightness(1.08)}.about-links a,.footer button.link{color:var(--forever)}.about-links a:hover{color:var(--cream)}.about-links{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.panel-tabs{display:none}@media (width<=900px){.app{height:auto;min-height:100%}.topbar{flex-wrap:wrap;row-gap:6px}.topbar-end{flex-wrap:wrap;width:100%;margin-left:0}.share{flex-wrap:wrap}.share-link{display:none}.layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.layout>.doll{order:1;height:auto;min-height:max(400px,60vh)}.side{overflow:visible}.layout>.panel-tabs{order:2;margin:10px 12px 0;display:flex}.side.right,.side.left{order:3}.side.narrow-hidden{display:none}.side.left,.side.right{border:none}}.actions{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.actions button{white-space:nowrap;flex:1}.presets{flex-wrap:wrap}.presets button[aria-pressed=true]{color:#fff4cf;box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(#4cafc1,#2d7fa0)}.find-mode{margin-bottom:8px}.weapon-view{margin-bottom:6px;display:flex}.weapon-view button{text-transform:none}.compare-own{margin:0 0 4px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.prompt-form{align-items:flex-end;gap:6px;display:flex}.prompt-form textarea{resize:vertical;flex:1;min-width:0}.prompt-lines{flex-direction:column;gap:3px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.prompt-you{color:var(--text);margin-top:4px;font-weight:600}.prompt-step{color:var(--muted);padding-left:10px}.prompt-step:before{content:"· "}.prompt-reply{color:var(--text)}.prompt-usage{color:var(--muted);font-size:11px}.prompt-error{color:var(--error)}.name-actions{flex-wrap:wrap}.name-hint{color:var(--warn);margin:-4px 0 8px}.name-list{flex-direction:column;gap:4px;margin:0 0 10px;padding:0;list-style:none;display:flex}.name-list li{align-items:center;gap:6px;display:flex}.name-list li span{overflow-wrap:anywhere;flex:1;min-width:0}.prompt-settings{flex-direction:column;gap:4px;display:flex}.prompt-settings label{margin-top:4px}.prompt-settings-actions{gap:6px;margin-top:6px;display:flex}.result,button.link{box-shadow:none;text-shadow:none;color:inherit;background:0 0}.result:hover:not(:disabled){color:inherit;background:#4cafc11f}button.link:hover:not(:disabled){color:var(--forever);background:0 0}.doll{background:radial-gradient(ellipse at 50% 40%, #0f3a50, var(--bg) 75%);grid-template-rows:1fr auto;grid-template-columns:56px 1fr 56px;min-width:0;min-height:0;display:grid}.doll-column{flex-direction:column;justify-content:center;gap:6px;padding:8px 6px;display:flex}.doll-view{min-width:0;min-height:0;display:flex;position:relative}.doll-view>.stage{flex:1}.doll-bottom{flex-direction:column;grid-column:1/-1;align-items:center;gap:4px;padding:6px 0 8px;display:flex}.doll-weapons{align-items:center;gap:10px;display:flex}.doll-weapons .sheathe{margin-left:8px;padding:4px 10px;font-size:12px}.doll-weapons .sheathe-where{margin-left:6px}.doll-weapons .sheathe-where button{padding:4px 8px;font-size:12px}.doll-slot{width:44px;height:44px;position:relative}.doll-slot .icon{border-radius:4px;width:44px;height:44px;display:block}.doll-slot .icon.empty{background:radial-gradient(circle at 50% 40%,#1c2a33,#0b1319 80%);border:1px solid #3c4a52;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #000,inset 0 0 8px #000}.doll-slot .icon.empty svg{fill:#d0bfa533;width:30px;height:30px}.doll-slot.dim{opacity:.35}.doll-slot.undrawn .icon{filter:saturate(.6)}.doll-pick{background:0 0;border:none;border-radius:4px;padding:0;box-shadow:0 0 0 1px #c6af8d73}.doll-pick:hover:not(:disabled){box-shadow:0 0 0 2px var(--forever);background:0 0}.doll-actions{border:1px solid var(--line);z-index:2;white-space:nowrap;background:#071a26f5;border-radius:4px;flex-direction:column;gap:2px;padding:6px 10px;display:none;position:absolute;top:50%;transform:translateY(-50%)}.doll-actions .doll-buttons{gap:10px;display:flex}.doll-column:first-child .doll-actions{left:50px}.doll-column:not(:first-child) .doll-actions{right:50px}.doll-weapons .doll-actions{top:auto;bottom:50px;left:0;transform:none}.doll-slot:hover .doll-actions,.doll-slot:focus-within .doll-actions{display:flex}.stage-cell.selected{animation:2s ease-in forwards picked}@keyframes picked{0%,50%{box-shadow:inset 0 0 0 2px var(--gold)}to{box-shadow:none}}.stage-cell.selected .cell-label{color:var(--gold)}.editing-note{color:var(--gold);margin:4px 0 8px}.compare-shares{flex-direction:column;gap:2px;display:flex}.tutorial-link{color:var(--gold);white-space:nowrap}.auto-rotate[aria-pressed=true]{color:#fff4cf;box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(#4cafc1,#2d7fa0)}
