@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff")}:root{color:#f4f1e8;font-synthesis:none;--lime:#d0ff00;--orange:#ff781f;--purple:#bb81ff;--cyan:#35f7ff;--pink:#ff43d4;--muted:#c0bac9;--mono:"Consolas","SFMono-Regular",monospace;--display:"Bungee",Impact,sans-serif;background:#14121a;font-family:Space Grotesk Variable,Arial,sans-serif}*{box-sizing:border-box}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:disabled{opacity:.5;cursor:wait}:is(button,a,input,select,summary,canvas):focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration:none}h1,h2,h3,p,dl{margin:0}[hidden]{display:none!important}svg{flex-shrink:0}[data-icon]{justify-content:center;align-items:center;display:inline-flex}[data-icon] svg{width:21px;height:21px;display:block}::selection{background:var(--lime);color:#1d2111}kbd{font:10px var(--mono);color:#e0dce7;border:1px solid #77717f;border-radius:3px;padding:3px 5px}.skip-link{z-index:100;color:#202416;background:var(--lime);padding:13px 20px;font-weight:700;position:fixed;top:-70px;left:20px}.skip-link:focus{top:10px}.playground{--vision-color:var(--lime);isolation:isolate;background:radial-gradient(at 50% 52%,#373240 0,#24202c 48%,#121016 100%);width:100%;height:100svh;position:relative;overflow:hidden}.playground[data-vision=clay]{--vision-color:var(--orange)}.playground[data-vision=wireframe]{--vision-color:var(--cyan)}.arena-backdrop{object-fit:cover;object-position:center;opacity:.76;pointer-events:none;z-index:-3;filter:saturate(1.4)contrast(1.06);background:url(/arena-bg.png) 50%/cover no-repeat;width:100%;height:100%;position:absolute;inset:0}.arena-vignette{z-index:-2;pointer-events:none;background:radial-gradient(14% 65% at 0 45%,#caff0024,#0000 85%),radial-gradient(15% 65% at 100%,#ff2abc2b,#0000 85%),radial-gradient(at 50% 48%,#14101900 18%,#15101a45 61%,#0b0912cf 100%),linear-gradient(#0e0b18a3,#0000 28% 70%,#0e0b18bf);position:absolute;inset:0}.arena-vignette:after{content:"";opacity:.12;background:repeating-linear-gradient(0deg,#0000 0 3px,#07060b 3px 4px);position:absolute;inset:0}.arena-frame{pointer-events:none;z-index:10;border:1px solid #c582ff2b;position:absolute;inset:13px}.arena-frame:before,.arena-frame:after{content:"";background:linear-gradient(transparent,var(--vision-color),transparent);width:3px;height:23%;box-shadow:0 0 12px color-mix(in srgb,var(--vision-color) 40%,transparent);position:absolute;top:34%}.arena-frame:before{left:-2px}.arena-frame:after{background:linear-gradient(transparent,var(--pink),transparent);right:-2px}.arena-frame i{border-color:var(--vision-color);width:27px;height:27px;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--vision-color) 50%,transparent));border-style:solid;position:absolute}.arena-frame i:first-child{border-width:2px 0 0 2px;top:-1px;left:-1px}.arena-frame i:nth-child(2){border-width:2px 2px 0 0;top:-1px;right:-1px}.arena-frame i:nth-child(3){border-width:0 0 2px 2px;bottom:-1px;left:-1px}.arena-frame i:nth-child(4){border-width:0 2px 2px 0;bottom:-1px;right:-1px}.canvas-wrap{z-index:0;position:absolute;inset:0}.canvas-wrap canvas{touch-action:none;cursor:grab;outline-offset:-5px;width:100%;height:100%;display:block}.canvas-wrap canvas:active{cursor:grabbing}.game-header{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:24px;left:34px;right:34px}.game-header button,.game-header a{pointer-events:auto}.brand-plate{background:repeating-linear-gradient(117deg,#0000 0 31px,#ded1ec05 32px 33px,#0000 35px 69px),linear-gradient(165deg,#655275,#35283e 42%,#211b29 95%);border-top:2px solid #aa87ba;border-bottom:5px solid #130c1b;border-left:2px solid #aa87ba;border-right:4px solid #2b1738;min-width:262px;padding:14px 24px 15px 21px;position:relative;transform:rotate(-3deg);box-shadow:inset 0 2px #e6c4fa70,inset 0 -2px #74418c,0 5px #06050a,0 9px #742c9e,0 13px 24px #0009}.brand-plate:before{content:"";pointer-events:none;border:1px solid #af9bb52e;position:absolute;inset:5px}.brand-kicker{font:8px var(--mono);letter-spacing:3.5px;color:#e9dcec;margin-bottom:4px;display:block}.brand{font:32px/1.1 var(--display);letter-spacing:-1.6px;color:#fff2a1;text-shadow:0 2px #9e8226,0 4px #5e401c,2px 6px #121016,-1px -1px #fff9d1;white-space:nowrap;display:block}.brand b{color:var(--orange);filter:drop-shadow(0 0 8px #ff741b80);margin-left:6px;font-size:27px;display:inline-block;transform:rotate(10deg)}.brand-tagline{font:8px var(--mono);letter-spacing:1.6px;color:#d7cfde;margin-top:10px;display:block}.plate-bolt,.dock-screw{background:linear-gradient(140deg,#d4c9d8,#73677d 45%,#211c2b 50%,#766d7b 65%);border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 1px 1px #000,inset 0 1px #e4dbe84d}.bolt-a{top:5px;left:6px}.bolt-b{bottom:7px;right:7px}.asset-marquee{text-align:center;min-width:200px;max-width:38%;position:absolute;top:9px;left:50%;transform:translate(-50%)}.marquee-label{font:8px var(--mono);letter-spacing:3px;color:#e4cff4;border-top:2px solid var(--vision-color);background:linear-gradient(#24112bbd,#0000);padding:5px 12px;display:inline-block}.marquee-label i{background:var(--vision-color);width:4px;height:4px;box-shadow:0 0 7px var(--vision-color);margin:0 4px 1px;display:inline-block}.asset-marquee strong{font:24px/1.5 var(--display);letter-spacing:.5px;color:#f0ebf5;text-shadow:2px 3px #120c1a;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.marquee-meta{font:8px var(--mono);color:#b7a9c3;letter-spacing:1px;justify-content:center;align-items:center;gap:9px;display:flex}.marquee-meta>:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:270px;overflow:hidden}.marquee-meta #model-index{color:var(--lime);white-space:nowrap}.privacy-chip{color:var(--lime);background:linear-gradient(140deg,#242f18ed,#121c12ed);border:2px solid #9bc525;border-bottom:4px solid #324510;align-items:center;gap:10px;margin-top:9px;padding:10px 13px;display:flex;transform:rotate(2deg);box-shadow:inset 0 1px #dcff7955,0 3px #08090e,0 0 15px #cfff0017}.privacy-chip [data-icon] svg{width:22px;height:22px}.privacy-chip>span:nth-child(2){font:12px var(--display);letter-spacing:.4px;display:block}.privacy-chip small{font:8px var(--mono);color:#c5c4b0;letter-spacing:.8px;margin-top:4px;display:block}.sample-rack{z-index:4;flex-direction:column;gap:13px;width:112px;display:flex;position:absolute;top:170px;left:34px}.rack-label{font:9px var(--display);letter-spacing:1px;color:#dfd3eb;text-align:center;text-shadow:1px 2px #151019;margin-bottom:1px}.sample-card{text-align:center;background:linear-gradient(155deg,#594269,#2c1e37 68%);border:2px solid #9474a7;border-bottom:6px solid #271435;border-radius:6px;width:112px;height:109px;padding:6px 6px 8px;transition:transform .16s,border-color .16s,filter .16s;position:relative;box-shadow:inset 0 2px #d8bcf14a,inset 3px 0 #79508a45,0 4px #08040f,0 7px 10px #0007}.sample-card:hover{border-color:#baa2cc;transform:translate(4px)rotate(1deg)}.sample-card.active{border-color:var(--lime);background:linear-gradient(155deg,#5d712d,#25331a 68%);border-bottom-color:#6e9212;box-shadow:inset 0 2px #efffb6a3,0 4px #142000,0 0 0 1px #91ae32,0 0 23px #cfff0030}.sample-card:active{filter:brightness(1.15);transform:translateY(3px)}.sample-card.active:after{content:"";background:var(--lime);width:10px;height:10px;position:absolute;top:43px;right:-7px;transform:rotate(45deg);box-shadow:2px -2px #12150c}.sample-tag{z-index:2;color:#d8cce3;font:7px var(--mono);position:absolute;top:6px;left:7px}.sample-art{background:radial-gradient(#9b7ab130,#0000 70%);justify-content:center;align-items:center;width:100%;height:64px;display:flex;position:relative;overflow:hidden}.sample-card>strong{font:10px/1.3 var(--display);letter-spacing:.1px;color:#ede8f3;display:block}.sample-type{font:7px var(--mono);color:#b8acbf;letter-spacing:1px;margin-top:4px;display:block}.rack-stripes{opacity:.9;background:repeating-linear-gradient(125deg,var(--orange) 0 5px,#25112c 6px 12px);height:7px;margin:4px 14px 0;box-shadow:0 0 12px #ff781f24}.scout-body{background:radial-gradient(circle at 30% 22%,#f5f2e5,#b2b6ac 56%,#465045 80%);border:3px solid #d7d9cf;border-radius:50%;width:42px;height:42px;display:block;position:relative;transform:rotate(-12deg);box-shadow:0 8px 7px #0005}.scout-body:before,.scout-body:after{content:"";background:linear-gradient(90deg,#9e4f23,#f7a24a);border-radius:5px;width:10px;height:20px;position:absolute;top:9px;left:-10px}.scout-body:after{left:auto;right:-10px}.scout-body i{background:#15201b;border:4px solid #26342b;border-radius:50%;width:22px;height:17px;position:absolute;top:10px;left:7px;box-shadow:inset 0 0 0 2px #d7ff56,0 0 8px #d7ff5644}.art-bloom i{border:8px solid #b7b1c3;border-radius:50%;width:43px;height:30px;position:absolute;transform:rotate(45deg);box-shadow:inset 1px 2px 2px #fff0ff,1px 2px 3px #160c22}.art-bloom i:nth-child(2){transform:rotate(105deg)}.art-bloom i:nth-child(3){transform:rotate(165deg)}.art-stack{perspective:200px}.art-stack i{background:linear-gradient(90deg,#db8354 60%,#914525 60%);width:27px;height:41px;position:absolute;top:7px;left:calc(50% - 9px);transform:skewY(-15deg)}.art-stack i:nth-child(2){background:linear-gradient(90deg,#ddd7bb 60%,#a39b82 60%);width:22px;height:30px;top:24px;left:calc(50% - 24px)}.art-stack i:nth-child(3){background:linear-gradient(90deg,#c8d489 60%,#84915c 60%);width:17px;height:23px;top:31px;left:calc(50% + 8px)}.side-tools{z-index:5;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:34%;right:39px}.tools-label{font:8px var(--mono);color:#e8cbf8;letter-spacing:2px;margin-bottom:2px}.icon-button{color:#f0defd;background:linear-gradient(#6b4881,#412750 75%);border:2px solid #9a71b1;border-top-color:#c89be0;border-bottom:5px solid #321342;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:46px;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;position:relative;box-shadow:inset 0 2px #f0c7ff38,inset 2px 0 #b282ca35,0 4px #09050e,0 7px 10px #0005}.icon-button:hover{filter:brightness(1.2);color:#fff;transform:translateY(-2px);box-shadow:inset 0 2px #f0c7ff38,0 6px #09050e,0 0 16px #c253ff35}.icon-button:active{transform:translateY(3px);box-shadow:inset 0 2px #0003,0 1px #09050e}.side-tools .icon-button{width:54px;height:51px;color:var(--cyan);border-color:#9476b0 #9476b0 #382046}.side-tools .icon-button:nth-of-type(2){color:var(--pink)}.side-tools .icon-button:nth-of-type(3){color:var(--orange)}.side-tools .icon-button:nth-of-type(4){color:var(--lime)}.side-tools .icon-button [data-icon] svg{filter:drop-shadow(0 0 5px);width:24px;height:24px}.side-tools .icon-button[aria-expanded=true]{border-color:var(--orange);background:linear-gradient(#75422b,#3d2036);box-shadow:inset 0 2px #ffd29955,0 4px #130817,0 0 18px #ff781f35}.tool-text{white-space:nowrap;color:#f6ecfc;font:10px var(--display);pointer-events:none;opacity:0;background:#201728f2;border:1px solid #685273;padding:7px 10px;transition:opacity .15s,transform .15s;position:absolute;right:calc(100% + 10px);transform:translate(5px)}.icon-button:hover .tool-text,.icon-button:focus-visible .tool-text{opacity:1;transform:none}.tool-divider{background:#afa0bd37;width:28px;height:2px;margin:2px 0}.stage-coordinates{color:#c1afca66;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:2.5px;pointer-events:none;position:absolute;top:49%;left:19%}.orbit-hint{z-index:2;white-space:nowrap;color:#dfcdeb;font:9px var(--mono);letter-spacing:1.2px;pointer-events:none;text-shadow:0 1px 4px #000;align-items:center;gap:9px;display:flex;position:absolute;bottom:165px;left:50%;transform:translate(-50%)}.orbit-hint [data-icon] svg{color:#d6ff358c;width:16px;height:16px}.orbit-hint b{color:var(--lime);margin:0 5px}.viewport-dock{z-index:6;background:repeating-linear-gradient(118deg,#0000 0 41px,#e9daff05 42px 43px,#0000 44px 65px),linear-gradient(#60516c,#33253f 65%,#21162b);border:3px solid #a783bb;border-bottom:7px solid #2e173c;border-radius:9px;align-items:center;gap:6px;padding:18px 17px 15px;display:flex;position:absolute;bottom:49px;left:50%;transform:translate(-50%);box-shadow:inset 0 3px #dfb9f370,inset 0 -2px #714a83,0 4px #08060c,0 7px #663281,0 12px 36px #000a}.viewport-dock:after{content:"";background:var(--vision-color);height:3px;box-shadow:0 0 10px var(--vision-color),0 4px 20px color-mix(in srgb,var(--vision-color) 40%,transparent);pointer-events:none;border-radius:4px;position:absolute;bottom:-7px;left:23%;right:23%}.dock-label{white-space:nowrap;color:var(--vision-color);font:8px var(--mono);letter-spacing:2px;text-shadow:0 0 8px color-mix(in srgb,var(--vision-color) 40%,transparent);background:#2c1838;border:2px solid #a783bb;border-bottom:0;border-radius:4px 4px 0 0;padding:4px 13px;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.dock-screw{top:5px}.screw-left{left:5px}.screw-right{right:5px}.mode-buttons{gap:5px;display:flex}.mode-button{--mode-color:var(--lime);--mode-light:#edff95;--mode-shadow:#789500;color:#f0e3f7;min-width:84px;height:48px;font:10px var(--display);text-shadow:0 1px #151019;background:linear-gradient(#715080,#40274c);border:2px solid #aa7abe;border-top-color:#c899dc;border-bottom:5px solid #32153f;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;transition:transform .12s,filter .12s,box-shadow .12s;display:flex;box-shadow:inset 0 2px #edc6ff30,0 4px #100817}.mode-button[data-mode=clay]{--mode-color:var(--orange);--mode-light:#ffc375;--mode-shadow:#a44212}.mode-button[data-mode=wireframe]{--mode-color:var(--cyan);--mode-light:#b1ffff;--mode-shadow:#078d9c}.mode-button [data-icon] svg{width:17px;height:17px;color:var(--mode-color);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--mode-color) 40%,transparent))}.mode-button:hover{filter:brightness(1.18);border-color:var(--mode-color);transform:translateY(-2px)}.mode-button.active{color:#18200a;text-shadow:0 1px #fff6;background:linear-gradient(var(--mode-light),var(--mode-color) 62%);border-color:var(--mode-light);border-bottom-color:var(--mode-shadow);box-shadow:inset 0 2px #fffc,0 4px #121009,0 0 0 1px var(--mode-color),0 0 23px color-mix(in srgb,var(--mode-color) 28%,transparent)}.mode-button.active [data-icon] svg{color:#18200a;filter:none}.mode-button:active{transform:translateY(3px);box-shadow:inset 0 2px #0002,0 1px #100817}.dock-divider{background:#170f2066;width:1px;height:28px;margin:0 3px;box-shadow:1px 0 #af98bb39}.spin-button{color:#27100a;width:auto;min-width:75px;font:10px var(--display);text-shadow:0 1px #ffd2a3;background:linear-gradient(#ffbd65,#ff8424 60%,#f46318);border-color:#ffcd8b #ffcd8b #9f3b0d;gap:6px;padding:0 9px;box-shadow:inset 0 2px #ffe1ad,0 4px #351209}.spin-button [data-icon] svg{width:18px;height:18px}.import-station{z-index:5;text-align:center;width:170px;position:absolute;bottom:52px;right:34px}.import-sticker{z-index:2;background:linear-gradient(#ffbd66,var(--orange));color:#291009;font:9px var(--display);letter-spacing:.3px;border:2px solid #ffd18b;border-bottom-color:#a94014;margin:0 -6px -1px 0;padding:6px 11px;display:inline-block;position:relative;transform:rotate(4deg);box-shadow:0 3px #74260d,0 5px 9px #0008,0 0 20px #ff781f2b}.drop-button{color:#233000;background:repeating-linear-gradient(120deg,#fff0 0 26px,#ffffef17 27px 28px,#fff0 29px 42px),linear-gradient(#edff88,#d0ff00 65%,#b9df00);border-top:4px solid #f0ffb0;border-bottom:8px solid #729711;border-left:4px solid #f0ffb0;border-right:4px solid #b2ce24;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:170px;height:112px;transition:transform .12s,filter .12s,box-shadow .12s;display:flex;position:relative;transform:rotate(-2deg);box-shadow:inset 0 3px #f7ffcf,inset 3px 0 #efff8655,0 5px #334700,0 10px #0b0d08,0 13px 25px #0009,0 0 0 2px #7d9c20,0 0 35px #cfff003d}.drop-button:before,.drop-button:after{content:"";background:#6c8a18;border-radius:50%;width:4px;height:4px;position:absolute;bottom:7px;box-shadow:0 1px #f0ff9b}.drop-button:before{left:7px}.drop-button:after{right:7px}.drop-button strong{font:27px/1.1 var(--display);letter-spacing:.3px;text-shadow:0 1px #f4ffaf;display:block}.drop-button>[data-icon] svg{width:22px;height:22px}.drop-button .format-list{font:8px var(--mono);letter-spacing:.3px;font-weight:700}.drop-button:hover{filter:brightness(1.08);transform:rotate(0)translateY(-3px);box-shadow:inset 0 3px #f7ffcf,0 8px #334700,0 13px #0b0d08,0 0 0 2px #b5e133,0 0 42px #cfff0060}.drop-button:active{transform:rotate(0)translateY(4px);box-shadow:inset 0 2px #8aa41433,0 2px #26370a,0 4px #0b0d08,0 0 20px #cfff0030}.folder-link{color:#ded3e8;text-shadow:0 2px 4px #000;background:0 0;justify-content:center;align-items:center;gap:6px;min-height:30px;margin-top:7px;padding:9px 3px 0;font-size:11px;display:inline-flex}.folder-link:hover{color:var(--lime)}.folder-link [data-icon] svg{width:14px;height:14px}.import-station>.format-list{font:7px var(--mono);letter-spacing:.3px;color:#c6b8d0;white-space:nowrap;margin-top:13px;display:block}.drop-button>span:not([data-icon]){font:8px var(--mono);letter-spacing:.6px;font-weight:700}.inspector>.inspector-footnote{padding:16px 18px}.status-bar{z-index:3;color:#b3a4c1;font:8px var(--mono);letter-spacing:1px;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:22px;left:34px;right:34px}.status-bar>span{align-items:center;gap:7px;display:inline-flex}.live-dot{background:var(--lime);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 6px #d6ff3555}.tiny-mark{color:var(--orange);margin-left:5px}.inspector{overscroll-behavior:contain;z-index:12;color:#eee7f3;scrollbar-width:thin;scrollbar-color:#a663c5 #251b2e;background:linear-gradient(135deg,#41304cf5,#25172ffc);border:2px solid #bd87d4;border-bottom:6px solid #371b45;border-radius:8px;width:294px;max-height:65%;position:absolute;top:22%;right:105px;overflow-y:auto;box-shadow:inset 0 2px #e9b5ff66,0 6px #0a0711,0 0 24px #cb40ff20,0 15px 50px #000b}.panel-heading{border-bottom:3px solid var(--pink);font:13px var(--display);color:var(--lime);letter-spacing:.5px;background:linear-gradient(#6e3d80,#40244e);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 2px 10px #ff43d42e}.panel-heading .icon-button{width:31px;height:31px}.panel-heading .icon-button svg{width:16px;height:16px}.inspector-section{border-bottom:1px solid #76618342;padding:18px}.inspector-section:last-child{border-bottom:0}.eyebrow{font:9px var(--mono);letter-spacing:1.8px;color:#cbb8da}.stats-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:16px;display:grid}.stats-grid dt{color:#bcb0c7;font-size:11px}.stats-grid dd{font:17px var(--display);color:#f3ebf8;margin:5px 0 0}.model-warning{color:#ffd5a0;border-left:2px solid var(--orange);overflow-wrap:anywhere;background:#80532029;margin-top:16px;padding:10px;font-size:11px;line-height:1.6}.environment-buttons{gap:8px;margin:14px 0 19px;display:flex}.environment{--env-color:var(--lime);color:#efe1f7;background:linear-gradient(#5e3f6d,#35203e);border:2px solid #926ba7;border-bottom:5px solid #31143f;border-radius:5px;flex:1;padding:7px;font-size:11px;transition:transform .12s,filter .12s;box-shadow:inset 0 1px #e6b9ff44,0 3px #110718}.environment[data-environment=sunset]{--env-color:var(--orange)}.environment[data-environment=night]{--env-color:var(--cyan)}.environment.active{border-color:var(--env-color);border-bottom-color:color-mix(in srgb,var(--env-color) 50%,#1d1425);color:var(--env-color);box-shadow:inset 0 1px #fff4,0 3px #110718,0 0 14px color-mix(in srgb,var(--env-color) 20%,transparent);background:#29232e}.environment:hover{filter:brightness(1.18);transform:translateY(-1px)}.environment:active{transform:translateY(3px)}.env-swatch{border-radius:2px;width:100%;height:25px;margin-bottom:7px;display:block}.env-swatch.studio{background:linear-gradient(135deg,#e3ded7,#6a6270)}.env-swatch.sunset{background:linear-gradient(135deg,#ffc462,#fa5133,#ac255b)}.env-swatch.night{background:linear-gradient(135deg,#35f7ff,#7f43dc,#ff43d4)}.range-label{color:#ddd0e7;justify-content:space-between;font-size:12px;display:flex}input[type=range]{width:100%;height:26px;accent-color:var(--lime);cursor:pointer;margin:7px 0 0}select{color:#ede4f3;background:#36263e;border:1px solid #847092;border-radius:3px;width:100%;min-height:36px;margin:12px 0 8px;padding:7px 10px;font-size:12px}.animation-controls{align-items:center;gap:10px;display:flex}.animation-controls input{margin:0}.inspector-footnote{color:#bbaec6;font-size:11px;line-height:1.6}.exit-focus{display:none}.focus-mode .canvas-wrap{inset:0}.focus-mode :is(.game-header,.sample-rack,.side-tools,.stage-coordinates,.orbit-hint,.viewport-dock,.import-station,.status-bar,.inspector,.arena-frame){display:none!important}.focus-mode .exit-focus{top:max(24px,env(safe-area-inset-top));z-index:20;display:inline-flex;position:absolute;right:26px}.button,.exit-focus{color:#eee3f5;background:linear-gradient(#51415b,#302338);border:1px solid #8d749b;border-bottom:3px solid #160f1c;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:41px;padding:10px 15px;font-size:12px;box-shadow:0 3px #08060c}.button [data-icon] svg{width:17px;height:17px}.toast{z-index:80;color:#efffd2;background:#27351cf5;border:1px solid #a4c843;border-bottom:3px solid #415e17;border-radius:5px;width:max-content;max-width:min(90vw,540px);padding:13px 20px;font-size:12px;line-height:1.6;position:fixed;bottom:145px;left:50%;transform:translate(-50%);box-shadow:0 9px 32px #0008}.toast.error{color:#ffdfb8;background:#39231ff5;border-color:#cb814d}.drop-overlay{z-index:50;color:#25300c;pointer-events:none;background:#d6ff35f0;border:5px solid #f1ffb0;outline:8px solid #181d0ef0;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:20px;box-shadow:inset 0 0 0 8px #68821b}.drop-overlay:before{content:"";border:2px dashed #66821a;position:absolute;inset:17px}.drop-overlay [data-icon] svg{width:65px;height:65px;margin-bottom:26px}.drop-overlay h2{font:clamp(50px,7.5vw,110px)/1.1 var(--display);text-align:center;text-shadow:0 3px #efff9e;transform:rotate(-4deg)}.drop-overlay p{margin-top:30px;font-size:15px;font-weight:600}.loading{z-index:30;color:#f1e7f7;background:#251b30f5;border:2px solid #a482b5;border-bottom:5px solid #130b1b;border-radius:5px;align-items:center;gap:14px;max-width:85vw;padding:20px 25px;font-size:13px;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 35px #0007}.spinner{border:3px solid #65516f;border-top-color:var(--lime);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.75s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.renderer-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;inset:25% 15%}.renderer-fallback [data-icon] svg{width:40px;height:40px;color:var(--lime)}.renderer-fallback h2{font:22px/1.4 var(--display);color:#eaff98}.renderer-fallback p{color:#ddcfe8;max-width:380px;font-size:14px;line-height:1.7}dialog{overscroll-behavior:contain;color:#f1e8f7;scrollbar-width:thin;scrollbar-color:#92719e #261c31;background:linear-gradient(140deg,#403047,#261b30);border:2px solid #9b7aac;border-bottom:6px solid #160b20;border-radius:7px;width:min(600px,100% - 36px);max-height:calc(100svh - 50px);margin:auto;padding:25px 30px;position:fixed;overflow-y:auto;box-shadow:inset 0 1px #d2b7e54d,0 8px #09040e,0 25px 90px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d0715c9}.dialog-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.dialog-top .icon-button{width:34px;height:34px}dialog h2{color:#e0ff73;font:27px/1.3 var(--display);text-shadow:0 3px #26380f;margin-top:12px}.dialog-copy{color:#d6c6e1;margin-top:14px;font-size:13px;line-height:1.8}.shortcut-list{margin:19px 0}.shortcut-list>div{border-bottom:1px solid #ae8fb22e;justify-content:space-between;align-items:center;gap:18px;padding:10px 0;font-size:12px;display:flex}.shortcut-list dd{flex-shrink:0;margin:0}.shortcut-list kbd{text-align:center;min-width:22px;margin:2px 0;display:inline-block}.dialog-bottom{font:10px/1.8 var(--mono);color:#b7a3c4;margin-top:12px}.field-notes{border-top:2px solid #8b6d9b66;margin-top:25px;padding-top:18px}.field-notes>h3{font:13px var(--display);color:#ffd094;margin-bottom:13px}.field-notes details{border-bottom:1px solid #a18ab030}.field-notes summary{cursor:pointer;color:#e7dbef;padding:14px 25px 14px 0;font-size:13px;font-weight:600;line-height:1.5;list-style:none;position:relative}.field-notes summary::-webkit-details-marker{display:none}.field-notes summary:after{content:"+";color:var(--lime);font-size:18px;position:absolute;top:14px;right:0}.field-notes details[open] summary:after{content:"−"}.field-notes p{color:#cbbad7;padding-bottom:15px;font-size:12px;line-height:1.8}.noscript{z-index:40;border:1px solid var(--orange);background:#2d1e2b;width:min(90vw,500px);padding:18px;font-size:14px;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}@media (width<=1100px){.game-header{left:25px;right:25px}.brand-plate{min-width:228px;padding:13px 18px}.brand{font-size:28px}.brand b{font-size:22px}.brand-kicker{letter-spacing:2.6px;font-size:7px}.brand-tagline{letter-spacing:1.4px;font-size:7px}.asset-marquee strong{font-size:21px}.marquee-meta{font-size:7px}.privacy-chip{gap:8px;padding:9px}.privacy-chip>span:nth-child(2){font-size:10px}.privacy-chip small{font-size:7px}.sample-rack{gap:12px;width:100px;top:160px;left:25px}.sample-card{width:100px;height:101px}.sample-art{height:57px}.sample-card>strong{font-size:9px}.side-tools{right:28px}.import-station{width:140px;bottom:58px;right:25px}.drop-button{width:140px;height:95px}.drop-button strong{font-size:24px}.drop-button .format-list{font-size:7px}.import-sticker{padding:5px 8px;font-size:8px}.viewport-dock{gap:5px;padding:15px 12px 11px}.mode-button{gap:4px;min-width:68px;padding:0 7px;font-size:9px}.mode-button [data-icon] svg{width:14px;height:14px}.viewport-dock>.icon-button{width:36px}.viewport-dock>.spin-button{min-width:66px}.dock-divider{margin:0 2px}.status-bar{font-size:7px;left:25px;right:25px}.stage-coordinates{left:17%}}@media (height<=750px) and (width>=701px){.game-header{top:21px}.brand-plate{padding-top:10px;padding-bottom:11px}.sample-rack{gap:9px;top:145px}.sample-card{height:87px}.sample-art{height:47px}.sample-type{margin-top:2px}.sample-card.active:after{top:32px}.rack-stripes{display:none}.side-tools{gap:9px;top:30%}.side-tools .icon-button{height:46px}.import-station{bottom:48px}.viewport-dock{bottom:43px}.orbit-hint{bottom:156px}.status-bar{bottom:18px}}@media (width<=820px) and (width>=701px){.brand-plate{min-width:190px;padding:11px 13px}.brand{font-size:23px}.brand b{margin-left:4px;font-size:19px}.brand-tagline{font-size:6px}.brand-kicker{letter-spacing:1.7px}.asset-marquee{min-width:160px;max-width:30%}.asset-marquee strong{font-size:18px}.privacy-chip small{display:none}.privacy-chip{padding:9px 8px}.privacy-chip [data-icon] svg{width:17px;height:17px}.sample-rack{width:84px;left:22px}.sample-card{width:84px}.sample-card>strong{font-size:8px}.import-station{width:115px;right:20px}.drop-button{width:115px;height:87px}.drop-button strong{font-size:21px}.drop-button .format-list{font-size:6px}.viewport-dock{gap:4px}.mode-button{min-width:59px;padding:0 5px}.mode-button [data-icon],.status-bar>span:nth-child(2){display:none}}@media (width<=700px){.arena-frame{inset:9px}.arena-frame i{width:15px;height:15px}.arena-backdrop{object-position:52% center;opacity:.52}.game-header{top:max(23px,env(safe-area-inset-top));left:21px;right:21px}.brand-plate{border-width:1px 2px 3px 1px;width:208px;min-width:0;padding:11px 14px 12px;transform:rotate(-3deg)}.brand{letter-spacing:-1.3px;font-size:23px}.brand b{margin-left:3px;font-size:20px}.brand-kicker{letter-spacing:2.1px;margin-bottom:4px;font-size:6px}.brand-tagline{letter-spacing:1.3px;margin-top:8px;font-size:6px}.plate-bolt{width:4px;height:4px}.privacy-chip{gap:5px;max-width:108px;margin-top:10px;padding:8px}.privacy-chip>span:nth-child(2){font-size:9px;line-height:1.4}.privacy-chip small{letter-spacing:.3px;margin-top:2px;font-size:6px}.privacy-chip [data-icon] svg{width:17px;height:17px}.asset-marquee{min-width:230px;max-width:80vw;top:98px}.marquee-label{letter-spacing:2.4px;padding:4px 10px;font-size:7px}.asset-marquee strong{font-size:20px;line-height:1.4}.marquee-meta{letter-spacing:.7px;gap:7px;font-size:6px}.marquee-meta>:first-child{max-width:210px}.canvas-wrap{inset:0}.stage-coordinates{display:none}.sample-rack{flex-direction:row;gap:7px;width:auto;top:auto;bottom:155px;left:21px}.rack-label{letter-spacing:1.1px;white-space:nowrap;font-size:8px;position:absolute;top:-21px;left:0}.sample-card{border-width:1px 1px 3px;border-radius:4px;width:55px;height:64px;padding:4px 3px}.sample-card:hover{transform:translateY(-3px)}.sample-card.active:after{width:7px;height:7px;inset:auto auto -6px calc(50% - 4px);box-shadow:1px 1px #111609}.sample-art{height:36px;overflow:visible}.sample-card>strong{white-space:nowrap;letter-spacing:-.35px;font:700 8px/1.1 Space Grotesk Variable,sans-serif}.sample-tag{font-size:5px;top:4px;left:4px}.sample-type,.rack-stripes{display:none}.scout-body{border-width:2px;width:27px;height:27px}.scout-body:before,.scout-body:after{width:6px;height:13px;top:6px;left:-6px}.scout-body:after{left:auto;right:-6px}.scout-body i{border-width:3px;width:14px;height:11px;top:6px;left:4px;box-shadow:inset 0 0 0 1px #d7ff56}.art-bloom i{border-width:5px;width:29px;height:21px}.art-stack i{width:18px;height:27px;top:3px;left:calc(50% - 7px)}.art-stack i:nth-child(2){width:14px;height:20px;top:14px;left:calc(50% - 17px)}.art-stack i:nth-child(3){width:12px;height:16px;top:18px;left:calc(50% + 4px)}.side-tools{gap:10px;top:32%;right:20px}.tools-label{letter-spacing:1.4px;font-size:6px}.side-tools .icon-button{border-bottom-width:5px;width:44px;height:44px}.side-tools .icon-button [data-icon] svg{width:20px;height:20px}.tool-divider{width:20px;margin:0}.tool-text{font-size:9px}.import-station{width:104px;bottom:143px;right:22px}.import-sticker{margin-bottom:1px;padding:4px 6px;font-size:6px}.drop-button{border-width:2px 2px 4px;border-radius:4px;gap:2px;width:104px;height:70px}.drop-button strong{white-space:nowrap;font-size:18px}.drop-button>[data-icon] svg{width:17px;height:17px}.drop-button .format-list{letter-spacing:.1px;font-size:5px}.folder-link{white-space:nowrap;gap:4px;min-height:27px;margin-top:6px;padding-top:3px;font-size:10px}.folder-link [data-icon] svg{width:12px;height:12px}.import-station>.format-list{letter-spacing:0;margin-top:11px;font-size:5px}.drop-button>span:not([data-icon]){letter-spacing:.1px;font-size:6px}.orbit-hint{letter-spacing:.3px;gap:6px;font-size:8px;bottom:247px;left:23px;transform:none}.orbit-hint .zoom-hint{display:none}.orbit-hint [data-icon] svg{width:13px;height:13px}.orbit-hint b{margin:0 3px}.viewport-dock{bottom:max(56px,calc(env(safe-area-inset-bottom) + 30px));border-width:2px 2px 5px;border-radius:6px;justify-content:center;gap:4px;width:348px;max-width:calc(100% - 36px);padding:13px 8px 10px}.viewport-dock:after{height:2px;bottom:-5px}.dock-label{letter-spacing:1.4px;padding:3px 9px;font-size:6px;top:-12px}.dock-screw{width:4px;height:4px;top:4px}.mode-buttons{gap:3px}.mode-button{border-width:1px 1px 4px;flex-direction:column;gap:3px;min-width:58px;height:44px;padding:4px 5px;font-size:8px}.mode-button [data-icon] svg{width:13px;height:13px}.viewport-dock>.icon-button{border-width:1px 1px 4px;width:32px;height:44px}.viewport-dock>.icon-button [data-icon] svg{width:17px;height:17px}.viewport-dock>.spin-button{flex-direction:column;gap:3px;min-width:48px;padding:4px 5px;font-size:8px}.spin-button [data-icon] svg{width:13px;height:13px}.dock-divider{height:25px;margin:0 1px}.status-bar{bottom:max(25px,env(safe-area-inset-bottom));letter-spacing:.5px;gap:7px;font-size:6px;left:22px;right:22px}.status-bar>span{gap:5px}.status-bar>span:nth-child(2){display:none}.live-dot{width:4px;height:4px}.inspector{width:min(286px,100% - 85px);max-height:58%;top:23%;right:64px}.panel-heading{padding:10px 12px;font-size:12px}.inspector-section{padding:14px}.stats-grid{gap:13px}.stats-grid dd{font-size:15px}.toast{padding:11px 15px;font-size:11px;bottom:260px}.loading{padding:15px;font-size:12px;top:46%}.renderer-fallback{gap:12px;inset:12% 16%}.renderer-fallback h2{font-size:17px}.renderer-fallback p{font-size:12px}.drop-overlay{border-width:3px;inset:14px}.drop-overlay h2{font-size:49px}.drop-overlay p{text-align:center;padding:0 25px;font-size:12px;line-height:1.6}.drop-overlay [data-icon] svg{width:45px;height:45px}dialog{max-height:calc(100svh - 35px);padding:20px}dialog h2{font-size:23px}.shortcut-list>div{gap:8px;font-size:11px}.shortcut-list kbd{min-width:18px;padding:3px;font-size:9px}.focus-mode .canvas-wrap{inset:0}.focus-mode .exit-focus{top:23px;right:21px}}@media (width<=370px){.game-header{left:17px;right:17px}.brand-plate{width:188px;padding-left:11px;padding-right:11px}.brand{font-size:21px}.brand b{font-size:17px}.privacy-chip{gap:3px;padding:7px 5px}.privacy-chip>span:nth-child(2){font-size:8px}.privacy-chip small{display:none}.privacy-chip [data-icon] svg{width:15px;height:15px}.sample-rack{gap:5px;left:19px}.sample-card{width:49px}.sample-card>strong{letter-spacing:-.5px;white-space:normal;font-size:8px}.import-station{width:98px;right:18px}.drop-button{width:98px}.viewport-dock{gap:3px;max-width:calc(100% - 28px);padding-left:6px;padding-right:6px}.mode-button{min-width:51px;padding:3px;font-size:8px}.viewport-dock>.icon-button{width:29px}.viewport-dock>.spin-button{min-width:44px}.status-bar{font-size:5.5px;left:19px;right:19px}}@media (height<=700px) and (width<=700px){.brand-plate{padding-top:9px;padding-bottom:9px}.asset-marquee{top:86px}.asset-marquee strong{font-size:18px}.marquee-label{display:none}.canvas-wrap{inset:0}.sample-rack{bottom:137px}.import-station{bottom:124px}.orbit-hint{bottom:222px}.viewport-dock{bottom:48px}.status-bar{bottom:21px}.side-tools{gap:8px;top:28%}.side-tools .icon-button{width:40px;height:40px}.tools-label{display:none}}@media (height<=600px) and (width<=700px){.side-tools{gap:6px;top:25%}.side-tools .icon-button{width:36px;height:31px}.side-tools .icon-button [data-icon] svg{width:16px;height:16px}}@media (height<=510px) and (width>=701px){.game-header{top:18px}.brand-kicker,.brand-tagline,.privacy-chip small,.rack-stripes,.stage-coordinates,.orbit-hint{display:none}.brand-plate{min-width:0;padding:12px 17px}.brand{font-size:25px}.asset-marquee{top:-3px}.sample-rack{gap:7px;width:72px;top:102px;left:25px}.sample-card{width:72px;height:62px;padding:3px}.sample-art{height:34px;transform:scale(.75)}.sample-card>strong{font:700 8px/1.1 Space Grotesk Variable,sans-serif}.sample-type{display:none}.sample-tag{font-size:5px}.sample-card.active:after{top:23px}.rack-label{font-size:8px}.side-tools{gap:7px;top:26%;right:25px}.side-tools .icon-button{width:39px;height:36px}.side-tools .icon-button [data-icon] svg{width:19px;height:19px}.tools-label{display:none}.import-station{width:110px;bottom:43px;right:22px}.drop-button{width:110px;height:70px}.drop-button strong{font-size:19px}.drop-button>[data-icon]{display:none}.import-sticker{font-size:6px}.folder-link{min-height:25px;margin-top:5px;padding-top:3px;font-size:10px}.viewport-dock{padding-top:13px;padding-bottom:9px;bottom:38px}.mode-button,.viewport-dock>.icon-button{height:34px}.status-bar{font-size:6px;bottom:15px}.status-bar>span:nth-child(2){display:none}.inspector{max-height:73%;top:17%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.impact-frame{z-index:3;border:3px solid var(--feedback-color,var(--lime));box-shadow:inset 0 0 30px color-mix(in srgb,var(--feedback-color,var(--lime)) 25%,transparent),0 0 24px color-mix(in srgb,var(--feedback-color,var(--lime)) 45%,transparent);opacity:0;pointer-events:none;position:absolute;inset:15px}.impact-spark{background:var(--feedback-color,var(--lime));width:5px;height:18px;box-shadow:0 0 12px var(--feedback-color,var(--lime));opacity:0;position:absolute;bottom:19%;transform:rotate(-16deg)}.impact-spark:first-child{left:2%}.impact-spark:nth-child(2){bottom:32%;left:5%}.impact-spark:nth-child(3){bottom:12%;left:9%}.impact-spark:nth-child(4){bottom:57%;left:3%}.impact-spark:nth-child(5){right:2%}.impact-spark:nth-child(6){bottom:32%;right:5%}.impact-spark:nth-child(7){bottom:12%;right:9%}.impact-spark:nth-child(8){bottom:57%;right:3%}.feedback-anchor{z-index:14;pointer-events:none;width:max-content;max-width:min(400px,100% - 48px);position:absolute;top:130px;left:50%;transform:translate(-50%)}.arena-feedback{border:2px solid var(--feedback-color);max-width:100%;box-shadow:0 4px #09070d,0 0 24px color-mix(in srgb,var(--feedback-color) 20%,transparent);color:var(--feedback-color);background:linear-gradient(130deg,#30283bee,#17111ff5);border-bottom-width:5px;border-radius:4px;align-items:center;gap:13px;padding:10px 21px 12px 13px;display:flex}.feedback-symbol{background:var(--feedback-color);color:#15101c;width:32px;height:32px;font:23px var(--display);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);flex-shrink:0;place-items:center;display:grid}.feedback-copy{min-width:0}.feedback-title{font:14px/1.3 var(--display);letter-spacing:.5px;text-shadow:0 2px #000;display:block}.feedback-detail{text-overflow:ellipsis;white-space:nowrap;max-width:300px;font:9px var(--mono);color:#eee5f3;letter-spacing:.5px;margin-top:4px;display:block;overflow:hidden}[data-feedback=load] .import-sticker{color:#081c22;background:#30f5ff;border-color:#b4ffff;box-shadow:0 3px #0b7683,0 0 25px #30f5ff66}[data-drop-armed=true] .drop-button{filter:brightness(1.15);box-shadow:inset 0 2px #f7ffb9,0 5px #26370a,0 9px #0b0d08,0 0 65px #ccff0080}.drop-overlay{color:#e4ff79;background:radial-gradient(#11101a08 35%,#121920a8 100%);border:4px solid #cf0;outline:0;justify-content:flex-end;padding:30px 20px 155px;inset:15px;box-shadow:inset 0 0 65px #ccff0020,0 0 24px #cf06}.drop-overlay:before{border:1px dashed #ccff0070;inset:9px}.drop-overlay [data-icon] svg{filter:drop-shadow(0 0 10px #cf0);width:35px;height:35px;margin-bottom:12px}.drop-overlay h2{font:clamp(36px,4vw,58px)/1.05 var(--display);text-shadow:0 4px #375000,0 7px #11180b;transform:rotate(-3deg)}.drop-overlay h2 br{display:none}.drop-overlay h2 em{color:#cf0;font-style:normal}.drop-overlay h2 em:before{content:" "}.drop-overlay p{font:10px var(--display);letter-spacing:1px;text-shadow:0 2px 4px #000;margin-top:17px}.drop-overlay small{font:10px var(--mono);color:#e7edcf;text-shadow:0 2px 4px #000;margin-top:8px}.loading{color:#ffe2c1;font:11px var(--display);background:#27192df5;border-color:#ff8a24 #ff8a24 #9e4210;padding:14px 20px;top:130px;transform:translate(-50%);box-shadow:0 5px #0d0710,0 0 30px #ff8a2422}.loading .spinner{border-color:#ffad47 #75401c #75401c}.focus-mode :is(.impact-frame,.feedback-anchor){display:none}@media (width<=700px){.impact-frame{border-width:2px;inset:10px}.feedback-anchor{max-width:calc(100% - 60px);top:193px}.arena-feedback{gap:9px;padding:8px 12px 10px}.feedback-title{font-size:11px}.feedback-detail{max-width:225px;font-size:8px}.feedback-symbol{width:26px;height:29px;font-size:19px}.drop-overlay{padding-bottom:245px;inset:10px}.drop-overlay h2{font-size:38px}.drop-overlay p{padding:0;font-size:8px;line-height:1.5}.drop-overlay small{font-size:9px}.drop-overlay [data-icon] svg{width:30px;height:30px;margin-bottom:12px}.loading{padding:12px 14px;font-size:10px;top:193px}}@media (height<=700px) and (width<=700px){.feedback-anchor,.loading{top:168px}.drop-overlay{padding-bottom:220px}}@media (height<=510px) and (width>=701px){.feedback-anchor,.loading{top:98px}.arena-feedback{padding:6px 12px}.feedback-title{font-size:11px}.feedback-detail{font-size:8px}.feedback-symbol{width:25px;height:26px}.drop-overlay{padding-bottom:110px}}@media (prefers-reduced-motion:reduce){.impact-frame{display:none}.arena-feedback{animation:none}}:root{--bronze-light:#d49a5b;--bronze:#9e6337;--bronze-dark:#4c2c1b;--rubber:#141310;--cream:#ffebba}.machine-trim{pointer-events:none;z-index:2;border:12px solid #0000;border-image:url(/copper-bezel.png) 17%;position:absolute;inset:-4px;display:block!important}.brand-plate>.machine-trim{border-width:13px;inset:-4px}.sample-card>.machine-trim{border-width:8px;inset:-4px}.side-tools .machine-trim,.sound-toggle>.machine-trim{border-width:9px;inset:-3px}.drop-button>.machine-trim{border-width:9px;inset:-4px}@media (width<=700px){.brand-plate>.machine-trim{border-width:12px}.viewport-dock>.machine-trim{border-width:11px}.sample-card>.machine-trim{border-width:7px}.drop-button>.machine-trim{border-width:9px}.side-tools .machine-trim,.sound-toggle>.machine-trim{border-width:7px}}.arena-vignette{background:radial-gradient(14% 65% at 0 45%,#caff0019,#0000 85%),radial-gradient(15% 65% at 100%,#ff812220,#0000 85%),radial-gradient(at 50% 48%,#14101900 18%,#15101a45 61%,#0b0912cf 100%),linear-gradient(#0e0b18a3,#0000 28% 70%,#0e0b18bf)}.arena-frame{border-color:#aa75432e}.arena-frame i{filter:none;border-color:#b8864f}.arena-frame i:nth-child(2n){border-color:#bd8250}.arena-frame:after{background:linear-gradient(#0000,#ff9a37,#0000)}.brand-plate{background:repeating-linear-gradient(119deg,#0000 0 31px,#ffd5950c 32px 33px,#0000 35px 69px),linear-gradient(160deg,#ab7545,#5e3d27 38%,#35291e 71%,#78502c);border-color:#cc9a66 #5e351c #3a2518 #cc9a66;box-shadow:inset 0 2px #ffdb9a9c,inset 0 -2px #b96c2e,0 4px #171310,0 7px #a06c3d,0 11px #110f0e,0 15px 25px #0009}.brand-plate:before{border-color:#e6ab5a50;inset:6px;box-shadow:inset 0 0 0 2px #211c18a6}.brand-kicker{color:#ecd8b8}.brand{color:#ffe49c;text-shadow:0 2px #ca8c39,0 4px #93521b,1px 6px #27180d,-1px -1px #fff5cf}.brand span{color:#ffc654;text-shadow:0 2px #ca8c39,0 4px #8c4819,1px 6px #27180d,-1px -1px #fff5cf}.brand b{color:#d9ff27;filter:drop-shadow(0 0 6px #cfff0070)}.brand-tagline{color:#f4dfbd}.plate-bolt,.dock-screw{background:linear-gradient(140deg,#ffe1a0,#b2753e 42%,#2a2119 45% 55%,#9c6c3a 59%,#d5a76b);box-shadow:0 1px 1px #000,0 0 0 2px #402d1d,inset 0 1px #fbe4ae8c}.asset-marquee{background:linear-gradient(150deg,#2a2724e8,#19171ee0);border:1px solid #9d7048;border-bottom:3px solid #3a2418;border-radius:3px;padding:4px 10px 7px;box-shadow:inset 0 1px #ddae7255,0 3px #100e0d}.marquee-label{color:#dccab2;background:0 0;border-top:0;padding-top:2px}.asset-marquee strong{color:#fff0c8;text-shadow:1px 2px #090807}.marquee-meta{color:#c8b8b0}.privacy-chip{color:#d7ff4b;background:linear-gradient(140deg,#27271def,#161910f2);border-color:#ba8a54 #ba8a54 #53331e;box-shadow:inset 0 1px #ffd5996b,inset 0 0 0 3px #211e17,0 3px #100e0b,0 0 0 2px #372518}.privacy-chip small{color:#ccc7af}.sample-card{background:linear-gradient(145deg,#3b3932,#242127 70%);border-color:#bd8954 #bd8954 #4b2d1c;box-shadow:inset 0 2px #f6c88b55,inset 0 0 0 4px #141310,inset 0 0 0 5px #93714655,0 4px #130f0c,0 0 0 2px #6e462b,0 7px 10px #0007}.sample-card:hover{border-color:#e3b978}.sample-card.active{background:linear-gradient(145deg,#414331,#25291b 70%);border-color:#d7b66c #d7b66c #6c4c25;box-shadow:inset 0 2px #ffedb388,inset 0 0 0 4px #141910,inset 0 0 0 5px #abce4260,0 4px #14130d,0 0 0 2px #79562e,-4px 0 #d0ff00,-5px 0 16px #cfff0045,0 7px 10px #0007}.sample-card.active:after{box-shadow:2px -2px #232316}.sample-card>strong{color:#f4e8ce}.sample-card.active>strong{color:#f1ffbd}.sample-tag,.sample-type{color:#d1c4b0}.sample-art{background:radial-gradient(#ddbf7d16,#0000 70%)}.rack-label,.tools-label{color:#e4d2b7}.rack-stripes{background:repeating-linear-gradient(125deg,#e99539 0 5px,#211b16 6px 12px)}.icon-button,.mode-button,.environment{color:#f5e5c8;background:linear-gradient(155deg,#48423b,#29262a 65%,#1b1a1b);border-color:#e3b77d #bd8955 #53301d;box-shadow:inset 0 2px #f7d19555,inset 0 0 0 3px #191715,inset 0 0 0 4px #bd92653b,0 4px #100d0b,0 0 0 1px #332519,0 6px 10px #0005}.icon-button:hover,.mode-button:hover,.environment:hover{box-shadow:inset 0 2px #f7d19570,inset 0 0 0 3px #191715,0 5px #100d0b,0 0 16px #f2ac5429}.icon-button:active,.mode-button:active,.environment:active{box-shadow:inset 0 2px #0008,inset 0 0 0 3px #191715,0 1px #100d0b}.side-tools .icon-button{border-color:#e5ba82 #be8d57 #58341f}.side-tools .icon-button:before{content:"";pointer-events:none;border:1px solid #c09b6240;border-radius:2px;position:absolute;inset:4px}.side-tools .icon-button[aria-expanded=true]{background:linear-gradient(#564032,#302223);border-color:#f3b566;box-shadow:inset 0 2px #ffdb9d66,inset 0 0 0 3px #211711,0 4px #130d0b,0 0 18px #ff781f35}.tool-text{color:#fff1d7;background:#211c19f5;border-color:#9f7449}.icon-button.active{color:#dcff5a;background:linear-gradient(#3d4530,#252e1c);border-color:#c7cb69 #c7cb69 #666c27;box-shadow:inset 0 2px #e5ff9b55,inset 0 0 0 3px #1b2112,0 4px #111609,0 0 15px #cfff0025}.viewport-dock{background:repeating-linear-gradient(118deg,#0000 0 41px,#ffe1a00a 42px 43px,#0000 44px 65px),linear-gradient(#a67b4d,#63482f 24%,#3c3026 66%,#81532c);border-color:#c39462 #c39462 #4e2d18;box-shadow:inset 0 3px #ffe1a07d,inset 0 -3px #ad6e35,inset 0 0 0 4px #35271c,0 4px #17110c,0 7px #996334,0 11px #15100e,0 14px 36px #000a}.viewport-dock:before{content:"";pointer-events:none;opacity:.82;background:repeating-linear-gradient(125deg,#d88734 0 12px,#1f1b16 13px 25px);height:5px;position:absolute;top:5px;left:14px;right:14px}.viewport-dock:after{background:repeating-linear-gradient(90deg, var(--vision-color) 0 18px, #252312 19px 23px);left:23%;right:23%}.dock-label{color:#e3d4b5;text-shadow:0 1px #000;background:#29241e;border-color:#b98a54}.dock-divider{background:#110f0c;box-shadow:1px 0 #cfb48447}.mode-button.active{color:#1d250c;background:linear-gradient(var(--mode-light), var(--mode-color) 60%, color-mix(in srgb, var(--mode-color) 83%, #3b4719));box-shadow:inset 0 2px #fffc, inset 0 0 0 2px #31401850, 0 4px #121009, 0 0 0 1px #af864b, 0 0 18px color-mix(in srgb, var(--mode-color) 30%, transparent);border-color:#fff4be #e5c991 #6e5728}.spin-button{color:#ffc66f;text-shadow:0 1px #29130b;background:linear-gradient(#7c492c,#48261a);border-color:#f5c38a #d99a5a #6b341b}.spin-button:hover{color:#ffe0a2}.spin-button.active{color:#25150b;background:linear-gradient(#ffdb92,#ffa241);border-color:#ffe6b3 #ffe6b3 #985323;box-shadow:inset 0 2px #fff5cc,inset 0 0 0 2px #4f2c1940,0 4px #27150c,0 0 20px #ff781f60}.drop-button{border-color:#f6d9a0 #9b682d #75431e #d8ac72;box-shadow:inset 0 2px #f7ffb9,inset 0 0 0 3px #374b1570,0 4px #231c11,0 7px #aa682c,0 11px #17120d,0 0 0 3px #49321c,0 0 28px #cfff0033,0 14px 25px #0009}.drop-button:hover{box-shadow:inset 0 2px #f7ffb9,inset 0 0 0 3px #374b1570,0 6px #231c11,0 9px #aa682c,0 13px #17120d,0 0 0 3px #49321c,0 0 40px #cfff0055}.drop-button:active{box-shadow:inset 0 2px #59732c,inset 0 0 0 3px #374b1570,0 1px #231c11,0 4px #aa682c,0 7px #17120d,0 0 0 3px #49321c}.import-sticker{color:#17120c;background:repeating-linear-gradient(125deg,#c77c30 0 10px,#a95f25 11px 12px),#c88235;border-color:#e6b574 #e6b574 #77451f;box-shadow:0 3px #412916,0 5px 9px #0008}.folder-link{color:#eee1c9}.inspector,dialog{scrollbar-color:#a57c50 #211d20;background:linear-gradient(135deg,#332f2bf7,#201c22fc);border-color:#b78a5c #b78a5c #53331f;box-shadow:inset 0 2px #f5d59c66,0 6px #100d0b,0 0 0 2px #352619,0 15px 50px #000b}.panel-heading{color:#f4e7bf;background:linear-gradient(#65482f,#392e24);border-bottom-color:#c0954e;box-shadow:0 2px 10px #c27e2a22}.inspector-section{border-bottom-color:#b38a5340}.eyebrow{color:#ddc49f}.stats-grid dd{color:#fff0d4}select{background:#282426;border-color:#997750}.environment.active{border-color:var(--env-color);box-shadow:inset 0 1px #fff4, inset 0 0 0 3px #1c1a16, 0 3px #110e0b, 0 0 14px color-mix(in srgb, var(--env-color) 20%, transparent);background:#25271f;border-bottom-color:#625336}.button,.exit-focus{color:#fff0d4;background:linear-gradient(#514332,#302822);border-color:#b98e5b #b98e5b #4c2e1a}.arena-feedback{background:linear-gradient(130deg,#34312aee,#1e1a20f5)}.loading{background:#29221ef5;border-color:#ca9153}.toast{border-color:#bdac5b #bdac5b #655123}.sound-toggle{z-index:21;color:#d9ff4a;min-width:132px;min-height:39px;font:10px/1.25 var(--display);letter-spacing:.4px;background:linear-gradient(140deg,#39382a,#1d2117);border:2px solid #c79a64;border-top-color:#edc991;border-bottom:4px solid #55331d;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:8px 12px;transition:transform .12s,filter .12s;display:inline-flex;position:absolute;top:105px;right:34px;box-shadow:inset 0 1px #f7d99b66,inset 0 0 0 3px #171813,0 3px #110e0b,0 0 0 1px #402c19}.sound-toggle #sound-icon{display:inline-flex}.sound-toggle svg{width:21px;height:21px}.sound-toggle:hover{filter:brightness(1.18);transform:translateY(-1px)}.sound-toggle:active{transform:translateY(2px);box-shadow:inset 0 2px #0006,inset 0 0 0 3px #171813,0 1px #110e0b}.sound-toggle[data-audio=muted]{color:#ecd9b9;background:linear-gradient(140deg,#36302a,#252022)}.sound-toggle[data-audio=unavailable]{color:#e5a775}.sound-toggle[data-audio=armed]{color:#d9ff4a}.focus-mode .sound-toggle{top:81px;right:26px}@media (width<=1100px){.sound-toggle{min-width:123px;top:100px;right:25px}}@media (width<=820px) and (width>=701px){.sound-toggle{min-width:116px;font-size:9px;top:86px;right:25px}.sound-toggle svg{width:18px;height:18px}.asset-marquee{padding-inline:7px}}@media (width<=700px){.brand-plate{box-shadow:inset 0 2px #ffdb9a9c,inset 0 -2px #b96c2e,0 3px #171310,0 5px #a06c3d,0 8px #110f0e,0 11px 18px #0008}.brand-plate:before{inset:4px}.sound-toggle{gap:7px;min-width:113px;min-height:38px;padding:7px 10px;font-size:9px;top:94px;right:22px}.sound-toggle svg{width:19px;height:19px}.asset-marquee{min-width:210px;max-width:calc(100vw - 64px);padding:4px 10px 6px;top:121px}.asset-marquee strong{font-size:18px}.marquee-label{padding-block:0 4px;font-size:6px}.marquee-meta{font-size:6px}.sample-card{box-shadow:inset 0 1px #f6c88b55,inset 0 0 0 2px #141310,0 3px #130f0c,0 0 0 1px #6e462b,0 5px 7px #0007}.sample-card.active{box-shadow:inset 0 1px #ffedb388,inset 0 0 0 2px #141910,0 3px #14130d,0 0 0 1px #79562e,0 -2px #d0ff00,0 -3px 12px #cfff0045}.viewport-dock{box-shadow:inset 0 2px #ffe1a07d,inset 0 -2px #ad6e35,inset 0 0 0 3px #35271c,0 3px #17110c,0 5px #996334,0 8px #15100e,0 11px 24px #000a}.viewport-dock:before{height:3px;top:4px;left:11px;right:11px}.mode-button,.viewport-dock>.icon-button{box-shadow:inset 0 1px #f7d19555,inset 0 0 0 2px #191715,0 3px #100d0b}.mode-button.active{box-shadow:inset 0 1px #fffc, inset 0 0 0 1px #31401850, 0 3px #121009, 0 0 12px color-mix(in srgb, var(--mode-color) 25%, transparent)}.feedback-anchor,.loading{top:222px}.focus-mode .sound-toggle{top:79px;right:21px}}@media (width<=370px){.sound-toggle{min-width:104px;padding-inline:8px;font-size:8px;right:18px}}@media (height<=700px) and (width<=700px){.sound-toggle{min-height:35px;top:88px}.asset-marquee{padding-block:3px 5px;top:108px}.asset-marquee strong{font-size:16px}.feedback-anchor,.loading{top:184px}}@media (height<=510px) and (width>=701px){.sound-toggle{min-height:32px;padding-block:5px;font-size:8px;top:73px}.sound-toggle svg{width:17px;height:17px}.asset-marquee{padding-block:2px 5px}}@media (width>=701px) and (width<=820px){.drop-button strong{white-space:nowrap;font-size:19px}.folder-link{white-space:nowrap;gap:3px;font-size:9px}}#playground[data-scene=empty] :is(.asset-marquee,.side-tools,.orbit-hint,.viewport-dock,.import-station,.stage-coordinates),#playground[data-scene=unavailable] :is(.asset-marquee,.side-tools,.orbit-hint,.viewport-dock,.import-station,.stage-coordinates,.sample-rack),#playground[data-scene=empty] .sample-rack,.empty-state{display:none}#playground[data-scene=empty] .empty-state{z-index:3;text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:min(600px,100% - 72px);padding:22px 24px 10px;display:flex;position:absolute;top:calc(50% + 28px);left:50%;transform:translate(-50%,-50%)}#playground[data-scene=empty][aria-busy=true] .empty-state,#playground[data-scene=empty][aria-busy=true] .sample-rack{visibility:hidden}.empty-state:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#c5955970,#c5955970) 0 0/27px 2px no-repeat,linear-gradient(#c5955970,#c5955970) 0 0/2px 27px no-repeat,linear-gradient(#c5955970,#c5955970) 100% 0/27px 2px no-repeat,linear-gradient(#c5955970,#c5955970) 100% 0/2px 27px no-repeat,linear-gradient(#c595593d,#c595593d) 0 100%/27px 2px no-repeat,linear-gradient(#c595593d,#c595593d) 0 100%/2px 27px no-repeat,linear-gradient(#c595593d,#c595593d) 100% 100%/27px 2px no-repeat,linear-gradient(#c595593d,#c595593d) 100% 100%/2px 27px no-repeat;position:absolute;inset:0 0 44px}.empty-kicker{color:#e1ff8c;font:10px/1.5 var(--mono);letter-spacing:2px;align-items:center;gap:8px;display:flex}.empty-kicker .live-dot{width:6px;height:6px}.empty-title{color:#fff1d5;font:clamp(48px, 6.5vw, 78px)/1.02 var(--display);letter-spacing:-1px;text-shadow:0 3px #604726,0 7px 16px #0503087a;margin-top:11px}.empty-title em{color:var(--lime);text-shadow:0 3px #65751d,0 7px 16px #0503087a;font-style:normal;display:block}.empty-copy{color:#e0d8d0;text-wrap:balance;text-shadow:0 2px 8px #08060e;max-width:360px;margin-top:13px;font-size:13px;line-height:1.6}.empty-actions{justify-content:center;gap:12px;margin-top:22px;display:flex}.empty-actions button{min-height:54px;font:11px/1.25 var(--display);letter-spacing:.1px;pointer-events:auto;border:2px solid #c6a365;border-top-color:#f6e7aa;border-bottom:4px solid #60401f;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:13px 19px;transition:transform .12s,filter .12s;display:inline-flex}.empty-demo{color:#202b0a;background:linear-gradient(#edff91,#d0ff00 65%,#b5db0f);box-shadow:inset 0 2px #ffffcf,inset 0 0 0 3px #49651635,0 4px #2b2115,0 7px #966330,0 10px #17120d,0 0 30px #cfff0026}.empty-folder{color:#f4e6ca;background:linear-gradient(145deg,#4c4335,#29252b);box-shadow:inset 0 2px #f7d19555,inset 0 0 0 3px #19171580,0 4px #17110c,0 7px #352417}.empty-actions button:hover{filter:brightness(1.13);transform:translateY(-2px)}.empty-actions button:active{filter:brightness(.95);transform:translateY(3px)}.empty-actions [data-icon] svg{width:21px;height:21px}.empty-formats{color:#b5aaa0;font:9px/1.5 var(--mono);letter-spacing:1.1px;margin-top:20px}.empty-privacy{color:#cecbb8;align-items:center;gap:6px;margin-top:11px;font-size:11px;line-height:1.5;display:flex}.empty-privacy>span:last-child{text-wrap:balance;max-width:320px}.empty-privacy strong{color:#e1ff8c}.empty-privacy [data-icon] svg{color:#cde277;width:13px;height:13px}.empty-browse{color:#c3b4a5;text-underline-offset:4px;pointer-events:auto;background:0 0;min-height:44px;margin-top:7px;margin-right:132px;padding:10px 6px;font-size:11px;-webkit-text-decoration:underline #b8966566;text-decoration:underline #b8966566}.empty-browse:hover{color:#f2e4c2;text-decoration-color:#d0ff00}.empty-help{color:#c3b4a5;white-space:nowrap;pointer-events:auto;background:0 0;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:8px 5px;font-size:10px;display:inline-flex;position:absolute;bottom:10px;left:calc(50% + 29px)}.empty-help [data-icon] svg{width:13px;height:13px}.empty-help:hover{color:#f2e4c2}#playground[data-scene=empty] .arena-backdrop{opacity:.36}#playground[data-scene=empty] .sound-toggle{min-height:44px}#playground[data-scene=empty] .canvas-wrap canvas{cursor:default}#playground[data-scene=empty] .loading{top:52%}@media (width<=820px) and (width>=701px){#playground[data-scene=empty] .empty-state{width:min(508px,100% - 176px);padding-inline:18px}.empty-actions{gap:10px}.empty-actions button{padding-inline:15px}}@media (width<=700px){#playground[data-scene=empty] .empty-state{width:calc(100% - 42px);padding:20px 12px 8px;top:calc(50% + 20px)}.empty-kicker{letter-spacing:1.5px;font-size:9px}.empty-title{font-size:clamp(44px,12.5vw,62px)}.empty-copy{max-width:280px;margin-top:14px;font-size:12px}.empty-actions{gap:9px;width:100%;margin-top:21px}.empty-actions button{gap:7px;min-height:52px;padding-inline:12px}.empty-actions .empty-demo{flex:1.55;font-size:9px}.empty-actions .empty-folder{flex:1;font-size:9px}.empty-actions [data-icon] svg{width:18px;height:18px}.empty-formats{letter-spacing:.7px;font-size:8px}.empty-privacy{font-size:10px}.empty-browse{margin-right:128px;padding-inline:2px;font-size:10px}.empty-help{bottom:8px;left:calc(50% + 19px)}}@media (height<=700px) and (width<=700px){#playground[data-scene=empty] .empty-state{padding-top:15px;top:calc(50% + 26px)}.empty-title{font-size:44px}.empty-copy{margin-top:10px}.empty-actions{margin-top:16px}.empty-formats{margin-top:17px}.empty-privacy{margin-top:8px}.empty-browse{margin-top:2px}}@media (height<=510px) and (width>=701px){#playground[data-scene=empty] .empty-state{width:min(580px,100% - 200px);padding:12px 12px 0;top:calc(50% + 33px)}.empty-kicker{font-size:9px}.empty-title{white-space:nowrap;margin-top:7px;font-size:39px}.empty-title br{display:none}.empty-title em{margin-left:10px;display:inline}.empty-copy{max-width:none;margin-top:7px;font-size:11px}.empty-actions{margin-top:13px}.empty-actions button{min-height:48px;padding-block:9px}.empty-formats{margin-top:14px;font-size:8px}.empty-privacy{display:none}.empty-browse{margin-top:0}.empty-help{bottom:0}}@media (prefers-reduced-motion:reduce){.empty-actions button{transition:none}}