/* Kapital Karts 1.9.0 — discoverable app installation and mobile display controls. */
.app-display-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
  pointer-events:auto;
}
.app-display-actions .install-app-entry,
.app-display-button,
.app-display-open {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex:1 1 135px;
  min-height:46px;
  min-width:0;
  width:auto;
  margin:0;
  padding:10px 12px;
  border:1px solid rgba(23,60,52,.24);
  border-radius:6px;
  background:rgba(247,244,233,.88);
  color:var(--ink,#173c34);
  text-align:center;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  touch-action:manipulation;
}
.app-display-actions .install-app-entry { background:#e6ecdc; }
.app-display-actions #install-app-btn { background:#e6ecdc; }
.app-display-actions .install-app-entry small { display:none; }
.home-start .app-display-actions { margin:0 0 8px; }
.home-start .app-display-button { flex:1 1 0; }
.home-start .app-display-button>span { min-width:0; }
.app-display-actions svg,.app-display-button svg { width:18px;height:18px; }
.app-display-button[aria-pressed="true"] { background:#dbe8d3;border-color:#607a58; }
.app-display-open { flex-basis:100%;background:transparent;font-weight:500;text-decoration:underline;text-underline-offset:3px; }
.app-display-actions [hidden],.app-display-dialog [hidden],[data-app-install][hidden],[data-app-open][hidden] { display:none!important; }
.pause-dialog .app-display-actions { margin-top:4px;padding-top:10px;border-top:1px solid var(--line,rgba(23,60,52,.17)); }
.pause-dialog .app-display-button,.pause-dialog [data-app-install] { flex-basis:115px;font-size:11px; }
.top-actions #fullscreen-btn { display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px; }
html:fullscreen { background:#173c34; }
html:-webkit-full-screen { background:#173c34; }
.app-display-dialog {
  width:460px;
  max-width:calc(100vw - 28px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
  max-height:calc(100vh - 32px);
  max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
  padding:28px;
  margin:auto;
  background:var(--paper,#f7f4e9);
  color:var(--ink,#173c34);
  overflow:auto;
  overscroll-behavior:contain;
  touch-action:auto;
}
.app-display-dialog>.eyebrow { margin:0 0 12px;font-size:9px;font-weight:700;letter-spacing:1.7px; }
.app-display-dialog h2 { margin:0;font:400 30px/1.13 Georgia,serif;letter-spacing:-.7px; }
.app-display-dialog>p:not(.eyebrow) { font-size:13px;line-height:1.55; }
.app-display-dialog #app-display-intro { margin:15px 0 18px;color:#4e6457; }
.app-display-steps { margin:0;padding:0 0 0 22px;font-size:13px;line-height:1.55; }
.app-display-steps li { padding:0 0 10px 3px; }
.app-display-steps li::marker { color:#995234;font-weight:700; }
.app-display-dialog .app-display-note { margin:8px 0 18px;padding:12px;border:1px solid #c5d1b9;border-radius:6px;background:#e9eedf;font-size:11px; }
.app-display-dialog-actions { display:flex;gap:8px;flex-wrap:wrap; }
.app-display-dialog-actions>.button { flex:1 1 150px;min-height:46px;height:auto;white-space:normal;text-align:center;padding:12px 16px;font-size:12px;text-decoration:none; }
.app-display-dialog:not([open]) { display:none; }
@media(max-width:700px) and (orientation:portrait) {
  .top-actions #fullscreen-btn { display:inline-flex;min-width:44px;min-height:44px; }
  .app-display-actions { gap:7px;margin-top:10px; }
}
@media(max-width:360px) {
  .app-display-actions .install-app-entry,.app-display-button { padding:9px 8px;font-size:11px;flex-basis:120px; }
  .app-display-dialog { padding:22px; }
  .app-display-dialog h2 { font-size:27px; }
}
@media(max-height:480px) and (orientation:landscape) {
  .app-display-dialog { width:560px;padding:20px 24px; }
  .app-display-dialog h2 { font-size:26px; }
  .app-display-dialog #app-display-intro { margin:10px 0 12px; }
  .app-display-steps { font-size:12px; }
  .app-display-steps li { padding-bottom:6px; }
}