.quest-mode-container{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100%;padding:16px;display:flex;overflow-y:auto}.quest-screen{border:4px solid var(--accent-gold);box-sizing:border-box;background-color:#0000004d;width:100%;max-width:600px;margin:0 auto;padding:16px;overflow:visible;box-shadow:4px 4px #000}.quest-title{color:var(--accent-gold);text-align:center;text-shadow:2px 2px #000;margin-bottom:20px;font-size:20px}.quest-subtitle{color:var(--text-color);text-align:center;margin-bottom:30px;font-size:12px;line-height:1.5}.quest-form{flex-direction:column;gap:20px;display:flex}.quest-input-group{flex-direction:column;gap:8px;display:flex}.quest-label{color:var(--accent-gold);text-transform:uppercase;font-size:10px}.quest-input{font-family:var(--font-press-start-2p),cursive;background-color:var(--bg-color);color:var(--text-color);border:3px solid var(--accent-gold);outline:none;padding:12px;font-size:12px;box-shadow:4px 4px #000}.quest-input:focus{border-color:var(--accent-red)}.quest-input-readonly{font-family:var(--font-press-start-2p),cursive;color:#aaa;background-color:#00000080;border:3px solid #666;padding:12px;font-size:12px;box-shadow:4px 4px #000}.quest-hint{color:#888;margin:0;font-size:8px;font-style:italic}.quest-button-group{flex-direction:column;gap:12px;margin-top:10px;display:flex}.quest-error{color:var(--accent-red);text-align:center;margin-top:10px;font-size:10px;line-height:1.4}.quest-code-display{color:var(--accent-gold);text-align:center;border:3px solid var(--accent-gold);letter-spacing:4px;background-color:#00000080;margin:20px 0;padding:20px;font-size:24px;box-shadow:4px 4px #000}.quest-info{color:var(--text-color);text-align:center;margin:10px 0;font-size:10px;line-height:1.5}.participant-list{flex-direction:column;gap:12px;margin:20px 0;display:flex}.participant-item{border:2px solid var(--accent-gold);background-color:#0006;justify-content:space-between;align-items:center;padding:12px;display:flex;box-shadow:2px 2px #000}.participant-name{color:var(--text-color);font-size:10px}.participant-host{color:var(--accent-gold)}.participant-xp{color:var(--accent-gold);font-size:10px}.challenge-list{flex-direction:column;gap:12px;margin:20px 0;display:flex}.challenge-item{border:2px solid var(--accent-gold);background-color:#0006;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:2px 2px #000}.challenge-completed{opacity:.7;border-color:#4caf50}.challenge-header{justify-content:space-between;align-items:center;display:flex}.challenge-title{color:var(--text-color);flex:1;font-size:10px}.challenge-xp{color:var(--accent-gold);margin-left:10px;font-size:10px}.challenge-description{color:var(--text-color);opacity:.8;font-size:8px;line-height:1.4}.challenge-button-container{margin-top:8px}.leaderboard-panel{border:3px solid var(--accent-gold);background-color:#00000080;margin:20px 0;padding:16px;box-shadow:4px 4px #000}.leaderboard-title{color:var(--accent-gold);text-align:center;margin-bottom:16px;font-size:12px}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-item{border:2px solid var(--accent-gold);background-color:#0000004d;justify-content:space-between;align-items:center;padding:8px;display:flex}.leaderboard-rank{color:var(--accent-gold);margin-right:12px;font-size:14px}.leaderboard-name{color:var(--text-color);flex:1;font-size:10px}.leaderboard-xp{color:var(--accent-gold);font-size:10px}.quest-room{flex-direction:column;gap:20px;display:flex}.quest-room-header{text-align:center;border-bottom:2px solid var(--accent-gold);padding-bottom:16px}.quest-name{color:var(--accent-gold);margin-bottom:8px;font-size:16px}.quest-status{color:var(--text-color);font-size:10px}.quest-section{flex-direction:column;gap:12px;display:flex}.quest-section-title{color:var(--accent-gold);border-bottom:2px solid var(--accent-gold);padding-bottom:8px;font-size:12px}.challenge-group{margin-bottom:20px}.challenge-group-title{color:#fff;border-left:3px solid var(--accent-red);background-color:#ffffff1a;margin-bottom:10px;padding:5px 10px;font-size:10px}.challenge-locked{opacity:.6;border-color:#666}.challenge-locked-text{color:#aaa;font-size:8px;font-style:italic}.quest-loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.quest-loading-text{color:var(--text-color);text-align:center;font-size:12px}@media (max-width:600px){.quest-screen{border-width:3px;padding:16px}.quest-title{font-size:16px}.quest-subtitle{font-size:10px}.quest-code-display{padding:16px;font-size:20px}}.kafana-list{flex-direction:column;gap:10px;display:flex}.kafana-item{border:2px solid var(--accent-gold);background-color:#0006;justify-content:space-between;align-items:center;padding:12px;transition:all .1s;display:flex;box-shadow:2px 2px #000}.kafana-item:hover{border-color:var(--accent-red);background-color:#0009}.kafana-item-selected{border-color:var(--accent-red);background-color:#d2000033}.kafana-header{flex:1;align-items:center;gap:10px;display:flex}.kafana-checkbox{color:var(--accent-gold);font-size:16px}.kafana-name{color:var(--text-color);font-size:10px}.kafana-distance{color:var(--accent-gold);margin-left:10px;font-size:9px}.challenge-error-toast{background-color:var(--accent-red);color:#fff;text-align:center;z-index:9999;border:4px solid #000;width:90%;max-width:400px;padding:15px;font-size:14px;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.challenge-distance{margin-top:5px;margin-bottom:5px;font-size:10px;display:block}.distance-far{color:var(--accent-red)}.distance-near{color:#4caf50}@media (max-width:600px){.quest-mode-container{padding:12px}.quest-screen{border-width:3px;padding:12px}.quest-title{margin-bottom:16px;font-size:16px}.quest-subtitle{margin-bottom:20px;font-size:11px}.quest-form{gap:16px}}@media (max-width:420px){.quest-mode-container{padding:8px}.quest-screen{padding:10px}.quest-title{margin-bottom:12px;font-size:14px}.quest-subtitle{margin-bottom:16px;font-size:10px;line-height:1.4}.quest-input{padding:10px;font-size:11px}.quest-code-display{letter-spacing:3px;padding:16px;font-size:20px}}@media (max-height:700px){.quest-mode-container{padding:10px}.quest-screen{padding:12px}.quest-title{margin-bottom:12px;font-size:16px}.quest-subtitle{margin-bottom:16px}.quest-form{gap:14px}.quest-button-group{gap:10px}}