/* Quán Ramen Aniki: a night ramen bar. Indigo noren dark mode, red lantern actions, gold accents,
   heavy Japanese-signboard type. */
:root {
  --bg: #171c2b; --card: #222a3e; --edge: #343e5c; --soft: #2a3350; --ink: #f6eedd; --ink2: #a7aec6;
  --coral1: #f0644c; --coral2: #d6402c; --coral3: #8f2316; --green-t: #7fd49a; --shadow: 0 6px 20px rgba(0, 0, 0, .35);
  --good: #5cc27e; --bad: #ff6b5e;
  --bar: #11151f; --tk-bg: #fbf3e2; --tk-line: #171c2b; --tk-badge: #d6402c; --tk-chip: #efe3c8; --tk-radius: 6px;
  --logo: #fbf3e2; --logo-sub: #f2c14e; --logo-edge: #b0301f; --sign-ink: #fbf3e2; --sign-ink2: #f2c14e;
  --title: 'Dela Gothic One', 'Be Vietnam Pro', sans-serif;
}
html, body { background: #0d1018; }
#title .logo { font-weight: 400; font-size: 50px; letter-spacing: 1px; text-shadow: 0 4px 0 #b0301f, 0 0 26px rgba(240, 100, 76, .55); }
#title .logo small { display: table; margin-left: auto; margin-right: auto; margin-top: 12px; padding: 6px 18px; background: #d6402c; color: #fbf3e2; border-radius: 4px; font-size: 26px; letter-spacing: 6px; text-shadow: none; box-shadow: 0 0 0 3px #171c2b, 0 0 0 5px #f2c14e; }
#title .note, .card p, .row span { color: var(--ink2); }
.btn { border-radius: 10px; box-shadow: inset 0 -3px 0 var(--b3), 0 8px 20px rgba(214, 64, 44, .35); }
.btn.big, .btn.sm { border-radius: 10px; }
.btn.big { font-weight: 400; letter-spacing: 1px; }
.btn.cream { --b1: #2f3856; --b2: #262e47; --b3: #1a2033; color: var(--ink); box-shadow: inset 0 -2px 0 var(--b3), 0 0 0 1px #3d4870; }
.btn.gold { --b1: #f7d27a; --b2: #f2c14e; --b3: #a77d14; color: #171c2b; }
.hud { color: var(--ink); border-bottom: 2px solid #d6402c; box-shadow: none; }
.chip, .iconbtn { background: var(--soft); border-color: var(--edge); color: var(--ink); }
.stars { color: #f2c14e; }
.card, .item, .recipe, .ledger, .say, .lrow { border-radius: 12px; border-color: var(--edge); }
.card.warn { background: #3a2a24; border-color: #7a4a2e; }
.card h3 .tag { background: #d6402c; color: #fbf3e2; border-radius: 4px; }
.hero { border-radius: 0 0 14px 14px; border-bottom: 2px solid #d6402c; }
.dock { border-top: 2px solid #d6402c; box-shadow: none; }
.dock button { color: var(--ink2); }
.dock button:active { background: var(--soft); }
.shiftbar { border-top: 2px solid #d6402c; }
.veil { background: rgba(5, 7, 12, .6); }
.sheet { border-radius: 18px 18px 0 0; border-top: 2px solid #d6402c; }
.sheet header h2 { font-family: var(--title); font-weight: 400; letter-spacing: .5px; }
.sheet footer { background: #1b2133; }
.sheet .x { background: var(--soft); color: var(--ink); }
.stepper button { color: var(--ink); }
.opts button.sel { background: #3a2a2a; }
.ticket { border-width: 3px; box-shadow: 0 6px 0 rgba(0, 0, 0, .35); color: #171c2b; }
.ticket::before { content: ''; position: absolute; right: 10px; top: 10px; width: 26px; height: 26px; border-radius: 4px; background: #d6402c; opacity: .85; }
.ticket .bar { border-radius: 2px; background: #e6d8ba; }
.say { color: var(--ink); }
.say .chips span { background: var(--card); color: var(--ink); }
.say.bad { background: #4a2420; color: #ffd5cf; } .say.good { background: #1f3d2c; color: #c9f2d6; }
.seg { background: var(--soft); } .seg button.on { background: #d6402c; color: #fbf3e2; }
.mecard { background: linear-gradient(#3a3020, #2c2618); border-color: #f2c14e; }
.mecard b { color: #f2c14e; } .mecard small { color: #e2d6b8; }
.mecard input, .name-input { background: var(--soft); color: var(--ink); border-color: var(--edge); }
.podium { background: #1d2436; border-color: var(--edge); }
.pod, .pod.mine, .lrow.mine { background: var(--card); }
.pod { border-color: var(--edge); }
.classic-note { background: #2a2a34; border-color: #4a4360; color: var(--ink); }
#coach .bubble { color: var(--ink); }
#toast div { background: #222a3e; color: var(--ink); }
#toast div.event { background: #3a2a1c; border-color: #f2c14e; }
#toast div.bad { background: #4a2420; }
.hero .daytag { background: rgba(17, 21, 31, .85); color: var(--ink); }
#title .logo { font-size: 42px; }
.sheet header h2 { font-size: 18px; }