.report-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:18px 0}.tabs{flex-wrap:wrap}#eventNotice{position:fixed;bottom:8px;left:50%;translate:-50% 0;background:#3d2739e8;color:#ffe6c4;font-size:14px;padding:8px 16px;border-radius:5px;z-index:8;text-align:center;max-width:95vw}#eventNotice:empty{display:none}#play:disabled{filter:grayscale(.8);opacity:.7;animation:none;cursor:default}.difficulty-picker[hidden]{display:none!important}#tutorial,#operatorDelivery{width:min(470px,94vw);text-align:center}#tutorial h2,#operatorDelivery h2{font-size:32px}#tutorial p,#operatorDelivery p{font-size:16px;line-height:1.6}#tutorial button,#operatorDelivery button{display:block;width:100%;margin-top:14px;font-size:14px;min-height:46px}#operatorDelivery input{font-size:20px;text-align:center}#deliveryError{color:#ffbba6;min-height:20px}.tutorial-demo{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px}.tutorial-demo div{width:85px;height:85px;border:4px solid #a6f495;border-bottom:7px solid #4b975d;background:#fff3c7;display:grid;place-items:center;font-size:45px;border-radius:8px;animation:tutorial-flip 3.5s ease-in-out infinite}.tutorial-demo div:nth-child(2){animation-delay:.35s}.tutorial-demo span{font-size:30px;color:#a6f495}.tutorial-demo div:before{content:'';position:absolute;inset:0;background:url('assets/moss-stone.webp') center/cover;animation:tutorial-cover 3.5s infinite}.tutorial-demo div:nth-child(2):before{animation-delay:.35s}@keyframes tutorial-cover{0%,25%,100%{opacity:1}40%,85%{opacity:0}}@keyframes tutorial-flip{0%,25%,100%{transform:rotateY(0)}35%{transform:rotateY(90deg)}45%,85%{transform:rotateY(0)}}#autoReturnLabel{font-size:13px}.report-filters input,.report-filters select{min-width:0}#admin .stats{flex-wrap:wrap}#admin .stats>div{min-width:120px}#admin input[readonly]{opacity:.8}#stockSummary{padding:12px;background:#173a35;border:1px solid #68cead55}#event .save-row{margin:16px 0}#tutorial::backdrop,#operatorDelivery::backdrop{background:#041522df}#operatorDelivery{z-index:50}#admin .tabs button{flex:1}#admin .fields>label{min-width:0}
@media(max-width:600px){.report-filters{grid-template-columns:1fr 1fr}.report-filters label:first-child{grid-column:1/-1}#admin .tabs button{flex:1 1 40%}#eventNotice{font-size:12px;width:90vw}.tutorial-demo div{width:72px;height:72px}#admin .stats>div{min-width:90px}}
@media(prefers-reduced-motion:reduce){.tutorial-demo div,.tutorial-demo div:before{animation:none}.tutorial-demo div:before{display:none}}
/* Keep controls reachable on small touch displays and dialogs. */
#admin,#result,#tutorial,#operatorDelivery{max-height:92dvh;overflow-y:auto;overscroll-behavior:contain}#tutorial .tutorial-demo div{position:relative}#stockSummary{color:#e4fff5}#reports>.secondary{margin:5px 5px 5px 0}button{touch-action:manipulation}#board{touch-action:manipulation}#eventNotice{pointer-events:none}.tile:focus-visible{outline-offset:2px}
@media(max-height:550px){.lobby .hero-art{display:none}.lobby-logo{width:60px;height:60px;margin-bottom:5px}.lobby h1{font-size:24px}.mission{margin:5px 0;font-size:11px}.difficulty-picker{margin-bottom:6px}main{padding-top:55px;padding-bottom:10px}.game-heading h2{font-size:17px;padding:5px 12px}.game-heading{gap:5px}.game{gap:7px}.counter{padding:3px 8px}.board{width:min(85vw,calc((100dvh - 195px) * 3 / var(--rows,4)))}}