/* Tatari Stats uses Drafter controls without an outer shell around Tatari artwork. */
.stats-tool{--ink:#282625;--muted:#655c49;--paper:#fffef1;--soft:#fff7dc;--line:#d6c6a3;--accent:#ffcf40;--accent-edge:#a27311;color:var(--ink);font:13px/1.5 Poppins,system-ui,sans-serif;margin:24px auto 48px}.stats-tool button,.stats-tool input,.stats-tool select,.stats-tool label,.stats-tool legend,.stats-tool .tatari-picker-option>span{font-family:Poppins,system-ui,sans-serif}.stats-tool .stats-mode-tabs{max-width:450px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--soft);gap:3px;margin:0 auto 20px;min-height:44px}.stats-tool .stats-mode-tabs button{font:600 13px/1.5 Poppins,sans-serif;min-height:36px;padding:6px 12px;border-radius:6px;color:var(--ink)}.stats-tool .stats-mode-tabs button[aria-selected=true]{background:var(--accent)}.stats-tool .build-panel{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 4px 0 #00000008}.stats-tool .build-panel h2{font:24px/1.2 Critters,Poppins,sans-serif;margin:0 0 16px}.stats-tool .build-field{font:500 12px/1.5 Poppins,sans-serif;gap:6px;margin:12px 0}.stats-tool select,.stats-tool input:not([type=checkbox]){min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:14px/1.5 Poppins,sans-serif;padding:9px 12px}.stats-tool input[readonly]{background:var(--soft);color:var(--muted)}.stats-tool .tatari-choice,.stats-tool .star-choice{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:600 13px/1.5 Poppins,sans-serif;box-shadow:none;min-height:44px}.stats-tool .tatari-choice>span:not(.choice-arrow),.stats-tool .tatari-picker-option>span,.stats-tool .result-pet h2{text-transform:none}.stats-tool .build-tiers{gap:8px}.stats-tool .build-tiers button{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--soft);font:500 12px/1.5 Poppins,sans-serif;min-height:44px;flex:1;min-width:0}.stats-tool .build-tiers button[aria-pressed=true]{background:var(--accent);border-color:var(--accent-edge)}.stats-tool .build-tiers img,.stats-tool .build-tiers button[aria-pressed=true] img{border:0;background:transparent;border-radius:0}.stats-tool .dojo-element-button,.stats-tool .dojo-badge-row button,.stats-tool .star-picker-grid button,.stats-tool .tatari-picker-option{border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--ink);font:500 12px/1.5 Poppins,sans-serif;min-height:44px}.stats-tool .dojo-element-button[aria-pressed=true],.stats-tool .dojo-badge-row button[aria-pressed=true],.stats-tool .star-picker-grid button[aria-pressed=true],.stats-tool .tatari-picker-option[aria-pressed=true]{background:var(--accent);border-color:var(--accent-edge)}.stats-tool .manual-badges{background:var(--soft);border:1px solid var(--line);border-radius:8px}.stats-tool .spa-modifiers{border:1px solid var(--line);border-radius:8px;padding:12px}.stats-tool .result-panel,.stats-tool .comparison-mode .result-panel,#stats-workspace:not(.comparison-mode) .result-panel{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}.stats-tool button:focus-visible,.stats-tool input:focus-visible,.stats-tool select:focus-visible{outline:3px solid #633ba3;outline-offset:3px}.stats-tool .star-dialog{border:1px solid #d6a260;border-radius:14px;background:#fff4df;color:var(--ink)}.stats-tool .dialog-heading h2{font:24px/1.25 Critters,Poppins,sans-serif}.stats-tool .result-name-line h2{font-family:Poppins,system-ui,sans-serif;font-weight:600}@media(max-width:700px){.stats-tool{padding:0 14px;margin-top:20px}.stats-tool .build-panel{padding:14px}.stats-tool .build-tiers button{padding:6px 4px}.stats-tool .build-tiers img{width:42px;height:42px}.stats-tool .result-name-line h2{font-size:24px}}
/* Match the calculator star badge to Comparison at each breakpoint. */
.stats-tool #stats-workspace:not(.comparison-mode) .result-pet .result-stars{height:80px;max-width:240px;bottom:-32px;left:50%;transform:translateX(-50%)}.stats-tool #stats-workspace:not(.comparison-mode) .result-portrait-card{margin-bottom:40px}@media(max-width:850px){.stats-tool #stats-workspace:not(.comparison-mode) .result-pet .result-stars{height:48px;max-width:144px;bottom:-19px}.stats-tool #stats-workspace:not(.comparison-mode) .result-portrait-card{margin-bottom:26px}}
