@import url("/neon-presentation.css");
@import url("/neon-loading.css");
body.neon-custom-site{position:relative;isolation:isolate;font-family:var(--neon-site-font)!important;background:var(--bg,#0d111c)}body.neon-custom-site::before,body.neon-custom-site::after{content:"";position:fixed;inset:-28px;pointer-events:none;z-index:-2}body.neon-custom-site::before{background-image:var(--neon-site-background);background-position:center;background-size:cover;filter:blur(var(--neon-site-blur,0px))}body.neon-custom-site::after{z-index:-1;background:rgba(0,0,0,var(--neon-site-dim,.35))}html[data-theme=light] body.neon-custom-site::after{background:rgba(255,255,255,var(--neon-site-dim,.35))}body.neon-custom-site #content{max-width:var(--neon-site-width,1240px)}body.neon-custom-site #content:not(.player-page){zoom:var(--neon-site-scale,1)}body.neon-custom-site .panel,body.neon-custom-site .map-card,body.neon-custom-site .coin-preset-card{background:color-mix(in srgb,var(--panel,#151a28) var(--neon-panel-opacity,100%),transparent)}.neon-language-picker{display:inline-flex;gap:6px;align-items:center;font-size:12px}.neon-language-picker select{font:inherit;max-width:116px;padding:7px 9px;border:1px solid #8884;border-radius:9px;background:var(--panel,var(--bg-secondary,#141b2a));color:inherit}.editor-header .neon-language-picker{margin-left:auto;flex-shrink:0}.neon-appearance-panel{border-top:1px solid var(--line,#8884);margin-top:24px;padding-top:24px}.neon-appearance-panel .field{margin:16px 0}.neon-appearance-panel output{min-width:54px;text-align:right;color:var(--muted,#8f9bb0)}.neon-appearance-panel select{max-width:100%}.neon-appearance-panel input[type=file]{max-width:100%;font-size:13px}@media(max-width:700px){.neon-language-picker{font-size:11px}.neon-language-picker select{max-width:96px;padding:6px}.editor-header .neon-language-picker{margin-left:0}.editor-header{flex-wrap:wrap}.neon-appearance-panel .setting{flex-wrap:wrap;gap:10px}}

.skin-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px}.skin-controls{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0}.skin-controls label{display:grid;gap:6px}.skin-controls select{max-width:420px}.skin-workspace canvas{display:block;width:100%;height:auto;aspect-ratio:1;touch-action:none;background:#191923;border-radius:14px}.skin-workspace #skin-model{height:420px;aspect-ratio:auto}.skin-workspace select{max-width:100%}.skin-workspace input[type=range]{width:110px}@media(max-width:800px){.skin-workspace{grid-template-columns:1fr}.skin-controls select{max-width:85vw}}

.skin-controls input[type=number]{width:90px}.skin-controls input[type=search]{min-width:220px}.skin-workspace #skin-paint{max-height:540px;object-fit:contain}.skin-controls select{width:360px}.skin-workspace .panel{min-width:0}

.skin-workspace #skin-model{height:520px}.skin-workspace #skin-paint{max-height:520px}


.player-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}.player-toolbar #runtime-status{font-size:13px;color:var(--muted)}.player-toolbar button,.player-toolbar .button{margin:0}

.skin-style-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.skin-style-presets button{padding:8px 12px}.skin-runtime-probe{position:fixed;bottom:0;left:0;z-index:99999;background:#111d;color:white;font:11px monospace;max-height:35vh;overflow:auto;padding:10px;max-width:90vw}

.shop-tabs{display:flex;gap:10px;margin-bottom:26px}.skin-shop-feature{display:grid;grid-template-columns:minmax(260px,.8fr) 1fr;gap:24px;margin:24px 0 36px}.skin-shop-feature>canvas{width:100%;height:460px;display:block;background:radial-gradient(ellipse at 50% 65%,#32234e,#13131a 75%);border:1px solid #ffffff12;border-radius:24px;touch-action:none}.skin-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skin-preset{padding:18px}.skin-preset[data-equipped=true]{outline:2px solid var(--accent)}.skin-card-preview{padding:0;border:0;background:transparent;width:100%}.skin-card-preview img{display:block;width:100%;height:245px;object-fit:contain;border-radius:12px;background:#1a1921}.skin-preset h3{margin:12px 0 6px}.skin-preset p{min-height:45px}.skin-preset>button:last-child{width:100%}@media(max-width:800px){.skin-shop-feature{grid-template-columns:1fr}.skin-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-shop-feature>canvas{height:370px}}@media(max-width:440px){.skin-preset-grid{grid-template-columns:1fr}.skin-card-preview img{height:290px}}

.coin-editor-frame{width:100%;height:85vh;border:0}

.skin-parts{border:1px solid #ffffff26;border-radius:12px;margin:18px 0;padding:14px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}.skin-parts label{display:flex;align-items:center;gap:8px}.skin-parts p{width:100%}.skin-parts input{width:48px;height:36px}#skin-player-status:empty{display:none}

.shop-tabs a[aria-current="page"]{outline:2px solid var(--accent,#ff496c);font-weight:700}

.skin-effects-shop{margin:32px 0}.skin-effects-shop .skin-controls>label{min-width:0;flex:1}.skin-effects-shop select{max-width:100%;min-width:0}.skin-effects-shop .skin-shop-feature>div{min-width:0}

#skin-effects{scroll-margin-top:90px}

.coin-collection-tools{display:flex;flex-wrap:wrap;gap:16px;margin:22px 0}.coin-collection-tools label{display:grid;gap:7px;flex:1;min-width:180px}.coin-collection-tools input,.coin-collection-tools select{max-width:100%;width:100%}.coin-collection-tools p{flex-basis:100%;margin:0}.coin-preset-card[hidden]{display:none!important}

/* Shared action layout: stable spacing with translated labels. */
body:not([data-neon-runtime]) :is(.tabs,.player-toolbar,.skin-style-presets){align-items:stretch;gap:10px}
body:not([data-neon-runtime]) :is(.tabs,.player-toolbar,.skin-style-presets)>:is(button,.button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.35;font-size:13px;text-align:center;white-space:normal;margin:0;max-width:100%}
.shop-tabs{flex-wrap:wrap}.shop-tabs a{min-height:44px;display:inline-flex;align-items:center}
.coin-shop-feature>*,.skin-shop-feature>*,.skin-workspace>*,.settings-layout>*,.two-col>*,.map-detail>*{min-width:0}
.coin-preset-card{display:flex;flex-direction:column;min-width:0}.coin-preset-copy{display:flex;flex:1;flex-direction:column;min-width:0;overflow-wrap:anywhere}.coin-preset-copy>button{margin-top:auto;min-height:44px;white-space:normal}
.skin-preset{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.skin-preset>button:last-child{margin-top:auto;min-height:44px;white-space:normal}
.skin-controls{min-width:0}.skin-controls>label,.skin-effects-shop .skin-controls>label{flex:1 1 240px;min-width:0;max-width:100%}.skin-controls select,.skin-controls input[type=search]{width:100%;min-width:0;max-width:100%}
.skin-workspace .tabs>*,.coin-collection-tools>*{min-width:0}.coin-collection-tools label{flex:1 1 220px;min-width:0}
body:not([data-neon-runtime]) .setting>:first-child{min-width:0}.settings-nav{min-width:0}
@media(max-width:960px){body:not([data-neon-runtime])>header:not(.editor-header){flex-wrap:wrap;gap:12px}body:not([data-neon-runtime])>header:not(.editor-header)>nav{order:3;width:100%;justify-content:flex-start;gap:4px}body:not([data-neon-runtime])>header:not(.editor-header)>nav>a{padding:10px 12px}}
@media(max-width:600px){.player-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.player-toolbar #runtime-status{grid-column:1/-1}.player-toolbar #launch-game{grid-column:1/-1}.player-toolbar [hidden]{display:none!important}.settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));white-space:normal;overflow:visible}.settings-nav button{min-height:44px;text-align:center}.skin-effects-shop .skin-controls>label{flex-basis:100%}.coin-shop-feature .tabs>*{flex:1 1 140px}.skin-effects-shop .tabs>*{flex:1 1 130px}.coin-collection-tools label{flex-basis:100%}.setting{flex-wrap:wrap}.setting select{max-width:100%}}
[hidden]{display:none!important}
.skin-workspace .skin-controls>label{flex:0 1 auto}.skin-controls :is(button,.button){min-height:44px;line-height:1.35;white-space:normal;max-width:100%;display:inline-flex;align-items:center;justify-content:center}.skin-workspace .skin-controls>label:has(select){flex:1 1 240px}

#accessories{margin-top:32px;scroll-margin-top:100px}.accessory-workspace{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1fr);gap:24px}.accessory-workspace>canvas{display:block;width:100%;height:540px;border-radius:20px;background:radial-gradient(ellipse at center,#303057,#111622);touch-action:none}.accessory-workspace>*{min-width:0}.accessory-workspace select{width:100%;max-width:100%}@media(max-width:760px){.accessory-workspace{grid-template-columns:minmax(0,1fr)}.accessory-workspace>canvas{height:400px}}

.neon-welcome{box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #b5a1ff66;border-radius:28px;padding:clamp(24px,5vw,44px);background:linear-gradient(145deg,#201b37,#0d1422);color:#f7f5ff;box-shadow:0 24px 100px #0009}.neon-welcome::backdrop{background:#050912d9;backdrop-filter:blur(12px)}.neon-welcome h1{font-size:clamp(26px,5vw,38px);line-height:1.1;margin:24px 0 16px}.neon-welcome .welcome-mark{font-size:20px;letter-spacing:.16em;color:#c8b9ff}.neon-welcome .field{display:grid;gap:9px;margin:20px 0}.neon-welcome input,.neon-welcome select{box-sizing:border-box;width:100%;min-height:48px;background:#101521;color:#fff;border:1px solid #7b7295;border-radius:12px;padding:12px;font:inherit}.neon-welcome button{width:100%;min-height:50px;border-radius:14px;background:#c8b9ff;color:#161020;font-weight:700}.welcome-note{font-size:13px;color:#b8b7c9}.local-profile-badge{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);padding:6px 10px;border:1px solid currentColor;border-radius:18px;font-size:13px}@media(max-width:600px){.local-profile-badge{max-width:100px}}
