@font-face{font-family:Bricolage;src:url(./bricolage-F7AtT0ZH.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--bg: #04121c;--bg2: #0a2a3d;--ink: #eef9fc;--logo-ink: #eaf8fc;--muted: #8db3c4;--line: rgba(255, 255, 255, .09);--glass: rgba(6, 30, 46, .74);--glass2: rgba(255, 255, 255, .06);--accent: #00c7d9;--accent2: #124f70;--grad: linear-gradient(120deg, #52f0f7, #00c7d9 45%, #1c8fc4);--on-accent: #032536;--r: 18px;--ease: cubic-bezier(.34, 1.56, .64, 1);--soft: cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Bricolage,ui-rounded,system-ui,sans-serif;color:var(--ink);background:radial-gradient(120% 90% at 50% 40%,#0f4a63,#0a2a3d 45%,#04121c) fixed var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:10px}[hidden]{display:none!important}.stage{position:fixed;inset:0;display:block;touch-action:none;cursor:grab}.stage:active{cursor:grabbing}.is-home .stage{cursor:pointer}.btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:999px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:transform .35s var(--ease),background .2s,box-shadow .3s}.btn svg{width:20px;height:20px}.btn:hover{transform:translateY(-2px) scale(1.03)}.btn:active{transform:scale(.95);transition-duration:.1s}.btn.primary{background:var(--grad);color:var(--on-accent);box-shadow:0 8px 26px -8px #00c7d9b3,inset 0 1px #ffffff80}.btn.ghost{background:var(--glass2);box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost:hover{background:#ffffff1c}.btn.danger{background:#ff5a6e;color:#fff}.btn.big{height:56px;padding:0 30px;font-size:18px}.btn.save.pulse:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--on-accent);margin-left:2px;animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.ibtn{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;position:relative;transition:transform .35s var(--ease),background .2s,opacity .2s}.ibtn svg{width:21px;height:21px}.ibtn:hover{background:#ffffff17;transform:scale(1.08)}.ibtn:active{transform:scale(.9)}.ibtn:disabled{opacity:.3;pointer-events:none}.ibtn.sm{width:34px;height:34px;border-radius:11px}.ibtn.sm svg{width:18px;height:18px}.ibtn.danger:hover{color:#ff7c8c}@media (hover: hover){[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;color:#1b1424;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:9px;white-space:nowrap;pointer-events:none;z-index:20;animation:tip .25s var(--soft)}.tb-right [data-tip]:hover:after{left:auto;right:0;transform:none}.rail [data-tip]:hover:after{top:50%;left:calc(100% + 12px);transform:translateY(-50%);white-space:normal;width:max-content;max-width:220px}}@keyframes tip{0%{opacity:0}}.home{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:6vh 24px 4vh;text-align:center}.home>*{pointer-events:auto}.is-editor .home{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.is-home .home{opacity:1;visibility:visible;transition:opacity .6s .1s}.home-logo{margin:0;line-height:0;display:flex;justify-content:center}.home-logo .logo{width:min(520px,76vw);height:auto;overflow:visible;filter:drop-shadow(0 10px 30px rgba(0,199,217,.28))}.home-logo .logo-img{position:relative;display:block;width:min(560px,82vw);animation:logoPop .8s .15s cubic-bezier(.2,1.5,.4,1) both}.home-logo .logo-img img{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 28px rgba(0,199,217,.22))}.home-logo .logo-eye{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}body:not(.ready) .home-logo .logo-img{animation-play-state:paused}@keyframes logoPop{0%{opacity:0;transform:scale(.72) translateY(14px)}to{opacity:1;transform:none}}.lg-l{transform-box:fill-box;transform-origin:50% 100%;animation:letter 1.1s var(--ease) both,float 4.5s ease-in-out infinite;animation-delay:calc(.6s + var(--i) * .08s),calc(2s + var(--i) * .3s)}@keyframes letter{0%{transform:translateY(-120%) scale(.6,1.4);opacity:0}55%{transform:translateY(0) scale(1.25,.72);opacity:1}75%{transform:scale(.92,1.1)}}@keyframes float{50%{transform:translateY(-4%)}}body:not(.ready) .lg-l,body:not(.ready) .tagline,body:not(.ready) .home-bottom{animation-play-state:paused}.lg-eye{transform-box:fill-box;transform-origin:50% 50%;transition:transform .07s}.lg-eye.blink{transform:scaleY(.08)}.logo-mini .lg-l{animation:none}.tagline{margin:10px 0 0;font-size:clamp(17px,2.2vw,22px);color:var(--muted);animation:fade .8s 1.5s both}@keyframes fade{0%{opacity:0;transform:translateY(8px)}}.home-bottom{display:flex;flex-direction:column;align-items:center;gap:22px;animation:fade .8s 1.8s both}.home-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.signature{color:var(--muted);font-size:13px;text-decoration:none;letter-spacing:.04em;opacity:.75;transition:opacity .2s}.signature b{font-weight:700;color:var(--ink)}.signature:hover{opacity:1}.home-lang{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1;display:flex;gap:2px;padding:3px;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);animation:fade .8s 1.8s both}body:not(.ready) .home-lang{animation-play-state:paused}.home-lang button{font:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;line-height:1;color:var(--muted);background:transparent;border:0;border-radius:999px;padding:6px 9px;cursor:pointer;transition:color .2s,background .2s}.home-lang button:hover{color:var(--ink)}.home-lang button.on{color:var(--on-accent);background:var(--ink);cursor:default}.home-lang button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.home-tip{position:fixed;left:0;top:0;z-index:40;pointer-events:none;padding:7px 12px;border-radius:999px;background:#fffffff2;color:#062a3c;font-weight:700;font-size:13px;white-space:nowrap;box-shadow:0 10px 30px -10px #0009;animation:pop .25s var(--ease)}.home-hint{margin:0;font-size:13px;color:var(--muted);letter-spacing:.02em}.editor{position:fixed;inset:0;pointer-events:none}.editor>*{pointer-events:auto}.is-home .editor{visibility:hidden;transition:visibility 0s .45s}.is-home .topbar{transform:translateY(-120%);opacity:0}.is-home .rail{transform:translate(-140%);opacity:0}.is-home .panel{transform:translate(110%);opacity:0}.topbar,.rail,.panel{transition:transform .55s var(--soft),opacity .4s}.is-editor .rail{transition-delay:.08s}.is-editor .panel{transition-delay:.14s}.topbar{z-index:10;position:absolute;top:12px;left:12px;right:12px;height:52px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none}.topbar>*{pointer-events:auto}.tb-left,.tb-right{display:flex;align-items:center;gap:4px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:18px;padding:6px;box-shadow:inset 0 0 0 1px var(--line),0 10px 30px -12px #0009}.logo-mini{display:inline-flex;padding:0 6px 0 4px;background:none;border:0;cursor:pointer;border-radius:10px;transition:transform .25s var(--ease)}.logo-mini:hover{transform:scale(1.06)}.logo-mini .logo{height:21px;width:auto}.logo-mini img{display:block;height:28px;width:auto}.name{width:170px;height:38px;border:0;border-radius:11px;padding:0 10px;background:#ffffff0d;font-weight:600;user-select:text;transition:background .2s}.name:hover,.name:focus{background:#ffffff1a;outline:none}.sep{width:1px;height:24px;background:var(--line);margin:0 4px}.tb-right .btn{height:40px;padding:0 14px}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 10px);right:0;min-width:260px;padding:6px;border-radius:16px;z-index:30;background:#0c2c3f;box-shadow:inset 0 0 0 1px var(--line),0 20px 50px -10px #000000b3;animation:pop .3s var(--ease)}.menu hr{border:0;height:1px;background:var(--line);margin:6px}.menu-item{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px;font-size:14.5px}.menu-item:hover{background:#ffffff14}.menu-item.mobile-only{display:none}.menu.burger{min-width:220px;padding:8px;display:flex;flex-direction:column;gap:4px}.menu.burger .menu-item{align-items:center;gap:12px;padding:11px 12px;border-radius:13px;font-weight:700;font-size:15px}.mi-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;background:#ffffff12;color:var(--accent)}.mi-ico svg{width:19px;height:19px}.menu.burger .menu-item.mi-play{background:var(--accent);color:var(--on-accent)}.menu.burger .menu-item.mi-play .mi-ico{background:#ffffff40;color:var(--on-accent)}.menu.burger .menu-item.mi-play:hover{filter:brightness(1.08)}.sheet-grip,.more-btn{display:none}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.96)}}.rail{position:absolute;left:12px;top:50%;translate:0 -50%;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:8px;border-radius:22px;box-shadow:inset 0 0 0 1px var(--line),0 10px 30px -12px #0009}.tool{width:60px;min-height:58px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;color:var(--muted);transition:transform .35s var(--ease),color .2s,background .25s}.tool .ico svg{width:24px;height:24px;display:block}.tool .tl{font-size:10.5px;font-weight:600}.tool:hover{color:var(--ink);background:#ffffff0f}.tool:active{transform:scale(.9)}.tool.on{color:var(--on-accent);background:var(--grad);box-shadow:0 8px 18px -8px #00c7d9bf}.tool.on .ico{animation:wob .5s var(--ease)}@keyframes wob{30%{transform:scale(1.25,.8)}60%{transform:scale(.9,1.15)}}.tool.small{min-height:46px}.tool.small.on{background:#00c7d933;box-shadow:inset 0 0 0 1px #00c7d9bf;color:#bff6fb}.rail-sep{width:34px;height:1px;background:var(--line);margin:4px 0}.brush-sizes{display:flex;gap:2px;padding:4px 0}.bs{width:19px;height:26px;display:grid;place-items:center;border-radius:8px}.bs i{display:block;border-radius:50%;background:var(--muted);transition:background .2s,transform .3s var(--ease)}.bs0 i{width:6px;height:6px}.bs1 i{width:10px;height:10px}.bs2 i{width:15px;height:15px}.bs.on i{background:#fff;transform:scale(1.15)}.panel{position:absolute;right:12px;top:76px;bottom:12px;width:368px;display:flex;flex-direction:column;background:var(--glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:24px;box-shadow:inset 0 0 0 1px var(--line),0 20px 50px -20px #000000b3;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px;border-bottom:1px solid var(--line)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 6px;border-radius:13px;color:var(--muted);transition:background .2s,color .2s,transform .3s var(--ease)}.tab-ico{width:28px;height:28px;color:#5f8ea3;transition:color .2s,transform .4s var(--ease)}.tab-ico svg{width:100%;height:100%}.tab-l{font-size:11.5px;font-weight:600}.tab:hover{background:#ffffff0d;color:var(--ink)}.tab.on{background:#ffffff17;color:var(--ink)}.tab.on .tab-ico{color:var(--accent);transform:scale(1.12) rotate(-6deg)}.panes{flex:1;overflow-y:auto;padding:4px 18px 22px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.pane{animation:paneIn .4s var(--soft)}@keyframes paneIn{0%{opacity:0;transform:translateY(10px)}}.pane h3{margin:14px 0 12px;font-size:20px;font-weight:700;letter-spacing:-.01em}.pane h4{margin:18px 0 9px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.note{color:var(--muted);font-size:12.5px;line-height:1.45;margin:10px 0 0}.cards{display:grid;gap:8px}.cards3{grid-template-columns:repeat(3,1fr)}.cards4{grid-template-columns:repeat(4,1fr)}.card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 9px;border-radius:16px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);transition:transform .35s var(--ease),background .2s,box-shadow .2s,color .2s}.card:hover{background:#ffffff17;transform:translateY(-2px);color:var(--ink)}.card:active{transform:scale(.93)}.card.on{background:#00c7d921;box-shadow:inset 0 0 0 2px var(--accent);color:var(--ink)}.card-ico{width:46px;height:46px;color:#8fd3e2;display:grid;place-items:center;transition:transform .4s var(--ease)}.card-ico svg{width:100%;height:100%}.card.on .card-ico{transform:scale(1.1);color:var(--accent)}.card-l{font-size:12px;font-weight:600;text-align:center;line-height:1.15}.face-cards .card-ico{color:#6fe3ef}.small-cards .card-ico{width:34px;height:34px}.expr-cards .card-ico{color:#ffc861}.expr-cards .card.on .card-ico{color:#ffd77a}.mat-ball{display:block;width:44px;height:44px;border-radius:50%}.mat-clay{background:radial-gradient(circle at 34% 30%,#ffc3dc,#ff86b8 45%,#c94f86)}.mat-jelly{background:radial-gradient(circle at 34% 28%,#fff 0 8%,#ffaad2d9 18%,#ff6eaf8c 60%,#b4286ecc);box-shadow:inset 0 -6px 12px #ffffff59}.mat-rubber{background:radial-gradient(circle at 34% 30%,#ffd9ea 0 6%,#ff8dbd 22%,#e0629a 60%,#92335f)}.mat-glossy{background:radial-gradient(circle at 32% 26%,#fff 0 10%,#ff9cc8 16%,#ff6aa8 55%,#8f2a5b)}.mat-velvet{background:radial-gradient(circle at 50% 50%,#c55588 30%,#ff9cc9 78%,#ffd0e5)}.mat-water{background:radial-gradient(circle at 34% 28%,#fff 0 7%,#c8f0ff8c 16%,#78c8ff47 55%,#2882d2b3);box-shadow:inset 0 -5px 10px #ffffff80,inset 3px 3px 8px #ffffff59}.mat-glitter{background:radial-gradient(circle at 28% 30%,#fff 0 2px,transparent 3px),radial-gradient(circle at 62% 58%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 45% 75%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 34% 30%,#ffb6d6,#ff5fa2 50%,#a0306a)}.mat-sand{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5) 0 1px,transparent 1.5px) 0 0 / 5px 5px,radial-gradient(circle at 70% 60%,rgba(120,70,30,.35) 0 1px,transparent 1.5px) 0 0 / 7px 7px,radial-gradient(circle at 36% 30%,#ffe2b8,#f0b874 50%,#a8743a)}.mat-fire{background:radial-gradient(circle at 50% 78%,#fff3b0 0 10%,#ffb030 26%,#ff5a10 50%,#8a1500 80%,#3a0800);box-shadow:0 0 12px 1px #ff6e1499}.mat-diamond{background:conic-gradient(from 30deg,#fff,#cfe8ff,#fff,#e8d4ff,#fff,#d4fff1,#fff,#fff1c8,#fff);box-shadow:inset 0 0 0 1px #fff9,inset 4px 4px 10px #78a0ff59}.mat-metal{background:conic-gradient(from 200deg,#ffd5e8,#b3406f,#ffeaf3,#8a2c55,#ffc0dc,#b3406f,#ffd5e8)}.swatches{display:flex;flex-wrap:wrap;gap:9px}.sw{width:36px;height:36px;border-radius:50%;background:var(--c);box-shadow:inset 0 -5px 10px #00000040,inset 0 4px 8px #ffffff59,0 0 0 1px #ffffff1f;transition:transform .35s var(--ease),box-shadow .2s;position:relative}.sw.sm{width:30px;height:30px}.sw:hover{transform:scale(1.12)}.sw.on{box-shadow:inset 0 -5px 10px #00000040,inset 0 4px 8px #ffffff59,0 0 0 3px #05131d,0 0 0 5px #fff;transform:scale(1.06)}.sw.custom{display:inline-grid;place-items:center;background:conic-gradient(#ff6b6b,#ffe14d,#5fe0b0,#7fd3ff,#8b5cff,#ff7eb6,#ff6b6b);overflow:hidden;cursor:pointer}.sw.custom input{opacity:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}.item-cards .card{position:relative}.item-cards .card-ico{color:#8fc6d6}.item-cards .card.has .card-ico{color:#ffd77a}.item-cards .badge{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#5fe0b0;transform:scale(0);transition:transform .4s var(--ease)}.item-cards .card.has .badge{transform:scale(1)}.item-box{margin-top:18px;padding:4px 14px 14px;border-radius:18px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line);animation:paneIn .35s var(--soft)}.item-box h4:first-child{color:var(--ink);text-transform:none;letter-spacing:0;font-size:14.5px}.item-box .remove{margin-top:16px;height:38px;font-size:14px}.item-box .remove svg{width:18px;height:18px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);transition:transform .3s var(--ease),background .2s,color .2s}.chip:hover{color:var(--ink)}.chip.on{background:#fff;color:#1b1424;box-shadow:none}.slider{display:grid;grid-template-columns:1fr;gap:6px;margin:16px 0 0}.sl-l{font-size:13.5px;font-weight:600}.sl-ends{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:-2px}input[type=range]{--p: 50;appearance:none;-webkit-appearance:none;width:100%;height:26px;background:transparent;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,#52f0f7,#1c8fc4 calc(var(--p) * 1%),#ffffff1a calc(var(--p) * 1%))}input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(90deg,#52f0f7,#1c8fc4 calc(var(--p) * 1%),#ffffff1a calc(var(--p) * 1%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 3px 10px #0006;transition:transform .3s var(--ease)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 10px #0006}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}.switch{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:18px;font-weight:600;font-size:13.5px}.switch i{width:46px;height:26px;border-radius:99px;background:#ffffff1f;position:relative;transition:background .25s}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .4s var(--ease)}.switch[aria-checked=true] i{background:var(--grad)}.switch[aria-checked=true] i:after{transform:translate(20px)}.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.act{display:flex;flex-direction:column;align-items:center;gap:4px;padding:11px 4px;border-radius:14px;background:#ffffff0d;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:600;transition:transform .35s var(--ease),background .2s}.act svg{width:22px;height:22px}.act:hover{background:#ffffff1a}.act:active{transform:scale(.9) rotate(-3deg)}.hint{position:absolute;left:50%;bottom:34px;translate:-50% 0;padding:12px 20px;border-radius:999px;font-weight:600;background:#fff;color:#1b1424;box-shadow:0 14px 40px -10px #0009;pointer-events:none;opacity:0;transform:translateY(16px) scale(.9);transition:opacity .35s,transform .5s var(--ease);white-space:nowrap}.hint.show{opacity:1;transform:none}.hint.hand:before{content:"👆";display:inline-block;margin-right:8px;animation:tug 1.3s ease-in-out infinite}@keyframes tug{50%{transform:translate(6px,-8px) rotate(12deg)}}.bestiary .g-head{flex-wrap:nowrap;align-items:flex-start}.btn.wide{width:100%;justify-content:center;margin-top:16px}.bestiary .b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;padding:4px 24px 26px}.b-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 8px 12px;border-radius:20px;background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--line);transition:transform .35s var(--ease),background .2s;animation:fade .45s var(--soft) both;animation-delay:calc(var(--i, 0) * 25ms)}.b-card:hover{transform:translateY(-3px);background:#ffffff17}.b-card:active{transform:scale(.94)}.b-card strong{font-size:14px}.b-card small{font-size:11.5px;color:var(--muted)}.b-thumb{width:100%;aspect-ratio:1;border-radius:14px;background:radial-gradient(circle at 50% 42%,#15526c,#0a2a3d 80%);display:grid;place-items:center;overflow:hidden}.b-thumb img{width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.8);transition:opacity .4s,transform .5s var(--ease)}.b-thumb img.in{opacity:1;transform:none}.b-card:hover .b-thumb img.in{transform:scale(1.06)}.b-card.special{justify-content:center;background:linear-gradient(160deg,#00c7d938,#124f7059)}.b-card.special .b-ico{width:64px;height:64px;display:grid;place-items:center;margin:22px 0 8px;color:#fff}.b-card.special .b-ico svg{width:100%;height:100%}.b-card.blank .b-ico{color:#00c7d9}.btn.play-go{background:#fff;color:#062a3c;box-shadow:0 8px 22px -10px #fff9}.btn.play-go svg{width:18px;height:18px}.btn>span:has(>svg){display:flex;align-items:center}.btn>span>svg{display:block}.is-play .editor{visibility:hidden;transition:visibility 0s .45s}.is-play .topbar{transform:translateY(-120%);opacity:0}.is-play .rail{transform:translate(-140%);opacity:0}.is-play .panel{transform:translate(110%);opacity:0}.is-play .home,.is-editor .play,.is-home .play{opacity:0;visibility:hidden}.is-play .home{transition:opacity .3s,visibility 0s .3s}body:before{content:"";position:fixed;left:50%;top:52%;width:120vmin;height:120vmin;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(255,126,182,.22),rgba(139,92,255,.12) 40%,transparent 68%);opacity:0;transform:scale(calc(.9 + var(--pulse, 0) * .25));transition:opacity .8s;pointer-events:none}.is-play:before{opacity:1}.is-play.has-music:before{transition:opacity .8s,transform .08s}.play{position:fixed;inset:0;pointer-events:none;transition:opacity .5s}.play>*{pointer-events:auto}.is-play .play{opacity:1;visibility:visible}.play.faded .play-back,.play.faded .play-tr,.play.faded .play-bottom{opacity:.28}.play-back,.play-tr,.play-bottom{transition:opacity .6s,transform .55s var(--soft)}.play-back{position:absolute;top:14px;left:14px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.play-back svg{width:18px;height:18px}.play-tr{position:absolute;top:14px;right:14px;display:flex;gap:4px;padding:4px;border-radius:16px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--line)}.play-bottom{position:absolute;left:50%;bottom:18px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:calc(100vw - 24px)}.play-dock{display:flex;align-items:center;gap:2px;padding:6px;border-radius:22px;overflow-x:auto;max-width:100%;scrollbar-width:none;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px var(--line),0 14px 40px -14px #000000b3}.play-dock::-webkit-scrollbar{display:none}.dock-wrap{position:relative;max-width:100%;display:flex}.dock-arr{position:absolute;top:50%;translate:0 -50%;z-index:2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#0a1e2ceb;box-shadow:inset 0 0 0 1px var(--line),0 6px 18px -6px #000000b3}.dock-arr svg{width:18px;height:18px}.dock-arr.l{left:-10px}.dock-arr.r{right:-10px}.dock-arr:hover{background:#143246f5}.dock-arr[hidden]{display:none}.pact{flex:none;width:62px;height:58px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);transition:transform .35s var(--ease),color .2s,background .2s}.pact svg{width:23px;height:23px;display:block}.pact .pl{font-size:10.5px;font-weight:600}.pact:hover{color:var(--ink);background:#ffffff12}.pact:active{transform:scale(.88) rotate(-4deg)}.music-btn[aria-expanded=true],.has-music .music-btn{color:#fff;background:var(--grad)}.dock-sep{flex:none;width:1px;height:32px;background:var(--line);margin:0 4px}.music-strip{display:flex;gap:8px;padding:6px;border-radius:20px;background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px var(--line);overflow-x:auto;max-width:100%;scrollbar-width:none;animation:pop .35s var(--ease)}.groove{flex:none;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;text-align:left;padding:9px 14px 9px 10px;border-radius:15px;background:#ffffff0d;transition:background .2s,transform .35s var(--ease)}.groove:hover{background:#ffffff1a}.groove:active{transform:scale(.94)}.groove.on{background:color-mix(in srgb,var(--g) 22%,transparent);box-shadow:inset 0 0 0 2px var(--g)}.groove-eq{grid-row:span 2;display:flex;align-items:flex-end;gap:3px;width:26px;height:26px}.groove-eq i{flex:1;height:100%;border-radius:3px;background:var(--g);transform-origin:bottom;transform:scaleY(.25);transition:transform .06s linear}.groove-n{font-weight:700;font-size:14px;white-space:nowrap}.groove-b{font-size:11px;color:var(--muted)}.play-hint{position:absolute;left:50%;top:22px;translate:-50% 0;margin:0;padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--muted);background:#ffffff0d;pointer-events:none;white-space:nowrap;animation:hintOut .6s 6s forwards}@keyframes hintOut{to{opacity:0;transform:translateY(-8px)}}.is-play .play-hint{animation-play-state:running}.toast{position:fixed;left:50%;top:80px;translate:-50% 0;z-index:100;padding:11px 18px;border-radius:999px;background:#fff;color:#1b1424;font-weight:600;font-size:14px;box-shadow:0 14px 40px -10px #0009;opacity:0;transform:translateY(-12px) scale(.95);pointer-events:none;transition:opacity .3s,transform .45s var(--ease)}.toast.show{opacity:1;transform:none}dialog{color:var(--ink);border:0;padding:0;background:transparent}dialog::backdrop{background:#01090f9e;backdrop-filter:blur(6px)}.confirm{background:#0c2c3f;border-radius:22px;padding:22px;width:min(400px,calc(100vw - 32px));box-shadow:inset 0 0 0 1px var(--line),0 30px 80px -20px #000;animation:pop .35s var(--ease)}.confirm p{margin:0 0 18px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.prompt-label{display:grid;gap:10px;font-weight:600;margin-bottom:18px}.prompt-label input{height:44px;border-radius:12px;border:0;padding:0 12px;background:#ffffff14;user-select:text}.gallery{width:min(1100px,calc(100vw - 32px));max-height:calc(100vh - 48px);background:#082333;border-radius:28px;box-shadow:inset 0 0 0 1px var(--line),0 40px 100px -20px #000;overflow:auto;animation:pop .45s var(--ease)}.g-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 24px 16px;background:linear-gradient(#082333 75%,#08233300)}.g-head h2{margin:0;font-size:28px;letter-spacing:-.02em}.g-head .note{margin-top:4px}.g-actions{display:flex;align-items:center;gap:8px}.g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;padding:4px 24px 26px}.g-card{background:#ffffff0b;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);animation:fade .5s var(--soft) both;animation-delay:calc(var(--i) * .04s)}.g-thumb{display:block;width:100%;aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#15526c,#0a2a3d 80%);transition:transform .4s var(--ease)}.g-thumb img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s var(--ease)}.g-thumb:hover img{transform:scale(1.06) rotate(-2deg)}.g-meta{padding:12px 14px 2px;display:flex;flex-direction:column;gap:2px}.g-meta strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-meta time{font-size:12px;color:var(--muted)}.g-btns{display:flex;justify-content:space-between;padding:6px 8px 8px}.g-empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:60px 20px;font-size:16px}.fatal,.gl-lost:after{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:24px;z-index:200}.gl-lost:after{content:attr(data-lost);background:#020b13e0;font-weight:600}@media (max-width: 1099px) and (min-width: 760px){.panel{width:312px}.cards4{grid-template-columns:repeat(3,1fr)}.tb-right .lbl{display:none}.name{width:130px}}@media (max-width: 759px){.topbar{top:8px;left:8px;right:8px;height:48px}.tb-left,.tb-right{padding:4px;border-radius:15px}.logo-mini,.sep,.tb-right .lbl{display:none}.tb-right .btn{width:34px;height:34px;padding:0;justify-content:center}.tb-right .btn svg{width:19px;height:19px}.tb-left,.tb-right{gap:1px}.name{width:min(27vw,120px);height:34px;padding:0 8px}.ibtn{width:34px;height:34px;border-radius:11px}.ibtn svg{width:19px;height:19px}.sound-btn,.gallery-btn{display:none}.btn.play-go{width:34px;height:34px}.play-hint{top:68px;font-size:12.5px;white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 32px)}.play-back .lbl,.play-back{padding:0 12px;height:38px}.pact{width:54px;height:54px}.music-strip{display:grid;grid-template-columns:1fr 1fr;width:calc(100vw - 24px)}.groove{padding:8px 10px}.pact .pl{font-size:9.5px}.menu-item.mobile-only{display:block}.menu.burger .menu-item.mobile-only{display:flex}.more-btn{display:inline-flex}.g-actions{flex-wrap:wrap;width:100%}.g-actions>.ibtn,.g-head>.ibtn{position:absolute;top:16px;right:14px}.g-head>div:first-child{padding-right:40px}dialog.gallery{overflow-x:hidden}.topbar .surprise,.topbar .tb-right .sep,.topbar .play-go,.topbar .save{display:none}.menu-item.dot:after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--accent);vertical-align:middle}.menu{position:fixed;top:60px;right:8px}[data-tip]:hover:after{display:none}.rail{inset:auto 8px 76px;translate:none;flex-direction:row;overflow-x:auto;padding:5px;border-radius:18px;scrollbar-width:none;justify-content:flex-start}.rail::-webkit-scrollbar{display:none}.tool{width:56px;min-height:50px;flex:none}.tool .tl{font-size:10px}.tool.small{min-height:50px;width:46px}.rail-sep{width:1px;height:30px;margin:0 2px;flex:none}.brush-sizes{flex:none;padding:0 4px}.is-home .rail{transform:translateY(200%)}.panel{inset:auto 8px 8px;width:auto;border-radius:22px;display:flex;flex-direction:column-reverse}.is-home .panel{transform:translateY(130%)}.tabs{border-bottom:0;padding:5px}.tab{padding:6px 2px 5px}.tab-ico{width:24px;height:24px}.panes{flex:none;max-height:0;padding:0 14px;transition:max-height .45s var(--soft),padding .3s}.panel.open .panes{max-height:var(--sheet-h, min(46vh, 420px));padding:4px 14px 14px;border-bottom:1px solid var(--line)}.sheet-grip{display:none}.panel.open .sheet-grip{display:flex;justify-content:center;align-items:center;height:22px;flex:none;cursor:grab;touch-action:none}.sheet-grip i{width:42px;height:5px;border-radius:3px;background:#ffffff47;transition:background .2s,width .2s}.panel.dragging .sheet-grip i{background:var(--accent);width:56px}.panel.open~.hint,.editor:has(.panel.open) .rail{opacity:0;pointer-events:none}.hint{bottom:146px;font-size:14px}.home{padding-top:8vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.rail{display:none!important}.btn.surprise.busy{pointer-events:none}.btn.surprise.busy svg{animation:diceSpin .7s cubic-bezier(.5,0,.5,1) infinite}.btn.surprise.busy .lbl{opacity:.65}@keyframes diceSpin{0%{rotate:0deg;scale:1}50%{rotate:180deg;scale:.82}to{rotate:360deg;scale:1}}.voice-btns{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.voice-btns .btn{flex:1;justify-content:center}.lang-chips .chip{font-weight:800}.speech{position:fixed;left:0;top:0;z-index:25;pointer-events:none;white-space:nowrap;margin:-64px 0 0;translate:-50% 0;padding:9px 16px;border-radius:18px;background:#fff;color:#062a3c;font-weight:800;font-size:17px;letter-spacing:.01em;box-shadow:0 12px 30px -10px #0000008c}.speech:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:#fff;translate:-50% 0;rotate:45deg;border-radius:3px}.speech.in{animation:speechIn .35s var(--ease) both}@keyframes speechIn{0%{opacity:0;transform-origin:50% 100%;scale:.6}}.snd-wrap{position:relative}.snd-pop{position:absolute;top:calc(100% + 10px);right:0;width:280px;padding:14px 14px 12px;border-radius:18px;z-index:40;background:#0c2c3f;box-shadow:inset 0 0 0 1px var(--line),0 20px 50px -10px #000000b3;animation:pop .3s var(--ease);display:flex;flex-direction:column;gap:12px;text-align:left}.snd-h{margin:0;font-weight:800;font-size:15px}.snd-row{display:flex;align-items:center;gap:10px;transition:opacity .2s}.snd-pop.muted .snd-row{opacity:.4}.snd-ico{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#ffffff12;color:var(--accent)}.snd-ico svg{width:20px;height:20px}.snd-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.snd-l{font-size:12.5px;font-weight:700;color:var(--muted)}.snd-track{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snd-col input[type=range]{width:100%}.snd-next{flex:none}.snd-mute{padding:9px 12px;border-radius:12px;font-weight:700;font-size:13.5px;background:#ffffff12}.snd-mute:hover{background:#ffffff1f}.snd-mute.on{background:var(--accent);color:var(--on-accent)}@keyframes fadeOnly{0%{opacity:0}}.home-snd{position:absolute;top:max(10px,env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 128px);z-index:2;animation:fadeOnly .8s 1.8s both}body:not(.ready) .home-snd{animation-play-state:paused}.home-snd .ibtn{width:36px;height:36px}.play-tr .snd-pop{right:0}@media (max-width: 640px){.snd-pop{position:fixed;top:60px;right:8px;left:8px;width:auto;z-index:60}}.share{width:min(760px,calc(100vw - 32px))}.sh-body{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:4px 24px 26px;align-items:start}.sh-preview{aspect-ratio:1;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#15526c,#0a2a3d 80%);box-shadow:inset 0 0 0 1px var(--line)}.sh-preview img{width:100%;height:100%;object-fit:cover;display:block;animation:fade .4s var(--soft) both}.share.loading .sh-preview{animation:shPulse 1.2s ease-in-out infinite}@keyframes shPulse{50%{opacity:.6}}.sh-actions{display:flex;flex-direction:column;gap:10px}.sh-btn{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;font-weight:700;font-size:15px;text-align:left;background:#ffffff12;box-shadow:inset 0 0 0 1px var(--line);transition:background .2s,transform .3s var(--ease)}.sh-btn:hover{background:#ffffff1f}.sh-btn:active{transform:scale(.97)}.sh-btn svg{width:22px;height:22px;display:block}.sh-btn.primary{background:var(--accent);color:var(--on-accent);box-shadow:none}.sh-btn[hidden]{display:none}.sh-url{width:100%;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:#00000040;color:var(--muted);font:inherit;font-size:12px}.sh-l{font-size:12px;font-weight:700;color:var(--muted);margin-top:2px}.sh-chips{display:flex;flex-wrap:wrap;gap:6px}.sh-preview{transition:aspect-ratio .3s var(--ease);max-height:62vh;margin:0 auto;width:100%}.sh-preview{position:relative}.sh-preview img{object-fit:contain;opacity:0;transition:opacity .25s}.sh-preview img.ready{opacity:1}.share.loading .sh-preview:after{content:"";position:absolute;left:50%;top:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:4px solid rgba(255,255,255,.18);border-top-color:var(--accent);animation:shSpin .8s linear infinite}@keyframes shSpin{to{rotate:360deg}}.sh-h{margin:8px 0 0;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}@media (max-width: 640px){.sh-body{grid-template-columns:1fr;padding:4px 16px 20px}.sh-preview{max-width:280px;width:100%;margin:0 auto}}.instant,.instant *{animation-delay:0s!important;animation-duration:0s!important}