@import"https://fonts.googleapis.com/css2?family=Epilogue:wght@400;600;700;800;900&display=swap";#level-selection-container{--accent: #d4a845;--accent-dark: #8e6d28;--bg-dark: #131313;--bg-stone: #0f0f0f;--border-stone: #3a3a3a;--text-gold: #d4a845;--text-dim: #d2c5b1;--success: #4ae183;--error: #ffb4ab;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-dark);z-index:1000;display:flex;flex-direction:column;color:#e5e2e1;font-family:Epilogue,sans-serif;overflow-y:auto}.stone-texture{background-color:#0f0f0f;background-image:radial-gradient(circle at 2px 2px,#1a1a1a 1px,transparent 0);background-size:24px 24px}.inset-bevel{box-shadow:inset 0 2px 8px #000c,0 1px 1px #ffffff0d}.outset-bevel{box-shadow:0 4px 0 var(--accent-dark),0 8px 16px #00000080}.gold-glow{text-shadow:0 0 12px rgba(212,168,69,.4)}.selection-header-bar{background:#000;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;border-bottom:4px solid #000;box-shadow:inset 0 -2px 4px #000c;position:relative;z-index:50;box-sizing:border-box}.selection-header-bar:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background:var(--border-stone)}.brand-title{font-size:1.25rem;font-weight:900;color:var(--accent);text-transform:uppercase;letter-spacing:.15em;margin:0}.header-nav{display:none}@media (min-width: 768px){.header-nav{display:flex;gap:2rem}}.nav-btn{background:transparent;border:none;color:#888;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;padding:.25rem .5rem;transition:color .2s;border-bottom:2px solid transparent}.nav-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-btn:hover{color:var(--accent)}.selection-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;padding-bottom:100px;box-sizing:border-box}.level-banner{border:4px solid var(--border-stone);padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end}.level-banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.3;pointer-events:none;z-index:0}.level-banner-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.level-banner-content{flex-direction:row;justify-content:space-between;align-items:flex-end}}.mission-info{max-width:600px}.mission-label{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.2em;margin-bottom:.5rem;display:block}.mission-title{font-size:2rem;font-weight:800;color:var(--accent);text-transform:uppercase;margin:0 0 1rem;line-height:1.2}.mission-desc{color:var(--text-dim);font-size:1rem;line-height:1.6;margin:0}.difficulty-badge{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.difficulty-label{color:var(--success);font-size:.8rem;font-weight:700;text-transform:uppercase}.difficulty-bars{display:flex;gap:4px}.diff-bar{width:32px;height:8px;background:#3a3a3a}.diff-bar.filled{background:var(--success)}.selection-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.selection-grid{grid-template-columns:repeat(12,1fr)}.col-left,.col-center,.col-right{grid-column:span 4}}.panel-container{border:2px solid var(--border-stone);padding:1.5rem;display:flex;flex-direction:column}.panel-title{color:var(--accent);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.equip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto}.slot{width:64px;height:64px;background:#1a1a1a;border:1px solid #282828;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:background .2s,border-color .2s}.slot:hover{background:#222}.slot.equipped{border:2px solid var(--accent)}.slot-icon{color:#444;font-size:2rem;opacity:.3}.slot.equipped .slot-icon{opacity:1}.outfit-panel{flex:1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:1.5rem}.outfit-frame{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border:1px solid rgba(212,168,69,.2);pointer-events:none}.character-portrait{width:192px;height:192px;background:#000;border:4px solid #000;margin-bottom:1rem;box-shadow:0 10px 30px #00000080;display:flex;align-items:center;justify-content:center;cursor:pointer}.char-name{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0}.char-level{color:#666;font-size:.8rem;font-weight:700}.class-panel{margin-top:1.5rem;border:2px solid var(--border-stone);padding:1rem}.class-select{width:100%;background:#000;border:1px solid var(--border-stone);color:#fff;padding:.5rem 1rem;font-family:inherit;outline:none;cursor:pointer}.class-select:focus{border-color:var(--accent)}.supplies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.supply-slot{background:#1a1a1a;border:1px solid #282828;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;overflow:hidden;cursor:pointer}.supply-slot:hover{border-color:var(--accent)}.supply-slot:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--success)}.supply-slot.empty:before{background:var(--error)}.supply-slot.empty{opacity:.6}.supply-qty{color:var(--accent);font-weight:900}.weight-bar-container{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-stone)}.weight-label{display:flex;justify-content:space-between;font-size:.6rem;font-weight:700;color:var(--text-dim);margin-bottom:.5rem}.progress-track{width:100%;height:4px;background:#333;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.selection-footer{position:fixed;bottom:0;left:0;width:100%;height:80px;background:#1a1a1a;border-top:4px solid var(--border-stone);display:flex;justify-content:space-around;align-items:stretch;z-index:50;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 768px){.selection-footer{justify-content:space-between;padding-left:3rem;padding-right:3rem}}.footer-btn{background:transparent;border:none;color:#888;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2rem;cursor:pointer;transition:all .2s;font-weight:900;font-size:.7rem;letter-spacing:.1em}.footer-btn:hover{background:#222;color:var(--accent)}.footer-btn .material-symbols-outlined{font-size:1.5rem;margin-bottom:4px}.btn-primary-play{background:var(--accent);color:#000;border-bottom:4px solid var(--accent-dark);min-width:160px;transform:scale(1.05)}.btn-primary-play:hover{background:var(--accent);filter:brightness(1.1)}.btn-primary-play:active{transform:scale(.95)}.item-picker-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;background:#1a1a1a;border:2px solid var(--accent);box-shadow:0 10px 50px #000000e6;z-index:200;padding:20px;display:none;flex-direction:column}.picker-header{display:flex;justify-content:space-between;margin-bottom:1rem;color:var(--accent);font-weight:900;text-transform:uppercase}.picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:300px;overflow-y:auto}.level-picker-list{display:flex;flex-direction:column;gap:8px}.level-picker-item{padding:1rem;background:#ffffff0d;border:1px solid transparent;cursor:pointer}.level-picker-item:hover{background:#d4a8451a;border-color:var(--accent)}.level-picker-item.active{background:#d4a84533;border-color:var(--accent)}.login-container{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#1e3a5f,#0d1a2a);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2500;font-family:Outfit,sans-serif}.login-logo-container{margin-bottom:40px}.responsive-logo{font-size:clamp(2.5rem,8vw,5rem);font-weight:900;color:#d4a845;text-transform:uppercase;letter-spacing:clamp(4px,1.5vw,10px);text-align:center;text-shadow:0 10px 30px rgba(0,0,0,.8),0 0 20px rgba(212,168,69,.3);animation:login-glow 3s infinite alternate}@keyframes login-glow{0%{text-shadow:0 10px 30px rgba(0,0,0,.8),0 0 20px rgba(212,168,69,.3)}to{text-shadow:0 10px 30px rgba(0,0,0,.8),0 0 40px rgba(212,168,69,.6)}}.login-card{background:#0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(212,168,69,.2);border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 50px #0009;text-align:center}.login-fields{margin-bottom:25px}.login-input{width:100%;padding:15px;margin-bottom:15px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:1rem;box-sizing:border-box;outline:none;transition:all .3s;letter-spacing:1px}.login-input:focus{border-color:#d4a845;background:#000000b3;box-shadow:0 0 15px #d4a84533}.login-btn-override{width:100%}.login-error{color:#ff4b2b;margin-top:20px;font-size:14px;font-weight:700;min-height:20px;text-transform:uppercase;letter-spacing:1px}.login-options{margin-top:10px;text-align:left;color:#fff9;font-size:.85rem;display:flex;align-items:center}.login-options label{cursor:pointer;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.login-options input[type=checkbox]{accent-color:#d4a845;width:16px;height:16px}@media (max-width: 480px){.login-card{width:90%;padding:30px 20px}}.btn-discord{background:#5865f2;color:#fff;border:none;border-radius:6px;padding:12px 20px;font-size:1rem;font-weight:700;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.btn-discord:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 5px 15px #5865f266}.login-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#ffffff4d;font-size:.8rem;font-weight:900}.login-divider:before,.login-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.login-divider:not(:empty):before{margin-right:.5em}.login-divider:not(:empty):after{margin-left:.5em}.char-selection-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f1b;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Outfit,sans-serif;color:#fff}.char-card{background:#1a1a2e;border:1px solid #4ecca333;border-radius:12px;padding:30px;width:450px;max-height:80vh;display:flex;flex-direction:column}.char-card h2{margin-top:0;text-align:center;color:#4ecca3;text-transform:uppercase;letter-spacing:2px}.char-list{flex:1;overflow-y:auto;margin:20px 0;padding-right:5px}.char-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;margin-bottom:10px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.char-item:hover{background:#4ecca31a;border-color:#4ecca3}.char-info{display:flex;flex-direction:column}.char-name{font-size:18px;font-weight:700}.char-meta{font-size:12px;color:#888;margin-top:4px}.create-char-box{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;gap:10px}.create-input{flex:1;padding:10px;background:#000;border:1px solid #333;border-radius:4px;color:#fff;outline:none}.create-button{padding:10px 20px;background:#4ecca3;border:none;border-radius:4px;color:#000;font-weight:700;cursor:pointer}.create-button:hover{background:#45b391}.char-selection-error{color:#ff4b2b;margin-top:10px;text-align:center;font-size:14px;min-height:20px}.char-actions{display:flex;align-items:center}.btn-delete-char{background:#ff4b2b1a;border:1px solid rgba(255,75,43,.3);color:#ff4b2b;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;line-height:1}.btn-delete-char:hover{background:#ff4b2b;color:#fff;transform:scale(1.1)}.logoff-button{margin-top:15px;padding:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .2s}.logoff-button:hover{background:#ffffff1a;color:#fff;border-color:#ffffff4d}#main-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#1e3a5f,#0d1a2a);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;font-family:Outfit,sans-serif}.main-logo{font-size:5rem;font-weight:900;color:#d4a845;text-transform:uppercase;letter-spacing:10px;margin-bottom:50px;text-shadow:0 10px 30px rgba(0,0,0,.8),0 0 20px rgba(212,168,69,.3);animation:glow 3s infinite alternate}@keyframes glow{0%{text-shadow:0 10px 30px rgba(0,0,0,.8),0 0 20px rgba(212,168,69,.3)}to{text-shadow:0 10px 30px rgba(0,0,0,.8),0 0 40px rgba(212,168,69,.6)}}.btn-main{background:linear-gradient(135deg,#d4a845,#a67c00);color:#000;border:none;padding:20px 80px;font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:4px;cursor:pointer;border-radius:5px;box-shadow:0 10px 20px #0006;transition:all .2s}.btn-main:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px #0009;filter:brightness(1.2)}.btn-main:active{transform:translateY(2px)}