:root{font-family:Georgia,serif;color:#fbe6a7;background:#061e1b}*{box-sizing:border-box}html,body{margin:0;min-height:100%}.homepage{width:100%;margin:0 auto}.artwork{position:relative;width:100%;max-width:1536px;margin:auto;line-height:0}.scene{width:100%;height:auto;display:block}.account-entries{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;appearance:none;border:0;background:transparent;border-radius:1.1vw;cursor:pointer;transition:box-shadow .15s,background .15s}.hotspot:hover{box-shadow:inset 0 0 0 3px rgba(255,224,127,.95),0 0 18px rgba(255,222,120,.55);background:rgba(255,255,255,.04)}.hotspot:focus-visible{outline:4px solid #fff2a5;outline-offset:3px}.create{left:20.05%;top:61.2%;width:19.85%;height:11.4%}.parent{left:40.75%;top:61.2%;width:19.1%;height:11.4%}.junior{left:60.65%;top:61.2%;width:19.8%;height:11.4%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{border:2px solid #d8aa53;border-radius:18px;background:linear-gradient(145deg,#063e31,#00241f);color:#fff1c2;max-width:min(90vw,470px);box-shadow:0 20px 70px #000b;padding:25px}dialog::backdrop{background:#001e1ed6}dialog form{display:grid;gap:12px;font:15px system-ui,sans-serif}dialog input:not([type=checkbox]){padding:12px;border-radius:7px;border:1px solid #e0bd76;font:inherit}dialog button{padding:12px;cursor:pointer;border:1px solid #e0bd76;border-radius:7px;background:#d5aa52;color:#17271f;font-weight:700}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-top h2{margin:0;font:700 23px Georgia,serif}.dialog-top button{background:transparent;color:#fff;font-size:24px;border:0;padding:0 8px}dialog .confirm{display:flex;gap:10px;align-items:start}dialog p{line-height:1.5;margin:4px 0}dialog a{color:#ffdf91}#registerStatus{min-height:1.3em}body{background:#061e1b}
/* Account entrances sized for phones; desktop artwork and hotspots are preserved. */
.mobile-heading,.mobile-motto{display:none}
@media(max-width:700px){
 html,body{min-height:100%;background:#07382d}
 .homepage{min-height:100svh;background:radial-gradient(ellipse at center,#14523c,#062d26);padding-bottom:env(safe-area-inset-bottom)}
 .mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:2px solid #c49a50;background:#052c25;color:#f8dfa0}
 .mobile-heading a{font:bold 28px/1 Georgia,serif;color:inherit;text-decoration:none;white-space:nowrap}
 .mobile-heading small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:1.2px;margin-top:6px}
 .mobile-heading p{margin:0;text-align:right;font:italic 13px/1.4 Georgia,serif}
 .artwork{line-height:normal;max-width:none}
 .scene{display:none}
 .artwork:before{content:'';display:block;height:clamp(260px,42svh,360px);background:url('assets/approved-homepage.png') center 10%/auto 190% no-repeat;border-bottom:3px solid #c49a50}
 .account-entries{position:relative;inset:auto;display:grid;gap:12px;pointer-events:auto;padding:20px 20px 12px;max-width:500px;margin:auto}
 .hotspot{position:relative;inset:auto;width:100%;height:auto;min-height:70px;border:2px solid #d6b66c;border-radius:12px;color:#fff5dc;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:13px 16px;box-shadow:inset 0 1px 0 #fff3,0 4px 8px #001b1a66;text-align:center}
 .hotspot.create{background:linear-gradient(#a82e3c,#701e2b)}
 .hotspot.parent{background:linear-gradient(#235d7b,#123d59)}
 .hotspot.junior{background:linear-gradient(#28764d,#10472f)}
 .hotspot .sr-only{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;font:bold 19px/1.25 Georgia,serif}
 .hotspot small{display:block;font:12px/1.4 Arial,sans-serif;margin-top:5px;color:#fff0ce}
 .hotspot:hover{box-shadow:inset 0 0 0 2px #ffe2a7,0 4px 8px #001b1a66}
 .mobile-motto{display:block;text-align:center;color:#e7cd8f;margin:0;padding:9px 16px 20px;font:11px/1.5 Georgia,serif;letter-spacing:.8px}
}