/* Same plum background as the imported Punikoro 6 jelly material. */
body {background:#1d1828;color:#f4dfe9}
.playground {background:linear-gradient(180deg in srgb,#49374f,#211b30);box-shadow:0 20px 90px #0a081c66}
.stage-light {display:none}
.edition {color:#c1a5c4}
.edition span {background:#ffffff0e;font-size:8px}
.tools button {border-color:#dfb9e031;color:#f1d4ec;background:#ffffff08}
.scene-picker {background:#1a152b29;border-color:#d4b3d518}
.scene-picker button {color:#b9a2bf}
.scene-picker button[aria-pressed=true] {background:#eabbce18;color:#f2d5e6;box-shadow:none}
.invitation {opacity:.58;top:25%}
.invitation p {font-size:18px;color:#c6a6c9}
.invitation strong {font-size:26px;color:#f1c4dc}
.hint,.little-spark {color:#b898bd}
.playground.touched .invitation {opacity:0}
.floor {background:linear-gradient(#6b45622b,#48304b36);border-color:#c59fc13a}
.shadow {background:#100c1dcc;filter:blur(5px)}
.status {color:#baa3bb;font-size:8px}
#loading {background:#2d233bea;color:#ebc8df}
#error {background:#38273bf5;border-color:#925e7c;color:#f7ddea}
.tools{gap:5px}
.tools button{width:32px;height:32px;font-size:21px}
.settings-panel{position:absolute;z-index:7;top:19%;left:6%;right:6%;padding:14px 18px 16px;border:1px solid #dbafca40;border-radius:20px;background:#35283ded;box-shadow:0 14px 40px #100c2240;color:#f3d6e9}
.settings-panel[hidden]{display:none}
.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.settings-heading h2{font-size:14px;letter-spacing:.08em;margin:0}
.settings-heading button{font-size:24px;border:0;color:#e8cbdf;background:transparent;width:36px;height:36px}
.settings-panel label{display:flex;justify-content:space-between;font-size:12px;margin-top:10px}
.settings-panel output{font-variant-numeric:tabular-nums;color:#ffaacf}
.settings-panel input[type=range]{width:100%;margin:0;height:35px;accent-color:#ee9fca;touch-action:pan-x;cursor:pointer}
.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#bba4c0;margin-top:-3px}
.music-setting{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px}
.music-setting button{min-height:38px;padding:6px 14px;border:1px solid #ee9fca60;border-radius:12px;background:#ee9fca20;color:#ffe1ef;font:inherit}
.music-setting button[aria-pressed=false]{background:#ffffff08;color:#bba4c0}
.music-status{font-size:10px;color:#bba4c0;margin:4px 0 0}
.music-status:empty{display:none}
.settings-panel footer{display:flex;gap:10px;align-items:center;margin-top:14px}
.settings-panel footer button{white-space:nowrap;border:1px solid #ba92b333;border-radius:12px;background:#ffffff09;color:#e6cade;font-size:10px;padding:10px 8px}
#settings-saved{font-size:9px;line-height:1.5;color:#bba4c0}
#scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-1}
.playground:not([data-backdrop=plain]) .topbar{background:#241d35bc;border-radius:16px;padding:8px;left:4%;right:4%;top:2%}
.playground:not([data-backdrop=plain]) .scene-picker{background:#241d35d9}
.playground:not([data-backdrop=plain]) .invitation{background:#241d35c7;left:22%;right:22%;border-radius:22px;padding:14px 4px;opacity:.9}
.playground:not([data-backdrop=plain]).touched .invitation{opacity:0}
.playground:not([data-backdrop=plain]) .status{color:white;text-shadow:0 1px 4px #171528}
.settings-panel{max-height:77%;overflow-y:auto;overscroll-behavior:contain}
.background-label{font-size:12px;font-weight:400;margin:16px 0 8px}
.background-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.background-picker button{padding:3px;border:1px solid #bba4c055;border-radius:12px;background:#20172e88;color:#f7deee;overflow:hidden}
.background-picker button[aria-pressed=true]{border:2px solid #ffaacf;padding:2px;background:#77516c}
.background-picker img{display:block;width:100%;height:54px;object-fit:cover;border-radius:8px}
.background-picker span{display:block;font-size:9px;line-height:1.5;padding:5px 0 3px;white-space:normal}
.background-detail{display:flex;gap:10px;align-items:center;margin-top:8px;color:#bba4c0;font-size:9px}
.background-detail button{border:1px solid #ba92b355;border-radius:9px;padding:6px 10px;background:#ffffff09;color:#e6cade;font-size:10px}
.background-detail button[aria-pressed=true]{border-color:#ffaacf;color:#ffaacf}
#slash-trail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;filter:drop-shadow(0 0 4px #ff80af99)}
#ice-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}