:root{--ink:#3b2a5a;--ink-soft:#6b5a8a;--paper:#fffaf3;--pink:#ff6fae;--pink-dark:#e04f90;--sky:#5cc8ff;--gold:#ffd84d;--shadow:0 6px 0 #3b2a5a2e, 0 12px 24px #3b2a5a2e;--font:"Baloo 2", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#a9dcff;margin:0;overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;display:block}.hud{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));position:fixed;inset:0}.hud>*{pointer-events:auto}.hidden{display:none!important}.hud-top{top:max(12px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;left:16px;right:16px}.place-name{color:#fff;text-shadow:0 2px #3b2a5a59,0 0 18px #ff6fae80;letter-spacing:.5px;font-size:26px;font-weight:800}.treasures{box-shadow:var(--shadow);background:#fffaf3d9;border-radius:999px;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:70vw;padding:6px 10px;display:flex}.treasure{filter:grayscale()opacity(.35);font-size:22px;transition:filter .6s,transform .6s}.treasure.done{filter:none;transform:scale(1.1)}.bubble{top:calc(max(12px, env(safe-area-inset-top)) + 54px);background:var(--paper);width:min(680px,100vw - 32px);box-shadow:var(--shadow);border-radius:26px;align-items:center;gap:12px;padding:12px 20px 12px 12px;font-size:21px;font-weight:600;line-height:1.3;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bubble.pop{animation:.35s cubic-bezier(.34,1.56,.64,1) bubblePop}@keyframes bubblePop{0%{opacity:.4;transform:translate(-50%)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.bubble-avatar{background:radial-gradient(circle at 35% 35%,#fff6b0,#ffb8e0 70%);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:30px;animation:2.4s ease-in-out infinite twinkle;display:grid}@keyframes twinkle{50%{transform:rotate(-10deg)scale(1.08)}}.goal{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 84px);color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#3b2a5ac7;border-radius:999px;max-width:calc(100vw - 32px);padding:6px 18px;font-size:18px;font-weight:700;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.chips{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.chip{text-align:center;min-width:92px;color:var(--ink-soft);background:#fffaf399;border:3px dashed #3b2a5a4d;border-radius:16px;padding:6px 14px;font-size:22px;font-weight:800}.chip.found{background:var(--paper);border:3px solid var(--gold);color:var(--ink);box-shadow:var(--shadow);animation:.4s cubic-bezier(.34,1.56,.64,1) bubblePopChip}@keyframes bubblePopChip{0%{transform:scale(.6)}}.hud-bottom{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:10px;display:flex;position:absolute}.region{pointer-events:none;flex-wrap:wrap;gap:10px;display:flex}.region>*{pointer-events:auto}.region.center{flex:1;justify-content:center}.btn{font-family:var(--font);cursor:pointer;min-width:60px;min-height:60px;box-shadow:var(--shadow);color:var(--ink);background:var(--paper);border:none;border-radius:22px;padding:8px 22px;font-size:22px;font-weight:800;transition:transform .1s,box-shadow .1s}.btn:active{transform:translateY(4px);box-shadow:0 2px #3b2a5a2e}.btn.primary{background:linear-gradient(180deg, #ff8ac2, var(--pink));color:#fff;text-shadow:0 1px 0 var(--pink-dark)}.btn.ghost{background:#fffaf3bf}.btn:disabled{opacity:.45}.card-layer{z-index:30;font-family:var(--font);-webkit-backdrop-filter:blur(2px);background:#3b2a5a40;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--paper);width:min(520px,100%);box-shadow:var(--shadow);text-align:center;border-radius:32px;padding:24px 28px 26px;animation:.4s cubic-bezier(.34,1.56,.64,1) bubblePopChip}.card-emoji{font-size:64px;line-height:1}.card-title{margin:8px 0 4px;font-size:30px;font-weight:800}.card-body{color:var(--ink-soft);margin:0 0 18px;font-size:21px;font-weight:600;line-height:1.35}.card-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card textarea{-webkit-user-select:text;user-select:text;border:2px solid #e5d8f5;border-radius:14px;width:100%;height:220px;margin-bottom:8px;padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.card .errors{text-align:left;color:#c0306a;white-space:pre-wrap;margin:0 0 12px;font-size:15px}.numpad{right:max(16px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 76px);background:var(--paper);width:300px;box-shadow:var(--shadow);border-radius:30px;padding:16px;animation:.35s cubic-bezier(.34,1.56,.64,1) slideIn;position:absolute}@keyframes slideIn{0%{opacity:0;transform:translate(60px)}}.numpad-prompt{margin-bottom:8px;font-size:19px;font-weight:700;line-height:1.25}.numpad-display{text-align:center;background:#fff;border:3px solid #f1e4ff;border-radius:18px;min-height:64px;margin-bottom:10px;font-size:44px;font-weight:800}.numpad-display.empty{color:#cbbbe0}.numpad-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.key{font-family:var(--font);height:60px;color:var(--ink);cursor:pointer;background:#f1e4ff;border:none;border-radius:18px;font-size:28px;font-weight:800;box-shadow:0 4px #d8c4f0}.key:active{transform:translateY(3px);box-shadow:0 1px #d8c4f0}.key.fn{background:#e1f4ff;box-shadow:0 4px #b9e2fa}.key.blank{visibility:hidden}.numpad-ok{width:100%}@media (width<=700px),(height<=560px){.bubble{font-size:17px}.place-name{font-size:20px}.treasure{font-size:17px}.btn{min-height:52px;padding:6px 14px;font-size:18px}.numpad{width:250px}.key{height:50px}}.bubble-avatar.has-guide{background:radial-gradient(circle at 35% 35%,#fff6d6,#ffd1ea 75%);overflow:hidden}.avatar-img{object-fit:cover;width:120%;height:120%}.creator-layer{z-index:20;-webkit-backdrop-filter:blur(3px);font-family:var(--font);background:#3b2a5a4d;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.card.creator{width:min(600px,100%)}.card.editor{text-align:left;padding:18px 22px 20px}.card.editor .card-title{text-align:center;margin-top:0}.card-body.small{text-align:center;margin-bottom:10px;font-size:17px}.card-emoji.spin{animation:1.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.editor-top{align-items:center;gap:16px;margin-bottom:8px;display:flex}.preview{background:radial-gradient(circle at 50% 40%,#fff,#e9f7ff 70%);border-radius:24px;flex:none;width:200px;height:200px}.preview canvas{display:block}.name-wrap{flex:1;min-width:0}.field-label{color:var(--ink-soft);min-width:92px;margin-right:6px;font-size:15px;font-weight:800;display:inline-block}.name-input{width:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:text;user-select:text;border:3px solid #f1e4ff;border-radius:18px;padding:6px 14px;font-size:30px;font-weight:800}.controls{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.cycle,.swatches,.chips-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.btn.mini{min-width:44px;min-height:44px;padding:0 12px;font-size:18px}.cycle-value{text-align:center;min-width:90px;font-size:19px;font-weight:800}.swatch{cursor:pointer;border:3px solid #3b2a5a26;border-radius:50%;width:34px;height:34px;padding:0}.swatch.on{border-color:var(--pink);transform:scale(1.15)}.chip-btn{font-family:var(--font);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #e5d8f5;border-radius:999px;padding:4px 12px;font-size:16px;font-weight:700}.chip-btn.on{border-color:var(--pink);background:#ffe3f1}label.btn{align-items:center;display:inline-flex}@media (width<=560px){.editor-top{flex-direction:column}.field-label{width:100%;min-width:0}}.companion{left:max(4px, env(safe-area-inset-left));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 62px);pointer-events:none;z-index:5;filter:drop-shadow(0 6px 10px #3b2a5a26);width:190px;height:210px;position:fixed}@media (width<=700px),(height<=560px){.companion{width:130px;height:145px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 54px)}}.btn.with-icon{align-items:center;gap:8px;padding-left:8px;display:inline-flex}.btn-icon{object-fit:cover;background:radial-gradient(circle at 35% 35%,#fff6d6,#ffd1ea 75%);border-radius:50%;width:46px;height:46px}.companion-bubble{left:max(16px, env(safe-area-inset-left));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 280px);background:var(--paper);max-width:220px;color:var(--ink);font-family:var(--font);box-shadow:var(--shadow);pointer-events:none;z-index:6;border-radius:18px;padding:8px 14px;font-size:18px;font-weight:700;line-height:1.25;position:fixed}.companion-bubble:after{content:"";border:10px solid #0000;border-bottom:0;border-top-color:var(--paper);position:absolute;bottom:-10px;left:60px}.companion-bubble.pop{animation:.35s cubic-bezier(.34,1.56,.64,1) bubblePopChip}@media (width<=700px),(height<=560px){.companion-bubble{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 200px);font-size:15px}}.name-input.centered{text-align:center;margin-bottom:16px}.name-input.small{margin-bottom:8px;padding:4px 12px;font-size:20px}.voice-toggle{top:max(12px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));background:var(--paper);width:52px;height:52px;box-shadow:var(--shadow);cursor:pointer;z-index:4;border:none;border-radius:50%;font-size:24px;position:absolute}.hud-top{padding-right:66px}.tabs{border-bottom:3px solid #f1e4ff;gap:6px;margin:4px 0 10px;display:flex}.tab{font-family:var(--font);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:14px 14px 0 0;min-height:44px;padding:8px 14px;font-size:18px;font-weight:800}.tab.on{color:var(--ink);background:#f1e4ff}.controls{max-height:min(46vh,420px);padding-right:4px;overflow-y:auto}.text-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.text-input{min-width:200px;font-family:var(--font);color:var(--ink);-webkit-user-select:text;user-select:text;border:3px solid #f1e4ff;border-radius:14px;flex:1;padding:6px 12px;font-size:18px;font-weight:700}.chip-btn.locked{opacity:.45;cursor:default}.hint{color:var(--ink-soft);margin:2px 0;font-size:15px;font-weight:700}.dance-btn{margin-top:8px}.bubble-avatar.narrator{background:radial-gradient(circle at 35% 35%,#fffbe0,#c9b8ff 75%)}.bubble-body{flex:1;min-width:0}.speaker-tag{letter-spacing:.3px;border-radius:999px;margin-bottom:2px;padding:1px 10px;font-size:14px;font-weight:800;display:inline-block}.bubble.guide-speaking{border:4px solid var(--guide-color,var(--pink))}.bubble.guide-speaking .speaker-tag{background:var(--guide-color,var(--pink));color:#fff}.bubble.guide-speaking .bubble-avatar{box-shadow:0 0 0 3px var(--guide-color,var(--pink))}.bubble.narration{background:linear-gradient(#fbf6ff,#efe6ff);border:3px dashed #c9b8ff}.bubble.narration .speaker-tag{color:#5b45a8;background:#e3d8ff}.bubble.narration .bubble-text{color:#4b3a78;font-style:italic}