:root{--color-bg: #f3d196;--color-room: #fbe9c8;--color-surface: oklch(98% 0 0);--color-text: oklch(22% .03 70);--color-accent: #e8b46a;--color-accent-dark: #5a3d23;--radius: 14px;--space-section: clamp(1rem, .5rem + 2vw, 2rem);--duration-fast: .15s;--ease-out: cubic-bezier(.16, 1, .3, 1);font-family:ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}.title{text-align:center;font-size:clamp(1.8rem,1rem + 4vw,3rem)}.auth{min-height:100dvh;display:grid;place-content:center;gap:1rem;padding:1rem}.auth-card{display:grid;gap:.75rem;padding:1.5rem;min-width:min(90vw,320px);background:#f6ead2;border-radius:0;box-shadow:0 0 0 3px #3f2a18,inset 0 0 0 3px #e0c79c,6px 6px #0002}.field{padding:.7rem .9rem;font:inherit;border-radius:0;border:0;box-shadow:inset 0 0 0 2px #3f2a18;background:#fffdf6}.auth-actions{display:flex;gap:.5rem}.btn{flex:1;padding:.6rem .5rem;border:0;border-radius:0;font:inherit;font-weight:700;cursor:pointer;color:#3f2a18;background:#e8c79a;box-shadow:0 0 0 2px #3f2a18,inset 0 0 0 2px #f4e2c2,0 4px #a9743f;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.btn:hover{transform:translateY(-1px);background:#f0d3a8}.btn:active{transform:translateY(3px);box-shadow:0 0 0 2px #3f2a18,inset 0 0 0 2px #f4e2c2,0 1px #a9743f}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:0 0 0 2px #3f2a18,inset 0 0 0 2px #d8c39c,0 4px #8a7048}.btn.primary{background:#f3c04a;box-shadow:0 0 0 2px #3f2a18,inset 0 0 0 2px #ffe9a8,0 4px #c8962f}.error{color:#b00020;min-height:1.2em;margin:0;font-size:.9rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.stat{background:var(--color-surface);border-radius:10px;padding:.5rem .7rem}.stat .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.bar{height:16px;background:#efe2c6;border:0;box-shadow:0 0 0 2px #3f2a18,inset 0 0 0 2px #cdbb97;border-radius:0;overflow:hidden;margin-top:6px;background-image:repeating-linear-gradient(90deg,transparent,transparent 9%,#00000022 9%,#00000022 10%)}.bar>.fill{display:block;height:100%;image-rendering:pixelated;transition:width var(--duration-fast) var(--ease-out)}.bar>.fill.high{background:#6bbf59}.bar>.fill.med{background:#e6b53c}.bar>.fill.low{background:#d05a4a}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.6rem}.actions .btn{background:#e8c79a}.actions .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.home{min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--space-section);padding:var(--space-section);max-width:720px;margin:0 auto}.stage{display:grid;place-items:center}.stage-inner{position:relative;width:100%;max-width:560px}.bubble{position:absolute;transform:translate(-50%,-130%);border-radius:0;border:0;background:#fffdf6;color:var(--color-text);padding:6px 10px;font-size:14px;font-weight:600;white-space:nowrap;pointer-events:none;z-index:2;box-shadow:0 0 0 3px #3f2a18,inset 0 0 0 2px #efe2c6}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:10px;height:10px;background:#fffdf6;box-shadow:0 3px #3f2a18,3px 0 #3f2a18;transform:translate(-50%)}.toolbar{display:flex;gap:.5rem;justify-content:flex-end}.toolbar .btn.small{flex:0 0 auto;padding:.35rem .7rem;font-size:.85rem}.btn.toggled{background:#f3c04a;box-shadow:0 0 0 2px #3f2a18,inset 0 0 0 2px #ffe9a8,0 1px #c8962f;transform:translateY(3px)}