:root{--teal:#3dada8;--teal-dark:#1a8a8a;--gold:#f4d35e;--cream:#fff8e7;--ink:#1a1a2e;--overlay:#1a1a2e8c}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--teal-dark);width:100%;height:100%;color:var(--cream);touch-action:none;font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#game-canvas{width:100%;height:100%;display:block}#ui-root{pointer-events:none;z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}#ui-root>*{pointer-events:auto}.intro{background:radial-gradient(ellipse at center, #3dada859 0%, var(--overlay) 70%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro__title{letter-spacing:.08em;text-shadow:0 4px 0 var(--ink), 0 0 40px #f4d35e4d;margin-bottom:.25rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:800}.intro__subtitle{opacity:.85;text-align:center;max-width:28rem;margin-bottom:2.5rem;font-size:clamp(.9rem,2.5vw,1.2rem);line-height:1.5}.intro__begin{letter-spacing:.12em;border:3px solid var(--ink);background:var(--gold);color:var(--ink);cursor:pointer;box-shadow:4px 4px 0 var(--ink);border-radius:4px;padding:1rem 3rem;font-family:inherit;font-size:1.25rem;font-weight:800;transition:transform .15s,box-shadow .15s}.intro__begin:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.intro__begin:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.intro__tag{opacity:.5;font-size:.75rem;position:absolute;bottom:1.5rem}.hud{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility .4s;position:absolute;top:0;bottom:0;left:0;right:0}.hud.visible{opacity:1;visibility:visible}.hud__quest{background:var(--overlay);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #f4d35e66;border-radius:8px;max-width:90vw;padding:.75rem 1.25rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.hud__quest-title{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);margin-bottom:.25rem;font-size:.7rem}.hud__quest-text{font-size:.95rem;line-height:1.4}.hud__controls{opacity:.6;text-align:center;font-size:.75rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.hud__landmark{background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:.5rem .75rem;font-size:.8rem;position:absolute;top:1rem;right:1rem}.hud__toast{background:var(--gold);color:var(--ink);border:2px solid var(--ink);opacity:0;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;bottom:4rem;left:50%;transform:translate(-50%)translateY(1rem)}.hud__toast.show{opacity:1;transform:translate(-50%)translateY(0)}