body{background-color:#f4f7f6;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-toggle-btn{align-items:center;background-color:#3498db;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:1100}.header-toggle-btn:hover{background-color:#2980b9;transform:scale(1.1)}.container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;margin:auto;max-width:1800px;padding:2rem}header{animation:fadeIn .5s ease;margin-bottom:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}header h1{color:#2c3e50;margin-bottom:1rem}.layout-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.edit-btn{background-color:#fff;border:2px solid #3498db;border-radius:8px;color:#3498db;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.edit-btn.active{animation:pulse 2s infinite;background-color:#3498db;color:#fff}.edit-btn:hover{box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}@keyframes pulse{0%,to{box-shadow:0 0 #3498db66}50%{box-shadow:0 0 0 10px #3498db00}}.reset-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.reset-btn{background-color:#e74c3c;color:#fff}.reset-btn:hover{background-color:#c0392b}.save-btn{background-color:#27ae60;color:#fff}.save-btn:hover{background-color:#229954}.grid-size-control{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.grid-size-control select{border:1px solid #ddd;border-radius:4px;padding:.25rem .5rem}.grid-container{border:2px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;overflow:hidden}.grid-container,.grid-layout{min-height:800px;position:relative}.grid-layout{background-color:#fafafa;height:100%;width:100%}.grid-layout.edit-mode{background-color:#f8f9fa}.grid-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.edit-mode .grid-item{border:2px solid #3498db;cursor:grab}.edit-mode .grid-item:hover{box-shadow:0 4px 16px #3498db4d;transform:translateZ(0)}.edit-mode .grid-item:active{cursor:grabbing}.item-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem;position:relative}.edit-mode .item-header{background-color:#ebf3fd;cursor:grab}.item-header h2{border-bottom:none;color:#34495e;font-size:1.1rem;margin:0;padding-bottom:0}.item-controls{display:flex;gap:.5rem}.drag-handle,.resize-handle{background-color:#3498db;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle:hover,.resize-handle:hover{background-color:#2980b9;transform:scale(1.1)}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.resize-handle{cursor:nw-resize}.item-content{flex:1;overflow:auto;padding:1.5rem}.edit-mode .item-content button,.edit-mode .item-content input,.edit-mode .item-content select{opacity:.7;pointer-events:none}.position-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3498dbe6;border-radius:6px;color:#fff;font-family:monospace;font-size:.9rem;padding:.5rem 1rem;position:fixed;right:10px;top:10px;z-index:2000}.instructions{background-color:#e8f4fd;border:1px solid #3498db;border-radius:6px;margin-bottom:1rem;padding:1rem;text-align:center}.chart-container{height:100%;min-height:300px;position:relative}.controls-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.input-group{display:flex;flex-direction:column}.input-group label{color:#555;font-weight:700;margin-bottom:.5rem}.input-group input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.input-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.next-steps-table,.tiers-reference-table{border-collapse:collapse;font-size:.9rem;width:100%}.next-steps-table td,.next-steps-table th,.tiers-reference-table td,.tiers-reference-table th{border-bottom:1px solid #e0e0e0;padding:.75rem .5rem;text-align:left;vertical-align:middle}.next-steps-table th,.tiers-reference-table th{background-color:#f8f9fa;font-weight:600}.next-steps-table tbody tr:hover{background-color:#f1f1f1}.tiers-reference-table td,.tiers-reference-table th{border:1px solid #e0e0e0}.tiers-reference-table .stat-name-cell{background-color:#f8f9fa;font-weight:700;text-align:center;vertical-align:middle}.levelup-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s ease}.levelup-btn:hover:not(:disabled){background-color:#218838}.levelup-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}@media(max-width:768px){.edit-mode{display:none}.grid-item{height:auto!important;margin-bottom:1rem;position:static!important;width:100%!important}.grid-layout{display:block}.layout-controls{align-items:center;flex-direction:column}}footer{color:#7f8c8d;margin-top:2rem;text-align:center}