*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1710}button,input,select{font:inherit}button{border:0;cursor:pointer}.stage{position:relative;min-height:100vh;overflow:hidden;color:#141414;background:linear-gradient(to bottom,#ffffff1f,#fff0 32%,#132c1029),url(/Dog-Fetch-Game/assets/park-field.png) center / cover no-repeat}.sky-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.32),transparent 18%);pointer-events:none}.horizon-band{position:absolute;left:-5%;right:-5%;top:28%;height:10%;background:linear-gradient(to bottom,#fff0,#264d1f29);filter:blur(10px);opacity:.45}.field-plane{position:absolute;top:31%;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#fff0,#2349162e 62%,#14320f47);pointer-events:none}.perspective-lines{position:absolute;left:0;right:28%;top:28%;bottom:0;background:linear-gradient(0deg,#1e401429,#fff0);opacity:.18;transform:none;transform-origin:center top}.foreground-grass{position:absolute;bottom:-8%;width:50%;height:55%;pointer-events:none}.fg-a{left:-3%;background:repeating-linear-gradient(98deg,transparent 0 28px,rgba(17,100,49,.74) 29px 33px,transparent 34px 68px);transform:rotate(-3deg);opacity:.2}.fg-b{left:24%;background:repeating-linear-gradient(84deg,transparent 0 32px,rgba(12,91,43,.7) 33px 38px,transparent 40px 78px);opacity:.18}.top-bar{position:absolute;top:22px;left:22px;right:390px;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(255,255,255,.76);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px #0000001f;font-weight:700}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:10px;width:min(520px,48vw)}.metric-card{padding:12px 14px;border-radius:22px;background:#ffffffd1;border:1px solid rgba(255,255,255,.76);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px #0000001f}.metric-card span{display:block;font-size:12px;color:#0000008f}.metric-card strong{display:block;margin-top:4px;font-size:22px;line-height:1.1}.pip-card{position:absolute;top:22px;right:22px;width:340px;aspect-ratio:16 / 10;overflow:hidden;border-radius:28px;background:#000000a3;border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 60px #00000042;z-index:40}.pip-video,.pip-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.pip-canvas{pointer-events:none}.pip-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffffc7;gap:6px}.pip-label{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:#0000007a;color:#fff;font-size:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.arc{position:absolute;left:20%;top:40%;width:44%;height:30%;border-top:4px dashed rgba(255,255,255,.8);border-radius:50% 50% 0 0;transform-origin:center center;pointer-events:none;z-index:18}.arc-blue{border-color:#3186ffe6;transform:rotate(-5deg)}.arc-red{border-color:#e45948c2;transform:rotate(-1deg) scale(.93)}.motion-ribbon{position:absolute;left:27%;top:66%;width:30%;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(66,160,255,.55),rgba(237,108,98,.22),transparent);transform:rotate(-28deg);transform-origin:left center;box-shadow:0 0 24px #ffffff73;z-index:17}.ball{position:absolute;width:34px;height:34px;border-radius:50%;transform:translate(-50%,-50%);z-index:24;background:radial-gradient(circle at 32% 25%,#fff 0 8%,transparent 9%),radial-gradient(circle at 50% 50%,#f0ede5 0,#f0ede5 38%,#d2cdbf 39%,#d2cdbf 68%,#7c766c);border:2px solid rgba(0,0,0,.3);box-shadow:0 10px 22px #0000003d}.dog-position{position:absolute;z-index:23;transform:translate(-50%,-50%)}.dog-actor{position:relative;width:198px;height:138px}.dog-shadow{position:absolute;left:20px;bottom:0;width:148px;height:25px;border-radius:50%;background:#00000047;filter:blur(9px)}.dog-body{position:absolute;left:30px;top:50px;width:108px;height:58px;border-radius:48% 46% 42% 44%;background:radial-gradient(circle at 34% 24%,rgba(255,237,191,.75),transparent 28%),linear-gradient(135deg,#a56b32,#d8aa61 46%,#7b481f);box-shadow:inset -12px -9px 16px #522d1140,inset 9px 7px 16px #fff6d533}.dog-chest{position:absolute;left:112px;top:60px;width:30px;height:38px;border-radius:50%;background:#efdfc2d6;transform:rotate(-18deg)}.dog-head{position:absolute;left:120px;top:24px;width:54px;height:54px;border-radius:48% 52% 46% 50%;background:radial-gradient(circle at 42% 22%,rgba(255,238,190,.7),transparent 22%),linear-gradient(135deg,#9f6935,#d6a75e 52%,#70421f);box-shadow:inset -8px -7px 12px #0000003b}.dog-neck-fur{position:absolute;left:103px;top:55px;width:34px;height:48px;border-radius:52% 40% 50% 46%;background:repeating-linear-gradient(100deg,#efd394 0,#efd394 4px,#c98d45 5px,#c98d45 8px);opacity:.92;transform:rotate(-12deg)}.dog-ear{position:absolute;background:linear-gradient(160deg,#5f3721,#996139);box-shadow:inset -4px -4px 7px #0000003d}.dog-ear-a{left:120px;top:18px;width:20px;height:39px;border-radius:60% 40% 60% 50%;transform:rotate(22deg)}.dog-ear-b{left:150px;top:22px;width:18px;height:34px;border-radius:60% 40% 60% 50%;transform:rotate(-26deg)}.dog-muzzle{position:absolute;left:154px;top:50px;width:34px;height:20px;border-radius:50%;background:#ead7bf;transform:rotate(8deg)}.dog-nose{position:absolute;left:181px;top:54px;width:10px;height:8px;border-radius:50%;background:#15100d}.dog-eye{position:absolute;top:40px;width:6px;height:6px;border-radius:50%;background:#15100d;box-shadow:1px 1px #fff6}.eye-a{left:144px}.eye-b{left:162px}.dog-mouth{position:absolute;left:170px;top:64px;width:15px;height:7px;border-bottom:2px solid rgba(55,28,14,.75);border-radius:50%}.dog-tail{position:absolute;left:7px;top:55px;width:50px;height:13px;border-radius:999px;background:linear-gradient(90deg,#5f3721,#a76b3e);transform:rotate(-18deg);transform-origin:right}.dog-leg{position:absolute;width:12px;height:40px;border-radius:999px;background:linear-gradient(180deg,#84522f,#432515)}.leg-a{left:48px;top:88px;transform:rotate(3deg)}.leg-b{left:78px;top:88px;transform:rotate(-6deg)}.leg-c{left:112px;top:86px;transform:rotate(5deg)}.leg-d{left:140px;top:82px;transform:rotate(-6deg)}.carried-ball{position:absolute;left:174px;top:62px;width:18px;height:18px;border-radius:50%;background:#ece8d8;border:1px solid rgba(0,0,0,.28);z-index:7;box-shadow:0 3px 6px #0000003d}.side-panel{position:absolute;right:22px;top:390px;bottom:22px;width:340px;z-index:50;display:flex;flex-direction:column;gap:14px}.panel-card{padding:14px;border-radius:26px;background:#ffffffd1;border:1px solid rgba(255,255,255,.76);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 50px #00000024}.panel-note{margin-bottom:10px;color:#0000008f;font-size:12px;line-height:1.4}.panel-note.busy-note{color:#8a5a00;font-weight:800}.row{display:flex;gap:10px;flex-wrap:wrap}.row+.row{margin-top:10px}.row.two>*{flex:1 1 140px}.row.three>*{flex:1 1 90px}.row.four>*{flex:1 1 130px}select,input{width:100%;min-height:42px;border-radius:16px;border:1px solid rgba(0,0,0,.12);padding:0 12px;background:#ffffffe0}button,.import-btn{min-height:42px;padding:0 14px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#141414;color:#fff;font-weight:700}button.secondary,.import-btn{background:#ffffffeb;color:#141414;border:1px solid rgba(0,0,0,.12)}button:disabled{opacity:.48;cursor:not-allowed}.danger{color:#b42318!important}.import-btn input{display:none}.stack-tools{display:flex;flex-direction:column;gap:10px}.primary-controls button{min-height:48px;border-radius:12px}.advanced-panel{margin-top:0}.advanced-panel summary{min-height:40px;display:flex;align-items:center;cursor:pointer;font-weight:800;color:#000000b8}.advanced-panel .row:first-of-type{margin-top:10px}.status-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.status-tags span{padding:7px 10px;border-radius:999px;background:#00000012;color:#000000ad;font-size:12px;font-weight:700}.status-tags span.ok{background:#2e7d3224;color:#1d6b29}.debug-text{margin:10px 0 0;font-size:12px;line-height:1.45;color:#000000a6}.error-box{padding:12px 14px;border-radius:18px;background:#ffeeeef2;color:#b42318;box-shadow:0 10px 30px #0000001f}@media (max-width: 1100px){.top-bar{right:22px;flex-direction:column}.metric-row{width:100%}.pip-card{width:280px}.side-panel{width:300px;top:340px}}@media (max-width: 900px){.stage{min-height:1300px}.top-bar{right:22px}.pip-card{position:absolute;top:170px;left:22px;right:22px;width:auto;max-width:none}.side-panel{position:absolute;left:22px;right:22px;top:390px;width:auto;bottom:22px}.perspective-lines{right:0}}.version-watermark{display:none}.stage:after{content:"";position:absolute;z-index:8;left:50%;top:45%;transform:translate(-50%,-50%) perspective(600px) rotateX(62deg);font-size:min(7vw,76px);font-weight:900;letter-spacing:-.05em;color:#ffffff1f;pointer-events:none}.side-panel{top:250px!important;width:360px!important;max-height:calc(100vh - 272px);overflow:auto}.field-plane{clip-path:none!important;background:linear-gradient(to bottom,#fff0,#1f4e1926 62%,#12351047)!important}.perspective-lines{right:360px!important;transform:none!important;transform-origin:center top!important;background:linear-gradient(0deg,#1c4b1e24,#fff0)!important;opacity:.16}.arc{left:23%!important;top:38%!important;width:40%!important;height:36%!important;border-width:5px!important}.dog-position{left:var(--dog-left, auto)}