:root{--green: #00be80;--green-press: #00a973;--blue: #3d6de1;--red: #f4442e;--orange: #ff8b3d;--purple: #a566f5;--salmon: #ff7058;--gray-bg: #f0f2f5;--gray-text: #a6adb5;--nav-inactive: #b9bec6;--ink: #1b1f24;--paper-line: #c9d0d9;--radius: 16px;--font: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font);background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit;border:none;background:none;padding:0;cursor:pointer;color:inherit}img.emoji{display:inline-block;vertical-align:-.18em;pointer-events:none}.app{height:100dvh;display:flex;flex-direction:column;background:#fff;overflow:hidden}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.splash{align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.splash-text{font-size:20px;font-weight:800;color:var(--green)}.splash-sub{font-size:14px;color:var(--gray-text);max-width:280px}.game-screen{display:flex;flex-direction:column}.game-top{display:flex;justify-content:flex-end;padding:6px 12px 0;position:relative;min-height:40px}.icon-btn{color:#c3c9d1;padding:8px;border-radius:10px}.dots-menu{position:absolute;top:44px;right:12px;background:#fff;border-radius:12px;box-shadow:0 6px 24px #141e2829;overflow:hidden;z-index:30;min-width:190px}.dots-item{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;width:100%;color:var(--ink)}.dots-item:active{background:var(--gray-bg)}.balance-block{text-align:center;padding:0 16px}.balance-label{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--gray-text)}.balance-value{display:flex;align-items:center;justify-content:center;gap:10px;font-size:38px;font-weight:800;line-height:1.15;color:var(--ink);white-space:nowrap}.balance-value.infected{color:var(--red)}.rates{margin-top:2px}.rate-line{font-size:15px;font-weight:700;color:var(--blue);line-height:1.4}.roll-stage{flex:1;min-height:280px;display:flex;align-items:center;justify-content:center;position:relative;padding:6px 0}.roll-stage-inner{position:relative;width:min(340px,92vw)}.roll-svg{width:100%;height:auto;display:block}.virus{position:absolute;z-index:2;animation:virusFloat 4s ease-in-out infinite;opacity:.85}.virus-static{animation:none}@keyframes virusFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(6deg)}}.menu-tabs{display:flex;justify-content:center;gap:22px;padding:4px 16px 0}.menu-tab{font-size:15px;font-weight:700;color:var(--gray-text);padding:6px 2px 8px;border-bottom:2.5px solid transparent;transition:color .15s ease,border-color .15s ease}.menu-tab.active{color:var(--green);border-color:var(--green)}.menu-content{padding:14px 16px 20px}.action-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.action-btn{height:78px;border-radius:16px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;transition:transform .08s ease}.action-btn:active{transform:scale(.97)}.action-orange{background:var(--orange)}.action-green{background:var(--green)}.action-purple{background:var(--purple)}.placeholder-block{color:var(--gray-text);text-align:center;font-size:14px;font-weight:600;padding:26px 0}.navbar{display:flex;justify-content:space-around;align-items:center;height:58px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #eef0f3;background:#fff;flex-shrink:0}.nav-item{display:flex;align-items:center;justify-content:center;padding:10px 26px}.screen-title-left{font-size:24px;font-weight:800;color:var(--green);margin:16px 16px 6px}.section-label{font-size:15px;font-weight:800;color:var(--green);margin:18px 16px 10px}.chips-row{display:flex;gap:10px;padding:0 16px}.chip{flex:1;background:#fff;border-radius:14px;box-shadow:0 2px 12px #141e2812;padding:14px 10px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px}.chip-value{font-weight:800;font-size:15px;white-space:nowrap}.inventory-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 16px}.inv-tile{background:var(--gray-bg);border-radius:16px;padding:14px 0 10px;display:flex;flex-direction:column;align-items:center;gap:6px}.inv-count{color:var(--green);font-weight:800;font-size:18px}.actions-list{padding:0 16px;display:flex;flex-direction:column;gap:10px}.action-line{background:#fff;border-radius:13px;box-shadow:0 2px 12px #141e280f;min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;font-weight:700;color:var(--green)}.action-line.blue{color:var(--blue)}.action-line-icon{display:inline-flex;color:inherit}.action-line:active{background:#fafbfc}.profile-top{text-align:center;margin:22px 0 16px}.profile-earned{display:flex;align-items:center;justify-content:center;gap:8px;font-size:30px;font-weight:800;color:var(--green);white-space:nowrap}.profile-earned-label{color:var(--green);font-size:14px;font-weight:700;margin-top:4px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px}.stat-card{background:var(--gray-bg);border-radius:16px;padding:16px 12px 14px;text-align:center}.stat-card.wide{grid-column:span 2}.stat-value{color:var(--green);font-size:26px;font-weight:800;line-height:1.1}.stat-label{color:var(--green);font-size:13px;font-weight:700;line-height:1.3;margin-top:4px}.toggle-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #141e280f;margin:16px 16px 20px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:700;white-space:nowrap}.toggle{width:50px;height:30px;border-radius:999px;background:#e4e7eb;position:relative;transition:background .18s ease;flex-shrink:0}.toggle.on{background:var(--green)}.toggle-knob{position:absolute;top:2.5px;left:2.5px;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .18s ease}.toggle.on .toggle-knob{transform:translate(20px)}.actions-gap{height:8px}.profile-screen .actions-list{margin-top:12px}