*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f4f6;color:#111827}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}.screen{display:none;height:100%;width:100%}.screen.active{display:flex}.hero{margin:auto;width:min(440px,100%);padding:32px;text-align:center}.logo{font-size:72px;margin-bottom:8px}.hero h1{font-size:42px;margin:0}.hero p{color:#6b7280;margin:8px 0 32px}.primary,.secondary{border:0;border-radius:16px;padding:15px 18px;width:100%;font-weight:700;min-height:50px}.primary{background:#111827;color:white}.secondary{background:#e5e7eb;color:#111827}.hero .secondary,.hero .primary{margin-top:12px}.topbar{height:64px;display:flex;align-items:center;gap:12px;padding:0 16px;background:white;border-bottom:1px solid #e5e7eb;z-index:20}.icon-btn,.round-btn{border:0;background:#f3f4f6;border-radius:50%;width:42px;height:42px;font-size:26px}.panel{width:min(520px,100%);margin:auto;padding:20px;overflow:auto}.panel label{display:block;font-weight:650;margin-bottom:16px}.panel input:not([type=file]){display:block;width:100%;margin-top:7px;border:1px solid #d1d5db;border-radius:12px;padding:13px 14px;background:white}.panel input[type=file]{width:100%;margin:10px 0 18px}.error{color:#b91c1c;min-height:20px}.screen#screen-game{position:relative;display:none}.screen#screen-game.active{display:block}.screen#screen-game #map{position:absolute;inset:0}.map-overlay{position:absolute;top:12px;left:12px;right:12px;z-index:500}.game-chip{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.94);border-radius:16px;padding:10px 10px 10px 15px;box-shadow:0 3px 18px rgba(0,0,0,.12)}.game-chip div{display:flex;flex-direction:column}.game-chip span{font-size:12px;color:#6b7280}.bottom-sheet{position:absolute;z-index:500;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:0 -3px 20px rgba(0,0,0,.12)}.add-cat{margin-bottom:8px}.nav-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nav-row button{border:0;background:#f3f4f6;border-radius:13px;padding:9px;display:flex;flex-direction:column;gap:2px;align-items:center;color:#374151}.map-status{position:absolute;z-index:600;top:82px;left:50%;transform:translateX(-50%);background:#111827;color:white;padding:8px 12px;border-radius:999px;font-size:13px;display:none}.photo-box{height:280px;border-radius:18px;background:#e5e7eb;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:#6b7280;margin-bottom:14px}.photo-box img{width:100%;height:100%;object-fit:cover;display:none}.location-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.location-label{padding:13px;margin:12px 0;background:#f3f4f6;border-radius:12px;color:#4b5563;font-size:14px}.list{overflow:auto;padding:12px;width:min(600px,100%);margin:auto}.list-item{display:grid;grid-template-columns:76px 1fr;gap:12px;background:white;border-radius:16px;padding:10px;margin-bottom:9px}.list-item img{width:76px;height:76px;border-radius:12px;object-fit:cover}.list-item strong{display:block}.list-item small{color:#6b7280}.cat-detail{padding:16px;width:min(600px,100%);margin:auto;overflow:auto}.cat-detail img{width:100%;border-radius:18px;max-height:65vh;object-fit:cover}.detail-meta{padding:14px 2px;color:#4b5563}.toast{position:fixed;z-index:2000;bottom:140px;left:50%;transform:translateX(-50%);background:#111827;color:white;padding:10px 14px;border-radius:12px;display:none;max-width:90%;text-align:center}.leaflet-container{font:inherit}@media(min-width:700px){.bottom-sheet{left:50%;right:auto;width:420px;transform:translateX(-50%);bottom:18px;border-radius:22px}.map-overlay{left:50%;right:auto;width:420px;transform:translateX(-50%)}}html,
body {
  height: 100%;
  margin: 0;
}

#screen-game.active {
  display: block;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
}

#screen-game.active #map {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
}