*,*:before,*:after{box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:#0a0a1a;color:#e0e0e0;overflow:hidden;height:100vh}#root{height:100vh;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#8b5cf64d;color:#fff}button{font-family:inherit}.dragging{cursor:grabbing!important}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cell{position:relative;width:100%;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);transition:all .15s ease;border-radius:3px}.cell.active{background:#ffffff0a;border-color:#ffffff26;cursor:default}.cell.inactive{background:transparent;border-color:transparent;cursor:default}.cell.occupied{background:#ffffff08}.cell.hover-valid{background:#4ade8033!important;border-color:#4ade8080!important;box-shadow:inset 0 0 10px #4ade804d}.cell.hover-invalid{background:#ef444433!important;border-color:#ef444480!important}.cell-inner{width:100%;height:100%;border-radius:2px}.stone-overlay{position:relative;display:flex;align-items:center;justify-content:center;animation:stonePlace .3s ease-out}.stone-element-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;animation:pulseGlow 2s ease-in-out infinite}@keyframes stonePlace{0%{transform:scale(.85);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes pulseGlow{0%,to{opacity:.3}50%{opacity:.7}}.level-selector{display:flex;align-items:center;gap:10px}.level-label{font-size:13px;color:#fff9;white-space:nowrap}.level-buttons{display:flex;gap:4px}.level-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;color:#a0a0a0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.level-btn:hover{background:#ffffff1f;color:#fff}.level-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#8b5cf6;color:#fff;box-shadow:0 0 8px #8b5cf666}.level-cells{font-size:12px;color:#fff6;white-space:nowrap}.skill-plate-wrapper{display:flex;flex-direction:column;gap:12px;height:100%}.plate-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.plate-actions{display:flex;gap:8px;align-items:center}.btn{padding:6px 14px;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit;color:#e0e0e0}.btn:hover{transform:translateY(-1px)}.btn-auto{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#8b5cf6}.btn-auto:hover{box-shadow:0 0 12px #8b5cf680}.btn-reset{background:#ffffff14}.btn-reset:hover{background:#ffffff26}.btn-remove{background:#ef444433;border-color:#ef444466;color:#fca5a5}.btn-remove:hover{background:#ef444459}.btn-rotate{background:#60a5fa33;border-color:#60a5fa66;color:#93c5fd}.btn-rotate:hover{background:#60a5fa59}.auto-fill-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;z-index:1000;animation:toastIn .3s ease-out;background:#000000d9;border:1px solid rgba(255,255,255,.15);color:#e0e0e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.board-container{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.board{position:relative;padding:12px;background:linear-gradient(180deg,#1e1e32cc,#141428e6);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 24px #0006,inset 0 0 30px #6464ff0d;width:min(420px,100%)}.grid-layer{display:grid;grid-template-rows:repeat(var(--rows, 7),1fr);grid-template-columns:repeat(var(--cols, 6),1fr);gap:2px}.overlay-layer{position:absolute;top:12px;right:12px;bottom:12px;left:12px;pointer-events:none;z-index:1}.stone-cell-overlay{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:3px;animation:stonePlace .25s ease-out;cursor:pointer;transition:all .15s;pointer-events:auto;--row-size: calc(100% / var(--rows, 7));--col-size: calc(100% / var(--cols, 6));top:calc((var(--cell-row, 1) - 1) * var(--row-size));left:calc((var(--cell-col, 1) - 1) * var(--col-size));width:var(--col-size);height:var(--row-size)}.stone-cell-overlay:hover{z-index:5!important;filter:brightness(1.2)}.stone-cell-overlay.selected{z-index:10!important;animation:selectedPulse 1.5s ease-in-out infinite}.stone-cell-element{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;animation:elementPulse 2s ease-in-out infinite;pointer-events:none}.stone-cell-attr-label{position:absolute;bottom:1px;left:1px;right:1px;text-align:center;pointer-events:none;z-index:2}.attr-short{font-size:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-shadow:0 0 4px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.6)}@keyframes stonePlace{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes selectedPulse{0%,to{box-shadow:0 0 16px #ffffff4d}50%{box-shadow:0 0 24px #fff9}}@keyframes selectedBorder{0%,to{opacity:.4}50%{opacity:1}}@keyframes elementPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.board-info{font-size:12px;color:#ffffff80;text-align:center}.left-panel{display:flex;flex-direction:column;gap:8px;padding:16px;background:linear-gradient(180deg,#19192df2,#0f0f23f2);border:1px solid rgba(255,255,255,.08);border-radius:12px;height:100%;overflow-y:auto;min-width:220px}.summary-section{display:flex;flex-direction:column;gap:6px}.section-label{font-size:12px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;padding:4px 0}.stat-row{display:flex;justify-content:space-between;font-size:13px;color:#fff9;padding:2px 0}.stat-value{color:#e0e0e0;font-weight:500}.attr-grid{display:flex;flex-direction:column;gap:3px}.attr-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:13px;border-left:3px solid transparent}.attr-item.basic{background:#ffffff0a;color:silver}.attr-item.advanced{background:#ffffff0a;color:#f0d060}.attr-item.element{background:#ffffff0a}.attr-icon{font-size:12px;width:16px;text-align:center}.attr-label{flex:1;color:#ffffffb3}.attr-value{font-weight:600;color:#fff;font-size:12px}.resonance-list{display:flex;flex-direction:column;gap:4px}.resonance-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0a;border-radius:4px;border-left:3px solid;font-size:13px}.resonance-icon{font-size:14px;width:18px;text-align:center}.resonance-name{flex:1;color:#e0e0e0}.resonance-tag{font-size:10px;padding:1px 6px;border-radius:3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:500}.empty-hint{font-size:13px;color:#ffffff4d;text-align:center;padding:20px 0;line-height:1.6}.placed-list{display:flex;flex-direction:column;gap:3px;max-height:120px;overflow-y:auto}.placed-item{display:flex;align-items:center;gap:6px;padding:3px 6px;font-size:12px;color:#fff9;border-radius:3px}.placed-item:hover{background:#ffffff0d}.placed-color{font-size:10px}.placed-name{flex:1}.placed-pos{color:#ffffff4d;font-size:11px}.stone-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stone-editor{width:min(480px,90vw);max-height:90vh;background:linear-gradient(180deg,#1e1e37fa,#141428fa);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 40px #0009;display:flex;flex-direction:column;animation:slideUp .25s ease-out;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.editor-header h3{margin:0;font-size:16px;font-weight:600;color:#e0e0e0}.editor-close{background:none;border:none;color:#fff6;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.editor-close:hover{color:#fff;background:#ffffff1a}.editor-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.editor-field{display:flex;flex-direction:column;gap:8px}.editor-field label{font-size:13px;font-weight:500;color:#fff9;display:flex;align-items:center;gap:6px}.attr-count-hint{font-size:11px;color:#ffffff4d;font-weight:400}.type-toggle{display:flex;gap:8px}.toggle-btn{flex:1;padding:8px 16px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0d;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.toggle-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#8b5cf6;color:#fff;box-shadow:0 0 12px #8b5cf64d}.shape-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shape-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0a;cursor:pointer;transition:all .2s;font-family:inherit;color:#fff9}.shape-btn:hover{background:#ffffff14;border-color:#ffffff4d}.shape-btn.active{background:#ffffff1a;color:#fff}.shape-preview{display:flex;flex-direction:column;gap:1px}.shape-row{display:flex;gap:1px}.shape-cell{width:16px;height:16px;border-radius:2px}.shape-cell.filled{background:#fff6}.shape-cell.empty{background:transparent}.shape-label{font-size:11px}.craft-shape-display{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff0a;border-radius:8px}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.color-btn{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0a;cursor:pointer;transition:all .2s;font-family:inherit;color:#fff9}.color-btn:hover{background:#ffffff14}.color-btn.active{color:#fff}.color-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.color-label{font-size:12px}.element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.element-btn{padding:8px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#ffffff0a;cursor:pointer;transition:all .2s;font-family:inherit;color:#fff9;font-size:13px}.element-btn:hover{background:#ffffff14}.element-btn.active{background:#ffffff1a;color:#fff}.craft-skill-preview{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:6px}.skill-name{font-size:13px;font-weight:600;color:#a5b4fc}.skill-desc{font-size:11px;color:#fff6;line-height:1.4}.attr-list{display:flex;flex-wrap:wrap;gap:6px;min-height:36px}.attr-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid rgba(255,255,255,.1);border-left:3px solid;border-radius:4px;background:#ffffff0d;font-size:12px}.attr-tag-label{color:#ffffffb3}.attr-tag-value{color:#fff;font-weight:600}.attr-tag-remove{background:none;border:none;color:#ffffff4d;cursor:pointer;padding:0 2px;font-size:10px;transition:color .2s}.attr-tag-remove:hover{color:#ef4444}.attr-empty-hint{font-size:12px;color:#fff3;padding:8px 0}.btn-gen-attr{padding:6px 12px;border:1px dashed rgba(255,255,255,.2);border-radius:6px;background:transparent;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit;align-self:flex-start}.btn-gen-attr:hover{border-color:#fff6;color:#fffc;background:#ffffff0d}.editor-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.btn-cancel,.btn-confirm{flex:1;padding:10px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;border:none}.btn-cancel{background:#ffffff14;color:#fff9}.btn-cancel:hover{background:#ffffff26}.btn-confirm{color:#fff;border:none}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.btn-confirm.disabled{opacity:.4;cursor:not-allowed;background:#ffffff1a!important;color:#ffffff4d}.btn-confirm.disabled:hover{transform:none;box-shadow:none}.color-desc{font-size:10px;color:#ffffff4d;display:block;width:100%;text-align:center}.attr-progress{font-size:11px;color:#fff6;text-align:right}.attr-gen-tabs{display:flex;gap:6px;margin:4px 0}.gen-tab{flex:1;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff08;color:#fff6;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit}.gen-tab:hover{background:#ffffff14;color:#ffffffb3}.gen-tab.active{background:#6366f126;border-color:#6366f14d;color:#a5b4fc}.attr-random-section{display:flex;flex-direction:column;gap:8px;align-items:center;padding:12px}.random-hint{font-size:12px;color:#ffffff4d;text-align:center;margin:0}.btn-random-all{padding:10px 20px;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;width:100%}.btn-random-all:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.attr-select-section{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto;padding:2px}.select-group{display:flex;flex-direction:column;gap:4px}.select-group-label{font-size:11px;font-weight:500;color:#fff6;padding:2px 0}.select-options{display:flex;flex-wrap:wrap;gap:4px}.select-options.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.select-option{padding:4px 8px;border:1px solid rgba(255,255,255,.12);border-left:3px solid;border-radius:4px;background:#ffffff08;color:#fff9;font-size:11px;cursor:pointer;transition:all .15s;font-family:inherit;text-align:left;display:flex;align-items:center;gap:3px}.select-option:hover:not(.disabled){background:#ffffff14;color:#fff}.select-option.disabled{opacity:.25;cursor:not-allowed}.select-option.resonance{font-size:10px;padding:3px 6px}.elem-icon,.attr-tag-icon{font-size:10px;width:14px;text-align:center}.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.search-modal{width:min(520px,90vw);max-height:85vh;background:linear-gradient(180deg,#1e1e37fa,#141428fa);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 40px #0009;display:flex;flex-direction:column;animation:slideUp .25s ease-out;overflow:hidden}.search-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.search-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#e0e0e0;display:flex;align-items:center;gap:8px}.filter-count{font-size:12px;color:#fff6;font-weight:400;background:#ffffff0f;padding:2px 8px;border-radius:10px}.search-modal-close{background:none;border:none;color:#fff6;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;font-family:inherit}.search-modal-close:hover{color:#fff;background:#ffffff1a}.search-modal-body{padding:16px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.search-field{display:flex;flex-direction:column;gap:8px}.search-field-label{font-size:13px;font-weight:500;color:#fff9;display:flex;align-items:center;gap:6px}.search-field-label .label-hint{font-size:11px;color:#ffffff40;font-weight:400}.search-element-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.search-elem-btn{padding:8px 6px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit;text-align:center}.search-elem-btn:hover{background:#ffffff14;color:#fffc}.search-elem-btn.active{color:#fff;font-weight:600}.search-type-toggle{display:flex;gap:6px}.search-type-btn{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#ffffff80;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit;text-align:center}.search-type-btn:hover{background:#ffffff14;color:#fffc}.search-type-btn.active{color:#fff;background:#6366f133;border-color:#6366f14d}.search-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.search-color-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;cursor:pointer;transition:all .2s;font-family:inherit;color:#ffffff80;font-size:12px}.search-color-btn:hover{background:#ffffff14}.search-color-btn.active{color:#fff}.search-color-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.search-attr-tags{display:flex;flex-wrap:wrap;gap:5px}.search-attr-tag{display:flex;align-items:center;gap:3px;padding:4px 10px;border:1px solid rgba(255,255,255,.12);border-left:3px solid;border-radius:6px;background:#ffffff0a;color:#fff9;font-size:11px;cursor:pointer;transition:all .15s;font-family:inherit}.search-attr-tag:hover{background:#ffffff14;color:#fff}.search-attr-tag.active{background:#ffffff1a;color:#fff}.search-attr-tag .tag-icon{font-size:10px}.search-active-filters{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:#ffffff0a;border-radius:8px;min-height:32px;align-items:center}.search-active-filters.empty{color:#fff3;font-size:12px}.active-filter-tag{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#6366f126;border:1px solid rgba(99,102,241,.25);border-radius:12px;font-size:11px;color:#a5b4fc}.active-filter-tag .remove-filter{cursor:pointer;font-size:10px;color:#ffffff4d;margin-left:2px;background:none;border:none;padding:0;font-family:inherit;line-height:1}.active-filter-tag .remove-filter:hover{color:#ef4444}.search-modal-footer{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.btn-search-clear{flex:1;padding:10px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffff80}.btn-search-clear:hover{background:#ffffff1f;color:#fff}.btn-search-confirm{flex:2;padding:10px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-search-confirm:hover{box-shadow:0 0 12px #8b5cf666;transform:translateY(-1px)}.right-panel{display:flex;flex-direction:column;gap:10px;padding:16px;background:linear-gradient(180deg,#19192df2,#0f0f23f2);border:1px solid rgba(255,255,255,.08);border-radius:12px;height:100%;overflow-y:auto;min-width:240px}.panel-title{font-size:15px;font-weight:600;color:#e0e0e0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.filter-btns{display:flex;gap:4px}.filter-btn{padding:4px 10px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:transparent;color:#fff6;font-size:11px;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.filter-btn:hover{color:#ffffffb3;background:#ffffff0d}.filter-btn.active{color:#fff;background:#6366f133;border-color:#6366f14d}.toolbar-actions{display:flex;gap:6px;align-items:center}.btn{padding:6px 14px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.btn-add-stone{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-add-stone:hover{box-shadow:0 0 12px #8b5cf666;transform:translateY(-1px)}.btn-quick-add{background:#ffffff0f;color:#fff9;border:1px solid rgba(255,255,255,.1)}.btn-quick-add:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.stone-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1;overflow-y:auto;min-height:100px;align-content:start}.stone-block{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid;border-radius:8px;background:#ffffff08;transition:all .2s;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.stone-block:hover{background:#ffffff0f;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d!important}.stone-block:active{cursor:grabbing}.stone-block.placed{opacity:.45;cursor:default;filter:grayscale(.6)}.stone-pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit}.stone-block>*:not(.stone-pattern){position:relative;z-index:1}.stone-block.element-fire:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(circle at 20% 30%,rgba(239,68,68,.2) 0%,transparent 50%),radial-gradient(circle at 80% 60%,rgba(251,146,60,.15) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(239,68,68,.12) 0%,transparent 40%),radial-gradient(ellipse 8px 14px at 25% 40%,rgba(255,165,0,.15) 0%,transparent 70%),radial-gradient(ellipse 6px 10px at 60% 35%,rgba(255,100,0,.12) 0%,transparent 70%),radial-gradient(ellipse 10px 16px at 75% 55%,rgba(255,200,0,.1) 0%,transparent 70%)}.stone-block.element-ice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(circle at 30% 25%,rgba(56,189,248,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(103,232,249,.15) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(56,189,248,.1) 0%,transparent 40%),conic-gradient(from 0deg at 30% 40%,transparent 0deg,rgba(147,197,253,.1) 10deg,transparent 20deg,rgba(147,197,253,.06) 30deg,transparent 40deg),conic-gradient(from 90deg at 70% 60%,transparent 0deg,rgba(147,197,253,.08) 15deg,transparent 25deg,rgba(147,197,253,.06) 35deg,transparent 45deg),repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(147,197,253,.04) 8px,rgba(147,197,253,.04) 9px),repeating-linear-gradient(-45deg,transparent,transparent 8px,rgba(147,197,253,.04) 8px,rgba(147,197,253,.04) 9px)}.stone-block.element-wood:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(circle at 25% 35%,rgba(34,197,94,.2) 0%,transparent 50%),radial-gradient(circle at 75% 65%,rgba(74,222,128,.15) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(34,197,94,.1) 0%,transparent 40%),radial-gradient(ellipse 12px 8px at 35% 30%,rgba(74,222,128,.1) 0%,transparent 70%),radial-gradient(ellipse 8px 12px at 65% 45%,rgba(34,197,94,.08) 0%,transparent 70%),radial-gradient(ellipse 10px 6px at 45% 70%,rgba(134,239,172,.08) 0%,transparent 70%),repeating-linear-gradient(120deg,transparent,transparent 10px,rgba(74,222,128,.04) 10px,rgba(74,222,128,.04) 11px)}.stone-block.element-thunder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(168,85,247,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(192,132,252,.15) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(168,85,247,.1) 0%,transparent 40%),linear-gradient(65deg,transparent 30%,rgba(192,132,252,.1) 30.5%,transparent 31%),linear-gradient(-65deg,transparent 30%,rgba(192,132,252,.08) 30.5%,transparent 31%),linear-gradient(50deg,transparent 55%,rgba(216,180,254,.08) 55.5%,transparent 56%),linear-gradient(-50deg,transparent 55%,rgba(216,180,254,.06) 55.5%,transparent 56%),repeating-linear-gradient(100deg,transparent,transparent 7px,rgba(168,85,247,.04) 7px,rgba(168,85,247,.04) 8px)}.stone-block-header{display:flex;align-items:center;gap:6px}.stone-type-tag{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:500}.stone-element-icon{font-size:13px;line-height:1}.stone-color-label{font-size:11px;color:#ffffff80}.stone-shape-preview{display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px}.stone-shape-preview .shape-row{display:flex;gap:1px}.stone-shape-preview .shape-cell{width:14px;height:14px;border-radius:2px}.stone-shape-preview .shape-cell.filled{background:#fff6}.stone-shape-preview .shape-cell.empty{background:transparent}.stone-attrs{display:flex;flex-wrap:wrap;gap:3px}.stone-attr-tag{display:flex;align-items:center;gap:3px;padding:2px 6px;border-left:2px solid;border-radius:3px;background:#ffffff0a;font-size:10px;color:#fff9}.attr-elem-icon{font-size:9px}.attr-val{color:#fff;font-weight:600;font-size:10px}.stone-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:2px}.stone-action-btn{width:22px;height:22px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:transparent;color:#ffffff4d;font-size:11px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:inherit}.stone-action-btn.rotate:hover{color:#60a5fa;border-color:#60a5fa44;background:#60a5fa1a}.stone-action-btn.remove:hover{color:#ef4444;border-color:#ef444444;background:#ef44441a}.placed-badge{font-size:10px;color:#fff3;padding:2px 6px}.search-bar{position:relative;display:flex;align-items:center;gap:6px}.search-btn{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:6px}.search-btn:hover{background:#ffffff14;color:#fffc;border-color:#fff3}.search-btn.has-filter{border-color:#6366f166;background:#6366f11a;color:#a5b4fc}.search-btn.has-filter:hover{background:#6366f12e;border-color:#6366f199}.search-btn-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;font-weight:600}.search-clear{background:none;border:1px solid rgba(255,255,255,.1);color:#ffffff4d;cursor:pointer;font-size:13px;padding:6px 10px;border-radius:6px;font-family:inherit;line-height:1;transition:all .2s}.search-clear:hover{color:#ef4444;border-color:#ef44444d;background:#ef44441a}.empty-hint{font-size:13px;color:#ffffff40;text-align:center;padding:24px 0;line-height:1.8}.hint-sub{font-size:11px;color:#ffffff26}.app{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#0a0a1a,#0f0f2a,#0a0a1a);color:#e0e0e0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.06);background:#0a0a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.header-left{display:flex;align-items:baseline;gap:12px}.app-title{font-size:18px;font-weight:700;margin:0;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{font-size:12px;color:#ffffff4d;font-weight:400}.header-right{display:flex;align-items:center;gap:12px}.header-info{font-size:12px;color:#fff6}.app-main{display:grid;grid-template-columns:200px 1fr 340px;gap:12px;padding:16px 20px;flex:1;overflow:hidden;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.panel-left{display:flex;flex-direction:column;overflow:hidden}.panel-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.panel-right{display:flex;flex-direction:column;overflow:hidden}.app-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 24px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#fff3;flex-shrink:0}.footer-sep{color:#ffffff14}@media(max-width:1024px){.app-main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.panel-left{order:2}.panel-center{order:1}.panel-right{order:3}}