html,body{background:var(--ui-bg);height:100%;min-height:100dvh;color:var(--ui-text);font-family:var(--font-ui);overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;margin:0;overflow:hidden}#game{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#ui{pointer-events:none;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}#ui>*{pointer-events:auto}input,button{font-size:16px}body.wand{overflow:auto}#wand{max-width:1200px;margin:0 auto;padding:4vh 4vw}#wand h1{font-family:var(--font-hud);color:var(--hud-score);font-size:clamp(20px,4vw,48px)}.muted{color:var(--ui-muted)}.start-overlay{width:100%;min-height:100dvh;padding:2rem 1rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));background:var(--navy);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.start-brand{justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.start-title{font-family:var(--font-hud);color:var(--lemon-300);text-align:center;font-size:clamp(16px,5vw,24px);line-height:1.4}.start-tagline{font-family:var(--font-ui);color:var(--fire-300);text-align:center;margin-top:.25rem;font-size:clamp(12px,3vw,14px)}.start-subtitle{font-family:var(--font-ui);color:var(--white);text-align:center;margin-top:.25rem;font-size:clamp(12px,3vw,16px)}.start-form{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.start-form input{border:2px solid var(--ocean-300);background:var(--navy-light);color:var(--white);font-family:var(--font-ui);border-radius:8px;min-width:180px;max-width:260px;padding:.6rem .8rem}.start-form input:focus{border-color:var(--fire-500);outline:none}.start-btn{background:var(--fire-500);color:var(--white);font-family:var(--font-hud);cursor:pointer;border:none;border-radius:8px;min-width:96px;min-height:48px;padding:.6rem 1.5rem;font-size:14px}.start-btn:hover,.start-btn:active{background:var(--fire-600)}.start-error{color:var(--fire-300);text-align:center;min-height:1.2em;margin-top:.5rem;font-size:12px}.start-links{margin-top:.5rem}.start-link{color:var(--ocean-300);cursor:pointer;font-size:14px;text-decoration:none}.start-link:hover{color:var(--white)}.overlay-wrapper{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.overlay-card{background:var(--navy-light);border:2px solid var(--ocean-300);width:100%;max-width:400px;color:var(--white);font-family:var(--font-ui);border-radius:12px;max-height:80dvh;padding:1.5rem;font-size:14px;line-height:1.5;overflow-y:auto}.overlay-title{font-family:var(--font-hud);color:var(--lemon-300);margin-bottom:1rem;font-size:14px}.overlay-body p{margin:0 0 .75rem}.overlay-close{background:var(--ocean-500);color:var(--white);font-family:var(--font-ui);cursor:pointer;border:none;border-radius:6px;min-height:48px;margin-top:1rem;padding:.5rem 1rem;font-size:14px}.overlay-close:hover{background:var(--ocean-600)}#game{flex-direction:column;width:100vw;height:100dvh;min-height:100dvh;display:flex}#game canvas{width:100%;display:block}#controls{display:none}#controls.portrait{min-height:100px;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--navy);flex-direction:row;flex:1;justify-content:space-between;align-items:stretch;display:flex}#controls.landscape{pointer-events:none;padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:20;background:linear-gradient(#0000,#00244dd9);flex-direction:row;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.touch-dirs{align-items:center;gap:.5rem;display:flex}.touch-btn{border:2px solid var(--ocean-300);min-width:64px;min-height:64px;color:var(--white);font-family:var(--font-ui);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#003a6ecc;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:flex}.touch-btn:active{background:#fa4b0099}#controls.landscape .touch-btn{pointer-events:auto}.touch-jump{flex:1;max-width:200px;margin-left:.5rem;font-size:14px}.world-intro-overlay{background:var(--navy);z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;display:flex;position:fixed;inset:0}