body,html{margin:0;padding:0;height:100%;font-family:sans-serif;background-color:#000;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto}.container{position:relative;height:100%}.nav{position:fixed;top:0;left:0;width:320px;height:100%;display:flex;flex-direction:column;padding:0;background-color:#1a1a1a;border-right:1px solid #333;transform:translate(-100%);transition:transform .3s cubic-bezier(.215,.61,.355,1);z-index:1000;overflow-y:auto}.nav.open{transform:translate(0)}.nav-header{padding:20px;border-bottom:1px solid #333;background-color:#2a2a2a;flex-shrink:0}.nav-title{margin:0;font-size:16px;font-weight:600;color:#fff}.nav-content{flex:1;padding:20px;overflow-y:auto}.config-section{margin-bottom:24px;background-color:#2a2a2a;border:1px solid #404040;border-radius:8px;overflow:hidden}.config-section-header{padding:16px 20px;background-color:#333;border-bottom:1px solid #404040;cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.config-section-header:hover{background-color:#3a3a3a}.config-section-title{margin:0;font-size:14px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.config-section-toggle{font-size:12px;color:#b3b3b3;transition:transform .2s cubic-bezier(.215,.61,.355,1)}.config-section.collapsed .config-section-toggle{transform:rotate(-90deg)}.config-section-content{padding:16px 20px;max-height:1000px;overflow:hidden;transition:all .3s cubic-bezier(.215,.61,.355,1)}#theme-controls.config-section-content{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#404040 #2a2a2a}#theme-controls.config-section-content::-webkit-scrollbar{width:6px}#theme-controls.config-section-content::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}#theme-controls.config-section-content::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}#theme-controls.config-section-content::-webkit-scrollbar-thumb:hover{background:#555}.theme-color-group{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #333}.theme-color-group:last-child{border-bottom:none;margin-bottom:0}.theme-color-group-title{font-size:11px;color:#888;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding-left:2px}.config-section.collapsed .config-section-content{max-height:0;padding-top:0;padding-bottom:0}.config-section.collapsed #theme-controls.config-section-content{max-height:0!important;overflow:hidden!important}.nav a{display:block;margin-bottom:8px;padding:12px 16px;text-decoration:none;color:#e0e0e0;background-color:#333;border:1px solid #404040;border-radius:6px;text-align:center;font-size:14px;font-weight:500;transition:all .2s ease}.nav a:hover{background-color:#3a3a3a;border-color:#555;color:#fff;transform:translateY(-1px)}.config-field{margin-bottom:12px}.config-field label{display:block;font-size:12px;margin-bottom:4px;color:#b3b3b3;font-weight:500}.config-field input,.config-field select,.config-field textarea{width:100%;padding:8px 12px;background-color:#1a1a1a;color:#e0e0e0;border:1px solid #404040;border-radius:6px;font-size:13px;box-sizing:border-box;transition:all .2s ease}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:none;border-color:#555;background-color:#2a2a2a}.config-field textarea{height:100px;font-family:SF Mono,Monaco,Cascadia Code,monospace;resize:vertical;font-size:12px;line-height:1.4}.toggle-field{display:flex;align-items:center;gap:8px}.toggle-field input[type=checkbox]{width:auto;margin:0}.status-indicator{padding:8px 12px;border-radius:6px;font-size:12px;margin-bottom:12px;font-weight:500}.status-indicator.valid{background-color:#1a2e1a;color:#4ade80;border:1px solid #16a34a}.status-indicator.invalid{background-color:#2e1a1a;color:#f87171;border:1px solid #dc2626}.status-indicator.warning{background-color:#2e2a1a;color:#fbbf24;border:1px solid #d97706}.config-button{background-color:#333;color:#e0e0e0;border:1px solid #404040;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.config-button:hover{background-color:#3a3a3a;border-color:#555;color:#fff}.config-button.danger{background-color:#2e1a1a;color:#f87171;border-color:#dc2626}.config-button.danger:hover{background-color:#3e2a2a;color:#fca5a5}.config-button.primary{background-color:#1a2e1a;color:#4ade80;border-color:#16a34a}.config-button.primary:hover{background-color:#2a3e2a;color:#86efac}.theme-editor{position:fixed;top:0;right:0;width:340px;max-width:90vw;height:100%;background-color:#1a1a1a;color:#fff;border-left:1px solid #333;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.215,.61,.355,1);z-index:1000}.theme-editor.open{transform:translate(0)}.theme-editor-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #333;background-color:#2a2a2a;flex-shrink:0}.theme-editor-title{margin:0;font-size:16px;font-weight:600;color:#fff}.theme-editor-actions{display:flex;gap:8px}.theme-editor-actions button{background:#333;color:#e0e0e0;border:1px solid #404040;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.theme-editor-actions button:hover{background-color:#3a3a3a;border-color:#555;color:#fff}.theme-editor-body{padding:20px;overflow-y:auto;flex:1;background-color:#1a1a1a}.theme-row{display:grid;grid-template-columns:1fr auto 110px;align-items:center;gap:10px;margin-bottom:8px;padding:4px 0}.theme-row label{font-size:13px;color:#e0e0e0;font-weight:500}.color-picker-container{display:flex;align-items:center;gap:4px;position:relative}.color-picker{width:32px;height:32px;border:none;background:transparent;padding:0;cursor:pointer;border-radius:6px;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0;border:none;border-radius:6px}.color-picker::-webkit-color-swatch{border:none;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff1a}.color-picker::-moz-color-swatch{border:none;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff1a}.color-preview{width:20px;height:32px;border-radius:4px;cursor:pointer;border:1px solid #404040;transition:all .2s ease;position:relative;overflow:hidden}.color-preview:hover{border-color:#555;transform:scale(1.05)}.color-preview:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;z-index:-1}.hex-input{font-family:SF Mono,Monaco,Cascadia Code,monospace!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.5px}.theme-row input[type=text]{height:32px;padding:6px 10px;background:#2a2a2a;color:#e0e0e0;border:1px solid #404040;border-radius:6px;font-size:13px;transition:all .2s ease}.theme-row input[type=text]:focus{outline:none;border-color:#555;background-color:#3a3a3a}.theme-row select{height:32px;padding:6px 10px;background:#2a2a2a;color:#e0e0e0;border:1px solid #404040;border-radius:6px;font-size:13px;transition:all .2s ease}.theme-row select:focus{outline:none;border-color:#555;background-color:#3a3a3a}#app{width:100%;height:100%;position:relative;z-index:1}origami-game-provider-wrapper{display:block;width:100%;height:100%}.sidebar-toggle{position:fixed;bottom:20px;z-index:1001;width:56px;height:56px;border-radius:50%;background-color:#2a2a2a;color:#e0e0e0;border:2px solid #404040;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;transition:all .3s cubic-bezier(.215,.61,.355,1);box-shadow:0 2px 8px #0000004d}.sidebar-toggle:hover{background-color:#3a3a3a;border-color:#555;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0006}.sidebar-toggle:active{transform:scale(.95)}.sidebar-toggle.left{left:20px}.sidebar-toggle.right{right:20px}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:999;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.215,.61,.355,1)}.sidebar-overlay.active{opacity:1;visibility:visible}@media(max-width:768px){.nav{width:280px}.theme-editor{width:300px}.sidebar-toggle{width:48px;height:48px;font-size:18px}.theme-row{grid-template-columns:1fr auto 90px;gap:8px}}@media(max-width:480px){.nav,.theme-editor{width:100vw}}