@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap);*{box-sizing:border-box;font-family:Noto Sans TC,Poppins,sans-serif;--primary-color-light:#fff5f7;--primary-color:#ffc7c7;--text-color:#3c3a52;--action-btn-color:#2d2c2c;--action-btn-text-color:#f6efef;--required-color:#ef3838;--input-bg-white:#fff9f9;--radio-btn-size:15px}body,html{margin:0;font-size:16px}body{overflow-x:hidden;overflow-y:auto;transform:translateZ(0);position:relative;height:100%;width:100%}body.welcome{overflow-y:hidden;background:#000;position:fixed}body.in-game{overflow:hidden;background-color:#000}body.in-game canvas{margin:0 auto;display:block}body.thankyou{background:var(--primary-color-light)}h1{font-size:20px;margin:20px 0;font-weight:600}h1,h2{color:var(--text-color)}input,label,span,textarea{color:var(--text-color);font-size:1rem}input,textarea{border-radius:4px;border:none;background:var(--input-bg-white);padding:.5rem;font-size:1rem;position:relative;z-index:2}textarea{resize:none}button{padding:.25rem 1rem}.radio-group-wrapper .radio-option{display:inline-flex;margin-right:10px;align-items:center}.radio-group-wrapper .radio-option input[type=radio]{margin-left:0;margin-right:5px;width:var(--radio-btn-size);height:var(--radio-btn-size)}@media (orientation: portrait) and (min-width: 768px) and (max-width: 967px){*{--radio-btn-size:20px}html{font-size:20px}h1{font-size:40px}}@media (orientation: portrait) and (min-width: 968px) and (max-width: 1023px){*{--radio-btn-size:20px}html{font-size:20px}h1{font-size:2rem}button{padding:.5rem 1rem}}@media (orientation: portrait) and (min-width: 1024px) and (max-width: 1199px){*{--radio-btn-size:20px}html{font-size:20px}h1{font-size:2.5rem}button{padding:.5rem 1rem}}@media (orientation: portrait) and (min-width: 1200px){*{--radio-btn-size:20px}html{font-size:24px}h1{font-size:2.25rem}}@media (orientation: landscape) and (max-height: 480px){html{font-size:20px}button{padding:.5rem 1rem}}@media (orientation: landscape) and (min-height: 481px) and (max-height: 767px){html{font-size:20px}h1{font-size:2rem}}@media (orientation: landscape) and (min-height: 768px) and (max-height: 967px){*{--radio-btn-size:20px}html{font-size:24px}h1{font-size:2.5rem}input,textarea{padding:.75rem 1rem}button{padding:.5rem 1rem}}@media (orientation: landscape) and (min-height: 968px) and (max-height: 1023px){*{--radio-btn-size:20px}html{font-size:24px}h1{font-size:2.25rem}button{padding:.5rem 1rem}}@media (orientation: landscape) and (min-height: 1024px){*{--radio-btn-size:20px}html{font-size:24px}h1{font-size:2.25rem}button{padding:.5rem 1rem}}