table{width:90%;max-width:1700px;margin-left:20px;margin-right:20px;margin-top:10px;border-collapse:collapse}table,th,td{border:1px solid #ddd;max-width:370px}th,td{padding:8px;text-align:left}th{background-color:#f2f2f2;text-align:center}.arcana-table{border-collapse:collapse}.arcana-table th,.arcana-table td{border:1px solid #ccc;padding:10px}.character-icons{display:flex;justify-content:center}.character-icon{width:50px;height:50px;margin:0 5px}.arcana-effect{text-align:left}th[data-column=arcana],td[data-column=arcana]{min-width:200px;max-width:200px;text-overflow:ellipsis;white-space:nowrap;text-align:center}th[data-column=character],td[data-column=character]{max-width:250px;min-width:250px;text-overflow:ellipsis;white-space:nowrap}th[data-column=summary],td[data-column=summary]{min-width:260px;max-width:900px;text-overflow:ellipsis;white-space:nowrap}th[data-column=release],td[data-column=release]{min-width:60px;max-width:60px;text-overflow:ellipsis;white-space:nowrap}.fillter-container{padding-left:20px}.checkbox-container{min-width:900px;max-width:900px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px}.checkbox-container label{text-align:left}.effects-table{width:100%;border-collapse:collapse;margin:20px 0}.effects-table th,.effects-table td{border:1px solid #ddd;padding:8px;text-align:center}.effects-table th{background-color:#f2f2f2;font-weight:700}th[data-column=effect],td[data-column=effect]{min-width:130px;max-width:130px;text-overflow:ellipsis;white-space:nowrap}th[data-column=flat],td[data-column=flat],th[data-column=per],td[data-column=per]{min-width:80px;max-width:80px;text-overflow:ellipsis;white-space:nowrap}th[data-column=charalv],td[data-column=charalv]{min-width:100px;max-width:100px;text-overflow:ellipsis;white-space:nowrap}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:85%;max-width:520px;border-radius:10px;box-shadow:0 4px 8px #0003;overflow-x:auto}.effects-table{width:100%;border-collapse:collapse}.close{width:30px;height:30px;color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.button-container{display:flex;justify-content:flex-start;gap:10px}#arcana-results .arcana-table,.arcana-list-actions{width:90%;max-width:1700px;margin-left:20px;margin-right:20px;box-sizing:border-box}.arcana-list-actions{justify-content:flex-end;margin-top:0;margin-bottom:10px}.arcana-table2,th,td{max-width:785px}th[data-column=arcana_count],td[data-column=arcana_count]{width:50px;text-align:center;text-overflow:ellipsis;white-space:nowrap}th[data-column=character_count],td[data-column=character_count]{max-width:650px;text-overflow:ellipsis;white-space:nowrap}.arcana-count-icons{display:flex;flex-wrap:wrap;gap:10px}.arcana-unreleased{color:var(--pickupnow-color)}.arcana-summary-row{display:grid;grid-template-columns:9em minmax(0,1fr);gap:10px;align-items:baseline}.arcana-summary-value{font-weight:400;min-width:0;overflow-wrap:anywhere}.effects-table th:nth-child(1),.effects-table td:nth-child(1){min-width:150px}.effects-table th:nth-child(2),.effects-table td:nth-child(2){min-width:90px}.effects-table th:nth-child(3),.effects-table td:nth-child(3){min-width:90px}.effects-table th:nth-child(4),.effects-table td:nth-child(4){min-width:110px}@media screen and (max-width:768px){table{max-width:90%;margin-left:10px}.fillter-container{padding-left:5px}.checkbox-container{min-width:100%;max-width:100%;width:100%;grid-template-columns:repeat(2,1fr);gap:1px}.modal-content{margin:10% auto;padding:15px}.arcana-list-actions{width:calc(100% - 20px);max-width:350px;margin:0 10px 10px}#arcana-results.table-area{overflow-x:visible}#arcana-results .arcana-table{display:block;width:calc(100% - 20px);max-width:350px;margin:10px;border:none}#arcana-results .arcana-table thead{display:none}#arcana-results .arcana-table tbody{display:block}#arcana-results .arcana-table tr{display:grid;grid-template-columns:minmax(0,1fr) 46px;grid-template-areas:"arcana release" "character release" "summary release";gap:8px 10px;width:100%;margin-bottom:12px;padding:12px;border:1px solid #ddd;border-radius:8px;background-color:#fff;box-sizing:border-box}#arcana-results .arcana-table tbody tr:last-child{margin-bottom:0}#arcana-results .arcana-table td{display:block;min-width:0;max-width:none;padding:0;border:none;box-sizing:border-box;text-align:left;white-space:normal}#arcana-results .arcana-table td[data-column=arcana]{grid-area:arcana;font-weight:700;line-height:1.5}#arcana-results .arcana-table td[data-column=character]{grid-area:character}#arcana-results .arcana-table td[data-column=summary]{grid-area:summary}#arcana-results .arcana-table td[data-column=release]{grid-area:release;display:flex;align-items:center;justify-content:center;border-left:1px solid #eee;padding-left:10px}#arcana-results .arcana-release-label,#arcana-results .arcana-table td[data-column=release] .stylish-checkbox{margin-right:0}#arcana-results .character-icons{flex-wrap:wrap;justify-content:flex-start;gap:6px}#arcana-results .character-icon{width:44px;height:44px;margin:0;flex-shrink:0}#arcana-results .arcana-summary{display:grid;gap:6px}#arcana-results .arcana-summary-row{gap:8px;line-height:1.45}#arcana-results .arcana-summary-label{font-weight:700}#arcana-results .arcana-summary-value{font-weight:400}.arcana-table2{display:table;width:calc(100% - 20px);max-width:none;margin:10px;border-collapse:collapse}.arcana-table2 thead{display:none}.arcana-table2 tbody,.arcana-table2 tr,.arcana-table2 td{display:block;width:100%;box-sizing:border-box}.arcana-table2 tr{border:1px solid #ddd;border-bottom:none}.arcana-table2 tbody tr:last-child{border-bottom:1px solid #ddd}.arcana-table2 td[data-column=arcana_count]{width:100%;max-width:none;padding:8px 10px;border:none;border-bottom:1px solid #ddd;background-color:#f2f2f2;font-weight:700;text-align:center;white-space:normal}.arcana-table2 td[data-column=character_count]{max-width:none;padding:10px;border:none;border-bottom:1px solid #ddd;white-space:normal}.arcana-count-icons{gap:6px;justify-content:flex-start}.arcana-table2 .character-icon{width:44px;height:44px;margin:0;flex-shrink:0}}
