@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600;700&family=Rubik:wght@500;700;900&family=Russo+One&display=swap";:root{--bg-mobile-vault: #130e1c;--bg-mobile-card: #20172e;--bg-mobile-input: #100b17;--c-hazard-yellow: #ffb703;--c-hazard-amber: #fb8500;--c-hazard-stripes: repeating-linear-gradient(45deg, #ffb703, #ffb703 10px, #130e1c 10px, #130e1c 20px);--c-rad-green: #39ff14;--c-siren-red: #ef233c;--c-blood-red: #d90429;--c-text-main: #f8f9fa;--c-text-dim: #b5adc4;--shadow-comic: 4px 4px 0px #000000;--shadow-comic-sm: 2px 2px 0px #000000;--border-vault: 3px solid #000000}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{font-family:Rubik,sans-serif;background:var(--bg-mobile-vault);color:var(--c-text-main);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 50% 0%,rgba(239,35,60,.1) 0%,transparent 60%),repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0px,rgba(0,0,0,.25) 2px,transparent 2px,transparent 4px)}.mobile-hazard-bar{height:10px;background:var(--c-hazard-stripes);border-bottom:2px solid #000;width:100%}.join-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-mobile-vault);position:relative}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#110b1a;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;transition:opacity .3s ease,visibility .3s ease}.splash-hidden{opacity:0;visibility:hidden;pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:320px;width:100%}.splash-title-block{margin-bottom:16px}.splash-subtitle-top{font-family:Chakra Petch,monospace;font-size:13px;font-weight:700;color:var(--c-hazard-yellow);letter-spacing:2px;line-height:1.4;margin-bottom:4px}.splash-title{font-family:Russo One,sans-serif;font-size:46px;color:#fff;text-shadow:4px 4px 0 #000;letter-spacing:6px;line-height:1.2}.splash-sub-badge{font-family:Rubik,sans-serif;font-size:12px;font-weight:800;color:var(--c-siren-red);letter-spacing:2px;margin-top:4px;text-shadow:1px 1px 0 #000}.splash-creator-badge{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:6px}.creator-terminal-tag{font-family:Chakra Petch,monospace;font-size:10px;font-weight:700;color:var(--c-hazard-yellow);letter-spacing:2px;text-transform:uppercase}.creator-badge-link{display:inline-flex;align-items:center;gap:8px;background:#1b1328;border:2px solid #000;border-radius:20px;padding:6px 14px;color:#fff;text-decoration:none;font-family:Russo One,sans-serif;font-size:12px;box-shadow:2px 2px #000;transition:all .15s ease;letter-spacing:.5px}.creator-badge-link:active{transform:translateY(2px);box-shadow:1px 1px #000}.join-footer-badge{margin-top:20px}.splash-enter-btn{background:var(--c-blood-red);color:#fff;font-family:Russo One,sans-serif;font-size:18px;padding:16px 28px;border:var(--border-vault);border-radius:14px;box-shadow:var(--shadow-comic);cursor:pointer;width:100%;text-transform:uppercase;letter-spacing:1px}.splash-enter-btn:active{transform:translateY(3px);box-shadow:1px 1px #000}.join-form-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;width:100%;max-width:400px;margin:0 auto}.join-logo{font-family:Russo One,sans-serif;font-size:34px;color:var(--c-hazard-yellow);text-shadow:3px 3px 0 #000;margin-bottom:6px;letter-spacing:2px}.join-subtitle{font-size:13px;line-height:1.4;color:var(--c-text-dim);margin-bottom:20px;text-align:center}.join-form{width:100%;background:var(--bg-mobile-card);border:var(--border-vault);border-radius:16px;padding:20px;box-shadow:var(--shadow-comic);display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:700;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.5px}.input-group input{background:var(--bg-mobile-input);border:var(--border-vault);border-radius:10px;color:#fff;padding:12px 14px;font-family:Rubik,sans-serif;font-size:16px;outline:none}.join-code-input{text-transform:uppercase;letter-spacing:6px;text-align:center;font-family:Russo One,sans-serif!important;font-size:26px!important;color:var(--c-hazard-yellow)!important;text-shadow:2px 2px 0 #000}.join-name-input{font-size:16px;font-weight:700}.join-btn{background:var(--c-hazard-yellow);color:#000;font-family:Russo One,sans-serif;font-size:17px;padding:15px;border:var(--border-vault);border-radius:12px;box-shadow:var(--shadow-comic);cursor:pointer;text-transform:uppercase;margin-top:6px;letter-spacing:1px}.join-btn:active{transform:translateY(3px);box-shadow:1px 1px #000}.join-btn:disabled{background:#392b4a;color:#726284;box-shadow:none}.mobile-lobby-container{display:flex;flex-direction:column;align-items:center;padding:20px 16px;min-height:100vh;gap:16px}.mobile-lobby-header{text-align:center}.vault-subtag{font-family:Chakra Petch,monospace;font-size:12px;font-weight:700;color:var(--c-hazard-yellow);letter-spacing:1px}.mobile-vault-title{font-family:Russo One,sans-serif;font-size:26px;color:#fff;text-shadow:2px 2px 0 #000}.mobile-avatar-picker-card{width:100%;max-width:360px;background:var(--bg-mobile-card);border:var(--border-vault);border-radius:20px;padding:20px 16px;box-shadow:var(--shadow-comic);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.mobile-avatar-picker-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--player-color, #ffb703)}.avatar-carousel-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:12px}.carousel-arrow-btn{background:#140d20;border:var(--border-vault);color:var(--c-hazard-yellow);font-size:18px;width:44px;height:44px;border-radius:12px;box-shadow:var(--shadow-comic-sm);cursor:pointer;display:flex;align-items:center;justify-content:center}.carousel-arrow-btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.carousel-arrow-btn:disabled{opacity:.3}.avatar-preview-box{position:relative}.leader-badge-dot{position:absolute;top:-4px;right:-4px;background:var(--c-hazard-yellow);width:14px;height:14px;border-radius:50%;border:2px solid #000;box-shadow:1px 1px #000}.mobile-player-name{font-family:Russo One,sans-serif;font-size:22px;color:#fff;margin-bottom:4px;text-shadow:2px 2px 0 #000}.mobile-trait-pill{background:var(--player-color, #ffb703);color:#000;font-size:12px;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:8px;border:2px solid #000;box-shadow:2px 2px #000;margin-bottom:10px}.mobile-avatar-hint{font-size:11px;color:var(--c-text-dim)}.mobile-lobby-status-card{width:100%;max-width:360px;background:#181124;border:2px solid #000;border-radius:14px;padding:14px;text-align:center;box-shadow:var(--shadow-comic-sm)}.status-badge-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px}.status-dot{color:var(--c-rad-green);font-size:14px;animation:pulse 1.5s infinite}.status-text{font-family:Chakra Petch,sans-serif;font-size:13px;font-weight:700;color:#fff}.status-sub{font-size:11px;color:var(--c-text-dim)}.mobile-leader-notice{background:var(--c-hazard-yellow);color:#000;font-family:Russo One,sans-serif;font-size:12px;padding:6px 14px;border-radius:10px;border:2px solid #000;box-shadow:2px 2px #000}.mobile-game-container{display:flex;flex-direction:column;padding:12px 14px;min-height:100vh;gap:12px}.mobile-status-strip{display:flex;justify-content:space-between;align-items:center;background:#170f24;border:var(--border-vault);border-radius:12px;padding:8px 12px;box-shadow:var(--shadow-comic-sm)}.strip-left{display:flex;align-items:center;gap:8px}.strip-round{font-family:Chakra Petch,monospace;font-size:12px;font-weight:700;color:var(--c-hazard-yellow)}.strip-phase{font-family:Russo One,sans-serif;font-size:12px;color:#fff}.strip-right{display:flex;align-items:center;gap:6px}.leader-mini-tag{background:var(--c-hazard-yellow);color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #000}.life-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #000}.life-tag.alive{background:#1b4332;color:var(--c-rad-green)}.life-tag.dead{background:#3f101d;color:#ff8597}.mobile-phase-box{border:var(--border-vault);border-radius:14px;padding:14px;box-shadow:var(--shadow-comic)}.discussion-box{background:#231638}.voting-box{background:#2b1120}.phase-title{font-family:Russo One,sans-serif;font-size:17px;color:var(--c-hazard-yellow);margin-bottom:4px}.phase-desc{font-size:12px;color:var(--c-text-dim);margin-bottom:10px;line-height:1.3}.vote-prompt-alert{font-family:Russo One,sans-serif;font-size:13px;color:#ff9ebb;margin-bottom:10px}.mobile-candidates-list{display:flex;flex-direction:column;gap:8px}.candidate-vote-btn{background:#3d1426;border:2px solid #000;border-radius:10px;padding:12px 14px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:2px 2px #000;cursor:pointer}.candidate-vote-btn:active{background:var(--c-blood-red);transform:translateY(2px);box-shadow:none}.cand-name{font-family:Russo One,sans-serif;font-size:16px}.cand-arrow{font-size:12px;font-weight:700;color:#ffcad4}.voted-status-card,.waiting-voter-card{font-size:13px;color:#fff;padding:10px;background:#190a14;border-radius:8px;border:1px solid #000}.mobile-turn-alert-card{background:var(--c-hazard-yellow);color:#000;border:var(--border-vault);border-radius:14px;padding:14px;box-shadow:var(--shadow-comic)}.turn-alert-title{font-family:Russo One,sans-serif;font-size:18px;margin-bottom:2px}.turn-alert-sub{font-size:12px;font-weight:700;margin-bottom:8px}.mobile-confirm-reveal-btn{width:100%;background:var(--c-blood-red);color:#fff;font-family:Russo One,sans-serif;font-size:15px;padding:12px;border:3px solid #000;border-radius:10px;box-shadow:2px 2px #000;cursor:pointer}.mobile-confirm-reveal-btn:active{transform:translateY(2px);box-shadow:none}.mobile-action-btn{width:100%;font-family:Russo One,sans-serif;font-size:13px;padding:12px;border:var(--border-vault);border-radius:10px;box-shadow:var(--shadow-comic-sm);cursor:pointer}.danger-btn{background:var(--c-blood-red);color:#fff}.mobile-overdue-next-btn{background:var(--c-hazard-amber);color:#000;font-family:Russo One,sans-serif;font-size:14px;padding:12px;border:var(--border-vault);border-radius:10px;box-shadow:var(--shadow-comic-sm);cursor:pointer;animation:pulse 1s infinite alternate}.mobile-hand-section{display:flex;flex-direction:column;gap:8px;flex:1}.section-title{display:flex;justify-content:space-between;align-items:center;font-family:Chakra Petch,sans-serif;font-size:12px;font-weight:700;color:var(--c-text-dim);text-transform:uppercase}.cards-count{color:var(--c-hazard-yellow)}.mobile-cards-grid{display:flex;flex-direction:column;gap:10px}.mobile-dossier-card{background:#f7f1e5;color:#120e18;border:var(--border-vault);border-radius:12px;padding:12px;box-shadow:var(--shadow-comic-sm);display:flex;flex-direction:column;position:relative;transition:transform .15s}.mobile-dossier-card.card-selected{border-color:#000;background:#fff8e7;box-shadow:0 0 0 3px var(--c-hazard-yellow),4px 4px #000;transform:translateY(-2px)}.mobile-dossier-card.card-revealed{background:#d8d4cb;opacity:.75}.mobile-dossier-card.card-disabled{opacity:.65}.mobile-dossier-card.card-lethal{background:#ffe3e8;border-color:var(--c-blood-red)}.mobile-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.card-stamp-tag{font-family:Russo One,sans-serif;font-size:9px;padding:2px 6px;border-radius:4px;border:1.5px solid #000;color:#fff;text-transform:uppercase}.card-status-stamp{font-family:Chakra Petch,sans-serif;font-size:10px;font-weight:700;color:#4a4058}.tag-prof{background:#d90429}.tag-health{background:green}.tag-luggage{background:#6a0dad}.tag-bio{background:#0077b6}.tag-fact{background:#d00000}.tag-special{background:#ffb703;color:#000}.mobile-card-title{font-family:Russo One,sans-serif;font-size:16px;line-height:1.35;margin-top:2px;margin-bottom:4px;color:#0f0a17;letter-spacing:.5px}.mobile-card-desc{font-family:Rubik,sans-serif;font-size:12.5px;color:#3b324a;line-height:1.45;font-weight:500}.mobile-leader-action-screen{min-height:100vh;background:var(--bg-mobile-vault);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.leader-action-box{background:var(--bg-mobile-card);border:var(--border-vault);border-radius:20px;padding:24px 20px;text-align:center;box-shadow:var(--shadow-comic);width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:12px}.leader-icon{font-size:48px}.leader-title{font-family:Russo One,sans-serif;font-size:22px;color:var(--c-hazard-yellow)}.leader-desc{font-size:14px;color:var(--c-text-dim);line-height:1.4}.mobile-big-action-btn{background:var(--c-hazard-yellow);color:#000;font-family:Russo One,sans-serif;font-size:18px;padding:16px;width:100%;border:var(--border-vault);border-radius:14px;box-shadow:var(--shadow-comic);cursor:pointer;margin-top:8px}.mobile-big-action-btn:active{transform:translateY(3px);box-shadow:1px 1px #000}.mobile-alert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e0816d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .2s ease}.mobile-alert-modal-card{background:#1e132c;border:var(--border-vault);border-radius:20px;padding:24px 20px;max-width:340px;width:100%;text-align:center;box-shadow:var(--shadow-comic-lg);display:flex;flex-direction:column;align-items:center;gap:12px;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275)}.alert-modal-icon{font-size:48px;filter:drop-shadow(2px 2px 0 #000)}.alert-modal-title{font-family:Russo One,sans-serif;font-size:22px;color:var(--c-siren-red);text-shadow:2px 2px 0 #000;letter-spacing:1px}.alert-modal-text{font-family:Rubik,sans-serif;font-size:14px;color:#d8cde6;line-height:1.45;font-weight:500}.alert-modal-btn{width:100%;background:var(--c-hazard-yellow);color:#000;font-family:Russo One,sans-serif;font-size:16px;padding:14px;border:var(--border-vault);border-radius:12px;box-shadow:var(--shadow-comic);cursor:pointer;margin-top:6px;text-transform:uppercase}.alert-modal-btn:active{transform:translateY(2px);box-shadow:1px 1px #000}