/* Fruit Market Frenzy — bazaar-stall identity, 2026-08-30. Presentation only. */
:root{--baz-cream:#f2dfb4;--baz-ink:#2f1d10;--baz-red:#c9402f;--baz-green:#3f7d45;--baz-yellow:#efc24d;--baz-wood:#6b3d20;--baz-chalk:#ecf0dc}
body{background:linear-gradient(#6d371b,#281308 70%,#180b05)}
#stage{background:
  repeating-linear-gradient(90deg,rgba(255,226,158,.035) 0 2px,transparent 2px 86px),
  linear-gradient(#6a351a 0 14%,#31180b 14% 100%)}
.bg-glow{background:radial-gradient(ellipse at 50% 5%,rgba(255,211,77,.22),transparent 34%);animation:none}.bg-vignette{opacity:.55}
#frame{border-radius:5px;border:8px solid #4c2917;border-top-width:34px;border-bottom-width:18px;box-shadow:0 0 0 3px #8e5930,0 24px 65px rgba(0,0,0,.55)}
#frame::before{content:'आज का ताज़ा माल  •  FRESH MARKET';position:absolute;left:0;right:0;top:-27px;z-index:30;color:#f7e5b7;text-align:center;font:700 9px/1 var(--mono);letter-spacing:.13em;pointer-events:none}
canvas#game{background:#7f4a27}

.hud{padding:7px 9px 6px;background:linear-gradient(#352012,#1f120a);border-bottom:2px solid #8a5a32;box-shadow:0 4px 0 rgba(0,0,0,.2)}
.hud-cell{padding:3px 7px;border-left:1px solid #745136}.hud-label{font-size:7px;color:#c5af89;letter-spacing:.14em}.hud-value{font-size:19px;color:#f6df8c;text-shadow:none}
.hud-btn{width:32px;height:32px;border-radius:2px;background:#55321d;border:1px solid #966a42;backdrop-filter:none;box-shadow:0 3px 0 #211108}
.combo-chip{border-radius:2px;background:#c43e2e;box-shadow:0 3px 0 #672116;font-size:13px;padding:4px 8px}
.order-wrap{width:max-content;max-width:94%;margin:7px auto 0;padding:6px 10px;background:#eee2c4;color:#3b2818;border:1px solid #b9a47d;box-shadow:3px 4px 0 rgba(0,0,0,.18);transform:rotate(-.5deg)}
.order-label{color:#705c42;font:700 8px/1 var(--mono);letter-spacing:.12em}.order-count{color:#8d3428;font-size:14px}.order-fruit{font-size:20px}

.screen{padding:14px;background:
  repeating-linear-gradient(90deg,transparent 0 80px,rgba(255,236,187,.025) 81px 82px),
  rgba(32,16,7,.9);backdrop-filter:none}
.panel{max-width:410px;border-radius:2px;padding:24px 21px;background:#e9d7ae;color:var(--baz-ink);border:3px solid #714426;box-shadow:0 0 0 5px #2d190e,7px 9px 0 rgba(0,0,0,.28);text-align:left}
.tag{border:0;border-radius:0;padding:0;color:#99402e;text-shadow:none;font:800 9px/1 var(--mono);letter-spacing:.2em}
.logo{color:#3c2a17;text-shadow:none;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,9vw,50px);line-height:.82;letter-spacing:-.04em;margin:8px 0 12px}.logo span{color:#bd3c2b;text-shadow:none}.logo em{color:#477948;text-shadow:none;letter-spacing:.1em}
.subtitle{color:#69583f;font-family:Georgia,serif;line-height:1.45}.best-line{color:#706048;border-top:1px dashed #ae9870;padding-top:8px}.best-line span{color:#8e3528}
.btn{border-radius:2px;font-family:var(--mono);letter-spacing:.11em;box-shadow:0 4px 0 #796342}.btn.primary{background:#d9ad43;color:#36220f;box-shadow:0 5px 0 #86661e}.btn.primary:hover{box-shadow:0 5px 0 #86661e;filter:brightness(1.03)}.btn.ghost{background:#d5c39b;color:#37291b;border:1px solid #a28b63}.btn:active{transform:translateY(3px)}
.auth-row{align-items:flex-start;border-top:1px dashed #ad956c;padding-top:10px}.auth-status{color:#77664d}.auth-link{color:#9a3729}.controls-hint{color:#75654d;border-top:1px dashed #ad956c;padding-top:9px}kbd{border-radius:2px;background:#54321e;color:#f2dfb4;border:0}

#screen-start{background:
  linear-gradient(180deg,transparent 0 12%,rgba(26,12,5,.82) 12%),
  repeating-linear-gradient(90deg,#c84433 0 42px,#f0d06c 42px 84px)}
#screen-start::before{content:'';position:absolute;left:5%;right:5%;bottom:4%;height:14%;background:
  linear-gradient(90deg,#75401f 0 17%,#5f3218 17% 34%,#7d4925 34% 52%,#63351a 52% 69%,#80502a 69% 86%,#63351a 86%);border-top:5px solid #a36e3e;box-shadow:0 -8px 20px rgba(0,0,0,.2)}
#screen-start .panel{position:relative;margin-top:8%;transform:rotate(.35deg)}
#screen-start .panel::before{content:'RATE BOARD';position:absolute;right:-17px;top:24px;background:#26372a;color:#e8edd6;padding:7px 9px;border:4px solid #74482b;box-shadow:3px 4px 0 rgba(0,0,0,.18);font:700 8px/1 var(--mono);letter-spacing:.12em;transform:rotate(2deg)}
#screen-start .panel::after{content:'🍎  ₹ / kg\A🍊  fresh\A🍇  today';white-space:pre;position:absolute;right:-13px;top:55px;color:#d9e2ce;background:#26372a;padding:8px 9px;border:4px solid #74482b;border-top:0;font:12px/1.6 Georgia,serif;transform:rotate(2deg)}
#screen-start .btn.primary{width:66%}

#screen-how .panel{background:#ede0bd;transform:rotate(-.3deg)}
#screen-how .panel::before{content:'STALL NOTES';display:block;width:max-content;margin-bottom:10px;padding:4px 7px;background:#314535;color:#edf1dd;font:700 8px/1 var(--mono);letter-spacing:.15em}.screen-title{color:#392719;text-shadow:none;font-family:Georgia,serif;text-align:left}.how-list{color:#665842}.how-list b{color:#3e5d40}.how-list li{border-bottom:1px dashed #b3a078;padding-bottom:7px}.how-list li::before{color:#a3412d}

#screen-pause .panel{background:#2e412f;color:#edf0df;border-color:#8b6e42}#screen-pause .screen-title{color:#edf0df}
#screen-pause .panel::before{content:'TEA BREAK';display:block;color:#d9c477;font:800 9px/1 var(--mono);letter-spacing:.24em;margin-bottom:12px}
#screen-pause .btn.ghost{background:#3b513d;color:#edf0df;border-color:#71806b}

#screen-gameover .panel{max-width:430px;background:#e8d8b5}#screen-gameover .screen-title{color:#8e3528;text-shadow:none}
#screen-gameover .panel::before{content:'STALL LEDGER • DAY CLOSED';display:block;background:#303f31;color:#edf0df;padding:6px 8px;margin-bottom:12px;font:800 8px/1 var(--mono);letter-spacing:.14em}
.stat-row{border-bottom:1px dashed #ae9871}.stat-row span{color:#756149}.stat-row b{color:#8e3528}.new-best{color:#477948;text-shadow:none;animation:none}
.leaderboard{border-top:1px solid #ad986f;padding-top:10px}.lb-title{color:#6f6049}.lb-list li{border-radius:0;border-bottom:1px dotted #b9a77e}.lb-name{color:#4c4032}.lb-rank,.lb-pts{color:#8d3b2c}
.nn-score-nudge{border-radius:2px;background:#d8c69e;border-color:#a78d62;color:#45382a}.nn-nudge-signup{border-radius:2px;background:#d6ad45;color:#33200f}.nn-nudge-later{border-radius:2px;border-color:#a48d68;color:#66563f}

.flash{mix-blend-mode:screen}
@media(max-height:580px){#screen-start .panel{margin-top:2%}#screen-start .panel::before,#screen-start .panel::after{display:none}}
@media(max-width:430px){#frame{border-width:5px;border-top-width:28px;border-bottom-width:12px}#frame::before{top:-22px;font-size:7px}.panel{padding:18px 16px}.hud-cell{padding:2px 4px}.hud-label{font-size:6px}.hud-value{font-size:16px}.hud-btn{width:29px;height:29px}.order-wrap{padding:4px 7px}.order-label{font-size:7px}#screen-start .panel::before,#screen-start .panel::after{display:none}#screen-start .btn.primary{width:100%}}
@media(prefers-reduced-motion:reduce){.screen.active,.hud-value.low,.hud-value.flash{animation:none!important}}

/* 2026-09-10 — device-fit/accessibility layer; bazaar identity and gameplay remain intact. */
:root{--fmf-safe-l:max(8px,env(safe-area-inset-left,0px));--fmf-safe-r:max(8px,env(safe-area-inset-right,0px));--fmf-safe-t:max(8px,env(safe-area-inset-top,0px));--fmf-safe-b:max(8px,env(safe-area-inset-bottom,0px))}
#frame{height:min(100%,calc(100dvh - var(--fmf-safe-t) - var(--fmf-safe-b)));max-width:calc(100vw - var(--fmf-safe-l) - var(--fmf-safe-r));max-height:calc(100dvh - var(--fmf-safe-t) - var(--fmf-safe-b))}
.hud{padding-top:max(7px,var(--fmf-safe-t));padding-left:max(9px,var(--fmf-safe-l));padding-right:max(9px,var(--fmf-safe-r))}
.hud-btn{width:44px;height:44px;min-width:44px;min-height:44px}.btn,.auth-link,.nn-nudge-signup,.nn-nudge-later{min-height:44px}button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid #fff1bd;outline-offset:3px}canvas#game{outline:none}
.screen{padding:max(14px,var(--fmf-safe-t)) max(14px,var(--fmf-safe-r)) max(14px,var(--fmf-safe-b)) max(14px,var(--fmf-safe-l));overflow:auto}
.screen .panel{max-height:calc(100dvh - var(--fmf-safe-t) - var(--fmf-safe-b) - 28px);overflow:auto}
@media(max-width:430px){
  #frame{width:auto;height:min(100%,calc(100dvh - var(--fmf-safe-t) - var(--fmf-safe-b)));max-width:calc(100vw - var(--fmf-safe-l) - var(--fmf-safe-r));border-left-width:5px;border-right-width:5px}
  .hud-row{gap:4px}.hud-group{gap:4px}.hud-cell{padding:2px 3px}.hud-value{font-size:15px}.combo-chip{font-size:12px;padding:4px 6px}.order-wrap{max-width:calc(100% - var(--fmf-safe-l) - var(--fmf-safe-r))}
  #screen-start .panel{margin-top:2%;transform:none}.panel{padding:16px 14px}.logo{font-size:clamp(29px,10vw,42px)}.subtitle{margin-bottom:14px}.auth-row,.controls-hint{margin-top:10px}
}
@media(max-width:350px){.hud-label{display:none}.combo-chip{font-size:11px}.order-label{letter-spacing:.08em}.panel{padding:14px 12px}}
@media(max-height:620px) and (orientation:landscape){
  #frame{height:calc(100dvh - var(--fmf-safe-t) - var(--fmf-safe-b));width:auto;max-height:100%}.screen{align-items:flex-start}.screen .panel{margin:auto;padding:12px 14px}.tag,.controls-hint{display:none}.logo{font-size:clamp(25px,8vh,34px);margin:4px 0 7px}.subtitle{margin-bottom:8px}.btn{padding:9px;margin-bottom:6px}.auth-row{margin-top:6px;padding-top:6px}.leaderboard{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}