:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#020914;color:#eefaff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}.find-game{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.55rem;width:100%;height:100%;padding:calc(.55rem + env(safe-area-inset-top)) max(.55rem,env(safe-area-inset-right)) calc(.55rem + env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left));background:radial-gradient(circle at 50% 28%,#123b4a 0,#061827 38%,#020914 74%)}.find-hud{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:.5rem}.find-hud>a,.find-hud>button,.find-actions button,.find-feedback button{min-height:44px;border:1px solid #427487;border-radius:12px;background:#0b2635;color:#e8fbff;text-decoration:none;cursor:pointer}.find-hud>a{display:grid;place-items:center;padding:0 .8rem}.find-hud>div{display:grid;text-align:center}.find-hud small,.find-question small{color:#7fcde3;font-size:.65rem;font-weight:850;letter-spacing:.12em}.find-hud strong{font-size:1.05rem}.find-hud>button{width:44px}.find-question{text-align:center}.find-question h1{margin:.1rem 0;color:#fff0b9;font-size:clamp(1.3rem,4.5vw,2rem)}.find-question p{margin:.1rem;color:#a7c1ca;font-size:.8rem}.find-map-shell{position:relative;min-height:0;overflow:hidden;border:1px solid #315b6b;border-radius:20px;background:#020813;box-shadow:0 15px 50px #0008,inset 0 0 45px #0c405855}#findMap{width:100%;height:100%;min-height:280px}.find-loading{position:absolute;inset:0;display:grid;place-items:center;background:#03101de6;color:#bcefff;font-weight:800;z-index:5}.find-loading[hidden]{display:none}.find-map-tip{position:absolute;left:50%;bottom:.55rem;z-index:2;transform:translateX(-50%);padding:.35rem .6rem;border-radius:99px;background:#03111dcc;color:#b1cbd4;font-size:.67rem;white-space:nowrap;pointer-events:none}.find-actions{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;gap:.45rem}.find-actions button{padding:.55rem}.find-actions .find-primary,.find-feedback .find-primary{border-color:#e4b84f;background:linear-gradient(145deg,#936c15,#4c3508);color:#fff4c9;font-weight:850}.find-actions button:disabled{opacity:.4;cursor:not-allowed}.find-feedback{position:fixed;z-index:20;left:50%;bottom:calc(.75rem + env(safe-area-inset-bottom));width:min(92vw,560px);transform:translateX(-50%);padding:1rem;border:1px solid #d4ad4b;border-radius:18px;background:#071b28f2;box-shadow:0 15px 60px #000c;text-align:center}.find-feedback strong{color:#ffe18b;font-size:1.25rem}.find-feedback p{color:#c0d5dc;line-height:1.45}.find-feedback button{padding:.65rem 1rem}dialog{width:min(90vw,520px);border:1px solid #5392a8;border-radius:20px;background:#092131;color:#eafaff;box-shadow:0 20px 80px #000}dialog::backdrop{background:#010812cc}dialog button{float:right;border:0;background:transparent;color:#fff;font-size:1.8rem;cursor:pointer}@media(max-width:520px){.find-actions{grid-template-columns:1fr 1fr}.find-actions #findMark{grid-column:1/-1}.find-map-tip{font-size:.6rem}}
.find-feedback{max-height:65dvh;overflow-y:auto;overscroll-behavior:contain}
.find-feedback details{text-align:left;margin:.7rem 0;font-size:.82rem}
.find-feedback summary{cursor:pointer;color:#ffe18b;padding:.5rem}
.find-feedback a{display:inline-block;color:#bcefff;margin:.8rem}
#findHighscoreForm label{display:block;margin:.6rem 0}
#findHighscoreForm>div{display:flex;gap:.5rem;flex-wrap:wrap}
#findHighscoreForm input{flex:1;min-width:120px;width:100%;border:1px solid #5392a8;border-radius:10px;background:#03101d;color:#fff;padding:.65rem;font:inherit}
#findHighscoreForm button:disabled{opacity:.5}
.find-setup{overflow-y:auto}
.find-setup nav small{font-size:.6rem;letter-spacing:.03em;margin-top:.3rem}

#findScoringExplanation table{width:100%;border-collapse:collapse;margin:.5rem 0 1rem;font-size:.8rem}
#findScoringExplanation td{padding:.3rem .5rem;border-bottom:1px solid #315b6b}
#findScoringExplanation tr:first-child{color:#ffe18b;font-weight:700}