/* Dosa Defense Force — tiffin kitchen command identity */
:root{--ddf-safe-top:env(safe-area-inset-top,0px);--ddf-safe-right:env(safe-area-inset-right,0px);--ddf-safe-bottom:env(safe-area-inset-bottom,0px);--ddf-safe-left:env(safe-area-inset-left,0px)}
html,body,#stage{height:100%;min-height:100%}@supports(height:100dvh){html,body,#stage{height:100dvh;min-height:100dvh}}
#stage{box-sizing:border-box;padding:var(--ddf-safe-top) var(--ddf-safe-right) var(--ddf-safe-bottom) var(--ddf-safe-left);overflow:hidden}
#frame{box-sizing:border-box;max-width:calc(100vw - var(--ddf-safe-left) - var(--ddf-safe-right));max-height:calc(100dvh - var(--ddf-safe-top) - var(--ddf-safe-bottom))}
.hud{box-sizing:border-box;padding-top:max(7px,var(--ddf-safe-top));padding-left:max(8px,var(--ddf-safe-left));padding-right:max(8px,var(--ddf-safe-right))}
.hud-btn,.icon-btn,.btn,.auth-link,.fb-btn{min-height:44px;touch-action:manipulation}.hud-btn,.icon-btn{min-width:44px!important}
button:focus-visible,a:focus-visible{outline:3px solid #fff0bd!important;outline-offset:3px!important}
.screen{box-sizing:border-box;padding:max(12px,var(--ddf-safe-top)) max(12px,var(--ddf-safe-right)) max(12px,var(--ddf-safe-bottom)) max(12px,var(--ddf-safe-left));overflow:auto;overscroll-behavior:contain}
.screen .panel{max-height:calc(100dvh - var(--ddf-safe-top) - var(--ddf-safe-bottom) - 24px);overflow:auto;overscroll-behavior:contain}
.tw-menu{box-sizing:border-box;padding-bottom:max(8px,var(--ddf-safe-bottom));max-height:calc(70dvh - var(--ddf-safe-bottom));overflow:auto;overscroll-behavior:contain}
#screen-start,#screen-menu{padding:0;background:linear-gradient(180deg,#f2d18b 0 25%,#b85d39 25% 100%);overflow:hidden}
#screen-start::before,#screen-menu::before{content:'';position:absolute;left:6%;right:6%;bottom:5%;height:62%;background:linear-gradient(90deg,#efe0b5 0 22%,#4d6a51 22% 78%,#efe0b5 78%);border:7px solid #5b3827;box-shadow:0 13px 0 #392419;clip-path:polygon(0 16%,12% 16%,12% 6%,88% 6%,88% 16%,100% 16%,100% 100%,0 100%)}
#screen-start::after,#screen-menu::after{content:'TIFFIN SERVICE  •  ORDERS  •  BATTER  •  DEFEND';position:absolute;left:max(6%,var(--ddf-safe-left));top:max(7%,var(--ddf-safe-top));padding:.42rem .7rem;background:#f4e6bf;color:#493329;border:3px solid #493329;font:900 .68rem/1 ui-monospace,monospace;letter-spacing:.12em;box-shadow:4px 4px 0 #493329}
#screen-start .panel,#screen-menu .panel{position:absolute;inset:0;width:100%;max-width:none;max-height:none;padding:0;background:transparent;border:0;box-shadow:none;text-align:left;overflow:visible}
#screen-start .tag,#screen-menu .eyebrow{position:absolute;left:max(7%,var(--ddf-safe-left));top:14%;background:#9e3e2d;color:#fff1cb;border-radius:0;padding:.3rem .6rem}
#screen-start .logo,#screen-menu h1{position:absolute;left:max(7%,var(--ddf-safe-left));top:21%;margin:0!important;max-width:54%;background:none!important;color:#fff1c6!important;font:900 clamp(3rem,8.5vw,6.2rem)/.77 Georgia,serif!important;letter-spacing:-.04em!important;text-shadow:5px 5px 0 #5a3829!important}
#screen-start .subtitle,#screen-menu .subtitle{position:absolute;left:max(7%,var(--ddf-safe-left));top:47%;width:min(42vw,500px);margin:0;padding:.65rem .75rem;background:#f0dfb5;color:#463229;border-left:6px solid #9e3e2d;font-weight:800;line-height:1.45}
#screen-start .btn,#screen-menu .menu-actions{font-family:ui-monospace,monospace}
#screen-start .btn{position:absolute;right:max(6%,var(--ddf-safe-right));width:min(30vw,335px);border-radius:0!important;border:3px solid #4c342a!important;background:#efdfb8!important;color:#3f2d25!important;box-shadow:5px 5px 0 #4c342a!important;font-weight:900!important;text-transform:uppercase}
#screen-start #btn-start{top:20%;min-height:72px;background:#9e3e2d!important;color:#fff!important}#screen-start #btn-how{top:36%}
#screen-menu .menu-actions{position:absolute;right:max(6%,var(--ddf-safe-right));bottom:max(8%,var(--ddf-safe-bottom));width:min(31vw,340px);display:grid;grid-template-columns:1fr 1fr;gap:8px}
#screen-menu .menu-actions button{min-height:50px;border-radius:0!important;border:3px solid #4b3328!important;background:#efdfb8!important;color:#403027!important;box-shadow:5px 5px 0 #4b3328!important;font:900 .68rem/1 ui-monospace,monospace!important}
#screen-menu .menu-actions button.primary{grid-column:1/-1;min-height:70px;background:#9e3e2d!important;color:#fff!important}
#screen-how .panel,#screen-pause .panel,#screen-gameover .panel,#screen-upgrades .panel,#screen-leaderboard .panel{background:#f0dfb6!important;color:#443128!important;border-radius:0!important;border:4px solid #4c342a!important;box-shadow:8px 8px 0 #9e3e2d!important;text-align:left!important}
@media(max-width:680px){#frame{max-width:100%;max-height:100%}.hud-top{gap:3px;flex-wrap:wrap}.hud-cell{min-width:0}.hud-label{font-size:.56rem}.hud-value{font-size:.82rem}#screen-start .logo,#screen-menu h1{left:max(5%,var(--ddf-safe-left));top:17%;max-width:90%;font-size:clamp(2.7rem,14vw,4.8rem)!important}#screen-start .tag,#screen-menu .eyebrow{left:max(5%,var(--ddf-safe-left));top:11%}#screen-start .subtitle,#screen-menu .subtitle{left:max(5%,var(--ddf-safe-left));top:40%;width:42%;font-size:.67rem}#screen-start .btn{right:max(4%,var(--ddf-safe-right));width:50%;min-height:44px;font-size:.62rem!important}#screen-start #btn-start{top:auto;bottom:max(18%,calc(var(--ddf-safe-bottom) + 54px));min-height:54px}#screen-start #btn-how{top:auto;bottom:max(8%,var(--ddf-safe-bottom))}#screen-menu .menu-actions{right:max(4%,var(--ddf-safe-right));bottom:max(5%,var(--ddf-safe-bottom));width:51%}.auth-row{max-width:92%;font-size:.72rem}.tw-menu{max-height:55dvh}}
@media(max-width:400px){.hud-label{display:none}.hud-value{font-size:.76rem}.hud-btn,.icon-btn{min-width:42px!important;width:42px!important}.stat-strip-menu{font-size:.68rem}#screen-start::after,#screen-menu::after{font-size:.53rem;letter-spacing:.06em}.auth-row{gap:4px}.auth-status{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-height:560px) and (orientation:landscape){#stage{overflow:auto;align-items:flex-start}#frame{height:auto;min-height:calc(100dvh - var(--ddf-safe-top) - var(--ddf-safe-bottom));max-height:none}#screen-menu{overflow:auto;padding:max(10px,var(--ddf-safe-top)) max(14px,var(--ddf-safe-right)) max(10px,var(--ddf-safe-bottom)) max(14px,var(--ddf-safe-left));align-items:flex-start;justify-content:center}#screen-menu::before{height:66%;opacity:.55}#screen-menu::after{display:none}#screen-menu .panel{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);grid-template-areas:'tag actions' 'logo actions' 'subtitle best' 'auth auth';column-gap:18px;row-gap:7px;align-items:start;padding:8px 0 12px;min-height:0;overflow:visible}#screen-menu .tag,#screen-menu .logo,#screen-menu .subtitle,#screen-menu #btn-start,#screen-menu #btn-how,#screen-menu .best-line,#screen-menu .stat-strip-menu,#screen-menu .auth-row{position:relative;inset:auto;width:auto;max-width:none;margin:0}#screen-menu .tag{grid-area:tag;justify-self:start}#screen-menu .logo{grid-area:logo;font-size:clamp(2.2rem,8.2vh,3.4rem)!important;line-height:.8!important}#screen-menu .subtitle{grid-area:subtitle;font-size:.69rem;padding:.45rem .55rem}#screen-menu #btn-start{grid-area:actions;align-self:start;justify-self:stretch;min-height:54px}#screen-menu #btn-how{grid-area:actions;align-self:end;justify-self:stretch;min-height:44px;margin-top:62px}#screen-menu .best-line{grid-area:best;align-self:end}#screen-menu .stat-strip-menu{grid-area:best;align-self:start;margin-top:36px}#screen-menu .auth-row{grid-area:auth;display:flex!important;flex-wrap:wrap;align-self:end}.screen .panel{max-height:calc(100dvh - var(--ddf-safe-top) - var(--ddf-safe-bottom) - 16px);padding:14px}.how-list{font-size:.72rem;line-height:1.25}.tw-menu{max-height:65dvh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.logo-orb,.boss-warn,.hud-combo{animation:none!important}}