@import url('data:text/css,');
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#302c3c;background:#f6f3ee;font-synthesis:none;--ink:#302c3c;--muted:#706b75;--purple:#766592;--line:#e8e2dd}
*{box-sizing:border-box}html{font-size:100%}body{margin:0;font-size:1rem}button,select,input{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ac92d5;outline-offset:3px}button:hover{filter:brightness(.96)}[hidden]{display:none!important}header{height:94px;display:flex;align-items:center;padding:0 38px;gap:30px;border-bottom:1px solid var(--line);background:#faf8f4}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:.9375rem;font-weight:950;font-style:italic;line-height:.96;letter-spacing:-.5px;transform:rotate(-3deg)}.brand b{font-size:1.5rem}.brand-icon{display:grid;place-items:center;width:47px;height:47px;font-size:2.5625rem;border-radius:15px;background:#f5b756;transform:rotate(8deg)}.header-note{font-size:.75rem;letter-spacing:1.6px;color:var(--muted);line-height:1.8;max-width:120px}.header-note strong{color:#655b70}nav{display:flex;gap:8px;margin-left:auto;background:#eeebe6;padding:5px;border-radius:14px}nav button{padding:11px 19px;border-radius:10px;font-size:.75rem;font-weight:700}nav .active{background:#fffdf9;box-shadow:0 2px 4px #3d26320a}nav span{margin-left:12px}.build-tag{font-size:.75rem;letter-spacing:1.6px;color:var(--muted)}#studio{display:grid;grid-template-columns:306px 1fr;min-height:calc(100vh - 94px)}aside{padding:32px 26px 20px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:1.9px;color:#746a78}h1{font-size:clamp(2rem,3.4vw,2.4375rem);line-height:1.06;letter-spacing:-1.9px;margin:18px 0 12px}h1 em{font-style:normal;color:var(--purple)}.intro{color:#736b78;font-size:.75rem;line-height:1.8;margin:0 0 25px}.section-title{font-size:.75rem;font-weight:800;color:#716a74;margin:14px 0 12px}.section-title span{color:#756a7c;margin-left:9px;letter-spacing:1.1px;font-size:.75rem}.character-options{display:grid;gap:7px}.character{display:flex;align-items:center;text-align:left;padding:10px 9px;gap:9px;border:1px solid transparent;border-radius:13px}.character.selected{background:#fffaf0;border-color:#e7c9a0}.avatar{display:grid;place-items:center;height:38px;width:38px;flex-shrink:0;border-radius:13px;background:#efbb71;color:#fff5df;font-size:1.375rem;font-weight:950}.sloth{background:#b8c9ae;color:#f8ffe7}.character b{font-size:.8125rem}.character small{display:block;font-size:.75rem;margin-top:3px;color:#746a73}.selected-dot{display:none;margin-left:auto;font-size:.75rem;color:#916535}.character.selected .selected-dot{display:block}label{font-size:.75rem;color:#726b78;display:block;margin:6px 0 7px}.label-note{font-size:.75rem;margin-left:3px;color:#726c73}select{background:#fffdf9;border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:#5e5568;font-size:.75rem;width:100%;margin-bottom:8px}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.motion-grid button{background:#eeebe8;padding:10px 4px;border:1px solid transparent;border-radius:9px;font-size:.75rem}.motion-grid button.selected{background:#e5dfed;border-color:#b7a8ca;color:#5d4778}.segment{display:flex;background:#eae6e2;padding:4px;border-radius:10px;margin-top:14px}.segment button{width:50%;font-size:.75rem;border-radius:7px;padding:8px 0}.segment .selected{background:#fffdf9;box-shadow:0 1px 4px #392e3a12}.aside-bottom{font-size:.75rem;margin-top:auto;padding-top:23px;color:#736b76;line-height:1.8}.aside-bottom small{font-size:.75rem;color:#726b73}.status-dot{display:inline-block;width:5px;height:5px;background:#7aaa8f;border-radius:50%;margin-right:5px}.workspace{min-width:0;padding:28px 30px 20px;display:flex;flex-direction:column}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h2{font-size:clamp(1.25rem,2.2vw,1.5rem);letter-spacing:-.8px;margin:9px 0 0;font-weight:800}h2 span{font-size:.75rem;letter-spacing:0;font-weight:400;color:#736b73;margin-left:12px}.quiet{font-size:.75rem;color:#746b79;padding:10px}.workspace-heading .quiet{border:1px solid var(--line);border-radius:9px;background:#faf8f3}#viewport-wrap{position:relative;flex:1;min-height:460px;border-radius:20px;overflow:hidden;border:1px solid #dedad6;background:#eeece6}#studio-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#panes{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}.pane{position:relative;touch-action:none}.pane+.pane{border-left:1px solid #c9c6c080}.pane-heading{position:absolute;top:23px;left:22px;display:flex;gap:10px;align-items:center;pointer-events:none}.pill{height:27px;width:27px;display:grid;place-items:center;background:#fff6e2;border:1px solid #e8d3aa;border-radius:9px;font-weight:800;font-size:.75rem;color:#8a6837}.pill.hybrid{background:#efeaf6;border-color:#d8cce4;color:#8f70aa}h3{font-size:.875rem;margin:0;letter-spacing:-.2px}.pane-heading p{font-size:.75rem;color:#736a71;margin:5px 0 0}.pane-footer{position:absolute;bottom:20px;left:20px;right:20px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.pane-footer>span{font-family:ui-monospace,monospace;font-size:.75rem;color:#736b74}.pane-footer button{background:#fffdf7d9;border:1px solid #ddd3d6;padding:9px 12px;font-size:.75rem;border-radius:10px}.orbit-hint{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:.75rem;letter-spacing:1.1px;color:#726b72;pointer-events:none;white-space:nowrap}.orbit-hint span{padding:0 5px}.playback{display:flex;gap:16px;align-items:center;padding:16px 5px;border-bottom:1px solid var(--line)}#pause{border-radius:50%;background:#e8e1ec;width:32px;height:32px;color:#756084}#clip-label{font-size:.75rem;min-width:63px}#timeline{flex:1;height:3px;accent-color:#a18db6;min-width:30px}.playback select{width:85px;margin:0;background:transparent;border:0}.sync{font-size:.75rem;letter-spacing:1.2px;color:#607066}.review-note{display:flex;align-items:center;justify-content:space-between;padding:21px 4px 0}.review-note .eyebrow{font-size:.75rem}.review-note p{font-size:.75rem;margin:7px 0 0;color:#746b75}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#f3efe9;color:#776886;font-size:.875rem}#decision{background:#e3edde;padding:12px 16px;border-radius:12px;font-size:.75rem;margin-top:12px}#error{position:fixed;bottom:15px;left:15px;right:15px;background:#522c3f;color:white;padding:16px;z-index:20;border-radius:12px}.health-track{height:5px;background:#ddc9b7;border-radius:5px;width:120px;margin-top:6px}.health-track i{display:block;width:100%;height:100%;background:#89b997;border-radius:5px}
@media(min-width:1600px){#viewport-wrap{min-height:610px}.workspace{padding:38px 40px}aside{padding-top:40px}}
@media(max-width:1000px){header{padding:0 20px;gap:12px}.header-note,.build-tag{display:none}#studio{grid-template-columns:260px 1fr}aside{padding:25px 18px}h1{font-size:2.125rem}.workspace{padding:24px 16px}.pane-heading{left:12px;top:17px}.pane-heading p{font-size:.75rem}.pane-footer{left:12px;bottom:16px}.orbit-hint{display:none}.review-note .quiet{max-width:100px}.sync{display:none}}
@media(max-width:700px){header{height:72px;padding:0 14px}.brand-icon{width:35px;height:35px;font-size:1.875rem}.brand{font-size:.75rem}.brand b{font-size:1.125rem}nav button{font-size:.75rem;padding:9px}nav span{display:none}#studio{display:flex;flex-direction:column}aside{display:block;border-right:0;padding:18px}.intro,aside>h1,aside>.eyebrow,.aside-bottom,.section-title{display:none}.character-options{grid-template-columns:1fr 1fr;gap:4px}.character{padding:8px 5px;gap:7px}.character small{font-size:.75rem}.character b{font-size:.75rem}.avatar{width:30px;height:30px;font-size:1.0625rem}.selected-dot{display:none!important}aside>label,aside>select{display:inline-block;width:48%;font-size:.75rem}aside>label{display:none}aside>select{margin-top:12px}.motion-grid{grid-template-columns:repeat(3,1fr)}.motion-grid button{font-size:.75rem;padding:8px}.segment{margin-top:10px}.workspace{padding:2px 10px 15px}.workspace-heading{margin:10px 7px 16px}.workspace-heading h2{font-size:1.3125rem}.workspace-heading .eyebrow{font-size:.75rem}#viewport-wrap{height:390px;min-height:390px;flex:none;border-radius:14px}.pane-heading{top:12px;left:8px;gap:6px}.pane-heading h3{font-size:.75rem}.pane-heading p{display:none}.pill{width:21px;height:21px;font-size:.75rem}.pane-footer{left:8px;right:8px;bottom:10px}.pane-footer button{font-size:.75rem;padding:8px}.pane-footer>span{font-size:.75rem}.playback{gap:8px}.playback select{width:70px}#clip-label{font-size:.75rem;min-width:52px}.review-note{padding:17px 5px}.review-note p{max-width:240px;font-size:.75rem}.review-note .eyebrow{font-size:.75rem}.review-note .quiet{font-size:.75rem}.health-track{width:65px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.avatar.rhino{background:#9baa99;color:#f8efcf}.avatar.axolotl{background:#e99ab5;color:#fff0df}.production #panes{grid-template-columns:1fr}.production #pane-voxel{display:none}.production #pane-hybrid{border-left:0}.production .pane-footer button{display:none}.character-options{gap:2px}.section-title{margin-top:12px;margin-bottom:9px}aside .intro{margin-bottom:14px}aside h1{font-size:2.1875rem}.character{padding:7px 9px}.aside-bottom{padding-top:12px}#studio{min-height:calc(100vh - 94px)}
.arena-nav{display:inline-block;text-decoration:none;color:var(--ink);font-size:.75rem;padding:12px;border-radius:10px}.arena-nav:hover{background:#ece7ee}.review-note{gap:12px}#export-kart{white-space:nowrap}@media(max-width:700px){.arena-nav{font-size:.75rem;padding:8px}#export-kart{white-space:normal}.segment button{font-size:.75rem}}
.avatar.bunny{background:#efb5ce;color:#a9567c}.avatar.penguin{background:#536d8a;color:#fff2cb}nav button:disabled{opacity:.45;cursor:default}
.roster-preview{font-size:.75rem;line-height:1.5;padding:10px 12px;background:#eae5f0;border-radius:9px;color:#716080}
.avatar.cat{background:#b69bd7;color:#fff3d9}
@media(min-width:701px){#studio{height:calc(100dvh - 94px);min-height:650px}#studio>aside{overflow-y:auto;min-height:0}.workspace{min-height:0}#viewport-wrap{min-height:300px}.workspace-heading{flex-shrink:0}.review-note{flex-shrink:0}.playback{flex-shrink:0}}
#roster-search{width:100%;margin:0 0 10px;padding:10px 12px;border:1px solid #e2d9d2;border-radius:10px;background:#fffdf8;color:var(--ink);font-size:.75rem}.character-options .character[hidden]{display:none!important}@media(max-width:700px){.character-options{max-height:240px;overflow-y:auto}#roster-search{margin-bottom:8px}}
.try-row{display:flex;gap:6px;align-items:center;margin-bottom:8px}.try-row select{margin:0}.try-row button{border:1px solid var(--line);border-radius:9px;background:#faf8f3;white-space:nowrap;padding:8px 10px}#progress-note{margin:2px 0 8px}

/* Seasonal shop keeps prices and actions readable at touch sizes. */
.seasonal-shop{margin-top:24px;padding-top:20px;border-top:2px solid #ddcdae}.seasonal-shop h2{font-size:1.35rem}.seasonal-shop>section{margin-top:22px;border-top:4px solid var(--collection-color);padding-top:10px}.seasonal-shop h3{color:var(--collection-color);font-size:1.1rem}.seasonal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.seasonal-card{padding:12px;border:1px solid #decfb7;border-radius:14px;background:#fffaf0;display:flex;flex-direction:column;gap:8px}.seasonal-card h4,.seasonal-card p{margin:0}.seasonal-card button,.seasonal-shop>button{min-height:44px;padding:8px 10px;border-radius:10px;cursor:pointer}.seasonal-card button:disabled{cursor:default;opacity:.55}.seasonal-icon{font-size:2.6rem;line-height:1.2}.shop-balance{font-weight:800}.seasonal-card small{line-height:1.4}

#match-loading{position:absolute;inset:0;z-index:100;display:grid;place-items:center;background:#e7efe8;color:#25433a;text-align:center;padding:24px}#match-loading[hidden]{display:none}#match-loading h2{font-size:clamp(24px,5vw,40px);margin:16px 0 8px}#match-loading p{margin:0}.match-loading-spinner{display:inline-block;width:36px;height:36px;border:4px solid #b8d2c3;border-top-color:#427d62;border-radius:50%;animation:match-loading-spin 1s linear infinite}@keyframes match-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.match-loading-spinner{animation:none}}

/* Native WebViews: landscape touch targets and display cutouts. */
@supports (padding: env(safe-area-inset-left)) {
 body {padding-left:var(--safe-area-inset-left,env(safe-area-inset-left));padding-right:var(--safe-area-inset-right,env(safe-area-inset-right));}
 .hud-tools {margin-right:var(--safe-area-inset-right,env(safe-area-inset-right));}
 #touch-pad,#fire-button,#special-button,#pickup-button {margin-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom));touch-action:none;}
}
@media (pointer:coarse) {button,select{min-height:44px;}dialog button{display:block;width:100%;margin:12px 0;}input{font-size:16px;}}
