.sp-shop{font-size:12px;line-height:1.6;min-width:0}.sp-shop .card{margin:14px 0}.sp-summary,.sp-editor-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.sp-summary>div:first-child,.sp-editor-head>div:first-child{flex:1;min-width:190px}.sp-shop h3,.sp-shop h4{margin:0 0 8px}.sp-summary p,.sp-editor-head p{margin:0;color:var(--dim)}.sp-capacity{font-size:24px;color:var(--cyan);white-space:nowrap}.sp-capacity small{display:block;font-size:11px;font-weight:400;color:var(--dim)}.sp-actions,.sp-card-actions{display:flex;gap:8px;flex-wrap:wrap}.sp-shop .button.primary{background:var(--cyan,#75f4e9);color:#141b2b;border-color:var(--cyan)}.sp-filters{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.sp-search{flex:1;min-width:170px}.sp-shop input:not([type=checkbox]),.sp-shop select,.sp-shop textarea{font:inherit;padding:10px 12px;min-height:39px;border:1px solid var(--line);border-radius:8px;background:var(--surface,#211b35);color:var(--text,#eeeafa);max-width:100%}.sp-search input,.sp-field input,.sp-field select,.sp-field textarea{width:100%}.sp-shop option{background:#211b35;color:#eeeafa}.sp-shop textarea{min-height:95px;resize:vertical}.sp-shop button:focus-visible,.sp-shop input:focus-visible,.sp-shop select:focus-visible,.sp-shop textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:16px;align-items:stretch}.sp-card{border:1px solid var(--line);border-radius:14px;background:var(--surface,#211b35);overflow:hidden;min-width:0;display:flex;flex-direction:column}.sp-visual{height:145px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#a88bea37,transparent 70%)}.sp-boss{background:radial-gradient(ellipse at center,#e7ac4a37,transparent 70%)}.sp-npc{background:radial-gradient(ellipse at center,#4ac9e737,transparent 70%)}.sp-visual img{height:125px;width:85%;object-fit:contain;filter:drop-shadow(0 13px 14px #0004)}.sp-type{position:absolute;left:12px;top:12px;font-size:10px;border:1px solid var(--line);border-radius:6px;background:#211b35b3;padding:3px 7px}.sp-select{position:absolute;right:12px;top:12px}.sp-select input,.sp-check input{width:17px;height:17px;accent-color:var(--cyan)}.sp-card-body{padding:14px;display:flex;flex-direction:column;gap:9px;flex:1}.sp-card-top,.sp-card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:var(--dim)}.sp-card h3{font-size:14px;overflow-wrap:anywhere;margin:0}.sp-description{font-size:11px;color:var(--dim);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sp-card-bottom{margin-top:auto;font-size:12px}.sp-card-bottom strong{color:var(--cyan);font-size:17px}.sp-card-actions{padding-top:5px}.sp-card-actions .button{padding:7px 9px;font-size:10px;flex:1;min-width:65px;white-space:normal}.sp-muted{color:var(--dim);font-size:11px}.sp-verified{font-size:10px;color:var(--cyan)}.sp-warning{color:var(--amber,#ffc76a);font-size:11px}.sp-error,.sp-notice,.sp-uncertain{border:1px solid var(--line);border-left:3px solid currentColor;padding:12px 15px;border-radius:8px;margin:12px 0;overflow-wrap:anywhere}.sp-error{color:var(--pink,#ff91be)}.sp-notice{color:var(--cyan)}.sp-uncertain{color:var(--amber,#ffc76a)}.sp-uncertain .button{margin-right:8px}.sp-pages,.sp-bulk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px 0}.sp-pages>span,.sp-bulk>span{margin-right:auto;color:var(--dim)}.sp-empty{grid-column:1/-1;padding:24px}.sp-editor-nav{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.sp-editor-body{padding:20px}.sp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:14px 0}.sp-field{display:flex;flex-direction:column;gap:6px;min-width:0}.sp-field>span{color:var(--muted)}.sp-full{grid-column:1/-1}.sp-check{display:flex;gap:12px;align-items:center;margin:15px 0}.sp-advanced{margin:20px 0}.sp-advanced summary{cursor:pointer;color:var(--muted);padding:8px 0}.sp-advanced textarea{width:100%;min-height:160px;font-family:monospace;font-size:11px;margin:10px 0}.sp-skill-section{margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.sp-section-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sp-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.sp-skill-tag{border:1px solid var(--line);border-radius:9px;padding:9px 10px;max-width:100%;font-size:11px}.sp-skill-tag>.button{margin-left:10px;padding:2px 7px}.sp-skill-tag small{display:block;margin-top:5px;color:var(--dim);max-width:360px}.sp-detail-intro{display:flex;gap:20px;align-items:center;margin:14px 0 24px}.sp-detail-intro>img{width:120px;height:120px;object-fit:contain;flex:none}.sp-type-text{color:var(--cyan);font-size:10px}.sp-detail-intro p{color:var(--dim);overflow-wrap:anywhere}.sp-detail-grid{display:grid;grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:9px 18px;margin:16px 0 25px}.sp-detail-grid dt{color:var(--dim)}.sp-detail-grid dd{margin:0;overflow-wrap:anywhere}.sp-detail-skills{display:grid;gap:10px;margin:12px 0 20px}.sp-detail-skills>div{border:1px solid var(--line);border-radius:8px;padding:10px}.sp-detail-skills small{display:block;color:var(--dim);margin-top:4px}.sp-skill-tools{display:flex;flex-wrap:wrap;gap:8px}.sp-skill-tools>input{flex:1;min-width:150px}.sp-skill-options{display:grid;gap:10px;margin:15px 0;max-height:44vh;overflow:auto;padding-right:4px}.sp-skill-option{display:flex;gap:15px;justify-content:space-between;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:9px}.sp-skill-option>div{min-width:0}.sp-skill-option>div>small{display:block;color:var(--dim);font-size:10px;overflow-wrap:anywhere}.sp-skill-option p{font-size:11px;margin:7px 0 0;white-space:pre-line}.sp-skill-option>.button{flex:none}.sp-player-intro{margin:16px 0}.sp-player-intro p{color:var(--dim)}#app-dialog:has(.sp-dialog){width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 48px)}#app-dialog:has(.sp-dialog) #dialog-content{max-height:calc(100dvh - 50px);display:flex;flex-direction:column;padding:0}#app-dialog:has(.sp-dialog) .dialog-head{flex:none;padding:20px 24px;margin:0;border-bottom:1px solid var(--line)}#app-dialog:has(.sp-dialog) .dialog-body{padding:16px 24px;overflow:auto;min-height:0}#app-dialog:has(.sp-dialog) .dialog-actions{flex:none;margin:0;padding:15px 24px;border-top:1px solid var(--line);background:var(--surface,#211b35)}@media(max-width:800px){.sp-form-grid{grid-template-columns:1fr}.sp-full{grid-column:auto}.sp-editor-body{padding:16px}.sp-detail-intro{align-items:flex-start}.sp-detail-intro>img{width:85px;height:85px}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.sp-filters>select{flex:1;min-width:140px}}
.sp-shop .sp-price-filter{width:110px;flex:none}.sp-template-list{display:grid;gap:9px;margin:15px 0}.sp-template-list .button{text-align:left;justify-content:flex-start}
.sp-skill-heading{display:flex;gap:11px;align-items:center;min-width:0}.sp-skill-heading>div{min-width:0}.sp-skill-heading strong{font-size:12px;overflow-wrap:anywhere}.sp-skill-heading small{display:block;color:var(--dim);font-size:10px;margin-top:2px}.sp-shop .sp-skill-icon{width:36px;height:36px;flex:none;object-fit:contain;border-radius:7px;background:#15142466;padding:4px;border:1px solid var(--line)}.sp-icon-empty{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--dim)}.sp-id-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0 5px}.sp-id-row code{font-size:10px;color:var(--dim);overflow-wrap:anywhere;max-width:100%}.sp-id-row>.button{font-size:9px;padding:3px 7px;min-height:26px}.sp-reference{font-size:9px;color:var(--dim);border:1px solid var(--line);padding:2px 5px;border-radius:4px}.sp-skill-effect{font-size:11px;white-space:pre-line;overflow-wrap:anywhere}.sp-skill-facts{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.sp-skill-facts>span{font-size:9px;color:var(--cyan);padding:3px 6px;border:1px solid var(--line);border-radius:5px}.sp-skill-chosen{border-color:var(--cyan);background:#64eddf08}.sp-picker-context{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1px solid var(--line);padding:12px;border-radius:8px;margin-bottom:10px}.sp-picker-context>span{color:var(--dim);font-size:10px}.sp-shop .sp-skill-invalid{border-color:var(--pink,#ff91be)}.sp-shop .sp-small-warning{font-size:10px;padding:5px 7px;margin:7px 0 0}.sp-shop .sp-skill-tag{width:min(330px,100%)}.sp-shop .sp-skill-tag>.button{margin:9px 0 0}.sp-shop .sp-skill-options{max-height:48vh}.sp-shop .sp-skill-option>div{flex:1;min-width:0}.sp-shop .sp-result-count{margin:10px 0}.sp-detail-skills .sp-skill-heading small{margin-top:2px}.sp-detail-skills .sp-reference{display:inline-block;margin:3px 0}.sp-detail-skills .sp-skill-effect{margin:7px 0 0}.sp-skill-picker .sp-skill-tools>select{min-width:120px;max-width:190px}.sp-skill-picker .sp-skill-tools>input{min-width:190px}@media(max-width:650px){.sp-skill-picker .sp-skill-tools>*{flex:1;max-width:100%}.sp-skill-picker .sp-skill-option{gap:8px}.sp-skill-picker .sp-skill-option>.button{font-size:10px;padding:7px}.sp-picker-context{display:block}.sp-picker-context>span{display:block;margin-top:4px}.sp-shop .sp-skill-tag{width:100%}}

.sp-content-preview{display:flex;gap:20px;align-items:flex-start}.sp-content-preview>img{width:170px;height:170px;object-fit:contain}.sp-content-preview>div{flex:1}.sp-content-preview code{overflow-wrap:anywhere}.sp-content-preview .button{margin:5px 5px 0 0}@media(max-width:650px){.sp-content-preview{flex-direction:column}.sp-content-preview>img{width:120px;height:120px}}