body{font-family:Meiryo,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Arial,sans-serif}.auth-container{background:#fff;border-radius:8px;box-shadow:0 3px 8px #0003;margin:120px auto;padding:24px;text-align:center;width:320px}.auth-container h2{margin-bottom:16px}.auth-container input{border:1px solid #ccc;border-radius:4px;display:block;font-size:14px;margin:8px 0;padding:8px;width:100%}.auth-container button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;margin-top:12px;padding:8px;width:100%}.auth-container button:hover{background:#0056b3}.auth-message{color:#d33;margin-top:10px}.auth-switch{color:#007bff;cursor:pointer;margin-top:16px;text-decoration:underline}.header-bar{background:#333;border-radius:6px;color:#fff;justify-content:space-between;margin-bottom:10px;padding:8px 16px}.header-bar,.user-info{align-items:center;display:flex}.user-info{gap:12px}.logout-button{background-color:#ff4b4b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.logout-button:hover{background-color:#c00}.filter-container{overflow:hidden;transition:max-height .3s ease-in-out}.filter-container.expanded{max-height:1000px}.filter-container.collapsed{max-height:50px}.filter-bar{background:#f8f9fa;border-radius:8px;box-shadow:0 3px 8px #0000001a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:15px}.toggle-button{background:#999;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px;text-align:center;width:100%}.toggle-button:hover{background:#5292d6f8}.filter-bar label{color:#333;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:4px;min-width:160px}.filter-bar .css-2b097c-container{width:70%}.filter-bar input[type=number]{border:1px solid #ccc;border-radius:4px;font-size:12px;padding:10px;width:80%}.filter-group{background:#fff;border:2px solid #bbb;border-radius:8px;box-shadow:0 3px 6px #0000001a;flex:1 1;min-width:180px;padding:12px}.filter-group-content{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto}.filter-group-content label:first-child{grid-column:span 3}.filter-group-content h6{font-size:12px;font-weight:700;margin:0;max-width:10px;min-width:10px;position:relative;right:2px;text-align:center;top:10px}.pair-group{background:#fff;border:2px solid #bbb;border-radius:8px;box-shadow:0 3px 6px #0000001a;flex:none;height:62px;min-width:280px;padding:6px;width:220px}.pair-group-content{align-items:center;display:flex;gap:8px;justify-content:center;white-space:nowrap}.pair-group-content label{color:#333;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:4px;min-width:120px}.pair-group-content h6{font-size:12px;font-weight:700;margin:0;min-width:10px;position:relative;right:4px;text-align:center;top:10px}.trio-group{background:#fff;border:2px solid #bbb;border-radius:8px;box-shadow:0 3px 6px #0000001a;flex:none;height:62px;min-width:280px;padding:6px;width:520px}.trio-group-content{align-items:center;display:flex;gap:8px;justify-content:center;white-space:nowrap}.trio-group-content label{color:#333;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:4px;min-width:120px}.trio-group-content h6{font-size:12px;font-weight:700;margin:0;min-width:10px;position:relative;right:4px;text-align:center;top:10px}.checkbox-label{flex-direction:row;gap:5px}.checkbox-label input{margin:0}@media (max-width:768px){.filter-bar{align-items:center;flex-direction:column}.filter-bar label,.filter-group{width:100%}.filter-group-content{grid-template-columns:1fr}.filter-group-content label:first-child{grid-column:span 1}}.card-image{height:auto;object-fit:cover;width:90px}.grayscale .card-image{filter:grayscale(100%);opacity:.2}.card-list{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));list-style:none;padding:0}.card-search{display:flex;flex-direction:column;gap:10px}.card-search .input-group{display:flex;gap:16px}.card-search .divider{border-top:1px solid #ccc;margin:6px 0}.card-search label{display:flex;flex-direction:column;gap:3px}.summary-category h4{color:#000}.summary-item{color:#444}.deck-save-load-body{max-height:0;opacity:0;pointer-events:none;position:relative;transition:opacity .3s ease,max-height .3s ease;visibility:hidden;z-index:auto}.deck-save-load-body.is-open{max-height:2000px;opacity:1;pointer-events:auto;transform:scaleY(1);visibility:visible}.deck-save-load{background:#f8f8f8;border-radius:8px;box-shadow:0 2px 6px #0000000d;font-size:14px;margin:10px 0 20px;padding:16px}.deck-save-load.editing{background-color:#fff7e6;border:1px solid #f0c36d}.deck-save-load input,.deck-save-load textarea{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;display:block;font-size:14px;margin-bottom:10px;padding:8px;width:100%}.deck-save-load input[type=checkbox]{margin-right:6px}.deck-save-load select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2720%27 viewBox=%270 0 24 24%27 width=%2720%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;display:block;font-size:14px;margin-bottom:10px;padding:8px;padding-right:30px;width:100%}.button-group{display:flex;gap:10px;margin-top:12px}.button-group button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:8px 12px;transition:background .2s ease}.button-save{background-color:#4caf50;color:#fff}.button-save:hover:not(:disabled){background-color:#3e8e41}.button-update{background-color:#ff93079c;color:#fff}.button-update:hover:not(:disabled){background-color:#ff9307e3}.button-cancel{background-color:#6c757d;color:#fff}.button-cancel:hover:not(:disabled){background-color:#5a6268}.button-group button:disabled{background-color:#ccc;cursor:not-allowed}.checkbox-row{margin-bottom:10px;margin-left:10px}.checkbox-label,.checkbox-row{align-items:center;display:flex}.checkbox-label{color:#333;font-size:14px;white-space:nowrap}.checkbox-label input[type=checkbox]{margin-right:6px;transform:scale(1.4)}.deck-list{margin-top:20px;padding-left:0}.deck-list li{align-items:flex-start;background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:12px;width:80px}.deck-item,.deck-list li{border-bottom:1px solid #e0e0e0}.deck-item{padding:8px 12px;position:relative}.continent-name-text{color:#555;display:block;font-size:12px;margin-bottom:4px;text-align:center}.deck-name{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.deck-name.clickable{color:#333;cursor:pointer}.deck-name.clickable:hover{text-decoration:underline}.deck-panel{background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:6px;left:0;max-width:100%;min-width:180px;padding:10px 12px;position:absolute;top:80%;white-space:nowrap;width:max-content;z-index:100}.deck-panel button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 10px}.deck-panel .button-detail{background-color:#00bb3ed0}.deck-panel .button-load{background-color:#005abbd0}.deck-panel .button-edit{background-color:#ff9307e3}.deck-panel .button-delete{background-color:#e60017ce}.deck-panel button:disabled{background-color:#aaa!important;cursor:not-allowed;opacity:.6}.deck-name{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.deck-main-card{border:1px solid #ccc;border-radius:4px;height:auto;width:70px}.deck-name-text{color:#333;font-size:15px;font-weight:600;text-align:center;white-space:normal;word-break:break-word}.deck-tag{color:#888;font-size:12px}.deck-hidden{background:#bbb;border-radius:4px;color:#fff;font-size:11px;margin-top:4px;padding:2px 6px}.deck-actions{display:flex;flex-direction:column;gap:6px;margin-top:10px;width:100%}.deck-actions button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;width:100%}.deck-actions .button-detail{background-color:#05e24fd0}.deck-actions .button-load{background-color:#007bff}.deck-actions .button-edit{background-color:#ff9307e3}.deck-actions .button-delete{background-color:#dc3545}.deck-actions button:hover{opacity:.85}.deck-actions button:disabled{background-color:#aaa!important;cursor:not-allowed;opacity:.6}.toast{animation:fadeOut 3s ease forwards;background-color:#14882f;border-radius:8px;box-shadow:0 2px 6px #0003;color:#fff;font-size:16px;font-weight:700;left:50%;padding:10px 20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{display:none;opacity:0}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;inset:0;justify-content:center;pointer-events:auto;position:fixed;width:100vw;z-index:2147483647}.modal-content{background:#fff;border-radius:8px;max-width:800px;padding:24px;text-align:center;width:90%}.card-list-main{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin:12px 0}.card-option{background:#f9f9f9;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:4px}.card-option:hover{transform:scale(1.05);transition:.2s ease}.card-option.selected{background-color:#e6f0ff;border:2px solid #007bffe0}.modal-buttons button{font-weight:700;margin:8px;padding:6px 12px}.deck-header{gap:50px;margin-top:2px}.deck-header,.sort-controls{align-items:center;display:flex}.sort-controls{gap:6px}.sort-controls select{background:#fff;border:1px solid #ccc;border-radius:4px;height:32px;line-height:32px;padding:0 8px;vertical-align:middle}.sort-controls button{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;height:24px;line-height:24px;padding:6px 8px}.sort-controls button:hover{background:#5a6268}.sort-controls button,.sort-controls select{align-items:center;display:inline-flex;font-size:14px}.deck-list{grid-gap:5px;gap:5px}.deck-check-button{background-color:#60aaff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12;font-weight:700;margin-top:2px;padding:8px 16px;transition:background-color .2s ease,transform .1s ease}.deck-check-button:hover{background-color:#3b8eee}.deck-check-button:active{transform:scale(.98)}.deck-check-button:disabled{background-color:#a0a0a0;cursor:not-allowed}.modal-overlay-fullscreen{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content-fullscreen{background:#f8f7f7;border-radius:8px;color:#000;max-height:90%;overflow-y:auto;padding:20px;width:70%}.close-button{background:#444;border-radius:4px;margin-top:20px;padding:8px 16px}.card-details-container{background:#f7f7f7;border-radius:12px;box-shadow:0 2px 6px #00000026;padding:20px}.cd-title{font-size:1.4rem;font-weight:700;margin-bottom:15px}.cd-content{display:flex;flex-wrap:wrap;gap:20px}.cd-image{flex:1 1;text-align:center}.cd-image img{border-radius:8px;box-shadow:0 2px 6px #0003;display:inline-block;height:auto;width:300px}.cd-info{flex:1 1;font-size:.95rem;min-width:260px;white-space:pre-wrap}.faq-section{margin-top:20px}.faq-header{background:#ddd;border-left:5px solid #888;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;padding:8px 8px 8px 10px;-webkit-user-select:none;user-select:none}.faq-header:hover{background:#ccc}.faq-header.open{background:#affff2}.faq-list{background:#fff;border-radius:6px;box-shadow:0 2px 5px #0000001a;margin-top:8px;padding:10px 15px}.synergy-section{margin-top:20px}.synergy-header{background:#ddd;border-left:5px solid #888;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:10px;padding:8px;-webkit-user-select:none;user-select:none}.synergy-header.open{background:#affff2}.synergy-header:hover{background:#ccc}.synergy-cards{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0}.synergy-card-img{border-radius:6px;box-shadow:0 1px 4px #00000026;height:auto;width:60px}.app-header{align-items:center;background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-family:Segoe UI,sans-serif;justify-content:space-between;padding:10px 20px}.app-header h1{font-size:22px;letter-spacing:.5px;margin:0}.app-header span{color:#ecf0f1;font-size:14px;margin-right:100px}.logout-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .3s ease,transform .1s ease}.logout-btn:hover{background-color:#c0392b}.logout-btn:active{transform:scale(.97)}.public-link{color:#fff}.user-settings-btn{background:#3dfd9d;border:1px solid #00ff7f;border-radius:6px;color:#136b3f;cursor:pointer;font-size:14px;margin-right:10px;padding:4px 10px;transition:.2s}.user-settings-btn:hover{background:#00ff7f;box-shadow:0 0 10px #00ff7f;color:#111;transform:scale(1.15)}.main-container{background:linear-gradient(135deg,#eceff1,#fff);display:flex;height:100vh;overflow:hidden}.left-panel{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:auto;padding:20px}.tab-buttons{border-bottom:2px solid #ddd;display:flex;margin-bottom:20px;position:relative}.tab-buttons button{background:none;border:none;color:#555;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:14px 20px;position:relative;transition:color .3s ease-in-out}.tab-buttons button.active{color:#007bff}.tab-underline{bottom:-2px;width:33%}.tab-buttons:after,.tab-underline{background:#007bff;height:3px;left:0;position:absolute;transition:transform .3s ease-in-out}.tab-buttons:after{bottom:0;width:50%}.tab-buttons button:nth-child(2).active~:after{transform:translateX(100%)}.tab-buttons button:hover{color:#007bff}.tab-content{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;flex:1 1;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.right-panel{background:#f9f9f9;border-left:2px solid #ddd;box-shadow:-4px 0 10px #0000001a;display:flex;flex:0 0 400px;flex-direction:column;max-width:400px;overflow:hidden;padding:20px;transition:flex-basis .1s ease,max-width .1s ease,opacity .05s ease}.right-panel.closed{border:none;flex:0 0;max-width:0;opacity:0;padding:0}.right-panel-content{flex:1 1;overflow-y:auto;padding:0}.detail-toggle-btn{background:linear-gradient(135deg,#79a2ee,#3c77f7);border:none;border-radius:20px;box-shadow:0 4px 10px #2563eb4d;color:#fff;cursor:pointer;font-size:12px;font-weight:500;letter-spacing:.5px;padding:8px 16px;transition:transform .15s ease,box-shadow .15s ease,background .2s ease}.detail-toggle-btn:hover{box-shadow:0 6px 14px #2563eb66;transform:translateY(-2px)}.detail-toggle-btn:active{box-shadow:0 3px 6px #2563eb40;transform:translateY(0)}.detail-toggle-btn.closed{background:linear-gradient(135deg,#3c77f7,#79a2ee);box-shadow:0 4px 10px #4b55634d}.overlay-container.disabled{opacity:.3;pointer-events:none;transition:opacity .3s ease}.public-decks-container{background:#fff;color:#292929;min-height:100vh;padding:20px}.deck-grid{display:flex;flex-wrap:wrap;gap:16px}.deck-card{background:#eeecec;border-radius:8px;cursor:pointer;padding:10px;transition:transform .2s;width:120px}.deck-card:hover{background:#fffea5;transform:scale(1.05)}.main-card-image{border-radius:4px;width:100%}.deck-info{margin-top:8px}.deck-owner{font-size:.9em}.modal-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.modal-title{font-size:22px;font-weight:700;margin:0}.image-button{background:#14cc85;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:.2s}.image-button:hover{background:#0c9460}.copy-button{background:#4fa3ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:.2s}.copy-button:hover{background:#1c82e2}.card-list{display:flex;flex-wrap:wrap;gap:8px}.card-thumb{border-radius:4px;width:60px}.close-button{background:#555;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:18px;margin:25px auto 10px;padding:12px 30px;transition:.2s}.close-button:hover{background:#333;transform:scale(1.05)}.filter-box{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter-box input{width:250px}.filter-box input,.filter-box select{border:1px solid #bbb;border-radius:6px;padding:6px}.deck-summary-grid{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.summary-category{background:#fff;border-color:#66666641;border-radius:10px;border-style:solid;border-width:1px 3px 3px 1px;box-shadow:0 4px 12px #0000000f;flex:1 1 2px;padding:4px 16px 12px}.summary-category h4{border-bottom:2px solid #eee;color:#000000f1;font-size:14px;margin:10px 0;padding-bottom:4px}.summary-items{display:flex;flex-direction:column;gap:1px}.summary-item{color:#000;display:flex;font-size:13px;justify-content:space-between}.item-label{font-weight:500}.item-count{border-radius:6px;font-size:12px;padding:1px 6px}.sort-selector{font-size:14px;margin-bottom:12px}.sort-selector label{margin-right:8px}.update_date{margin-left:12px}.deck-list{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));list-style:none;padding:0}.deck-list li{margin-top:-12px;width:88px}.public-list-card-image{height:auto;object-fit:cover;width:88px}.page-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.page-title{margin:0}.support-links{display:flex;gap:8px}.support-link{font-size:18px;opacity:.5;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.support-link:hover{opacity:1;transform:scale(1.15)}.support-link.paypay:hover{filter:drop-shadow(0 0 4px rgba(255,0,0,.4))}.support-link.ofuse:hover{filter:drop-shadow(0 0 4px rgba(160,100,255,.4))}.support-wrapper{position:relative}.support-trigger{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:4px 8px}.support-trigger:hover{opacity:1}.support-menu{background:#111;border-radius:6px;display:flex;flex-direction:column;gap:4px;min-width:140px;padding:6px;position:absolute;right:0;top:110%;z-index:100}.support-menu a{border-radius:4px;color:#fff;font-size:13px;padding:6px 8px;text-decoration:none}.support-menu a:hover{background:#ffffff26}[data-tooltip]{position:relative}[data-tooltip]:after{background:#1e1e1ef2;border-radius:6px;bottom:120%;color:#fff;content:attr(data-tooltip);font-size:11px;left:50%;line-height:1.5;max-width:420px;min-width:260px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .15s ease;white-space:pre-line;z-index:200}[data-tooltip]:hover:after{opacity:1}.support-menu [data-tooltip]:after{left:auto;right:0;transform:none}.user-settings-modal-overlay{align-items:center;background:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.user-settings-modal{animation:modalFade .2s ease-out;background:#111;border:1px solid #00ff7f;border-radius:12px;box-shadow:0 0 20px #00ff7f80;color:#eee;padding:25px 35px;width:420px}@keyframes modalFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.user-settings-modal h2{border-bottom:1px solid #00ff7f;margin-bottom:15px;padding-bottom:10px;text-align:center}.user-settings-modal input{background:#222;border:1px solid #00ff7f;border-radius:6px;color:#eee;margin-bottom:12px;padding:10px;width:100%}
/*# sourceMappingURL=main.77cd9794.css.map*/