*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;background:#9fe3ff;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;touch-action:none}canvas{display:block;touch-action:none}#hud,.hud-btn,.dialogue,.modal-backdrop,.auth-popup{touch-action:none}button,input{touch-action:manipulation}.screen{touch-action:pan-y}.hidden{display:none!important}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#9fe3ff,#cdefff 45%,#ffe9f3);z-index:20;padding:20px;overflow-y:auto;overflow-x:hidden}.game-title{font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;color:#ff6fa5;text-shadow:0 3px 0 #ffffff,0 6px 12px rgba(180,90,140,.25);letter-spacing:1px}.tagline{color:#5a7a9a;font-weight:600;margin-top:-10px}.menu-btn{font-family:inherit;font-size:1.15rem;font-weight:700;color:#fff;background:#ff8fb8;border:none;border-radius:999px;padding:12px 38px;min-width:230px;box-shadow:0 4px #e06a95,0 8px 14px #0000001f;cursor:pointer;transition:transform .08s}.menu-btn:active{transform:translateY(3px);box-shadow:0 1px #e06a95}.menu-btn.primary{background:#4fb06d;box-shadow:0 4px #3a8a52,0 8px 14px #0000001f;font-size:1.25rem;padding:10px 34px}.menu-btn.primary:active{box-shadow:0 1px #3a8a52}.menu-btn.danger{background:#e97a7a;box-shadow:0 4px #c05555}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(340px,86vw)}.menu-btn.grid-btn{min-width:0;padding:10px;font-size:1.02rem}.subtitle{font-size:1.3rem;font-weight:800;color:#7a5a8a}.carousel{display:flex;align-items:center;gap:8px;max-width:100%}.carousel-arrow{font-family:inherit;font-size:2rem;font-weight:800;background:#fff;color:#ff8fb8;border:none;border-radius:50%;width:54px;height:54px;box-shadow:0 3px #e8d5e0;cursor:pointer}.carousel-arrow:active{transform:translateY(2px)}.char-card{background:#ffffffd9;border-radius:24px;padding:8px 16px 10px;width:min(300px,calc(100vw - 190px));min-width:170px;text-align:center;box-shadow:0 8px 20px #8c5a8c2e}.char-card canvas{margin:0 auto;border-radius:16px;width:132px;height:132px}.char-name{font-size:1.35rem;font-weight:800;color:#5a4a6a}.char-bio{font-size:.88rem;color:#7a6a8a;line-height:1.3;min-height:3em}.char-item{font-size:.85rem;font-weight:700;color:#4fb06d;margin-top:4px}.char-ability{font-size:.85rem;font-weight:700;color:#9a6ee0}.char-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.char-dots span{width:9px;height:9px;border-radius:50%;background:#e8d5e0}.char-dots span.active{background:#ff8fb8}.text-panel{background:#ffffffe6;border-radius:20px;padding:18px 22px;max-width:560px;color:#5a4a6a;line-height:1.45;box-shadow:0 8px 20px #8c5a8c26}.text-panel h3{color:#ff6fa5;margin-bottom:4px}.text-panel p{margin-bottom:12px}.text-panel .char-line{margin-bottom:8px}.text-panel .char-line b{color:#7a5a8a}.lang-row{display:flex;gap:10px}.lang-row .menu-btn{min-width:130px;opacity:.55}.lang-row .menu-btn.selected{opacity:1}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud>*{pointer-events:auto}.hud-counters{position:absolute;top:calc(10px + env(safe-area-inset-top));left:14px;display:flex;gap:10px;font-weight:800;font-size:1.1rem;color:#5a4a6a}.hud-counters span{background:#ffffffd9;border-radius:999px;padding:4px 14px;box-shadow:0 3px 8px #0000001f}.hud-menu-btn{position:absolute;top:calc(10px + env(safe-area-inset-top));right:14px;font-family:inherit;font-weight:700;font-size:1rem;background:#ffffffd9;color:#7a5a8a;border:none;border-radius:999px;padding:6px 18px;box-shadow:0 3px 8px #0000001f;cursor:pointer}.joy-base{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.6)}.joy-nub{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#fffc;box-shadow:0 2px 6px #0003}.hud-btn{position:absolute;font-family:inherit;font-weight:800;border:none;border-radius:999px;box-shadow:0 4px 10px #0000002e;cursor:pointer}.jump-btn{right:22px;bottom:calc(26px + env(safe-area-inset-bottom));width:74px;height:74px;font-size:1.8rem;background:#ffd23e;color:#7a5a1a}.action-btn{right:112px;bottom:calc(40px + env(safe-area-inset-bottom));min-height:52px;font-size:1.05rem;padding:8px 22px;background:#4fb06d;color:#fff}.special-btn{right:27px;bottom:calc(112px + env(safe-area-inset-bottom));width:64px;height:64px;font-size:1.5rem;background:#9a6ee0;color:#fff}.switch-btn{left:14px;bottom:calc(26px + env(safe-area-inset-bottom));min-height:44px;font-size:.95rem;padding:6px 16px;background:#ffffffd9;color:#7a5a8a}.games-list{display:flex;flex-direction:column;gap:10px;width:min(520px,92vw)}.game-row{display:flex;align-items:center;gap:8px;background:#ffffffd9;border-radius:18px;padding:10px 14px;box-shadow:0 4px 12px #8c5a8c1f}.game-row.active{outline:3px solid #ff8fb8}.game-info{flex:1;display:flex;flex-direction:column;color:#5a4a6a}.game-info small{color:#a090b0}.menu-btn.small{min-width:0;padding:8px 18px;font-size:.95rem}.menu-btn.selected{outline:3px solid #ffffff}.menu-btn:disabled{opacity:.55;cursor:default}.modal-row{display:flex;gap:10px;justify-content:center}.modal.picker{display:flex;flex-direction:column;gap:8px}.picker-row{display:flex;align-items:center;gap:10px;justify-content:flex-start}.picker-row .dot{width:18px;height:18px;border-radius:50%;border:2px solid #2b2b2b;flex:none}.hud-counters .mine{background:#ffe1ef}.auth-popup.inline{position:relative;top:auto;left:auto;transform:none;margin-top:2px}.auth-popup{position:fixed;top:calc(48px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(320px,88vw);background:#fffffff7;border-radius:16px;padding:10px 14px 12px;box-shadow:0 10px 26px #00000038;z-index:60;text-align:center}.auth-close{position:absolute;top:8px;right:10px;border:none;background:none;font-size:1.1rem;font-weight:800;color:#b0a0c0;cursor:pointer;font-family:inherit}.auth-title{font-weight:800;color:#ff6fa5;margin-bottom:6px;padding:0 14px;font-size:.92rem;line-height:1.25}.auth-content{display:flex;flex-direction:column;gap:6px;align-items:center}.auth-content input{font-family:inherit;font-size:.95rem;font-weight:600;text-align:center;color:#5a4a6a;border:2px solid #ffd0e2;border-radius:12px;padding:6px 10px;width:100%;outline:none}.auth-content input:focus{border-color:#ff8fb8}.auth-google{min-height:36px}.auth-or{color:#b0a0c0;font-weight:800;font-size:.85rem}.auth-popup .menu-btn.small{padding:6px 20px;font-size:.92rem}.auth-email{font-weight:700;color:#7a5a8a}.auth-error{color:#e05a5a;font-weight:700;font-size:.9rem;min-height:1.1em}.auth-done{color:#4fb06d;font-weight:700;padding:4px 0}.auth-wait{color:#7a6a8a;font-weight:600;font-size:.9rem;line-height:1.35;padding-bottom:4px}.auth-link{border:none;background:none;font-family:inherit;color:#5b8def;font-weight:700;font-size:.9rem;cursor:pointer;text-decoration:underline}.menu-auth{font-size:.95rem;margin-top:-2px}.dialogue{position:fixed;left:50%;transform:translate(-50%);bottom:calc(24px + env(safe-area-inset-bottom));width:min(560px,92vw);background:#fffffff2;border-radius:20px;padding:14px 20px;box-shadow:0 10px 24px #0003;z-index:30;cursor:pointer}.dialogue .speaker{font-weight:800;color:#ff6fa5}.dialogue .line{color:#5a4a6a;line-height:1.35}.dialogue .hint{font-size:.75rem;color:#b0a0c0;text-align:right}.modal-backdrop{position:fixed;inset:0;background:#5a3c5a59;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:#fff;border-radius:24px;padding:22px 26px;width:min(380px,88vw);text-align:center;box-shadow:0 14px 34px #00000040}.modal h3{color:#ff6fa5;margin-bottom:6px}.modal p{color:#7a6a8a;margin-bottom:12px}.modal input{font-family:inherit;font-size:1.2rem;font-weight:700;text-align:center;color:#5a4a6a;border:3px solid #ffd0e2;border-radius:14px;padding:8px 12px;width:100%;outline:none;margin-bottom:14px}.modal input:focus{border-color:#ff8fb8}.toast{position:fixed;left:50%;transform:translate(-50%);top:calc(64px + env(safe-area-inset-top));background:#fffffff2;color:#5a4a6a;font-weight:700;border-radius:999px;padding:10px 24px;box-shadow:0 8px 20px #0000002e;z-index:50;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-12px)}}