.skill-dialog[data-v-e8c301a6]{z-index:3000;max-width:700px;background:linear-gradient(to bottom,#0a2a34,#1a1a1a);border:3px solid #3f3f3f;border-radius:8px;padding:12px;color:#fff;font-family:Tahoma,sans-serif}.drag-handle[data-v-e8c301a6]{cursor:move;-webkit-user-select:none;user-select:none}.skill-dialog[data-v-86f60260]{z-index:3000;max-width:700px;background:linear-gradient(to bottom,#0a2a34,#1a1a1a);border:3px solid #3f3f3f;border-radius:8px;padding:12px;color:#fff;font-family:Tahoma,sans-serif}.drag-handle[data-v-86f60260],.drag-handle{cursor:move;-webkit-user-select:none;user-select:none}.hidden-file-input{display:none}.upload-label{display:block;font-weight:700;margin-bottom:6px;font-size:14px;color:#fff}.preview-img{margin-top:10px;width:64px;height:64px;object-fit:cover;border:2px solid #64b0ff;box-shadow:0 0 0 2px #fff;border-radius:6px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.dialog-content{background:#1a1a1a;padding:20px;border:2px solid #888;color:#fff;max-width:400px;width:100%;border-radius:6px}.skill-dialog-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box;overflow-y:auto}.skill-dialog{display:flex;flex-direction:column;width:100%;max-width:700px;min-width:320px;background:linear-gradient(to bottom,#0a2a34,#1a1a1a);border:3px solid #3f3f3f;border-radius:8px;padding:12px;color:#fff;font-family:Tahoma,sans-serif;box-sizing:border-box;position:relative;cursor:default;overflow:hidden;max-height:90vh}.skill-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.tab-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tab-button{background:linear-gradient(to bottom,#8b2e1b,#a2492b);border:1px solid #5f1f10;border-radius:4px;color:#fff;font-weight:700;padding:4px 12px;cursor:pointer}.tab-button.active{background:linear-gradient(to bottom,#c06040,#e48a60)}.class-selector{min-width:150px;flex-grow:1}.skill-content{background-color:#001920;padding:12px;border:2px inset #000;overflow-x:auto;max-width:100%}.skill-grid{display:grid;grid-template-columns:repeat(7,64px);grid-template-rows:repeat(7,64px);gap:16px;width:max-content;margin:0 auto}.skill-frame{position:relative;width:64px;height:64px}.skill-icon{width:50px;height:50px;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.skill-level-indicator{position:absolute;top:50px;left:4px;font-size:12px;font-weight:400;color:#fff;text-shadow:1px 1px gray}.skill-overlay{position:absolute;bottom:-10px;right:-10px;display:flex;gap:4px}.plus-icon{color:#0f0;background-color:#000;border-radius:50%}.minus-icon{color:#f33;background-color:#000;border-radius:50%}.skill-footer{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:8px;border-top:1px solid #444;box-sizing:border-box;width:100%}.skill-footer .v-btn{flex-shrink:0;max-width:100%}.sp-display{background:#000;padding:4px 8px;font-weight:700;border:1px solid #555;border-radius:4px}.sp-display span{color:#fc0}.level-selector{margin:8px 0 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#fff;font-size:14px;font-weight:700;background-color:#ffffff0d;padding:6px 12px;border-radius:6px;width:fit-content;border:1px solid rgba(255,255,255,.15)}.level-selector input[type=number]{background-color:#1a1a1a;border:1px solid #555;border-radius:4px;color:#fff;padding:4px 8px;width:80px;font-size:14px;font-weight:400}.skill-frame.disabled{opacity:.4;pointer-events:none}.skill-tooltip{position:relative;display:inline-block}.skill-tooltiptext{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:left;border-radius:6px;padding:8px;position:absolute;z-index:10;opacity:0;transition:opacity .3s;font-size:12px;line-height:1.3;white-space:pre-line;bottom:100%;left:50%;transform:translate(-50%)}.skill-tooltip:hover .skill-tooltiptext{visibility:visible;opacity:1}.skill-tooltip.flip-down .skill-tooltiptext{bottom:auto;top:100%}.skill-tooltip.align-right .skill-tooltiptext{left:0;transform:translate(0)}.skill-tooltip.align-left .skill-tooltiptext{right:0;left:auto;transform:translate(0)}@media screen and (max-width: 600px){.skill-footer .reset-btn{align-self:center;margin-left:auto;margin-right:auto}.skill-dialog{width:94vw;max-width:94vw;margin:0 auto;padding:16px 12px;border-width:2px}.skill-header{flex-direction:column;align-items:stretch;gap:12px}.tab-list{flex-wrap:wrap;justify-content:center;gap:4px}.tab-button{padding:6px 10px;font-size:13px}.level-selector{font-size:13px;flex-direction:column;align-items:flex-start;width:100%;gap:6px}.level-selector input[type=number]{width:100%;font-size:14px}.skill-grid{grid-template-columns:repeat(7,42px);grid-template-rows:repeat(7,42px);gap:6px}.skill-frame{width:42px;height:42px}.skill-icon{width:36px;height:36px}.skill-level-indicator{top:30px;font-size:10px}.skill-overlay{bottom:-4px;right:-4px;gap:2px}.plus-icon,.minus-icon{font-size:10px}.skill-footer{flex-direction:column;align-items:center;gap:10px;margin-top:16px;gap:8px;padding:8px 0}.skill-footer .v-btn{width:100%;justify-content:center}.sp-display{width:100%;text-align:center;font-size:14px}.dialog-content{width:90vw;padding:16px}.skill-tooltiptext{width:180px;font-size:11px;padding:6px}}