/* Veranda: painted teal, oatmeal paper and terracotta accents. */
:root{--ink:#fbefd6;--gold:#e6cb9b;--panel:#244739f2;--panel2:#315243;--line:#d8c99a60;--f:'Baloo 2',ui-rounded,system-ui,sans-serif}
.plate{background:linear-gradient(135deg,#f5e4c4,#dcc092);border:1px solid #b4b497;border-radius:20px 8px 20px 8px;box-shadow:0 4px 0 #253d35,0 6px 18px #0004}
.plate .nm{font:700 15px/1.1 var(--f)}
.plate .sub{font:500 12px/1.1 var(--f)}
.plate.turn{box-shadow:inset 0 0 0 2px #ad4e35,0 4px 0 #253d35,0 6px 18px #0004}
#status.hot{background:#98482e;color:#fff0d4;border-radius:9px 15px 9px 15px;box-shadow:0 3px 0 #573726}
#status.hot::before{background:#f9d395}
#slider{background:#244439;border-radius:18px 10px;box-shadow:inset 0 0 0 1px #d1bd8855,0 4px 0 #18382d}
#slider .knob{box-shadow:0 4px 10px #0006,inset 0 0 0 3px #b65237,inset 0 0 0 6px #f7ead1}
.logo h1{font:800 64px/1 var(--f);letter-spacing:-2px}
.logo::before{content:'COME TAKE A SEAT';letter-spacing:2px}
.btn{background:#315144;border-radius:18px 8px;box-shadow:inset 0 0 0 1px #e4cf9960,0 4px 0 #193b2e}
.btn.primary{background:#e5bd82;color:#3e2a19;box-shadow:inset 0 0 0 1px #f9e8ba,0 4px 0 #8b5833}
.card{background:linear-gradient(145deg,#3d6251,#213e31);border-radius:26px 12px}
#setup,#tourS,#tricksS,#howS,#online{background:radial-gradient(ellipse at 50% 20%,#486d58fa,#203a2ffb)}
.seg{background:#1b392d}
@media(max-height:520px) and (orientation:landscape){.logo h1{font-size:47px}}
@media(max-width:380px) and (min-height:521px){.logo h1{font-size:58px}}