:root{--bg:#071014;--panel:#101d22;--panel-soft:#14262b;--text:#c4d0d0;--text-strong:#f4fbf8;--muted:#82979a;--border:#7d939638;--jungle:#57daae;--smite:#4cacff;--warning:#d7a846;--danger:#ff625c;--success:#55d98e;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 14% 12%,#2b6f6033,#0000 28%),radial-gradient(circle at 85% 18%,#2064892e,#0000 24%),linear-gradient(#071014 0%,#081116 100%);line-height:1.45}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}::selection{color:#041012;background:var(--jungle)}.app-shell{min-height:100svh;color:var(--text);padding:18px}.topbar,.trainer-grid,.footer-strip{width:min(1440px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:16px 4px 20px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{width:42px;height:42px;color:var(--smite);background:linear-gradient(145deg,#1f494ce6,#0e161af2);border:1px solid #57daae59;border-radius:8px;place-items:center;display:grid;box-shadow:0 0 32px #28c9bc24}.brand h1{color:var(--text-strong);margin:0;font-size:25px;font-weight:780;line-height:1}.brand p{color:var(--muted);margin:4px 0 0;font-size:13px}.topbar nav,.segmented,.difficulty{border:1px solid var(--border);background:#070d10b8;border-radius:8px;align-items:center;gap:6px;padding:5px;display:flex}button{color:inherit;font:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.56}.topbar nav button,.segmented button,.difficulty button{min-height:34px;color:var(--muted);background:0 0;border-radius:6px;padding:0 13px;font-size:13px;font-weight:700}.topbar nav button.active,.segmented button.selected,.difficulty button.selected{color:var(--text-strong);background:#2b62599e;box-shadow:inset 0 0 0 1px #57daae2e}.trainer-grid{grid-template-columns:minmax(230px,280px) minmax(360px,1fr) minmax(280px,340px);align-items:start;gap:14px;display:grid}.panel{border:1px solid var(--border);background:linear-gradient(#111d22eb,#091014f0);border-radius:8px;box-shadow:0 24px 70px #00000057}.setup-panel,.results-panel{max-height:calc(100svh - 122px);padding:18px;overflow:auto}.panel-title{color:var(--jungle);align-items:center;gap:9px;margin-bottom:14px;display:flex}.panel-title h2{color:var(--text-strong);letter-spacing:0;margin:0;font-size:14px;font-weight:780}.camp-list{gap:8px;margin-bottom:22px;display:grid}.target-group{gap:7px;display:grid}.target-group>span{color:var(--muted);text-transform:uppercase;margin-top:5px;font-size:12px;font-weight:820}.camp-row{min-height:54px;color:var(--text);text-align:left;background:#ffffff08;border:1px solid #7d939624;border-radius:7px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid}.camp-row img{object-fit:cover;border-radius:6px;width:42px;height:42px;display:block}.camp-row span{min-width:0;font-size:13px;font-weight:720;line-height:1.15}.camp-row strong{color:var(--muted);text-align:right;white-space:pre-line;font-size:12px;line-height:1.15}.camp-row.selected{color:var(--text-strong);background:#2a5a4f6b;border-color:#57daae7a}.control-group{gap:9px;margin-top:18px;display:grid}.control-group>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#57daaed1,#4cacff80);border-radius:999px;height:6px;box-shadow:inset 0 0 0 1px #7d93962e}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--jungle);border:2px solid #071014;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 0 1px #57daaea6,0 0 16px #57daae47}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#57daaed1,#4cacff80);border-radius:999px;height:6px}input[type=range]::-moz-range-thumb{background:var(--jungle);border:2px solid #071014;border-radius:50%;width:18px;height:18px}.variant-options{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:6px;display:grid}.variant-options button{min-height:34px;color:var(--muted);background:#ffffff09;border:1px solid #7d939629;border-radius:7px;padding:0 8px;font-size:12px;font-weight:780}.variant-options button.selected{color:var(--text-strong);background:#2a5a4f9e;border-color:#57daae7a}.arena{min-height:min(680px,100svh - 122px);padding:20px;display:grid;position:relative;overflow:hidden}.arena:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 28%,#196f6047,#0000 28%),radial-gradient(circle at 50% 52%,#2e63742e,#0000 34%),linear-gradient(130deg,#9b6d2f1a,#0000 28%);position:absolute;inset:0}.arena-status,.monster-stage,.hp-readout,.health-track,.arena-actions{z-index:1;position:relative}.arena-status{justify-content:space-between;align-items:center;gap:16px;display:flex}.arena-status div{gap:4px;display:grid}.arena-status div:last-child{text-align:right}.difficulty-readout{background:#050e1275;border:1px solid #78c2db3d;border-radius:8px;min-width:124px;padding:10px 12px}.difficulty-readout.pressure{border-color:#f8c96375;box-shadow:0 0 24px #f8c96314}.difficulty-readout.chaos{border-color:#ff5b7085;box-shadow:0 0 26px #ff5b701f}.arena-status span,.metric span,.timing-card span,.attempt span{color:var(--muted);font-size:12px;font-weight:720}.arena-status strong{color:var(--text-strong);font-size:16px}.arena-status em{color:var(--jungle);font-size:12px;font-style:normal;font-weight:760}.monster-stage{place-items:center;min-height:330px;display:grid}.target-ring{aspect-ratio:1;border:1px solid #57daae2e;border-radius:50%;width:min(58vw,430px);position:absolute;box-shadow:inset 0 0 70px #48cab814,0 0 90px #2dd2c114}.monster{z-index:2;aspect-ratio:1;filter:drop-shadow(0 28px 50px #0000008c)drop-shadow(0 0 30px #4cacff33);place-items:center;width:250px;display:grid;position:relative}.monster img{object-fit:contain;width:100%;height:100%;display:block}.monster.awake{animation:1.25s ease-in-out infinite pulse}.hp-readout{color:var(--text-strong);justify-content:center;align-items:baseline;gap:10px;margin-top:-24px;display:flex}.hp-readout span{font-size:clamp(48px,8vw,88px);font-weight:850;line-height:1}.hp-readout small{color:var(--muted);font-size:17px;font-weight:720}.health-track{background:#03090cb8;border:1px solid #7d939633;border-radius:999px;height:22px;margin:16px 4px 34px;position:relative;overflow:hidden}.health-fill{border-radius:inherit;background:linear-gradient(90deg,#4ecf8f,#d4a64c 62%,#ff625c);height:100%;transition:width 90ms linear;display:block}.threshold-line{z-index:2;background:var(--smite);border-radius:999px;width:3px;height:36px;position:absolute;top:-7px;box-shadow:0 0 16px #4cacffd1}.arena-actions{grid-template-columns:1fr 190px 1fr;align-items:center;gap:16px;margin-top:auto;display:grid}.secondary-action,.smite-button{border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:54px;font-size:14px;font-weight:820;display:inline-flex}.secondary-action{color:var(--text-strong);background:#ffffff0b;border:1px solid #7d939633}.smite-button{color:#fff;background:radial-gradient(circle at 50% 38%,#8dd6ffeb,#1567b1d6 44%,#0a182dfa 74%),#145891;border:1px solid #4cacff73;border-radius:50%;flex-direction:column;height:150px;position:relative;box-shadow:0 0 40px #4cacff42}.smite-button.live{border-color:#ffd672e6;box-shadow:0 0 55px #ffcd5e66}.smite-button span{font-size:21px;line-height:1}.smite-button small{color:#ffffffb8;font-size:11px;font-weight:800}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px;display:grid}.metric,.timing-card{background:#ffffff09;border:1px solid #7d939629;border-radius:8px}.metric{gap:8px;padding:12px;display:grid}.metric strong{color:var(--text-strong);font-size:22px}.timing-card{color:var(--smite);align-items:center;gap:10px;margin-bottom:20px;padding:13px;display:flex}.timing-card div{gap:3px;display:grid}.timing-card strong{color:var(--text-strong);font-size:14px}.attempt-list{gap:8px;display:grid}.attempt{border-left:3px solid var(--border);background:#ffffff09;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.attempt div{gap:2px;display:grid}.attempt div:last-child{text-align:right}.attempt strong{color:var(--text-strong);text-transform:capitalize;font-size:13px}.attempt.secured{border-color:var(--success)}.attempt.early{border-color:var(--warning)}.attempt.late,.attempt.missed{border-color:var(--danger)}.empty{color:var(--muted);margin:12px 0 0;font-size:13px}.footer-strip{flex-wrap:wrap;gap:10px;padding:14px 4px 0;display:flex}.footer-strip span{min-height:34px;color:var(--muted);background:#ffffff09;border:1px solid #7d939629;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:760;display:inline-flex}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@media (width<=1120px){.trainer-grid{grid-template-columns:1fr}.setup-panel,.results-panel{max-height:none}.arena{min-height:620px}}@media (width<=680px){.app-shell{padding:12px}.topbar{flex-direction:column;align-items:stretch}.topbar nav{justify-content:space-between}.topbar nav button{flex:1;padding-inline:8px}.arena{min-height:590px;padding:15px}.arena-status{flex-direction:column;align-items:flex-start}.arena-status div:last-child{text-align:left}.monster{width:205px}.arena-actions{grid-template-columns:1fr}.smite-button{justify-self:center;width:150px}}