*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,SF Pro Rounded,Segoe UI,sans-serif;background:#6ba3d6;user-select:none;-webkit-user-select:none}#app{width:100%;height:100dvh;position:relative;overflow:hidden}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.hud{position:absolute;inset:0;pointer-events:none;z-index:20;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.counter{position:absolute;top:calc(16px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));background:#ffffffeb;color:#2c3e6b;font-size:28px;font-weight:800;padding:10px 20px;border-radius:20px;box-shadow:0 4px 12px #00000026;min-width:80px;text-align:center}.phrase{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;color:#2c3e6b;font-size:32px;font-weight:800;padding:20px 36px;border-radius:24px;box-shadow:0 8px 24px #0003;animation:phrase-pop .4s ease;text-align:center;z-index:25}@keyframes phrase-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}70%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.back-btn{position:absolute;top:calc(16px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));width:52px;height:52px;border:none;border-radius:16px;background:#ffffffeb;color:#2c3e6b;font-size:24px;font-weight:800;box-shadow:0 4px 12px #00000026;pointer-events:auto;cursor:pointer}.tap-prompt{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#6ba3d6d9;pointer-events:auto;cursor:pointer}.tap-prompt-inner{background:#fff;color:#2c3e6b;font-size:28px;font-weight:800;padding:24px 40px;border-radius:28px;box-shadow:0 8px 32px #0003;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hub-overlay{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hub-panel{pointer-events:auto;background:linear-gradient(to top,#fffffff7,#ffffffe0);border-radius:28px 28px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));max-height:48vh;overflow-y:auto;box-shadow:0 -8px 32px #0000001f}.hub-title{font-size:26px;font-weight:800;color:#2c3e6b;text-align:center;margin-bottom:4px}.hub-subtitle{font-size:15px;color:#5a6f8a;text-align:center;margin-bottom:16px}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.world-card,.game-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:88px;padding:14px 10px;border:none;border-radius:20px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .15s ease}.world-card:active,.game-card:active{transform:scale(.96)}.world-card .emoji,.game-card .emoji{font-size:32px;margin-bottom:4px}.game-card small{font-size:11px;opacity:.9;margin-top:4px;font-weight:500}.world-card.locked,.game-card.locked{opacity:.5;cursor:not-allowed}.hub-back-btn{display:block;margin:12px auto 0;padding:12px 24px;border:none;border-radius:16px;background:#2c3e6b;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.number-flash{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:96px;font-weight:900;color:#f5d042;text-shadow:0 4px 0 #3d2314,0 0 20px rgba(245,208,66,.8);pointer-events:none;z-index:22;animation:number-pop .8s ease forwards}@keyframes number-pop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}40%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-80%) scale(1);opacity:0}}.color-palette{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:10px;padding:12px 16px;background:#fffffff2;border-radius:20px;box-shadow:0 4px 16px #00000026;pointer-events:auto;z-index:18}.color-swatch{width:48px;height:48px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px #0003;cursor:pointer}.color-swatch.selected{outline:3px solid #2c3e6b;transform:scale(1.1)}.paint-tools{position:absolute;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto;z-index:18}.paint-tool-btn{padding:10px 18px;border:none;border-radius:14px;background:#fff;color:#2c3e6b;font-weight:700;font-size:14px;box-shadow:0 2px 8px #0000001f;cursor:pointer}.paint-tool-btn.active{background:#6ba3d6;color:#fff}.check-btn{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));width:72px;height:72px;border:none;border-radius:50%;background:#2ecc71;color:#fff;font-size:36px;font-weight:900;box-shadow:0 4px 16px #2ecc7180;pointer-events:auto;z-index:18;animation:check-bounce 1s ease-in-out infinite;cursor:pointer}@keyframes check-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cooking-steps{position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:90%;pointer-events:auto;z-index:18}.cooking-btn{padding:12px 16px;border:none;border-radius:14px;background:#fff;color:#2c3e6b;font-weight:700;font-size:14px;box-shadow:0 2px 8px #0000001f;cursor:pointer}.hidden{display:none!important}.median-app .hub-panel{max-height:42vh}