.guide-layer{position:fixed;inset:0;z-index:46;pointer-events:none}.guide-layer>canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.guide-tail{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;transition:opacity .18s var(--ease-soft)}.guide-tail.leaving{opacity:0}.guide-tail .fill,.guide-cloud .fill{fill:var(--surface-solid)}.guide-tail .line,.guide-cloud .line{fill:none;stroke:var(--line-strong);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.guide-bubble{position:absolute;top:0;left:0;pointer-events:auto;cursor:pointer;will-change:transform}.guide-pop{position:relative;transform-origin:30% 100%;animation:guide-pop var(--dur-bounce) var(--ease-bounce) both}.guide-bubble.leaving .guide-pop{animation:guide-out .18s var(--ease-soft) both}@keyframes guide-pop{0%{opacity:0;transform:translateY(6px) scale(.86)}}@keyframes guide-out{to{opacity:0;transform:translateY(-6px) scale(.97)}}.guide-cloud{position:absolute;top:0;left:0;overflow:visible}.guide-text{position:relative;width:max-content;max-width:250px;margin:0;padding:7px 10px;color:var(--ink);font-size:var(--text-md);line-height:1.4;white-space:pre-line;overflow-wrap:break-word}.gp:not([data-on]){visibility:hidden}.gp-em{font-weight:650}.gp-em[data-on]{animation:gp-ink .2s var(--ease-soft) both}@keyframes gp-ink{0%{opacity:0}}.gp-heading{font-family:var(--font-heading);font-size:1.3em;line-height:1}.gp-heading[data-on]{animation:gp-ink .26s var(--ease-soft) both}.gp-quirk{display:inline-block;font-weight:600;white-space:nowrap}.gp-quirk[data-on]{animation:gp-quirk var(--dur-bounce) var(--ease-bounce) both}@keyframes gp-quirk{0%{opacity:0;transform:rotate(-14deg) scale(.6)}}@media (prefers-reduced-motion: reduce){.guide-pop,.guide-bubble.leaving .guide-pop,.gp-em[data-on],.gp-heading[data-on],.gp-quirk[data-on]{animation:none}}.guide-demo{position:fixed;right:16px;bottom:16px;z-index:47;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:12px 14px;background:var(--surface-solid);font-size:var(--text-sm)}.guide-demo.folded{width:auto}.home-matia{position:relative}.home-matia-layer{position:fixed;inset:0;z-index:var(--z-home-matia);pointer-events:none}.home-matia-layer canvas{position:absolute;inset:0;width:100%;height:100%;display:block}html.hm-grab,html.hm-grab *{cursor:grab!important}html.hm-grabbing,html.hm-grabbing *{cursor:grabbing!important;user-select:none!important}.matia-chip .matia-chip-avatar{width:26px;height:26px;border-radius:7px;font-size:var(--text-sm)}.tut-invite{width:auto;min-width:min(260px,100%)}.tut-invite .dialog-body{align-items:center;text-align:center}.tut-invite-buttons{justify-content:center}.tut-invite-buttons>.btn{min-width:84px}.cap-icon{flex:none;overflow:visible}.cap-icon path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cap-icon path[data-soft]{stroke:var(--line-strong);stroke-width:1.1}.tut-corner{--tut-stroke: var(--line-strong);position:fixed;top:16px;left:16px;z-index:var(--z-sheet);display:flex;align-items:center;width:37px;height:37px;padding:0;border:0;border-radius:999px;background:var(--surface-solid);color:var(--muted);cursor:pointer;transition:width var(--dur-soft) var(--ease-soft),transform var(--dur-bounce) var(--ease-bounce)}.tut-corner:is(:hover,:focus-visible){--tut-stroke: var(--sk-stroke-hover);width:var(--tut-open);color:var(--ink)}.tut-corner:active{transform:scale(var(--press-scale));transition-duration:var(--dur-soft),var(--dur-press)}.tut-ring{position:absolute;inset:0;pointer-events:none}.tut-ring svg{position:absolute;top:0;height:37px;overflow:visible}.tut-ring path{fill:none;stroke:var(--tut-stroke);stroke-width:1;stroke-linecap:round;transition:stroke var(--dur-soft) var(--ease-soft)}.tut-ring-l{left:0;width:18.5px}.tut-ring-m{left:18.5px;width:calc(100% - 37px)}.tut-ring-r{right:0;width:18.5px}.tut-cap{position:relative;display:grid;flex:none;place-items:center;width:37px;height:37px}.tut-cap .cap-icon{transition:transform var(--dur-bounce) var(--ease-bounce)}.tut-corner:hover .tut-cap .cap-icon{transform:rotate(-8deg)}.tut-label-box{position:relative;flex:1;min-width:0;overflow:hidden}.tut-label{display:block;padding-left:1px;font-size:var(--text-xs);white-space:nowrap;opacity:0;transition:opacity var(--dur-quick)}.tut-corner:is(:hover,:focus-visible) .tut-label{opacity:1;transition:opacity var(--dur-soft) var(--ease-soft) 60ms}.touch .tut-corner{top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}@media (prefers-reduced-motion: reduce){.tut-corner,.tut-cap .cap-icon{transition:none}}.tut-scene{position:fixed;inset:0;z-index:45;pointer-events:none}.tut-scene[data-blocking]{pointer-events:auto;cursor:pointer}.tut-paper,.tut-dark{position:absolute;inset:0;transition-property:opacity;transition-timing-function:var(--ease-soft)}.tut-paper{background:#f4f3f0b8;transition-duration:var(--dur-soft)}.tut-dark{background:#2c2a27f5;opacity:0}.tut-spot{--floor: 66vh;--spread: min(420px, 85vw);position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease-soft)}.tut-spot.on{opacity:1;transition:none;animation:tut-flicker .52s linear both}@keyframes tut-flicker{0%{opacity:0}10%{opacity:1}18%{opacity:.15}30%{opacity:1}38%{opacity:.55}50%,to{opacity:1}}.tut-beam{position:absolute;top:-200vh;left:50%;width:var(--spread);height:calc(var(--floor) + 200vh);background:#ffffff80;clip-path:polygon(50% 0,100% 100%,0 100%);transform:translate(-50%)}.tut-pool{position:absolute;top:var(--floor);left:50%;width:var(--spread);height:calc(var(--spread) * .2);border-radius:50%;background:#e8e8e8;transform:translate(-50%,-50%)}.tut-spot-floor{position:absolute;top:calc(var(--floor) - 2px);left:50%;width:160px;height:2px;transform:translate(-50%)}.tut-corners{--tut-top: 16px}.tut-corners .tut-corner{z-index:48;top:var(--tut-top)}.touch .tut-corners{--tut-top: max(10px, env(safe-area-inset-top))}@media (prefers-reduced-motion: reduce){.tut-spot.on{animation:none}}.tut-loop{position:fixed;top:0;left:0;z-index:47;overflow:visible;pointer-events:none}.tut-loop path{fill:none;stroke:#ef8fae;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:tut-loop-in .52s var(--ease-soft) both}@keyframes tut-loop-in{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}html.tut-fenced body{cursor:default}@media (prefers-reduced-motion: reduce){.tut-loop path{animation:none}}:root{--pw-weak: #c9675b;--pw-medium: #d6aa45;--pw-strong: #6fa97a}.pw-meter{display:flex;flex-direction:column;gap:3px;margin-top:-4px}.pw-meter-bar{display:block;overflow:visible}.pw-meter-paper{fill:var(--surface-solid)}.pw-meter-ink{fill:var(--line-strong);transition:fill .3s var(--ease-soft)}.pw-weak .pw-meter-ink{fill:var(--pw-weak)}.pw-medium .pw-meter-ink{fill:var(--pw-medium)}.pw-strong .pw-meter-ink{fill:var(--pw-strong)}.pw-meter-line{fill:none;stroke:var(--line-strong);stroke-width:1}.pw-meter-label{color:var(--muted);font-size:var(--text-xs)}@media (prefers-reduced-motion: reduce){.pw-meter-ink{transition:none}}.pw-head{justify-content:space-between;min-height:18px}.pw-hint-ask{padding:0 4px;font-size:var(--text-xs);line-height:18px}.pw-hint{color:var(--ink-soft);margin-top:-4px;overflow-wrap:anywhere}.bpin{--s: 52px;position:relative;display:block;width:var(--s);height:var(--s);flex:none;--depth: calc(var(--s) * .09);--ink-w: calc(var(--s) * .024 + .6px)}.bpin-body{--pad: calc(var(--s) * .2 + 4px);position:absolute;inset:calc(-1 * var(--pad));pointer-events:none;perspective:calc(var(--s) * 8)}.bpin[data-loading] .bpin-body{visibility:hidden}.bpin-ink{position:absolute;inset:calc(-1 * var(--ink-w));border-radius:50%;background:#2c2a27;transform:translateZ(-.25px)}.bpin-shade{position:absolute;inset:calc(var(--pad) - var(--ink-w));border-radius:50%;background:radial-gradient(closest-side,rgb(30 24 18 / var(--sh-a, .28)) calc(100% - var(--sh-soft, 1.6px)),transparent);translate:var(--sh-x, 2.6px) var(--sh-y, 3.6px);scale:cos(var(--ry, 0deg)) cos(var(--rx, 0deg));transition:translate .2s ease,scale .35s cubic-bezier(.2,.8,.2,1)}.bpin[data-shadow=m] .bpin-shade{--sh-x: 6px;--sh-y: 8.4px;--sh-soft: 2.4px}.bpin[data-shadow=l] .bpin-shade{display:none}.bplate-slot[data-dragging] .bpin-shade{--sh-x: 6.8px;--sh-y: 9.4px;--sh-soft: 4px;--sh-a: .2;transition:translate .2s ease,scale .05s linear}.bpin-layer{position:absolute;border-radius:50%;overflow:hidden;isolation:isolate;backface-visibility:hidden}.bpin-layer .bpin-glare{inset:0}.bpin-tilt{position:absolute;inset:var(--pad);pointer-events:auto;transform-style:preserve-3d;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1)}.bpin[data-live] .bpin-tilt{transition:transform .06s linear}.bpin-front,.bpin-back{position:absolute;inset:0;border-radius:50%}.bpin-back{backface-visibility:hidden;transform:rotateY(180deg) translateZ(.5px);background:url(./pin-back-DT2TTG56.webp) center / cover}.bpin-front{transform-style:preserve-3d}.bpin-face{isolation:isolate;position:absolute;inset:0;border-radius:50%;overflow:hidden}.bpin-face img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.bpin-dome{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 44% 40%,transparent 62%,rgba(44,42,39,.2) 62.6%)}.bpin-glare{position:absolute;inset:0;pointer-events:none;translate:var(--tx, 0px) var(--ty, 0px);opacity:.92;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='.45'/%3E%3C/filter%3E%3Cg filter='url(%23b)' fill='white'%3E%3Cpath d='M17.5 50.5 C17.8 36 26.5 23.5 42.5 17.2 C44.6 16.5 45.6 18.6 43.8 19.8 C31 26.5 24.5 37.5 23.2 50.2 C22.9 53.6 17.6 54 17.5 50.5 Z'/%3E%3Cellipse cx='51.5' cy='16.2' rx='3.4' ry='2.8' transform='rotate(-18 51.5 16.2)'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat}.bpin[data-fin=holo] .bpin-glare,.bpin[data-fin=riso] .bpin-glare,.bpin[data-fin=velvet] .bpin-glare,.bpin[data-fin=matte] .bpin-glare{display:none}.bpin[data-fin=matte] .bpin-dome{opacity:.55}.bpin[data-fin=matte] .bpin-face img{filter:saturate(.82) contrast(.94)}.bpin[data-fin=matte] .bpin-face:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .45 0'/%3E%3C/filter%3E%3Crect width='64' height='64' filter='url(%23n)'/%3E%3C/svg%3E")}.bpin[data-fin=holo] .bpin-face:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:.45;background:radial-gradient(ellipse 30% 70% at calc(34% + var(--tx, 0px) * 4) calc(28% + var(--ty, 0px) * 4),rgba(255,255,255,.55),transparent 70%),conic-gradient(from calc(var(--ry, 0deg) * 8 - var(--rx, 0deg) * 6 + var(--t, 0) * 140deg) at calc(34% + var(--tx, 0px) * 4) calc(28% + var(--ty, 0px) * 4),#ff6fae88,#ffe36f88,#6fffc388,#6fb4ff88,#c46fff88,#ff6fae88)}.bplate-head{display:flex;align-items:center;gap:8px}.bplate-head>:first-child{flex:1;min-width:0}.pf-pop-block.pf-pop-badges{width:min(380px,calc(100vw - 40px))}.pf-block[data-block=badges].look-theme{color:var(--pf-text)}.bplate{position:relative;min-height:180px;touch-action:none}.bplate-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:6px;padding:16px;text-align:center;color:var(--pf-muted, var(--muted));font-size:var(--text-sm)}.bplate-slot{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);translate:-50% -50%;rotate:calc(var(--r) + var(--sw, 0deg));z-index:var(--z, 1);transition:scale .2s ease,rotate .35s cubic-bezier(.3,1.6,.5,1);cursor:pointer;border-radius:50%}.bplate-slot:focus-visible{outline:2px solid var(--pf-accent, var(--accent));outline-offset:4px}.bplate[data-arranging] .bplate-slot{cursor:grab}.bplate-slot[data-dragging]{scale:1.1;cursor:grabbing;transition:scale .2s ease,rotate 0s}.bplate-slot[data-dragging] .bpin-tilt{transition:transform .05s linear}.bplate-slot[data-stab]{animation:bpin-stab .5s cubic-bezier(.3,1.4,.5,1)}@keyframes bpin-stab{0%{scale:1.25}40%{scale:.92;rotate:calc(var(--r) - 7deg)}70%{scale:1.03;rotate:calc(var(--r) + 4deg)}to{scale:1;rotate:var(--r)}}.bplate-turn{position:absolute;right:-10px;top:-10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--sk-fill, #fff);color:var(--ink);border:1.5px solid var(--ink);rotate:calc(-1 * var(--r));cursor:alias;touch-action:none}.bplate-turn .icon{width:13px;height:13px}.bcard{display:grid;justify-items:center;gap:6px;text-align:center;width:min(280px,80vw)}.bcard .bpin{margin:6px 0 14px}.bcard-title{font-family:var(--font-heading);font-size:22px;line-height:1.15;text-wrap:balance}.bcard-desc{color:var(--ink-soft)}.bcard-meta{font-size:var(--text-xs);color:var(--muted)}.bcollection{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;max-width:min(460px,86vw);max-height:50vh;overflow:auto;padding:6px}.bcollection-item{display:grid;justify-items:center;gap:4px;padding:6px 4px;border-radius:12px;background:none;border:1.5px solid transparent;font:inherit;font-size:var(--text-xs);color:inherit;cursor:pointer}.bcollection-item[data-on]{border-color:var(--line-strong)}.bcollection-item:hover{background:var(--surface-sunk)}.baward{position:fixed;inset:0;z-index:var(--z-top);display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--bg) 82%,transparent)}.baward-in{display:grid;justify-items:center;gap:14px;text-align:center;max-width:420px}.baward-stage{position:relative;width:min(230px,60vw);aspect-ratio:1}.baward-title{font-family:var(--font-heading);font-size:32px;line-height:1.1;opacity:0}.baward-desc{color:var(--ink-soft);opacity:0;margin:0}.baward-artist{font-size:var(--text-xs);color:var(--ink-soft)}.baward-tap{font-size:var(--text-xs);color:var(--muted);opacity:0}.baward-flyer{position:fixed;z-index:calc(var(--z-top) + 1);pointer-events:none}@media (prefers-reduced-motion: reduce){.bpin-tilt{transition:none}.bplate-slot[data-stab]{animation:none}}.bpin[data-fin=riso] .bpin-face>img:first-child{filter:contrast(1.08) saturate(1.15)}.bpin-riso{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.5;filter:sepia(1) hue-rotate(290deg) saturate(4) brightness(1.05);translate:calc(var(--tx, 0px) * 3 + var(--s) * .012) calc(var(--ty, 0px) * 3 - var(--s) * .008)}.bpin[data-fin=riso] .bpin-face:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .55 0 0 0 0 .75 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23n)'/%3E%3C/svg%3E")}.bpin[data-fin=velvet] .bpin-face>img:first-child{filter:saturate(.85) brightness(.97)}.bpin[data-fin=velvet] .bpin-face:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(.25 + var(--lean, 0) * .75);background:radial-gradient(circle at calc(50% - var(--tx, 0px) * 6) calc(50% - var(--ty, 0px) * 6),transparent 58%,rgba(255,250,244,.18) 76%,rgba(255,250,244,.55) 100%);transition:opacity .25s ease}.bplate-empty-ring{width:46px;height:46px;border-radius:50%;border:2px dashed var(--line-strong);rotate:-8deg}.bplate-head .btn.bplate-more{min-height:22px;padding:0 8px 4px;line-height:1;font-weight:700;letter-spacing:1px;color:var(--pf-text, var(--ink));background:color-mix(in srgb,var(--pf-text, var(--ink)) 12%,transparent)}.bplate-head .btn.bplate-more:hover:not(:disabled){background:color-mix(in srgb,var(--pf-text, var(--ink)) 22%,transparent)}.tab-row .tab-sign[data-pin]{background:none;overflow:visible}.tab-sign[data-chosen]{margin-left:6px}.bshelf-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bshelf-count{display:inline-flex;align-items:center;gap:2px;flex:none;font-size:var(--text-xs);color:var(--ink-soft)}.bshelf-count>:first-child{margin-left:4px}.bshelf-count .icon{width:14px;height:14px;color:var(--muted)}.bshelf-count .bshelf-star-on{color:var(--ink);fill:currentColor}.bshelf-count[data-shake]{animation:bshelf-shake .45s ease-in-out}@keyframes bshelf-shake{20%{translate:-3px 0}40%{translate:3px 0}60%{translate:-2px 0}80%{translate:1px 0}}.bshelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px 10px;max-height:50vh;overflow:auto;padding:10px 6px}.bshelf-cell{display:grid;justify-items:center;align-content:start;gap:8px}.bshelf-tile.profile-card{width:100%;align-items:center;gap:8px;padding:12px 8px 10px;text-align:center;--sk-r: 18px}.bshelf-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--text-xs);line-height:1.25;color:var(--ink-soft);text-wrap:balance;overflow-wrap:break-word;hyphens:auto}.bshelf-tile[aria-pressed=true] .bshelf-name{color:var(--ink)}.bshelf-tab.chip{gap:4px;padding:2px 10px 2px 8px;font:inherit;font-size:var(--text-xs);cursor:pointer}.bshelf-tab .icon{width:13px;height:13px}.bshelf-tab[aria-pressed=true] .icon{fill:currentColor}.bshelf-tab[data-dim]{opacity:.5}@media (prefers-reduced-motion: reduce){.bshelf-count[data-shake]{animation:none}}.tab-row .tab-sign[data-pin]+.tab-sign[data-pin]{margin-left:3px}.tab-row .bpin .bpin-shade{--sh-x: 1.2px;--sh-y: 1.6px;--sh-soft: 1px}.tab-row .tab-sign[data-pin]+.tab-sign[data-chosen]{margin-left:9px}.tab-row .tab-sign[data-pin] .bpin{transform-origin:50% -15%}.tab-row .tab-sign[data-pin]:hover .bpin{animation:bpin-bell .7s ease-in-out}@keyframes bpin-bell{0%{rotate:0deg}14%{rotate:8deg}30%{rotate:-6deg}46%{rotate:4deg}62%{rotate:-2deg}78%{rotate:1deg}to{rotate:0deg}}@media (prefers-reduced-motion: reduce){.tab-row .tab-sign[data-pin]:hover .bpin{animation:none}}.abadges-grid.bshelf{max-height:none;overflow:visible;padding:4px 2px}.abadges-new .abadges-plus{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px dashed var(--line-strong);font-size:26px;line-height:1;color:var(--ink-soft)}.abadges-editor{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding-top:16px;border-top:1.5px solid var(--line)}.abadges-look{display:grid;justify-items:center;align-content:start;gap:10px;text-align:center}.abadges-look .bpin{margin:8px 0 12px}.abadges-buttons{justify-content:center;gap:6px}.abadges-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.abadges-pair textarea{min-height:88px}.abadges-rule{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 10px;align-items:end}.abadges-rule>.tiny{grid-column:1 / -1}.abadges-owners{padding-top:12px;border-top:1.5px solid var(--line)}.abadges-names{gap:4px 10px}@media (max-width: 640px){.abadges-editor,.abadges-pair{grid-template-columns:minmax(0,1fr)}}.draw{gap:8px}.draw-canvas{display:block;cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.draw-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.draw-tools{display:inline-flex;flex-wrap:wrap;padding:3px;gap:2px;border-radius:18px;background:var(--surface-sunk)}.draw-tool{display:inline-grid;place-items:center;width:30px;height:30px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background var(--dur-quick) var(--ease-soft),color var(--dur-quick) var(--ease-soft)}.draw-tool:hover{color:var(--ink)}.draw-tool[aria-pressed=true]{background:#fff;color:var(--accent-ink)}.draw-tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.touch .draw-tool{width:40px;height:40px}.draw-history{display:flex;align-items:center;gap:2px;margin-left:auto}.draw-stage{position:relative;align-self:flex-start;width:100%;max-width:360px}.draw-stage .draw-canvas{max-width:none}.draw-ring{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #2c2a278c;pointer-events:none}.draw-ring[data-square]{border-radius:1px}.draw-colors{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;padding:4px;margin:-4px}.draw-colors>.swatch{flex:0 1 22px;min-width:12px;width:auto;height:auto;aspect-ratio:1}.touch .draw-colors>.swatch{flex-basis:30px}.draw-any{background:conic-gradient(#ff6b6b,#ffd166,#3ecf7a,#2fb8d6,#7482ee,#e96bd3,#ff6b6b)}.draw-any[aria-expanded=true]{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 4px var(--accent)}.draw-recent{display:flex;flex-wrap:nowrap;align-items:center;gap:5px}.draw-recent .tiny{margin-right:2px}.swatch.swatch-sm{width:18px;height:18px}.touch .swatch.swatch-sm{width:26px;height:26px}.draw-preview{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border-radius:var(--radius-sm);background:var(--surface-sunk)}.draw-preview>span{display:block;border-radius:50%;outline:1px dashed transparent}.draw-preview>span[data-square]{border-radius:1px}.draw-preview>span[style*=transparent]{outline-color:var(--ink-soft)}.draw-slider{display:inline-flex;align-items:center;gap:8px}.draw-slider input{width:96px}.draw-value{min-width:2.6em;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.card.draw-popover{position:fixed;z-index:var(--z-drawing-pop);width:min(280px,calc(100vw - 16px));padding:12px;background:var(--surface-solid)}.draw-picker{display:flex;flex-direction:column;gap:10px}.draw-picker-sv{position:relative;height:130px;border-radius:var(--radius-sm);background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;touch-action:none}.draw-picker-hue{position:relative;height:14px;border-radius:999px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;touch-action:none}.draw-picker-knob{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #fff;box-shadow:0 0 0 1px #2c2a2759;pointer-events:none}.draw-picker-now{width:28px;height:28px;flex:none;border-radius:50%;border:1px solid var(--line-strong)}.draw-picker-hex{width:96px;font-variant-numeric:tabular-nums}.touch .draw-picker-sv{height:160px}.touch .draw-picker-hue{height:22px}.draw-full{position:fixed;inset:0;z-index:var(--z-drawing);display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;background:#f4f3f0f7;animation:drop-in var(--dur-quick) var(--ease-soft)}.draw-full-top{display:flex;flex-direction:row;align-items:center;gap:10px}.draw-full-main{flex:1;min-height:0;display:flex;flex-direction:row;align-items:stretch;gap:16px}.card.draw-full-tools{padding:8px;align-self:center}.card.draw-full-tools .draw-tools{flex-direction:column;flex-wrap:nowrap;border-radius:18px}.card.draw-full-tools .draw-tool{width:38px;height:38px}.draw-full-stage{flex:1;min-width:0;min-height:0;display:grid;place-items:center;container-type:size}.draw-full-stage .draw-stage{align-self:center;max-width:none}.draw-full-stage .draw-canvas{width:100%;max-width:none}.card.draw-full-side{--side-pad-b: 16px;--side-pad-i: 16px;--side-gap: 14px;width:260px;flex:none;padding:0;display:flex;flex-direction:column;align-self:center;max-height:100%}.card.draw-full-side .draw-full-side-body{--sk-inset: 12px;--pad-b: var(--side-pad-b);--pad-i: var(--side-pad-i);display:flex;flex-direction:column;gap:var(--side-gap);overflow-x:hidden}.card.draw-full-side .draw-options{flex-direction:column;align-items:flex-start}.card.draw-full-side .draw-slider input{width:120px}.draw-away{width:100%;max-width:360px;display:grid;place-content:center;justify-items:center;gap:8px;border-radius:8px;border:1px dashed var(--line-strong);background:var(--surface-sunk)}@media (max-width: 720px){.draw-full-top{gap:4px}.draw-collapse-label{display:none}.draw-full{padding:10px 10px 12px;gap:8px}.draw-full-main{flex-direction:column;gap:8px}.draw-full-stage{order:-1}.card.draw-full-tools{align-self:stretch;padding:6px}.card.draw-full-tools .draw-tools{flex-direction:row;flex-wrap:wrap;justify-content:center}.card.draw-full-side{width:auto;align-self:stretch;max-height:34vh;--side-pad-b: 10px;--side-pad-i: 10px;--side-gap: 8px}.card.draw-full-side .draw-options{flex-direction:row;align-items:center}}.draw-chat{position:relative}.draw-chat-btn{gap:6px}.draw-chat-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:700;line-height:18px;text-align:center}.card.draw-chat-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:2;width:min(360px,calc(100vw - 24px));padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--surface-solid)}.draw-chat-log{max-height:220px;display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm)}.card.draw-full-side .draw-options{align-items:stretch}.card.draw-full-side .draw-slider{width:100%}.card.draw-full-side .draw-slider input{flex:1;width:auto;min-width:0}.card.draw-full-side .draw-slider{flex-wrap:wrap;row-gap:2px}.card.draw-full-side .draw-slider>span:first-child{width:100%}.draw-main{display:flex;align-items:flex-start;gap:10px}.draw-main .draw-stage{flex:1;min-width:0}.draw-tools[data-grid]{display:inline-grid;grid-auto-flow:column;flex:none}@media (min-width: 721px){.draw-full-main{margin-bottom:50px}}.draw-full .draw-canvas{image-rendering:pixelated}.draw-full-stage{overflow:hidden}.draw-full-stage .draw-stage{transform-origin:center;will-change:transform}.draw-full-stage[data-panning]{cursor:grab}.draw-full-stage[data-panning] .draw-canvas{cursor:inherit}.draw-canvas[data-tool=picker]{cursor:copy}.draw-zoom{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:4px 6px 4px 14px;border-radius:999px;background:var(--surface-solid);border:1px solid var(--line);font-variant-numeric:tabular-nums}.dialog-backdrop.draw-discard{z-index:var(--z-top)}.draw-frame{position:absolute;cursor:move;touch-action:none;outline:1.5px dashed var(--accent);outline-offset:-1px}.draw-frame-corner{position:absolute;width:12px;height:12px;margin:-6px;border-radius:3px;background:#fff;border:1.5px solid var(--accent);touch-action:none}.touch .draw-frame-corner{width:24px;height:24px;margin:0}.draw-frame-corner[data-corner=nw]{left:0;top:0;cursor:nwse-resize}.draw-frame-corner[data-corner=ne]{right:0;top:0;cursor:nesw-resize}.draw-frame-corner[data-corner=sw]{left:0;bottom:0;cursor:nesw-resize}.draw-frame-corner[data-corner=se]{right:0;bottom:0;cursor:nwse-resize}.draw-drop-all{position:relative}.draw-full.drop-zone{position:fixed;border-radius:0}.draw-full .drop-hint{inset:10px;z-index:7;font-size:var(--text-lg)}.draw-stage{overflow:visible}.draw-canvas[data-tool=picture]{cursor:default}.draw-picture .btn .icon{margin-right:4px}.draw-full{top:var(--draw-vtop, 0px);bottom:auto;height:var(--draw-vh, 100%)}.draw-full-stage{touch-action:none}.draw-full-quick{display:flex;align-items:center;gap:8px}.draw-full-quick .draw-colors{flex:1;min-width:0}.draw-full-more{display:flex;flex-direction:column;gap:14px}.btn.draw-more-btn{display:none}@media (max-width: 720px){.draw-full-main{gap:0}.draw-full-stage{margin-bottom:8px}.card.draw-full-tools{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;padding:6px 8px 2px}.card.draw-full-tools .draw-tools{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;background:transparent;padding:0}.card.draw-full-side{border-top-left-radius:0;border-top-right-radius:0;border-top:0;max-height:45vh;--side-pad-b: 8px;--side-pad-i: 10px}.btn.draw-more-btn{display:inline-grid;place-items:center;flex:none}.draw-full-more{display:none;padding-top:8px}.card.draw-full-side[data-more] .draw-full-more{display:flex}}.touch .draw-colors>.swatch{width:auto;height:auto}@media (max-width: 720px){.card.draw-full-tools,.card.draw-full-side{background:var(--surface-solid)}.draw-zoom{bottom:auto;top:58px}}@media (max-width: 720px){.card.draw-full-tools{display:flex;align-items:center;gap:6px}.card.draw-full-tools .draw-tools{flex:1;min-width:0}.touch .draw-colors{gap:4px}}@media (min-width: 721px){.card.draw-full-side .draw-colors{display:grid;grid-template-columns:repeat(7,24px);gap:8px}.card.draw-full-side .draw-colors>.swatch{width:24px;height:24px}}@media (prefers-reduced-motion: reduce){.draw-full{animation:none}}.transform-gizmo{--gz-x: #c25a50;--gz-y: #5d9350;--gz-z: #4b6eae;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.transform-gizmo[data-shown=false]{visibility:hidden}.transform-gizmo[data-dragging]{cursor:grabbing}.gz-handle{--gz: var(--surface)}.gz-handle[data-tone=x]{--gz: var(--gz-x)}.gz-handle[data-tone=y]{--gz: var(--gz-y)}.gz-handle[data-tone=z]{--gz: var(--gz-z)}.gz-ink,.gz-core{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke-width var(--dur-quick) var(--ease-soft)}.gz-ink{stroke:var(--ink);stroke-width:5.5}.gz-core{stroke:var(--gz);stroke-width:2.6}.gz-head{fill:var(--gz);stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round;pointer-events:none}.gz-hit{fill:none;stroke:transparent;stroke-width:16;pointer-events:stroke;cursor:grab}.gz-hit-head{fill:transparent;stroke-width:6;pointer-events:all}.gz-free .gz-ink{fill:var(--surface);stroke-width:2}.gz-free .gz-core{display:none}.gz-free .gz-hit{fill:transparent;stroke-width:10;pointer-events:all}.gz-ring .gz-ink{stroke-width:4.6}.gz-ring .gz-core{stroke-width:2.2}.gz-size .gz-head{fill:var(--surface)}.gz-size[data-tone=x] .gz-head,.gz-size[data-tone=y] .gz-head{fill:var(--gz)}.gz-size[data-tone=ink] .gz-ink{stroke-width:4}.gz-handle:hover .gz-ink,.transform-gizmo[data-dragging] .gz-ink{stroke-width:7.5}.gz-handle:hover .gz-core,.transform-gizmo[data-dragging] .gz-core{stroke-width:3.6}.gz-free:hover .gz-ink,.transform-gizmo[data-dragging] .gz-free .gz-ink{stroke-width:3}.gz-ring:hover .gz-ink,.transform-gizmo[data-dragging] .gz-ring .gz-ink{stroke-width:6.4}.gz-lock-plate{fill:var(--surface);stroke:var(--ink);stroke-width:1.5}.gz-lock-icon{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.gz-lock-body{transform-box:fill-box;transform-origin:center}.gz-twitch .gz-lock-body{animation:gz-twitch .36s var(--ease-soft)}@keyframes gz-twitch{20%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}}@media (prefers-reduced-motion: reduce){.gz-twitch .gz-lock-body{animation:none}.gz-ink,.gz-core{transition:none}}.transform-readout{position:absolute;top:16px;left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100vw - 32px);display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none;font-variant-numeric:tabular-nums}.editor-transform{margin-top:-2px}.collider-overlay,.collider-gizmo{--co: #5d9350;position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.collider-overlay path{fill:none;stroke-linecap:round;stroke-linejoin:round}.co-ink{stroke:var(--ink);stroke-width:4}.co-core{stroke:var(--co);stroke-width:1.8}.co-others{stroke:var(--co);stroke-width:1.4;opacity:.55}.collider-gizmo .co-hit{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer}.collider-gizmo .co-pick-ink,.collider-gizmo .co-pick-core{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.collider-gizmo[data-kind=zone] .co-pick-ink,.collider-gizmo[data-kind=zone] .co-pick-core{stroke-dasharray:10 7}.collider-gizmo[data-kind=zone] .co-pick-core{stroke:var(--gz-z)}.collider-gizmo .co-pick-ink{stroke:var(--ink);stroke-width:6}.collider-gizmo .co-pick-core{stroke:var(--co);stroke-width:2.6}.load-wrap{position:fixed;inset:0;z-index:47;display:grid;place-items:center;pointer-events:none}.load{display:flex;flex-direction:column;align-items:center;gap:10px}.load-bar{overflow:visible}.load-paper{fill:var(--surface-solid)}.load-ink{fill:var(--ink)}.load-line{fill:none;stroke:var(--line-strong);stroke-width:1}.load-caption{color:var(--muted);font-size:var(--text-sm)}.enter-paper{position:fixed;inset:0;z-index:45;background:#f4f3f0b8;transition:opacity var(--dur-soft) var(--ease-soft)}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f4f3f0;--ink: #2c2a27;--ink-soft: #55524d;--muted: #6e6e6e;--line: #dedbd6;--line-strong: #bcbcbc;--surface: #ffffff;--surface-solid: #ffffff;--surface-sunk: rgba(44, 42, 39, .045);--accent: #2c2a27;--accent-soft: #e8eaf7;--accent-ink: #2c2a27;--warm: #c9894f;--warm-soft: rgba(233, 163, 107, .14);--calm-error: #b86a5f;--calm-error-soft: rgba(217, 119, 111, .1);--warm-ink: #7a5431;--error-ink: #8a4d45;--ok: #7fb98a;--on-ink: #fbfaf8;--ink-off: #a3a09b;--sk-fill: #ffffff;--sk-stroke: #bcbcbc;--sk-stroke-hover: #8f8c88;--radius: 14px;--radius-sm: 10px;--z-home-matia: 20;--z-sheet: 30;--z-dialog: 40;--z-drawing: 45;--z-drawing-pop: 48;--z-toast: 50;--z-top: 60;--z-help: 70;--z-drop: 1000;--font: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading: "Buccaneer Cyr", "Trebuchet MS", var(--font);--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--heading-sm: 18px;--heading: 20px;--ease-soft: cubic-bezier(.22, .8, .28, 1);--ease-bounce: cubic-bezier(.34, 1.26, .64, 1);--ease-settle: cubic-bezier(.2, 1.1, .34, 1);--dur-soft: .32s;--dur-bounce: .46s;--dur-settle: .62s;--dur-quick: .15s;--dur-press: 90ms;--float-distance: 8px;--float-scale: .985;--hover-lift: 1.5px;--press-scale: .97}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft)}@keyframes float-in{0%{opacity:0;transform:translateY(var(--float-distance)) scale(var(--float-scale))}to{opacity:1;transform:none}}@keyframes float-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(var(--float-distance) * .5)) scale(var(--float-scale))}}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.float-in{animation:float-in var(--dur-bounce) var(--ease-bounce) both}.float-out{animation:float-out var(--dur-soft) var(--ease-soft) both;pointer-events:none}.stagger>*{animation:float-in var(--dur-bounce) var(--ease-bounce) both}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(n+6){animation-delay:.2s}@media (prefers-reduced-motion: reduce){:root{--float-distance: 0px;--float-scale: 1;--hover-lift: 0px;--press-scale: 1}.stagger>*{animation-delay:0ms!important}}.screen{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:24px;overflow:auto}.stack{display:flex;flex-direction:column;gap:12px}.stack-sm{display:flex;flex-direction:column;gap:6px}.stack-lg{display:flex;flex-direction:column;gap:22px}.row{display:flex;align-items:center;gap:10px}.row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.row>.input{min-width:0}.grow{flex:1;min-width:0}.center{text-align:center;align-items:center}.title{font-family:var(--font-heading);font-size:clamp(30px,5vw,44px);font-weight:400;margin:0}.h2{font-family:var(--font-heading);font-size:var(--heading);font-weight:700;margin:0}.h3{font-size:var(--text-sm);font-weight:600;margin:0;color:var(--ink-soft)}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.tiny{font-size:var(--text-xs)}.mono{font-variant-numeric:tabular-nums;letter-spacing:.06em}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card-plain{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.divider{height:1px;background:var(--line);border:0;margin:4px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 16px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface-solid);cursor:pointer;white-space:nowrap;transition:transform var(--dur-bounce) var(--ease-bounce),background var(--dur-soft) var(--ease-soft),border-color var(--dur-soft) var(--ease-soft),opacity var(--dur-soft) var(--ease-soft)}.btn:hover:not(:disabled){transform:translateY(calc(var(--hover-lift) * -1));border-color:#2c2a2738}.btn:active:not(:disabled){transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.btn:focus-visible{outline:none;border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.btn-primary:hover:not(:disabled){border-color:var(--ink)}.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-sunk)}.btn-big{min-height:52px;padding:12px 28px;font-size:var(--text-lg);font-weight:500}.btn-sm{min-height:28px;padding:3px 11px;font-size:var(--text-sm)}.btn-icon{width:36px;padding:0}.btn-quiet-danger:hover:not(:disabled){color:var(--calm-error);background:var(--calm-error-soft)}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>span{font-size:var(--text-xs);color:var(--muted)}.input{width:100%;min-height:34px;padding:6px 11px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-solid);transition:border-color var(--dur-soft) var(--ease-soft)}.input:focus{outline:none;border-color:var(--accent)}textarea.input{resize:vertical;min-height:64px}.input-num{width:76px;text-align:right;font-variant-numeric:tabular-nums}.input-code{font-size:22px;letter-spacing:.12em;text-align:center;text-transform:uppercase;font-variant-numeric:tabular-nums}.slider{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px}.slider>span{font-size:var(--text-sm);color:var(--ink-soft)}.slider>.slider-value{width:64px;padding:1px 6px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;font:inherit;font-size:var(--text-xs);color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;cursor:text;transition:border-color var(--dur-soft) var(--ease-soft),background var(--dur-soft) var(--ease-soft)}.slider>.slider-value:hover{border-color:var(--line-strong)}.slider>.slider-value:focus{outline:none;border-color:var(--accent);background:var(--surface-solid);color:var(--ink)}.slider>input[type=range]{grid-column:1 / -1}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:var(--line-strong)}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:var(--line-strong)}input[type=range]::-moz-range-progress{height:3px;border-radius:3px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6.5px;border-radius:50%;background:#fff;border:1px solid var(--line-strong);transition:transform var(--dur-bounce) var(--ease-bounce)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:1px solid var(--line-strong);transition:transform var(--dur-bounce) var(--ease-bounce)}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.12)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:var(--text-sm);color:var(--ink-soft);user-select:none}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle .track{position:relative;flex:none;width:34px;height:20px;border-radius:999px;background:var(--line-strong);transition:background var(--dur-soft) var(--ease-soft)}.toggle .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--dur-bounce) var(--ease-bounce)}.toggle input:checked+.track{background:var(--accent)}.toggle input:checked+.track .knob{transform:translate(14px)}.segmented{display:inline-flex;padding:3px;gap:2px;border-radius:999px;background:var(--surface-sunk)}.segmented button{border:0;background:transparent;padding:4px 12px;border-radius:999px;font-size:var(--text-sm);color:var(--ink-soft);cursor:pointer;transition:background var(--dur-soft) var(--ease-soft),color var(--dur-soft) var(--ease-soft)}.segmented button[aria-pressed=true]{background:#fff;color:var(--ink)}.section{border-top:1px solid var(--line)}.section:first-child{border-top:0}.section>button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:11px 2px;border:0;background:none;cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--ink-soft)}.section>button .chev{transition:transform var(--dur-bounce) var(--ease-bounce);color:var(--muted)}.section[data-open=true]>button .chev{transform:rotate(90deg)}.section-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-bounce) var(--ease-soft)}.section[data-open=true] .section-body{grid-template-rows:1fr}.section-body>div{overflow:hidden}.section-inner{padding:2px 2px 14px;display:flex;flex-direction:column;gap:12px}.field-label{display:inline-flex;align-items:center;gap:5px;min-width:0}.info-tip{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;margin:-2px 0;padding:0;border:1px solid var(--line-strong);border-radius:999px;background:var(--surface-solid);color:var(--muted);font-size:13px;line-height:1;cursor:pointer;vertical-align:middle;transition:color var(--dur-soft) var(--ease-soft),background-color var(--dur-soft) var(--ease-soft)}.info-tip:hover,.info-tip[aria-expanded=true]{color:var(--ink)}.info-tip[aria-expanded=true]{background:var(--accent-soft)}.section[data-help]{position:relative}.section[data-help]>button{padding-right:30px}.section-help{position:absolute;top:14px;right:2px;display:flex}.info-card{position:fixed;z-index:var(--z-help);width:min(280px,calc(100vw - 16px));padding:12px 15px 13px;display:flex;flex-direction:column;gap:5px}.info-card-title{font-family:var(--font-heading);font-size:var(--heading-sm);font-weight:400;line-height:1.2}.info-card-text{margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--ink-soft)}.note{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:var(--radius-sm);background:var(--warm-soft);color:var(--warm-ink);font-size:var(--text-sm)}.note-calm{background:var(--surface-sunk);color:var(--ink-soft)}.note-error{background:var(--calm-error-soft);color:var(--error-ink)}.toasts{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:var(--z-toast);pointer-events:none}.toast{padding:9px 16px;border-radius:999px;background:#2c2a27db;color:var(--on-ink);font-size:var(--text-sm);max-width:min(520px,90vw)}.toast[data-tone=error]{background:#fff;color:var(--error-ink);border:1px solid rgba(217,119,111,.3)}.dialog-backdrop{position:fixed;inset:0;z-index:var(--z-dialog);display:grid;place-items:center;padding:20px;background:#f4f3f0b8;animation:fade-in var(--dur-soft) var(--ease-soft) both}@keyframes fade-in{0%{opacity:0}}.dialog{width:min(420px,100%);max-height:calc(100vh - 40px);overflow:auto}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:var(--text-sm)}.dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}.dot[data-status=online]{background:var(--ok)}.dot[data-status=connecting]{background:var(--warm);animation:breathe 1.6s ease-in-out infinite}.dot[data-status=offline]{background:var(--calm-error)}.icon{display:inline-block;flex:none;vertical-align:-.15em}.icon-lead{margin-right:5px}.kbd{display:inline-block;padding:0 6px;border-radius:6px;border:1px solid var(--line-strong);font-size:var(--text-xs);background:#fff}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll{overflow:auto;scrollbar-width:thin}.sk-scroll{--sk-inset: 14px;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:var(--sk-inset) 4px var(--sk-inset) 0;padding:max(0px,calc(var(--pad-b, 0px) - var(--sk-inset))) max(0px,calc(var(--pad-i, 0px) - 4px)) max(0px,calc(var(--pad-b, 0px) - var(--sk-inset))) var(--pad-i, 0px)}:root[data-portal=on] :is(.hud,.chat,.labels,.joy-zone){opacity:0;pointer-events:none;transition:opacity .26s var(--ease-soft)}.at-link{position:relative;display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.at-link:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:5px;background:currentColor;opacity:.45;-webkit-mask:var(--at-curl) repeat-x left center / 9px 4.8px;mask:var(--at-curl) repeat-x left center / 9px 4.8px;transition:opacity var(--dur-quick) var(--ease-soft);pointer-events:none}.at-link:hover:after,.at-link:focus-visible:after{opacity:.9}.at-link:focus-visible{outline:1.5px solid currentColor;outline-offset:2px;border-radius:4px}:root{--at-curl: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='7.23'%20height='3.85'%20viewBox='0%200%207.23%203.85'%3E%3Cpath%20d='M-0.00%203.35L0.27%203.34L0.53%203.33L0.79%203.30L1.05%203.26L1.30%203.22L1.55%203.16L1.79%203.09L2.02%203.02L2.25%202.93L2.46%202.84L2.66%202.74L2.85%202.64L3.03%202.53L3.19%202.41L3.34%202.29L3.48%202.17L3.60%202.05L3.71%201.93L3.80%201.80L3.88%201.68L3.94%201.56L3.99%201.44L4.03%201.32L4.05%201.21L4.07%201.11L4.06%201.01L4.05%200.92L4.03%200.83L4.00%200.76L3.96%200.69L3.91%200.63L3.86%200.59L3.80%200.55L3.74%200.52L3.68%200.51L3.61%200.50L3.55%200.51L3.48%200.52L3.42%200.55L3.36%200.59L3.31%200.63L3.26%200.69L3.23%200.76L3.19%200.83L3.17%200.92L3.16%201.01L3.16%201.11L3.17%201.21L3.20%201.32L3.23%201.44L3.28%201.56L3.35%201.68L3.43%201.80L3.52%201.92L3.63%202.05L3.75%202.17L3.89%202.29L4.04%202.41L4.20%202.53L4.38%202.64L4.57%202.74L4.77%202.84L4.98%202.93L5.20%203.02L5.43%203.09L5.67%203.16L5.92%203.22L6.17%203.26L6.43%203.30L6.70%203.33L6.96%203.34L7.23%203.35'%20fill='none'%20stroke='black'%20stroke-width='0.55'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}.profile-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted);font:inherit;cursor:pointer;z-index:2}.profile-close:hover{background:var(--surface-sunk);color:var(--ink)}.dialog:has(.profile-close){position:relative;background:var(--surface-solid);padding:0}.dialog:has(.profile-close)>.dialog-body{padding:0;overflow:hidden auto;scrollbar-width:none;--pf-fade: 0px;mask-image:linear-gradient(#000 calc(100% - var(--pf-fade)),transparent);transition:--pf-fade var(--dur-soft) var(--ease-soft)}.dialog:has(.profile-close)>.dialog-body::-webkit-scrollbar{display:none}@media (min-width: 761px){.dialog:has(.profile-close)>.dialog-body[data-more]:not(:has(.pf-savebar)){--pf-fade: 56px}}@property --pf-fade{syntax: "<length>"; inherits: false; initial-value: 0px;}.pf-pad{display:block;padding:22px 56px 22px 22px}.pf-theme{position:relative;isolation:isolate;overflow:hidden;min-height:460px;padding:22px;color:var(--pf-text)}.pf-bg,.pf-dim{position:absolute;inset:0;z-index:-1;pointer-events:none}.pf-dim{background:#000}.pf-panel,.lt-panel{background:var(--pf-panel);border-radius:var(--pf-radius, var(--radius));border:var(--pf-border-w, 0px) solid var(--pf-border-c, color-mix(in srgb, var(--pf-text) 55%, transparent));box-shadow:var(--pf-shadow, none);padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pf-muted{color:color-mix(in srgb,var(--pf-text) 62%,transparent)}.pf-theme .h3{color:inherit}.pf-panel .btn-primary{background:var(--pf-accent);border-color:var(--pf-accent);color:#fff}.pf-panel .btn:not(.btn-primary){color:var(--ink)}.pf-panel .btn.btn-ghost:not(.btn-primary){color:var(--pf-text)}.sketchy .pf-sticker-card.card{--sk-r: 10px}.pf-avatar{--pf-avatar-size: 148px;position:relative;width:var(--pf-avatar-size);height:var(--pf-avatar-size);flex:none;margin:calc(var(--pf-avatar-size) * var(--frame-extra, 0));touch-action:none}.pf-avatar-anchor{position:relative;flex:none;display:flex}.pf-avatar-clip{position:absolute;inset:0;overflow:hidden;border-radius:18px;background:var(--accent-soft)}.pf-avatar[data-shape=circle] .pf-avatar-clip{border-radius:50%}.pf-avatar-clip[data-picture]{background:none}.pf-avatar-clip img{width:100%;height:100%;object-fit:cover;display:block}.world-icon.pf-avatar-matia{width:100%;height:100%;border-radius:0;font-size:52px}.pf-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}.pf-palettes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pf-palette{display:flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-xs);cursor:pointer;transition:transform var(--dur-quick) var(--ease-soft)}.pf-palette:hover{transform:translateY(-1px)}.pf-palette-dot{width:10px;height:10px;border-radius:50%;flex:none}.pf-color{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:64px}.pf-color-pick{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.pf-color input[type=color]{width:40px;height:32px;padding:0;border:1px solid var(--line);border-radius:8px;background:none;cursor:pointer}.pf-card{display:flex;flex-direction:column;gap:14px;min-width:0}.profile-head{display:flex;gap:26px;align-items:flex-start;margin-right:40px}.profile-id{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:4px}.profile-name{margin:0;font-family:var(--font-heading);font-size:28px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.profile-status{margin:6px 0 2px;overflow-wrap:anywhere}.profile-actions{margin-top:10px}.profile-section{display:flex;flex-direction:column;gap:8px}.profile-about{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}@media (max-width: 760px){.dialog:has(.profile-close){width:100%!important;height:100%;max-height:none;border-radius:0;border:0}.dialog:has(.profile-close)>.dialog-body{padding:20px 16px 28px}.dialog-backdrop:has(.profile-close){padding:0}.profile-head{flex-direction:column;align-items:center;text-align:center;padding-right:0}.profile-id{align-items:center;align-self:stretch}.profile-id .pf-font-row{align-self:stretch}.profile-head .pf-inline{text-align:center}.pf-avatar{--pf-avatar-size: 120px}.pf-theme{padding:56px 12px 16px}}.pf-card{position:relative}.pf-avatar[data-editing]{cursor:grab}.pf-avatar[data-editing]:active{cursor:grabbing}.pf-avatar[data-editing] .pf-avatar-clip{outline:2px dashed color-mix(in srgb,var(--pf-text) 45%,transparent);outline-offset:3px}.pf-avatar-edit{position:absolute;right:-6px;top:-6px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--pf-accent);color:#fff;font-size:var(--text-sm);pointer-events:none;z-index:2}.pf-frame-handle{position:absolute;width:16px;height:16px;transform:translate(50%,50%);border-radius:50%;background:var(--pf-accent);border:2px solid #fff;cursor:nwse-resize;z-index:2}.pf-inline-wrap{position:relative;display:block}.pf-count{position:absolute;right:8px;bottom:-18px;color:color-mix(in srgb,var(--pf-text) 55%,transparent);opacity:0;transition:opacity var(--dur-quick) var(--ease-soft);pointer-events:none}.pf-inline-wrap:focus-within .pf-count{opacity:1}.pf-pop{position:absolute;z-index:7;width:min(320px,calc(100vw - 40px));max-height:min(600px,calc(100vh - 200px));display:flex;flex-direction:column;padding:0;background:var(--surface-solid);color:var(--ink);cursor:default;animation:fade-in var(--dur-soft) var(--ease-soft) both}.pf-pop-body{--pad-b: 14px;--pad-i: 14px}.pf-savebar{position:sticky;bottom:12px;z-index:6;display:flex;align-items:center;gap:10px;margin:-64px 16px 12px;padding:8px 10px 8px 16px;border-radius:999px;background:var(--surface-solid);border:1px solid var(--line)}.pf-theme:has(+.pf-savebar){padding-bottom:76px}@media (max-width: 760px){.pf-savebar{border-radius:var(--radius);flex-wrap:wrap}.pf-savebar .grow{flex-basis:100%}}.pf-color .link-btn{font-size:var(--text-xs)}.pf-avatar-clip img[data-pixelated],.pf-frame[data-pixelated],.pf-avatar-matia.pixelated img{image-rendering:pixelated}.pf-theme .profile-name{font-family:var(--pf-font-name, var(--font-heading))}.pf-theme .pf-caption{font-family:var(--pf-font-caption, var(--font))}.pf-theme .profile-status{font-family:var(--pf-font-status, var(--font))}.pf-theme .pf-heading{font-family:var(--pf-font-heading, var(--font))}.pf-theme .profile-about{font-family:var(--pf-font-about, var(--font))}.pf-font-list{display:flex;flex-direction:column;gap:2px}.pf-font-group{display:flex;flex-direction:column;gap:2px;padding-top:8px}.pf-font-item{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 9px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font-size:var(--text-md);text-align:left;cursor:pointer}.pf-font-item:hover{background:var(--surface-sunk)}.pf-font-item[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.pf-font-sample{color:var(--muted);font-size:var(--text-sm);white-space:nowrap}.pf-theme{font-synthesis:style}.pf-font-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-font-sample{flex:none}:where(.pf-inline){font:inherit}.pf-inline{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;resize:none;outline:1px dashed color-mix(in srgb,var(--pf-text) 40%,transparent);outline-offset:4px;border-radius:3px;transition:outline-color var(--dur-quick) var(--ease-soft),background-color var(--dur-quick) var(--ease-soft)}textarea.pf-inline{overflow:hidden;white-space:pre-wrap}input.pf-inline{height:1lh;min-width:0}.pf-inline::placeholder{color:color-mix(in srgb,var(--pf-text) 45%,transparent)}.pf-inline:hover{background:color-mix(in srgb,var(--pf-text) 5%,transparent)}.pf-inline:focus{outline:2px solid var(--pf-accent)}.pf-font-row{position:relative;display:flex;flex-direction:column}.pf-font-chip{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:2;padding:1px 7px;border-radius:7px;border:1px solid color-mix(in srgb,var(--pf-text) 30%,transparent);background:var(--surface-solid);color:var(--ink);font:600 12px/1.5 var(--font);cursor:pointer;opacity:0;transition:opacity var(--dur-quick) var(--ease-soft)}.pf-font-row:hover .pf-font-chip,.pf-font-row:focus-within .pf-font-chip,.pf-font-row[data-open] .pf-font-chip{opacity:1}.pf-font-row[data-field=about] .pf-font-chip{top:0;transform:none}@media (hover: none){.pf-font-chip{opacity:.9}}.pf-theme .profile-actions .btn{font-family:var(--pf-font-buttons, var(--font))}.pf-pop-layer{position:absolute;inset:0;z-index:7;pointer-events:none}.pf-pop-layer>*{pointer-events:auto}.pf-theme:has(.pf-pop[data-anchored]){min-height:min(640px,calc(100vh - 42px))}.pf-bar-tab{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:var(--text-sm);cursor:pointer}.pf-bar-tab:hover{background:var(--surface-sunk)}.pf-bar-tab[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.pf-pop-bar{bottom:calc(100% + 8px);left:0;width:min(380px,calc(100vw - 40px))}.pf-theme[data-panel-blur=off] .pf-panel,.look-theme[data-panel-blur=off] .lt-panel,.look-theme[data-panel-blur=off].lt-panel{backdrop-filter:none;-webkit-backdrop-filter:none}.pf-theme[data-panel-style=pixel] .pf-panel,.look-theme[data-panel-style=pixel] .lt-panel,.look-theme[data-panel-style=pixel].lt-panel{--pf-px: max(var(--pf-border-w, 0px), 4px);--pf-px-c: var(--pf-border-c, var(--pf-text));border:0;border-radius:0;margin:var(--pf-px);box-shadow:0 calc(-1 * var(--pf-px)) 0 0 var(--pf-px-c),0 var(--pf-px) 0 0 var(--pf-px-c),calc(-1 * var(--pf-px)) 0 0 0 var(--pf-px-c),var(--pf-px) 0 0 0 var(--pf-px-c),var(--pf-shadow, 0 0 transparent)}.pf-theme[data-panel-style=retro] .pf-panel,.look-theme[data-panel-style=retro] .lt-panel,.look-theme[data-panel-style=retro].lt-panel{border-radius:0;border:2px solid;border-color:color-mix(in srgb,#fff 85%,var(--pf-panel)) color-mix(in srgb,#000 70%,var(--pf-panel)) color-mix(in srgb,#000 70%,var(--pf-panel)) color-mix(in srgb,#fff 85%,var(--pf-panel));box-shadow:inset -1px -1px #00000047,inset 1px 1px #ffffff80,var(--pf-shadow, 0 0 transparent);padding:14px}.pf-theme[data-panel-style=retro] .profile-section .pf-heading{margin:-12px -12px 4px;padding:3px 8px;background:linear-gradient(90deg,var(--pf-accent),color-mix(in srgb,var(--pf-accent) 45%,#fff));color:#fff;font-size:var(--text-sm)}.pf-theme[data-panel-style=notebook] .pf-panel,.look-theme[data-panel-style=notebook] .lt-panel,.look-theme[data-panel-style=notebook].lt-panel{background:linear-gradient(90deg,transparent 34px,rgba(214,84,84,.5) 34px,rgba(214,84,84,.5) 35px,transparent 35px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--pf-accent) 22%,transparent) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--pf-accent) 22%,transparent) 0 1px,transparent 1px 22px),var(--pf-panel);border-radius:min(var(--pf-radius, 4px),6px);padding-left:48px}.pf-theme[data-panel-style=outline] .pf-panel,.look-theme[data-panel-style=outline] .lt-panel,.look-theme[data-panel-style=outline].lt-panel{background:transparent;border-width:max(var(--pf-border-w, 0px),2px);backdrop-filter:none;-webkit-backdrop-filter:none}.pf-theme[data-panel-style=none] .pf-panel,.look-theme[data-panel-style=none] .lt-panel,.look-theme[data-panel-style=none].lt-panel{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.pf-theme[data-panel-image] .pf-panel,.look-theme[data-panel-image] .lt-panel,.look-theme[data-panel-image].lt-panel{border-radius:0;clip-path:none;border-style:solid;border-width:var(--pf-img-w);border-image-source:var(--pf-img);border-image-slice:var(--pf-img-slice);border-image-width:var(--pf-img-w);border-image-repeat:var(--pf-img-repeat);image-rendering:var(--pf-img-render, auto);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.pf-panel-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pf-panel-style{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;font-size:var(--text-xs);cursor:pointer}.pf-panel-style[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.pf-panel-sample{width:64px;height:34px;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px}.pf-panel-sample[data-panel-style=pixel]{border-radius:0;border:3px solid var(--ink);clip-path:polygon(0 6px,3px 6px,3px 3px,6px 3px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) calc(100% - 3px),calc(100% - 6px) calc(100% - 3px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 6px),0 calc(100% - 6px))}.pf-panel-sample[data-panel-style=retro]{border-radius:0;background:linear-gradient(#1d3fa8,#4e7fe0) top / 100% 8px no-repeat,#d4d0c8;border:2px solid;border-color:#fff #404040 #404040 #fff}.pf-panel-sample[data-panel-style=notebook]{border-radius:3px;background:linear-gradient(90deg,transparent 12px,rgba(214,84,84,.6) 12px,rgba(214,84,84,.6) 13px,transparent 13px),repeating-linear-gradient(0deg,rgba(116,130,238,.35) 0 1px,transparent 1px 7px),#fff}.pf-panel-sample[data-panel-style=outline]{background:transparent;border:2px solid var(--ink)}.pf-panel-sample[data-panel-style=none]{background:repeating-linear-gradient(45deg,rgba(0,0,0,.06) 0 4px,transparent 4px 8px);border:1px dashed rgba(0,0,0,.25)}.pf-blocks{display:flex;flex-direction:column;gap:14px}.pf-block{position:relative}.pf-block-tools{position:absolute;top:-13px;right:12px;z-index:3;display:flex;gap:4px;opacity:0;transition:opacity var(--dur-quick) var(--ease-soft)}.pf-block:hover>.pf-block-tools,.pf-block:focus-within>.pf-block-tools,.pf-blocks[data-dragging] .pf-block-tools{opacity:1}@media (hover: none){.pf-block-tools{opacity:1}}.pf-block-tool{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);font:600 13px/1 var(--font);cursor:pointer}.pf-block-tool:disabled{opacity:.35;cursor:default}.pf-block-handle{cursor:grab;touch-action:none}.pf-block[data-drag=from]{opacity:.55}.pf-block[data-drop]:after{content:"";position:absolute;left:0;right:0;height:3px;border-radius:2px;background:var(--pf-accent)}.pf-block[data-drop=before]:after{top:-9px}.pf-block[data-drop=after]:after{bottom:-9px}.pf-add-block{display:flex;justify-content:center}.pf-add-block-btn{padding:8px 18px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--pf-text) 45%,transparent);background:var(--pf-panel);color:var(--pf-text);font:inherit;cursor:pointer}.pf-block-kind{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.pf-block-kind:hover{border-color:var(--accent);background:var(--accent-soft)}.pf-pop-add,.pf-pop-rooms,.pf-pop-cover{width:min(300px,calc(100vw - 40px))}.pf-rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.pf-room{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;border:1px solid color-mix(in srgb,var(--pf-text) 14%,transparent);background:color-mix(in srgb,var(--pf-text) 5%,transparent)}.pf-room[data-missing]{opacity:.6}.pf-room-cover{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;background:var(--accent-soft)}.pf-room-cover img{width:100%;height:100%;object-fit:cover;display:block}.pf-room-letter{font-size:40px;font-weight:600;color:var(--pf-accent)}.pf-room-online{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;background:#0000008c;color:#fff;font-size:var(--text-xs)}.pf-room-tools{position:absolute;top:6px;right:6px;display:flex;gap:4px}.pf-room-body{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 12px 12px}.pf-room-name{font-weight:600}.pf-theme .pf-room-name{font-family:var(--pf-font-status, var(--font))}.pf-theme .pf-room-note{font-family:var(--pf-font-about, var(--font))}.pf-room-note{margin:4px 0 0;font-size:var(--text-sm)}.pf-room-enter{align-self:flex-start;margin-top:6px}.pf-theme .pf-room .btn{font-family:var(--pf-font-buttons, var(--font))}.pf-room-add{border-style:dashed;background:transparent;min-height:180px}.pf-room-add-btn{flex:1;border:0;background:none;color:var(--pf-text);font:inherit;cursor:pointer}.pf-room-pick{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.pf-room-pick:hover{border-color:var(--accent);background:var(--accent-soft)}.world-icon[data-cover]{width:64px;overflow:hidden;padding:0}.world-icon[data-cover] img{width:100%;height:100%;object-fit:cover;display:block}.dialog-backdrop:has(.profile-close){place-items:start center}.guide-step{display:flex;gap:12px;align-items:flex-start}.guide-num{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;font-size:var(--text-sm)}.guide-svg{width:100%;height:auto;border-radius:var(--radius-sm);background:var(--surface-sunk)}.guide-link{align-self:flex-start}.dialog:has(.guide){background:var(--surface-solid)}.pf-stage{position:relative;height:clamp(180px,26vw,260px)}.pf-stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.pf-stage-labels{display:grid;gap:8px;text-align:center}.pf-stage-label{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.pf-stage-label[data-missing]{opacity:.6}.pf-theme .pf-stage-name{max-width:100%;font-family:var(--pf-font-status, var(--font));font-weight:600}.pf-theme .pf-stage-note{margin:2px 0 0;width:100%;font-size:var(--text-sm);text-align:center;font-family:var(--pf-font-about, var(--font))}.pf-stage-label .pf-inline-wrap{align-self:stretch}.pf-stage-tools{position:absolute;top:-36px;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:4px;opacity:0;transition:opacity var(--dur-quick) var(--ease-soft)}.pf-stage-label:hover .pf-stage-tools,.pf-stage-label:focus-within .pf-stage-tools{opacity:1}@media (hover: none){.pf-stage-tools{opacity:1}}.pf-stage-add{display:flex;justify-content:center}.pf-pop-matias{width:min(300px,calc(100vw - 40px))}.pf-matia-pick{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.pf-matia-pick:hover{border-color:var(--accent);background:var(--accent-soft)}.npc-who{align-items:flex-start;gap:12px}.world-icon.npc-avatar{width:64px;height:64px;flex:none}.npc-pick{gap:8px}.world-icon.npc-pick-avatar{width:26px;height:26px;flex:none}.world-icon.pf-matia-pick-avatar{width:40px;height:40px;flex:none}.pf-room-note,.pf-stage-note{overflow-wrap:anywhere}.pf-text-body strong{font-weight:700}.pf-marks-hint{margin-top:4px}.pf-images{display:grid;gap:10px}.pf-images[data-layout=single]{grid-template-columns:minmax(0,1fr)}.pf-images[data-layout=grid]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.pf-images[data-layout=strip]{grid-auto-flow:column;grid-auto-columns:calc(var(--pf-img-h) * 1.3);overflow-x:auto;padding-bottom:6px}.pf-image{position:relative;margin:0;display:flex;flex-direction:column;gap:4px;min-width:0}.pf-image-frame{display:block;width:100%;height:var(--pf-img-h);padding:0;border:0;border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--pf-text) 7%,transparent);cursor:zoom-in}div.pf-image-frame{cursor:default}.pf-image-frame img{width:100%;height:100%;display:block}.pf-image-frame img[data-pixelated],.pf-lightbox img[data-pixelated]{image-rendering:pixelated}.pf-image-caption{margin:0;font-size:var(--text-sm);overflow-wrap:anywhere}.pf-image-add{height:var(--pf-img-h);border:1px dashed color-mix(in srgb,var(--pf-text) 40%,transparent);border-radius:10px;background:transparent;color:var(--pf-text);font:inherit;cursor:pointer}.pf-image-add-wrap>.draw-open-btn{position:absolute;top:6px;right:6px}.pf-pop-block{width:min(300px,calc(100vw - 40px))}.dialog:has(.pf-lightbox){position:relative;background:var(--surface-solid)}.pf-lightbox{display:flex;flex-direction:column;align-items:center;gap:10px}.pf-lightbox img{width:100%;height:calc(100vh - 190px);object-fit:contain;border-radius:8px}.pf-lightbox-caption{margin:0;text-align:center}.pf-lightbox-nav{align-items:center}.pf-sticker-layer{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:clip;overflow-clip-margin:24px}.pf-sticker{position:absolute;width:0;height:0;pointer-events:none}.pf-sticker[data-open],.pf-sticker-placing{z-index:2}.pf-sticker-btn,.pf-sticker-drag{position:absolute;left:0;top:0;transform:translate(-50%,-50%);padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;line-height:0}.pf-sticker-drag{cursor:grab;touch-action:none}.pf-sticker-drag:active{cursor:grabbing}.pf-sticker-pic{display:block;transition:transform var(--dur-quick) var(--ease-soft)}.pf-sticker-pic img{display:block;width:100%;height:auto;user-select:none}.pf-sticker-pic[data-style=cut] img{filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 3px 5px rgb(0 0 0 / .35))}.pf-sticker-pic[data-style=paper]{padding:6px;background:#fffdf7;border-radius:2px;box-shadow:0 1px 2px #0003,0 6px 14px #00000038}.pf-sticker-btn:hover .pf-sticker-pic,.pf-sticker[data-open] .pf-sticker-pic{scale:1.04}.pf-sticker-card{position:absolute;border-radius:6px;left:0;transform:translate(-50%);width:max-content;max-width:240px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;pointer-events:auto;background:var(--surface-solid);color:var(--ink);font-family:var(--font)}.pf-sticker-caption{margin:0;overflow-wrap:anywhere}.pf-sticker-place-bar{max-width:260px;text-align:center;align-items:center}.pf-sticker-turn{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:nwse-resize;touch-action:none}.pf-sticker-placing .pf-sticker-pic{transition:none;outline:2px dashed var(--accent);outline-offset:6px}.pf-sticker-pad-wrap .draw-stage{align-self:center;max-width:300px}.drawing-pad.pf-sticker-pad-cut{background:repeating-conic-gradient(#eceae6 0 25%,#fff 0 50%) 0 0 / 20px 20px}.pf-sticker-arranged[data-open] .pf-sticker-pic{outline:2px dashed var(--accent);outline-offset:6px}.pf-sticker-arranged:not([data-open]) .pf-sticker-turn{display:none}.pf-sticker-pin{position:absolute;left:0;transform:translate(-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--surface-solid);color:var(--accent);box-shadow:0 0 0 1px #2c2a2759;pointer-events:none}.pf-sticker-arrange-bar{padding:4px}.pf-sticker-arranged:has(.pf-sticker-pin){z-index:1}.pf-sticker-controls{width:min(320px,calc(100vw - 40px))}.pf-sticker-archive{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding:2px}.pf-archived{display:flex;align-items:center;gap:8px;min-width:0}.pf-archived-pic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:6px;background:repeating-conic-gradient(#eceae6 0 25%,#fff 0 50%) 0 0 / 10px 10px}.pf-archived-pic[data-style=paper]{background:#fffdf7;box-shadow:0 1px 3px #0003}.pf-archived-pic img{max-width:40px;max-height:40px}.pf-archived-nick{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-archived .link-btn{flex:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pf-badges{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}.pf-badge{position:relative;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;line-height:0;color:var(--pf-accent, var(--accent-ink));background:color-mix(in srgb,var(--pf-accent, var(--accent)) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pf-accent, var(--accent)) 35%,transparent);cursor:default}.pf-badge .icon{display:block;width:18px;height:18px}.pf-badge:focus-visible{outline:2px solid var(--pf-accent, var(--accent));outline-offset:2px}.pf-badge[data-badge=admin],.pf-badge[data-badge=moderator]{color:#fff;background:var(--pf-accent, var(--accent))}.pf-badge-level{position:absolute;right:-6px;bottom:-4px;padding:0 3px;border-radius:6px;font-size:10px;font-weight:700;line-height:1.4;color:#fff;background:var(--pf-accent, var(--accent))}.pf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.pf-stat{display:flex;flex-direction:column-reverse;gap:2px;padding:10px 12px;border-radius:calc(var(--pf-radius, 14px) * .6);background:color-mix(in srgb,var(--pf-text, var(--ink)) 5%,transparent)}.pf-stat-value{margin:0;font-family:var(--pf-font-name, var(--font));font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.15}.pf-stat dt{line-height:1.3}.pf-ach-rooms{display:flex;flex-direction:column;gap:16px}.pf-ach-room-head{justify-content:center;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:6px}.pf-ach-room-name{font-family:var(--pf-font-name, var(--font));font-weight:600}.pf-ach-list{display:grid;grid-template-columns:repeat(2,minmax(0,350px));justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.pf-ach{position:relative;min-width:0}.pf-ach .ach-card{width:100%;gap:12px;padding:10px 15px 10px 12px;font-size:calc(1em / 1.2)}.pf-ach .ach-card-name{font-size:calc(19px / 1.2)}.pf-ach .ach-plate{zoom:calc(1 / 1.2)}.pf-ach .ach-card.card{color:var(--ink)}.pf-ach>.pf-ach-eye{position:absolute;top:8px;right:8px}.pf-ach-eye{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid color-mix(in srgb,var(--pf-text, var(--ink)) 20%,transparent);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.pf-ach-eye[aria-pressed=false]{opacity:.6}.pf-ach[data-off],.pf-ach-room[data-off] .pf-ach-list{opacity:.4}@media (max-width: 560px){.pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.tab-list-wrap{position:fixed;inset:0;z-index:var(--z-sheet);display:flex;justify-content:center;align-items:flex-start;padding:max(56px,calc(env(safe-area-inset-top,0px) + 20px)) 16px 16px;pointer-events:none}@media (max-width: 720px){.tab-list-wrap{padding-top:max(140px,calc(env(safe-area-inset-top,0px) + 20px))}}.tab-list{pointer-events:auto;width:min(460px,100%);max-height:calc(100% - 20px);display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--surface-solid);animation:fade-in var(--dur-quick) var(--ease-soft) both}.tab-list-head{display:flex;align-items:baseline;gap:8px;padding:0 4px 6px;border-bottom:1px solid var(--line)}.tab-list-room{font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-list-close{align-self:center;border:0;background:none;padding:2px;color:var(--muted);cursor:pointer;border-radius:6px}.tab-list-rows{list-style:none;margin:0;padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.tab-row{width:100%;display:flex;align-items:center;gap:8px;padding:4px 6px;border:0;border-radius:8px;background:none;font:inherit;font-size:var(--text-md);color:var(--ink);text-align:left;cursor:pointer}.tab-row:hover:not(:disabled),.tab-row:focus-visible{background:var(--surface-sunk)}.tab-row:disabled{cursor:default}.tab-row[data-self] .tab-row-name{font-weight:600}.tab-row-avatar{flex:none;width:26px;height:26px;border-radius:7px}.tab-row-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-row-nick{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--muted)}.tab-row-signs{display:inline-flex;align-items:center;gap:4px;flex:none}.tab-sign{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;line-height:0;color:var(--accent-ink);background:var(--accent-soft)}.tab-sign .icon{display:block;width:14px;height:14px}.tab-sign[data-kind=owner]{color:var(--ink);background:var(--surface-sunk)}.tab-sign[data-kind=admin],.tab-sign[data-kind=moderator]{color:#fff;background:var(--accent)}.tab-ping{display:inline-flex;align-items:flex-end;gap:2px;height:14px;flex:none}.tab-ping i{flex:none;width:3px;border-radius:1px;background:var(--line-strong)}.tab-ping i[data-on]{background:var(--ink)}.tab-list-hint{padding:2px 4px 0}.pf-room-flag{position:absolute;right:8px;top:8px;display:inline-flex;padding:4px 5px;border-radius:999px;background:#ffffffd1;color:#2b2a27;opacity:.75}.pf-room-flag:hover{opacity:1}.home{width:min(560px,100%)}.home-stage{width:180px;height:200px;margin:0 auto -8px}.matia-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:var(--text-sm)}.matia-chip .avatar{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line-strong)}.link-btn{border:0;background:none;padding:2px 4px;color:var(--ink-soft);cursor:pointer;font-size:var(--text-sm);border-radius:6px;transition:color var(--dur-soft) var(--ease-soft),background var(--dur-soft) var(--ease-soft)}.link-btn:hover{color:var(--ink);background:var(--surface-sunk)}.room-code{font-size:clamp(30px,6vw,42px);font-weight:300;letter-spacing:.14em;font-variant-numeric:tabular-nums;user-select:all}.editor-layout{position:fixed;inset:0;display:grid;grid-template-columns:minmax(280px,330px) 1fr minmax(240px,290px);gap:16px;padding:16px}.editor-panel{padding:0;min-height:0;max-height:calc(100vh - 32px);display:flex;flex-direction:column}.editor-panel>.sk-scroll{--pad-b: 18px;--pad-i: 18px}.editor-stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.editor-top{display:flex;flex-direction:column;gap:6px;align-items:center;z-index:1}.stage-canvas{flex:1;min-height:220px}.editor-bottom{padding-bottom:8px}.saved-hint{opacity:0;transition:opacity var(--dur-soft) var(--ease-soft)}.saved-hint.on{opacity:1}.part-list{display:flex;flex-wrap:wrap;gap:6px}.part-pill{border:1px solid var(--line);background:transparent;border-radius:999px;padding:4px 11px;font-size:var(--text-sm);cursor:pointer;color:var(--ink-soft);transition:background var(--dur-soft) var(--ease-soft),border-color var(--dur-soft) var(--ease-soft),transform var(--dur-bounce) var(--ease-bounce)}.part-pill:hover{transform:translateY(calc(var(--hover-lift) * -1))}.part-pill[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.thumb{width:64px;height:64px;flex:none;border-radius:var(--radius-sm);border:1px solid var(--line);background:repeating-conic-gradient(rgba(0,0,0,.035) 0% 25%,transparent 0% 50%) 50% / 12px 12px,#fff;display:grid;place-items:center;overflow:hidden}.color-input{width:40px;height:30px;flex:none;padding:2px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;cursor:pointer}.touch .color-input{width:48px;height:40px}.thumb img{max-width:100%;max-height:100%;object-fit:contain}.profile-card{display:flex;flex-direction:column;gap:2px;text-align:left;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-solid);cursor:pointer;transition:border-color var(--dur-soft) var(--ease-soft),transform var(--dur-bounce) var(--ease-bounce)}.profile-card:hover{transform:translateY(calc(var(--hover-lift) * -1))}.profile-card[aria-pressed=true]{border-color:var(--accent)}@media (max-width: 900px){body{overflow:auto}.editor-layout{position:static;grid-template-columns:1fr;min-height:100vh}.editor-stage{order:-1;min-height:62vh}.editor-panel{max-height:none}}.game{position:fixed;inset:0}.game canvas.world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;transition:opacity .9s var(--ease-soft)}.hud[data-idle=true]{opacity:var(--hud-idle-opacity, .35)}.hud>*{pointer-events:auto}.hud-tl{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hud-tr{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hud-br{position:absolute;right:16px;bottom:16px;display:flex;gap:8px;align-items:flex-end}.hud-bc{position:absolute;left:50%;bottom:18px;transform:translate(-50%);max-width:min(560px,calc(100vw - 32px));text-align:center;pointer-events:none}.hud-tc{position:absolute;top:16px;left:50%;transform:translate(-50%);width:max-content;max-width:max(240px,calc(100vw - 480px));text-align:center;pointer-events:none}@media (max-width: 720px){.hud-tc{top:140px;max-width:calc(100vw - 32px)}}.players{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.menu-pop{position:absolute;right:0;bottom:calc(100% + 8px);width:230px;padding:8px;display:flex;flex-direction:column;gap:2px}.menu-pop:has(>.menu-pop-body){padding:0;max-height:calc(100dvh - 80px)}.menu-pop-body{--sk-inset: 10px;--pad-b: 8px;--pad-i: 8px;display:flex;flex-direction:column;gap:2px}.menu-pop-wide{width:min(256px,calc(100vw - 32px))}.menu-pop .slider>.slider-value{width:44px}.menu-pop select.input{font-size:var(--text-sm);padding-right:6px}.hud-br{z-index:3}@media (max-width: 560px){.menu-pop-start{right:auto;left:0}}.nick-menu{position:relative;display:inline-block}.menu-pop.nick-menu-pop{right:auto;left:50%;width:132px;margin-left:-66px;padding:4px;bottom:calc(100% + 6px);z-index:5;background:var(--surface-solid)}.lang-inline{display:flex;flex-direction:column;gap:2px;padding-left:12px}.menu-pop .btn{justify-content:flex-start;border-radius:var(--radius-sm)}.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;will-change:transform;white-space:nowrap;font-size:var(--text-xs);padding:1px 9px;border-radius:999px;background:#ffffffb8;color:var(--ink-soft);border:1px solid var(--line)}.bubble{position:absolute;left:0;top:0;will-change:transform;max-width:260px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-md);padding:9px 14px;border-radius:16px;background:#fff;border:1px solid var(--line)}.bubble-inner{animation:float-in var(--dur-bounce) var(--ease-bounce) both}.hint-pill{padding:6px 14px;border-radius:999px;background:#ffffffd9;border:1px solid var(--line);font-size:var(--text-sm)}.ui-reveal{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:3;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#ffffff80;color:var(--ink-soft);opacity:.45;cursor:pointer;animation:float-in var(--dur-soft) var(--ease-soft) both;transition:opacity var(--dur-soft) var(--ease-soft)}.ui-reveal:active{opacity:.9}.rec-pill{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:4;display:flex;align-items:center;gap:10px;padding:5px 6px 5px 14px;border-radius:999px;background:#ffffffe6;border:1px solid var(--line);white-space:nowrap}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.rec-dot[data-on=true]{background:var(--calm-error);animation:rec-blink 1.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.rec-dot[data-on=true]{animation:none}}.reconnect-wrap{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 44px);left:0;right:0;z-index:5;display:flex;justify-content:center;pointer-events:none}.reconnect-pill{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 10px;border-radius:999px;background:#ffffffe6;border:1px solid var(--line);white-space:nowrap}.reconnect-pill .spinner{width:14px;height:14px}.menu-kbd{margin-left:auto;padding-left:12px}.keys-list{max-height:min(56vh,460px);margin:0 -6px;padding:0 6px}.keys-group+.keys-group{margin-top:10px}.keys-row{display:grid;grid-template-columns:minmax(0,1fr) 96px 96px;align-items:center;gap:6px;min-height:34px}.keys-head{min-height:22px}.keys-head span:not(:first-child){text-align:center}.key-slot{height:28px;padding:0 6px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface-solid);font:inherit;font-size:var(--text-sm);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color var(--dur-soft) var(--ease-soft),background var(--dur-soft) var(--ease-soft)}.key-slot:hover{border-color:#2c2a2738}.key-slot:focus-visible{outline:none;border-color:var(--accent)}.key-slot[data-empty=true]{color:var(--muted);border-style:dashed}.key-slot[data-listening=true]{color:var(--accent-ink);background:var(--accent-soft);border-color:var(--accent);border-style:solid;animation:breathe 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.key-slot[data-listening=true]{animation:none}}.editor-tabs{gap:2px}.editor-tabs>:first-child{flex:1;min-width:0}.editor-tabs .segmented{width:100%}.editor-tabs .segmented>button{flex:1}.keys-head .keys-fixed-note,.key-fixed{grid-column:2 / 4;text-align:center}.key-fixed{font-size:var(--text-sm);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keys-note{min-height:1.4em;color:var(--accent-ink)}@media (max-width: 420px){.keys-row{grid-template-columns:minmax(0,1fr) 76px 76px}}.shot-preview{display:block;width:100%;max-height:min(52vh,360px);object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-sunk)}.crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 0 1.5px #28242073;pointer-events:none}.image-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#f4f3f0b8;cursor:pointer}.image-overlay img{max-width:min(80vw,900px);max-height:80vh;border-radius:var(--radius)}.object-panel .scroll{overflow-x:hidden}.object-panel{position:absolute;top:16px;right:16px;bottom:16px;width:min(340px,calc(100vw - 32px));padding:20px 22px 18px;display:flex;flex-direction:column;gap:10px}.object-list-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:transparent;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:background var(--dur-soft) var(--ease-soft)}.object-list-item:hover,.object-list-item[aria-pressed=true],.object-list-item[data-picked]{background:var(--surface-sunk)}.object-list-row{padding:0 8px 0 0}.object-list-pick{display:flex;flex:1;align-items:center;gap:8px;min-width:0;padding:6px 0 6px 8px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.object-list-pick>.grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-list-toggle{flex:none;display:inline-grid;place-items:center;margin:-2px;padding:4px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);opacity:.35;cursor:pointer;transition:opacity var(--dur-soft) var(--ease-soft)}.object-list-toggle:hover{opacity:.75}.object-list-toggle[data-on]{color:var(--ink);opacity:1}@media (hover: none){.object-list-toggle{margin:-6px -4px;padding:8px 6px;opacity:.55}.object-list-toggle[data-on]{opacity:1}}.locked-fields{min-width:0;margin:0;padding:0;border:0}.locked-fields:disabled{opacity:.5}.object-list-item>.grow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-kind{flex:none;display:inline-grid;place-items:center;color:var(--muted)}.editor-head{gap:8px}.editor-mode{flex:1;min-width:0;display:flex}.editor-mode .segmented{width:100%}.editor-mode .segmented>button{flex:1}.editor-tools{gap:2px;margin-top:-4px;padding-bottom:8px;border-bottom:1px solid var(--line)}.editor-tools-gap{width:1px;align-self:stretch;margin:6px 4px;background:var(--line)}.editor-view{flex:1;min-height:0;display:flex;flex-direction:column}.grow-scroll{flex:1;min-height:0;padding-right:6px;margin-right:-6px;scrollbar-gutter:stable}@media (max-height: 520px){.object-panel{gap:6px}.editor-tools{margin-top:-2px;padding-bottom:4px}}.editor-view-head{gap:4px;min-height:32px}.editor-view-title{flex:1;min-width:0;font-size:var(--heading-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-tabs-row .segmented{width:100%}.editor-tabs-row .segmented>button{flex:1}.editor-view-foot{padding-top:8px;border-top:1px solid var(--line)}.editor-group{display:flex;flex-direction:column;gap:8px;padding-bottom:10px}.editor-group+.editor-group,.section+.editor-group{padding-top:10px;border-top:1px solid var(--line)}.editor-group-title{font-family:var(--font-heading);font-size:var(--text-md, 15px);color:var(--ink)}.editor-tabs>.info-tip,.editor-view-head>.info-tip,.editor-head>.info-tip{margin:0 4px}.kind-pick{gap:6px;align-items:center}.object-kind[data-hidden]{opacity:.45}.particle-slot{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-solid)}.particle-face{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--surface-sunk);font-size:18px;font-weight:800}.particle-face img{max-width:28px;max-height:28px;object-fit:contain}.pivot-grid{display:grid;grid-template-columns:repeat(3,22px);grid-template-rows:repeat(3,22px);flex:none;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-sunk)}.pivot-dot{border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}.pivot-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--line-strong);transition:transform var(--dur-soft) var(--ease-soft),background var(--dur-soft) var(--ease-soft)}.pivot-dot:hover:after{transform:scale(1.4)}.pivot-dot[data-on=true]:after{width:10px;height:10px;background:var(--accent)}.pivot-dot:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.logic-window{position:absolute;top:16px;left:16px;bottom:16px;width:min(560px,calc(100vw - 404px));padding:16px 0 0;display:flex;flex-direction:column;gap:10px;z-index:3}.logic-window-head{display:flex;align-items:center;gap:6px;padding:0 16px 0 20px}.logic-window-title{display:flex;align-items:baseline;gap:10px;min-width:0}.logic-window-title .h2{font-size:var(--heading);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logic-window-title>span{flex:none}.logic-tools{padding:0 20px}.logic-linked{margin:-4px 20px 0}.logic-count{font-variant-numeric:tabular-nums}.logic-window-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 20px 24px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.logic-rules{display:flex;flex-direction:column;gap:16px}.logic-empty{margin:6px 2px;max-width:46ch}.npc-logic-tabs{padding:0 20px}.npc-logic-body{position:relative;flex:1;min-height:0;margin:0 12px 12px;display:flex}.npc-canvas{position:relative;flex:1;overflow:hidden;border-radius:var(--radius);background-color:var(--surface-sunk);background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cpath%20d='M0.5%200C0.2%2053%20-0.1%20106%200.5%20160M0%200.5C53%200.8%20106%20-0.3%20160%200.5M40.5%200C40.6%2053%2040.3%20106%2040.5%20160M0%2040.5C53%2039.7%20106%2040.5%20160%2040.5M80.5%200C79.7%2053%2080.4%20106%2080.5%20160M0%2080.5C53%2079.7%20106%2079.8%20160%2080.5M120.5%200C120.4%2053%20121.1%20106%20120.5%20160M0%20120.5C53%20119.8%20106%20120.0%20160%20120.5'%20fill='none'%20stroke='%232c2a27'%20stroke-opacity='0.09'%20stroke-width='0.9'%20stroke-linecap='round'/%3E%3C/svg%3E");background-size:160px 160px;cursor:grab;touch-action:none;user-select:none}.npc-canvas:active{cursor:grabbing}.npc-plane{position:absolute;left:0;top:0;transform-origin:0 0}.npc-wires{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}.npc-wire path{fill:none;stroke:var(--ink-soft);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease-out}.npc-wire[data-picked] path{stroke:var(--accent);stroke-width:2.2}.npc-wire[data-flash] path{animation:npc-flash 1.2s cubic-bezier(.16,1,.3,1)}@keyframes npc-flash{0%{stroke:var(--accent);stroke-width:3.4}}.npc-wire-draft{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-dasharray:4 6;stroke-linecap:round}.npc-start-mark{fill:none;stroke:var(--muted);stroke-width:1.3;stroke-linecap:round}.npc-start{position:absolute;white-space:nowrap}.npc-state{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:8px 18px 8px 14px;border-radius:14px;--sk-r: 14px;background:var(--surface);cursor:grab}.npc-state:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.npc-state[data-picked]{--sk-fill: var(--accent-soft)}.npc-state[data-live]{--sk-stroke: var(--accent)}.npc-state-name{font-family:var(--font-heading);font-size:var(--text-md);line-height:1.25}.npc-state-line{line-height:1.3}.npc-state-now{position:absolute;top:-9px;right:14px;padding:1px 7px;border-radius:999px;background:var(--accent);color:var(--on-ink);line-height:1.4}.npc-knob{position:absolute;right:-7px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;border:1.5px solid var(--ink-soft);background:var(--surface);cursor:crosshair;transition:transform .15s ease-out,background-color .15s ease-out}.npc-knob:hover{transform:scale(1.25);background:var(--accent-soft)}.npc-when,.npc-any{position:absolute;transform:translate(-50%,-50%);padding:2px 9px;border-radius:999px;white-space:nowrap;line-height:1.4}.npc-when{border:0;background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-xs);cursor:pointer}.npc-when[data-picked]{--sk-fill: var(--accent-soft)}.npc-when[data-flash]{--sk-stroke: var(--accent)}.npc-when:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.npc-any{background:var(--surface-sunk);color:var(--muted)}.npc-canvas-tools{position:absolute;left:10px;right:10px;top:10px;pointer-events:none}.npc-canvas-tools>*{pointer-events:auto}.npc-canvas-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);margin:0;max-width:80%;text-align:center}.npc-sheet{position:absolute;left:0;right:0;bottom:0;max-height:72%;display:flex;flex-direction:column;gap:8px;padding:12px 16px 0;z-index:2}.npc-sheet-head{gap:6px}.npc-sheet-head .h3{font-family:var(--font-heading);font-weight:400;min-width:0}.npc-sheet-body{overflow-y:auto;min-height:0;padding:2px 2px 16px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.npc-stops{display:flex;flex-direction:column;gap:12px;margin-top:6px}.npc-stop{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:1px solid var(--line-strong)}.npc-dialogues{gap:14px}.npc-dialogue-pick{gap:6px}.npc-line{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--radius);--sk-r: var(--radius);background:var(--surface)}.npc-line-title{margin:0;font-family:var(--font-heading);font-weight:400;font-size:var(--text-md)}.npc-answer{position:relative;display:flex;flex-direction:column;gap:6px;padding:4px 0 8px 22px}.npc-answer-head{align-items:flex-end;gap:6px}.npc-answer-mark{position:absolute;left:4px;top:6px;width:11px;height:26px;border-left:1.5px solid var(--line-strong);border-bottom:1.5px solid var(--line-strong);border-bottom-left-radius:8px}.npc-answer-tabs{gap:4px}.npc-empty{max-width:46ch}@media (prefers-reduced-motion: reduce){.npc-wire[data-flash] path{animation:none;stroke:var(--accent)}.npc-knob{transition:none}}body:has(.logic-window) .logic-log{left:592px;width:min(520px,calc(100vw - 964px))}.rule-wrap{display:flex;flex-direction:column;gap:6px}.rule{border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px 8px 6px 6px;display:flex;flex-direction:column;background:var(--surface-solid)}.collider-shape{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 8px 10px;display:grid;gap:8px;background:var(--surface-solid)}.collider-shape[data-picked]{--sk-fill: var(--accent-soft)}.collider-shape-head{justify-content:space-between}.rule-head{display:flex;align-items:center;gap:4px;min-height:34px}.rule-head .toggle{flex:none;margin:0 4px 0 2px}.rule-head .toggle>span:first-child:empty{display:none}.rule-name{min-width:0;font-weight:600}.rule-head .rule-name:not(:focus):not(:hover){border-color:transparent;background:transparent}.rule-chev .icon{transition:transform var(--dur-soft) var(--ease-soft)}.rule-chev[aria-expanded=true] .icon{transform:rotate(180deg)}.rule-body{display:flex;flex-direction:column;gap:14px;padding:10px 6px 8px 8px}.rule-part{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:start}.rule-part-word{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-family:var(--font-heading);font-size:var(--heading-sm);line-height:32px;color:var(--ink)}.rule-part-word .btn-icon{margin-left:-6px}.rule-part-body{display:flex;flex-direction:column;gap:6px;min-width:0}.simple-rules .rule-body{gap:12px;padding:8px 2px 6px}.simple-rules .rule-part{grid-template-columns:minmax(0,1fr);gap:4px}.simple-rules .rule-part-word{flex-direction:row;align-items:center;gap:6px}.simple-rules .rule-part-word .btn-icon{margin-left:0}.simple-rules .rule-part-add,.simple-rules .rule-foot{padding-left:0}.simple-rules .rule-sentence{padding:0 4px}.rule-part-add,.rule-foot{padding-left:72px}.rule-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.rule-list{display:flex;flex-direction:column;gap:6px}.rule-item{display:flex;flex-direction:column;gap:8px;padding:6px 8px 10px 4px;border-radius:10px;background:var(--surface-sunk)}.rule-item[data-folded]{padding-bottom:6px}.rule-item>:not(.rule-item-head){margin-left:26px}.rule-item-head{display:flex;align-items:center;gap:2px;min-width:0}.rule-item-pick{min-width:0}.rule-item-phrase{min-width:0;padding:5px 4px;border:0;background:none;font:inherit;font-size:var(--text-sm);text-align:left;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.rule-fold{flex:none;display:inline-flex;padding:5px;border:0;border-radius:6px;background:none;color:var(--muted);cursor:pointer}.rule-fold:hover{color:var(--ink)}.rule-fold .icon{transition:transform var(--dur-soft) var(--ease-soft)}.rule-fold[aria-expanded=true] .icon{transform:rotate(90deg)}.rule-grip{flex:none;display:inline-flex;padding:5px 2px 5px 4px;color:var(--muted);opacity:.5;cursor:grab;touch-action:none;transition:opacity var(--dur-soft) var(--ease-soft)}.rule-head:hover .rule-grip,.rule-item-head:hover .rule-grip,[data-sort-dragging]>.rule .rule-grip,.rule-item[data-sort-dragging] .rule-grip{opacity:1}.rule-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-items:end}.rule-field{min-width:0}.rule-field[data-wide]{grid-column:1 / -1}.rule-field .input-num{width:100%}.rule-sentence{padding:0 14px;border:0;background:none;font:inherit;font-size:var(--text-sm);line-height:1.5;text-align:left;text-wrap:pretty;color:var(--ink-soft);cursor:pointer;transition:color var(--dur-soft) var(--ease-soft)}.rule-sentence:hover{color:var(--ink)}.rule-wrap[data-off] .rule-sentence,.rule-wrap[data-off] .rule-name{color:var(--muted)}.rule-wrap[data-sort-dragging]{background:transparent}.rule-summary{display:flex;flex-direction:column;gap:1px;width:100%;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:transparent;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:background var(--dur-soft) var(--ease-soft)}.rule-summary:hover{background:var(--surface-sunk)}.rule-summary[data-off] strong{color:var(--muted)}.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--calm-error);vertical-align:.5px}.rec-dot-live{flex:none;width:10px;height:10px;animation:rec-blink 1.4s var(--ease-soft) infinite}@keyframes rec-blink{50%{opacity:.25}}.rec-stop{display:inline-block;width:9px;height:9px;border-radius:2px;background:currentColor;vertical-align:.5px}.record-bar{position:absolute;top:16px;left:50%;translate:-50% 0;width:min(560px,calc(100vw - 404px));padding:10px 12px 10px 18px;display:flex;align-items:center;gap:12px;z-index:4}.sketchy .record-bar.card{--sk-r: 22px}.record-bar-text{display:flex;flex-direction:column;min-width:0}.linked-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.linked-on{padding:8px 10px;border-radius:var(--radius-sm);background:var(--accent-soft)}.linked-hint{display:block}.ach-badge{flex:none;display:grid;place-items:center;border-radius:12px;background:var(--surface-sunk);font-family:var(--font-heading);line-height:1;color:var(--ink);overflow:hidden}.ach-badge img{width:100%;height:100%;object-fit:contain}.ach-badge img[data-pixelated]{image-rendering:pixelated}.ach-list{max-height:min(56vh,520px);overflow-y:auto}.ach-row{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:var(--radius-sm);background:var(--surface-sunk)}.ach-badge-btn{display:block;padding:0;border:0;border-radius:12px;background:none;cursor:pointer}.ach-badge-btn:hover .ach-badge{outline:1px dashed var(--line-strong);outline-offset:2px}.ach-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ach-name{font-weight:600}textarea.input.input-compact.ach-desc{height:auto;min-height:44px;resize:vertical}.ach-row-tools{display:flex;flex-direction:column}.ach-error{color:var(--calm-error)}.ach-card-wrap{position:absolute;top:18px;left:0;right:0;display:flex;justify-content:center;padding:0 16px;pointer-events:none;z-index:7}.ach-card{display:flex;align-items:center;gap:14px;width:min(420px,100%);padding:12px 18px 12px 14px}.sketchy .ach-card.card{--sk-r: 22px}.ach-card.look-theme{color:var(--pf-text)}.ach-plate.lt-panel{flex:none;display:grid;padding:6px}.ach-plate .ach-badge{background:transparent}.ach-card.look-theme .ach-card-name{font-family:var(--pf-font-title, var(--font-heading))}.ach-card.look-theme .ach-card-desc{font-family:var(--pf-font-text, var(--font));color:inherit}.ach-card.look-theme .ach-card-caption{font-family:var(--pf-font-buttons, var(--font));color:color-mix(in srgb,var(--pf-text) 62%,transparent)}.ach-card-text{display:flex;flex-direction:column;min-width:0}.ach-card-name{font-size:19px;line-height:1.2}.ach-card-desc{color:var(--ink-soft)}.board-rows{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.board-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px;padding:2px 10px 2px 6px;border-radius:var(--radius-sm)}.board-row:nth-child(1){background:var(--accent-soft)}.board-place{font-family:var(--font-heading);font-size:17px;text-align:center}.board-who{display:flex;align-items:center;gap:8px;min-width:0}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-value{font-weight:600;font-variant-numeric:tabular-nums}.signal-map{position:absolute;inset:0;pointer-events:none;z-index:2}.signal-map-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.signal-wire{opacity:.32;transition:opacity var(--dur-soft) var(--ease-soft)}.signal-wire[data-strong],.signal-wire[data-lit]{opacity:1}.signal-wire path{fill:none;stroke-linecap:round}.signal-wire-halo{stroke:#ffffffd9;stroke-width:5}.signal-wire-line{stroke:var(--accent);stroke-width:1.8;stroke-dasharray:5 5;transition:stroke-width var(--dur-soft) var(--ease-soft)}.signal-wire[data-lit] .signal-wire-line{stroke-dasharray:none;stroke-width:2.8}.signal-arrow{fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.signal-wire-pulse{fill:var(--accent);stroke:#fff;stroke-width:1.5}.signal-label{position:absolute;left:0;top:0;padding:1px 9px 2px;border:1px solid var(--line-strong);border-radius:999px;background:#fff;color:var(--ink);font-size:var(--text-xs);line-height:1.5;white-space:nowrap;opacity:.6;transition:opacity var(--dur-soft) var(--ease-soft),background var(--dur-soft) var(--ease-soft),color var(--dur-soft) var(--ease-soft)}.signal-label[data-strong]{opacity:1}.signal-label[data-lit]{background:var(--accent);border-color:var(--accent);color:#fff;opacity:1}@media (prefers-reduced-motion: reduce){.signal-wire-pulse{display:none}.rec-dot-live{animation:none}}.action-picker{position:relative}.action-picker-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer}.action-picker-btn .icon{transform:rotate(90deg);flex:none}.action-picker-menu{position:absolute;z-index:5;top:calc(100% + 4px);left:0;right:0;padding:8px;display:flex;flex-direction:column;gap:6px}.action-picker-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.action-picker-head{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:2px 8px 0}.sketchy .logic-log.card,.sketchy .live-vars.card{--sk-r: 14px}.logic-log{position:absolute;left:392px;bottom:16px;width:min(520px,calc(100vw - 1004px));min-width:300px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;z-index:3}.logic-log-waits{display:flex;flex-wrap:wrap;gap:4px 10px;padding:0 8px}.logic-log-wait strong{font-variant-numeric:tabular-nums}.logic-log-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column}.logic-log-line{display:flex;gap:8px;align-items:baseline;width:100%;text-align:left;border:0;background:transparent;padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.35;color:inherit;cursor:pointer}.logic-log-line:disabled{cursor:default}.logic-log-line:hover:not(:disabled){background:var(--surface-sunk)}.logic-log-line[data-outcome=fired] .logic-log-text>span:last-child,.logic-log-line[data-outcome=resumed] .logic-log-text>span:last-child{color:var(--accent-ink, var(--ink));font-weight:600}.logic-log-line[data-bad] .logic-log-text>span:last-child{color:var(--danger, #c0392b);font-weight:600}.logic-log-time{flex:none;font-variant-numeric:tabular-nums}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.grid-3 .input-num,.grid-2 .input-num{width:100%}.arrival-scheme{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:160px}.arrival-scheme svg{display:block;width:100%;height:160px;cursor:crosshair;touch-action:pan-y;border-radius:6px}.arrival-scheme svg[data-dragging]{cursor:grabbing}.arrival-scheme svg:focus-visible{outline:1.5px dashed var(--focus-ink, var(--ink));outline-offset:2px}.arrival-scheme-wait{opacity:.45}.textarea-code{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--text-xs);min-height:90px;word-break:break-all}.worlds{padding:20px 22px;gap:12px}.world-list{display:flex;flex-direction:column;gap:4px;min-height:180px;max-height:min(52vh,460px);padding:4px;margin:0 -4px;border-radius:var(--radius-sm);background:var(--surface-sunk)}.world-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:inherit;border:1px solid transparent;background:var(--surface-solid);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--dur-soft) var(--ease-soft)}.world-row:hover{border-color:var(--line-strong)}.world-row[aria-pressed=true]{border-color:var(--accent)}.world-bar{gap:8px;flex-wrap:wrap}.world-sort{width:auto;min-height:30px;margin-left:auto;padding:3px 8px;font-size:var(--text-sm);border-radius:999px;cursor:pointer}.world-worth{flex:none;gap:5px;font-variant-numeric:tabular-nums;color:var(--accent-ink)}.world-worth[data-zero]{color:var(--muted)}.world-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;overflow:hidden}.world-icon img{width:100%;height:100%;object-fit:contain}.world-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.matias-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.matia-preview{width:100%;height:300px}@media (max-width: 640px){.matias-layout{grid-template-columns:1fr}.matia-preview{height:220px}.world-actions{grid-template-columns:1fr}}.walk-arrow{position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:64px;height:18px;pointer-events:none;transition:opacity var(--dur-soft) var(--ease-soft)}.walk-arrow span{position:absolute;inset:8px 6px auto;height:2px;background:var(--accent);border-radius:2px;transition:transform var(--dur-bounce) var(--ease-bounce)}.walk-arrow span:after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:7px solid var(--accent);border-right:0}.part-pivot-ring{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:2px solid var(--accent);border-radius:50%;pointer-events:none}.part-pivot-ring:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}.walk-arrow[data-dir=left] span{transform:scaleX(-1)}.hitbox-canvas{align-self:center;border-radius:var(--radius-sm);border:1px solid var(--line);overflow:hidden;background:repeating-conic-gradient(rgba(0,0,0,.035) 0% 25%,transparent 0% 50%) 50% / 12px 12px,#fff}.hitbox-canvas canvas{display:block}.chip-x{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 0 0 4px;font:inherit;line-height:1}.chip-x:hover{color:var(--calm-error)}.menu-pop-down{top:calc(100% + 6px);bottom:auto;z-index:5}button.chip,button.matia-chip{font-family:inherit;color:inherit}.music-panel .object-list-item .link-btn:disabled{opacity:.3;cursor:default}.chat{position:absolute;left:16px;bottom:16px;width:min(360px,calc(100vw - 32px));display:flex;flex-direction:column;gap:6px;transition:opacity .9s var(--ease-soft);z-index:2}@media (max-width: 560px){.chat{bottom:64px}}.chat[data-quiet=true]{opacity:calc(.35 + .65 * var(--chat-contrast, 0))}.chat-log{max-height:180px;padding:8px 10px;border-radius:var(--radius-sm);background:rgba(calc(44 - 26 * var(--chat-contrast, 0)),calc(42 - 25 * var(--chat-contrast, 0)),calc(39 - 23 * var(--chat-contrast, 0)),calc(.34 + .56 * var(--chat-contrast, 0)));color:#fff;display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);overflow-x:hidden}.chat-line{overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,calc(.25 + .5 * var(--chat-contrast, 0)))}.chat-line strong{font-weight:600}.chat-name{border:0;padding:0;background:none;font:inherit;font-weight:600;color:inherit;cursor:pointer;text-underline-offset:2px}.chat-name:hover{text-decoration:underline}.chat-flag{margin-left:4px;opacity:0;vertical-align:-.1em}.chat-line:hover .chat-flag,.chat-flag:focus-visible,.touch .chat-flag{opacity:.6}.chat-flag:hover{opacity:1}.report-flag{color:inherit}.chat-system{opacity:calc(.72 + .23 * var(--chat-contrast, 0));font-style:italic}.chat-input{background:#fffffff0}.chat-open{align-self:flex-start;border:0;background:var(--surface);border-radius:999px;padding:3px 10px;color:var(--ink-soft);cursor:pointer;font-family:inherit}.gb-form{padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-solid)}.gb-entry{display:flex;gap:12px;padding:10px;border-radius:var(--radius-sm);background:var(--surface-sunk)}.gb-portrait{width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600;overflow:hidden}.pf-avatar.gb-avatar{--pf-avatar-size: 56px;touch-action:auto}.gb-avatar .pf-avatar-clip{border-radius:10px}.gb-avatar .world-icon.pf-avatar-matia{font-size:var(--text-lg, 20px)}.gb-portrait img{width:100%;height:100%;object-fit:contain}.gb-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.gb-drawing{max-width:240px;width:100%;border-radius:8px;background:#fff;border:1px solid var(--line)}.gb-preview{width:min(360px,100%);text-align:left;cursor:pointer;font-family:inherit;color:inherit;border:1px solid var(--line)}.drawing-pad{width:100%;max-width:360px;aspect-ratio:240 / 144;border-radius:8px;border:1px solid var(--line-strong);background:#fff;touch-action:none;cursor:crosshair}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-strong);cursor:pointer;padding:0}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 4px var(--accent)}.editor-colors{position:absolute;top:96px;left:8px;right:8px;z-index:6;padding:0;display:flex;flex-direction:column;max-height:calc(100% - 108px);background:var(--surface-solid)}.editor-colors-body{--pad-b: 12px;--pad-i: 12px;display:flex;flex-direction:column;gap:8px}.editor-color-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.editor-color-row>span{flex:1 0 80px}.editor-color-swatches{display:flex;align-items:center;gap:6px}.swatch-own{position:relative;overflow:hidden;background:conic-gradient(#ff6b6b,#ffd166,#3ecf7a,#2fb8d6,#7482ee,#e96bd3,#ff6b6b)}.swatch-own input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.swatch-own[data-on=true]{box-shadow:0 0 0 2px var(--surface-solid),0 0 0 4px var(--accent)}.swatch-own:focus-within{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 480px){.prefs-colors .editor-color-row>span{flex-basis:100%}}.drop-zone{position:relative;border-radius:var(--radius-sm)}.drop-hint{position:absolute;inset:-4px;z-index:5;display:grid;place-items:center;padding:8px;text-align:center;border:2px dashed var(--accent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-solid) 86%,var(--accent));color:var(--accent-ink);font-size:var(--text-sm);font-weight:600;pointer-events:none;animation:drop-in var(--dur-quick) var(--ease-soft)}.drop-overlay{position:fixed;inset:0;z-index:var(--z-drop);display:grid;place-items:center;padding:16px;background:#7482ee1a;border:3px dashed var(--accent);pointer-events:none;animation:drop-in var(--dur-quick) var(--ease-soft)}.drop-overlay-card{padding:14px 22px;border-radius:var(--radius);background:var(--surface-solid);color:var(--accent-ink);font-weight:600;text-align:center}@keyframes drop-in{0%{opacity:0}}[draggable=true].object-list-item{cursor:grab}.object-list-item[data-dragging]{opacity:.4}.object-list-item[data-drop-before]{box-shadow:inset 0 2px 0 var(--accent)}.object-list-item[data-drop-after]{box-shadow:inset 0 -2px 0 var(--accent)}[data-sort-row]{position:relative;transition:transform .18s var(--ease-soft),background var(--dur-soft) var(--ease-soft)}[data-sort-row][data-sort-dragging]{z-index:2;transition:none;background:var(--surface-solid);cursor:grabbing}[data-sort-row][data-sort-settling]{transition:none}body[data-drag-sort],body[data-drag-sort] *{cursor:grabbing!important;user-select:none}body[data-drag-sort] [data-sort-row]:not([data-sort-dragging]):hover:not([aria-pressed=true]){background:transparent}.object-list-grip{display:inline-flex;flex:none;margin:-6px -6px -6px -2px;padding:6px;color:var(--muted);opacity:.45;cursor:grab;touch-action:none;transition:opacity var(--dur-soft) var(--ease-soft)}.object-list-item:hover .object-list-grip,.object-list-item[data-sort-dragging] .object-list-grip{opacity:1}@media (hover: none){.object-list-grip{opacity:.8}}@media (prefers-reduced-motion: reduce){[data-sort-row]{transition:none}}@media (prefers-reduced-motion: reduce){.drop-hint,.drop-overlay{animation:none}}.whats-new{position:fixed;top:16px;right:16px;z-index:var(--z-sheet);width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:14px 16px 12px;background:var(--surface-solid)}.whats-new-btn{position:fixed;top:16px;right:16px;z-index:var(--z-sheet)}.whats-new-title{font-family:var(--font-heading);font-weight:700;font-size:var(--heading-sm)}.whats-new-x{width:30px;min-height:30px;margin:-4px -6px 0 0;color:var(--muted)}.whats-new-list{display:flex;flex-direction:column;gap:8px;min-height:0;padding-right:2px;color:var(--ink-soft)}.whats-new-list p{margin:0}.whats-new-more{align-self:flex-start;margin:2px 0 0 -4px}.changelog-history{gap:14px}.changelog-day{display:flex;flex-direction:column;gap:6px}.changelog-day-title{display:flex;align-items:center;gap:8px}.changelog-day-title:before{content:"";flex:none;width:10px;height:10px;box-sizing:border-box;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface-solid)}.changelog-rows{display:flex;flex-direction:column;margin-left:4px;padding-left:13px;border-left:2px solid var(--line)}.changelog-row{border:1px solid var(--line-strong);border-bottom-width:0;background:var(--surface-solid)}.changelog-row:first-child{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.changelog-row:last-child{border-bottom-width:1px;border-radius:0 0 var(--radius-sm) var(--radius-sm)}.changelog-row:only-child{border-radius:var(--radius-sm)}.changelog-row-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:inherit;background:none;font:inherit;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;transition:background var(--dur-soft) var(--ease-soft)}.changelog-row-head:hover,.changelog-row[data-open=true] .changelog-row-head{background:var(--surface-sunk)}.changelog-chev{color:var(--muted);transition:transform var(--dur-soft) var(--ease-soft)}.changelog-row[data-open=true] .changelog-chev{transform:rotate(90deg)}.changelog-row-body{padding:4px 10px 10px;color:var(--ink-soft);animation:fade-in var(--dur-soft) var(--ease-soft)}.touch body{--hover-lift: 0px;-webkit-tap-highlight-color:transparent}.touch button,.touch .btn{touch-action:manipulation}.touch .screen{place-items:start center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.touch .screen>*{margin-block:auto}.touch .whats-new-btn{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}.support-corner{position:fixed;right:16px;bottom:14px;z-index:var(--z-sheet);display:flex;flex-direction:column;align-items:flex-end;gap:2px}html:not(.touch) .whats-new{max-height:calc(100vh - 84px)}.touch .home{padding-bottom:44px}.support-link{display:inline-flex;align-items:center;gap:7px;padding:3px 4px;color:var(--muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--dur-soft) var(--ease-soft)}.support-link:is(:hover,:focus-visible){color:var(--ink)}.support-icon{transition:transform var(--dur-bounce) var(--ease-bounce)}.support-link:hover .support-plane{transform:translate(1.5px,-1.5px) rotate(-6deg)}.support-link:hover .support-heart{transform:scale(1.15)}.touch .support-corner{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));flex-direction:row;gap:4px}.touch .support-link{justify-content:center;width:40px;height:40px;padding:0;font-size:var(--text-md)}.touch .support-label{display:none}@media (prefers-reduced-motion: reduce){.support-icon{transition:none}}.touch .whats-new{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:min(360px,calc(100vw - 20px));max-height:calc(100dvh - 20px)}.touch .btn{min-height:40px}.touch .btn-sm{min-height:34px}.touch .btn-icon{width:40px}.touch .link-btn{padding:6px 8px}.touch .segmented button{padding:7px 14px}.touch .part-pill{padding:7px 13px}.touch .swatch{width:30px;height:30px}.touch .chip-x{padding:4px 4px 4px 10px}.touch .input,.touch select,.touch textarea{font-size:16px}.touch input[type=range]{height:30px}.touch input[type=range]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10.5px}.touch input[type=range]::-moz-range-thumb{width:24px;height:24px}.touch .dialog-backdrop{padding:10px max(10px,env(safe-area-inset-right)) 10px max(10px,env(safe-area-inset-left))}.touch .dialog{max-height:calc(100dvh - 20px);padding:18px}.touch .toasts{top:max(10px,env(safe-area-inset-top));bottom:auto}.touch .game{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch .game input,.touch .game textarea{-webkit-user-select:text;user-select:text}.touch .hud{z-index:2}.touch .hud .kbd,.touch .chat-open .kbd{display:none}.touch .hud-tl{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));gap:4px;flex-direction:row;flex-wrap:wrap;align-items:center;max-width:58vw}.touch .hud-tr{top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.touch .hud-br{right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));gap:6px}.touch .hud-bc{bottom:calc(max(10px,env(safe-area-inset-bottom)) + 56px);width:max-content;max-width:min(440px,52vw);text-align:center}.touch .menu-pop{max-height:calc(100dvh - 76px);background:var(--surface-solid)}.touch .chat{top:calc(max(10px,env(safe-area-inset-top)) + 58px);bottom:auto;left:max(12px,env(safe-area-inset-left));width:min(300px,42vw)}.touch .chat-log{max-height:76px;padding:6px 9px;font-size:var(--text-sm)}.touch .chat-open{padding:6px 14px}.touch .logic-log{left:max(12px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));width:min(420px,46vw);min-width:0}.touch .logic-window{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));width:min(520px,50vw)}.touch .object-panel{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));width:min(340px,48vw);padding:16px 18px 12px}.touch .image-overlay img{max-width:92vw;max-height:88dvh}.touch-use{pointer-events:auto;font:inherit;font-size:var(--text-md);font-weight:500;color:var(--ink);padding:10px 20px;background:var(--surface-solid);border-color:var(--accent);cursor:pointer}.touch-actions{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(max(10px,env(safe-area-inset-bottom)) + 58px);z-index:1;display:flex;align-items:flex-end;gap:12px}.touch-btn{display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);font:inherit;font-size:var(--text-sm);color:var(--ink-soft);touch-action:none;cursor:pointer;transition:transform var(--dur-bounce) var(--ease-bounce),background var(--dur-soft) var(--ease-soft),border-color var(--dur-soft) var(--ease-soft),color var(--dur-soft) var(--ease-soft)}.touch-btn:active{transform:scale(var(--press-scale));transition-duration:var(--dur-press)}.touch-jump{width:74px;height:74px;font-weight:600;color:var(--ink)}.touch-run{width:54px;height:54px}.touch-drop{width:66px;height:66px;margin-bottom:56px;font-size:var(--text-xs);color:var(--ink)}.touch-run[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.joy-zone{position:absolute;left:0;bottom:0;z-index:1;width:42%;height:56%;touch-action:none}.joy-base{position:absolute;left:calc(max(16px,env(safe-area-inset-left)) + 62px);top:calc(100% - 62px - max(14px,env(safe-area-inset-bottom)));width:112px;height:112px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--line-strong);background:#fff6;opacity:.55;pointer-events:none;transition:opacity var(--dur-soft) var(--ease-soft)}.joy-base[data-active=true]{opacity:1}.joy-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--surface-solid);border:1px solid var(--line-strong)}.joy-base:not([data-active=true]) .joy-knob{transition:transform var(--dur-bounce) var(--ease-bounce)}.rotate-hint{display:none}@media (orientation: portrait) and (max-width: 600px){.touch .rotate-hint{position:fixed;inset:0;z-index:var(--z-top);display:grid;place-items:center;padding:24px;background:var(--bg);text-align:center}}.rotate-phone{width:42px;height:70px;margin-bottom:6px;border:2px solid var(--ink-soft);border-radius:9px;animation:rotate-phone 2.6s var(--ease-soft) infinite}@keyframes rotate-phone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}.announce-wrap{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:4;width:max-content;max-width:min(520px,calc(100vw - 32px));pointer-events:none}.announce{pointer-events:auto;display:flex;flex-direction:column;gap:4px;width:100%;padding:12px 20px;text-align:center;cursor:pointer;font:inherit;color:inherit}.announce-text{font-family:var(--font-heading);font-size:var(--heading-sm);line-height:1.35;overflow-wrap:anywhere}.group-mark{flex:none;width:10px;height:10px;border-radius:3px;border:1.5px solid var(--accent);box-shadow:2px 2px 0 -.5px var(--accent-soft)}.object-group-tag{flex:none;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink)}.group-note{padding:8px 10px;border-radius:var(--radius-sm);background:var(--accent-soft)}.prompt-wrap{position:absolute;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;padding:0 16px;z-index:6;pointer-events:none}.prompt-picture{display:block;max-width:min(90vw,900px);max-height:min(50vh,480px);object-fit:contain;user-select:none}.touch .prompt-picture{max-height:40dvh}.sketchy .prompt-card.card{--sk-r: 20px}.prompt-card{pointer-events:auto;width:min(560px,100%);padding:14px 18px 12px;display:flex;flex-direction:column;gap:10px}.prompt-head{align-items:flex-start;min-height:28px}.prompt-title{font-size:var(--heading);line-height:1.2;padding-top:2px}.prompt-text .prompt-text-rest{visibility:hidden}.prompt-text{margin:0;font-size:var(--text-md);line-height:1.45;white-space:pre-wrap}.prompt-choices{display:grid;gap:2px 12px}.prompt-choice{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:4px 10px 4px 4px;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-size:var(--text-md);text-align:left;cursor:pointer;transition:background var(--dur-soft) var(--ease-soft)}.prompt-card:not(.look-theme) .prompt-choice[data-picked]{background:var(--accent-soft)}.prompt-pointer{width:30px;height:30px;flex:none;display:grid;place-items:center}.prompt-face{width:30px;height:30px;display:grid;place-items:center;font-weight:700;color:var(--accent-ink);animation:prompt-face-in .22s var(--ease-soft)}.prompt-face img{width:100%;height:100%;object-fit:contain}@keyframes prompt-face-in{0%{transform:translate(-6px) scale(.85);opacity:0}}.prompt-label{flex:1}.prompt-price{flex:none;padding:1px 9px;border-radius:999px;background:var(--surface-sunk);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.prompt-image{width:28px;height:28px;object-fit:contain}.prompt-ask{display:flex;align-items:center;gap:8px}.prompt-keys{align-self:flex-end}.prompt-card.look-theme{color:var(--pf-text)}.look-theme>:is(.pf-bg,.pf-dim){inset:calc(var(--sk-bw, 0px) * -1);border-radius:inherit;-webkit-mask-image:var(--sk-fill-mask);mask-image:var(--sk-fill-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.look-theme .muted{color:color-mix(in srgb,var(--pf-text) 62%,transparent)}.look-theme .prompt-head .btn{color:var(--pf-text)}.prompt-card.look-theme .prompt-title{font-family:var(--pf-font-title, var(--font-heading))}.prompt-card.look-theme .prompt-text{font-family:var(--pf-font-text, var(--font))}.prompt-card.look-theme :is(.prompt-choice,.prompt-ask .input,.prompt-ask .btn){font-family:var(--pf-font-buttons, var(--font))}.look-theme .prompt-choices{gap:8px 10px}.prompt-card.look-theme .prompt-ask .input{background:transparent;color:var(--wl-answer, var(--pf-text));caret-color:var(--wl-answer, var(--pf-text));border-color:color-mix(in srgb,var(--pf-text) 45%,transparent)}.prompt-card.look-theme .prompt-ask .input::placeholder{color:color-mix(in srgb,var(--wl-answer, var(--pf-text)) 55%,transparent)}.look-theme[data-panel-style] .prompt-choice.lt-panel,.look-theme[data-panel-style] .prompt-ask.lt-panel{padding:4px 10px 4px 4px}.look-theme .prompt-choice.lt-panel[data-picked]{outline:2px solid var(--pf-accent);outline-offset:2px}.look-theme .prompt-face{color:var(--pf-text)}.look-theme .prompt-price{background:color-mix(in srgb,var(--pf-text) 12%,transparent)}.board-card.look-theme .board-rows.lt-panel{padding:8px 12px}.prompt-card.board-card.look-theme .board-rows{font-family:var(--pf-font-text, var(--font))}.board-card.look-theme .board-place,.board-card.look-theme .board-value{color:inherit}.wl-stage{display:flex;justify-content:center;padding:18px 14px;border-radius:var(--radius);background:var(--surface-sunk)}.wl-stage .prompt-card{width:100%}.wl-controls{max-height:min(340px,40vh);overflow:auto;padding-right:4px}.touch .prompt-wrap{bottom:max(10px,env(safe-area-inset-bottom))}.live-vars{position:absolute;right:16px;top:96px;width:220px;max-height:min(62vh,560px);padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px;z-index:3;border-radius:14px;--sk-r: 14px}.live-vars .segmented{align-self:stretch}.live-vars .segmented button{flex:1;padding:2px 8px;font-size:var(--text-xs)}.live-vars .btn-icon{width:24px;height:24px;min-height:24px;padding:0}.live-vars[data-docked]{right:372px;top:16px}.live-vars-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;min-height:0}.live-vars-list .stack-sm{gap:3px}.live-vars-player>strong{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.live-vars-player+.live-vars-player{border-top:1px solid var(--line);padding-top:6px}.live-var{display:flex;align-items:center;gap:8px;min-height:26px}.live-var .toggle{font-size:var(--text-xs)}.live-var-input{width:72px;text-align:right;font-variant-numeric:tabular-nums}.live-var-input[data-unset]{color:var(--muted)}.input.input-compact,.sketchy .input.input-compact{min-height:0;height:26px;line-height:20px;padding:2px 8px;font-size:var(--text-sm);border-radius:8px;--sk-r: 8px}select.input.input-compact{padding-right:4px}.var-def{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border-bottom:1px solid var(--line)}.var-def:last-child{border-bottom:0}.var-def-head{display:flex;align-items:center;gap:8px}.var-def-name{flex:1;min-width:0;font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis}.var-value{display:flex;align-items:center;gap:4px;width:190px;flex:none}.var-value select{width:78px;flex:none}.var-def-remove{border:0;background:transparent;color:var(--muted);padding:2px;cursor:pointer;display:grid;place-items:center}.var-def-remove:hover{color:var(--calm-error)}.var-def-desc{color:var(--muted)}.var-def-foot{display:flex;align-items:center;gap:12px}.var-def-foot .toggle{flex:1}.var-defs{max-height:46vh;gap:0;border:1px solid var(--line);border-radius:12px}.sketchy .dialog:has(.var-defs){--sk-r: 16px}.menu-button-edit{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:8px;background:var(--surface-sunk)}.var-icon{font-weight:700;font-size:var(--text-xs);letter-spacing:-.02em}.guest-mode-pill{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;pointer-events:auto;z-index:4}.touch .live-vars[data-docked]{right:calc(min(340px,48vw) + 16px);width:min(200px,30vw)}.hud-panels{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:min(720px,calc(100vw - 32px));pointer-events:none;z-index:2}.hud-panel{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:var(--text-md);--sk-r: 14px}.hud-count{font-variant-numeric:tabular-nums}.hud-bar{display:block;width:120px;height:8px;border-radius:999px;background:var(--surface-sunk);overflow:hidden}.hud-bar>span{display:block;height:100%;background:var(--accent);transition:width .2s linear}.token-hints{position:fixed;z-index:var(--z-help);max-height:240px;padding:0;display:flex;flex-direction:column}.token-hints-body{--pad-b: 6px;--pad-i: 6px;display:flex;flex-direction:column;gap:4px}.token-hints-group{display:flex;flex-direction:column}.token-hints-head,.token-hints-empty{padding:2px 8px}.token-hint{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:10px;padding:4px 8px;border:0;border-radius:var(--radius-sm);background:none;color:var(--ink);text-align:left;cursor:pointer}.token-hint[data-active]{background:var(--surface-sunk)}.token-hint-name{font-size:var(--text-xs)}.token-hint-desc,.token-hint-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-hint-value{max-width:90px}.field-issue{color:var(--error-ink)}.var-name-box{position:relative}.var-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:8;max-height:200px;padding:0;display:flex;flex-direction:column}.var-places{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding-left:14px}.var-place{font-size:var(--text-xs);text-align:left}.guide-body{max-height:60vh}.guide-p{margin:0}.guide-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.guide-rows{display:flex;flex-direction:column;gap:2px}.guide-row{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:baseline}.guide-example{display:flex;flex-direction:column;gap:2px;padding:10px 12px}.guide-body code,.guide-row code{font-size:var(--text-xs)}.hud-your-matia .hud-matia-avatar{width:20px;height:20px;border-radius:6px;font-size:var(--text-xs)}.matia-switch-pop{left:0;right:auto;width:240px;max-width:calc(100vw - 24px)}.world-row.matia-switch-row{gap:10px;padding:6px 10px 6px 7px}.matia-switch-row .matia-switch-avatar{width:30px;height:30px;border-radius:8px;font-size:var(--text-sm)}.matia-switch-text{display:flex;flex-direction:column;min-width:0}@font-face{font-family:Buccaneer Cyr;src:url(./buccaneer-cyr-DQMTuJ0X.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}html.sketchy{font-family:var(--font);font-synthesis:none}.sketchy :is(h1,h2,.h2,.title,.whats-new-title,.matia-name){font-family:var(--font-heading);font-weight:400}.sketchy .matia-name{color:var(--ink)}.sketchy :is(.h3,.editor-group-title){font-family:var(--font-heading);font-weight:400;font-size:var(--heading-sm);line-height:1.2;color:var(--ink)}.sketchy .pf-theme .profile-name{font-family:var(--pf-font-name, var(--font-heading))}.sketchy .pf-theme .pf-heading{font-family:var(--pf-font-heading, var(--font-heading))}.sketchy :is(.pf-theme,.look-theme) .h3{color:inherit}.sketchy :is(.pf-theme,.look-theme) .matia-name{color:inherit}:where([data-sk="1"]){position:relative}.sketchy [data-sk="1"]{isolation:isolate;background:transparent!important;border-color:transparent!important}.sketchy [data-sk="1"]:before,.sketchy [data-sk="1"]:after{content:"";position:absolute;inset:calc(var(--sk-bw, 0px) * -1);z-index:-1;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color var(--dur-soft) var(--ease-soft)}.sketchy [data-sk="1"]:before{background:var(--sk-fill);-webkit-mask-image:var(--sk-fill-mask);mask-image:var(--sk-fill-mask)}.sketchy [data-sk="1"]:after{background:var(--sk-stroke);-webkit-mask-image:var(--sk-ring-mask);mask-image:var(--sk-ring-mask)}.sketchy .btn[data-sk="1"]:before,.sketchy .btn[data-sk="1"]:after{-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-position:calc(var(--sk-take, 0) * 50%) 0;mask-position:calc(var(--sk-take, 0) * 50%) 0}.sketchy [data-penned].float-in{animation:none}.sketchy [data-pen]>*{animation:pen-content .3s var(--ease-soft) .28s both}@keyframes pen-content{0%{opacity:0;transform:translateY(3px)}}.sketchy [data-sk-wait]{opacity:0!important}.sketchy [data-sk="1"]:not([style*=--sk-fill-mask]):before,.sketchy [data-sk="1"]:not([style*=--sk-fill-mask]):after{display:none}.sketchy [data-sk=flat]{background:var(--surface);border:1px solid var(--line-strong)}.sketchy :is(.card,.card-plain,.whats-new,.gb-preview){--sk-r: 32px}.sketchy :is(.gb-form,.drop-overlay-card){--sk-r: 24px}.sketchy :is(.rule,.collider-shape){--sk-r: 18px}.sketchy .bubble{--sk-r: 20px}.sketchy .shot-preview{--sk-r: 16px}.sketchy .matia-preview{--sk-r: 22px}.sketchy .matia-preview canvas{-webkit-mask-image:var(--sk-fill-mask);mask-image:var(--sk-fill-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%}.sketchy :is(.btn,.part-pill,.profile-card,.world-row,.key-slot,.chip,.matia-chip,.gb-preview):hover:not(:disabled){--sk-stroke: var(--sk-stroke-hover)}.sketchy :is(.part-pill,.profile-card,.world-row,.btn,.chip):is([aria-pressed=true],[aria-selected=true],[data-active=true]):not(.btn-primary){--sk-fill: var(--accent-soft);--sk-stroke: var(--ink)}.sketchy :is(button,a[href],summary,select,[tabindex]:not([tabindex="-1"])):focus-visible{outline:1.5px dashed var(--focus-ink, var(--ink));outline-offset:4px}.sketchy .pf-theme{--focus-ink: var(--pf-text)}.sketchy .info-tip{--sk-r: 999px;--sk-fill: var(--surface-solid);--sk-stroke: var(--line-strong)}.sketchy .info-tip:hover,.sketchy .info-tip[aria-expanded=true]{--sk-stroke: var(--ink)}.sketchy .info-tip[aria-expanded=true]{--sk-fill: var(--accent-soft)}.sketchy .info-card{--sk-r: 22px}.sketchy .btn{--sk-r: 999px;font-weight:400}.sketchy .btn-primary,.sketchy .btn-accent{--sk-fill: var(--accent);--sk-stroke: var(--accent);color:var(--bg)}.sketchy .btn-primary:hover:not(:disabled),.sketchy .btn-accent:hover:not(:disabled){--sk-stroke: var(--accent)}.sketchy .btn-ghost{font-weight:400}.sketchy .btn:disabled{opacity:1;--sk-fill: transparent;--sk-stroke: var(--line-strong);color:var(--ink-off)}.sketchy .btn:disabled:after{-webkit-mask-image:var(--sk-dash-mask);mask-image:var(--sk-dash-mask)}.sketchy .btn-ghost:hover:not(:disabled){background:var(--surface-sunk)}.sketchy .btn-big{min-height:56px;font-size:var(--text-lg)}.sketchy .link-btn{color:var(--muted);font-size:var(--text-sm)}.sketchy .link-btn:hover{color:var(--ink);background:none}.sketchy .input,.sketchy select.input{border:1px solid var(--line-strong);border-radius:16px;background:#fff}.sketchy .input:focus,.sketchy .slider>.slider-value:focus{border-color:var(--ink);outline:none}.sketchy input[type=range]::-webkit-slider-thumb,.sketchy input[type=range]::-moz-range-thumb{background:#fff;border:1px solid var(--ink)}.sketchy .toggle .track{--sk-r: 999px;--sk-fill: var(--surface);--sk-stroke: var(--ink-soft)}.sketchy .toggle input:checked+.track{--sk-fill: var(--accent-soft);--sk-stroke: var(--accent)}.sketchy .toggle .knob{--sk-r: 999px;--sk-fill: var(--surface);--sk-stroke: var(--accent)}.sketchy .toggle input:checked+.track .knob{--sk-fill: var(--accent)}.sketchy .toggle input:focus-visible+.track{outline:1.5px dashed var(--ink);outline-offset:4px}.sketchy .segmented{position:relative;isolation:isolate;background:transparent;border:1px solid var(--line-strong);border-radius:999px}.sketchy .segmented button{position:relative;z-index:1}.sketchy .segmented button[aria-pressed=true]{background:transparent;color:var(--ink);font-weight:500}.sketchy .segmented-thumb{position:absolute;left:0;top:0;z-index:0;pointer-events:none;--sk-r: 999px;--sk-fill: var(--accent-soft);--sk-stroke: var(--ink)}.sketchy .segmented-thumb[data-ready]{transition:transform var(--dur-bounce) var(--ease-bounce)}.segmented-thumb[hidden]{display:none}.sketchy .segmented.segmented-even{display:flex;width:100%;border-radius:18px}.segmented-even button{flex:1 1 0;min-width:0;line-height:1.25;padding:6px 8px;border-radius:14px}.sketchy .segmented-even .segmented-thumb{--sk-r: 14px}@media (max-width: 520px){.sketchy .segmented.segmented-fit{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:20px}}.sketchy .hud-br .btn-ghost{position:relative}.sketchy .hud-br .btn-ghost:hover:not(:disabled),.sketchy .matia-switch-pop .btn-ghost:hover:not(:disabled){background:transparent;border-color:transparent}.pencil-loop{position:absolute;left:-6px;top:-4px;width:calc(100% + 12px);height:calc(100% + 8px);overflow:visible;pointer-events:none}.pencil-loop path{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .38s var(--ease-soft)}.btn[aria-expanded=true]>.pencil-loop path{stroke-dashoffset:0}@media (hover: hover){.btn:hover:not(:disabled)>.pencil-loop path{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.pencil-loop path,.sketchy .segmented-thumb[data-ready]{transition:none}}.sketchy .section>button{font-weight:500;color:var(--ink)}.sketchy .note{border:1px solid var(--line-strong);border-radius:18px;background:transparent;color:var(--ink-soft)}.sketchy .note-error{border-color:var(--calm-error);color:var(--calm-error)}.sketchy .kbd{border-radius:8px;background:transparent}.sketchy .spinner{border-top-color:var(--ink)}.sketchy .spinner{border:0;border-radius:0;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 12 12;360 12 12' dur='2.6s' repeatCount='indefinite'/%3E%3Cpath d='M12.2 3.2C17.4 2.8 21.2 7.1 20.8 12.3C20.5 17.2 16.6 21 11.8 20.8C6.9 20.6 3.1 16.8 3.3 11.9C3.5 7.4 6.8 3.6 11.4 3.4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' pathLength='1' stroke-dasharray='1' stroke-dashoffset='1'%3E%3Canimate attributeName='stroke-dashoffset' values='1;0;-1' keyTimes='0;0.55;1' dur='1.3s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg%3E%3CanimateTransform attributeName='transform' type='rotate' values='0 12 12;360 12 12' dur='2.6s' repeatCount='indefinite'/%3E%3Cpath d='M12.2 3.2C17.4 2.8 21.2 7.1 20.8 12.3C20.5 17.2 16.6 21 11.8 20.8C6.9 20.6 3.1 16.8 3.3 11.9C3.5 7.4 6.8 3.6 11.4 3.4' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' pathLength='1' stroke-dasharray='1' stroke-dashoffset='1'%3E%3Canimate attributeName='stroke-dashoffset' values='1;0;-1' keyTimes='0;0.55;1' dur='1.3s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;animation:none}@media (prefers-reduced-motion: reduce){.sketchy .spinner{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.2 3.2C17.4 2.8 21.2 7.1 20.8 12.3C20.5 17.2 16.6 21 11.8 20.8C6.9 20.6 3.1 16.8 3.3 11.9' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.2 3.2C17.4 2.8 21.2 7.1 20.8 12.3C20.5 17.2 16.6 21 11.8 20.8C6.9 20.6 3.1 16.8 3.3 11.9' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}}.empty-doodle{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 0;text-align:center}.empty-doodle-inline{flex-direction:row;justify-content:flex-start;gap:14px;padding:0;text-align:left}.empty-doodle-art{flex:none;overflow:visible}.empty-doodle-art path{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:doodle-draw .45s var(--ease-soft) forwards;animation-delay:calc(var(--i, 0) * .12s)}.empty-doodle-art path[data-soft]{stroke:var(--line-strong);stroke-width:1.2}@keyframes doodle-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.empty-doodle-art path{animation:none;stroke-dashoffset:0}}.sketchy .toast{--sk-fill: var(--ink);--sk-stroke: var(--ink);color:var(--bg);display:flex;align-items:center;gap:8px}.toast-icon{flex:none;align-self:flex-start;width:1.05em;height:1.05em;margin-top:.22em}.sketchy .toast[data-tone=error]{--sk-fill: #fff;--sk-stroke: var(--calm-error);color:var(--calm-error)}.sketchy :is(.chip,.hint-pill,.rec-pill,.reconnect-pill,.label){color:var(--ink-soft)}.sketchy .card.dialog{display:flex;flex-direction:column;overflow:visible;padding:0}.sketchy .dialog-body{min-height:0;flex:1;overflow:auto;padding:24px;border-radius:32px;scrollbar-width:thin}.sketchy :is(.sk-scroll,.dialog-body,[data-sk] .scroll){scrollbar-width:none}.sketchy :is(.sk-scroll,.dialog-body,[data-sk] .scroll)::-webkit-scrollbar{display:none}.ink-rail{position:absolute;width:12px;z-index:3;overflow:visible;pointer-events:none}.ink-rail-track{fill:none;stroke:var(--line-strong);stroke-width:1;stroke-dasharray:2 4;stroke-linecap:round}.ink-rail-thumb{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ink-rail-grip{fill:none;stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:grab}.ink-rail[data-dragging] .ink-rail-grip{cursor:grabbing}.sketchy .dialog-body .scroll{padding-right:8px;margin-right:-8px;scrollbar-gutter:stable}.sketchy .home{gap:0;margin-bottom:73.5px}.sketchy .home-stage{margin:0 auto 68px}.sketchy .title{font-size:clamp(32px,5vw,46.4px);line-height:normal;margin-bottom:2.5px}.sketchy .matia-chip{gap:4.2px;padding:5.6px 16px 5.6px 16.8px;margin-bottom:18px;font-size:var(--text-xs)}.sketchy .matia-chip .matia-name{font-size:var(--text-xs)}.sketchy .matia-chip .matia-chip-avatar{width:25.2px;height:26.2px;margin-right:5.3px;border-radius:52% 48% 56% 44%/46% 54%;background:#e8eaf7}.sketchy .hud-your-matia .hud-matia-avatar,.sketchy .matia-switch-row .matia-switch-avatar{border-radius:52% 48% 56% 44%/46% 54%;background:#e8eaf7}.sketchy .home>.stack{gap:18px}.sketchy .home>.row-wrap{gap:9.5px;margin-top:14.5px}.sketchy .home>.row-wrap>.muted{font-size:var(--text-xs)}.sketchy .home>.tiny{margin-top:16px}@media (max-height: 900px){.sketchy .home{margin-bottom:0}.sketchy .home-stage{margin-bottom:24px}}.sketchy .gb-preview{width:min(321px,100%);min-height:181px;margin-top:13.9px;padding:10px 22px 20px;gap:6px}.sketchy .gb-preview>.small{line-height:1.35}.sketchy .gb-preview-title{align-self:center;margin-bottom:4px;font-family:var(--font-heading);font-size:var(--text-xs);line-height:normal;font-weight:400;color:var(--muted)}.sketchy .gb-preview .matia-name{font-size:var(--text-md)}.sketchy .whats-new-btn{position:fixed;min-height:37px;padding:0 14.5px;font-size:var(--text-xs);color:var(--muted)}.sketchy .whats-new-title{font-size:var(--heading-sm);line-height:1.25}.sketchy .whats-new{position:fixed;--sk-r: 28px}.sketchy .label.matia-name{font-size:var(--text-sm)}.sketchy .label.matia-name.npc-name{color:var(--muted)}.sketchy .chip .matia-name,.sketchy .chat-line .matia-name,.sketchy .tab-row-name.matia-name{font-size:var(--text-md)}.sketchy .chat-line .matia-name{font-weight:400}.sketchy :is(.part-pill,.profile-card,.world-row,.btn,.chip):is([aria-pressed=true],[aria-selected=true],[data-active=true]):not(.btn-primary){color:var(--ink)}.sketchy .card-plain{--sk-r: 20px}.sketchy .world-list{background:transparent}.sketchy .world-row,.sketchy .profile-card{--sk-r: 18px}.sketchy .chat-log{background:#fff;border:1px solid var(--line-strong);border-radius:20px;color:var(--ink)}.sketchy .chat-line{text-shadow:none}.sketchy .chat-system{color:var(--muted)}.sketchy .chat-input{background:#fff}.sketchy .chat-open{background:transparent}.sketchy .hud[data-dark] :is(.hud-tl>.tiny,.hud-tr>.tiny,.hud-br .btn-ghost:not(.menu-pop *)),.sketchy:has(.hud[data-dark]) .chat-open{color:var(--bg)}.sketchy .hud[data-dark] :is(.hud-tl>.muted,.hud-tr>.muted),.sketchy:has(.hud[data-dark]) .chat-open{opacity:.85}.sketchy .hud[data-dark] .pencil-loop path{stroke:var(--bg)}.sketchy:has(.hud[data-dark]) .chat-open .kbd{border-color:currentColor}.sketchy .gb-entry{background:transparent;border:1px solid var(--line);border-radius:18px}.sketchy .menu-pop{--sk-r: 22px}.sketchy .menu-pop.nick-menu-pop{--sk-r: 16px}.touch .dialog-body{padding:18px}@media (max-width: 760px){.sketchy .dialog:has(.profile-close){--sk-r: 0px;--sk-stroke: transparent}}html.sketchy{--wave-fill: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='6'%20viewBox='0%200%2040%206'%3E%3Cpath%20d='M0%203%20Q10%201.4%2020%203%20T40%203'%20fill='none'%20stroke='%232c2a27'%20stroke-width='2'%20stroke-linecap='round'/%3E%3C/svg%3E")}.sketchy input[type=range]{height:20px}.sketchy input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:0;background:linear-gradient(#bcbcbc,#bcbcbc) no-repeat left center / 100% 1.5px}.sketchy input[type=range]::-moz-range-track{height:6px;border-radius:0;background:linear-gradient(#bcbcbc,#bcbcbc) no-repeat left center / 100% 1.5px}.sketchy input[type=range]::-moz-range-progress{height:6px;border-radius:0;background:var(--accent);mask:var(--wave-fill) repeat-x left center,linear-gradient(to right,#000 calc(100% - 18px * var(--range-p, .5) - 1px),transparent calc(100% - 18px * var(--range-p, .5) - 1px));mask-composite:intersect}.sketchy.touch input[type=range]::-moz-range-progress{mask:var(--wave-fill) repeat-x left center,linear-gradient(to right,#000 calc(100% - 26px * var(--range-p, .5) - 1px),transparent calc(100% - 26px * var(--range-p, .5) - 1px));mask-composite:intersect}.sketchy .object-panel input[type=range]::-webkit-slider-thumb{border-color:var(--accent);background:var(--accent)}.sketchy .object-panel input[type=range]::-moz-range-thumb{border-color:var(--accent);background:var(--accent)}.sketchy input[type=range]::-webkit-slider-thumb{margin-top:-5px}.sketchy.touch input[type=range]::-webkit-slider-thumb{margin-top:-9px}