:root{--bg: #f7f3ec;--fg: #2b2b2b;--accent: #7d5fff;--accent-soft: #d8ccff;--soft: #ece3d4;--border: #c9bba1;--danger: #d04545;--tap-min: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:18px;background:var(--bg);color:var(--fg);height:100%;overflow:hidden}#root{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}button,input,select,textarea{font-family:inherit;font-size:1rem}button{min-height:var(--tap-min);padding:.5rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:12px;cursor:pointer;touch-action:manipulation}button.secondary{background:var(--soft);color:var(--fg);border:1px solid var(--border)}button:active{transform:scale(.97)}input[type=text],input[type=email],input[type=password],textarea{min-height:var(--tap-min);width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:12px;background:#fff}.screen{width:min(640px,95vw);max-height:95vh;overflow:auto;padding:1.5rem;background:#fff;border:2px solid var(--border);border-radius:16px;box-shadow:0 8px 24px #0000000f}.screen h1{font-size:1.6rem;margin:0 0 .5rem}.screen p{line-height:1.5}.screen .field{margin-bottom:1rem}.screen .field label{display:block;margin-bottom:.4rem;font-weight:600}.screen .row{display:flex;gap:.75rem;flex-wrap:wrap}.screen .error{color:var(--danger);margin-top:.5rem}#game-root{position:relative;width:100vw;height:100vh;background:var(--bg)}#phaser-container{width:100%;height:100%}.chat-box{position:absolute;bottom:16px;left:16px;right:16px;max-width:720px;margin:0 auto;background:#fffffff5;border:2px solid var(--border);border-radius:16px;padding:12px;display:flex;gap:8px;align-items:center;box-shadow:0 8px 24px #00000014}.chat-box input{flex:1}.chat-box .mic{background:var(--accent-soft);color:var(--accent)}.chat-status{font-size:.9rem;color:#777;padding:0 4px;white-space:nowrap;min-width:80px}.cloud-bubble{position:absolute;background:#fff;border:2px solid var(--accent);border-radius:16px;padding:10px 14px;max-width:360px;font-size:1.05rem;pointer-events:none}.cloud-bubble.pop-in{animation:bubble-pop .3s ease}@keyframes bubble-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.panel-card{background:#fff;border-radius:16px;padding:1.5rem;width:min(520px,92vw);max-height:88vh;overflow:auto}.panel-card h2{margin:0 0 1rem}.panel-card .actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.hud{position:absolute;top:12px;left:12px;background:#fff;border:2px solid var(--border);border-radius:12px;padding:8px 12px;font-size:.95rem}