:root{--halloween-orange: #ff6b35;--halloween-purple: #6a0572;--halloween-black: #2d1b1b;--halloween-dark: #1a1a1a;--halloween-green: #4a5c3a;--halloween-yellow: #ffa500;--halloween-red: #8b0000;--halloween-blue: #3498db;--text-light: #f5f5f5;--text-dark: #333;--border-radius: 8px;--shadow: 0 4px 12px rgba(0, 0, 0, 0.3);--shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.4);--transition: all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Roboto",sans-serif;background:linear-gradient(135deg, var(--halloween-dark) 0%, var(--halloween-black) 100%);color:var(--text-light);min-height:100vh;overflow-x:hidden;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(90deg, var(--halloween-purple), var(--halloween-orange));padding:1rem 0;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;padding-left:120px}@media(max-width: 768px){.header-content{flex-direction:column;gap:1rem;text-align:center;padding:0 1rem}}.title{font-family:"Creepster",cursive;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}@media(max-width: 768px){.title{font-size:1.5rem}}.stats{display:flex;gap:2rem}@media(max-width: 768px){.stats{gap:1rem}}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;position:relative;overflow:hidden}.stat-label{font-size:.8rem;opacity:.9}.stat-value{font-size:1.5rem;font-weight:bold;color:var(--text-light);transition:var(--transition)}.floor-nav{background:var(--halloween-black);padding:1rem 0;display:flex;justify-content:center;gap:1rem;box-shadow:0 2px 8px rgba(0,0,0,.3)}@media(max-width: 768px){.floor-nav{flex-wrap:wrap;padding:.5rem}}.floor-btn{background:var(--halloween-green);color:var(--text-light);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.floor-btn:hover{background:var(--halloween-orange);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.floor-btn.active{background:var(--halloween-orange);transform:translateY(-2px)}@media(max-width: 768px){.floor-btn{flex:1;min-width:120px;padding:.6rem 1rem;font-size:.9rem}}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2rem;width:100%}@media(max-width: 768px){.main-content{padding:1rem}}.floor-plan-container{background:var(--halloween-black);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem;position:relative;overflow:hidden}@media(max-width: 768px){.floor-plan-container{padding:1rem;overflow:auto}}.floor-plan{position:relative;width:600px;height:400px;margin:0 auto;background:linear-gradient(45deg, #2a2a2a 25%, #1f1f1f 25%, #1f1f1f 50%, #2a2a2a 50%, #2a2a2a 75%, #1f1f1f 75%);background-size:20px 20px;border:3px solid var(--halloween-orange);border-radius:var(--border-radius);cursor:crosshair}.floor-plan.upstairs{background-image:url("/images/upstairs.png");background-size:cover;background-position:center;background-repeat:no-repeat}.floor-plan.downstairs{background-image:url("/images/downstairs.png");background-size:cover;background-position:center;background-repeat:no-repeat}.floor-plan.tents{background-image:url("/images/tents.png");background-size:cover;background-position:center;background-repeat:no-repeat}@media(max-width: 768px){.floor-plan{margin:0;transform-origin:0 0;transform:scale(0.8)}}@media(max-width: 480px){.floor-plan{transform:scale(0.6)}}.space{position:absolute;border:2px solid #fff;border-radius:4px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;text-align:center;padding:4px;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,.4)}.space.available{background:rgba(74,175,79,.8);border-color:#4caf50}.space.claimed{background:rgba(255,165,0,.8);border-color:var(--halloween-yellow)}.space.assigned{background:rgba(139,0,0,.8);border-color:var(--halloween-red)}.space.highlighted{animation:spaceHighlight 2s ease}.space:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(255,107,53,.6);z-index:10}.space-name{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);line-height:1.2}.space .chat-indicator{position:absolute;top:-8px;right:-8px;background:var(--halloween-orange);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;animation:pulse 2s infinite;z-index:11}.space-tooltip{position:absolute;background:var(--halloween-black);color:var(--text-light);padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.9rem;border:2px solid var(--halloween-orange);box-shadow:var(--shadow-hover);z-index:1000;pointer-events:none;white-space:nowrap;max-width:300px}.space-tooltip::after{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);border:4px solid rgba(0,0,0,0);border-bottom-color:var(--halloween-orange)}.space-tooltip.show{opacity:1}.cursors-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.cursor{position:absolute;width:20px;height:20px;pointer-events:none;z-index:21;opacity:1;transform:scale(1)}.cursor.cursor-entering{animation:cursorElasticEnter .6s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards}.cursor.cursor-leaving{animation:cursorElasticLeave .5s cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards}.cursor::before{content:"▲";font-size:16px;position:absolute;transform:rotate(-45deg)}.cursor-label{position:absolute;left:20px;top:-5px;background:rgba(0,0,0,.8);color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none}.legend{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;background:var(--halloween-black);padding:1rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}@media(max-width: 768px){.legend{gap:1rem;font-size:.9rem}}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:20px;height:20px;border-radius:4px;border:2px solid #fff}.legend-color.available{background:rgba(74,175,79,.8)}.legend-color.claimed{background:rgba(255,165,0,.8)}.legend-color.assigned{background:rgba(139,0,0,.8)}.legend-icon{font-size:20px}.instructions{background:var(--halloween-black);border:2px solid var(--halloween-orange);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow)}.instructions h3{color:var(--halloween-orange);margin-bottom:1rem;font-family:"Creepster",cursive;font-size:1.3rem}.instructions ul{list-style:none;padding:0;margin:0}.instructions li{margin:.75rem 0;padding:.5rem 0;border-bottom:1px solid rgba(255,107,53,.2);position:relative;padding-left:2rem}.instructions li:before{content:"🎃";position:absolute;left:0;top:.5rem}.instructions li:last-child{border-bottom:none}@media(max-width: 768px){.instructions{padding:1rem}.instructions h3{font-size:1.1rem}.instructions li{font-size:.9rem}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalFadeIn .3s ease}.modal.hidden{display:none}.modal-content{background:var(--halloween-black);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-hover);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border:2px solid var(--halloween-orange);animation:modalSlideIn .3s ease}@media(max-width: 768px){.modal-content{padding:1rem;margin:1rem}}.modal h2,.modal h3{color:var(--halloween-orange);margin-bottom:1rem;font-family:"Creepster",cursive}.modal p{margin-bottom:1rem;line-height:1.6}.modal input,.modal textarea{width:100%;padding:.75rem;border:2px solid var(--halloween-green);border-radius:var(--border-radius);background:var(--halloween-dark);color:var(--text-light);font-size:1rem;margin-bottom:1rem;transition:var(--transition)}.modal input:focus,.modal textarea:focus{outline:none;border-color:var(--halloween-orange);box-shadow:0 0 0 3px rgba(255,107,53,.1)}.modal input::placeholder,.modal textarea::placeholder{color:rgba(245,245,245,.5)}body.modal-open{overflow:hidden}.chat-modal.hidden{display:none}.chat-modal .modal-content{max-width:700px}@media(min-width: 769px){.chat-modal .modal-content{max-height:85vh;height:80vh;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}}@media(max-width: 768px){.chat-modal .modal-content{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;max-width:none;max-height:100%;margin:0;border-radius:0;display:flex;flex-direction:column;padding:1rem;overflow:hidden}}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--halloween-green);flex-shrink:0}.chat-header h3{margin:0}.chat-header-actions{display:flex;align-items:center;gap:.5rem}@media(max-width: 768px){.chat-header-actions{flex-wrap:wrap;justify-content:space-between}}.close-btn{background:none;border:none;color:var(--halloween-orange);font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:var(--transition);flex-shrink:0}.close-btn:hover{transform:scale(1.2);color:var(--halloween-red)}@media(max-width: 768px){.chat-title{width:100%}}.chat-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.space-info{background:var(--halloween-dark);border-radius:var(--border-radius);border:1px solid var(--halloween-green);flex-shrink:0;margin-bottom:1rem}@media(min-width: 769px){.space-info{padding:.5rem 1rem}.space-info .compact{display:flex;align-items:center;gap:.5rem}.space-info .compact .icon{margin-right:0}.space-info .compact .text{font-size:.9rem;line-height:1.2}}@media(max-width: 768px){.space-info{padding:.75rem}}.space-info h4{color:var(--halloween-orange);margin:0 0 .5rem 0;font-size:1rem}.space-info .assignment-info{color:var(--halloween-red);font-weight:bold;margin-bottom:.5rem}.space-info .assignment-info .icon{margin-right:.5rem}.space-info .claims-info{color:var(--halloween-yellow)}.space-info .claims-info .icon{margin-right:.5rem}.space-info .claims-info .claims-list{margin-left:1.5rem;font-size:.9rem}.space-info .available-info{color:var(--halloween-green)}.space-info .available-info .icon{margin-right:.5rem}.btn-about-space{background:var(--halloween-blue);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition);flex-shrink:0}.btn-about-space:hover{background:#2980b9;transform:translateY(-2px)}@media(max-width: 768px){.btn-about-space{padding:.5rem .8rem;font-size:.75rem}}.space-info-modal .modal-content{max-width:600px;max-height:90vh;overflow-y:auto}.space-info-modal .space-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--halloween-green)}.space-info-modal .space-info-header h3{margin:0;color:var(--halloween-orange);font-family:"Creepster",cursive;font-size:1.5rem}.space-info-modal .space-info-body{display:flex;flex-direction:column;gap:1.5rem}.space-info-modal .space-info-image-container{text-align:center}.space-info-modal .space-info-image-container .space-info-image{max-width:100%;height:auto;max-height:300px;border-radius:var(--border-radius);box-shadow:var(--shadow);border:2px solid var(--halloween-orange)}.space-info-modal .space-info-text .info-text-content{background:var(--halloween-dark);padding:1rem;border-radius:var(--border-radius);border-left:3px solid var(--halloween-orange);color:var(--text-light);line-height:1.6}.space-info-modal .space-info-text .no-info-message{text-align:center;color:var(--halloween-orange);font-style:italic;padding:2rem;background:var(--halloween-dark);border-radius:var(--border-radius);opacity:.8}.space-info-modal .space-info-details{background:var(--halloween-dark);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--halloween-green)}.space-info-modal .space-info-details .detail-item{display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,107,53,.2)}.space-info-modal .space-info-details .detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.space-info-modal .space-info-details .detail-item .detail-label{font-weight:600;color:var(--halloween-orange);margin-right:1rem}.space-info-modal .space-info-details .detail-item .detail-value{flex:1;text-align:right;color:var(--text-light)}.space-info-modal .space-info-details .detail-item.status-available .detail-value{color:var(--halloween-green)}.space-info-modal .space-info-details .detail-item.status-claimed .detail-value{color:var(--halloween-yellow)}.space-info-modal .space-info-details .detail-item.status-assigned .detail-value{color:var(--halloween-red)}.space-info-modal .error-message{text-align:center;color:var(--halloween-red);padding:2rem;font-weight:500}@media(max-width: 768px){.space-info-modal .modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.space-info-modal .space-info-header h3{font-size:1.2rem}.space-info-modal .space-info-image-container .space-info-image{max-height:200px}}@keyframes spaceInfoSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.space-info-modal:not(.hidden) .modal-content{animation:spaceInfoSlideIn .3s ease}.chat-messages{flex:1;overflow-y:auto;margin-bottom:1rem;padding:.5rem;background:var(--halloween-dark);border-radius:var(--border-radius);border:1px solid var(--halloween-green);min-height:0}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:var(--halloween-dark)}.chat-messages::-webkit-scrollbar-thumb{background:var(--halloween-orange);border-radius:4px}.message{margin-bottom:.75rem;padding:.5rem;border-radius:var(--border-radius);border-left:3px solid var(--halloween-orange);animation:messageSlideIn .3s ease;background:rgba(255,107,53,.1)}.message.own-message{background:rgba(52,152,219,.1);border-left-color:var(--halloween-blue);margin-left:1rem}.message.system-message{background:rgba(74,175,79,.1);border-left-color:var(--halloween-green);font-style:italic;text-align:center}.message-header{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.8rem;opacity:.8}.message-user{font-weight:bold;color:var(--halloween-orange)}.own-message .message-user{color:var(--halloween-blue)}.system-message .message-user{color:var(--halloween-green)}.message-time{color:var(--text-light)}.message-content{color:var(--text-light);word-wrap:break-word}.typing-indicators{min-height:20px;font-style:italic;opacity:.7;color:var(--halloween-yellow);font-size:.9rem;flex-shrink:0;padding:.25rem .5rem}@media(max-width: 768px){.typing-indicators{min-height:15px;font-size:.8rem}}.chat-input-area{flex-shrink:0;background:var(--halloween-black);padding:1rem 0 0 0;border-top:1px solid var(--halloween-green)}@media(min-width: 769px){.chat-input-area{display:flex;align-items:flex-end;gap:.5rem}.chat-input-area #chat-input{flex:1;margin-bottom:0;resize:none;min-height:2.5rem;max-height:4rem}.chat-input-area #send-btn{margin-bottom:0;white-space:nowrap;padding:.75rem 1rem;height:auto;flex-shrink:0}}@media(max-width: 768px){.chat-input-area{display:flex;flex-direction:row;align-items:flex-end;gap:.5rem}.chat-input-area #chat-input{flex:1;margin-bottom:0;resize:none;min-height:2.5rem;max-height:4rem}.chat-input-area #send-btn{margin-bottom:0;white-space:nowrap;padding:.75rem 1rem;height:auto;flex-shrink:0}}.btn-primary,.btn-claim{background:var(--halloween-orange);color:var(--text-light);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.btn-primary:hover,.btn-claim:hover{background:var(--halloween-purple);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-primary:active,.btn-claim:active{transform:translateY(0)}@media(max-width: 768px){.btn-primary,.btn-claim{padding:.6rem 1rem;font-size:.9rem}}.btn-claim{background:var(--halloween-green);flex-shrink:0}.btn-claim.unclaim{background:var(--halloween-red)}.btn-claim:hover{background:var(--halloween-orange)}.btn-claim.unclaim:hover{background:#a50000}@media(max-width: 768px){.btn-claim{padding:.5rem 1rem;font-size:.8rem}}.admin-link{position:fixed;bottom:2rem;right:2rem;z-index:100}@media(max-width: 768px){.admin-link{bottom:1rem;right:1rem}}.admin-link a{background:var(--halloween-purple);color:var(--text-light);padding:.75rem 1rem;border-radius:var(--border-radius);text-decoration:none;font-weight:500;box-shadow:var(--shadow);transition:var(--transition);display:block}.admin-link a:hover{background:var(--halloween-orange);transform:translateY(-2px);box-shadow:var(--shadow-hover)}@media(max-width: 768px){.admin-link a{padding:.6rem .8rem;font-size:.9rem}}.change-name-btn{position:fixed;top:1rem;left:1rem;background:var(--halloween-orange);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.8rem;transition:var(--transition);z-index:101;box-shadow:var(--shadow)}.change-name-btn:hover{background:var(--halloween-purple);transform:translateY(-2px)}@media(max-width: 768px){.change-name-btn{top:5rem;padding:.4rem .8rem;font-size:.7rem}}.logout-btn{position:fixed;top:1rem;right:1rem;background:var(--halloween-red);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.8rem;transition:var(--transition);z-index:101;box-shadow:var(--shadow)}.logout-btn:hover{background:#a50000;transform:translateY(-2px)}@media(max-width: 768px){.logout-btn{padding:.4rem .8rem;font-size:.7rem}}.random-name-btn{background:rgba(0,0,0,0);border:2px solid var(--halloween-orange);color:var(--halloween-orange);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;margin-top:.5rem;transition:var(--transition)}.random-name-btn:hover{background:var(--halloween-orange);color:#fff}.empty-chat{text-align:center;color:var(--halloween-orange);font-style:italic;padding:2rem;opacity:.7}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spaceHighlight{0%,100%{box-shadow:0 2px 8px rgba(0,0,0,.4)}50%{box-shadow:0 4px 20px rgba(255,107,53,.8)}}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cursorElasticEnter{0%{opacity:0;transform:scale(0)}30%{opacity:.7;transform:scale(0.8)}70%{opacity:1;transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}@keyframes cursorElasticLeave{0%{opacity:1;transform:scale(1)}30%{opacity:.8;transform:scale(1.1)}100%{opacity:0;transform:scale(0)}}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:var(--border-radius);box-shadow:var(--shadow);z-index:10000;max-width:300px;word-wrap:break-word;font-weight:500}.notification.notification-success{background:#2ed573;color:#fff}.notification.notification-error{background:#ff4757;color:#fff}.notification.notification-info{background:#5352ed;color:#fff}@media(max-width: 768px){.notification{top:60px;right:10px;left:10px;max-width:none;font-size:.9rem}}.error-message,.join-error{color:var(--halloween-red);background:rgba(255,71,87,.1);border:1px solid var(--halloween-red);border-radius:var(--border-radius);padding:.5rem;margin:.5rem 0;font-size:.9rem}.join-error{border-left:3px solid var(--halloween-red)}.loading{text-align:center;padding:2rem;color:var(--halloween-orange);font-style:italic}.message-delete-btn{position:absolute;top:.25rem;right:.25rem;background:rgba(255,71,87,.8);color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.message-delete-btn:hover{background:#ff4757;transform:scale(1.1);opacity:1 !important}.message-delete-btn:active{transform:scale(0.95)}.message.own-message:hover .message-delete-btn{opacity:.7}.message-header{position:relative;padding-right:2rem}.delete-message-modal{z-index:1001}.delete-message-modal .modal-content{max-width:400px;text-align:center}.delete-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--halloween-green)}.delete-message-header h3{margin:0;color:var(--halloween-orange);font-family:"Creepster",cursive}.delete-message-body p{margin-bottom:1.5rem;color:var(--text-light);line-height:1.5}.delete-message-buttons{display:flex;gap:1rem;justify-content:center}@media(max-width: 768px){.delete-message-buttons{flex-direction:column;gap:.75rem}}.btn-cancel,.btn-delete{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);min-width:100px}@media(max-width: 768px){.btn-cancel,.btn-delete{padding:.6rem 1rem;font-size:.9rem;min-width:auto;width:100%}}.btn-cancel{background:var(--halloween-green);color:var(--text-light)}.btn-cancel:hover{background:var(--halloween-orange);transform:translateY(-2px)}.btn-delete{background:var(--halloween-red);color:var(--text-light)}.btn-delete:hover{background:#a50000;transform:translateY(-2px)}.btn-delete:disabled{background:#666;cursor:not-allowed;transform:none}.loading-spinner{border:3px solid rgba(255,107,53,.3);border-top:3px solid var(--halloween-orange);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.message.deleting{animation:messageDelete .6s ease forwards}@keyframes messageDelete{0%{opacity:1;max-height:auto;transform:scale(1)}30%{opacity:.5;transform:scale(0.98)}100%{opacity:0;max-height:0;margin:0;padding:0;transform:scale(0.95)}}@media(max-width: 768px){.message-delete-btn{width:24px;height:24px;font-size:14px;opacity:.6}.message-header{padding-right:2.5rem}.delete-message-modal .modal-content{margin:1rem;max-width:none}}.smallerlogintext{font-size:.8rem}.message-delete-btn:focus{outline:2px solid var(--halloween-orange);outline-offset:2px;opacity:1}.btn-cancel:focus,.btn-delete:focus{outline:2px solid var(--halloween-orange);outline-offset:2px}@media(prefers-color-scheme: dark){.delete-message-modal .modal-content{background:var(--halloween-black);border-color:var(--halloween-orange)}}@media(prefers-contrast: high){.message-delete-btn{border:1px solid #fff}.btn-cancel,.btn-delete{border:2px solid currentColor}}