:root{--color-pure-white:#fff;--color-off-white:#f5f5f7;--color-dark-gray:#1d1d1f;--color-medium-gray:#86868b;--color-classic-silver:#bfc2c8;--color-deep-black:#000;--color-primary-blue:#0071e3;--color-vibrant-red:#bf4858;--bg-primary:var(--color-pure-white);--bg-secondary:var(--color-off-white);--bg-tertiary:#ebebef;--text-primary:var(--color-dark-gray);--text-secondary:var(--color-medium-gray);--border-color:#0000001a;--action-primary:var(--color-primary-blue);--action-danger:var(--color-vibrant-red);--glass-bg:#ffffffb3;--glass-panel:#ffffff80;--glass-border:#0000000d;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-glow:0 4px 15px #0071e340;--shadow-glow-danger:0 4px 15px #bf485840;--glow-radial:radial-gradient(circle,#0071e314 0%,#fff0 70%)}[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#a0a0a0;--border-color:#ffffff0d;--action-primary:#0a84ff;--action-danger:#ff453a;--glass-bg:#14191e66;--glass-panel:#ffffff08;--glass-border:#ffffff0d;--shadow-sm:0 4px 12px #0003;--shadow-md:0 8px 32px #0006;--shadow-glow:0 4px 15px #0a84ff66;--shadow-glow-danger:0 4px 15px #ff453a66;--glow-radial:radial-gradient(circle,#0a84ff26 0%,#0000 70%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;background-color:var(--bg-secondary);color:#1d1d1f;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{color:#1d1d1f;color:var(--text-primary);font-family:inherit;margin-top:0}h1{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:20px}h1,h2{letter-spacing:-.5px}h2{font-size:1.5rem;line-height:1.3;margin-bottom:16px}h2,h3{font-weight:600}h3{font-size:1.25rem;line-height:1.4;margin-bottom:12px}label,p,span,td,th{color:#86868b;color:var(--text-secondary);line-height:1.6}a{color:#0071e3;color:var(--action-primary);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}input,select,textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffffb3;background-color:var(--glass-bg);border:1px solid #0000000d;border:1px solid var(--glass-border);border-radius:8px;color:#1d1d1f;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{border-color:#0071e3;border-color:var(--action-primary);box-shadow:0 0 0 2px #0071e3;box-shadow:0 0 0 2px var(--action-primary)}input::placeholder,textarea::placeholder{color:#86868b;color:var(--text-secondary)}.text-primary{color:#1d1d1f;color:var(--text-primary)}.text-secondary{color:#86868b;color:var(--text-secondary)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#f5f5f7;background-color:var(--bg-secondary)}button{cursor:pointer;font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes victoryData{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 #0000;transform:scale(1)}50%{box-shadow:0 5px 15px #0000001a;transform:scale(1.02)}to{box-shadow:0 0 0 #0000;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-victory{animation:victoryData .8s cubic-bezier(.175,.885,.32,1.275)}.animate-shake{animation:shake .5s ease-in-out}.animate-hover{transition:transform .2s,box-shadow .2s}.animate-hover:hover{box-shadow:0 12px 24px #0003!important;transform:translateY(-5px)!important}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.custom-node{border-radius:12px;box-shadow:0 4px 20px #0006;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:180px;transition:all .2s ease}.custom-node:hover{box-shadow:0 8px 30px #00000080;transform:translateY(-2px)}.custom-node.selected{box-shadow:0 0 0 3px #7c3aed99,0 8px 30px #00000080}.trigger-node{background:linear-gradient(135deg,#7f1d1d,#991b1b);border:2px solid #ef4444}.trigger-node .node-header{background:#ef44444d}.condition-node{background:linear-gradient(135deg,#78350f,#92400e);border:2px solid #f59e0b}.condition-node .node-header{background:#f59e0b4d}.action-node{background:linear-gradient(135deg,#064e3b,#065f46);border:2px solid #10b981}.action-node .node-header{background:#10b9814d}.node-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:6px;padding:8px 12px}.node-icon{font-size:14px}.node-type{color:#fffc;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.node-content{padding:12px}.node-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.node-detail{color:#fff9;font-size:11px}.handle{border:2px solid #fff!important;height:12px!important;transition:all .2s ease;width:12px!important}.handle:hover{transform:scale(1.3)}.source-handle{background:#7c3aed!important;bottom:-6px!important}.target-handle{background:#7c3aed!important;top:-6px!important}.trigger-node .source-handle{background:#ef4444!important}.condition-node .source-handle,.condition-node .target-handle{background:#f59e0b!important}.action-node .target-handle{background:#10b981!important}.rule-node-editor{background:#1a1a2e;border:1px solid #7c3aed4d;border-radius:12px;display:flex;flex-direction:column;height:600px;overflow:hidden}.editor-toolbar{align-items:center;background:linear-gradient(135deg,#16213e,#1a1a2e);border-bottom:1px solid #7c3aed4d;display:flex;justify-content:space-between;padding:12px 16px}.editor-toolbar h3{color:#e0e0e0;font-weight:600;margin:0}.node-palette{gap:8px}.add-node{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.add-node.trigger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.add-node.trigger:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.add-node.condition{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.add-node.condition:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.add-node.action{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.add-node.action:hover{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.editor-content{display:flex;flex:1 1;min-height:0}.flow-canvas{background:#0f0f23;flex:1 1}.panel-hint{background:#7c3aed33;border:1px solid #7c3aed66;border-radius:8px;color:#a5b4fc;font-size:12px;padding:8px 12px}.node-properties{background:#16213e;border-left:1px solid #7c3aed4d;overflow-y:auto;padding:16px;width:280px}.node-properties h4{color:#e0e0e0;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.properties-content{display:flex;flex-direction:column;gap:12px}.property-group{display:flex;flex-direction:column;gap:6px}.property-group label{color:#9ca3af;font-size:12px;font-weight:500}.property-group input,.property-group select{background:#1a1a2e;border:1px solid #7c3aed4d;border-radius:8px;color:#e0e0e0;font-size:13px;padding:10px 12px;transition:all .2s ease}.property-group input:focus,.property-group select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33;outline:none}.delete-btn,.property-group select{cursor:pointer}.delete-btn{background:#ef444433;border:1px solid #ef444466;border-radius:8px;color:#f87171;font-size:13px;margin-top:16px;padding:10px 16px;transition:all .2s ease}.delete-btn:hover{background:#ef44444d;border-color:#ef444499}.react-flow__node{border-radius:12px;box-shadow:0 4px 20px #0006}.react-flow__edge-path{stroke-width:2}.react-flow__controls{background:#16213e;border:1px solid #7c3aed4d;border-radius:8px;overflow:hidden}.react-flow__controls-button{background:#16213e;border:none;color:#e0e0e0}.react-flow__controls-button:hover{background:#1e3a5f}.react-flow__controls-button svg{fill:#e0e0e0}.asset-manager{display:flex;flex-direction:column;gap:24px}.asset-generator{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #7c3aed4d;border-radius:12px;padding:24px}.asset-generator h3{color:#e0e0e0;font-size:18px;font-weight:600;margin:0 0 20px}.generator-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{gap:6px}.form-group label{color:#9ca3af;font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#0f0f23;border:1px solid #7c3aed4d;border-radius:8px;color:#e0e0e0;font-size:14px;padding:12px 14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33;outline:none}.form-group textarea{min-height:80px;resize:vertical}.btn-generate{align-items:center;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 25px #7c3aed66;transform:translateY(-2px)}.btn-generate:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.status-message{font-size:13px;margin-top:12px;padding:12px 16px}.status-message.success{background:#10b98133;border:1px solid #10b98166;color:#34d399}.status-message.error{background:#ef444433;border:1px solid #ef444466;color:#f87171}.asset-library{background:#16213e;border:1px solid #7c3aed33;border-radius:12px;padding:24px}.asset-library h3{color:#e0e0e0;font-size:18px;font-weight:600;margin:0 0 20px}.empty-state{color:#6b7280;padding:48px 24px}.asset-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.asset-card{background:#1a1a2e;border:2px solid #0000;border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.asset-card:hover{border-color:#7c3aed80;transform:translateY(-2px)}.asset-card.selected{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed4d}.asset-preview{align-items:center;aspect-ratio:1;background:#0f0f23;display:flex;justify-content:center;position:relative;width:100%}.asset-preview img{height:100%;object-fit:cover;width:100%}.placeholder-icon{font-size:32px;opacity:.5}.ai-badge{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:4px;color:#fff;font-size:9px;font-weight:700;padding:3px 6px;position:absolute;right:6px;top:6px}.asset-info{display:flex;flex-direction:column;gap:2px;padding:10px}.asset-name{color:#e0e0e0;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-type{color:#6b7280;font-size:10px}.btn-delete{align-items:center;background:#ef4444cc;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;left:6px;opacity:0;position:absolute;top:6px;transition:opacity .2s ease;width:24px}.asset-card:hover .btn-delete{opacity:1}.btn-delete:hover{background:#ef4444}.game-author-page{color:var(--text-primary);margin:0 auto;max-width:1200px;padding:2rem}.author-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.author-header h1{color:var(--text-primary);font-size:1.8rem;margin:0}.author-actions{display:flex;gap:.75rem}.author-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease}.btn-primary{background:var(--action-primary);color:var(--color-pure-white)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #0071e34d;opacity:.9;transform:translateY(-2px)}.btn-secondary{background:#0000;border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--action-primary)}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;opacity:.9;transform:translateY(-2px)}.btn-primary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.5;transform:none}.status-message{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.status-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .2s}.status-message button:hover{opacity:1}.validation-results{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:1rem;padding:1rem}.validation-error{color:#ef4444;margin-bottom:.5rem}.validation-warning{color:#f59e0b;margin-bottom:.5rem}.author-meta{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 2fr;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--action-primary);box-shadow:0 0 0 3px #0071e31a;outline:none}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1 1}.author-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.author-tabs button{background:#0000;border:none;border-radius:8px 8px 0 0;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;transition:all .2s ease}.author-tabs button:hover{background:var(--bg-secondary);color:var(--text-primary)}.author-tabs button.active{background:var(--action-primary);color:var(--color-pure-white)}.author-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;min-height:400px;padding:1.5rem}.author-content h2{color:var(--text-primary);font-size:1.4rem;margin-bottom:1rem;margin-top:0}.author-content h3{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem;margin-top:1.5rem}.board-designer{max-width:600px}.board-preview{margin-top:1rem}.board-cell{border-radius:2px;transition:all .2s ease}.board-cell:hover{opacity:.8}.piece-manager{max-width:800px}.btn-add{background:var(--action-primary);border:none;border-radius:8px;color:var(--color-pure-white);cursor:pointer;font-weight:600;margin-bottom:1rem;padding:.6rem 1.2rem;transition:all .2s ease}.btn-add:hover{box-shadow:0 4px 12px #0071e34d;opacity:.9;transform:translateY(-2px)}.pieces-list{grid-gap:1rem;display:grid;gap:1rem}.piece-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.piece-card:hover{border-color:var(--action-primary)}.piece-preview{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;width:60px}.piece-preview img{border-radius:8px;height:100%;object-fit:contain;width:100%}.piece-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.piece-details input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:.5rem}.piece-details input:first-child{font-size:1.1rem;font-weight:600}.piece-details input:last-child{color:var(--text-secondary);font-size:.85rem}.btn-remove{background:var(--action-danger);border:none;border-radius:8px;color:#fff;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.btn-remove:hover{opacity:.8}.empty-state{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);padding:3rem;text-align:center}.rules-editor{display:flex;flex-direction:column;gap:1rem}.editor-hint{color:var(--text-secondary);font-size:.95rem}.node-palette{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;padding:1rem}.node-palette h4{color:var(--text-secondary);font-size:.9rem;margin:0}.node-type{border-radius:6px;cursor:grab;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.node-type.trigger{background:#3b82f633;border:1px solid #3b82f666;color:#3b82f6}.node-type.condition{background:#f59e0b33;border:1px solid #f59e0b66;color:#f59e0b}.node-type.action{background:#10b98133;border:1px solid #10b98166;color:#10b981}.node-type:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.node-canvas{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;display:flex;justify-content:center;min-height:300px}.canvas-placeholder{color:var(--text-secondary);padding:2rem;text-align:center}.canvas-placeholder p{margin:.5rem 0}.canvas-placeholder p:first-child{font-size:1.5rem}.game-preview{align-items:center;display:flex;flex-direction:column}.preview-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.preview-board{margin:1rem 0}.preview-cell{border-radius:2px;transition:all .2s ease}.preview-cell:hover{box-shadow:inset 0 0 0 3px var(--action-primary);opacity:.8}.preview-info{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;min-width:200px;padding:1.5rem}.preview-info h3{color:var(--text-primary);font-size:1.3rem;margin-top:0}.preview-info p{color:var(--text-secondary);margin-bottom:1rem}.preview-info ul{list-style:none;margin:0;padding:0}.preview-info li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.5rem 0}.preview-info li:last-child{border-bottom:none}@media (max-width:768px){.game-author-page{padding:1rem}.author-header{align-items:stretch;flex-direction:column;gap:1rem}.author-actions{justify-content:center}.author-meta{grid-template-columns:1fr}.author-tabs{flex-wrap:wrap}.form-row,.preview-container{flex-direction:column}.preview-container{align-items:center}}.status-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.status-badge.Draft{background-color:#fbbf2426;color:#fbbf24}.status-badge.Published{background-color:#10b98126;color:#34d399}.status-badge.Archived,.status-badge.Unknown,.status-badge.Unspecified{background-color:#6b728026;color:#9ca3af}
/*# sourceMappingURL=main.2ee6f4d7.css.map*/