/* TriPanic: Typhoon v0.10.1 - clutter-free HUD and home screen.
   Presentation only. Never affects server authority, speech, PANIC or legal cards. */
/* Main menu: ship backdrop is the hero; actionable destinations are the content. */
#tymp-root .ty93-home-main.ty101-home-main{
 display:flex!important;align-items:center!important;justify-content:flex-start!important;
 width:100%;min-height:clamp(350px,61vh,600px);padding:10px clamp(4px,2vw,24px);
 margin:0!important;gap:0!important;
}
#tymp-root .ty101-home-actions{
 grid-template-columns:1fr!important;
 width:min(450px,100%)!important;max-width:450px!important;align-self:center!important;
 border:1px solid rgba(123,186,218,.45);background:linear-gradient(125deg,rgba(8,21,41,.90),rgba(9,17,36,.82));
 padding:clamp(12px,1.75vw,23px)!important;gap:12px!important;
}
#tymp-root .ty101-home-actions .ty93-tile{min-height:74px!important}
#tymp-root .ty101-home-actions .ty93-tile-copy small{color:#c1d3e9}
#tymp-root .ty93-home-main.ty101-home-main .ty93-intro,
#tymp-root .ty100-hub-readout{display:none!important}
/* Put transient notices in a side HUD, not over the draw/discard pile. */
#toast{
 position:fixed!important;left:auto!important;right:clamp(10px,2.4vw,34px)!important;
 top:clamp(115px,16vh,145px)!important;bottom:auto!important;
 width:max-content;max-width:min(310px,calc(100vw - 20px));min-width:0;
 border-radius:11px!important;padding:8px 12px!important;
 line-height:1.3;font-size:clamp(11px,1vw,13px)!important;
 white-space:normal;overflow-wrap:anywhere;text-align:left;
 transform:translateY(-9px)!important;
 transition:opacity .18s, transform .18s!important;
 box-shadow:0 9px 22px #03071cc9!important;
 pointer-events:none!important;z-index:85!important;
}
#toast.show{transform:translateY(0)!important}
/* Mid-sized screens preserve a gap below the piles. */
@media(max-width:1100px){
}
/* On compact phones use the dedicated status strip between board and hand; never cover either pile. */
@media(max-width:900px){
 #tymp-root .ty93-home-main.ty101-home-main{min-height:0;justify-content:center;padding:10px 0}
 #tymp-root .ty101-home-actions{grid-template-columns:1fr!important;max-width:min(510px,100%)!important}
 #toast{top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 48px)!important;right:10px!important;
  max-width:min(260px,55vw);font-size:11px!important}
}
/* Short landscape phones have very little vertical room. Keep notification smaller than a card label. */
@media (orientation:landscape) and (max-height:620px){
 #toast{top:clamp(40px,11vh,60px)!important;bottom:auto!important;
  max-width:min(200px,28vw);padding:5px 7px!important;font-size:10px!important}
 #tymp-root .ty93-home-main.ty101-home-main{justify-content:flex-start;min-height:0!important;padding:0!important}
 #tymp-root .ty101-home-actions{grid-template-columns:1fr!important;width:min(380px,65vw)!important;gap:5px!important;padding:8px!important}
 #tymp-root .ty101-home-actions .ty93-tile{min-height:52px!important}
}
@media(prefers-reduced-motion:reduce){#toast{transition:none!important}}