@font-face{font-family:PixelifySans;src:url(/assets/PixelifySans-VariableFont_wght-D_Gyz7O-.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0;font-family:PixelifySans,sans-serif;font-weight:300;color:#faebd7}html,body,#root{width:100%;height:100vh;overflow:hidden}body{background:#bfa06d;background:linear-gradient(184deg,#968365,#636262,#1b1b1b);display:flex;justify-content:center;align-items:flex-start;padding:20px}.Main_Container{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:20px;height:100vh;box-sizing:border-box}.Passport_Container{width:800px;margin-top:20px;height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;padding-right:10px}.Passport_Container::-webkit-scrollbar{width:8px}.Passport_Container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.Passport_Container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.Passport_Container::-webkit-scrollbar-thumb:hover{background:#fff6}.Main_Headline{color:#fff;font-size:clamp(2rem,5vw,4rem);text-align:center;margin-bottom:20px;width:100%;text-shadow:2px 2px 4px rgba(0,0,0,.3);word-wrap:break-word}.Passport_List_Container{display:flex;flex-wrap:nowrap;gap:20px;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;max-width:600px}.Passport_List_Container::-webkit-scrollbar{display:none}.Passport_Single_Container{width:520px;height:384px;margin-bottom:40px;transition:all .3s ease;border-radius:10px;position:relative}.Passport_Single_Preview_Container{width:100px;height:150px;transition:all .3s ease;border-radius:10px;position:relative;max-height:20%;overflow:hidden;border:1px solid #000}.Passport_List_Preview{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;max-height:240px;padding:10px 8px 8px;overflow:hidden}.Passport_Spacer{display:flex;justify-content:center;align-items:center;width:100%}.Passport_Spacer_Arrow{font-size:48px;color:#fff;width:48px;height:48px;display:flex;justify-content:center;align-items:center;transform:rotate(-90deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.Passport_List_Preview_Container{max-height:280px;max-width:600px;overflow:hidden}.Passport{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;width:516px;height:300px;background-color:#5e8149;border-top-right-radius:5px;border-top-left-radius:5px;box-shadow:0 0 10px #00000080 inset;position:relative;margin:0;padding:0;transition:box-shadow .3s ease}.Passport_Header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#4a6b3d;color:#fff}.Image_Container{display:flex;margin:20px 10px 10px;width:150px;height:200px;border:1px solid #000;border-radius:5px}.Passport_Details{position:absolute;display:flex;flex-direction:column;gap:5px;top:70px;left:200px;width:250px}.Passport_Footer{font-size:10px;position:absolute;display:flex;gap:20px;align-items:center;flex-direction:row;bottom:20px;left:200px;width:450px}.Passport_Footer_Details{display:flex;align-items:center;flex-direction:column}.Flip_Button{width:100%;height:40px;background-color:orange;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.Flip_Icon{width:34px;height:34px}.Submit_Button{width:100%;height:40px;background-color:green;border-top-right-radius:10px;border-top-left-radius:10px}.Passport_Wrapper{transition:all .2s ease;transform-origin:center;height:340px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:red}@keyframes pulse{0%{box-shadow:0 0 60px #ffd700cc}50%{box-shadow:0 0 100px gold}to{box-shadow:0 0 60px #ffd700cc}}.Passport_Body_Details{position:relative;top:auto;left:auto}.Invisible{visibility:hidden}.Passport_Front_Header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#4a6b3d;color:#fff}*{box-sizing:border-box;margin:0;padding:0}.Image_Wrapper{box-shadow:inset 0 0 0 2px #464646;display:flex;justify-content:center;align-items:center;min-width:150px;min-height:200px}.Image_Wrapper img{position:absolute;width:150px;height:200px;object-fit:fill}.Shirt{z-index:1}.Skin{z-index:2}.Beard{z-index:3}.Eyes{z-index:4}.Glasses{z-index:5}.Hair{z-index:6}.Passport_Back_Body{height:220px;display:flex;flex-direction:column;align-items:flex-start;padding-left:20px;padding-right:20px;padding-top:10px;gap:15px;overflow:hidden}.Passport_Back_Footer{height:80px;border:2px solid black;padding-left:20px;padding-right:20px;padding-top:6px}.Passport_Back_Footer_Details{padding:0;word-wrap:break-word;word-break:break-all;max-width:100%;display:flex;flex-direction:column;align-items:flex-start}.Passport_Back_Footer_Details p{margin:0;text-align:left}.Passport_Back_Countryflag{position:absolute;top:0;left:0;width:100%;height:220px;opacity:.2}.Passport_Back_Countryflag img{position:absolute;top:0;left:0;width:100%;height:220px;opacity:.6;filter:blur(0px)}.Passport_Preview button{all:unset;display:contents}.Passport_Preview{background-color:#fff;height:150px}.Passport_Preview button:focus,.Passport_Preview button:active{outline:none;box-shadow:none}.Selected_Passport{box-shadow:0 0 0 10px #ffa50099;z-index:1}.Preview_Image_Container{height:150px}.Preview_Image_Container .Image_Wrapper{min-width:0;min-height:0;height:150px}.Preview_Image_Container .Image_Wrapper img{position:absolute;width:100px;object-fit:fill;height:150px}.Game_Stats_Box{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;gap:12px;box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.2);min-width:250px;position:fixed;top:20px;right:120px;z-index:100;background-color:#4a6b3d;padding:10px 20px;border-radius:5px;cursor:pointer;transition:.3s ease-in-out;color:#fff}.Game_Stats_Box .Officer_Icon{color:#fff;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));margin-right:auto;vertical-align:middle;height:100%}.Game_Stats_Box .Stats_Text{display:inline-block;margin-left:auto;vertical-align:middle}.Game_Stats_Box p{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;color:#fff;min-height:2rem}.Game_Stats_Box p:first-of-type{display:flex;align-items:center}.Game_Stats_Box span{color:#fff;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:8px;transition:all .2s ease}.Game_Stats_Box span:hover{background:#ffffff1a;transform:translate(-4px)}.Game_Stats_Box span:nth-child(1):before{content:"✓";color:#4caf50;font-weight:700}.Game_Stats_Box span:nth-child(2):before{content:"⚠";color:#ffc107;font-weight:700}.Game_Stats_Box span:nth-child(3):before{content:"📊";color:#2196f3;font-weight:700}@keyframes statUpdate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.Game_Stats_Box span.updating{animation:statUpdate .3s ease}.Story_Board_container{display:flex;flex-direction:column;position:fixed;top:11rem;right:10rem;width:30rem;background-color:#f3c600;box-shadow:inset 0 0 10px #693300d5;border-radius:10px;padding:2rem}.Story_Board_container h2{color:#474747;font-size:1.5rem;text-align:center;margin-bottom:1rem}.Story_Board_container p{color:#474747;font-size:1rem;text-align:center;margin-bottom:1rem}.Story_Board_container li{list-style:none;margin:.5rem 0;color:#474747;line-height:2rem}.game-end-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-out}.end-screen-content{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;border-radius:20px;box-shadow:0 0 30px #00000080;text-align:center;max-width:600px;width:90%;animation:slideUp .5s ease-out}.game-over-title{color:#fff;font-size:3rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.3)}.stats-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .5s ease-out}.stats-container.show{opacity:1;transform:translateY(0)}.stat-box{background:#ffffff1a;padding:1.5rem;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.stat-box:hover{transform:translateY(-5px)}.stat-box h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem;opacity:.8}.stat-value{color:#fff;font-size:2rem;font-weight:700}.time-played .stat-value{color:#4caf50}.correct-guesses .stat-value{color:#2196f3}.wrong-guesses .stat-value{color:#f44336}.accuracy .stat-value{color:#ffc107}.play-again-button{background:linear-gradient(45deg,#2196f3,#4caf50);color:#fff;border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;font-weight:700;box-shadow:0 4px 15px #0003}.play-again-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:linear-gradient(45deg,#1976d2,#388e3c)}.play-again-button:active{transform:translateY(1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}.game-over-title{font-size:2rem}.stat-value{font-size:1.5rem}.play-again-button{padding:.8rem 1.5rem;font-size:1rem}}.Splash_Screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:9999}.Game_Title{font-size:8rem;font-weight:700;margin-bottom:20px}.Splash_H2{font-size:3rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.Splash_paragraph{font-size:1.5rem;margin-bottom:5px;display:flex;justify-content:center;align-items:center}.SplashButton{font-size:2rem;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.SplashButton:hover{background-color:#0056b3;transition:background-color .3s ease}.audio-control-button{position:fixed;bottom:20px;right:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;color:#fff;font-size:1.5rem;box-shadow:0 4px 15px #0003}.audio-control-button.needs-interaction{background:#2196f333;border-color:#2196f366;animation:pulse-attention 2s infinite}.audio-control-button:hover{transform:scale(1.1);background:#fff3;box-shadow:0 6px 20px #0000004d}.audio-control-button.needs-interaction:hover{background:#2196f34d}.audio-control-button:active{transform:scale(.95)}@keyframes pulse{0%{box-shadow:0 4px 15px #0003}50%{box-shadow:0 4px 25px #ffffff4d}to{box-shadow:0 4px 15px #0003}}@keyframes pulse-attention{0%{box-shadow:0 4px 15px #2196f333}50%{box-shadow:0 4px 25px #2196f366}to{box-shadow:0 4px 15px #2196f333}}.audio-control-button:not([aria-label=Mute]){animation:pulse 2s infinite}.audio-control-button.needs-interaction{animation:pulse-attention 2s infinite}