:root{--font:Nunito, ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, sans-serif;--ink:#3a3552;--muted:#8a84a3;--card:#fffdf9;--glass:#fffdf9e8;--line:#eadfd2;--soft:#f3e9dc;--soft-2:#f7efe4;--accent:#ff8fab;--accent-ink:#7a1f45;--ok:#1f7a4d;--shadow:0 10px 30px #2a1f4a24, 0 1px 0 #fff inset, 0 0 0 1px #2a1f4a0f;--shadow-lift:0 14px 30px #2a1f4a2e, 0 1px 0 #fff inset, 0 0 0 1px #2a1f4a0f;--shadow-card:0 18px 44px #2a1f4a3a, 0 1px 0 #fff inset, 0 0 0 1px #2a1f4a12;--pad:max(12px, env(safe-area-inset-left));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font:14px/1.4 var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#e9eef6;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:2.5px solid #9d8cff}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#stage{touch-action:none;position:fixed;inset:0}#stage canvas{cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.top{top:max(12px, env(safe-area-inset-top));left:var(--pad);right:var(--pad);pointer-events:none;z-index:10;align-items:flex-start;gap:10px;display:flex;position:fixed}.top>*{pointer-events:auto}.brand{text-align:left;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);white-space:nowrap;border-radius:18px;align-items:center;gap:9px;min-width:0;padding:6px 14px 6px 6px;display:flex}.brand canvas{background:#ffe7c7;border-radius:11px;flex:none;width:34px;height:34px}.brand b{letter-spacing:.01em;font-size:15px;line-height:1.1;display:block}.brand small{color:var(--muted);text-overflow:ellipsis;font-size:12px;font-weight:700;display:block;overflow:hidden}.stats{flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.sticky{white-space:nowrap;border-radius:4px 4px 12px;align-items:baseline;gap:5px;padding:6px 12px 7px;font-size:12.5px;font-weight:700;transition:transform .15s;display:inline-flex;transform:rotate(-1.2deg);box-shadow:0 6px 14px #2a1f4a1f,inset 0 1px #ffffff80}.sticky:hover{transform:rotate(0)translateY(-1px)}.sticky:nth-child(2n){transform:rotate(1.1deg)}.sticky b{font-size:16px}.sticky.yellow{color:#6b5a00;background:#fff1a8}.sticky.pink{color:#7a1f45;background:#ffd6e5}.sticky.blue{color:#1f4f7a;background:#cfe8ff}.actions{gap:6px;display:flex}.btn{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:40px;height:40px;box-shadow:var(--shadow);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn svg{flex:none;width:18px;height:18px}.btn.icon{width:40px;padding:0}.btn.primary{color:#fff;background:#ff8fab;box-shadow:0 8px 20px #ff6f9155,inset 0 1px #fff6}.btn.primary:hover{background:#ff7d9e}.btn.ghost{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.btn.ghost:hover{background:var(--soft-2)}.btn[aria-pressed=true]{background:#fff1a8}.bottom{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:10;flex-direction:column;align-items:stretch;gap:8px;width:min(560px,100% - 24px);display:flex;position:fixed;transform:translate(-50%)}.say{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lift);border-radius:20px;align-items:center;gap:6px;padding:6px;display:flex}.say input{background:var(--soft-2);border:0;border-radius:14px;outline:none;flex:1;min-width:0;height:40px;padding:0 12px;font-weight:600}.say input:focus{background:#fff;box-shadow:inset 0 0 0 2px #ffd0dd}.say input::placeholder{color:var(--muted);font-weight:600}.count{color:var(--muted);text-align:right;min-width:26px;font-size:11px;font-weight:700}.tray{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);border-radius:20px;padding:10px;display:none}.tray.open{animation:.16s cubic-bezier(.2,.8,.2,1) rise;display:block}.tray h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:2px 4px 6px;font-size:11px}.faces{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.faces button{color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;font-size:10.5px;font-weight:700;display:flex}.faces button:hover{background:var(--soft-2);color:var(--ink)}.faces canvas{width:40px;height:40px}.faces kbd{font:700 9px var(--font);color:#b8b1cc}.acts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.acts .btn{height:34px;box-shadow:none;background:var(--soft-2);-webkit-backdrop-filter:none;backdrop-filter:none;font-size:12.5px}.acts .btn:hover{background:var(--soft)}.log{left:var(--pad);bottom:max(14px, env(safe-area-inset-bottom));z-index:9;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:3px;width:min(320px,50vw - 300px);max-height:34vh;display:flex;position:fixed;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 30%);mask-image:linear-gradient(#0000,#000 30%)}.log.open{pointer-events:auto;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-card);border-radius:18px;justify-content:flex-start;padding:10px;overflow-y:auto;-webkit-mask-image:none;mask-image:none}.log p{overflow-wrap:anywhere;background:#fffdf9d0;border-radius:11px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0;padding:4px 9px;font-size:12.5px;animation:.2s ease-out rise;box-shadow:0 2px 8px #2a1f4a14}.log.open p{box-shadow:none;background:0 0;padding:2px 4px}.log p b{margin-right:5px;font-weight:800}.log p.sys{color:var(--muted);font-style:italic}.logtoggle{left:var(--pad);bottom:calc(max(14px, env(safe-area-inset-bottom)) + min(34vh, 100%));z-index:9;position:fixed}@media (max-width:1000px){.log{display:none}.log.open{width:auto;max-height:40vh;display:flex;bottom:150px;left:12px;right:12px}}.panel{top:64px;right:var(--pad);z-index:20;background:var(--card);width:min(320px,100% - 24px);max-height:calc(100% - 180px);box-shadow:var(--shadow-card);border-radius:20px;padding:14px;animation:.16s cubic-bezier(.2,.8,.2,1) rise;position:fixed;overflow-y:auto}.panel h2{margin:0 0 8px;font-size:15px}.panel .row{border-radius:12px;align-items:center;gap:10px;padding:6px 4px;display:flex}.panel .row:hover{background:var(--soft-2)}.panel .row canvas{flex:none;width:34px;height:34px}.panel .row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.panel .row .you{color:var(--muted);flex:none;font-size:11px;font-weight:700}.panel label.opt{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 4px;font-weight:700;display:flex}.panel label.opt:last-of-type{border-bottom:0}.panel .hint{color:var(--muted);margin:8px 4px 0;font-size:12px;line-height:1.5}.seg{background:var(--soft-2);border-radius:10px;padding:2px;display:inline-flex}.seg button{color:var(--muted);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700}.seg button[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #2a1f4a1f}.switch{flex:none;width:38px;height:22px;position:relative}.switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.switch span{pointer-events:none;background:#ddd5e8;border-radius:11px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+span{background:#ff8fab}.switch input:checked+span:after{transform:translate(16px)}.scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2a1f4a40;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.dialog{background:var(--card);width:min(760px,100%);max-height:calc(100% - 8px);box-shadow:var(--shadow-card);border-radius:26px;padding:20px;animation:.2s cubic-bezier(.2,.8,.2,1) rise;overflow:auto}.dialog h1{letter-spacing:-.01em;margin:0;font-size:22px}.dialog .sub{color:var(--muted);margin:2px 0 14px;font-weight:600}.dialog .foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.maker{grid-template-columns:220px 1fr;gap:18px;display:grid}.preview{flex-direction:column;align-items:center;gap:10px;display:flex}.preview canvas{cursor:pointer;background:radial-gradient(circle at 50% 40%,#fff7ec,#f3e3d0);border-radius:22px;width:220px;height:220px;box-shadow:inset 0 1px #fff,0 0 0 1px #2a1f4a0f}.preview input{border:2px solid var(--line);text-align:center;background:#fff;border-radius:14px;outline:none;width:100%;height:42px;padding:0 12px;font-size:16px;font-weight:800}.preview input:focus{border-color:#ffb3c7}.preview .err{color:#c7324a;text-align:center;min-height:18px;font-size:12px;font-weight:700}.preview .row2{gap:6px;width:100%;display:flex}.preview .row2 .btn{box-shadow:none;background:var(--soft-2);-webkit-backdrop-filter:none;backdrop-filter:none;flex:1;height:36px}.pick h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:4px 0 6px;font-size:11px}.grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;margin-bottom:10px;display:grid}.grid button{aspect-ratio:1;background:var(--soft-2);border-radius:14px;place-items:center;padding:0;transition:transform .1s;display:grid}.grid button:hover{background:var(--soft);transform:translateY(-1px)}.grid button[aria-pressed=true]{background:#fff;box-shadow:0 0 0 2.5px #ff8fab}.grid canvas{width:46px;height:46px}.hues{grid-template-columns:repeat(12,1fr);gap:4px;margin-bottom:8px;display:grid}.hues button{aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px #2a1f4a14}.hues button[aria-pressed=true]{box-shadow:0 0 0 2.5px #fff, 0 0 0 4.5px var(--ink)}.tones{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tones button{border-radius:10px;flex:1;min-width:60px;height:30px;font-size:11.5px;font-weight:800}.tones button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}@media (max-width:640px){.maker{grid-template-columns:1fr}.preview canvas{width:150px;height:150px}.hues{grid-template-columns:repeat(8,1fr)}.dialog{border-radius:22px;padding:16px}}.rooms{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.room{text-align:left;background:var(--soft-2);border-radius:18px;padding:14px;transition:transform .12s,box-shadow .12s;position:relative;overflow:hidden}.room:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.room:before{content:"";background:var(--c);opacity:.35;border-radius:50%;width:90px;height:90px;position:absolute;top:-24px;right:-24px}.room b{font-size:15px;display:block;position:relative}.room p{color:var(--muted);margin:4px 0 8px;font-size:12.5px;font-weight:600;position:relative}.room .n{color:var(--ink);background:#fff;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800;position:relative}.room.here{box-shadow:0 0 0 2.5px var(--c)}.maph{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 2px 8px;font-size:11px}.card{z-index:25;background:var(--card);width:230px;box-shadow:var(--shadow-card);border-radius:20px;padding:12px;animation:.14s ease-out rise;position:fixed}.card header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.card header canvas{width:46px;height:46px}.card header b{text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.card header small{color:var(--muted);font-size:12px;font-weight:700}.card .btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.card .btn{box-shadow:none;background:var(--soft-2);-webkit-backdrop-filter:none;backdrop-filter:none;height:34px;font-size:12.5px}.card .btn.warn{color:#c7324a}.toasts{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.toast{color:#fff;box-shadow:var(--shadow-lift);background:#3a3552;border-radius:14px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:13px;font-weight:700;animation:.2s ease-out rise}.veil{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2a1f4a55;place-items:center;animation:.2s ease-out fade;display:grid;position:fixed;inset:0}.veil .box{background:var(--card);box-shadow:var(--shadow-card);text-align:center;border-radius:24px;max-width:min(380px,100vw - 32px);padding:22px 26px}.veil .box canvas{width:96px;height:96px}.veil h2{margin:6px 0 4px;font-size:18px}.veil p{color:var(--muted);margin:0 0 14px;font-weight:600}.fade{z-index:30;pointer-events:none;opacity:0;background:#fffdf9;transition:opacity .22s;position:fixed;inset:0}.fade.on{opacity:1}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (max-width:720px){.stats{display:none}.brand small{max-width:34vw}.actions .btn .label{display:none}.actions .btn{width:40px;padding:0}.faces{grid-template-columns:repeat(6,1fr)}.faces canvas{width:34px;height:34px}.panel{top:62px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mapgrid{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:16px;display:grid}.minimap{background:radial-gradient(circle at 50% 40%,#eef6ff,#e3ecf7);border-radius:18px;padding:8px;position:relative;overflow:hidden}.minimap canvas{margin:0 auto;display:block}.pin{color:var(--ink);box-shadow:0 0 0 1.5px var(--c), 0 3px 8px #2a1f4a2a;white-space:nowrap;background:#fffdf9;border-radius:9px;margin-top:-2px;padding:2px 8px;font-size:10.5px;font-weight:800;transition:transform .1s;position:absolute;transform:translate(-50%,-100%)}.pin:after{content:"";background:var(--c);border-radius:50%;width:6px;height:6px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.pin:hover:not(:disabled){z-index:2;transform:translate(-50%,-100%)scale(1.08)}.pin.unknown{color:var(--muted);cursor:help;background:#ebe6f2;box-shadow:0 0 0 1.5px #c9c1d8}.passport{background:var(--soft-2);border-radius:16px;padding:12px}.passport h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.stamps{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stamp{aspect-ratio:1;text-align:center;color:#b8b1cc;border:2px dashed #d6cee3;border-radius:50%;place-items:center;padding:3px;font-size:9px;font-weight:800;line-height:1.05;display:grid}.stamp.got{border:2px solid var(--c);color:var(--ink);background:#fff;transform:rotate(-6deg);box-shadow:0 2px 6px #2a1f4a1a}.mapside .rooms{grid-template-columns:1fr;margin-top:10px}.mapside .room{padding:10px 12px}.mapside .room p{display:none}@media (max-width:760px){.mapgrid{grid-template-columns:1fr}}