@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&family=Bangers&display=swap);body{background:#000;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}h1,h2,h3{font-family:Bangers,cursive;letter-spacing:1px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a0000,#000);color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.app.loading{align-items:center;justify-content:center}.loading-spinner{color:#fff;font-size:1.5rem;text-align:center}button{background:linear-gradient(45deg,#8b0000,#c00);border:none;border-radius:8px;box-shadow:0 4px 15px #00000080;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}button:hover{background:linear-gradient(45deg,#a00000,#e00);box-shadow:0 6px 20px #8b000099;transform:translateY(-2px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-button{background:linear-gradient(45deg,#4a4a4a,#666)}.back-button:hover{background:linear-gradient(45deg,#555,#777)}.back-button-icon{background:#1a0000cc;border:2px solid #4a4a4a;color:#c00;font-size:1.3rem;padding:0}.back-button-icon:hover{background:#1a0000;border-color:#8b0000;box-shadow:0 4px 15px #c006;color:#e00}.create-button,.start-button{background:linear-gradient(45deg,#8b0000,#c00);font-size:1.2rem;padding:16px 32px}.form-group{margin-bottom:1rem}.form-group label{color:#fff;font-family:Poppins,sans-serif;font-weight:600}.form-group input,.form-group select{background:#1a1a1a;border:2px solid #4a4a4a;border-radius:8px;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#c00;outline:none}.error-message{padding:12px}.success-message{background:#2d2d2d;border:2px solid #4a4a4a;border-radius:8px;color:#fff;font-family:Poppins,sans-serif;margin-bottom:1rem;padding:12px;text-align:center}.card{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:12px;box-shadow:0 4px 20px #00000080;margin-bottom:1rem;padding:1.5rem}@media (max-width:768px){.app{padding:1rem}button{margin-bottom:.5rem;width:100%}.form-group input,.form-group select{font-size:16px}}.intro-screen{background:linear-gradient(135deg,#1a0000,#000);color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:2rem;text-align:center}.intro-video-placeholder{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:2rem}.video-placeholder{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0000cc;border:2px solid #8b0000;border-radius:12px;max-width:600px;padding:2rem}.video-placeholder h1{color:#c00;font-family:Bangers,cursive;font-size:2.5rem;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 2px 4px #000c;white-space:nowrap}.video-placeholder p{color:#e0e0e0;font-family:Poppins,sans-serif;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.intro-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.start-button{background:linear-gradient(45deg,#8b0000,#c00);border:none;border-radius:12px;box-shadow:0 6px 20px #8b000099;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.start-button:hover{background:linear-gradient(45deg,#a00000,#e00);box-shadow:0 8px 25px #8b0000cc;transform:translateY(-3px)}.scan-instruction{font-size:1rem;margin-top:1rem;opacity:.9}.secondary-button{background:linear-gradient(45deg,#4a0000,#6a0000);border:2px solid #c00;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.secondary-button:hover{background:linear-gradient(45deg,#6a0000,#8b0000);box-shadow:0 4px 15px #8b000080;transform:translateY(-2px)}.email-login-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px}.email-input{background:#1a0000cc;border:2px solid #c00;border-radius:8px;color:#fff;font-family:Poppins,sans-serif;font-size:1.1rem;padding:.75rem}.email-input::placeholder{color:#999}.email-input:focus{border-color:#e00;box-shadow:0 0 10px #cc000080;outline:none}@media (max-width:768px){.intro-screen{padding:1rem}.video-placeholder h1{font-size:2rem}.video-placeholder p{font-size:1rem}}.treasure-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.treasure-modal-content{animation:slideUp .4s ease;background:linear-gradient(135deg,#1a0000,#000);border:3px solid #c00;border-radius:20px;box-shadow:0 10px 40px #cc000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.treasure-modal-header{margin-bottom:2rem;text-align:center}.treasure-modal-header h2{color:#c00;font-family:Bangers,cursive;font-size:2rem;margin:0;text-shadow:2px 2px 4px #000c}.treasure-loot-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.loot-item-card{align-items:center;animation:popIn .5s ease;background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}@keyframes popIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.loot-item-card.item-weapon{border-color:#c00}.loot-item-card.item-armor{border-color:#4a90e2}.loot-item-card:hover{box-shadow:0 5px 20px #cc00004d;transform:translateY(-5px)}.loot-thumbnail{height:80px;position:relative;width:80px}.loot-thumbnail-img{border-radius:8px;height:100%;object-fit:contain;width:100%}.loot-thumbnail-fallback{align-items:center;background:linear-gradient(135deg,#8b0000,#c00);border:2px solid #4a4a4a;border-radius:8px;color:#fff;display:flex;font-family:Bangers,cursive;font-size:3rem;height:100%;justify-content:center;text-shadow:2px 2px 4px #00000080;width:100%}.loot-item-info{text-align:center;width:100%}.loot-item-info h3{color:#c00;font-family:Bangers,cursive;font-size:1.3rem;margin:0 0 .5rem}.loot-item-type{color:#e0e0e0;font-size:.9rem;margin:0 0 1rem;opacity:.8;text-transform:capitalize}.loot-item-stats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.loot-item-stats span{background:#00000080;border:1px solid #4a4a4a;border-radius:12px;color:#fff;font-size:.9rem;padding:.25rem .75rem}.stat-power{background:#c003!important;border-color:#c00!important}.stat-defense{background:#4a90e233!important;border-color:#4a90e2!important}.stat-luck{background:#2ecc7133!important;border-color:#2ecc71!important}.empty-loot{color:#e0e0e0;font-size:1.2rem;grid-column:1/-1;padding:2rem;text-align:center}.friend-found-card{align-items:center;animation:popIn .5s ease;background:#1a000099;border:2px solid #2ecc71;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;grid-column:1/-1;padding:2rem}.friend-avatar{height:120px;width:120px}.friend-placeholder{filter:drop-shadow(0 0 10px rgba(46,204,113,.5));font-size:5rem}.friend-info{text-align:center;width:100%}.friend-info h3{color:#2ecc71;font-family:Bangers,cursive;font-size:2rem;margin:0 0 .5rem;text-shadow:2px 2px 4px #000c}.friend-level{color:#e0e0e0;font-size:1.2rem;margin:0 0 1rem}.kin-bonus{align-items:center;background:#2ecc7133;border:2px solid #2ecc71;border-radius:12px;display:flex;gap:1rem;justify-content:center;margin:1rem 0;padding:1rem}.kin-label{color:#e0e0e0;font-size:1.2rem}.kin-value{color:#2ecc71;font-family:Bangers,cursive;font-size:2rem;text-shadow:2px 2px 4px #000c}.friend-message{color:#e0e0e0;font-size:1rem;line-height:1.6;margin:1rem 0 0}.treasure-modal-actions{display:flex;justify-content:center;margin-top:1rem}.treasure-close-btn{background:linear-gradient(45deg,#8b0000,#c00);border:none;border-radius:25px;box-shadow:0 4px 10px #00000080;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;padding:1rem 3rem;text-shadow:1px 1px 2px #000c;transition:all .3s ease}.treasure-close-btn:hover{background:linear-gradient(45deg,#a00000,#e00);box-shadow:0 6px 15px #0009;transform:translateY(-2px)}.treasure-close-btn:active{transform:translateY(0)}@media (max-width:768px){.treasure-modal-content{padding:1.5rem}.treasure-modal-header h2{font-size:1.5rem}.treasure-loot-grid{grid-template-columns:1fr}.loot-item-card{padding:1rem}.loot-thumbnail{height:60px;width:60px}.loot-thumbnail-fallback{font-size:2rem}}.layered-character{display:inline-block;image-rendering:pixelated;position:relative}.layered-character.small{height:80px;width:80px}.layered-character.medium{height:120px;width:120px}.layered-character.large{height:200px;width:200px}.layered-character.extra-large{height:400px;width:400px}.character-layer{height:100%;image-rendering:pixelated;left:0;object-fit:contain;position:absolute;top:0;width:100%}.layer-1{z-index:1}.layer-2{z-index:2}.layer-3{z-index:3}.layer-4{z-index:4}.layer-5{z-index:5}.layer-6{z-index:6}.layer-7{z-index:7}.character-fallback{font-size:2rem;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.layered-character.animated{animation:characterBob 2s ease-in-out infinite}@keyframes characterBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.layered-character:hover{transform:scale(1.05);transition:transform .3s ease}.character-container{align-items:center;display:flex;flex-direction:column;gap:.5rem}.character-name{color:#333;font-size:.9rem;font-weight:700}.layer-6.equipped,.layer-7.equipped{filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}.layer-6.legendary,.layer-7.legendary{animation:legendaryGlow 2s ease-in-out infinite alternate}@keyframes legendaryGlow{0%{filter:drop-shadow(0 0 5px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 15px rgba(255,215,0,1)) drop-shadow(0 0 25px rgba(255,215,0,.6))}}.body-color-1{filter:sepia(1) saturate(3) hue-rotate(12deg) brightness(.8)}.body-color-2{filter:sepia(1) saturate(2) hue-rotate(10deg) brightness(.5)}.body-color-3{filter:sepia(1) saturate(7) hue-rotate(300deg) brightness(.9)}.body-color-4{filter:sepia(1) saturate(2) hue-rotate(45deg) brightness(1.1)}.body-color-5{filter:sepia(1) saturate(5) hue-rotate(25deg) brightness(1.4)}.body-color-6{filter:saturate(1) brightness(1.3)}.body-color-7{filter:sepia(1) saturate(5) hue-rotate(90deg) brightness(.8)}.body-color-8{filter:sepia(.5) saturate(6) hue-rotate(190deg) brightness(.9)}.hair-color-1{filter:sepia(1) saturate(6) hue-rotate(350deg) brightness(1)}.hair-color-2{filter:sepia(1) saturate(2) hue-rotate(10deg) brightness(.5)}.hair-color-3{filter:sepia(1) saturate(7) hue-rotate(300deg) brightness(.9)}.hair-color-4{filter:sepia(1) saturate(2) hue-rotate(45deg) brightness(1.1)}.hair-color-5{filter:sepia(1) saturate(5) hue-rotate(240deg) brightness(1)}.hair-color-6{filter:saturate(1) brightness(1.3)}.hair-color-7{filter:sepia(1) saturate(5) hue-rotate(90deg) brightness(.8)}.hair-color-8{filter:sepia(.5) saturate(6) hue-rotate(190deg) brightness(.9)}.layered-character.loading{opacity:.5}.layered-character.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b6b;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px;z-index:10}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.layered-character.large{height:150px;width:150px}.layered-character.extra-large{height:200px;width:200px}}.kin-modal{max-width:500px;text-align:center}.kin-modal h2{color:#4caf50;margin-bottom:20px}.kin-character-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;margin:20px 0;padding:20px}.kin-info{margin:20px 0}.kin-info h3{color:#333;font-size:1.5em;margin-bottom:15px}.kin-stats{display:flex;gap:20px;justify-content:space-around;margin:15px 0}.kin-stats .stat-item{align-items:center;background:#f0f0f0;border-radius:8px;display:flex;flex-direction:column;min-width:80px;padding:10px}.kin-stats .stat-label{color:#666;font-size:.85em;margin-bottom:5px;text-transform:uppercase}.kin-stats .stat-value{color:#333;font-size:1.5em;font-weight:700}.kin-message{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;margin:20px 0;padding:15px}.kin-message p{color:#333;margin:8px 0}.kin-message strong{color:#4caf50;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;bottom:0;right:0;z-index:10000}.modal-content{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border:3px solid #ff6b6b;border-radius:15px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:30px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-content.success{border-color:#51cf66}.modal-content.warning{border-color:#ffd43b}.modal-content.danger{border-color:#ff6b6b}.modal-content.info{border-color:#4dabf7}.modal-title{color:#fff;font-size:24px;font-weight:700;letter-spacing:2px;margin:0 0 20px;text-align:center;text-transform:uppercase}.modal-message{color:#ddd;font-size:16px;line-height:1.6;margin:0 0 30px;text-align:center}.modal-actions{gap:15px}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;min-width:100px;padding:12px 30px;text-transform:uppercase;transition:all .2s}.modal-button.confirm{background:linear-gradient(135deg,#51cf66,#37b24d);box-shadow:0 4px 15px #51cf664d;color:#fff}.modal-button.confirm:hover{box-shadow:0 6px 20px #51cf6666;transform:translateY(-2px)}.modal-button.cancel{background:linear-gradient(135deg,#868e96,#495057);box-shadow:0 4px 15px #868e964d;color:#fff}.modal-button.cancel:hover{box-shadow:0 6px 20px #868e9666;transform:translateY(-2px)}.modal-button:active{transform:translateY(0)}.modal-content.danger .modal-button.confirm{background:linear-gradient(135deg,#ff6b6b,#fa5252);box-shadow:0 4px 15px #ff6b6b4d}.modal-content.danger .modal-button.confirm:hover{box-shadow:0 6px 20px #ff6b6b66}.modal-content.warning .modal-button.confirm{background:linear-gradient(135deg,#ffd43b,#fcc419);box-shadow:0 4px 15px #ffd43b4d;color:#333}.modal-content.warning .modal-button.confirm:hover{box-shadow:0 6px 20px #ffd43b66}.qr-scanner{background:linear-gradient(135deg,#1a0000,#000);color:#fff;min-height:100vh;padding:1rem}.scanner-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.camera-container{border-radius:12px;margin:0 auto 2rem;max-width:400px;overflow:hidden;position:relative}.camera-video{background:#000;height:300px;object-fit:cover;width:100%}.scan-overlay{align-items:center;background:#0000004d;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.scan-frame{border:3px solid #00b894;border-radius:12px;height:200px;margin-bottom:1rem;width:200px}.scanner-actions{margin-bottom:2rem;text-align:center}.manual-input-button{background:linear-gradient(45deg,#74b9ff,#0984e3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem}.scan-result{background:#ffffff1a;border-radius:12px;padding:2rem;text-align:center}.scan-result.success{border:2px solid #00b894}.qr-guide{background:#ffffff1a;border-radius:8px;padding:1rem}.guide-item{align-items:center;display:flex;margin-bottom:.5rem}.color-indicator{border-radius:50%;height:20px;margin-right:.5rem;width:20px}.color-indicator.green{background:#00b894}.color-indicator.purple{background:#a29bfe}.color-indicator.red{background:#e17055}.modal-content{margin:0 auto;max-width:350px;padding:1.5rem}.modal-content h2{font-size:1.5rem;margin:0 0 1rem}.modal-input{background:#1a1a1a;border:2px solid #4a4a4a;border-radius:8px;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;letter-spacing:2px;margin-bottom:1rem;padding:.75rem;text-align:center;width:100%}.modal-input:focus{border-color:#c00;box-shadow:0 0 10px #cc00004d;outline:none}.modal-actions{gap:1rem}.modal-cancel,.modal-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .2s ease}.modal-cancel{background:#4a4a4a;color:#fff}.modal-cancel:hover{background:#666;transform:translateY(-2px)}.modal-submit{background:linear-gradient(45deg,#8b0000,#c00);color:#fff}.modal-submit:hover{background:linear-gradient(45deg,#a00000,#e00);transform:translateY(-2px)}@media (max-width:768px){.modal-content{max-width:320px;padding:1.25rem;width:85%}.modal-content h2{font-size:1.3rem;margin-bottom:.75rem}.modal-input{font-size:.9rem;padding:.6rem}.modal-cancel,.modal-submit{font-size:.85rem;padding:.6rem}}@media (max-width:380px){.modal-content{padding:1rem;width:90%}.modal-content h2{font-size:1.2rem}.modal-actions{gap:.5rem}}.character-creation{background:linear-gradient(135deg,#1a0000,#000);display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;overflow-y:auto;padding:20px;position:relative}.back-button-icon{background:#1a0000e6;border:3px solid #4a4a4a;color:#e0e0e0;transition:all .2s ease;z-index:1000}.back-button-icon:hover{background:#8b0000;border-color:#c00}.scan-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.scan-section h2{color:#c00;font-family:Bangers,cursive;font-size:2.5rem;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 2px 4px #000c;white-space:nowrap}.scan-section p{color:#fff;font-size:1.2rem;margin-bottom:2rem;text-shadow:1px 1px 2px #0000004d}.creation-header{margin-bottom:1.5rem;padding-top:60px;text-align:center}.creation-header h2{color:#c00;font-family:Bangers,cursive;font-size:2.2rem;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 2px 4px #000c;white-space:nowrap}.basic-info-form{background:#1a0000e6;border:2px solid #4a4a4a;border-radius:20px;box-shadow:0 10px 30px #000c;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-height:calc(100vh - 200px);max-width:500px;overflow-y:auto;padding:2rem}.scan-id-field{background:#1a1a1a!important;cursor:not-allowed;opacity:.7}.appearance-screen{display:flex;flex-direction:column;min-height:100vh}.carousel-container{flex-direction:column;gap:1.5rem;margin:0 auto;max-width:100vw;padding:80px 1rem 100px;width:100%}.carousel-container,.character-preview-main{align-items:center;display:flex;justify-content:center}.character-preview-main{background:#fff;border:3px solid #4a4a4a;border-radius:20px;box-shadow:0 10px 30px #000c;max-height:35vh;padding:1.5rem}.customization-carousel{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:500px;width:95%}.carousel-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;width:100%}.carousel-nav{align-items:center;background:#1a0000e6;border:3px solid #4a4a4a;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:2rem;height:50px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:50px}.carousel-nav:hover:not(:disabled){background:#8b0000;border-color:#c00;transform:scale(1.1)}.carousel-nav:disabled{cursor:not-allowed;opacity:.3}.carousel-title{color:#c00;flex:1 1;font-family:Bangers,cursive;font-size:1.5rem;margin:0;text-align:center}.carousel-content{align-items:center;background:#1a0000e6;border:2px solid #4a4a4a;border-radius:20px;box-shadow:0 10px 30px #000c;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;width:100%}.carousel-options{align-items:center;display:flex;justify-content:center;min-height:100px}.carousel-indicator{color:#8b8b8b;font-family:Poppins,sans-serif;font-size:1rem;text-align:center}.editor-row{border-bottom:1px solid #4a4a4a;margin-bottom:1.5rem;padding-bottom:1.5rem}.editor-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.editor-row label{color:#c00;display:block;font-family:Bangers,cursive;font-size:1.2rem;margin-bottom:.75rem}.color-selector{display:flex;flex-wrap:wrap;gap:.75rem}.color-dot{border:3px solid #4a4a4a;border-radius:50%;cursor:pointer;height:50px;padding:0;transition:all .2s ease;width:50px}.color-dot:hover{border-color:#8b8b8b;transform:scale(1.1)}.color-dot.active{border-color:#c00;border-width:4px;box-shadow:0 0 10px #cc000080}.gender-row{border-bottom:2px solid #4a4a4a!important;margin-bottom:2rem!important;padding-bottom:2rem!important}.gender-selector{gap:1rem}.gender-btn,.gender-selector{display:flex;justify-content:center}.gender-btn{align-items:center;background:#2d2d2d;border:3px solid #4a4a4a;border-radius:10px;color:#e0e0e0;cursor:pointer;font-family:Arial,sans-serif;font-size:2.5rem;height:70px;transition:all .2s ease;width:70px}.gender-btn:hover{background:#3a3a3a;border-color:#8b8b8b;transform:scale(1.05)}.gender-btn.active{background:#8b0000;border-color:#c00;box-shadow:0 0 15px #c009;color:#fff}.selector-controls{gap:1.5rem;justify-content:space-between}.arrow-btn,.selector-controls{align-items:center;display:flex}.arrow-btn{background:#2d2d2d;border:3px solid #4a4a4a;border-radius:8px;color:#e0e0e0;cursor:pointer;font-family:Poppins,sans-serif;font-size:2.5rem;height:50px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:50px}.arrow-btn:hover{background:#3a3a3a;border-color:#8b8b8b;transform:scale(1.05)}.arrow-btn:active{transform:scale(.95)}.thumbnail-preview{align-items:center;background:#2d2d2d;border:3px solid #4a4a4a;border-radius:12px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.thumbnail-preview img{height:100%;object-fit:contain;width:100%}.character-form{grid-gap:2rem;background:#1a0000e6;border:2px solid #4a4a4a;border-radius:20px;box-shadow:0 10px 30px #000c;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:2rem}.character-preview-section{align-items:center;background:linear-gradient(45deg,#1a1a1a,#2d2d2d);border:1px solid #4a4a4a;border-radius:15px;box-shadow:inset 0 2px 10px #00000080;display:flex;flex-direction:column;justify-content:center;padding:2rem}.character-name-display{background:#8b0000;border-radius:20px;box-shadow:0 2px 5px #00000080;color:#fff;font-family:Bangers,cursive;font-size:1.5rem;font-weight:700;margin-top:1rem;min-width:200px;padding:.5rem 1rem;text-align:center}.customization-panel{display:flex;flex-direction:column;gap:1.5rem}.appearance-controls,.basic-info{background:#1a1a1a;border:1px solid #4a4a4a;border-radius:10px;box-shadow:0 2px 5px #00000080;padding:1.5rem}.appearance-controls h3,.basic-info h3{border-bottom:2px solid #8b0000;color:#c00;font-family:Bangers,cursive;font-size:1.3rem;margin:0 0 1rem;padding-bottom:.5rem}.form-group{margin-bottom:.75rem}.form-group label{color:#e0e0e0;display:block;font-weight:700;margin-bottom:.5rem}.form-group input{background:#2d2d2d;border:2px solid #4a4a4a;border-radius:8px;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#c00;box-shadow:0 0 0 3px #cc00004d;outline:none}.control-section{background:#2d2d2d;border:1px solid #4a4a4a;border-radius:8px;box-shadow:0 1px 3px #00000080;margin-bottom:1.5rem;padding:1rem}.control-section label{color:#e0e0e0;display:block;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.selector-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.nav-btn{background:#8b0000;border:none;border-radius:50%;box-shadow:0 2px 5px #00000080;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;height:40px;transition:all .3s ease;width:40px}.nav-btn:hover{background:#c00;transform:scale(1.1)}.nav-btn:active{transform:scale(.95)}.color-display{align-items:center;display:flex;flex:1 1;gap:.75rem;justify-content:center}.color-swatch{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;height:40px;width:40px}.color-display span{color:#e0e0e0;font-weight:700}.thumbnail-display{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.thumbnail-img{background:#1a1a1a;border:2px solid #4a4a4a;border-radius:8px;height:60px;width:60px}.thumbnail-display span{color:#e0e0e0;font-size:.8rem;text-align:center}.gender-filters{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.filter-btn{background:#4a4a4a;border:none;border-radius:15px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;padding:.4rem .8rem;transition:all .3s ease}.filter-btn:hover{background:#666;transform:translateY(-1px)}.form-actions{align-items:center;display:flex;justify-content:center;margin-top:auto;padding-top:1rem}.back-button{background:#4a4a4a;border:none;border-radius:25px;box-shadow:0 2px 5px #00000080;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-button:hover{background:#666;transform:translateY(-2px)}.create-button{background:linear-gradient(45deg,#8b0000,#c00);border:none;border-radius:25px;box-shadow:0 4px 10px #00000080;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;padding:.75rem 2rem;text-shadow:1px 1px 2px #000c;transition:all .3s ease}.create-button:hover{background:linear-gradient(45deg,#a00000,#e00);box-shadow:0 6px 15px #0009;transform:translateY(-2px)}.create-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message{background:#8b0000;border:2px solid #c00;box-shadow:0 2px 5px #00000080;color:#fff;font-family:Poppins,sans-serif;font-weight:700;padding:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.character-form{gap:1rem;grid-template-columns:1fr;padding:1rem}.creation-header h2{font-size:1.8rem}.selector-row{flex-direction:column;gap:.5rem}.nav-btn{font-size:1rem;height:35px;width:35px}.form-actions{flex-direction:column;gap:1rem}.basic-info-form{padding:1rem}.carousel-container{gap:1.5rem;padding:.5rem}.character-preview-main{padding:1.5rem}.customization-carousel{max-width:95vw;width:100%}.carousel-navigation{gap:.5rem}.carousel-nav{font-size:1.8rem;height:45px;width:45px}.carousel-content{padding:1.25rem}.carousel-title{font-size:1.3rem}}@media (max-width:380px){.carousel-container{padding:.25rem}.customization-carousel{width:98%}.carousel-nav{font-size:1.5rem;height:40px;width:40px}.carousel-title{font-size:1.1rem}.carousel-content{padding:1rem}}.main-game{background:linear-gradient(135deg,#1a0000,#000);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;max-height:100vh;overflow:hidden;padding:5rem 1rem 100px;position:relative}.character-header{left:50%;position:fixed;text-align:center;top:1rem;transform:translateX(-50%);z-index:98}.character-header h2{color:#c00;font-family:Bangers,cursive;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #000c;white-space:nowrap}.character-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a000099;border:1px solid #2d2d2d;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;margin:1rem auto 0;max-width:600px;padding:1.5rem;width:100%}.character-avatar{margin-bottom:1.5rem;text-align:center;width:100%}.avatar-placeholder{font-size:4rem;margin-bottom:.5rem}.catch-phrase{font-size:.9rem;font-style:italic;margin-bottom:1rem;opacity:.8;text-align:center}.stats-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);margin:0 auto;max-width:600px}.stat{align-items:center;background:#1a000066;border:1px solid #4a4a4a;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;justify-content:center;min-width:0;padding:.75rem .5rem;text-align:center}.stat-icon{color:#c00;font-size:1.2rem;margin-bottom:.25rem}.stat-label{color:#e0e0e0;font-size:.75rem;font-weight:600}.stat-value{color:#c00;font-size:1.2rem;font-weight:700}.game-menu{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.menu-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding:1.5rem 1rem;text-decoration:none;transition:all .3s ease}.reset-button{border:2px solid #c00}.menu-button:hover{background:#1a0000cc;border-color:#8b0000;transform:translateY(-2px)}.button-icon{font-size:2rem;margin-bottom:.5rem}.button-label{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.button-subtitle{font-size:.9rem;opacity:.8}.quick-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.5rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.stat-card h4{font-family:Poppins,sans-serif;font-size:.9rem;margin-bottom:.5rem;opacity:.8}.stat-number{color:#c00;font-size:1.5rem;font-weight:700}.map-button-corner,.reset-button-corner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #4a4a4a;border-radius:50%;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;position:fixed;transition:all .3s ease;width:60px;z-index:100}.reset-button-corner{background:linear-gradient(135deg,#8b0000,#c00);color:#fff;left:1rem;top:1rem}.reset-button-corner:hover{background:linear-gradient(135deg,#a00000,#e00);transform:scale(1.1)}.map-button-corner{background:#1a0000cc;color:#c00;right:1rem;top:1rem}.map-button-corner:hover{background:#1a0000;color:#e00;transform:scale(1.1)}.bottom-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0000f2;border-top:2px solid #4a4a4a;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;height:80px;left:0;padding:0 2rem;position:fixed;right:0;z-index:99}.nav-button{align-items:center;background:#1a0000cc;border:2px solid #4a4a4a;border-radius:50%;color:#c00;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:relative;top:-10px;transition:all .3s ease;width:60px}.equipment-button{justify-self:start;margin-left:1rem}.scan-button-main{justify-self:center}.friends-button{justify-self:end;margin-right:1rem}.nav-button:hover{background:#1a0000;border-color:#8b0000;color:#e00;transform:translateY(-5px)}.scan-button-main{background:linear-gradient(135deg,#8b0000,#c00);border:3px solid #c00;box-shadow:0 6px 20px #c009;color:#fff;font-size:2.5rem;height:100px;position:relative;top:-30px;width:100px;z-index:100}.scan-button-main:hover{background:linear-gradient(135deg,#a00000,#e00);border-color:#e00;box-shadow:0 8px 25px #c00c;color:#fff;transform:translateY(-8px)}@media (max-width:768px){.main-game{padding:80px .5rem 100px}.stats-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)!important}.stat{padding:.5rem .25rem}.stat-label{font-size:.75rem}.stat-value{font-size:1rem}.map-button-corner,.reset-button-corner{font-size:1.5rem;height:50px;width:50px}.reset-button-corner{left:.75rem;top:.75rem}.map-button-corner{right:.75rem;top:.75rem}.bottom-nav{height:70px;padding:0 .5rem}.nav-button{font-size:1.3rem;height:50px;top:-8px;width:50px}.equipment-button{margin-left:.5rem}.friends-button{margin-right:.5rem}.scan-button-main{font-size:2.2rem;height:85px;top:-20px;width:85px}.character-header{top:.75rem}.character-header h2{font-size:1.8rem}.stat-icon{font-size:1rem}.stat-label{font-size:.65rem}}.map{background:linear-gradient(135deg,#1a0000,#000);color:#fff;font-family:Poppins,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:1rem}.map-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.map-header h2{color:#c00;font-family:Bangers,cursive}.map-image-container{background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;margin-bottom:2rem;overflow:hidden;width:100%}.map-image{display:block;height:auto;width:100%}.lands-list{width:100%}.lands-list h3{color:#c00;font-family:Bangers,cursive;font-size:1.5rem;margin-bottom:1rem}.locations-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);max-width:100%;width:100%}.land-item-row{background:#1a000099;border:1px solid #4a4a4a;border-radius:8px;padding:1rem;position:relative;transition:all .3s ease}.land-item-row.completed{background:#228b224d;border:2px solid #4caf50;box-shadow:0 0 15px #4caf5066}.land-item-row h4{color:#c00;font-family:Bangers,cursive;font-size:1.2rem;margin:0 0 .5rem}.land-item-row.completed h4{color:#4caf50}.land-completed-check{color:#4caf50;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:1.5rem;position:absolute;right:.5rem;top:.5rem}.land-stats{color:#e0e0e0;display:flex;font-size:.9rem;gap:1rem}.land-stat{align-items:center;display:flex;gap:.25rem}.no-lands{background:#1a000099;border:1px solid #4a4a4a;border-radius:8px;color:#e0e0e0;padding:2rem;text-align:center}.tutorial-hint{background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.tutorial-hint h3{color:#c00;font-family:Bangers,cursive;margin-bottom:1rem}.tutorial-hint ul{list-style:none;padding:0}.tutorial-hint li{color:#e0e0e0;margin-bottom:.5rem;padding-left:1rem}.map-timer{background:#ffffff1a;border-radius:12px;margin-bottom:2rem;padding:1rem;text-align:center}.timer-display{color:#ff6b6b;font-size:2rem;font-weight:700}.lands-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.land-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:1.5rem}.land-image img{border-radius:8px;height:150px;margin-bottom:1rem;object-fit:cover;width:100%}.progress-bar{background:#fff3;border-radius:4px;height:8px;margin:.5rem 0;overflow:hidden;width:100%}.progress-fill.treasure{background:linear-gradient(45deg,#f39c12,#e67e22)}.progress-fill.monster{background:linear-gradient(45deg,#e74c3c,#c0392b)}.land-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.land-item{align-items:center;border-radius:4px;display:flex;font-size:.8rem;gap:.25rem;padding:.5rem}.land-item.treasure.available{background:#f39c124d}.land-item.monster.available{background:#e74c3c4d}.land-item.collected,.land-item.defeated{background:#00b8944d}.equipment{background:linear-gradient(135deg,#1a0000,#000);box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:1rem;position:relative}.equipment-character-preview .stat-bonus{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a0000e6;border:2px solid #4a4a4a;border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;position:absolute;z-index:10}.equipment-character-preview .stat-bonus.top-left{left:1rem;top:1rem}.equipment-character-preview .stat-bonus.top-center{left:50%;top:1rem;transform:translateX(-50%)}.equipment-character-preview .stat-bonus.top-right{right:1rem;top:1rem}.bonus-icon{color:#c00;font-size:1.5rem}.bonus-value{color:#c00;font-size:1.2rem;font-weight:700}@media (max-width:768px){.equipment-character-preview .stat-bonus{padding:.5rem}.bonus-icon{font-size:1.2rem}.bonus-value{font-size:1rem}.equipment-character-preview .stat-bonus.top-left{left:.5rem;top:.5rem}.equipment-character-preview .stat-bonus.top-center{top:.5rem}.equipment-character-preview .stat-bonus.top-right{right:.5rem;top:.5rem}}.equipment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.equipment-header h2{color:#c00;font-family:Bangers,cursive}.equipment-stats-row{align-items:center;background:#1a000099;border:1px solid #4a4a4a;border-radius:8px;display:flex;gap:1rem;justify-content:center;margin:0 auto 2rem;max-width:600px;padding:1rem;width:100%}@media (max-width:768px){.equipment-stats-row{gap:.2 rem;padding:.75rem}}.equipment-stats-row .stat-item{align-items:center;background:#0000;display:flex;flex-direction:column;gap:.25rem;padding:0}.equipment-stats-row .stat-item .stat-value{color:#c00;font-size:1.8rem;font-weight:700}.equipment-stats-row .stat-item .stat-label{color:#e0e0e0;font-size:.85rem;opacity:.8}.equipment-character-preview{align-items:center;background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:2rem;min-height:500px;padding:3rem 3rem 5.2rem;position:relative}@media (max-width:768px){.equipment-character-preview{min-height:350px;padding:2rem 2rem 5.2rem}}.equipment-type-selector{bottom:0;display:flex;gap:0;justify-content:center;left:0;position:absolute;right:0;width:100%}.type-button{align-items:center;background:#1a0000cc;border:none;border-top:2px solid #4a4a4a;color:#e0e0e0;cursor:pointer;display:flex;flex:1 1;flex-direction:row;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.type-button:first-child{border-bottom-left-radius:10px;border-right:1px solid #4a4a4a}.type-button:last-child{border-bottom-right-radius:10px;border-left:1px solid #4a4a4a}.type-button:hover{background:#1a0000e6;border-top-color:#8b0000}.type-button.active{background:#8b000080;border-top-color:#c00;box-shadow:inset 0 2px 10px #cc00004d}.type-icon{font-size:1.5rem}.type-label{color:#c00;font-family:Bangers,cursive;font-size:1rem}@media (max-width:768px){.type-button{gap:.25rem;padding:.5rem 1rem}.type-icon{font-size:1.2rem}.type-label{font-size:.85rem}}.equipment-inventory{margin-bottom:2rem;max-width:100%;overflow-x:hidden;width:100%}.equipment-inventory h3{color:#c00;font-family:Bangers,cursive;font-size:1.5rem;margin-bottom:1rem}.equipment-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem;max-width:100%;width:100%}@media (max-width:768px){.equipment-grid{gap:.5rem;grid-template-columns:repeat(4,1fr)}}.equipment-thumbnail{align-items:center;aspect-ratio:1;background:#1a000099;border:2px solid #4a4a4a;border-radius:8px;cursor:pointer;display:flex;justify-content:center;max-width:100px;overflow:hidden;position:relative;transition:all .3s ease}.equipment-thumbnail:hover{background:#1a0000cc;border-color:#8b0000;transform:scale(1.05)}.equipment-thumbnail.equipped{background:#8b00004d;border-color:#c00;box-shadow:0 0 15px #cc000080}.thumbnail-img{height:100%;object-fit:cover;width:100%}.thumbnail-icon{align-items:center;display:flex;font-size:2rem;justify-content:center}@media (max-width:768px){.thumbnail-icon{font-size:1.5rem}}.equipped-indicator{align-items:center;background:#c00;border-radius:50%;display:flex;font-size:.75rem;height:20px;justify-content:center;top:4px;width:20px}.equipped-indicator,.stats-badge{color:#fff;font-weight:700;position:absolute;right:4px;z-index:10}.stats-badge{background:#808080e6;border:1px solid #ffffff4d;border-radius:10px;bottom:4px;font-size:.7rem;padding:2px 6px}.empty-message{color:#999;font-style:italic;grid-column:1/-1;padding:2rem;text-align:center}.inventory-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem}.item-modal-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.item-modal{background:#2d3436;border-radius:12px;color:#fff;max-width:500px;padding:2rem;width:90%}.friends{background:linear-gradient(135deg,#1a0000,#000);color:#fff;font-family:Poppins,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:1rem}.friends,.friends *{box-sizing:border-box}.friends-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.friends-header h2{align-items:center;color:#c00;display:flex;font-family:Bangers,cursive;gap:.5rem}.info-icon-inline{color:#c00;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.info-icon-inline:hover{color:#e00;transform:scale(1.15)}.header-actions{display:flex;gap:.75rem}.info-button-icon{align-items:center;background:#1a0000cc;border:2px solid #4a4a4a;border-radius:50%;color:#c00;cursor:pointer;display:flex;font-size:1.3rem;height:50px;justify-content:center;padding:0;transition:all .3s ease;width:50px}.info-button-icon:hover{background:#1a0000;border-color:#8b0000;color:#e00;transform:scale(1.1)}.friends-stats-row{background:#1a000099;border:1px solid #4a4a4a;border-radius:8px;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem}.friends-stats-row,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;gap:.25rem}.stat-item .stat-value{color:#c00;font-size:1.8rem;font-weight:700}.stat-item .stat-label{color:#e0e0e0;font-size:.85rem;opacity:.8}.stat-divider{color:#4a4a4a;font-size:1.5rem}.friends-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;width:100%}.friends-list h3{color:#c00;font-family:Bangers,cursive;font-size:1.5rem;margin-bottom:1rem}.friend-card{align-items:center;background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;color:#e0e0e0;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;padding:.75rem;text-align:center;transition:all .3s ease}.friend-card:hover{border-color:#c00;box-shadow:0 6px 20px #c006;transform:translateY(-4px)}.friend-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem}.friend-name{color:#c00;font-family:Bangers,cursive;font-size:1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-level-inline{color:#e0e0e0;flex-shrink:0;font-size:.9rem;font-weight:600}.friend-avatar{align-items:center;display:flex;justify-content:center;width:100%}.friend-card.unfound{border-color:#2a2a2a;opacity:.6}.friend-card.unfound:hover{border-color:#4a4a4a;box-shadow:none;transform:none}.friend-card.unfound .friend-name{color:#888}.friend-card.unfound .friend-level-inline{color:#666}.friend-avatar.silhouette{filter:brightness(0);opacity:.7}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{color:#c00;margin-bottom:1rem}.loading-container p{color:#e0e0e0;font-size:1.2rem;margin-top:1rem}.no-friends{background:#1a000099;border:1px solid #4a4a4a;border-radius:12px;padding:3rem;text-align:center}.no-friends h3{color:#c00;font-family:Bangers,cursive;margin-bottom:1rem}.no-friends-icon{font-size:4rem;margin-bottom:1rem}.scan-friends-section{margin-top:2rem;padding:2rem 0;text-align:center}.scan-friends-button{background:linear-gradient(135deg,#8b0000,#c00);border:2px solid #c00;border-radius:12px;box-shadow:0 4px 15px #cc000080;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.scan-friends-button:hover{background:linear-gradient(135deg,#a00000,#e00);box-shadow:0 6px 20px #cc0000b3;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a0000,#2d0000);border:3px solid #4a4a4a;border-radius:20px;box-shadow:0 10px 40px #000c;max-width:400px;padding:2rem;width:90%}.modal-content h2{color:#c00;font-family:Bangers,cursive;font-size:1.8rem;margin:0 0 1.5rem;text-align:center}.modal-info{line-height:1.6;margin-bottom:1.5rem}.modal-info p{color:#e0e0e0;margin-bottom:.75rem}.modal-actions{display:flex;justify-content:center}.modal-close{background:linear-gradient(135deg,#8b0000,#c00);border:2px solid #c00;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.modal-close:hover{background:linear-gradient(135deg,#a00000,#e00);transform:translateY(-2px)}.kin-details-modal{max-width:500px}.kin-details-character{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0003;display:flex;justify-content:center;margin:1.5rem 0;padding:1.5rem}.kin-details-stats{background:#0000004d;border-radius:8px;margin:1rem 0;padding:1rem}.stat-row{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0}.stat-row:last-child{border-bottom:none}.stat-row .stat-label{color:#e0e0e0;font-size:1rem}.stat-row .stat-value{color:#c00;font-size:1.2rem;font-weight:700}.kin-catchphrase{background:#0003;border-left:3px solid #c00;border-radius:8px;color:#e0e0e0;font-style:italic;margin:1rem 0;padding:1rem;text-align:center}.monster-battle{background:linear-gradient(135deg,#1a0000,#000);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;padding:1rem}.battle-arena{align-items:center;display:flex;flex:1 1;justify-content:space-around;max-height:40vh;padding:2rem 1rem}.battle-character{align-items:center;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.battle-character.attacking{animation:attack .5s ease}@keyframes attack{0%,to{transform:translateX(0)}50%{transform:translateX(20px) scale(1.1)}}.battle-character.monster.attacking{animation:attackLeft .5s ease}@keyframes attackLeft{0%,to{transform:translateX(0)}50%{transform:translateX(-20px) scale(1.1)}}.battle-character .character-display{align-items:center;background:#1a000099;border:3px solid #4a4a4a;border-radius:50%;display:flex;height:120px;justify-content:center;padding:1rem;width:120px}.monster-image{height:100%;object-fit:contain;width:100%}.monster-placeholder{font-size:4rem}.character-name{font-size:1.5rem;text-align:center}.character-name,.vs-text{color:#c00;font-family:Bangers,cursive}.vs-text{animation:pulse 2s infinite;font-size:3rem;text-shadow:2px 2px 4px #000c}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.health-bar{width:150px}.health-label{color:#e0e0e0;font-size:.9rem;margin-bottom:.25rem;text-align:center}.health-bar-container{background:#00000080;border:2px solid #4a4a4a;border-radius:10px;height:20px;overflow:hidden;width:100%}.health-bar-fill{border-radius:8px;height:100%;transition:width .5s ease}.health-bar-fill.hero{background:linear-gradient(90deg,#2ecc71,#27ae60);box-shadow:0 0 10px #2ecc7180}.health-bar-fill.monster{background:linear-gradient(90deg,#e74c3c,#c0392b);box-shadow:0 0 10px #e74c3c80}.battle-log-container{background:#1a0000cc;border:2px solid #4a4a4a;border-radius:12px;flex:1 1;margin:1rem 0;max-height:30vh;overflow-y:auto;padding:1rem}.battle-log{display:flex;flex-direction:column;gap:.5rem}.log-message{background:#0000004d;border-left:3px solid #c00;border-radius:8px;color:#e0e0e0;font-size:1rem;line-height:1.5;padding:.5rem}.log-message.animating{animation:messageAppear .3s ease}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cursor{animation:blink 1s infinite;color:#c00;font-weight:700}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.battle-result{animation:resultAppear .5s ease;background:linear-gradient(135deg,#1a0000,#000);border:3px solid #c00;border-radius:20px;box-shadow:0 10px 40px #000c;left:50%;padding:3rem 2rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}@keyframes resultAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.battle-result.victory{border-color:#2ecc71}.battle-result.defeat{border-color:#e74c3c}.battle-result h2{font-family:Bangers,cursive;font-size:3rem;margin:0 0 1rem;text-shadow:2px 2px 4px #000c}.battle-result.victory h2{color:#2ecc71}.battle-result.defeat h2{color:#e74c3c}.battle-result p{color:#e0e0e0;font-size:1.2rem;margin-bottom:2rem}.death-explanation{background:#00000080;border:2px solid #e74c3c4d;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.death-explanation p{font-size:1rem;margin:.5rem 0}.death-explanation ul{list-style:none;margin:1rem 0;padding:0}.death-explanation li{color:#e74c3c;font-size:1rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.death-explanation li:before{color:#e74c3c;content:"✗";font-weight:700;left:0;position:absolute}.return-button{background:linear-gradient(45deg,#8b0000,#c00);border:none;border-radius:25px;box-shadow:0 4px 10px #00000080;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;padding:1rem 3rem;text-shadow:1px 1px 2px #000c;transition:all .3s ease}.return-button:hover{background:linear-gradient(45deg,#a00000,#e00);box-shadow:0 6px 15px #0009;transform:translateY(-2px)}.return-button:active{transform:translateY(0)}@media (max-width:768px){.battle-arena{flex-direction:column;gap:2rem;padding:1rem}.vs-text{font-size:2rem;transform:rotate(0)}.battle-character .character-display{height:100px;width:100px}.character-name{font-size:1.2rem}.health-bar{width:120px}.battle-result{max-width:400px;width:90%}.battle-result h2{font-size:2rem}.battle-log-container{max-height:25vh}.log-message{font-size:.9rem}}.battle-log-container::-webkit-scrollbar{width:8px}.battle-log-container::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.battle-log-container::-webkit-scrollbar-thumb{background:#c00;border-radius:4px}.battle-log-container::-webkit-scrollbar-thumb:hover{background:#e00}.boss-fight{background:linear-gradient(135deg,#1a0000,#000);color:#fff;font-family:Poppins,sans-serif;min-height:100vh;padding:1rem;text-align:center}.boss-fight h2,.boss-fight h3{color:#c00;font-family:Bangers,cursive;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fight-button{background:linear-gradient(45deg,#8b0000,#c00);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 20px #0009;color:#fff;cursor:pointer;display:block;font-family:Bangers,cursive;font-size:2rem;font-weight:700;height:200px;margin:2rem auto;width:200px}.fight-button.pressed{background:linear-gradient(45deg,#a00000,#e00);transform:scale(.95)}.boss-health{margin:2rem 0}.health-bar{background:#1a000099;border:2px solid #4a4a4a;border-radius:15px;height:30px;overflow:hidden;width:100%}.health-fill{background:linear-gradient(45deg,#8b0000,#c00);height:100%;transition:width .3s ease}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:2rem 0}.stat-card{background:#1a000099;border:1px solid #4a4a4a;border-radius:8px;padding:1rem}.elimination-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.boss-display{background:linear-gradient(135deg,#2d3436,#636e72);color:#fff;min-height:100vh;padding:2rem;text-align:center}.boss-avatar{font-size:8rem;margin:2rem 0}.health-bar-large{background:#fff3;border-radius:25px;height:50px;margin:1rem 0;overflow:hidden;width:100%}.health-fill-large{background:linear-gradient(45deg,#e17055,#d63031);height:100%;transition:width .5s ease}.battle-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.stat-panel{background:#ffffff1a;border-radius:12px;padding:2rem}.victory-screen{align-items:center;background:#000000e6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.admin-panel{box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:1rem;width:100%}.admin-login,.admin-panel{background:linear-gradient(135deg,#1a0000,#000);min-height:100vh}.admin-login{align-items:center;display:flex;justify-content:center}.login-form{background:#1a0000cc;border:2px solid #4a4a4a;border-radius:12px;box-shadow:0 10px 40px #000c;max-width:400px;min-width:300px;padding:2.5rem;text-align:center;width:90%}.login-form h2{color:#c00;font-family:Bangers,cursive;font-size:2rem;margin-bottom:1.5rem}.password-input{background:#0006;border:2px solid #4a4a4a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:16px;margin:10px 0;padding:12px;width:100%}.password-input:focus{border-color:#c00;outline:none}.login-button{background:linear-gradient(135deg,#8b0000,#c00);border:2px solid #c00;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.login-button:hover{background:linear-gradient(135deg,#a00000,#e00);transform:translateY(-2px)}.admin-header{align-items:center;background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.admin-header,.header-left{display:flex;flex-wrap:wrap}.header-left{gap:.75rem}.admin-button{border:2px solid #4a4a4a;border-radius:8px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.reset-button{background:linear-gradient(135deg,#8b0000,#c00);border-color:#c00;color:#fff}.reset-button:hover{background:linear-gradient(135deg,#a00000,#e00);transform:translateY(-2px)}.logout-button{background:#6c757d4d;border-color:#6c757d;color:#fff}.logout-button:hover{background:#6c757d99;transform:translateY(-2px)}.admin-tabs{background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;display:flex;flex-wrap:wrap;margin-bottom:1.5rem;overflow:hidden}.tab-button{background:#0000;border:none;border-right:2px solid #4a4a4a;color:#e0e0e0;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-weight:600;min-width:120px;padding:1rem;transition:all .3s ease}.tab-button:last-child{border-right:none}.tab-button.active{background:#8b000066;box-shadow:inset 0 0 15px #cc00004d;color:#c00}.tab-button:hover:not(.active){background:#1a0000cc;color:#fff}.admin-section{background:#1a000099;border:2px solid #4a4a4a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.admin-section h3{border-bottom:2px solid #4a4a4a;color:#c00;font-family:Bangers,cursive;font-size:1.5rem;margin:0 0 1.5rem;padding-bottom:.75rem}.admin-section h4{color:#e0e0e0;font-family:Poppins,sans-serif;margin:1rem 0 .75rem}.boss-controls{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.countdown-setup,.message-control{flex:1 1;min-width:250px}.countdown-setup label,.message-control label{color:#e0e0e0;display:block;font-weight:500;margin-bottom:.75rem}.radio-group{display:flex;gap:1rem;margin-bottom:1.5rem;margin-top:.5rem}.radio-option{align-items:center;background:#0006;border:2px solid #4a4a4a;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;padding:.5rem .75rem;transition:all .2s ease}.radio-option:hover{background:#1a000099;border-color:#8b0000}.radio-option input[type=radio]{accent-color:#c00;-webkit-appearance:none;appearance:none;background:#0006;border:2px solid #4a4a4a;border-radius:50%;cursor:pointer;height:16px;margin-right:6px;position:relative;width:16px}.radio-option input[type=radio]:checked{background:#8b00004d;border-color:#c00}.radio-option input[type=radio]:checked:after{background:#c00;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-option input[type=radio]:checked+span{color:#c00;font-weight:600}.radio-option:has(input[type=radio]:checked){background:#8b00004d;border-color:#c00}.message-input{background:#0006;border:2px solid #4a4a4a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;margin-bottom:.75rem;padding:.5rem;width:100%}.message-input:focus{border-color:#c00;outline:none}.boss-button{background:linear-gradient(135deg,#8b0000,#c00);border:2px solid #c00;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.boss-button:hover{background:linear-gradient(135deg,#a00000,#e00);transform:translateY(-2px)}.boss-active,.countdown-active{background:#1a000066;border-left:4px solid #c00;border-radius:8px;color:#e0e0e0;padding:1rem}.countdown-controls{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.boss-now-button{background:linear-gradient(135deg,#8b0000,#c00);border:2px solid #c00;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.boss-now-button:hover{background:linear-gradient(135deg,#a00000,#e00);transform:translateY(-2px)}.stop-button{background:#6c757d4d;border:2px solid #6c757d;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.stop-button:hover{background:#6c757d99;transform:translateY(-2px)}.stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));max-width:100%;width:100%}.stat-item{background:#0006;border:2px solid #4a4a4a;border-radius:8px;min-width:0;padding:.75rem;text-align:center}.stat-item h4{word-wrap:break-word;color:#e0e0e0;font-size:.75rem;margin:0 0 .5rem}.stat-item p{color:#c00;font-size:1.25rem;font-weight:700;margin:0}.display-button{background:linear-gradient(135deg,#138496,#17a2b8);border:2px solid #17a2b8;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.display-button:hover{background:linear-gradient(135deg,#17a2b8,#1fc8e3);transform:translateY(-2px)}.qr-generator{margin-bottom:2rem}.qr-select{background:#0006;border:2px solid #4a4a4a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;margin-bottom:1rem;min-width:200px;padding:.5rem}.qr-select:focus{border-color:#c00;outline:none}.item-generator,.player-generator{margin-top:1rem;padding:1.5rem}.item-generator,.land-input,.player-generator,.qr-input{background:#0006;border:2px solid #4a4a4a;border-radius:8px}.land-input,.qr-input{box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;margin-bottom:.5rem;margin-right:.75rem;min-width:200px;padding:.5rem}.land-input:focus,.qr-input:focus{border-color:#c00;outline:none}.monster-fields h5,.treasure-fields h5{color:#e0e0e0;font-size:.9rem;font-weight:600;grid-column:1/-1;margin:1rem 0 .5rem}.multiple-items{background:#0006;border:2px solid #4a4a4a;border-radius:8px;grid-column:1/-1;margin:.75rem 0;padding:.75rem}.multiple-items p{color:#e0e0e0;font-size:.75rem;margin:0 0 .5rem}.equipment-fields,.monster-fields,.treasure-fields{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1rem 0}.loot-items-section{grid-column:1/-1;margin:1rem 0}.loot-item{background:#0006;border:2px solid #4a4a4a;border-radius:8px;margin-bottom:1rem;padding:1rem}.loot-item-fields{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr}.loot-item-fields label{color:#e0e0e0;font-size:.75rem;font-weight:500}.loot-item-header{align-items:center;display:flex;grid-column:1/-1;justify-content:space-between;margin-bottom:.75rem}.loot-item-header h6{color:#e0e0e0;font-size:.9rem;font-weight:600;margin:0}.total-percentage{background:#0006;border:2px solid #4a4a4a;border-radius:8px;color:#e0e0e0;font-weight:600;margin-top:.75rem;padding:.75rem;text-align:center}.details-modal{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.details-content{background:linear-gradient(135deg,#1a0000,#2d0000);border:2px solid #4a4a4a;border-radius:12px;box-shadow:0 10px 40px #000c;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.details-header{align-items:center;border-bottom:2px solid #4a4a4a;display:flex;justify-content:space-between;padding:1.5rem}.details-header h3{color:#c00;font-family:Bangers,cursive;margin:0}.details-body{color:#e0e0e0;padding:1.5rem}.details-body h4,.details-body h5{color:#e0e0e0;margin-bottom:.75rem;margin-top:1.5rem}.details-body h4:first-child{margin-top:0}.details-body p{color:#e0e0e0;margin:.5rem 0}.loot-detail{background:#0006;border-left:3px solid #c00;border-radius:8px;margin:.75rem 0;padding:.75rem}.equipment-fields input,.equipment-fields select,.monster-fields input,.monster-fields select,.treasure-fields input,.treasure-fields select{background:#0006;border:2px solid #4a4a4a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;padding:.5rem;width:100%}.equipment-fields input:focus,.equipment-fields select:focus,.monster-fields input:focus,.monster-fields select:focus,.treasure-fields input:focus,.treasure-fields select:focus{border-color:#c00;outline:none}.generate-button{background:linear-gradient(135deg,#1e7e34,#28a745);border:2px solid #28a745;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.generate-button:hover{background:linear-gradient(135deg,#28a745,#34ce57);transform:translateY(-2px)}.export-button{background:linear-gradient(135deg,#138496,#17a2b8);border:2px solid #17a2b8;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.export-button:hover{background:linear-gradient(135deg,#17a2b8,#1fc8e3);transform:translateY(-2px)}.qr-table-section{margin-top:2rem}.table-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.lands-table,.qr-table{border-radius:8px;overflow-x:auto}table{background:#1a000099;border:2px solid #4a4a4a;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}th{background:#0006;border-bottom:2px solid #4a4a4a;color:#c00;font-family:Poppins,sans-serif;font-weight:600;text-align:left}td,th{padding:.75rem}td{border-bottom:1px solid #4a4a4a;color:#e0e0e0}tr:hover{background:#1a0000cc}.table-qr-image{border:2px solid #4a4a4a;border-radius:8px;height:60px;width:60px}.table-input{background:#0006;border:2px solid #4a4a4a;border-radius:8px;box-sizing:border-box;color:#fff;font-family:Poppins,sans-serif;padding:.5rem;width:100%}.table-input:focus{border-color:#c00;outline:none}.delete-button{background:linear-gradient(135deg,#8b0000,#c00);border:2px solid #c00;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;padding:.4rem .75rem;transition:all .3s ease}.delete-button:hover{background:linear-gradient(135deg,#a00000,#e00);transform:translateY(-2px)}.add-land-section{margin-bottom:2rem}.add-land-form{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.lands-table-section{margin-top:1.5rem}.toast{animation:slideIn .3s ease;border-radius:4px;color:#fff;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}.toast-success{background:#28a745}.toast-error{background:#dc3545}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.admin-panel{padding:.75rem}.admin-header{flex-direction:column;gap:.75rem}.header-left{justify-content:center;width:100%}.admin-tabs{flex-direction:column}.tab-button{border-bottom:2px solid #4a4a4a;border-right:none;min-width:100%}.tab-button:last-child{border-bottom:none}.boss-controls{flex-direction:column}.countdown-setup,.message-control{min-width:100%}.equipment-fields,.monster-fields,.stats-grid,.treasure-fields{grid-template-columns:1fr}.table-header{align-items:flex-start;flex-direction:column}td,th{font-size:.85rem;padding:.5rem}.land-input,.qr-input{margin-right:0;width:100%}.add-land-form{flex-direction:column;width:100%}.add-land-form>*{width:100%}}.badge-management{background:linear-gradient(135deg,#1a0000,#4a0000);color:#fff;min-height:100vh;padding:2rem;position:relative}.badge-header{margin-bottom:2rem;text-align:center}.badge-header h2{color:#c00;font-size:2rem;margin-bottom:1rem}.badge-info{background:#1a000099;border:2px solid #c00;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.badge-info h3{color:#c00;margin-bottom:.5rem}.badge-id{color:#fff;font-size:1.2rem;font-weight:700;word-break:break-all}.management-actions{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:400px}.action-button{align-items:center;background:linear-gradient(135deg,#4a0000,#8b0000);border:2px solid #c00;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.action-button:hover:not(:disabled){background:linear-gradient(135deg,#8b0000,#c00);box-shadow:0 4px 8px #8b000080;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.5}.unassign-button{background:linear-gradient(135deg,#8b4500,#cd6600)}.scan-button{background:linear-gradient(135deg,#006400,#228b22)}.reset-button{background:linear-gradient(135deg,#8b0000,#dc143c)}.info-text{color:#ddd;font-size:.9rem;line-height:1.5;margin-top:1rem;text-align:center}.scan-section{margin:2rem auto;max-width:500px}.back-button-icon{align-items:center;background:#4a0000e6;border:2px solid #c00;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .3s ease;width:50px;z-index:100}.back-button-icon:hover{background:#8b0000e6;border-color:#e00;transform:scale(1.1)}.error-message{background:#dc143c33;border:1px solid #dc143c;border-radius:8px;color:#ff6b6b;margin-bottom:1rem;padding:.75rem;text-align:center}
/*# sourceMappingURL=main.2ff6a4dd.css.map*/