@import"https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{--black: 0, 0, 0;--white: 255, 255, 255;font-family:Mali;font-size:16pt}html *{color:rgb(var(--white))}body{margin:0;background-color:rgb(var(--black))}.title:lang(th-TH){line-height:1.6}.title{font-family:Mali;font-size:24pt;font-weight:900;text-align:center;margin-bottom:10px}.body{font-family:Mali;font-size:24pt;font-weight:400;text-align:center}@media(max-width:768px){.title{font-size:24px}}button{text-decoration:none;font-family:Mali;font-size:20pt;font-weight:900;text-align:center;border:none;border-radius:30px;padding:8px 52px;transition-duration:.2s;display:flex;align-items:center}button.gray{background-color:#222;cursor:pointer}button.blue{background-color:#3584e4;cursor:pointer;color:#fff}button.circle{width:60px;height:60px;padding:0;align-items:center;justify-content:center}@media(max-width:768px){button{font-size:16pt;padding:8px 32px}button.circle{width:60px;height:60px}}.input{background-color:#fff;color:#000;text-decoration:none;font-family:Mali;font-size:20pt;font-weight:700;text-align:center;border:none;border-radius:30px;height:40px;width:249px;transition-duration:.2s;display:flex;align-items:center}@media(max-width:768px){.input{font-size:16pt;height:40px;width:249px}}video::-webkit-media-controls{display:none}.video-container{position:fixed;top:50%;left:0;transform:translateY(-50%);width:100%;height:100vh;overflow:hidden}@media only screen and (max-device-width:600px){.video-container.middle{width:200%;height:150vh;left:0%}.video-container.left{width:300%;left:0%}.video-container.right{width:200%;left:-100%}}.video-container video{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-media-controls:none;-webkit-media-controls-play-button:none;-webkit-media-controls-timeline:none;-webkit-media-controls-current-time-display:none;-webkit-media-controls-time-remaining-display:none;-webkit-media-controls-toggle-closed-captions-button:none}.textBox{display:flex;justify-content:center;align-items:center;width:40vw;background:#f5f0dd;color:#8391b8;border-style:solid;border-color:#8391b8;border-width:5px;border-radius:30px;padding:20px}@media(max-width:768px){.textBox{width:80vw;height:30vh}}.dialogWrapper{position:relative;display:flex;flex-direction:column;align-items:center}.nameBox{display:flex;justify-content:center;align-items:center;width:100%;max-width:15vw;background-color:#a2b7e4;color:#fff;border-style:solid;border-color:#8391b8;border-width:5px;position:absolute;transform:translateY(-25px);z-index:2;border-radius:25px}@media(max-width:768px){.nameBox{left:10%;margin-top:5px;width:50vw;max-width:50vw}}.spriteBox{width:500px;height:500px;margin:0 auto;overflow:hidden;position:relative}.spriteBox video{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}@media(max-width:768px){.spriteBox{width:98vw;height:45vh}}.optionBox{display:flex;justify-content:center;align-items:center;width:40vw;background:#f5f0dd;color:#8391b8;border-style:solid;border-color:#8391b8;border-width:5px;border-radius:30px;padding:10px}.optionSection{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:1rem}@media(max-width:768px){.optionBox{width:80vw}}