*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#1a2430;width:100%;height:100%;overflow:hidden}body{color:#eef3f8;-webkit-user-select:none;user-select:none;font-family:"Source Serif 4",Libre Baskerville,Georgia,Times New Roman,serif}.app{width:100%;height:100%;position:relative}.canvas-wrap{position:absolute;inset:0}.overlay{z-index:20;cursor:pointer;text-align:center;background:linear-gradient(#0e1c3033 0%,#0c18289e 55%,#08101ce0 100%),radial-gradient(at 50% 30%,#3878b447,#0000 55%),linear-gradient(#8eb4d4 0%,#9aadb8 48%,#5a6874 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding:0 1.5rem 12vh;display:flex;position:absolute;inset:0}.overlay h1{letter-spacing:.01em;color:#f4f8fc;text-shadow:0 2px 24px #00000073;margin-bottom:.55rem;font-size:clamp(2.4rem,6.5vw,4rem);font-weight:600;animation:1.1s ease-out both rise-in}.overlay p{color:#e2eaf4eb;text-shadow:0 1px 10px #0006;max-width:28rem;margin-bottom:1.6rem;font-family:Segoe UI,system-ui,sans-serif;font-size:1.02rem;line-height:1.55;animation:1.1s ease-out .12s both rise-in}.overlay .cta{color:#16324e;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#f4f8fcf0;border:none;border-radius:2px;padding:.8rem 1.75rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.95rem;font-weight:600;animation:1.1s ease-out .22s both rise-in;display:inline-block;box-shadow:0 8px 28px #00000040}.overlay .hint{color:#c8d6e6c7;letter-spacing:.04em;margin-top:1.35rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.8rem;animation:1.1s ease-out .32s both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.crosshair{z-index:10;pointer-events:none;opacity:.7;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffe6;position:absolute;box-shadow:0 0 3px #0000008c}.crosshair:before{width:1.5px;height:100%;top:0;left:50%;transform:translate(-50%)}.crosshair:after{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.hud-bottom{z-index:10;pointer-events:none;text-align:center;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.controls-hint{color:#ffffffa6;text-shadow:0 1px 4px #000000bf;letter-spacing:.05em;font-family:Segoe UI,system-ui,sans-serif;font-size:.75rem}.prompt{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0f4e8;background:#0a120c8c;border:1px solid #dce6c82e;border-radius:3px;margin-bottom:.65rem;padding:.5rem 1rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.9rem}.inspect-panel{z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#0c120ee0;border:1px solid #c8d7af38;border-radius:4px;width:min(22rem,100vw - 2rem);padding:1.4rem 1.5rem;animation:.35s ease-out both rise-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0006}.inspect-panel h2{color:#e8f0d4;margin-bottom:.55rem;font-size:1.3rem;font-weight:600}.inspect-panel p{color:#c0cbb4;margin-bottom:1.1rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.92rem;line-height:1.5}.inspect-panel button{color:#1e3218;letter-spacing:.03em;cursor:pointer;background:#f4f7efeb;border:none;border-radius:2px;padding:.45rem 1rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.82rem;font-weight:600}.inspect-panel button:hover{background:#fff}.pause-banner{z-index:12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e4ecd8;pointer-events:none;background:#0a120c99;border-radius:3px;padding:.5rem 1.1rem;font-family:Segoe UI,system-ui,sans-serif;font-size:.85rem;position:absolute;top:1.3rem;left:50%;transform:translate(-50%)}