:root{--bg-primary:#1e130c;--bg-secondary:#2c1a11;--bg-editor:#f4ecd8;--text-primary:#f4ecd8;--text-secondary:#a98f7c;--text-editor:#2c1a11;--border-color:#d4af37;--accent-color:#e5b93c;--accent-hover:#fcd55c;--accent-rgb:212, 175, 55;--panel-bg:#3d2314;--panel-header-bg:#22120a;--font-ui:"Press Start 2P", "Pixelify Sans", monospace;--font-editor:"Courier Prime", Courier, monospace;--border-style:double;--border-width:6px;--box-shadow-inset:inset -4px -4px 0 0 #120905;--crt-glow:none;--scanline-opacity:.015}.theme-fantasy{--bg-primary:#1c110a;--bg-secondary:#2b1810;--bg-editor:#f5eedc;--text-primary:#f5eedc;--text-secondary:#b59275;--text-editor:#2b1810;--border-color:#c99c33;--accent-color:#e5a922;--accent-hover:#ffcf59;--accent-rgb:229, 169, 34;--panel-bg:#3a2216;--panel-header-bg:#22120a;--font-ui:"Press Start 2P", "Pixelify Sans", system-ui, sans-serif;--font-editor:"Courier Prime", Courier, monospace;--border-style:double;--border-width:6px;--scanline-opacity:.015}.theme-cozy{--bg-primary:#3d2e2b;--bg-secondary:#4d3d3a;--bg-editor:#fdfaf6;--text-primary:#faefec;--text-secondary:#c5b4b0;--text-editor:#3d2e2b;--border-color:#a67c52;--accent-color:#dd9c74;--accent-hover:#e8b394;--accent-rgb:221, 156, 116;--panel-bg:#594744;--panel-header-bg:#443431;--font-ui:"Press Start 2P", "Pixelify Sans", system-ui, sans-serif;--font-editor:"Courier Prime", Courier, monospace;--border-style:solid;--border-width:4px;--scanline-opacity:.015}.theme-horror{--bg-primary:#0f0505;--bg-secondary:#1a0b0b;--bg-editor:#e5dfd5;--text-primary:#f2e6e6;--text-secondary:#f88;--text-editor:#1c0505;--border-color:#8b0000;--accent-color:#f33;--accent-hover:#f66;--accent-rgb:255, 51, 51;--panel-bg:#1e0909;--panel-header-bg:#0d0303;--font-ui:"Press Start 2P", "Creepster", system-ui, sans-serif;--font-editor:"Courier Prime", Courier, monospace;--border-style:dashed;--border-width:4px;--crt-glow:0 0 5px #f336;--scanline-opacity:.02;animation:5s infinite subtle-flicker}.theme-spaceship{--bg-primary:#080b10;--bg-secondary:#0d131a;--bg-editor:#07090d;--text-primary:#3f3;--text-secondary:#1f991f;--text-editor:#3f3;--border-color:#1f991f;--accent-color:#0ff;--accent-hover:#80ffff;--accent-rgb:0, 255, 255;--panel-bg:#0c1821;--panel-header-bg:#050b10;--font-ui:"Press Start 2P", "Pixelify Sans", monospace;--font-editor:"Courier Prime", Courier, monospace;--border-style:solid;--border-width:3px;--crt-glow:0 0 8px #00ffff80;--scanline-opacity:.05}*{box-sizing:border-box;image-rendering:pixelated;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--bg-primary);margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary);border:1px solid var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}body{font-family:var(--font-ui);background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}#root{flex-direction:column;height:100%;display:flex;position:relative}.crt-overlay{pointer-events:none;z-index:9999;opacity:var(--scanline-opacity);background:repeating-linear-gradient(#0000 0 2px,#0000001f 2px 4px);position:absolute;inset:0}.crt-glow{text-shadow:var(--crt-glow)}.pixel-panel{background-color:var(--panel-bg);border:var(--border-width) var(--border-style) var(--border-color);padding:12px;position:relative}.pixel-panel-header{background-color:var(--panel-header-bg);border-bottom:var(--border-width) var(--border-style) var(--border-color);text-transform:uppercase;letter-spacing:1px;margin:-12px -12px 12px;padding:8px 12px;font-size:.8rem;font-weight:700}.pixel-btn{background-color:var(--bg-secondary);color:var(--text-primary);border:3px solid var(--border-color);font-family:var(--font-ui);cursor:pointer;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:.75rem;transition:transform .1s;display:inline-flex}.pixel-btn:hover:not(:disabled){background-color:var(--accent-color);color:var(--bg-primary);border-color:var(--text-primary);box-shadow:0 0 var(--crt-glow)}.pixel-btn:active:not(:disabled){transform:scale(.95)}.pixel-btn:disabled{opacity:.5;cursor:not-allowed}.pixel-btn-accent{background-color:var(--accent-color);color:var(--bg-primary)}.pixel-btn-accent:hover:not(:disabled){background-color:var(--accent-hover)}.pixel-input{background-color:var(--bg-primary);color:var(--text-primary);border:2px solid var(--border-color);font-family:var(--font-ui);outline:none;padding:8px;font-size:.75rem}.pixel-input:focus{border-color:var(--accent-color)}.app-container{grid-template-rows:60px 1fr;grid-template-columns:260px 1fr 340px;height:100vh;transition:grid-template-columns .3s;display:grid}.app-container.distraction-free{grid-template-columns:0 1fr 0}.app-header{background-color:var(--bg-secondary);border-bottom:var(--border-width) var(--border-style) var(--border-color);z-index:100;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.logo-text{letter-spacing:1px;font-size:1.1rem;font-weight:700}.header-controls{align-items:center;gap:16px;display:flex}.sidebar-panel{background-color:var(--bg-secondary);border-right:var(--border-width) var(--border-style) var(--border-color);flex-direction:column;transition:width .3s;display:flex;overflow:hidden}.app-container.distraction-free .sidebar-panel{border-right:none}.rpg-panel{background-color:var(--bg-secondary);border-left:var(--border-width) var(--border-style) var(--border-color);flex-direction:column;transition:width .3s;display:flex;overflow:hidden}.app-container.distraction-free .rpg-panel{border-left:none}.editor-panel{background-color:var(--bg-primary);flex-direction:column;display:flex;position:relative;overflow:hidden}@keyframes screenshake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.shake-animation{animation:.15s screenshake}@keyframes flashRed{0%{filter:invert(0%)sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}50%{filter:invert(15%)sepia(95%)saturate(7400%)hue-rotate(358deg)brightness(95%)contrast(112%)}to{filter:invert(0%)sepia(0%)saturate(0%)hue-rotate()brightness()contrast()}}.flash-red-animation{animation:.2s flashRed}@keyframes subtle-flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:.99}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.94}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-50px)scale(.8)}}.floating-text{font-family:var(--font-ui);color:var(--accent-color);pointer-events:none;z-index:1000;text-shadow:2px 2px #000;font-size:.75rem;font-weight:700;animation:.8s ease-out forwards floatUp;position:absolute}.dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pixel-dialog{width:500px;max-width:90%;max-height:85vh;overflow-y:auto}.dialog-buttons{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.cozy-steam-container{justify-content:center;gap:4px;height:20px;display:flex}.steam-particle{background-color:#dd9c744d;border-radius:50%;width:3px;height:8px;animation:2s ease-in-out infinite steamRise}.steam-particle:nth-child(2){animation-delay:.6s}.steam-particle:nth-child(3){animation-delay:1.2s}@keyframes steamRise{0%{opacity:0;transform:translateY(5px)scaleX(1)}50%{opacity:.5;transform:translateY(-3px)scaleX(1.5)}to{opacity:0;transform:translateY(-12px)scaleX(.8)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.horror-glitch:hover{animation:.3s infinite glitch}.challenge-timer{font-family:var(--font-ui);color:var(--text-primary);border:2px solid var(--border-color);background-color:var(--bg-primary);justify-content:center;align-items:center;gap:6px;margin-bottom:8px;padding:4px 8px;font-size:.8rem;display:flex}.timer-low{animation:1s step-end infinite blink-red;color:#ef4444!important}@keyframes blink-red{0%,to{opacity:1}50%{opacity:.4}}.pixel-slider{appearance:none;background:var(--bg-primary);border:2px solid var(--border-color);cursor:pointer;outline:none;width:70px;height:12px}.pixel-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-color);border:1px solid var(--text-primary);cursor:pointer;width:8px;height:16px}.pixel-slider::-moz-range-thumb{background:var(--accent-color);border:1px solid var(--text-primary);cursor:pointer;border-radius:0;width:8px;height:16px}.theme-witch{--bg-primary:#120c1f;--bg-secondary:#1a0f2e;--bg-editor:#0c0814;--text-primary:#a3ff1a;--text-secondary:#d185ff;--text-editor:#a3ff1a;--border-color:#8a2be2;--accent-color:#f0f;--accent-hover:#f6f;--accent-rgb:255, 0, 255;--panel-bg:#1f1235;--panel-header-bg:#0f071c;--font-ui:"Press Start 2P", "VT323", monospace;--font-editor:"Share Tech Mono", Courier, monospace;--border-style:solid;--border-width:4px;--crt-glow:0 0 6px #a3ff1a66;--scanline-opacity:.04;animation:6s infinite alternate witch-glow}@keyframes witch-glow{0%{box-shadow:inset 0 0 10px #8a2be233}to{box-shadow:inset 0 0 25px #ff00ff40}}.arcade-marquee-container{background-color:var(--panel-header-bg);border-top:var(--border-width) var(--border-style) var(--border-color);white-space:nowrap;box-sizing:border-box;z-index:55;width:100%;padding:8px 0;position:absolute;bottom:0;left:0;overflow:hidden}.arcade-marquee-text{color:var(--accent-color);text-transform:uppercase;font-size:.65rem;font-family:var(--font-ui);padding-left:100%;animation:35s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(0,0)}to{transform:translate(-100%)}}@media (width<=900px){.app-container{height:100dvh;overflow:hidden;grid-template-rows:50px 1fr 55px!important;grid-template-columns:1fr!important}.sidebar-panel,.rpg-panel,.editor-panel{-webkit-overflow-scrolling:touch;overflow-y:auto;border-left:none!important;border-right:none!important;width:100%!important;height:100%!important}.app-header{overflow:hidden;height:50px!important;padding:0 10px!important}.header-controls{gap:6px!important}.pixel-panel-header{padding:6px 8px!important;font-size:.65rem!important}.pixel-btn{padding:5px 7px!important;font-size:.6rem!important}.mobile-nav-bar{background-color:var(--panel-bg);border-top:var(--border-width) var(--border-style) var(--border-color);z-index:1000;box-sizing:border-box;justify-content:space-around;align-items:center;width:100%;height:55px;padding:4px;display:flex;position:fixed;bottom:0;left:0}.floating-text{z-index:999}.editor-panel textarea{-webkit-text-size-adjust:none!important;flex:1!important;min-height:0!important;font-size:1rem!important}.battle-monster-area{flex-shrink:1!important;min-height:0!important}.pixel-dialog{width:95%!important;max-width:400px!important}body{overscroll-behavior:none;touch-action:pan-y}}