@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@700&family=Poppins:wght@600&display=swap";body{margin:0;display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif;background-color:#0b2d49;color:#00205b;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:center 0vh;overflow:hidden}body#body2{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-left:3vw;padding-right:3vw;margin-bottom:-3vh}header{width:100%;padding:10px;text-align:center;box-shadow:0 2px 8px #00000080;z-index:-1}main{height:100dvh;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;padding:20px 20px 100px;gap:15px;box-sizing:border-box}main#main2{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;overflow:hidden}main#main3{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;overflow:hidden}h1{font-size:2em;color:#00205b;margin:10;text-align:center;font-weight:700;z-index:10}h2{font-size:2.2em;color:#333;margin:0;text-align:center;font-family:"Baloo 2",sans-serif;font-size:1.2em;font-weight:700;line-height:1.2;letter-spacing:-.02em}.menu-link{box-sizing:border-box;padding:9px 4px;border:none;border-radius:36px;color:#fff;text-decoration:none;cursor:pointer;transition:all .3s ease;text-align:center;max-width:70%;min-width:60%;margin:10px auto;background-color:#175b93;box-shadow:0 7px #ffc400;outline:2px solid rgb(255,196,0);outline-offset:0px;font-weight:700;font-size:2.1em;position:center;z-index:11}.google-profile{box-sizing:border-box;padding:9px 4px;background-color:#0b2d49;border:none;border-radius:36px;color:#0ef;text-decoration:none;cursor:pointer;transition:all .3s ease;text-align:center;max-width:70%;min-width:60%;margin:10px auto;font-weight:700;font-size:2.1em;position:center;z-index:11}.modal{display:none;position:fixed;z-index:100;left:0;top:-5%;width:100%;height:110%;background-color:#000000b3}.modal-content{background-color:#fff7e0;background:linear-gradient(180deg,#fff7e0,#fff7e0,#0b2d49);border-radius:20px;width:95%;height:88%;text-align:center;box-shadow:0 4px 8px #0003;color:#333;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-left:10px;padding-right:10px;overflow-y:auto;overflow-x:hidden}.modal-background{position:absolute;top:0;left:0;width:100%;height:100dvh;object-fit:cover;z-index:-1;opacity:1;margin-top:0vh}.close-lineup-button{width:23px;position:fixed;right:15px;top:0;font-size:34px;font-weight:700;cursor:pointer;z-index:10;color:#585858}.close-lineup-button:hover{color:red}.close-button{width:23px;position:fixed;right:3dvw;top:1dvh;font-size:34px;font-weight:700;cursor:pointer;z-index:1000}.close-button:hover{color:red}.close-button-bottom{display:block;margin:20px auto;padding:2px 40px;background-color:#175b93;color:#fff;border:none;border-radius:30px;cursor:pointer;font-size:1.6rem;margin-top:1vh;font-family:"Baloo 2",sans-serif;font-size:1.3em;font-weight:700;box-shadow:0 7px #ffc400;outline:2px solid rgb(255,196,0);outline-offset:0px}.close-button-bottom:hover{background-color:#0056b3}*{box-sizing:border-box}.frame-container{display:flex;align-items:center;flex-direction:column;z-index:101;justify-content:center;margin:0 auto;max-width:93%;border-radius:20px;margin-top:5vh}.options{display:flex;align-items:center;flex-direction:column;gap:2vh;margin-top:1vh;z-index:101;justify-content:center;margin:0 auto;max-width:93%;border-radius:20px;padding-bottom:20px}.option-button{padding:2vh;border:none;border-radius:20px;background-color:#8ad0ff;color:#0b2d49;cursor:pointer;max-width:100%;min-width:100%;min-height:7vh;text-align:left;z-index:9;box-shadow:0 7px #2a4679;outline:2px solid #2a4679;outline-offset:0px;font-family:"Baloo 2",sans-serif;font-size:.95rem;font-weight:700;line-height:1rem;letter-spacing:-.02em}.illustration-image{display:flex;align-items:center;justify-content:center;padding:20px;font-size:1.5rem;font-weight:700;color:#0b2d49;text-align:center;margin:20px auto;max-width:93%;background-color:#fff;border-radius:20px;outline:3px solid #2a4679;outline-offset:0px}#question-text{display:flex;align-items:center;justify-content:center;padding:10px;color:#0b2d49;text-align:center;margin:20px auto;max-width:93%;background-color:#fbcb48;border-radius:20px;z-index:3;min-height:8vh;margin-bottom:3vh;box-shadow:0 7px #2a4679;outline:2px solid #2a4679;outline-offset:0px;font-family:"Baloo 2",sans-serif;font-size:1.03rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}#question-number{padding:2px;font-size:2rem;color:#0b2d49;text-align:center;margin:20px auto;max-width:93%;margin-bottom:-1vh;z-index:3;font-family:"Baloo 2",sans-serif;font-size:1.5em;font-weight:700;line-height:1.2;letter-spacing:-.02em}.mbti-result-message{font-size:1.4rem;font-weight:700;color:#0b2d49;margin-top:5px;margin-bottom:-.2vh;width:90%;text-shadow:1px 1px 1px rgba(253,112,112,0);font-family:"Baloo 2",sans-serif;background-color:#fbcb48;border:0px solid #A3AAAD;border-radius:20px;padding:6px;display:inline-block;line-height:1;letter-spacing:-.02em}.mbti-result-title{font-size:1.9rem;font-weight:bolder;color:#fff;margin-top:-15px;width:83%;text-shadow:1px 1px 1px rgba(0,0,0,0);font-family:"Baloo 2",sans-serif;background-color:#0af;border:0px solid #A3AAAD;border-radius:30px;padding:6px;display:inline-block;line-height:1.2;letter-spacing:-.02em}.mbti-info-message{color:#0b2d49;margin-top:5px;margin-bottom:5px;width:83%;text-shadow:1px 1px 1px rgba(0,0,0,0);background-color:#8ad0ff;border:0px solid #A3AAAD;border-radius:20px;padding:6px;display:inline-block;font-family:"Baloo 2",sans-serif;font-size:1.2rem;font-weight:700;line-height:1rem;letter-spacing:-.02rem}.mbti-desc-message{text-indent:2em;padding:1.4vh 4%;border:none;border-radius:20px;background-color:#8ad0ff;color:#0b2d49;cursor:pointer;max-width:90%;min-width:90%;min-height:7vh;text-align:justify;text-justify:inter-word;font-family:"Baloo 2",sans-serif;font-size:1rem;font-weight:700;line-height:1rem;letter-spacing:-.02rem;box-sizing:border-box}.main-result-display{font-size:1.6em;color:#00205b;font-weight:700;text-align:center;background-color:#9bcbeb;padding:15px;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:none;max-width:100%;min-width:60%;margin:0 auto 20px}.spflogo-image{padding-top:30px;padding-bottom:20px;max-width:100%;height:auto;display:block;margin:0 auto 10px}.spf_logo_l-image{padding-top:10px;padding-left:10px;max-width:35%;height:auto;display:block;margin:0;position:absolute;top:0;left:0}.game_title-image,.mbti_title-image{max-width:70%;height:auto;display:block;margin:0 auto;padding-top:11vh;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:1}.spf_lego_group-image{padding-top:1vh;margin-bottom:13vh;max-width:100%;height:auto;object-fit:cover;overflow:hidden;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:5}.spf_lego_solo-image{display:flex;margin-top:1px;margin-bottom:-2dvh;padding-top:0;padding-bottom:0;max-width:50vh;height:auto;display:none;background-color:transparent}#lineup_suspect_selections{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;padding:0;display:none;overflow-y:hidden}#lineup_suspect_description{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;overflow-y:hidden}.lineupgame_title-image{max-width:70%;height:auto;display:block;position:absolute;top:2vh;left:50%;transform:translate(-50%);z-index:-1}.lineup_group-image{padding-top:1vh;margin-bottom:-2vh;max-width:100%;height:auto;object-fit:cover;overflow:hidden;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:5}.lineupgame_title2-image{max-width:64%;height:auto;display:block;position:relative;margin-top:-1vh;margin-bottom:-15vh;left:50%;transform:translate(-50%);z-index:-1}.lineupgame_scene-hud{display:grid;width:87%;height:10vh;border-radius:2vh;background-color:#fbcb48;box-shadow:0 7px 7px #0006;margin:6px auto 2px;padding:1px;box-sizing:border-box;margin-top:17vh;margin-bottom:-3vh}.lineupgame_scene-image-container{display:grid;place-items:center;width:87%;height:auto;border-radius:4vw;background-color:#fff;box-shadow:0 7px 7px #0006;overflow:hidden;margin:4vh auto;padding:2vh;box-sizing:border-box}.lineupgame_scene-image-container img{max-width:calc(100% - 1vh);max-height:calc(100% - 1vh);margin-top:.5vh;margin-bottom:.5vh;object-fit:contain;border-radius:3vw}#lineup_table{width:95%;max-width:1024px;margin:20px auto;border-collapse:collapse}#lineup_table td{width:50%;height:auto;border:0 solid #00000000;background-color:#0000;position:relative;padding:2vw;border-radius:15px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}#lineup_table td:hover{transform:scale(1.03);z-index:10}.lineup_character-container{position:relative;width:90%;aspect-ratio:1 / 1.1;margin:2vw auto;border:1.4vw solid #747779;background-color:#fff;padding-top:2vw;overflow:hidden;border-radius:5vw;box-shadow:0 7px 7px #0006;outline-offset:0px}.label-circle{position:relative;display:flex;justify-content:center;align-items:center;width:8vw;height:8vw;margin:-5vw auto 0;background-color:#007bff;color:#fff;font-size:5vw;font-weight:700;border-radius:50%;border:.5vw solid #0056b3;box-shadow:0 7px 7px #0006}.lineup_character-part{position:absolute;width:100%;height:auto}.lineup-button{display:block;margin:20px auto;padding:5px 30px;background-color:#fbcb48;color:#fff;border:none;border-radius:4vw;cursor:pointer;box-shadow:0 5px 5px #00000080;margin-top:1vh;font-family:"Baloo 2",sans-serif;font-size:.9rem;font-weight:700;text-align:center;width:40vw;background-color:#175b93;box-shadow:0 7px #ffc400;outline:2px solid rgb(255,196,0);outline-offset:0px}.lineupinfo-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;overflow:auto}.lineupinfo-modal-content{background:linear-gradient(180deg,#fff7e0,#fff7e0,#0b2d49);margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:20px;width:80%;height:auto;max-width:90vh;box-shadow:0 5px 15px #0000004d;font-family:"Baloo 2",sans-serif;max-width:90vw;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.lineupinfo-modal-header{justify-content:center;align-items:center;position:relative}.lineupinfo-modal-header h2{display:block;margin:20px auto;padding:10px 30px;background-color:#fbcb48;color:#003d7c;border:none;cursor:pointer;border-radius:4vw;box-shadow:0 5px 5px #00000080;margin-top:2vh;margin-bottom:-3vh;font-family:"Baloo 2",sans-serif;font-size:5vw;font-weight:700;text-align:center;width:87%}.lineupinfo-modal-header h3{display:block;margin:20px auto;padding:4px 30px;background-color:#83d8ff;color:#003d7c;cursor:pointer;margin-bottom:-3.5vh;font-family:"Baloo 2",sans-serif;font-size:5vw;font-weight:700;text-align:center;width:73vw}.close-modal-lineup{width:23px;margin-top:-1vh;top:0;font-size:34px;font-weight:700;cursor:pointer;z-index:10;position:absolute;right:0}.close-modal-lineup:hover{color:red}.lineupinfo-modal-image-container{display:flex;justify-content:center;align-items:center;width:30vh;height:auto;margin:0 auto}.lineupmodal_character-container{position:relative;width:60%;aspect-ratio:1 / 1.1;margin:2vw auto;border:1.4vw solid #35b57f;background-color:#9afdb9;padding-top:2vw;overflow:hidden;border-radius:5vw}.lineupinfo-modal-description-container{background-color:#fff;width:100%;border-radius:20px;margin:0;box-shadow:0 6px 6px #00000080;z-index:4;text-align:center;margin-top:1vh;padding:1vw}.lineupinfo-modal-description{font-size:2.9vw;line-height:1.6;font-weight:700;color:#333;padding:20px}.grfpatrol_title-image{padding-top:1vh;margin-bottom:12vh;max-width:80%;height:auto;object-fit:cover;overflow:hidden;position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:5}.lineup_character-part.eyes,.lineup_character-part.brows,.lineup_character-part.nose,.lineup_character-part.mouth{animation:subtle-move 8s infinite;animation-timing-function:ease-in-out}#lineup_table td:nth-child(1) .lineup_character-part.eyes,#lineup_table td:nth-child(1) .lineup_character-part.brows,#lineup_table td:nth-child(1) .lineup_character-part.nose,#lineup_table td:nth-child(1) .lineup_character-part.mouth{animation:subtle-move 6s infinite}#lineup_table td:nth-child(2) .lineup_character-part.eyes,#lineup_table td:nth-child(2) .lineup_character-part.brows,#lineup_table td:nth-child(2) .lineup_character-part.nose,#lineup_table td:nth-child(2) .lineup_character-part.mouth{animation:subtle-move 12s infinite}#lineup_table td:nth-child(3) .lineup_character-part.eyes,#lineup_table td:nth-child(3) .lineup_character-part.brows,#lineup_table td:nth-child(3) .lineup_character-part.nose,#lineup_table td:nth-child(3) .lineup_character-part.mouth{animation:subtle-move 8s infinite}#lineup_table td:nth-child(4) .lineup_character-part.eyes,#lineup_table td:nth-child(4) .lineup_character-part.brows,#lineup_table td:nth-child(4) .lineup_character-part.nose,#lineup_table td:nth-child(4) .lineup_character-part.mouth{animation:subtle-move 10s infinite}.lineup_game-title{display:flex;width:auto;height:5vh;max-width:87%;justify-content:center;align-items:center;margin:-3vh auto -1vh;padding:5px;background-color:#007bff;color:#fff;font-size:3.5vw;font-weight:700;border-radius:3vh;border:0px solid #ffb812;box-shadow:0 2px 2px #0006;padding-left:7vw;padding-right:7vw}.lineup_description-text{display:flex;width:100%;justify-content:center;align-items:center;padding:0vw;background-color:transparent;color:#003d7c;font-size:.86rem;font-weight:700;line-height:1.2rem;padding:1vw;word-break:break-word;text-align:justify}.lineup-game-info{display:flex;width:87%;height:3vh;max-width:87%;justify-content:space-between;align-items:center;margin:0 auto 3px;padding:5px;background-color:#fff;border-radius:3vw;border:0px solid #0056b3;box-shadow:0 2px 2px #0006;margin-top:3vh;margin-bottom:1vh}.lineup-game-info span{padding-left:1vw;padding-right:1vw;font-size:.9rem;font-weight:700;color:#003d7c}.fas{margin-right:5px}.spf_arrow-right-image{position:absolute;top:.1%;right:-1%;width:120px;height:97px;object-fit:cover;z-index:-1;opacity:.31}.spf_arrow-left-image{position:absolute;top:.1%;left:-2%;width:130px;height:97px;object-fit:cover;z-index:-1;opacity:.31}.spf_arrow-bottom-image{position:absolute;bottom:7%;right:8%;width:297px;height:197px;object-fit:cover;z-index:100;opacity:.5}.rotated-image{transform:rotate(0);display:block}footer{width:100%;height:6vh;background-color:#024074;position:fixed;bottom:0;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -3px 103px #fff;z-index:10}footer button{width:34px;height:34px;border:none;border-radius:5px;cursor:pointer;font-size:16px;color:#00f2ff;display:flex;align-items:center;justify-content:center;background-color:transparent;padding:0}.icon{width:3vh;height:3vh;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(175deg)}#home-button,#back-button{background-color:#007bff00}.title-bar{width:fit-content;height:5vh;display:flex;align-items:center;justify-content:center;margin:3vh auto;padding:0 20px;background-color:#0af;color:#fff;border-radius:50px;font-size:1.2rem;font-weight:700;box-shadow:0 4px 6px #0000001a}.title-bar h2{margin:0;font-size:4.4vw;color:#00205b;text-align:center}.spf_arrow-vertical-main{position:fixed;bottom:3%;right:0%;width:80px;height:1200px;object-fit:cover;z-index:-1;opacity:1}.spf_arrow-vertical-modal{position:absolute;bottom:-38%;right:6%;width:120px;height:1500px;object-fit:cover;z-index:1;opacity:1;clip-path:inset(0% 0% 35% 0%)}#result-line-2{white-space:pre-wrap}.other_title-image{max-width:80%;height:auto;display:block;position:absolute;top:-7vh;left:50%;transform:translate(-50%);z-index:1}.spfr_police-image{max-width:50%;height:auto;display:block;position:absolute;margin-left:-5vw;top:50%;left:0;transform:translateY(-50%);z-index:-1}.spfr_bodycam-image{max-width:40%;height:auto;display:block;padding-right:50px;position:absolute;top:0;right:0;z-index:1}.spfr_patrolcar-image{max-width:50%;height:auto;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:1}.spfr_glock-image{max-width:50%;height:auto;display:block;padding-bottom:70px;position:absolute;bottom:0;right:0;z-index:1}table-frame{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;gap:15px;z-index:2}table-frame-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:20px;gap:15px;background-color:transparent;z-index:2;position:fixed;bottom:90px;left:0;right:0}.table-image{max-width:25vh;height:auto;display:block;margin:0 auto;padding-top:3vh;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:2}.leaderboard-container{position:relative;width:95%;height:auto;max-width:95%;max-height:90%;background:#fff7e0;border-radius:30px;padding:20px;box-shadow:none;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Baloo 2",sans-serif;font-size:1.2rem;font-weight:700;line-height:.9rem;letter-spacing:-.02rem;box-shadow:0 2px 5px #0009}.table-title{margin-bottom:-3.9vh;text-align:center;display:inline-block;padding:5px 20px;background-color:#3dd2ff;border-radius:30px;font-family:"Baloo 2",sans-serif;font-size:1.6rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;position:relative;z-index:10;outline:4px solid #fbcb48;outline-offset:0px}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:2vw}.leaderboard-table th{text-align:left;padding:10px;border-bottom:5px solid #fff7e0}.leaderboard-table td{text-align:left;padding:1vh;padding-left:10px;border-bottom:1vw solid #fff7e0}.leaderboard-table th{background-color:#3dd2ff}.leaderboard-table tr:nth-child(2n){background-color:#59c4e4}.leaderboard-table tr:nth-child(odd){background-color:#fbcb48}.leaderboard-table td:first-child,.leaderboard-table th:first-child{border-top-left-radius:30px;border-bottom-left-radius:0}.leaderboard-table td:last-child,.leaderboard-table th:last-child{border-top-right-radius:0;border-bottom-right-radius:30px}.panel{display:flex;align-items:center;gap:2vw;padding:10px;border:2px solid #ffffff80;border-radius:20px;box-shadow:0 6px 6px #01010166;margin-bottom:3vh;width:60vw;min-width:60vw;height:16vh;background-color:#ffffff80}.panel-image{width:20vw;border-radius:8px;transform-origin:center;transition:transform .3s ease;z-index:1}.panel-content{flex:1;display:flex;flex-direction:column;gap:0px}.panel-title{font-size:1.5vh;font-weight:700;color:#002e5c;background-color:#fbcb48;border-radius:10px;padding:5px;margin:0;box-shadow:0 6px 6px #00000080;z-index:4;text-align:center;min-width:24vw;position:right}.panel-description{font-size:1rem;color:#666;line-height:1.6;margin-top:10px}.screen-container{display:flex;align-items:stretch;justify-content:flex-start;height:100vh;padding-right:0;box-sizing:border-box;background-color:#fff0}.left-half{width:1vw}.spfr_police-image{max-width:90%;max-height:60%;object-fit:contain}.scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:10px;padding-left:35vw;box-sizing:border-box;background-color:#fff0;width:fit-content;margin-bottom:20vh}#panels-container{display:flex;flex-direction:column;gap:-4px}.spfinfo-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;overflow:auto}.spfinfo-modal-content{background:linear-gradient(180deg,#fff7e0,#0b2d49);margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:20px;width:90%;height:auto;max-height:96%;max-width:600px;box-shadow:0 5px 15px #0000004d;font-family:"Baloo 2",sans-serif}.spfinfo-modal-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}.spfinfo-modal-header h2{display:block;margin:20px auto;padding:10px 30px;background-color:#fbcb48;color:#003d7c;border:none;border-radius:4vw;cursor:pointer;box-shadow:0 5px 5px #00000080;margin-top:1vh;font-family:"Baloo 2",sans-serif;font-size:.9rem;font-weight:700;text-align:center;width:50vw;outline-offset:0px}.close-modal{width:23px;margin-top:-1vh;top:0;font-size:34px;font-weight:700;cursor:pointer;z-index:10;position:absolute;right:0}.close-modal:hover{color:red}.spfinfo-modal-image-container{display:flex;justify-content:center;align-items:center}.spfinfo-modal-image{width:75vw;height:30vh;object-fit:contain;border-radius:10px;margin-bottom:1vh;margin-top:-2vh}.spfinfo-modal-description-container{background-color:#fff;width:100%;border-radius:20px;margin:-7px 0 0;box-shadow:0 6px 6px #00000080;z-index:4;text-align:center;padding:4px}.spfinfo-modal-description{font-size:.9rem;line-height:1.1rem;font-weight:700;color:#333;padding:10px}.square-buttons-container{display:flex;justify-content:center;gap:8vw;margin-top:15px}.square-button{display:inline-block;width:13vw;height:13vw;min-width:40px;min-height:40px;max-width:80px;max-height:80px;background-color:transparent;border:3px solid #fbcb48;border-radius:1.7vh;text-align:center;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;z-index:100}.square-button:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026;border-color:#007bff}.button-icon{width:100%;height:100%;object-fit:contain}@media (max-width: 480px){h1{font-size:1.4em}h2{font-size:1.6em}.menu-link{font-size:1.1em;padding:8px 4px;margin:1vh auto}#question-number{font-size:1.2em}.mbti-result-message,.mbti-result-title{font-size:1.4em}.main-result-display{font-size:1.1em}footer button{width:26px;height:26px}.other_title-image{max-width:85%;padding-top:150px}}@media (min-width: 481px) and (max-width: 768px){h1{font-size:1.7em}h2{font-size:1.9em}.menu-link{font-size:1.4em;padding:9px 4px;margin:1vh auto}#question-number{font-size:1.3em}.mbti-result-message,.mbti-result-title{font-size:1.6em}.main-result-display{font-size:1.3em}footer button{width:28px;height:28px}.other_title-image{max-width:70%;padding-top:120px}}@media (min-width: 769px) and (max-width: 1024px){h1{font-size:1.9em}h2{font-size:2.1em}.menu-link{font-size:1.6em;padding:10px 4px;margin:1vh auto}#question-number{font-size:1.4em}.mbti-result-message,.mbti-result-title{font-size:1.8em}.main-result-display{font-size:1.5em}footer button{width:30px;height:30px}.other_title-image{max-width:60%;padding-top:100px}}@media (min-width: 1025px){h1{font-size:2em}h2{font-size:2.2em}.menu-link{font-size:2.1em;padding:9px 4px;margin:1vh auto}#question-number{font-size:1.5em}.mbti-result-message,.mbti-result-title{font-size:1.9em}.main-result-display{font-size:1.6em}footer button{width:34px;height:34px}.other_title-image{max-width:50%;padding-top:120px}}@media (max-aspect-ratio: 16/9){.other_title-image{padding-top:160px}.menu-link{margin:1vh auto;padding:1vw}}@media (min-aspect-ratio: 3/6.5){.other_title-image{padding-top:100px}.menu-link{margin:.5vh auto;padding:1vw}}.intro-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;overflow:auto}.intro-modal-content{background:linear-gradient(180deg,#fff7e0,#fff7e0,#0b2d49);margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:20px;width:90%;height:auto;max-width:90vh;box-shadow:0 5px 15px #0000004d;font-family:"Baloo 2",sans-serif}.intro-text-container{display:grid;place-items:center;width:87%;height:auto;border-radius:4vw;background-color:#fff;box-shadow:0 7px 7px #0006;overflow:hidden;margin:6vh auto 2vh;padding:2vh;box-sizing:border-box}.intro_description-text{padding:1vh 1%;border:none;border-radius:20px;background-color:transparent;color:#003d7c;cursor:pointer;max-width:100%;min-width:100%;min-height:7vh;text-align:justify;text-justify:inter-word;font-family:"Baloo 2",sans-serif;font-size:1.06rem;font-weight:700;line-height:1rem;letter-spacing:-.06rem;box-sizing:border-box;text-indent:2em;white-space:pre-line}.intro-titleImage-container{display:flex;justify-content:center;align-items:center;position:relative;width:60%;margin:1vw auto;margin-bottom:-4vh;background-color:transparent;overflow:hidden}.intro-button{display:block;margin:20px auto;padding:5px 30px;background-color:#fbcb48;color:#fff;border:none;border-radius:4vw;cursor:pointer;box-shadow:0 5px 5px #00000080;margin-top:1vh;font-family:"Baloo 2",sans-serif;font-size:3vw;font-weight:700;text-align:center;width:40vw;background-color:#175b93;box-shadow:0 7px #ffc400;outline:2px solid rgb(255,196,0);outline-offset:0px}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#175b93;background-image:none;border:0px solid #175b93;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;cursor:pointer;font-family:"Baloo 2",sans-serif;font-size:1rem;outline:none;overflow:hidden;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;max-width:400px;min-width:min-content;border-color:#8e918f}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:center;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:0;flex-grow:0;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}.player-panel-container{display:grid;place-items:center;width:60%;border-radius:4vw;background-color:#99f9f9;box-shadow:0 7px 7px #0006;overflow:hidden;margin:6vh auto 2vh;padding:1vh;box-sizing:border-box}.player-image-container{display:grid;place-items:center;width:40%;aspect-ratio:1 / 1;margin:2vw auto;border:1.1vw solid #35b57f;background-color:#9afdb9;overflow:hidden;border-radius:5vw}.player-image-container img{width:100%;height:100%;object-fit:cover}.player-name-text{display:flex;width:100%;height:auto;justify-content:center;align-items:center;padding:0vw;background-color:transparent;color:#003d7c;font-size:1.2rem;font-weight:700;text-align:justify}.disabled-button{opacity:.5;cursor:not-allowed;background-color:#ccc;color:#666}@media only screen and (min-width: 600px) and (max-width: 1280px){.game_title-image,.mbti_title-image{max-width:50%}.lineup_group-image{max-width:75%}.lineupgame_title2-image{max-width:40%}main#main3{max-width:80%}.spf_lego_group-image{max-width:80%}.spfr_police-image{margin-left:-2.5vw}}.modalSignIn{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;color:#003d7c;font-size:1.2rem;font-weight:700}.modalSignIn-content{background:#fff;padding:20px 30px;border-radius:10px;text-align:center;box-shadow:0 4px 12px #0003}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}