@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap";body{color:#fff;background:#0d0d0d;font-family:Hiragino Kaku Gothic ProN,メイリオ,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;background:#1a1625;min-height:100vh;font-family:"M PLUS Rounded 1c",sans-serif;font-size:14px;line-height:1.5}#root{min-height:100vh}.sv-app{background:#1a1625;flex-direction:column;min-height:100vh;display:flex}.sv-header{z-index:100;background:#252035;border-bottom:2px solid #ff6b9d;height:56px;margin-right:440px;padding:0 24px;position:sticky;top:0;box-shadow:0 4px 20px #ff6b9d33}.sv-header-inner{align-items:center;gap:32px;max-width:1800px;height:100%;margin:0 auto;display:flex}.sv-logo{color:#ff6b9d;letter-spacing:2px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.3rem;font-weight:800}.sv-nav{gap:4px;display:flex}.sv-nav-item{color:#b8b5c8;cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.sv-nav-item:hover{color:#fff;background:#ff6b9d26}.sv-nav-item.active{color:#00d4aa;background:#00d4aa26}.sv-main{flex:1;gap:0;width:100%;max-width:1800px;margin:0 auto;padding:20px 24px;display:flex}.sv-left{flex-direction:column;flex:1;gap:16px;min-width:0;margin-right:420px;display:flex}.sv-card-tabs{background:#252035;border:2px solid #3d3650;border-radius:12px;gap:0;display:flex;overflow:hidden}.sv-card-tabs button{color:#b8b5c8;cursor:pointer;background:0 0;border:none;flex:1;padding:14px 20px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.95rem;font-weight:700;transition:all .2s}.sv-card-tabs button:first-child{border-right:2px solid #3d3650}.sv-card-tabs button:hover{color:#fff;background:#ff6b9d1a}.sv-card-tabs button.active{color:#fff;background:#ff6b9d}.sv-filter-section{background:#252035;border:2px solid #3d3650;border-radius:12px;overflow:hidden}.sv-filter-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;background:#ff6b9d14;border-bottom:1px solid #3d3650;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.9rem;font-weight:700;transition:background .2s;display:flex}.sv-filter-header:hover{background:#ff6b9d26}.sv-filter-toggle{color:#ff6b9d;font-size:.6rem;transition:transform .3s}.sv-filter-toggle.open{transform:rotate(180deg)}.sv-filter-body{flex-direction:column;gap:16px;padding:20px;display:flex}.sv-filter-row{align-items:center;gap:14px;display:flex;position:relative}.sv-filter-row label{color:#00d4aa;flex-shrink:0;width:50px;font-size:.8rem;font-weight:700}.sv-filter-row input[type=text]{color:#fff;background:#1a1625;border:2px solid #3d3650;border-radius:8px;outline:none;flex:1;padding:12px 42px 12px 16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;transition:all .2s}.sv-filter-row input[type=text]:focus{border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d33}.sv-filter-row input[type=text]::placeholder{color:#6a6580}.sv-clear-btn{color:#b8b5c8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1;transition:color .15s;position:absolute;right:14px}.sv-clear-btn:hover{color:#ff6b9d}.sv-filter-btns{flex-wrap:wrap;gap:8px;display:flex}.sv-filter-btns button{color:#b8b5c8;cursor:pointer;background:#1a1625;border:2px solid #3d3650;border-radius:8px;padding:8px 16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.8rem;font-weight:700;transition:all .2s}.sv-filter-btns button:hover{color:#fff;border-color:#ff6b9d}.sv-filter-btns button.active{color:#fff;background:#ff6b9d;border-color:#ff6b9d}.sv-filter-btns.cost button,.sv-filter-btns.stats button{min-width:40px;padding:8px 12px}.sv-filter-row select{color:#fff;cursor:pointer;background:#1a1625;border:2px solid #3d3650;border-radius:8px;outline:none;min-width:160px;padding:11px 16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.85rem;transition:all .2s}.sv-filter-row select:focus{border-color:#ff6b9d}.sv-filter-stats{align-items:center;gap:10px;display:flex}.sv-filter-stat-input{align-items:center;gap:8px;display:flex}.sv-filter-stat-input select{color:#fff;background:#1a1625;border:2px solid #3d3650;border-radius:8px;padding:8px 12px;font-size:.8rem}.sv-filter-stat-input select:focus{border-color:#ff6b9d}.sv-filter-stat-input input[type=number]{color:#fff;background:#1a1625;border:2px solid #3d3650;border-radius:8px;width:70px;padding:8px 12px;font-size:.85rem}.sv-filter-stat-input input[type=number]:focus{border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d33}.sv-filter-stat-input input[type=number]::placeholder{color:#6a6580}.sv-filter-reset{color:#b8b5c8;cursor:pointer;background:0 0;border:2px solid #3d3650;border-radius:8px;align-self:flex-end;padding:10px 22px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.8rem;font-weight:700;transition:all .2s}.sv-filter-reset:hover{color:#00d4aa;border-color:#00d4aa}.sv-cards-section{background:#252035;border:2px solid #3d3650;border-radius:12px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sv-cards-header{color:#fff;background:#00d4aa14;border-bottom:1px solid #3d3650;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.9rem;font-weight:700;display:flex}.sv-cards-count{color:#00d4aa;font-size:.8rem;font-weight:700}.sv-cards-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:flex-start;gap:12px;padding:16px;display:grid;overflow-y:auto}.sv-card{cursor:pointer;background:#1a1625;border:2px solid #3d3650;border-radius:10px;transition:all .2s;position:relative;overflow:hidden}.sv-card:hover{border-color:#ff6b9d;transform:translateY(-4px);box-shadow:0 8px 24px #ff6b9d4d}.sv-card-img{aspect-ratio:.715;background:#252035;position:relative;overflow:hidden}.sv-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.sv-card:hover .sv-card-img img{transform:scale(1.05)}.sv-card-noimg{text-align:center;color:#6a6580;background:#252035;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;font-size:.65rem;font-weight:500;display:flex}.sv-card-badge{color:#fff;z-index:2;background:#ff6b9d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex;position:absolute;top:6px;left:6px}.sv-card-search{color:#b8b5c8;cursor:pointer;z-index:2;background:#1a1625d9;border:1px solid #3d3650;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.sv-card-search svg{width:14px;height:14px}.sv-card-search:hover{color:#fff;background:#00d4aa;border-color:#00d4aa}.sv-right{background:#151020;flex-direction:column;gap:0;width:400px;padding:20px;display:flex;position:fixed;top:0;bottom:0;right:0}.sv-deck-tabs{background:#252035;border:2px solid #3d3650;border-radius:12px 12px 0 0;gap:0;display:flex;overflow:hidden}.sv-deck-tabs button{color:#b8b5c8;cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.sv-deck-tabs button:first-child{border-right:2px solid #3d3650}.sv-deck-tabs button:hover{color:#fff;background:#00d4aa1a}.sv-deck-tabs button.active{color:#fff;background:#00d4aa}.sv-deck-tabs button span{opacity:.8;font-size:.8rem;font-weight:600}.sv-deck-stats{background:#252035;border-left:2px solid #3d3650;border-right:2px solid #3d3650;flex-direction:column;gap:14px;padding:16px;display:flex}.sv-deck-count{justify-content:center;align-items:baseline;gap:4px;display:flex}.sv-deck-count-num{color:#ff6b9d;font-family:"M PLUS Rounded 1c",sans-serif;font-size:2rem;font-weight:800;line-height:1}.sv-deck-count-num.sv-deck-valid{color:#4caf50}.sv-deck-count-num.sv-deck-over{color:#f44336}.sv-deck-count-max{color:#6a6580;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;font-weight:700}.sv-deck-ok{color:#fff;background:#00d4aa;border-radius:6px;margin-left:10px;padding:4px 12px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;font-weight:800}.sv-cost-graph{background:#1a1625;border-radius:10px;justify-content:center;gap:6px;height:80px;padding:14px 16px 8px;display:flex}.sv-cost-bar-wrap{flex-direction:column;align-items:center;width:32px;height:100%;display:flex}.sv-cost-bar-container{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;display:flex}.sv-cost-bar{background:linear-gradient(#ff6b9d 0%,#ff4785 100%);border-radius:4px 4px 2px 2px;width:20px;min-height:2px;transition:height .4s}.sv-cost-label{color:#b8b5c8;margin-top:6px;font-size:.7rem;font-weight:700}.sv-deck-types{color:#b8b5c8;justify-content:center;gap:12px;font-size:.75rem;font-weight:700;display:flex}.sv-deck-types span{background:#1a1625;border-radius:8px;padding:6px 14px}.sv-deck-list{background:#1a1625;border-left:2px solid #3d3650;border-right:2px solid #3d3650;flex:1;min-height:0;overflow-y:auto}.sv-deck-empty{text-align:center;color:#6a6580;justify-content:center;align-items:center;height:100%;min-height:200px;padding:28px;font-size:.85rem;font-weight:500;line-height:1.8;display:flex}.sv-deck-card{cursor:pointer;background:#1a1625;border-bottom:1px solid #3d3650;height:48px;transition:all .2s;position:relative;overflow:hidden}.sv-deck-card:hover{background:#252035}.sv-deck-card-bg{width:45%;height:100%;position:absolute;top:0;right:0;overflow:hidden}.sv-deck-card-bg img{object-fit:cover;opacity:.7;width:220px;height:auto;position:absolute;top:50%;right:-20px;transform:translateY(-37%)scale(.55)}.sv-deck-card-bg:before{content:"";z-index:1;background:linear-gradient(90deg,#1a1625 0%,#1a162599 40%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.sv-deck-noimg{background:#1a1625;width:100%;height:100%}.sv-deck-card-content{z-index:2;align-items:center;gap:10px;height:100%;padding:0 44px 0 12px;display:flex;position:relative}.sv-deck-card-cost{color:#fff;background:#ff6b9d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;display:flex}.sv-deck-card-cost.danmaku-normal{background:#6b7280}.sv-deck-card-cost.danmaku-special{background:#00d4aa}.sv-deck-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sv-deck-card-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #000c;font-size:.78rem;font-weight:700;overflow:hidden}.sv-deck-card-ctrl{align-items:center;gap:4px;display:flex}.sv-deck-card-count{color:#00d4aa;text-align:center;min-width:16px;font-size:.75rem;font-weight:800}.sv-deck-card-ctrl button{color:#fff;cursor:pointer;background:#3d3650;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.85rem;transition:all .15s;display:flex}.sv-deck-card-ctrl button:hover{background:#ff6b9d}.sv-deck-card-ctrl span{text-align:center;color:#00d4aa;width:24px;font-size:1rem;font-weight:800}.sv-deck-card-delete{color:#6a6580;cursor:pointer;background:0 0;border:none;border-left:1px solid #3d3650;justify-content:center;align-items:center;width:32px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.sv-deck-card-delete:hover{color:#fff;background:#e53e3e}.sv-deck-actions{background:#252035;border:2px solid #3d3650;border-radius:0 0 12px 12px;gap:10px;padding:16px;display:flex}.sv-deck-actions button,.sv-deck-actions .sv-load-btn{color:#b8b5c8;cursor:pointer;text-align:center;background:#1a1625;border:2px solid #3d3650;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:14px 20px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.sv-deck-actions button:hover,.sv-deck-actions .sv-load-btn:hover{color:#fff;background:#ff6b9d;border-color:#ff6b9d}.sv-deck-actions .sv-load-btn input{display:none}.sv-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#151020f2;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:fixed;top:0;left:0}.sv-modal{background:#252035;border:2px solid #ff6b9d;border-radius:16px;width:100%;max-width:900px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #ff6b9d4d}.sv-modal-close{color:#b8b5c8;cursor:pointer;z-index:10;background:#1a1625;border:2px solid #3d3650;border-radius:8px;padding:8px 12px;font-size:1.2rem;line-height:1;transition:all .2s;position:absolute;top:16px;right:20px}.sv-modal-close:hover{color:#fff;background:#ff6b9d;border-color:#ff6b9d}.sv-modal-body{gap:32px;padding:32px;display:flex}.sv-modal-img{flex-shrink:0;width:280px}.sv-modal-img img{border-radius:12px;width:100%;height:auto;box-shadow:0 8px 32px #00000080}.sv-modal-noimg{aspect-ratio:.715;color:#6a6580;background:#1a1625;border-radius:12px;justify-content:center;align-items:center;width:100%;font-size:1rem;font-weight:500;display:flex}.sv-modal-info{flex-direction:column;flex:1;gap:20px;display:flex}.sv-modal-info h2{color:#ff6b9d;border-bottom:2px solid #3d3650;padding-bottom:16px;font-size:1.6rem;font-weight:800}.sv-modal-tags{flex-wrap:wrap;gap:10px;display:flex}.sv-modal-tags span{color:#fff;background:#1a1625;border:2px solid #3d3650;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700}.sv-modal-tags .tag-type{background:#00d4aa;border-color:#00d4aa}.sv-modal-text{color:#e0dde8;background:#1a1625;border-radius:12px;flex:1;padding:20px;font-size:.95rem;font-weight:500;line-height:2}.sv-modal-add-btn{color:#fff;cursor:pointer;background:#ff6b9d;border:none;border-radius:10px;padding:16px 28px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1rem;font-weight:800;transition:all .2s;box-shadow:0 4px 16px #ff6b9d66}.sv-modal-add-btn:hover{background:#ff4785;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b9d80}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3d3650;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ff6b9d}@media (width<=1100px){.sv-main{flex-direction:column;padding:16px}.sv-right{width:100%;margin-top:20px;margin-left:0}.sv-cards-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.sv-deck-list{max-height:320px}.sv-modal-body{flex-direction:column;align-items:center;padding:24px}.sv-modal-img{width:200px}.sv-modal-info h2{font-size:1.3rem}}.sv-deck-complete-btn{color:#6a6580!important;cursor:not-allowed!important;background:#3d3650!important}.sv-deck-complete-btn.active{color:#fff!important;cursor:pointer!important;background:#00d4aa!important;border-color:#00d4aa!important}.sv-deck-complete-btn.active:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00d4aa66;background:#00b894!important}.sv-complete-overlay{z-index:2000;background:#1a1625;width:100%;height:100%;padding:24px;position:fixed;top:0;left:0;overflow-y:auto}.sv-complete-container{max-width:1200px;margin:0 auto}.sv-complete-header{text-align:center;margin-bottom:24px;padding-top:24px;overflow:visible}.sv-deck-name-input{color:#ff6b9d;text-align:center;background:0 0;border:none;border-bottom:2px solid #3d3650;outline:none;width:100%;max-width:500px;padding:16px 16px 12px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5rem;font-weight:800;line-height:1.6;transition:border-color .2s;overflow:visible}.sv-deck-name-input:focus{border-color:#ff6b9d}.sv-deck-name-input::placeholder{color:#6a6580}.sv-deck-name-display{color:#ff6b9d;padding:16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5rem;font-weight:800;line-height:1.6}.sv-complete-deck{background:#252035;border:2px solid #3d3650;border-radius:16px;margin-bottom:24px;padding:8px 24px 24px;overflow:visible}.sv-complete-section{margin-bottom:24px}.sv-complete-section:last-child{margin-bottom:0}.sv-complete-section h3{color:#00d4aa;border-bottom:2px solid #3d3650;margin:0 0 16px;padding-bottom:12px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.1rem;font-weight:700}.sv-complete-cards{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.sv-export-pc-mode{width:1200px!important;max-width:none!important}.sv-export-pc-mode .sv-complete-cards{grid-template-columns:repeat(10,1fr)!important;gap:8px!important}.sv-complete-card{text-align:center;background:#1a1625;border:2px solid #3d3650;border-radius:10px;position:relative;overflow:hidden}.sv-complete-card img{aspect-ratio:.715;object-fit:cover;width:100%;display:block}.sv-complete-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.sv-complete-actions button{cursor:pointer;border:none;border-radius:12px;padding:16px 32px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1rem;font-weight:700;transition:all .2s}.sv-complete-save-btn{color:#fff;background:#ff6b9d;box-shadow:0 4px 16px #ff6b9d66}.sv-complete-save-btn:hover{background:#ff4785;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b9d80}.sv-complete-edit-btn{color:#00d4aa;background:#252035;border:2px solid #00d4aa!important}.sv-complete-edit-btn:hover{color:#fff;background:#00d4aa}.sv-complete-new-btn{color:#b8b5c8;background:#252035;border:2px solid #3d3650!important}.sv-complete-new-btn:hover{color:#ff6b9d;border-color:#ff6b9d!important}.sv-complete-udonarium-btn{color:orange;background:#252035;border:2px solid orange!important}.sv-complete-udonarium-btn:hover{color:#fff;background:orange}.sv-mobile-nav{z-index:500;background:#252035;border-top:2px solid #3d3650;display:none;position:fixed;bottom:0;left:0;right:0}.sv-mobile-nav button{color:#b8b5c8;cursor:pointer;background:0 0;border:none;flex:1;padding:14px 16px;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;font-weight:700;transition:all .2s}.sv-mobile-nav button.active{color:#ff6b9d;background:#1a1625;border-top:3px solid #ff6b9d}@media (width<=768px){.sv-app.sv-mobile .sv-hidden{display:none!important}.sv-mobile-nav{display:flex}.sv-app.sv-mobile .sv-header{margin-right:0;padding:12px 16px}.sv-app.sv-mobile .sv-main{flex-direction:column;height:auto;padding:12px 12px 70px}.sv-app.sv-mobile .sv-left{border-right:none;width:100%;max-width:100%;height:auto;margin-right:0}.sv-app.sv-mobile .sv-right{background:0 0;width:100%;max-width:100%;height:auto;padding:0;position:static}.sv-app.sv-mobile .sv-logo{font-size:1rem}.sv-app.sv-mobile .sv-card-tabs button{padding:10px 12px;font-size:.85rem}.sv-app.sv-mobile .sv-filter-section{margin:0}.sv-app.sv-mobile .sv-filter-body{gap:10px;padding:12px}.sv-app.sv-mobile .sv-filter-row{flex-wrap:wrap;gap:8px}.sv-app.sv-mobile .sv-filter-row label{width:100%;margin-bottom:4px}.sv-app.sv-mobile .sv-filter-btns{flex-wrap:wrap;gap:6px}.sv-app.sv-mobile .sv-filter-btns button{padding:8px 12px;font-size:.75rem}.sv-app.sv-mobile .sv-cards-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.sv-app.sv-mobile .sv-deck-tabs button{padding:10px 12px;font-size:.85rem}.sv-app.sv-mobile .sv-deck-stats{padding:12px}.sv-app.sv-mobile .sv-deck-list{min-height:300px}.sv-app.sv-mobile .sv-deck-actions{flex-wrap:wrap;gap:8px;padding:12px}.sv-app.sv-mobile .sv-deck-actions button{flex:45%;padding:10px 12px;font-size:.8rem}.sv-app.sv-mobile .sv-modal{width:95%;max-height:90vh;padding:16px}.sv-app.sv-mobile .sv-modal-body{flex-direction:column}.sv-app.sv-mobile .sv-modal-img{max-width:200px;margin:0 auto 16px}.sv-app.sv-mobile .sv-complete-overlay{padding:16px}.sv-app.sv-mobile .sv-complete-cards{grid-template-columns:repeat(5,1fr);gap:4px}.sv-app.sv-mobile .sv-complete-actions{flex-wrap:wrap;gap:8px}.sv-app.sv-mobile .sv-complete-actions button{flex:45%;padding:12px;font-size:.8rem}}