.dc-app{height:100dvh;display:flex;flex-direction:column}.dc-booting{display:grid;place-items:center;height:100dvh;opacity:.7;font:14px system-ui}.dc-top{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:7px 12px;background:#0e0c09;border-bottom:1px solid #2a2118}.dc-status{width:7px;height:7px;border-radius:50%;flex:0 0 7px}.dc-brand{font:700 12px/1 Iowan Old Style,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#e8ddca}.dc-hint{flex:1;min-width:0;font:400 10.5px/1.4 system-ui,sans-serif;color:#75674f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 50% 0%,rgba(0,0,0,.35),transparent 60%),#17130d;transition:background .4s ease}.dc-stage.maxed{background:radial-gradient(130% 100% at 50% 0%,rgba(160,30,24,.35),transparent 62%),#1a100d}.dc-readout{display:flex;align-items:baseline;gap:8px}.dc-value{font:800 56px/1 Iowan Old Style,Georgia,serif;color:#e8ddca}.dc-stage.maxed .dc-value{color:#ff6b6b}.dc-of{font:600 18px/1 ui-monospace,monospace;color:#75674f}.dc-track{display:flex;gap:6px;width:min(360px,86vw)}.dc-pip{flex:1;height:14px;border-radius:3px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff0f;transition:background .28s ease}.dc-pip.on{background:linear-gradient(180deg,#d8463c,#8a1f17);box-shadow:0 0 8px #d8463c80}.dc-maxed-line{font:700 12px/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ff6b6b;animation:dcPulse 1.4s ease-in-out infinite}@keyframes dcPulse{0%,to{opacity:1}50%{opacity:.4}}.dc-ops{display:flex;gap:8px;margin-top:4px}.dc-ops button{width:46px;height:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#d8cbb2;font:18px system-ui;cursor:pointer}.dc-ops button:hover:not(:disabled){border-color:#d8463c80}.dc-ops button:disabled{opacity:.3;cursor:default}