:root{--ink:#1f2a37;--muted:#5b6878;--paper:#fff;--sea:#2f8fd6;--sea-dark:#1f6fb0;--sun:#ffd84a;--coral:#f2683c;--line:#1f2a371f;--shadow:0 6px 18px #1432502e;--radius:18px;color:var(--ink);font-family:Fredoka,ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#9edcf3;height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;width:100%;height:100%;display:block}#ui{pointer-events:none;position:fixed;inset:0}#ui>*,.layer>*{pointer-events:auto}.layer{position:absolute;inset:0;pointer-events:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.hidden{display:none!important}.top{top:max(12px, env(safe-area-inset-top));justify-content:space-between;gap:8px;display:flex;position:absolute;left:12px;right:12px;pointer-events:none!important}.top>*{pointer-events:auto}.pill{background:var(--paper);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 6px;font-size:17px;font-weight:600;display:inline-flex}.pill.points{font-variant-numeric:tabular-nums;padding:6px 14px}.pill.bump{animation:.5s bump}@keyframes bump{40%{background:var(--sun);transform:scale(1.18)}}.avatar{background:var(--sun);border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.zoom{right:12px;top:calc(max(12px, env(safe-area-inset-top)) + 60px);flex-direction:column;gap:8px;display:flex;position:absolute}.round{background:var(--paper);width:46px;height:46px;box-shadow:var(--shadow);border-radius:50%;font-size:26px;font-weight:600;line-height:1}.mode,.enter{right:12px;bottom:max(16px, env(safe-area-inset-bottom));background:var(--sea);color:#fff;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:18px;font-weight:600;display:inline-flex;position:absolute}.enter{right:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 64px);background:var(--coral);text-align:left;max-width:calc(100% - 160px);animation:.25s pop}.emoji{font-size:20px}.joystick{left:20px;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 4px);touch-action:none;background:#ffffff59;border:3px solid #fffc;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute}.knob{width:54px;height:54px;box-shadow:var(--shadow);pointer-events:none;background:#fff;border-radius:50%}.gil{left:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 64px);align-items:flex-end;gap:6px;max-width:min(420px,100% - 24px);display:flex;position:absolute}.joy .gil{bottom:auto;top:calc(max(12px, env(safe-area-inset-top)) + 58px);max-width:min(380px,100% - 80px)}.joy .gil .gil-bird{flex-basis:48px;width:48px;height:48px}.gil-bird{filter:drop-shadow(0 4px 6px #0003);flex:0 0 64px;width:64px;height:64px}.gil-bird svg{width:100%;height:100%}.bubble{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;margin-bottom:14px;padding:10px 14px;font-size:15px;line-height:1.35;position:relative}.bubble:before{content:"";border:8px solid #0000;border-right-color:var(--paper);border-left:0;position:absolute;bottom:12px;left:-8px}.bubble strong{color:var(--sea-dark);font-size:13px;display:block}.bubble p{margin:2px 0 0}.gil-close{background:#ffffffd9;border-radius:50%;flex:0 0 28px;align-self:flex-start;width:28px;height:28px;font-size:18px;line-height:1}.gil.closed .bubble,.gil.closed .gil-close{display:none}.gil.pop .bubble{animation:.3s pop}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.96)}}.toast{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 64px);background:var(--ink);color:#fff;box-shadow:var(--shadow);text-align:center;z-index:5;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:500;position:absolute;transform:translate(-50%);pointer-events:none!important}.backdrop{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:#14283c59;justify-content:center;align-items:flex-end;animation:.2s fade;display:flex;position:absolute;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--paper);width:min(440px,100%);max-height:calc(100% - 24px);box-shadow:var(--shadow);touch-action:pan-y;border-radius:24px;padding:20px;animation:.25s pop;position:relative;overflow:hidden auto}.sheet.wide{width:min(860px,100%)}.sheet-close{z-index:2;background:#eef3f7;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1;position:absolute;top:10px;right:10px}.card h2,.wardrobe h2{margin:0;padding-right:40px;font-size:22px}.card p{color:var(--muted);font-size:16px;line-height:1.4}.card-head{align-items:center;gap:12px;display:flex}.card-icon{font-size:34px}.card .attempts{color:var(--ink);background:#fff6d6;border-radius:12px;padding:8px 12px;font-weight:500}.card .owned{color:#227a3d;font-weight:600}.btn{text-align:center;background:#eef3f7;border-radius:16px;width:100%;margin-top:10px;padding:14px 18px;font-size:17px;font-weight:600;display:block}.btn.primary{background:var(--sea);color:#fff}.btn:disabled{opacity:.5;cursor:default}.btn.big{padding:16px;font-size:20px}.soon{text-align:center}.gil-big{width:96px;height:96px;margin:0 auto 8px}.gil-big svg{width:100%;height:100%}.wardrobe-body{grid-template-columns:1fr;gap:12px;margin-top:10px;display:grid}.wardrobe-body>*{min-width:0}.preview{background:radial-gradient(circle at 50% 70%,#fff6d6,#bfe6f7);border-radius:18px;width:100%;height:200px;display:block}.tabs{touch-action:pan-x;scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.tab{background:#eef3f7;border-radius:999px;flex:none;padding:8px 14px;font-weight:500}.tab.on{background:var(--ink);color:#fff}.items{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:10px;display:grid}.item{text-align:center;background:#f6f8fa;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:13px;line-height:1.15;display:flex}.item.on{border-color:var(--sea);background:#e8f3fc}.item.locked .swatch{filter:saturate(.6)}.swatch{background:#e3e8ee;border:2px solid #00000014;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.price{color:var(--muted);font-size:12px;font-weight:600}.item.locked .price{color:var(--coral)}.note{color:var(--coral);min-height:1em;margin:8px 0 0;font-size:14px}@media (width>=720px){.wardrobe-body{grid-template-columns:280px minmax(0,1fr)}.preview{height:380px}}.fullscreen{touch-action:pan-y;background:linear-gradient(#9edcf3cc,#fff6d6eb);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.onboarding{background:var(--paper);width:min(460px,100%);box-shadow:var(--shadow);text-align:center;border-radius:28px;padding:24px 20px;animation:.3s pop}.onboarding h1{margin:4px 0;font-size:28px}.lead{color:var(--muted);font-size:17px;line-height:1.4}.icons{grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0;display:grid}.icon-btn{background:#f6f8fa;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;padding:8px 2px;display:flex}.icon-btn span{font-size:34px}.icon-btn small{color:var(--muted);font-size:12px}.icon-btn.on{border-color:var(--sea);background:#e8f3fc}.adult{color:#8a5a00;background:#fff1d6;border-radius:999px;padding:6px 14px;font-weight:600;display:inline-block}.onboarding label{text-align:left;margin:14px 0 6px;font-weight:600;display:block}.tiers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tier{background:#f6f8fa;border:3px solid #0000;border-radius:14px;padding:12px 6px;font-weight:500}.tier.on{border-color:var(--sea);background:#e8f3fc}.code{width:100%;font:inherit;letter-spacing:12px;text-align:center;border:2px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:14px;padding:10px;font-size:26px}.error{color:#c62828;min-height:1.2em}.row{gap:8px;display:flex}.big-icon{font-size:72px}.follow{right:12px;top:calc(max(12px, env(safe-area-inset-top)) + 60px);font-size:22px;position:absolute}.follow.on{background:var(--sun)}.mg{z-index:50;touch-action:none;background:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.mg-top{padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));background:var(--ink);color:#fff;align-items:center;gap:8px;display:flex}.mg-title{white-space:nowrap;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.mg-icon{font-size:24px}.mg-hud{font-variant-numeric:tabular-nums;white-space:nowrap;flex:1;justify-content:flex-end;gap:12px;font-weight:600;display:flex;overflow:hidden}.mg-btn{color:#fff;background:#ffffff29;border-radius:50%;flex:0 0 40px;width:40px;height:40px;font-size:22px;font-weight:700;line-height:1}.mg-stage{flex:1;min-height:0;position:relative;overflow:hidden}.mg-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.mg-pop{z-index:3;touch-action:pan-y;background:#14283c73;place-items:center;padding:16px;animation:.2s fade;display:grid;position:absolute;inset:0}.mg-card{text-align:center;width:min(460px,100%);max-height:100%;box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:22px 20px;animation:.25s pop;overflow:auto}.mg-card h2{margin:4px 0 8px}.mg-big{font-size:64px;line-height:1.1}.mg-attempt{background:#fff6d6;border-radius:12px;padding:6px 12px;font-weight:600;display:inline-block}.mg-help{text-align:left;color:var(--muted);padding-left:22px;font-size:17px;line-height:1.4}.mg-help li{margin:6px 0}.mg-row{gap:8px;display:flex}.mg-count{color:#fff;text-shadow:0 6px 20px #0000004d;font-size:120px;font-weight:700;animation:.3s pop}.mg-wait{font-size:18px}.mg-points{color:#d89a00;font-size:44px;font-weight:700}.mg-bar{background:#eef3f7;border-radius:999px;height:14px;margin:10px 0 14px;overflow:hidden}.mg-bar span{background:linear-gradient(90deg,#ffd84a,#4caf50);height:100%;display:block}.qz{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));touch-action:pan-y;background:linear-gradient(#fff6d6,#e8f3fc);flex-direction:column;gap:12px;display:flex;position:absolute;inset:0;overflow:auto}.qz-time{background:#1f2a371a;border-radius:999px;flex:none;height:12px;overflow:hidden}.qz-time span{background:#4caf50;width:100%;height:100%;transition:background .3s;display:block}.qz-time.low span{background:#f2683c}.qz-head{justify-content:space-between;align-items:center;display:flex}.qz-topic{color:var(--sea-dark);font-weight:600}.qz-say{width:44px;height:44px;box-shadow:var(--shadow);background:#fff;border-radius:50%;font-size:22px}.qz-q{text-align:center;font-size:clamp(22px,5vw,30px);font-weight:600;line-height:1.25}.qz-pic{text-align:center;letter-spacing:4px;font-size:clamp(34px,9vw,54px);line-height:1.3}.qz-opts{grid-template-columns:repeat(2,1fr);align-self:center;gap:12px;width:100%;max-width:720px;margin:auto 0;display:grid}.qz-opts.n3:not(.text){grid-template-columns:repeat(3,1fr)}.qz-opt{min-height:76px;box-shadow:var(--shadow);background:#fff;border:4px solid #0000;border-radius:20px;place-items:center;padding:12px;font-size:22px;font-weight:600;transition:transform .1s;display:grid}.qz-opt:active{transform:scale(.96)}.qz-opt.right{background:#e8f8e9;border-color:#4caf50}.qz-opt.wrong{background:#fdecec;border-color:#e53935}.qz-opts.text .qz-opt{min-height:64px;font-size:19px}.qz-opt.kind-count{font-size:36px}.qz-opts:not(.text) .qz-opt{min-height:104px}.qz-colour{border:3px solid #00000026;border-radius:50%;width:64px;height:64px}.qz-shape svg{fill:#f2a33a;stroke:#c47812;stroke-width:3px;width:64px;height:64px}.qz-emoji{font-size:52px}.cd-btns{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:2;justify-content:center;gap:16px;padding:0 16px;display:flex;position:absolute}.cd-btn{color:#fff;min-height:84px;box-shadow:var(--shadow);touch-action:none;border-radius:24px;flex:0 260px;font-size:24px;font-weight:700;transition:transform 80ms}.cd-btn:active{transform:scale(.95)}.cd-btn.blue{background:#2f6fd6}.cd-btn.pink{background:#ec4f8f}.cd-btns.two .cd-btn{opacity:.55}.cd-btns.two .cd-btn.next{opacity:1;outline:5px solid #ffd84a}@media (width<=520px){.mg-title span:last-child{display:none}.mg-hud{gap:10px;font-size:15px}}.sw-btns .cd-btn{opacity:1}.sw-btns .cd-btn.next{outline:5px solid #ffd84a}.sw-breathe{z-index:3;color:#1f6fb0;box-shadow:var(--shadow);touch-action:none;background:#fff;border-radius:999px;padding:18px 30px;font-size:26px;font-weight:700;animation:.25s pop;position:absolute;top:38%;left:50%;transform:translate(-50%)}.top-right{align-items:center;gap:8px;display:flex}.friends-btn{width:44px;height:44px;font-size:22px;position:relative}.badge{color:#fff;background:#e53935;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;line-height:20px;position:absolute;top:-4px;right:-4px}.zoom,.follow{top:calc(max(12px, env(safe-area-inset-top)) + 62px)}.friends h3{margin:18px 0 6px;font-size:17px}.fr-code{text-align:center;background:#e8f3fc;border-radius:18px;margin-top:10px;padding:14px}.fr-code small{color:var(--muted);font-weight:600}.fr-code-big{letter-spacing:6px;color:var(--sea-dark);-webkit-user-select:all;user-select:all;font-size:40px;font-weight:700}.fr-code p{color:var(--muted);margin:4px 0 0;font-size:14px}.fr-add{align-items:stretch;gap:8px;margin-top:12px;display:flex}.fr-add .btn{width:auto;margin:0}.fr-input{text-transform:uppercase;letter-spacing:6px;flex:1;min-width:0}.fr-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.fr-name{flex-direction:column;flex:1;min-width:0;display:flex}.fr-name small{color:var(--muted)}.chip{background:#eef3f7;border-radius:999px;flex:none;min-width:44px;min-height:40px;padding:6px 12px;font-weight:600}.chip.ok{color:#fff;background:#4caf50}.chip.danger{color:#c62828}.chip.big{min-height:52px;font-size:17px}.fr-presets{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.fr-msg{background:#f6f8fa;border-radius:14px;grid-template-columns:1fr auto;gap:2px 8px;margin:6px 0;padding:8px 12px;display:grid}.fr-msg.mine{background:#fff6d6}.fr-msg span{color:var(--muted);font-size:13px}.fr-msg strong{grid-column:1}.fr-msg small{color:var(--muted);grid-area:1/2/span 2;align-self:center}.muted{color:var(--muted)}.hm .mg-stage{background:#fff6d6}.hm-tabs{flex:1;justify-content:center;gap:6px;display:flex;overflow-x:auto}.hm-tabs .tab{color:#fff;background:#ffffff29}.hm-tabs .tab.on{color:var(--ink);background:#fff}.hm-room{opacity:.85;font-weight:600}.hm-tip{padding:10px 16px;padding-bottom:max(10px, env(safe-area-inset-bottom));text-align:center;color:var(--muted);background:#fff;margin:0;font-size:15px}.hm-pick{text-align:left;width:min(620px,100%)}.hm-pick h2{text-align:center}.locked-list .item{opacity:.6;cursor:default}.enter span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=520px){.enter{padding:10px 16px;font-size:16px}}.fact{background:#fff6d6;border-radius:14px;margin:10px 0 4px;padding:10px 14px}.fact strong{color:#8a5a00}.fact p{color:var(--ink);margin:4px 0 0;font-size:15px}.fact-say{margin-top:4px}.profiles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:14px 0;display:grid}.profile{background:#f6f8fa;border:3px solid #0000;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;font-size:18px;display:flex}.profile .big{font-size:48px}.profile:active{border-color:var(--sea)}.pp-slots{justify-content:center;gap:10px;margin:10px 0 4px;display:flex}.pp-slot{color:#b0bcc8;border:3px dashed #c8d3dd;border-radius:16px;place-items:center;width:58px;height:58px;font-size:34px;font-weight:700;display:grid}.pp-slot.on{border-style:solid;border-color:var(--sea);background:#e8f3fc}.pp-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0;display:grid}.pp-btn{aspect-ratio:1;background:#f6f8fa;border-radius:18px;font-size:clamp(30px,9vw,44px);transition:transform 80ms;box-shadow:0 2px #0000000f}.pp-btn:active{background:#e8f3fc;transform:scale(.92)}.ini-show{justify-content:center;align-items:center;gap:8px;margin:6px 0 12px;display:flex}.ini-slot{background:#f6f8fa;border:3px solid #dbe3ea;border-radius:16px;width:64px;height:72px;font-size:40px;font-weight:700}.ini-slot.on{border-color:var(--sea);background:#e8f3fc}.ini-num{color:var(--muted);font-size:28px;font-weight:700}.letters{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:12px;display:grid}.letter{background:#f6f8fa;border-radius:12px;min-height:46px;font-size:22px;font-weight:700}.letter:active{background:var(--sea);color:#fff}.onboarding .btn+.btn{margin-top:8px}.error.busy{color:var(--muted)}.talk{right:12px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 116px);color:#fff;box-shadow:var(--shadow);background:#4caf50;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 160px);padding:12px 20px;font-size:18px;font-weight:700;animation:.25s pop;display:inline-flex;position:absolute}.talk span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=520px){.talk{padding:10px 16px;font-size:16px}}