.home{--home-cream:#f7f0d9;--home-mint:#b7e8d9;--home-lilac:#cdc4e8;--home-handwriting:"Comic Sans MS", "Segoe Print", cursive;isolation:isolate;background:radial-gradient(at 80% 48%,#222239,#11121c 72%);height:100%;min-height:320px;position:relative;overflow:hidden}#app .home [hidden]{display:none}.home-mirror,.home-wash{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-wash{background:linear-gradient(90deg,#11121cf0,#11121cbf 38%,#11121c59 65%,#0000 85%)}.home-mark{top:max(26px, env(safe-area-inset-top));width:100px;position:absolute;left:7%}.home-front{z-index:2;width:min(460px,43%);position:absolute;top:50%;left:7%;transform:translateY(-46%)}.home-eyebrow,.home-tagline{text-shadow:0 1px 3px #11121c,0 0 10px #11121c}.home-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--home-mint);margin:0 0 18px;font-size:11px;font-weight:650}.home h1{letter-spacing:-.075em;color:var(--home-cream);text-shadow:0 3px 34px #11121c99;margin:0;font-size:clamp(64px,8.5vw,130px);font-weight:850;line-height:.83}:where(.home h1)>span{width:-moz-fit-content;width:fit-content;color:var(--home-mint);display:block}@supports ((-webkit-background-clip:text) or (background-clip:text)){:where(.home h1)>span{background-image:linear-gradient(110deg, var(--home-mint) 10%, var(--home-lilac) 90%);color:#0000;text-shadow:none;filter:drop-shadow(0 2px 3px #11121c);-webkit-background-clip:text;background-clip:text}}.home-dot{color:#79e2d4}.home-tagline{color:#85ddff;max-width:320px;font-family:var(--home-handwriting);margin:26px 0 30px;font-size:18px;font-weight:400;line-height:1.55;transform:rotate(-4deg)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.home-tagline{color:#0000;text-shadow:none;filter:drop-shadow(0 1px 2px #11121c);background-image:linear-gradient(90deg,#85ddff,#aaa7ff,#f49bce,#ffa595,#ffcb85,#f4ea98,#a6ed9e,#7ee6d1,#85ddff);background-position:0 0;background-repeat:repeat-x;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:14s linear infinite tagline-rainbow}}@keyframes tagline-rainbow{to{background-position:200% 0}}.home-buttons{gap:12px;max-width:348px;display:grid}.home button{color:#f7f0df;min-height:48px;font:inherit;cursor:pointer;background:#191923;border:1px solid #777080;border-radius:7px;padding:12px 18px;font-size:14px}.home button:hover{background:#2d293c;border-color:#ddd3d8}.home button:focus-visible,.home h2:focus-visible,.home-page-scroll:focus-visible{outline-offset:5px;outline:3px solid #ecdd83}.home button.home-go{color:#1e1e29;background:#f4eccf;border-color:#f4eccf;justify-content:space-between;align-items:center;min-height:62px;font-size:21px;font-weight:750;display:flex;box-shadow:0 5px 30px #0a0b1677}.home button.home-go:hover{background:#fff8df;transform:translateY(-1px)}.home-go span{font-size:25px;font-weight:400}.home-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-secondary>button{color:var(--home-lilac);letter-spacing:.015em;font-weight:600}.home-secondary>button:is(:hover,:focus-visible){color:var(--home-cream);border-color:var(--home-mint)}.home-beta{z-index:3;pointer-events:none;color:#252035;letter-spacing:.1em;will-change:transform;background:#eee586;border:2px solid #252035;flex-direction:column;justify-content:center;align-items:center;width:136px;height:76px;font-size:33px;font-weight:900;line-height:1;display:flex;position:absolute;top:0;left:0;box-shadow:5px 5px #08091088}.home-beta span{letter-spacing:.17em;margin-top:7px;font-size:8px;font-weight:750}.home-footer{bottom:max(22px, env(safe-area-inset-bottom));letter-spacing:.09em;color:#b7a7c5;z-index:1;font-size:10px;position:absolute;left:7%;right:7%}.home-page{inset: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));z-index:4;background:0 0;flex-direction:column;width:min(760px,100% - 32px);max-height:840px;margin:auto;padding:clamp(30px,9vw,52px);display:flex;position:absolute;overflow:hidden}.home-reading .home-mark,.home-reading .home-footer{visibility:hidden}.home-page-toolbar{z-index:1;background:#191923;border-bottom:1px solid #3e394b;grid-template-columns:minmax(0,1fr) 56px;align-items:center;gap:16px;margin-bottom:16px;padding:8px 0 16px;display:grid;position:sticky;top:0}.home-page-heading{min-width:0}.home button.home-close{color:#172b30;background:#79e2d4;border:2px solid #a1efe0;border-radius:12px;place-items:center;width:56px;height:56px;min-height:56px;padding:6px;display:grid}.home button.home-close:hover{background:#b9fff0;border-color:#e7fff8}.home-close svg{fill:currentColor;pointer-events:none;width:40px;height:40px}.home-page-scroll{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-webkit-user-select:text;user-select:text;flex:1;min-height:0;padding:0 8px 8px;scroll-padding-top:96px;overflow-y:auto;container:menu/inline-size}.home-page-scroll::-webkit-scrollbar{display:none}.home h2{letter-spacing:-.025em;color:#f7f0d9;margin:0;font-size:clamp(26px,3.6vw,36px);font-weight:780;line-height:1.25}.home-setting{border-top:1px solid #3e394b;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:16px;padding:20px 0;display:grid}.home-setting:first-child{border-top:0;padding-top:4px}.home-setting>div{min-width:0}.home-setting strong{font-size:17px;font-weight:650}.home-setting p{color:#aba4b7;max-width:280px;margin:8px 0 0;font-size:13px;line-height:1.5}.home button.home-switch{background:0 0;border:0;flex-shrink:0;width:58px;height:48px;padding:8px 3px;position:relative}.home-switch:before{content:"";background:#3d384a;border:1px solid #746c85;border-radius:22px;position:absolute;inset:8px 0}.home-switch i{background:#e9e2ed;border-radius:50%;width:24px;height:24px;margin:4px;transition:transform .14s;display:block;position:relative}.home-switch[aria-checked=true]:before{background:#78d5c6;border-color:#a1efe0}.home-switch[aria-checked=true] i{background:#1c3233;transform:translate(22px)}.home button:disabled{cursor:default;opacity:.4}.sound-scribble{padding:0 12px 0 0;display:inline-block;position:relative}.sound-scribble svg{width:108px;height:36px;position:absolute;top:-6px;left:-17px;overflow:visible}.sound-scribble path{fill:none;stroke:#f095b6;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:11 1 6 .6;opacity:.9}.home-setting p.sound-note{font-family:var(--home-handwriting);color:#f0a3bf;margin-top:14px;font-size:18px;transform:rotate(-4deg)}.home-options-note{color:#eddfad;margin:12px 0 0;font-size:13px;line-height:1.5}.home-options-note:empty{display:none}.home button.home-vietnamese{top:max(22px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));z-index:4;color:#baeee4;background:#172b30ed;border-color:#79b9b0;align-items:center;gap:8px;min-height:48px;padding:6px 14px 6px 9px;display:flex;position:absolute}.home-vietnamese svg{width:32px;height:30px}.guide-cards{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.guide-card{background:#23222f;border:1px solid #4d475c;border-radius:14px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.guide-card-picture{background:#f8efd8;border-bottom:1px solid #4d475c;place-items:center;min-width:0;padding:8px 12px;display:grid}.guide-card-picture>svg{width:100%;max-width:280px;height:auto;max-height:96px;display:block}.guide-card-picture>svg.guide-collection{max-height:none}.guide-card-copy{align-self:center;min-width:0;padding:16px}.guide-card h3{color:#f7f0d9;margin:0 0 8px;font-size:16px;line-height:1.4}.guide-card p{color:#d1cbd8;margin:0;font-size:14px;line-height:1.6}.guide-card p+p{margin-top:10px}@container menu (width>=440px){.guide-card{grid-template-columns:176px minmax(0,1fr)}.guide-card-picture{border-bottom:0;border-right:1px solid #4d475c;min-height:128px}.guide-card-picture>svg{max-height:none}}.vietnamese-note{color:#e3cde7;background:#b589c00a;border:1px dashed #8c789d;border-radius:12px;margin:18px 0;padding:14px 16px;font-size:14px;line-height:1.7}.home-page.home-options-page{width:min(560px,100% - 32px);max-height:440px}.guide-shape{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.guide-family{fill:#294346;stroke:#97e5d4;stroke-width:.04px;stroke-linejoin:round;width:56px;height:56px;margin:0}.guide-bottom{flex-shrink:0;justify-content:space-between;align-items:flex-end;height:76px;padding:8px 8px 0;display:flex;position:relative}.guide-doraemon{pointer-events:none;width:clamp(48px,12vw,70px);height:68px;position:relative;overflow:visible}.doraemon-dance{transform-origin:65px 145px;animation:.9s ease-in-out infinite alternate doraemon-bounce}.doraemon-arm-left,.doraemon-arm-right{transform-origin:65px 96px;animation:.45s ease-in-out infinite alternate doraemon-wave}.doraemon-arm-left{animation-direction:alternate-reverse}:where(.home-motion-paused) .home-tagline,:where(.home-motion-paused) .doraemon-dance,:where(.home-motion-paused) .doraemon-arm-left,:where(.home-motion-paused) .doraemon-arm-right,:where(.home-motion-paused) .flying-swan,:where(.home-motion-paused) .swan-orbit,:where(.home-motion-paused) .swan-wing{animation-play-state:paused}@keyframes doraemon-bounce{0%{transform:translateY(-2px)rotate(-8deg)}to{transform:translateY(-11px)rotate(8deg)}}@keyframes doraemon-wave{to{transform:rotate(16deg)}}.home button.vietnamese-play{color:#baeee4;border-color:#79b9b0;margin-bottom:8px}.swan-flight{z-index:8;background:#13182235;position:absolute;inset:0;overflow:hidden}.swan-flock{pointer-events:none}.home button.swan-skip{bottom:max(24px, env(safe-area-inset-bottom));white-space:nowrap;background:#172b30;border-color:#79b9b0;position:absolute;left:50%;transform:translate(-50%)}.flying-swan{width:var(--size);animation:swan-cross var(--flight-duration) var(--delay) ease-in-out both;will-change:transform;position:absolute;top:0;left:0}.swan-orbit{animation:swan-circle var(--flight-duration) var(--delay) linear both;display:block}.flying-swan svg{width:100%;transform:scaleX(var(--facing));filter:drop-shadow(0 4px 6px #10132688);display:block}.flying-swan .swan-wing{transform-origin:60px 66px;animation:swan-flap .42s var(--delay) ease-in-out infinite alternate}@keyframes swan-cross{0%{transform:translate(var(--from-x), var(--from-y)) rotate(-8deg)}22%,78%{transform:translate(var(--circle-x), var(--circle-y)) rotate(0deg)}to{transform:translate(var(--to-x), var(--to-y)) rotate(-5deg)}}@keyframes swan-circle{0%,18%{transform:rotate(0)translate(0)rotate(0)}24%{transform:rotate(0deg) translateX(var(--circle-radius)) rotate(0deg)}76%{transform:rotate(var(--circle-turn)) translateX(var(--circle-radius)) rotate(calc(-1 * var(--circle-turn)))}84%,to{transform:rotate(var(--circle-turn)) translateX(0) rotate(calc(-1 * var(--circle-turn)))}}@keyframes swan-flap{to{transform:scaleY(.25)rotate(-12deg)}}.footer .home-return{min-height:44px;color:var(--ink-dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:10px;font-size:12px}@media (max-width:899px) and (orientation:portrait){.home-mark{top:max(12px, env(safe-area-inset-top));width:min(76px,10vh);left:7%}.home-front{flex-direction:column;width:auto;display:flex;inset:12% 7% 9%;transform:none}.home-eyebrow{margin-bottom:13px;font-size:9px}.home h1{font-size:clamp(62px,20vw,112px);line-height:.84}:where(.home h1)>span{display:block}.home h1{overflow-wrap:normal;max-width:310px}.home-tagline{flex-shrink:0;margin:18px 0;font-size:16px}.home-buttons{width:100%;max-width:none;margin-top:auto}.home-footer{bottom:max(17px, env(safe-area-inset-bottom));font-size:8px}.home-beta{width:112px;height:64px;font-size:28px}.home-beta span{font-size:7px}.home-page{inset:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));width:calc(100% - 24px)}}@media (max-height:540px) and (orientation:landscape){.home-mark{width:56px;top:8px}.home-front{width:42%;transform:translateY(-42%)}.home h1{font-size:clamp(45px,12vh,64px)}:where(.home h1)>span{display:inline}.home-eyebrow{margin-bottom:12px;font-size:9px}.home-tagline{margin:14px 0;font-size:14px}.home-buttons{gap:8px}.home button{min-height:44px;padding:9px 12px;font-size:12px}.home button.home-go{min-height:48px;font-size:18px}.home-footer{font-size:8px;bottom:10px}.home-beta{width:112px;height:64px;font-size:28px}}@media (forced-colors:active){.home-tagline{color:canvastext;filter:none;background-image:none;animation:none}:where(.home h1)>span{color:canvastext;background-image:none}}@media (prefers-reduced-motion:reduce){.home-tagline,.flying-swan,.swan-orbit,.flying-swan .swan-wing,.doraemon-dance,.doraemon-arm-left,.doraemon-arm-right{animation:none}.home .home-switch i,.home .home-switch:before{transition:none}}:root{--bg:#14141a;--bg-2:#1b1b23;--ink:#e8e6df;--ink-dim:#a09d96;--line:#2c2c36;--accent:#e8d37d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#app{height:100%}.session-notice{z-index:20;top:max(12px, env(safe-area-inset-top));border:1px solid var(--line);background:var(--bg-2);width:min(420px,100% - 32px);color:var(--ink);cursor:auto;touch-action:manipulation;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.5;position:fixed;left:50%;transform:translate(-50%)}.session-notice.blocking{top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #000000b3}.session-notice p{margin:0 0 12px}.session-notice div{flex-wrap:wrap;gap:8px;display:flex}.session-notice button{min-height:44px;font:inherit;color:inherit;border:1px solid var(--ink-dim);cursor:pointer;background:0 0;border-radius:6px;padding:8px 12px}.panel-brand{color:#b5b0ba;letter-spacing:.24em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:650}.shape-logo{pointer-events:none;width:100%;height:auto;display:block}.panel-logo{width:80px;display:block}.pause-backdrop{z-index:19;-webkit-backdrop-filter:blur(8px);background:#10101bd9;position:fixed;inset:0}.session-notice.pause-menu{background:radial-gradient(at 100% 0,#292338,#191923 75%);border-color:#4d475c;border-radius:16px;width:min(440px,100% - 32px);padding:clamp(24px,5vw,36px);box-shadow:0 18px 100px #080910aa}.pause-menu .panel-logo{position:absolute;top:20px;right:24px}.pause-menu h2{color:#f7f0d9;letter-spacing:-.05em;margin:20px 0 30px;font-size:clamp(38px,8vw,48px);line-height:1}.pause-menu div{gap:12px;display:grid}.pause-menu button{color:#f7f0df;background:#191923;border-color:#777080;border-radius:7px;min-height:50px;font-size:14px}.pause-menu button:hover{background:#2d293c;border-color:#ddd3d8}.pause-menu button:first-child{color:#1e1e29;background:#f4eccf;border-color:#f4eccf;min-height:60px;font-size:20px;font-weight:750}.pause-menu button:first-child:hover{background:#fff8df}.create-screen{min-height:100%;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));touch-action:pan-y;background:radial-gradient(at 80% 30%,#29233d,#11121c 75%);display:flex}.create{background:#191923e8;border:1px solid #4d475c;border-radius:16px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-areas:"heading heading""preview controls""footer footer";gap:28px 40px;width:100%;max-width:960px;margin:auto;padding:28px 36px;display:grid;box-shadow:0 18px 100px #08091077}.create.has-sign{grid-template-areas:"heading heading""sign sign""preview controls""footer footer"}.create-heading{grid-area:heading;padding-right:88px;position:relative}.create-heading .panel-logo{position:absolute;top:-8px;right:0}.create-heading h1{color:#f7f0d9;letter-spacing:-.055em;margin:0;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.05}.create-heading :where(h1) span{color:#79e2d4}.create-controls{grid-area:controls;align-self:center;min-width:0}.primitives{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.primitive{color:#c1bacb;min-width:0;min-height:88px;font:inherit;text-transform:capitalize;cursor:pointer;background:#15151f;border:1px solid #4d475c;border-radius:9px;justify-items:center;gap:4px;padding:10px 4px;font-size:12px;display:grid}.primitive canvas{width:40px;height:40px;display:block}.primitive:hover{background:#2d293c;border-color:#a59cae}.primitive.selected{color:#f7f0d9;background:#342f40;border-color:#f4eccf;box-shadow:inset 0 0 0 1px #f4eccf}.preview{touch-action:none;cursor:grab;background:radial-gradient(#29283c88,#10111b88);border:1px solid #454052;border-radius:12px;grid-area:preview;place-items:center;min-height:360px;display:grid;position:relative}.preview canvas{width:100%;height:100%;position:absolute;inset:0}.outline-handles{pointer-events:none;position:absolute;inset:0}.outline-handle{cursor:grab;touch-action:none;pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.outline-handle:after{content:"";border:1px solid var(--outline-color);background:#191923;border-radius:50%;width:7px;height:7px}.outline-handle:hover:after,.outline-handle:focus-visible:after{background:var(--outline-color);width:11px;height:11px}.preview.is-pulling,.preview.is-pulling .outline-handle{cursor:grabbing}.sculpt-caption{color:#b5b0c4;pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:10px}.control-label{letter-spacing:.1em;text-transform:uppercase;color:#c1bacb;margin:0 0 10px;font-size:11px;display:block}.create-controls input[type=range]+.control-label{margin-top:12px}.sculpt-actions{gap:10px;margin-top:20px;display:flex}.sculpt-actions button{color:#e8e6df;min-height:44px;font:inherit;cursor:pointer;background:#15151f;border:1px solid #635b70;border-radius:7px;flex:1;font-size:13px}.sculpt-actions button:hover:not(:disabled){background:#2d293c}.sculpt-actions button:disabled{opacity:.35;cursor:default}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:1px;height:2px}input[type=range]::-moz-range-track{background:var(--line);border-radius:1px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:2px solid var(--bg);width:18px;height:18px;box-shadow:0 0 0 1px var(--line);border-radius:50%;margin-top:-8px}input[type=range]::-moz-range-thumb{background:var(--ink);border:2px solid var(--bg);width:14px;height:14px;box-shadow:0 0 0 1px var(--line);border-radius:50%}input[type=range].hue::-webkit-slider-runnable-track{opacity:.55;background:linear-gradient(90deg,#e05252,#e0e052,#52e052,#52e0e0,#5252e0,#e052e0,#e05252)}input[type=range].hue::-moz-range-track{opacity:.55;background:linear-gradient(90deg,#e05252,#e0e052,#52e052,#52e0e0,#5252e0,#e052e0,#e05252)}.footer{border-top:1px solid #3e394b;flex-wrap:wrap;grid-area:footer;align-items:end;gap:12px;padding-top:24px;display:flex}.player-field{color:#b5b0ba;letter-spacing:.1em;text-transform:uppercase;gap:8px;width:180px;margin-right:auto;font-size:11px;display:grid}.id{letter-spacing:.06em;color:#e8e6df;background:#12131d;border:1px solid #635b70;border-radius:7px;outline:none;width:100%;min-width:0;min-height:48px;padding:10px 12px;font:16px ui-monospace,SFMono-Regular,Menlo,monospace}.id:focus{color:var(--ink);border-color:#f4eccf}.go{color:#1e1e29;min-height:48px;font:inherit;cursor:pointer;background:#f4eccf;border:1px solid #f4eccf;border-radius:7px;order:2;justify-content:center;align-items:center;gap:20px;padding:12px 20px;font-size:15px;font-weight:750;display:flex}.go:hover{background:#fff8df}.go svg{stroke:currentColor;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.hall{background:var(--bg);cursor:none;position:fixed;inset:0}.hall canvas{width:100%;height:100%;display:block}.debug{color:#9ee49e;pointer-events:none;white-space:pre;z-index:10;background:#0000008c;border-radius:6px;margin:0;padding:8px 10px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:8px;left:8px}.walkway{background:var(--bg);cursor:none;touch-action:none;position:fixed;inset:0}.walkway canvas{width:100%;height:100%;display:block}.tune{color:#d8d6cf;z-index:11;background:#0009;border-radius:6px;width:300px;max-height:calc(100% - 16px);padding:8px 10px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;top:8px;right:8px;overflow:auto}.tune-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.tune-head button{font:inherit;color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:1px 6px}.tune-row{grid-template-columns:1fr 80px 52px;align-items:center;gap:6px;padding:2px 0;display:grid}.tune-row input[type=range]{height:16px}.tune-row output{text-align:right;color:#9ee49e}.sign-strip{touch-action:pan-x pan-y;grid-area:sign;min-width:0;height:64px;overflow:auto hidden}.sign-row{width:max-content;margin:0 auto;padding:0 8px;display:flex}.create .sign{opacity:.9;flex:0 0 40px;width:40px;height:48px;display:block}.play-menu{z-index:15;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));color:#f7f0df;min-height:44px;font:inherit;cursor:pointer;background:#191923e6;border:1px solid #777080;border-radius:7px;padding:12px 18px;font-size:14px;position:fixed}.create .footer .home-return,.create .resume-journey{color:#f7f0df;min-height:48px;font:inherit;cursor:pointer;background:#191923;border:1px solid #777080;border-radius:7px;order:4;padding:12px 16px;font-size:14px}.create .resume-journey{order:3}.create .footer .home-return:hover,.create .resume-journey:hover,.play-menu:hover{background:#2d293c;border-color:#ddd3d8}@media (max-width:759px){.create-heading{padding-right:0}.create-heading .panel-brand{align-items:center;min-height:32px;padding-right:72px;display:flex}.create-heading .panel-logo{width:64px}.create-screen{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))}.create{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""preview""controls""footer";gap:20px;max-width:520px;padding:24px}.create.has-sign{grid-template-areas:"heading""sign""preview""controls""footer"}.preview{aspect-ratio:1;min-height:280px}.footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;padding-top:20px;display:grid}.player-field{grid-column:1/-1;width:100%}.go.named-go{grid-column:1/-1}.go{gap:12px;padding-inline:10px}}@media (max-width:359px){.create-screen{padding-inline:10px}.create{padding:20px 16px}.create .footer .home-return,.create .resume-journey{padding-inline:8px;font-size:13px}}@media (max-height:420px){.session-notice.pause-menu{padding:20px 24px}.pause-menu h2{margin:14px 0 18px;font-size:34px}.pause-menu div{gap:8px}.pause-menu button,.pause-menu button:first-child{min-height:44px}.pause-menu .panel-logo{top:12px;right:24px}.create-screen{padding-block:16px}.create{padding-block:24px}}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.session-notice,.completion-card{max-height:calc(100dvh - 32px);overflow-y:auto}.mastery{top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));z-index:10;pointer-events:none;color:#e9eef5;text-shadow:0 2px 12px #08101f;max-width:min(23rem,68vw);position:fixed}.mastery-score{letter-spacing:.06em;font-size:1rem;font-weight:600}.mastery-label{letter-spacing:.15em;opacity:.6;margin-top:.8rem;font-size:.65rem}.mastery-icons{grid-template-columns:repeat(3,1.6rem);gap:.3rem;margin-top:.25rem;display:grid}.mastery-icons svg{width:1.6rem;height:1.6rem}.social-pair{gap:.7rem;width:max-content;margin:.9rem 0 .3rem;display:flex}.social-pair.is-empty{display:none}.social-badge{text-align:center;color:#b5f3d8;width:3.5rem;transform:rotate(-4deg)}.social-badge.opp{color:#f3b2bb;transform:rotate(4deg)}.social-label{letter-spacing:.09em;font-size:.62rem;font-weight:600}.social-portrait{background:#092a2b88;border:1px solid #b5f3d826;border-radius:.8rem .4rem .9rem .45rem;place-items:center;height:2.8rem;margin:.25rem 0 .12rem;display:grid;position:relative}.opp .social-portrait{background:#301a3188;border-color:#f3b2bb26;border-radius:.4rem .9rem .45rem .8rem}.social-portrait svg{width:2.2rem;height:2.2rem;overflow:visible}.social-portrait path{fill:currentColor;fill-opacity:.13;stroke:currentColor;stroke-width:.085px;stroke-linejoin:round}.social-badge.is-ready .social-portrait{background:#174b4288;border-color:#b5f3d899}.social-badge.has-mirror .social-portrait{background:linear-gradient(125deg,#c0ffe52b,#22394988 45%,#c0ffe51f 47%,#22394988 51%);border:2px solid #d2ffe9;border-radius:.9rem .9rem .25rem .25rem;box-shadow:inset 0 0 0 3px #142b36,inset 0 0 0 4px #b5f3d855}.social-badge.is-empty{opacity:.35}.completion{z-index:25;background:radial-gradient(#11162c12,#11162c55);position:fixed;inset:0}.completion[hidden],.completion-card[hidden]{display:none}.completion-shape{filter:drop-shadow(0 0 12px #abdded44);pointer-events:none;width:64px;height:64px;position:absolute;overflow:visible}.completion-card{box-sizing:border-box;color:#f5ebd8;text-align:center;background:#14192eeb;border:1px solid #bcecd477;border-radius:2.8rem 1.3rem 2.3rem 1.5rem;width:min(24rem,80vw);padding:clamp(1rem,4vw,2rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:0 12px 60px #080a2055}.completion-card h1{letter-spacing:-.035em;margin:0 0 1.5rem;font-size:clamp(1.25rem,4.8vw,2rem);line-height:1.2}.completion-stats{justify-content:center;gap:1rem;display:flex}.completion-stat{color:#c2f5d9;background:#24473e55;border:1px solid #c2f5d988;border-radius:50% 44% 48% 38%;place-content:center;gap:.2rem;width:7rem;min-height:6.4rem;display:grid;transform:rotate(-5deg)}.completion-stat:nth-child(2){color:#f6becf;background:#542b4b55;border-color:#f6becf88;border-radius:22% 40% 20% 34%;transform:rotate(5deg)}.completion-stat strong{font-size:clamp(1.7rem,6vw,2.5rem)}.completion-stat span{letter-spacing:.06em;font-size:.7rem}.completion-actions{justify-content:center;gap:.7rem;margin-top:1.7rem;display:flex}.completion-actions button{color:#f5ebd8;min-height:44px;font:inherit;cursor:pointer;background:#253c46;border:1px solid #ecdfc988;border-radius:1rem .6rem;padding:.6rem .9rem}.completion-actions button:focus-visible{outline-offset:3px;outline:3px solid #c2f5d9}@media (max-height:500px){.completion-card{padding:.8rem 1.5rem}.completion-card h1{margin-bottom:.7rem}.completion-stat{min-height:4.4rem}.completion-actions{margin-top:.8rem}}