body{margin:0;padding:0;background-color:#222;color:#fff;font-family:sans-serif}.nav-button{display:inline-block;margin:0 5px;padding:8px 16px;background-color:#6a0dad;color:#fff;text-decoration:none;border-radius:6px;font-weight:700;transition:background-color .2s}.nav-button:hover{background-color:indigo}textarea{background-color:#383838;color:#fff;border:1px solid #000000;border-radius:4px;padding:8px}h1,h2,h3{margin:.5em 0}.app{padding:16px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.card{width:150px;border:1px solid #ccc;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 6px #0000001a}.card img{width:100%;height:200px;object-fit:cover}.card-body{padding:8px;font-size:14px}html,body{height:100%;margin:0;overflow:hidden}body{overflow-x:hidden;margin:0;padding:0}.playtest-container{display:grid;grid-template-columns:1fr 160px;grid-template-rows:35px 1fr 197px;height:98vh;background-color:#2e2d2d;overflow:hidden}.nav-section{display:flex;align-items:center;gap:8px}.nav-button{background:#333;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;padding:2px 8px}.nav-text{font-size:16px;font-weight:700}.nav-text.turn{cursor:pointer}.battlefield{grid-column:1 / 2;grid-row:2 / 3;padding:10px;display:flex;flex-direction:column;position:relative}.battlefield-area{flex:1;position:relative;border:2px solid #ffffff;background-color:#201e1e;--grid-size: 20.2px;--grid-color: rgba(255, 255, 255, .037);background-image:repeating-linear-gradient(0deg,var(--grid-color),var(--grid-color) 1px,transparent 1px,transparent var(--grid-size)),repeating-linear-gradient(90deg,var(--grid-color),var(--grid-color) 1px,transparent 1px,transparent var(--grid-size));background-size:var(--grid-size) var(--grid-size)}.sidebar{grid-column:2 / 3;grid-row:2 / 3;display:flex;flex-direction:column;gap:10px;padding:10px;background:#1b1b1b;border-left:2px solid #444}.sidebar-button{padding:8px 12px;background:orange;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.sidebar-button.next-turn{background:#36f}.bottom-bar{grid-column:1 /3;grid-row:3 / 4;display:flex;justify-content:space-between;align-items:flex-start;padding:8px;border-top:2px solid var(--player-color);background:#201f1f}.zones{display:flex;gap:10px;min-width:300px}.zone-box{width:90px;height:130px;border:1px solid #fff;background:#111;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.color-player-1{--player-color: #33ccff}.color-player-2{--player-color: #ff6666}.color-player-3{--player-color: #99ff66}.color-player-4{--player-color: #ffcc66}.color-player-5{--player-color: #f266ff}.color-player-6{--player-color: #32e9bb}.player-name,.player-life,.battlefield-area,.card-container:hover{border-color:var(--player-color);color:var(--player-color)}.player-name,.player-life,.battlefield-area{color:var(--player-color)}.other-player-info{margin-top:5px;border:1px solid transparent;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:5px}.active-player-info{border:2px solid var(--player-color)}.shuffle-message-container{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.shuffle-message{background-color:#000000b3;color:#fff;padding:10px 20px;border-radius:5px;font-size:1.2rem;font-weight:700;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.zones-container{display:flex;justify-content:center;align-items:flex-end;gap:10px}.zone-box-container{display:flex;flex-direction:column;align-items:center}.zone-label{color:#fff;font-size:14px;margin-bottom:5px}.zone-box{width:100px;height:139px;border:2px dashed #666;border-radius:5px;display:flex;align-items:center;justify-content:center;background-color:#0006}.zone-box.library{background-color:#0009;border:2px solid #888}.mtg-card-back{width:100%;height:100%;border-radius:5px;object-fit:cover}.zone-box.library{background-color:transparent;border:2px solid transparent}.mana-panel-container{position:absolute;bottom:120px;left:50%;transform:translate(-50%);z-index:1000;display:flex;justify-content:center;align-items:center;gap:15px;margin:10px 0;color:#fff}.selection-box{position:absolute;border:2px dashed #a855f7;background-color:#a855f733;z-index:999;pointer-events:none}.card-on-field.selected{outline:2px solid #a855f7;outline-offset:4px}.selection-box{position:absolute;border:2px dashed;background-color:transparent;z-index:999;pointer-events:none}.selection-box.color-player-1{border-color:#3cf;background-color:#3cf3}.selection-box.color-player-2{border-color:#f66;background-color:#f663}.selection-box.color-player-3{border-color:#9f6;background-color:#9f63}.selection-box.color-player-4{border-color:#fc6;background-color:#fc63}.selection-box.color-player-5{border-color:#f266ff}.selection-box.color-player-6{border-color:#fff}.card-on-field.selected{outline-offset:4px}.card-on-field.selected.color-player-1{outline:2px solid #33ccff}.card-on-field.selected.color-player-2{outline:2px solid #ff6666}.card-on-field.selected.color-player-3{outline:2px solid #99ff66}.card-on-field.selected.color-player-4{outline:2px solid #ffcc66}.card-on-field.selected.color-player-5{outline:#f266ff}.card-on-field.selected.color-player-6{outline:#26063b}.commander-zone{border:2px dashed #ffc107;background-color:#ffc1071a}.bottom-bar .hand.relative{position:relative}.counters-panel-container.zone-actions-panel{position:absolute;bottom:100%;left:0;margin-bottom:5px;z-index:10}.zone-actions-panel .actions-list{display:flex;flex-direction:column;padding:0 5px 5px}.zone-actions-panel .action-button{background:none;border:none;padding:8px 15px;text-align:left;color:#fff;cursor:pointer;font-size:14px;width:100%}.zone-actions-panel .action-button:hover{background-color:#ffffff1a}.playtest-container.spectator-view{grid-template-columns:1fr;grid-template-rows:35px 1fr 197px}.playtest-container.spectator-view .battlefield{grid-column:1 / 2;grid-row:2 / 3}.playtest-container.spectator-view .bottom-bar{grid-column:1 / 2;grid-row:3 / 4}.playtest-container.spectator-view .sidebar{display:none}.playtest-container.spectator-view .navbar .left-section{flex-basis:33.3%;justify-content:flex-start}.playtest-container.spectator-view .navbar .center-section{flex-basis:33.3%;justify-content:center}.playtest-container.spectator-view .navbar .right-section{flex-basis:33.3%;justify-content:flex-end}.playtest-container.spectator-view .navbar .left-section .nav-text{color:#aaa;font-style:italic}.player-panel-floating{position:absolute;top:119%;right:0;z-index:1000;background-color:#222;border:1px solid var(--player-color);border-radius:0 0 4px 4px;box-shadow:0 4px 8px #0000004d;min-width:200px;color:var(--player-color)}.player-panel-content{padding:10px;position:relative;color:var(--player-color)}.player-panel-close-btn{position:absolute;top:2px;right:5px;background:none;border:none;color:var(--player-color);cursor:pointer}.player-panel-header{font-weight:700;margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid var(--player-color);color:var(--player-color)}.player-panel-options-list button{display:block;width:100%;padding:8px;margin-bottom:5px;background-color:#333;color:#fff;border:1px solid var(--player-color);border-radius:4px;cursor:pointer;text-align:left;transition:background-color .2s}.player-panel-options-list button:hover:not(:disabled){background-color:#444}.player-panel-options-list button:disabled{opacity:.5;cursor:not-allowed}.player-panel-floating.color-player-1{border-color:var(--player-color-1)}.player-panel-floating.color-player-2{border-color:var(--player-color-2)}.player-panel-floating.color-player-3{border-color:var(--player-color-3)}.player-panel-floating.color-player-4{border-color:var(--player-color-4)}.navbar{display:flex;justify-content:space-between;align-items:center;width:98%;padding:5px 20px;background-color:#333;color:#fff;font-size:16px;position:fixed;top:0;left:0;z-index:50;box-shadow:0 2px 5px #0003}.left-section,.center-section,.right-section{display:flex;align-items:center;gap:10px}.right-section{flex-wrap:wrap;justify-content:flex-end}.nav-button{background-color:#555;color:#fff;border:none;padding:7px 10px;cursor:pointer;border-radius:4px}.nav-text{font-weight:700}.other-player-info{display:flex;align-items:center;padding:5px 10px;border-radius:5px;cursor:pointer;border:1px solid transparent;transition:background-color .2s,border-color .2s;position:relative}.other-player-info:hover{background-color:#444}.other-player-info.active-player-info{border-color:#007bff}.nav-text.player-name.active-turn{font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.color-player-1.active-turn,.color-player-2.active-turn,.color-player-3.active-turn,.color-player-4.active-turn,.color-player-5.active-turn,.color-player-6.active-turn{text-decoration-color:var(--player-color)!important}.relative{position:relative;display:inline-block}.counters-panel-container{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:100;min-width:110px;background-color:#1a1919;border:1px solid var(--player-color);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:10px}.counters-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.counters-panel-header h6{margin:0}.counters-list{display:flex;flex-direction:column;gap:8px}.counter-item{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--player-color)}.counter-label{width:120px;display:flex;align-items:center}.counter-value{flex-grow:1;text-align:right;font-family:monospace}.counter-buttons{display:flex;gap:8px;margin-bottom:3px}.counter-buttons button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background-color:#585151;border-radius:50%;cursor:pointer;transition:background-color .2s;color:#fff}.counter-buttons button:hover{background-color:#464444}.dropdown-triangle{position:relative;padding-right:15px}.dropdown-triangle:after{content:"";position:absolute;top:50%;right:-5px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--player-color)}.dropdown-triangle:hover:after{border-top-color:#fff}.turn-indicator{padding-right:0}.nav-button2{background-color:#802a2a;color:#fff;border:none;padding:10px 30px;cursor:pointer;border-radius:4px;font-size:17px}:root{--card-base-width: 100px}.card-container{position:relative;width:var(--card-base-width);height:calc(var(--card-base-width) * 1.4);text-align:center;border:1px solid #000;transition:border .2s,transform .2s;display:inline-block;transform-origin:top left}.card-container:hover{box-shadow:0 0 0 1px var(--player-color) inset;transform:scale(1.05);transform-origin:center center}.card-placeholder{border:1px solid black;height:140px;display:flex;align-items:center;justify-content:center;background:#333;color:#fff}.card-image{width:100%;display:block}.mana-indicator{position:absolute;top:0;right:-2px;z-index:10;padding:0;border-radius:0;opacity:0}.card-stats-indicator{position:absolute;bottom:0;right:0;z-index:10;padding:0}.card-container:hover .mana-indicator{opacity:1}.token-label{position:absolute;top:5px;left:50%;transform:translate(-50%);background-color:#000000b3;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;z-index:10;letter-spacing:1px;text-transform:uppercase;border:1px solid rgb(0,0,0)}.mana-cost-container{display:flex;flex-wrap:wrap;align-items:center;gap:1px}.mana-symbol2{width:14px;height:14px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:8px;font-weight:700;color:#fff;background-color:#555;line-height:1;margin:1px}.mana-generic{background-color:#555;color:#fff;font-size:10px}.mana-u{background-color:#2355b2}.mana-b{background-color:#0d0d0d}.mana-g{background-color:#288f34}.mana-r{background-color:#a32223}.mana-w{background-color:#c4c4c4;color:#000}.card-stats{background-color:#000000d8;color:#fff;padding:1px 4px;border-radius:4px;font-size:15px;font-weight:700;display:inline-block;transition:border .2s}.card-stats:hover{border:1.5px solid var(--player-color);cursor:pointer}.player-one{--player-color: #8B0000}.player-two{--player-color: #00008B}.power-toughness{white-space:nowrap}.card-stats-indicator{position:absolute;bottom:2px;z-index:10;padding:0}.card-counters{background-color:#000000d8;color:#fff;padding:1px 4px;border-radius:4px;font-size:15px;font-weight:700;display:inline-block;transition:border .2s}.card-counters:hover{border:1.5px solid var(--player-color);cursor:pointer}.counter-value{white-space:nowrap}.card-counters-indicator{position:absolute;bottom:0;left:5px;z-index:10;padding:0}.hand-panel-floating{position:fixed;bottom:200px;left:20px;z-index:9000;transform:translate(0);transition:transform .3s ease-out}.hand-panel-content{background-color:#474545;color:#fff;padding:0;border-radius:8px;box-shadow:none;width:200px;position:relative;border:none;text-align:left;top:-0px;left:0}.hand-panel-options-list{display:flex;flex-direction:column;gap:2px;padding:8px 0;background-color:#2c2c2c;border-radius:6px;box-shadow:0 4px 15px #000000b3}.hand-panel-btn{width:100%;padding:8px 12px;font-size:.95em;font-weight:400;color:#fff;background-color:transparent;border:none;border-radius:0;cursor:pointer;text-align:left;transition:background-color .15s}.hand-panel-btn:hover{background-color:#4a4a4a}.hand-panel-close-btn{position:absolute;top:0;right:5px;background:none;border:none;color:#aaa;font-size:25px;cursor:pointer;line-height:1;transition:color .2s;z-index:9001}.hand-panel-close-btn:hover{color:#fff}.library-panel-floating{position:fixed;bottom:200px;left:75%;z-index:9000;transform:translate(0);transition:transform .3s ease-out}.graveyard-panel-floating{position:fixed;bottom:200px;left:81%;z-index:9000;transform:translate(0);transition:transform .3s ease-out}.exile-panel-floating{position:fixed;bottom:200px;left:87%;z-index:9000;transform:translate(0);transition:transform .3s ease-out}.hand-container{overflow:visible!important}.card-panel-override{margin-bottom:-240px;margin-left:47px}.card-panel-override2{bottom:auto!important}.hand-panel-options-list{display:flex;flex-direction:column;gap:2px;padding:8px 0;background-color:#2c2c2c;border-radius:6px;box-shadow:0 4px 15px #000000b3;max-height:219px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 #2c2c2c}.hand-panel-options-list::-webkit-scrollbar{width:6px}.hand-panel-options-list::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px}.hand-panel-options-list::-webkit-scrollbar-track{background:#2c2c2c}.hand{flex:1;display:flex;flex-direction:column;overflow:hidden}.hand-cards{display:flex;gap:4px;padding:1px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;min-height:139px;flex-grow:1;align-items:center}.hand-empty-placeholder{width:100%;text-align:center;font-style:italic;font-size:14px;color:#666;border:2px dashed #666;border-radius:5px;padding:50px 10px;margin:5px}.panel-overlay-input{padding:10px;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;width:200px;margin:10px;box-shadow:0 4px 12px #00000080;position:relative;left:-800px;Top:-200px}.panel-input-title{color:#fff;font-size:14px;margin-top:0;margin-bottom:8px;text-align:center}.full-width-input{width:90%;padding:8px;margin-bottom:10px;border:1px solid #555;background-color:#2a2a2a;color:#fff;border-radius:4px;text-align:center}.panel-input-actions{display:flex;justify-content:space-between;gap:5px}.action-btn-confirm{background-color:#007bff}.action-btn-cancel{background-color:#6c757d}.library-viewer-overlay{position:fixed;top:0;right:0;width:300px;height:98vh;background-color:#2c2c2c;box-shadow:-4px 0 10px var(--player-color);z-index:1000;display:flex;flex-direction:column}.library-viewer-container{padding:10px;display:flex;flex-direction:column;height:97%}.library-viewer-header{display:flex;justify-content:space-between;align-items:center;color:#fff;padding-bottom:10px;border-bottom:1px solid #444}.library-viewer-header button{background-color:#555;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:4px}.library-viewer-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.card-image-preview{width:100%;padding-bottom:10px;display:flex;justify-content:center;align-items:center;height:250px;flex-shrink:0}.card-image-preview img{width:90%;height:100%;object-fit:contain;border-radius:5px}.card-list{flex-grow:1;overflow-y:auto;list-style:none;padding:10px;margin:0}.card-list li{padding:5px 0;margin-bottom:3px;border-radius:3px;cursor:pointer;transition:background-color .2s,border-left .2s;font-size:.95rem}.card-list li:hover{background-color:#3498db33;border-left:3px solid #3498db}.library-viewer-filter{padding-top:10px;border-top:1px solid #444}.library-viewer-filter input{width:100%;padding:8px;background-color:#444;color:#fff;border:1px solid #555;border-radius:4px;box-sizing:border-box}.library-viewer-filter input:focus{outline:none;border-color:#007bff}.drag-image-placeholder{position:absolute;top:-1000px;left:-1000px;width:100px;height:139px;pointer-events:none;object-fit:contain}.token-separator hr{border:0;height:1px;background:#aaa;margin:5px 0}.commander-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center}.commander-viewer-container{background-color:#2c3e50;border:2px solid var(--player-color, #3498db);border-radius:8px;box-shadow:0 4px 12px #00000080;width:95%;max-width:1200px;height:80%;max-height:700px;color:#ecf0f1;display:flex;flex-direction:column;overflow:hidden}.commander-viewer-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #34495e;font-size:1.2rem;font-weight:700;color:gold}.commander-viewer-header button{background-color:#e74c3c;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-weight:700}.commander-card-image-preview{flex-basis:55%;flex-shrink:0;padding:10px;border-right:1px solid #34495e;display:flex;justify-content:center;align-items:center;background-color:#34495e;height:70%}.commander-card-image-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:5px;box-shadow:0 0 10px #00000080}.commander-card-list{flex-basis:25%;flex-grow:0;flex-shrink:0;overflow-y:auto;list-style:none;padding:10px;margin:0}.commander-card-list li{padding:5px 10px;margin-bottom:3px;border-radius:3px;cursor:pointer;transition:background-color .2s,border-left .2s;font-size:.95rem}.commander-card-list li:hover{background-color:#3498db33;border-left:3px solid #3498db}.commander-viewer-filter{padding:10px 15px;border-top:1px solid #34495e;background-color:#2c3e50;display:flex;justify-content:flex-end}.commander-viewer-filter input{padding:8px;border:1px solid #3498db;border-radius:4px;background-color:#34495e;color:#ecf0f1;width:200px}.mana-panel-container{position:absolute;bottom:200px;left:149px;z-index:1000;display:flex;justify-content:center;align-items:center;gap:5px;margin:10px 0;color:#fff}.mana-column{display:flex;flex-direction:column;align-items:center}.mana{display:flex;flex-direction:column;justify-content:center;align-items:center;width:35px;height:45px;background-size:cover;background-repeat:no-repeat;font-weight:700;color:#fff;font-size:1em;cursor:pointer;border:none}.mana-w{background-color:#d8cd31}.mana-u{background-color:#265fd9}.mana-b{background-color:#5e0a68}.mana-r{background-color:#c81c02}.mana-g{background-color:#38b928}.mana-c{background-color:#898888}.mana-value{font-size:1.2em;font-weight:700;margin:0;text-align:center;color:#fff}.mana-button{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:14px;height:14px;display:flex;justify-content:center;align-items:center;font-size:1.2em;cursor:pointer;margin:6px 0}.mana-button:hover{background-color:#fff3}.mana-symbol{font-size:1em;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#333333b3;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#333;color:#fff;padding:20px;border-radius:10px;text-align:center;position:relative;box-shadow:0 4px 8px #0003;min-width:300px;margin-top:-700px}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#bbb;font-size:24px;cursor:pointer;line-height:1}.modal-close-button:hover{color:#fff}.modal-body p{font-size:1.2em;margin:20px 0}.modal-footer{display:flex;justify-content:center;gap:150px}.modal-button{padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .2s ease}.modal-button-confirm{background-color:#4caf50;color:#fff}.modal-button-confirm:hover{background-color:#45a049}.modal-button-cancel{background-color:#f44336;color:#fff}.modal-button-cancel:hover{background-color:#d32f2f}.card-preview-container{position:fixed;top:320px;right:15px;z-index:2000;pointer-events:none;transition:opacity .2s ease-in-out;opacity:1}.card-preview-image{width:280px;height:auto;border:4px solid #fff;border-radius:10px;box-shadow:0 4px 10px #00000080}.create-token-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.create-token-modal-content{background-color:#333;padding:20px;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 12px #0006;color:#eee}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #555;padding-bottom:10px;margin-bottom:15px}.close-button{background:none;border:none;color:#eee;font-size:24px;cursor:pointer}.search-group{display:flex;gap:10px;margin-bottom:15px}.search-group input{flex-grow:1;padding:10px;border-radius:4px;border:1px solid #555;background-color:#444;color:#eee}.search-group button,.create-button{padding:10px 15px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer;font-weight:700;transition:background-color .2s}.search-group button:hover:not(:disabled),.create-button:hover:not(:disabled){background-color:#0056b3}.search-group button:disabled,.create-button:disabled{background-color:#555;cursor:not-allowed}.error-message{color:tomato;margin-bottom:10px}.token-preview{display:flex;gap:15px;border:1px solid #555;padding:15px;border-radius:4px;background-color:#2c2c2c}.preview-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.preview-info h3{margin-top:0;margin-bottom:5px;font-size:1.2rem}.preview-info p{margin:5px 0;font-size:.9rem;color:#bbb}.create-button{width:100%;margin-top:10px;background-color:#28a745}.create-button:hover:not(:disabled){background-color:#1e7e34}.preview-image{width:150px;height:210px;flex-shrink:0;background-color:#444;border-radius:4px;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.8rem;color:#888}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1ed9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:#2b2b2b;color:#fff;padding:24px;border-radius:10px;text-align:center;position:relative;box-shadow:0 5px 15px #00000080;min-width:320px;max-width:450px;border:1px solid #555}.modal-content h2{margin-top:0;margin-bottom:15px;font-size:1.6rem;color:#fff}.modal-content p{font-size:1.1rem;margin:15px 0;line-height:1.4}.modal-content strong{color:#fc6;font-weight:600}.modal-details{font-size:.9rem;color:#aaa;margin-top:20px;line-height:1.3}.modal-actions{display:flex;justify-content:center;gap:15px;margin-top:25px}.modal-button{padding:10px 24px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700;transition:all .2s ease;min-width:100px}.modal-button.primary{background-color:#4caf50;color:#fff}.modal-button.primary:hover{background-color:#45a049}.modal-button.secondary{background-color:#555;color:#fff;border:1px solid #777}.modal-button.secondary:hover{background-color:#666}.modal-button.danger{background-color:#f44336;color:#fff}.modal-button.danger:hover{background-color:#d32f2f}body,#root,html{margin:0;padding:0;min-height:100vh;overflow-y:auto}.deck-manager-container{padding:20px;min-height:100vh}.deck-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;padding:10px;border-radius:8px;background-color:#333;min-height:250px;max-height:600px;overflow-y:scroll}.deck-list>div{display:flex;flex-direction:column;justify-content:space-between}