:root{--navy:#faf6ee;--navy-2:#f4ede3;--cream:#2d1f36;--ink:#2d1f36;--cyan:#9fd3e8;--coral:#7abcc4;--coral-dark:#62a3ab;--yellow:#fde88a;--yellow-dark:#fbc7a4;--lime:#9ec5a6;--violet:#d0b8f2;--cobalt:#b8aee6;--muted-foreground:#6b5b73;--pixel:"Press Start 2P", monospace;--body-pixel:"IBM Plex Mono", monospace;--display:"Press Start 2P", monospace;--mono:"Silkscreen", monospace;--pixel-border:2.5px solid #2d1f36;--pixel-shadow:4px 4px 0px #2d1f36;--pixel-shadow-sm:2px 2px 0px #2d1f36;--pixel-shadow-lg:6px 6px 0px #2d1f36;--bs-body-bg:var(--navy);--bs-body-color:var(--cream);--bs-info:#9391bc;--bs-secondary:#6b5b73;--bs-danger:#f4829a;--bs-success:#9ec5a6;--bs-warning:#fde88a;--bs-dark:#2d1f36;--bs-light:#f4ede3;--bs-border-color:#2d1f36}html,body,#root{color:#2d1f36;font-family:var(--body-pixel);background-color:#faf6ee;min-height:100vh;margin:0;padding:0;font-size:16px;line-height:1.7;overflow-x:hidden}p{margin-bottom:16px!important;line-height:1.75!important}.rectangular-tunnel{z-index:1;pointer-events:none;background-color:#faf6ee;background-image:linear-gradient(#f2e6f4 0%,#fef4e8 30%,#edf6ec 65%,#faf6ee 100%),linear-gradient(#2d1f360a 1px,#0000 1px),linear-gradient(90deg,#2d1f360a 1px,#0000 1px);background-size:100% 100%,32px 32px,32px 32px;width:100vw;height:100vh;position:fixed;top:0;left:0}.rect-frame{display:none!important}.ui-protector{z-index:2;pointer-events:none;background:radial-gradient(circle,#0000 40%,#f4ede3b3 100%);width:100vw;height:100vh;position:fixed;top:0;left:0}.main-content{z-index:10;min-height:100vh;padding-bottom:60px;position:relative}.navbar-container{padding-top:24px;padding-bottom:18px}.floating-nav{border:var(--pixel-border)!important;box-shadow:var(--pixel-shadow)!important;background:#fff!important;border-radius:8px!important;flex-wrap:wrap!important;align-items:center!important;gap:16px!important;padding:10px 20px!important;display:inline-flex!important}.floating-nav a{color:var(--cream)!important;font-family:var(--pixel)!important;border:1.5px solid #0000!important;border-radius:6px!important;align-items:center!important;gap:8px!important;padding:9px 14px!important;font-size:9.5px!important;font-weight:400!important;text-decoration:none!important;transition:all .15s!important;display:inline-flex!important}.floating-nav a:hover{text-shadow:none!important;background:#ede5f5!important;border-color:#2d1f36!important;transform:translate(-1px,-1px)!important;box-shadow:2px 2px #2d1f36!important}.floating-nav a.active{background:var(--coral)!important;color:#2d1f36!important;text-shadow:none!important;border-color:#2d1f36!important;box-shadow:2.5px 2.5px #2d1f36!important}.card,.glass-card{border:var(--pixel-border)!important;box-shadow:var(--pixel-shadow)!important;color:var(--cream)!important;background:#fff!important;border-radius:10px!important;margin-bottom:24px!important;transition:transform .15s,box-shadow .15s!important}.glass-card:hover{box-shadow:var(--pixel-shadow-lg)!important;transform:translate(-2px,-2px)!important}.card-header{font-family:var(--pixel)!important;color:var(--cream)!important;background:#fdfbf7!important;border-bottom:2px solid #2d1f36!important;padding:16px 24px!important;font-size:11px!important}.card-body{color:var(--cream)!important;padding:28px!important;line-height:1.75!important}.btn,.btn-gradient,.btn-primary{font-family:var(--pixel)!important;border:var(--pixel-border)!important;box-shadow:var(--pixel-shadow)!important;color:#2d1f36!important;text-transform:uppercase!important;cursor:pointer!important;border-radius:6px!important;margin:6px 0!important;padding:12px 22px!important;font-size:10.5px!important;transition:transform .12s,box-shadow .12s!important}.btn:hover,.btn-gradient:hover,.btn-primary:hover{box-shadow:var(--pixel-shadow-lg)!important;transform:translate(-2px,-2px)!important}.btn:active,.btn-gradient:active,.btn-primary:active{box-shadow:var(--pixel-shadow-sm)!important;transform:translate(2px,2px)!important}.btn-primary,.btn-gradient{background:var(--coral)!important;border-color:#2d1f36!important}.btn-primary:hover,.btn-gradient:hover{background:var(--coral-dark)!important}.btn-secondary,.btn-outline-secondary{background:var(--yellow)!important;color:#2d1f36!important;border-color:#2d1f36!important}.btn-secondary:hover,.btn-outline-secondary:hover{background:var(--yellow-dark)!important;color:#2d1f36!important}.btn-success{background:var(--lime)!important;color:#2d1f36!important;border-color:#2d1f36!important}.btn-danger,.btn-outline-danger{background:var(--coral-dark)!important;color:#fff!important;border-color:#2d1f36!important}.btn-info{background:var(--cyan)!important;color:#2d1f36!important;border-color:#2d1f36!important}.btn-outline-info{color:#2d1f36!important;border:var(--pixel-border)!important;box-shadow:var(--pixel-shadow)!important;background:#fff!important}.btn-outline-info:hover{color:#2d1f36!important;box-shadow:var(--pixel-shadow-lg)!important;background:#fdf8ea!important;border-color:#2d1f36!important;transform:translate(-2px,-2px)!important}.btn-lg-retro{font-family:var(--pixel)!important;border:var(--pixel-border)!important;box-shadow:var(--pixel-shadow)!important;letter-spacing:.03em!important;text-transform:uppercase!important;cursor:pointer!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:16px 24px!important;font-size:clamp(12px,1.15vw,14.5px)!important;transition:transform .12s,box-shadow .12s!important;display:inline-flex!important}.btn-lg-retro:hover{box-shadow:var(--pixel-shadow-lg)!important;transform:translate(-2px,-2px)!important}.btn-lg-retro:active{box-shadow:var(--pixel-shadow-sm)!important;transform:translate(2px,2px)!important}.hero-pixel-btn{font-family:var(--pixel)!important;cursor:pointer!important;border:2.5px solid #2d1f36!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:10px!important;padding:13px 20px!important;font-size:10.5px!important;text-decoration:none!important;transition:transform .12s,box-shadow .12s!important;display:inline-flex!important;box-shadow:4px 4px #2d1f36!important}.hero-pixel-btn:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px #2d1f36!important}.hero-pixel-btn:active{transform:translate(2px,2px)!important;box-shadow:2px 2px #2d1f36!important}.hero-pixel-btn--primary{color:#2d1f36!important;background:#7abcc4!important}.hero-pixel-btn--primary:hover{background:#9adce3!important}.hero-pixel-btn--secondary{color:#2d1f36!important;background:#fde88a!important}.hero-pixel-btn--secondary:hover{background:#fef0a8!important}.form-control,.form-select{color:#2d1f36!important;background:#fff!important;border:2.5px solid #2d1f36!important;border-radius:8px!important;margin-bottom:18px!important;padding:12px 16px!important;font-family:IBM Plex Mono,monospace!important;font-size:14.5px!important;line-height:1.5!important;transition:all .12s!important;box-shadow:3px 3px #2d1f361f!important}.form-control:focus,.form-select:focus{background:#fff!important;border-color:#7abcc4!important;outline:none!important;box-shadow:3px 3px #2d1f36!important}.form-control::placeholder{color:#9d8ea4!important;font-family:IBM Plex Mono,monospace!important}.form-label{font-family:var(--pixel)!important;color:#606d7a!important;letter-spacing:.05em!important;text-transform:uppercase!important;margin-bottom:8px!important;font-size:8.5px!important;display:inline-block!important}.input-group-text{color:#2d1f36!important;background:#f4ede3!important;border:2.5px solid #2d1f36!important;border-right:none!important;border-radius:8px 0 0 8px!important;padding:0 14px!important;box-shadow:3px 3px #2d1f361f!important}.input-group .form-control{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.password-toggle-btn{box-shadow:none!important;font-family:var(--pixel)!important;color:#6b5b73!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background:0 0!important;border:none!important;border-radius:4px!important;outline:none!important;margin:0!important;padding:4px 8px!important;font-size:8.5px!important;line-height:1!important;transition:color .15s,background-color .15s!important;transform:none!important}.password-toggle-btn:hover{color:#2d1f36!important;box-shadow:none!important;background:#2d1f3614!important;transform:none!important}.password-toggle-btn:active{color:#2d1f36!important;box-shadow:none!important;background:#2d1f3624!important;transform:none!important}.password-toggle-btn--inline{z-index:5!important;position:absolute!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important}.password-toggle-btn--inline:hover,.password-toggle-btn--inline:active,.password-toggle-btn--inline:focus{box-shadow:none!important;transform:translateY(-50%)!important}.modal-content{color:#2d1f36!important;background:#faf6ee!important;border:3.5px solid #2d1f36!important;border-radius:10px!important;box-shadow:8px 8px #2d1f36!important}.modal-header{font-family:var(--pixel)!important;background:#f4ede3!important;border-bottom:2.5px solid #2d1f36!important;padding:16px 22px!important}.modal-body{padding:24px!important;line-height:1.75!important}.modal-footer{border-top:2.5px solid #2d1f36!important;gap:12px!important;padding:16px 22px!important}.alert{font-family:var(--body-pixel)!important;color:#2d1f36!important;border:2.5px solid #2d1f36!important;border-radius:8px!important;margin-bottom:20px!important;padding:14px 18px!important;font-size:13.5px!important;line-height:1.6!important;box-shadow:3px 3px #2d1f36!important}.alert-info{background:#e8f4fc!important}.alert-warning{background:#fef8db!important}.alert-success{background:#eaf5ec!important}.alert-danger{background:#fce8ec!important}.badge{font-family:var(--pixel)!important;letter-spacing:.04em!important;border:1.5px solid #2d1f36!important;border-radius:4px!important;padding:5px 10px!important;font-size:8px!important;box-shadow:1.5px 1.5px #2d1f36!important}.chapter-badge{font-family:var(--pixel);color:#2d1f36;letter-spacing:.08em;background:#fde88a;border:2px solid #2d1f36;border-radius:4px;align-items:center;gap:8px;margin-bottom:12px;padding:5px 12px;font-size:8.5px;display:inline-flex;box-shadow:2.5px 2.5px #2d1f36}.mission-tag{font-family:var(--pixel);color:#2d1f36;letter-spacing:.06em;background:#ede5f5;border:1.5px solid #2d1f36;border-radius:4px;align-items:center;padding:4px 10px;font-size:8.5px;display:inline-flex;box-shadow:1.5px 1.5px #2d1f36}.mission-live-pill{font-family:var(--pixel);color:#15803d;letter-spacing:.06em;background:#dcfce7;border:1.5px solid #2d1f36;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:8.5px;font-weight:700;display:inline-flex;box-shadow:2px 2px #2d1f36}.rpg-stat-card{background:#fdfbf7;border:2px solid #2d1f36;border-radius:8px;margin-bottom:14px;padding:14px 16px;transition:transform .12s,box-shadow .12s;box-shadow:3px 3px #2d1f361f}.rpg-stat-card:hover{transform:translateY(-1px);box-shadow:4px 4px #2d1f36}.rpg-lead-dialogue{color:#3a284c;background:#fff;border:3px solid #e0b3c8;border-radius:12px;padding:22px 26px;font-size:15.5px;line-height:1.7;position:relative;box-shadow:4px 4px #cf9ab4}h1,h2{font-family:var(--pixel)!important;color:#2d1f36!important;letter-spacing:-.01em!important;text-transform:uppercase!important;text-shadow:2.5px 2.5px #f8b4cb!important;margin-bottom:16px!important;line-height:1.35!important}h3,h4{font-family:var(--pixel)!important;color:#2d1f36!important;letter-spacing:.02em!important;text-shadow:none!important;margin-bottom:12px!important;line-height:1.4!important}h5,h6{font-family:var(--body-pixel)!important;color:#2d1f36!important;text-shadow:none!important;margin-bottom:10px!important;font-weight:700!important;line-height:1.4!important}.glow-text{color:#2d1f36!important;text-shadow:2.5px 2.5px #f8b4cb!important}.text-info{color:#d15676!important}.text-white{color:#2d1f36!important}.retro-bg-characters{pointer-events:none;z-index:3;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.retro-char{pointer-events:auto;cursor:pointer;z-index:3;flex-direction:column;align-items:center;display:flex;position:absolute}.retro-char__img{image-rendering:pixelated;filter:drop-shadow(2.5px 3px #2d1f3647);width:clamp(42px,3.6vw,54px);height:auto;transform:rotate(var(--char-tilt,0deg));transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s;display:block}.retro-char:hover .retro-char__img{filter:drop-shadow(0 8px #2d1f3659);transform:scale(1.22)translateY(-8px)rotate(0)}.retro-char__tag{font-family:var(--pixel);color:#2d1f36;white-space:nowrap;opacity:0;pointer-events:none;background:#fff;border:1.5px solid #2d1f36;border-radius:4px;margin-top:5px;padding:2px 6px;font-size:8px;transition:opacity .2s,transform .2s;transform:translateY(2px);box-shadow:1.5px 1.5px #2d1f36}.retro-char:hover .retro-char__tag{opacity:1;transform:translateY(0)}.retro-char--anim-1{animation:6.5s ease-in-out infinite alternate retro-shift-sway-1}.retro-char--anim-2{animation:5.8s ease-in-out infinite alternate retro-shift-sway-2}.retro-char--anim-3{animation:7.2s ease-in-out infinite alternate retro-shift-sway-3}.retro-char--anim-4{animation:6.2s ease-in-out infinite alternate retro-shift-sway-4}@keyframes retro-shift-sway-1{0%{transform:translate(0)rotate(0)}25%{transform:translate(6px,-9px)rotate(5deg)}50%{transform:translate(-4px,-14px)rotate(-3deg)}75%{transform:translate(-9px,-5px)rotate(-7deg)}to{transform:translate(5px,6px)rotate(6deg)}}@keyframes retro-shift-sway-2{0%{transform:translate(0)rotate(0)}30%{transform:translate(-8px,6px)rotate(-6deg)}60%{transform:translate(6px,-11px)rotate(7deg)}85%{transform:translate(9px,-3px)rotate(3deg)}to{transform:translate(-5px,4px)rotate(-5deg)}}@keyframes retro-shift-sway-3{0%{transform:translate(0)rotate(-3deg)}35%{transform:translate(9px,-12px)rotate(6deg)}70%{transform:translate(-7px,-6px)rotate(-6deg)}to{transform:translate(3px,9px)rotate(4deg)}}@keyframes retro-shift-sway-4{0%{transform:translate(0)rotate(4deg)}28%{transform:translate(-9px,-7px)rotate(-7deg)}65%{transform:translate(7px,-12px)rotate(6deg)}to{transform:translate(-4px,7px)rotate(-3deg)}}.retro-window{z-index:10;position:relative;overflow:hidden;color:#2d1f36!important;background:#fff!important;border:3px solid #2d1f36!important;border-radius:10px!important;box-shadow:6px 6px #2d1f36!important}.retro-window__header,.retro-window-header{font-family:var(--pixel)!important;color:#2d1f36!important;letter-spacing:.04em!important;background:#f4ede3!important;border-bottom:2.5px solid #2d1f36!important;justify-content:space-between!important;align-items:center!important;padding:10px 16px!important;font-size:9.5px!important;display:flex!important}.retro-window__title,.retro-window-title{align-items:center;gap:8px;font-weight:700;display:flex}.retro-window__controls,.retro-window-controls{font-family:var(--pixel);color:#7d5a96;align-items:center;gap:8px;font-size:10px;display:flex}.retro-window__body,.retro-window-body{padding:clamp(20px,3vw,36px)!important}.admin-portal-wrapper{color:#2d1f36;z-index:10;background-color:#faf6ee;background-image:linear-gradient(#f2e6f4 0%,#fef4e8 30%,#edf6ec 65%,#faf6ee 100%),linear-gradient(#2d1f360a 1px,#0000 1px),linear-gradient(90deg,#2d1f360a 1px,#0000 1px);background-size:100% 100%,32px 32px,32px 32px;min-height:100vh;padding-bottom:60px;position:relative}.admin-portal-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:2.5px solid #2d1f36;margin-bottom:28px;padding:20px 0}.admin-badge-pill{font-family:var(--pixel);color:#2d1f36;background:#fff;border:2px solid #2d1f36;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-size:9.5px;display:inline-flex;box-shadow:2.5px 2.5px #2d1f36}.admin-team-item{cursor:pointer;background:#fff;border:2px solid #2d1f36;border-radius:6px;margin-bottom:10px;padding:12px 14px;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:2px 2px #2d1f36}.admin-team-item:hover{background:#fdfbf7;transform:translate(-1px,-1px);box-shadow:3.5px 3.5px #2d1f36}.admin-team-item--selected{background:#7abcc4!important;border-color:#2d1f36!important;box-shadow:3.5px 3.5px #2d1f36!important}.admin-team-item--selected .text-secondary{color:#243b40!important}.admin-score-card{background:#fdfbf7;border:2px solid #2d1f36;border-radius:8px;padding:16px 20px;box-shadow:3px 3px #2d1f36}.admin-score-badge{text-align:center;background:#fde88a;border:2.5px solid #2d1f36;border-radius:6px;padding:10px 18px;box-shadow:3px 3px #2d1f36}.text-light{color:#2d1f36!important}.text-secondary{color:#6b5b73!important}.text-muted{color:#8c7b94!important}.id-code{font-family:var(--mono)!important;letter-spacing:.06em!important}.table{color:#2d1f36!important;background:#fff!important;border:2px solid #2d1f36!important;border-radius:6px!important;margin-bottom:24px!important;overflow:hidden!important}.table th{font-family:var(--pixel)!important;color:#2d1f36!important;background:#f4ede3!important;border-bottom:2px solid #2d1f36!important;padding:14px 18px!important;font-size:9.5px!important}.table td{font-family:var(--body-pixel)!important;border-color:#2d1f3626!important;padding:14px 18px!important;font-size:13.5px!important;line-height:1.6!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#faf6ee;border-left:2px solid #2d1f36}::-webkit-scrollbar-thumb{background:#7abcc4;border:2px solid #2d1f36;box-shadow:inset -1px -1px #2d1f36,inset 1px 1px #fff}@media (width<=768px){.floating-nav{gap:8px!important;padding:6px 12px!important}.floating-nav a{padding:6px 8px!important;font-size:8.5px!important}}