.kon-baraja-builder-wrapper{color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:20px 0}.kon-builder-app{background:#0f172a;border:1px solid #1e293b;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:24px}.kon-builder-header{border-bottom:1px solid #1e293b;margin-bottom:24px;padding-bottom:20px}.kon-builder-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.kon-builder-brand{align-items:center;display:flex;gap:12px}.kon-builder-brand h2{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;color:#f8fafc;font-size:24px;font-weight:700;margin:0;-webkit-text-fill-color:transparent}.kon-builder-subtitle{color:#94a3b8;font-size:14px;margin:4px 0 0}.kon-builder-user-badge{background:#1e293b;border:1px solid #334155;border-radius:20px;color:#38bdf8;font-size:13px;padding:6px 14px}.kon-incentive-bar-container{background:#1e293b;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:14px 18px}.kon-steps-nav{justify-content:space-between}.kon-step-item,.kon-steps-nav{align-items:center;display:flex}.kon-step-item{gap:8px;opacity:.5;transition:opacity .2s ease}.kon-step-item.active{opacity:1}.kon-step-number{align-items:center;background:#334155;border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.kon-step-item.active .kon-step-number{background:#3b82f6;box-shadow:0 0 10px rgba(59,130,246,.5)}.kon-step-label{font-size:13px;font-weight:600}.kon-step-line{background:#334155;flex:1;height:2px;margin:0 12px}.kon-step-line.active{background:#3b82f6}.kon-incentive-pill{align-items:center;background:rgba(59,130,246,.1);border:1px dashed #3b82f6;border-radius:8px;color:#93c5fd;display:flex;font-size:13px;gap:8px;padding:8px 12px}.kon-form-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:20px}.kon-card-title{color:#f1f5f9;font-size:18px;margin:0 0 4px}.kon-card-desc{color:#94a3b8;font-size:13px;margin:0 0 16px}.kon-form-group{margin-bottom:16px}.kon-form-group label{color:#cbd5e1;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.kon-input,.kon-select,.kon-textarea{background:#0f172a;border:1px solid #334155;border-radius:8px;box-sizing:border-box;color:#f8fafc;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.kon-input:focus,.kon-select:focus,.kon-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.kon-form-row{display:flex;gap:12px}.flex-1{flex:1}.flex-2{flex:2}.kon-type-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.kon-type-card{background:#0f172a;border:2px solid #334155;border-radius:10px;cursor:pointer;padding:14px;text-align:center;transition:all .2s ease}.kon-type-card:hover{border-color:#64748b;transform:translateY(-2px)}.kon-type-card.selected{background:rgba(59,130,246,.08);border-color:#3b82f6}.kon-type-card[data-type=boardgame].selected{background:rgba(99,102,241,.1);border-color:#6366f1;box-shadow:0 0 16px rgba(99,102,241,.2)}.kon-type-card[data-type=tradicional].selected{background:rgba(245,158,11,.1);border-color:#f59e0b;box-shadow:0 0 16px rgba(245,158,11,.2)}.kon-type-card[data-type=tarjetas].selected{background:rgba(16,185,129,.1);border-color:#10b981;box-shadow:0 0 16px rgba(16,185,129,.2)}.kon-type-icon{font-size:26px;margin-bottom:6px}.kon-type-card h4{color:#f8fafc;font-size:13px;line-height:1.3;margin:4px 0}.kon-type-card p{color:#94a3b8;font-size:11px;line-height:1.4;margin:0}.kon-groups-tags{display:flex;flex-wrap:wrap;gap:8px}.kon-tag{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.kon-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:all .2s ease}.kon-btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.kon-btn-primary:hover{box-shadow:0 4px 14px rgba(99,102,241,.4);filter:brightness(1.1)}.kon-btn-secondary{background:#334155;color:#cbd5e1}.kon-btn-secondary:hover{background:#475569;color:#fff}.kon-btn-pulse{animation:konPulse 2s infinite}@keyframes konPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.5)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.kon-designer-grid{display:grid;gap:20px;grid-template-columns:1.2fr .8fr}@media (max-width:800px){.kon-designer-grid,.kon-type-grid{grid-template-columns:1fr}}.kon-badge-local{background:#f59e0b;border-radius:12px;color:#0f172a;font-size:11px;font-weight:700;padding:3px 8px}.kon-file-upload-wrap{position:relative}.kon-file-input{display:none}.kon-file-btn{background:#0f172a;border:1px dashed #475569;border-radius:8px;color:#cbd5e1;cursor:pointer;display:block;font-size:13px;padding:10px;text-align:center;transition:border-color .2s}.kon-file-btn:hover{border-color:#3b82f6;color:#38bdf8}.kon-preview-side{align-items:center;display:flex;flex-direction:column}.kon-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;width:100%}.kon-preview-header h4{color:#cbd5e1;font-size:14px;margin:0}.kon-preview-badge{background:rgba(56,189,248,.1);border-radius:10px;color:#38bdf8;font-size:11px;padding:2px 8px}.kon-card-canvas{display:flex;justify-content:center;padding:10px 0;perspective:1000px;width:100%}.kon-playing-card{background:linear-gradient(145deg,#1e1e2f,#2d2b55);border:4px solid #f1c40f;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.6);min-height:360px;padding:12px;transform-style:preserve-3d;transition:transform .1s ease-out;width:250px}.kon-playing-card.tradicional{background:linear-gradient(145deg,#2c3e50,#1a252f);border-color:#e74c3c}.kon-card-inner{display:flex;flex-direction:column;gap:8px;height:100%}.kon-card-top-bar{align-items:center;background:rgba(0,0,0,.4);border-radius:8px;display:flex;justify-content:space-between;padding:6px 10px}.kon-card-title-text{color:#fff;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kon-card-badge-tag{background:#f39c12;border-radius:4px;color:#000;font-size:10px;font-weight:800;padding:2px 6px}.kon-card-media{align-items:center;background:#000;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;height:150px;justify-content:center;overflow:hidden}.kon-card-art{height:100%;object-fit:cover;width:100%}.kon-card-media-placeholder{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:4px}.kon-card-body-text{background:rgba(0,0,0,.4);border-radius:8px;flex:1;padding:8px 10px}.kon-card-body-text p{color:#e2e8f0;font-size:11px;line-height:1.4;margin:0}.kon-card-footer{color:#94a3b8;display:flex;font-size:10px;justify-content:space-between;padding-top:4px}.kon-incentive-box{background:#1e293b;border:1px solid #334155;border-radius:10px;box-sizing:border-box;display:flex;gap:10px;margin-top:16px;padding:12px;width:100%}.kon-incentive-icon{font-size:22px}.kon-incentive-content strong{color:#f1f5f9;display:block;font-size:13px}.kon-incentive-content p{color:#94a3b8;font-size:12px;margin:2px 0 0}.kon-modal-overlay{align-items:center;backdrop-filter:blur(6px);background:rgba(0,0,0,.85);box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100vw;z-index:999999}.kon-modal-card{background:#0f172a;border:1px solid #334155;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.8);max-width:480px;padding:24px;position:relative;width:100%}.kon-modal-close-btn{color:#94a3b8;cursor:pointer;font-size:24px;position:absolute;right:18px;top:14px}.kon-modal-badge{background:rgba(59,130,246,.2);border-radius:20px;color:#60a5fa;display:inline-block;font-size:11px;font-weight:700;margin-bottom:8px;padding:4px 10px}.kon-modal-header h3{color:#f8fafc;font-size:20px;margin:0 0 6px}.kon-modal-header p{color:#94a3b8;font-size:13px;line-height:1.4;margin:0 0 16px}.kon-auth-tabs{border-bottom:1px solid #334155;display:flex;margin-bottom:16px}.kon-tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:#94a3b8;cursor:pointer;flex:1;font-size:14px;font-weight:600;padding:10px}.kon-tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.kon-auth-msg{font-size:12px;margin-top:10px;text-align:center}.kon-auth-loading{color:#38bdf8}.kon-workshop-banner{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:12px;display:flex;justify-content:space-between;padding:20px}.kon-tag-online{background:rgba(34,197,94,.2);border-radius:12px;color:#4ade80;font-size:11px;font-weight:700;padding:3px 8px}.kon-progress-stats{min-width:180px;text-align:right}.kon-stat-number{color:#38bdf8;font-size:24px;font-weight:800}.kon-stat-label{color:#94a3b8;font-size:12px;margin-bottom:6px}.kon-progress-track{background:#334155;border-radius:4px;height:8px;overflow:hidden;width:100%}.kon-progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);height:100%;transition:width .3s ease}.kon-summary-card{background:#1e293b;border:1px solid #334155;border-radius:12px;box-sizing:border-box;padding:16px;width:100%}.kon-summary-card h4{color:#f1f5f9;margin:0 0 10px}.kon-summary-list{font-size:13px;line-height:1.8;list-style:none;margin:0 0 16px;padding:0}.kon-alert-error{color:#ef4444;display:block;font-size:13px;margin-top:8px}.kon-fade-in{animation:konFadeIn .3s ease-in}@keyframes konFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kon-playing-card.tarjetas{background:linear-gradient(145deg,#0f2027,#1a3a2a);border-color:#10b981}.kon-playing-card.kon-flashcard{position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1)}.kon-playing-card.kon-flashcard.flipped{transform:rotateY(180deg)}.kon-card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.kon-card-front{background:inherit;z-index:2}.kon-card-back-face{background:linear-gradient(145deg,#1a2c1a,#0d1f15);border:3px solid #10b981;transform:rotateY(180deg);z-index:1}.kon-playing-card.kon-flashcard{min-height:360px}.kon-card-back-face .kon-card-inner{display:flex;flex-direction:column;gap:8px;height:100%;padding:12px}.kon-face-label{background:rgba(16,185,129,.25);border-radius:4px;color:#34d399;font-size:10px;font-weight:700;padding:2px 6px;white-space:nowrap}.kon-face-back{background:rgba(99,102,241,.25);color:#a5b4fc}.kon-back-body{align-items:center;background:rgba(0,0,0,.4);border-radius:8px;display:flex;flex:1;justify-content:center;padding:12px}.kon-back-body p{color:#e2e8f0;font-size:14px;line-height:1.5;margin:0;text-align:center}.kon-flip-btn{background:rgba(16,185,129,.15);border:1px solid #10b981;border-radius:20px;color:#34d399;cursor:pointer;font-size:12px;font-weight:700;padding:5px 12px;transition:background .2s,transform .2s}.kon-flip-btn:hover{background:rgba(16,185,129,.3);transform:scale(1.04)}.kon-cards-gallery-section{background:#1e293b;border:1px solid #334155;border-radius:12px;box-sizing:border-box;margin-top:20px;padding:16px;width:100%}.kon-gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.kon-gallery-header h4{color:#f1f5f9;font-size:14px;margin:0}.kon-gallery-count{background:rgba(59,130,246,.2);border-radius:10px;color:#60a5fa;font-size:11px;font-weight:700;padding:2px 8px}.kon-cards-gallery{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));max-height:260px;overflow-y:auto}.kon-gallery-card{background:#0f172a;border:1px solid #334155;border-radius:8px;cursor:default;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s}.kon-gallery-card:hover{border-color:#60a5fa}.kon-gallery-card-img{align-items:center;background:#1e293b;display:flex;font-size:18px;height:50px;justify-content:center;overflow:hidden}.kon-gallery-card-img img{height:100%;object-fit:cover;width:100%}.kon-gallery-card-info{display:flex;flex-direction:column;gap:2px;padding:4px 6px}.kon-gallery-card-info strong{color:#38bdf8;font-size:10px}.kon-gallery-card-info span{color:#94a3b8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kon-gallery-back-indicator{color:#34d399;font-size:9px;font-style:normal}