@import"https://fonts.googleapis.com/css2?family=Pirata+One&family=Cinzel:wght@500;700;900&family=Barlow+Condensed:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&display=swap";:root{--color-panel: #1a2430;--color-panel-light: #223345;--color-panel-dark: #111c26;--color-panel-border: rgba(120, 180, 210, .15);--color-panel-glow: rgba(100, 170, 210, .08);--color-gold: #c9a961;--color-gold-dim: rgba(200, 160, 80, .3);--color-copper: #b87333;--color-ice-light: #c5e4ed;--color-ice: #7ec9db;--color-ice-medium: #4fa8c5;--color-ice-dark: #2c8aa8;--color-frost: #5bbdd5;--color-bg: #8dbdce;--color-bg-dark: #6a9fb3;--color-text: #e4eff4;--color-text-muted: #8aa8b8;--color-text-bright: #ffffff;--color-damage: #d94040;--color-damage-dark: #a82e2e;--color-healing: #38b060;--color-healing-dark: #2a8a4a;--color-xp: #d4a940;--color-xp-dark: #b08820;--color-condition: #e0a030;--border-radius: 6px;--border-radius-sm: 4px;--shadow-panel: 0 4px 20px rgba(0, 0, 0, .4), 0 1px 3px rgba(0,0,0,.2), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-button: 0 2px 6px rgba(0, 0, 0, .3);--shadow-inset: inset 0 2px 6px rgba(0, 0, 0, .3);--transition: .15s ease;--font-fantasy: "Pirata One", "Cinzel", serif;--font-display: "Cinzel", "Times New Roman", serif;--font-body: "Barlow", -apple-system, sans-serif;--font-condensed: "Barlow Condensed", -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--color-bg) url(/frosthaven-bg.png) center center / cover fixed;color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.app{max-width:480px;margin:0 auto;padding:.4rem;width:100%}.card{background:radial-gradient(ellipse at 50% 0%,rgba(100,170,210,.06) 0%,transparent 50%),linear-gradient(160deg,#243445eb,#1a2430f2 40%,#111c26f7),url(/dark_bg.png) center center / cover;border:1px solid var(--color-panel-border);border-top-color:#c8a0501f;border-radius:2px;clip-path:polygon(0 6px,6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px));box-shadow:0 8px 24px #00000073,0 2px 6px #00000040,inset 0 1px #ffffff0f,inset 0 -2px 6px #0003;padding:.65rem .75rem;margin-bottom:.4rem;position:relative}button,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:38px;padding:.4rem 1rem;border:1px solid rgba(200,160,80,.15);border-top-color:#ffffff1a;border-radius:2px;background:linear-gradient(180deg,#3a5570,#2a4055,#243a4d);color:var(--color-text);font-family:var(--font-condensed);font-size:.95rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);box-shadow:0 3px 8px #00000059,inset 0 1px #ffffff1a,inset 0 -1px 3px #0003;-webkit-tap-highlight-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.4)}button:hover,.btn:hover{background:linear-gradient(180deg,#4a6580,#3a5570);border-color:#ffffff26;box-shadow:0 3px 10px #00000059,inset 0 1px #ffffff1a}button:active,.btn:active{transform:translateY(1px);box-shadow:0 1px 3px #0000004d,inset 0 2px 4px #00000026}button:disabled,.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-damage{background:linear-gradient(180deg,var(--color-damage) 0%,var(--color-damage-dark) 100%);border-color:#ffffff1a}.btn-damage:hover{background:linear-gradient(180deg,#e05050 0%,var(--color-damage) 100%)}.btn-healing{background:linear-gradient(180deg,var(--color-healing) 0%,var(--color-healing-dark) 100%);border-color:#ffffff1a}.btn-healing:hover{background:linear-gradient(180deg,#45c070 0%,var(--color-healing) 100%)}input[type=text],input[type=number]{min-height:38px;padding:.35rem .65rem;border:1px solid rgba(200,160,80,.12);border-bottom-color:#c8a05033;border-radius:2px;background:var(--color-panel-dark);box-shadow:var(--shadow-inset);color:var(--color-text);font-family:var(--font-body);font-size:1rem;transition:border-color var(--transition);width:100%}input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--color-frost);box-shadow:var(--shadow-inset),0 0 0 2px #5bbdd526}input::placeholder{color:var(--color-text-muted);opacity:.5}.status-bar{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:2px;font-family:var(--font-condensed);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.5rem}.status-bar--connected{background:#111c26d9;color:#58d68d;border:1px solid rgba(56,176,96,.3);box-shadow:0 2px 8px #0000004d}.status-bar--disconnected{background:#111c26d9;color:#ec7063;border:1px solid rgba(217,64,64,.3);box-shadow:0 2px 8px #0000004d}@media (max-width: 480px){.app{padding:.5rem}.card{padding:.85rem;border-radius:var(--border-radius-sm)}}@media (min-width: 768px){.app{max-width:540px}}