
/* RMCS v400 GAME BUILDER VISUAL REBUILD */
#rmcs-v395-root{--r:#ed111f;--bg:#05080a;--panel:#0a1014;--panel2:#0e151a;--line:#26333c;--muted:#8b99a4;--text:#f4f7f8;--good:#69d27f;position:relative;z-index:20;width:min(1600px,calc(100% - 20px));margin:18px auto 34px;font-family:Segoe UI,Arial,sans-serif;color:var(--text)}
#rmcs-v395-root *{box-sizing:border-box}
#rmcs-v395-root button,#rmcs-v395-root select,#rmcs-v395-root input{font:inherit}
#rmcs-v395-root button{cursor:pointer}
#rmcs-v390-root,#rmcs-v393-root,#rmcs-v394-root,#rmcsGameBuilder383{display:none!important}
.v395-shell{background:linear-gradient(180deg,#070b0e,#05080a);border:1px solid #35434d;box-shadow:0 16px 48px rgba(0,0,0,.42);overflow:hidden}
.v395-head{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid #2b3740;background:linear-gradient(90deg,#06090b,#0d1115 48%,#06090b)}
.v395-brand{display:flex;gap:10px;align-items:center;min-width:0}.v395-dot{width:9px;height:9px;border-radius:50%;background:var(--r);box-shadow:0 0 14px rgba(237,17,31,.55)}
.v395-brand b{font-size:15px;letter-spacing:.11em}.v395-brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.18em;margin-top:3px}
.v395-head{position:relative;z-index:50}.v395-mode{display:flex;gap:7px;flex-wrap:wrap;align-items:center;position:relative;z-index:60;pointer-events:auto!important}.v395-mode button{position:relative;z-index:61;pointer-events:auto!important;min-height:38px;border:1px solid #394650;background:#0a0f13;color:#dbe2e6;padding:8px 14px;font-size:10px;font-weight:900;letter-spacing:.08em}
.v395-mode button.active{background:linear-gradient(135deg,#d90d1a,#7e050b);border-color:#fa3340;color:#fff}
.v395-grid{display:grid;grid-template-columns:292px minmax(0,1fr) 300px;min-height:590px}
.v395-left,.v395-right{background:#071015;border-right:1px solid var(--line);min-width:0}.v395-right{border-right:0;border-left:1px solid var(--line)}
.v395-panel-title{padding:16px 14px 10px;border-bottom:1px solid var(--line)}.v395-panel-title small{display:block;color:#8f9aa2;font-size:8px;font-weight:900;letter-spacing:.18em}.v395-panel-title b{display:block;font-size:22px;line-height:1;margin-top:5px}
.v395-fields{padding:10px}.v395-field{border:1px solid #2d3942;background:#0a1116;padding:9px 10px;margin-bottom:7px}.v395-field label{display:block;color:#8997a1;font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:6px}
.v395-field select{width:100%;height:34px;border:1px solid #3c4b56;background:#071015;color:#fff;padding:0 8px;font-size:11px;font-weight:800}
.v395-platforms{display:grid;grid-template-columns:1fr 1fr;gap:6px}.v395-platforms button{min-height:48px;border:1px solid #3b4852;background:#081016;color:#dfe4e7;font-weight:900;font-size:10px}
.v395-platforms button.active{border-color:var(--r);background:linear-gradient(135deg,rgba(237,17,31,.22),#081016);box-shadow:inset 3px 0 0 var(--r)}
.v395-adv-targets{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.v395-adv-targets button{border:1px solid #3b4852;background:#0b1217;color:#dfe5e8;min-height:34px;padding:6px 9px;font-size:9px;font-weight:900}
.v395-adv-targets button.active{border-color:var(--r);background:#6d0710}
.v395-center{min-width:0;background:radial-gradient(circle at 50% 35%,#17232b 0,#091016 47%,#05080a 75%);display:flex;flex-direction:column}
.v395-titlebar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 16px 9px}.v395-model b{font-style:italic;font-size:38px;line-height:1}.v395-model em{font-style:normal;color:var(--r);font-weight:950;font-size:15px;margin-left:8px}.v395-model small{display:block;color:#98a5ae;font-size:9px;font-weight:900;letter-spacing:.12em;margin-top:5px}
.v395-viewbuttons{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.v395-viewbuttons button{min-height:34px;border:1px solid #3c4855;background:#0b1116;color:#e7ecee;padding:6px 9px;font-size:9px;font-weight:900}.v395-viewbuttons button.active{border-color:var(--r);color:#fff}
.v395-stage{position:relative;min-height:370px;overflow:hidden;border-top:1px solid #161f26;border-bottom:1px solid #33414b;background:radial-gradient(ellipse at center,#1a2329 0,#090e12 64%,#050709 100%);touch-action:pan-y}
.v395-stage:before{content:"";position:absolute;inset:auto 8% 2% 8%;height:24%;border-radius:50%;border:1px solid #4f5d67;box-shadow:0 0 35px rgba(120,150,170,.12),inset 0 0 22px rgba(0,0,0,.7)}
.v395-photo{position:absolute;inset:18px 14px 42px;display:flex;align-items:center;justify-content:center;overflow:hidden;transform-origin:center;will-change:transform}
.v395-photo img,.v395-photo canvas{position:absolute;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}.v395-photo canvas{opacity:0;transition:opacity .12s ease}.v395-photo.ready canvas{opacity:1}.v395-photo.ready img{opacity:0}
.v395-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #46545f;background:#071015cc;padding:9px 13px;font-size:9px;font-weight:900;letter-spacing:.1em;color:#b8c2c8}.v395-stage.loaded .v395-load{display:none}
.v395-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:7px 10px;background:#071015d9;border:1px solid #34424c;color:#aeb8be;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.v395-views{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #151c21}.v395-views button{min-height:48px;border:0;border-right:1px solid #3c4851;background:#0a1014;color:#dfe5e8;font-size:9px;font-weight:950}.v395-views button:last-child{border-right:0}.v395-views button.active{background:#111820;box-shadow:inset 0 3px 0 var(--r)}
.v395-colors{padding:11px 14px 15px;border-top:1px solid #25313a;background:#070b0e}.v395-color-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.v395-color-head div small{display:block;color:#8d9aa3;font-size:8px;font-weight:900;letter-spacing:.17em}.v395-color-head div b{font-size:14px}.v395-color-head input{width:240px;max-width:42vw;height:32px;border:1px solid #374650;background:#080e12;color:#fff;padding:0 9px;font-size:10px}
.v395-swatches{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;max-height:170px;overflow:auto;padding-right:4px}.v395-swatch{border:1px solid #35424b;background:#0a1014;color:#dfe5e8;padding:4px;text-align:left;min-width:0}.v395-swatch i{display:block;height:26px;background:var(--sw);border:1px solid rgba(255,255,255,.25);margin-bottom:4px}.v395-swatch b{display:block;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v395-swatch small{display:block;font-size:7px;color:#89969f}.v395-swatch.active{border-color:var(--r);box-shadow:inset 0 0 0 1px var(--r)}
.v395-right{padding:0 12px 12px}.v395-thumb{height:130px;margin:10px 0;border:1px solid #394650;background:#090e12;position:relative;overflow:hidden}.v395-thumb img,.v395-thumb canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.v395-thumb canvas{opacity:0}.v395-thumb.ready canvas{opacity:1}.v395-thumb.ready img{opacity:0}
.v395-price{border:1px solid #34424b;padding:10px;margin:9px 0;background:#0a1116}.v395-price small{display:block;color:#83909a;font-size:8px;font-weight:900;letter-spacing:.12em}.v395-price b{font-size:22px;display:block;margin-top:4px}
.v395-summary{border-top:1px solid #26323a}.v395-summary div{display:grid;grid-template-columns:96px 1fr;gap:8px;padding:8px 1px;border-bottom:1px solid #26323a}.v395-summary small{color:#84919a;font-size:8px;font-weight:900;letter-spacing:.08em}.v395-summary b{font-size:9px;text-align:right}
.v395-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.v395-actions button{min-height:38px;border:1px solid #3c4852;background:#0b1116;color:#fff;font-size:9px;font-weight:950}.v395-actions button.primary{grid-column:1/-1;background:linear-gradient(135deg,#d90d1a,#82060d);border-color:#f02735}
.v395-toast{min-height:18px;margin-top:7px;color:#78d68d;font-size:9px;font-weight:800}
.v395-advanced-note{margin:8px 10px 0;padding:9px;border-left:3px solid var(--r);background:#120c0e;color:#b5c0c6;font-size:9px;line-height:1.4}
.v395-hidden{display:none!important}
@media(max-width:1120px){.v395-grid{grid-template-columns:250px minmax(0,1fr)}.v395-right{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:150px 170px 1fr 260px;gap:10px;align-items:start}.v395-right .v395-panel-title{grid-column:1/-1}.v395-thumb{height:100px}.v395-summary{max-height:185px;overflow:auto}.v395-actions{margin-top:10px}.v395-swatches{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:760px){#rmcs-v395-root{width:calc(100% - 10px);margin:8px auto 20px}.v395-head{align-items:flex-start;flex-direction:column}.v395-grid{display:block}.v395-left,.v395-right{border:0;border-bottom:1px solid var(--line)}.v395-center{min-height:0}.v395-stage{min-height:300px}.v395-titlebar{flex-direction:column}.v395-model b{font-size:30px}.v395-viewbuttons{justify-content:flex-start}.v395-swatches{grid-template-columns:repeat(5,minmax(0,1fr));max-height:220px}.v395-color-head{align-items:flex-start;flex-direction:column}.v395-color-head input{max-width:none;width:100%}.v395-right{display:block}.v395-thumb{height:120px}.v395-hint{font-size:7px;white-space:normal;text-align:center;width:80%}.v395-fields{padding:8px}.v395-views button{font-size:8px}}

/* v396 transparent-cutout + photo-spin additions */
.v395-stage{perspective:1100px;background:
 radial-gradient(circle at 50% 42%,rgba(65,82,94,.28),transparent 35%),
 linear-gradient(180deg,#091116 0,#05090c 100%)}
.v395-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:28px 28px;opacity:.28}
.v395-photo{transform-style:preserve-3d}
.v395-photo img,.v395-photo canvas{backface-visibility:visible}
.v395-thumb{background:radial-gradient(circle at center,#17232a 0,#090e12 72%)}
.v396-spin-readout{display:inline-flex;align-items:center;min-height:34px;border:1px solid #2f3d47;background:#080d11;color:#8e9ca5;padding:0 8px;font-size:8px;font-weight:900;letter-spacing:.08em}
.v395-viewbuttons button[data-spin].active{background:#6d0710;border-color:var(--r)}
@media(max-width:760px){.v396-spin-readout{width:100%;justify-content:center}}

/* v398 visible action confirmation + control wiring */
.v398-action-status{margin-top:8px;border:1px solid #2c3b44;background:#071117;padding:9px 10px;color:#9fe0ae;font-size:9px;line-height:1.45;min-height:34px;overflow:auto;max-height:150px}
.v398-action-status.bad{border-color:#7b3037;color:#ff9ba1;background:#16090b}
.v398-action-status b{display:block;letter-spacing:.08em;font-size:9px}.v398-action-status pre{margin:7px 0 0;white-space:pre-wrap;word-break:break-word;color:#cbd5db;font:9px/1.45 Consolas,monospace}
.v395-actions button.confirmed,.v395-viewbuttons button.confirmed{border-color:#66d184!important;background:#12301c!important;color:#d9ffe3!important}
.v395-actions button:focus-visible,.v395-viewbuttons button:focus-visible,.v395-mode button:focus-visible,.v395-views button:focus-visible{outline:2px solid #f13a45;outline-offset:2px}

.v400-mode-state{display:inline-flex;align-items:center;min-height:38px;padding:7px 10px;border:1px solid #36434c;background:#080d11;color:#aebac2;font-size:8px;font-weight:950;letter-spacing:.12em;white-space:nowrap}
#rmcs-v395-root.mode-advanced .v400-mode-state{border-color:#ed111f;color:#fff;background:#36060a}
#rmcs-v395-root.mode-builder .v400-mode-state{border-color:#53616b;color:#dfe6ea;background:#0b1115}

/* v400 four-family visual rebuild */
.v395-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
.v395-platforms button{padding:6px 5px}
@media(max-width:760px){.v395-platforms{grid-template-columns:1fr}.v395-platforms button{min-height:42px}}
