/* Legacy iPad Safari compatibility */
.grid,.missions{display:block;}
.grid:after,.missions:after{content:"";display:block;clear:both;}
.grid .tile,.missions form{display:block;width:48%;float:left;margin:1%;}
.tile{min-height:180px;}
@media(max-width:650px){
  .grid .tile,.missions form{width:100%;float:none;margin:10px 0;}
}
@supports (display:grid){
  .grid,.missions{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .grid .tile,.missions form{width:auto;float:none;margin:0;}
  @media(max-width:650px){.grid,.missions{grid-template-columns:1fr;}}
}

*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(135deg,#143a57,#2d795f);color:#fff;min-height:100vh}.wrap{max-width:1050px;margin:auto;padding:22px}.brand{text-align:center;margin:12px}.brand h1{font-size:42px;margin:0}.grid,.missions{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tile,.mission,.panel{background:#fffffff2;color:#173044;border-radius:26px;padding:22px;box-shadow:0 10px 28px #0004}.tile{text-align:center;font-size:30px;min-height:190px;display:flex;flex-direction:column;justify-content:center;text-decoration:none}.bigemoji{font-size:72px}.mission{border:0;width:100%;font-size:21px;min-height:130px}.mission.done{background:#c9f4d6}.progress{height:34px;background:#dbe5e8;border-radius:20px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,#ffd34e,#6bdc7d)}.stat{text-align:center;font-size:28px;font-weight:800;margin:12px}.top{display:flex;justify-content:space-between;align-items:center;gap:10px}.btn,button{background:#256a8c;color:white;border:0;border-radius:15px;padding:13px 18px;font-weight:800;font-size:17px;text-decoration:none}input,select,textarea{width:100%;padding:13px;margin:6px 0 12px;border-radius:12px;border:1px solid #ccd;font-size:17px}.narrow{max-width:520px;margin:60px auto}.history{display:flex;gap:8px;flex-wrap:wrap}.day{background:#fff;color:#222;border-radius:14px;padding:10px;font-size:26px}.adminnav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}@media(max-width:650px){.grid,.missions{grid-template-columns:1fr}.wrap{padding:12px}}