:root{--radius-s: 0.125em;--radius-m: 0.25em;--radius-l: 0.5em;--radius-xl: 0.75em;--radius-xxl: 1em;--radius-xxxl: 1.5em;--radius-circle: 50%;--radius-full: 100%}:root{--theme-bg-dark-orange: #F68301;--theme-bg-dark-orange-a10: rgba(246, 131, 1, 0.1);--theme-bg-dark-orange-a25: rgba(246, 131, 1, 0.25);--theme-bg-dark-orange-a50: rgba(246, 131, 1, 0.5);--theme-bg-dark-orange-a90: rgba(246, 131, 1, 0.9);--theme-bg-light-orange: #FFF9BF;--theme-bg-light-orange-a10: rgba(255, 249, 191, 0.1);--theme-bg-light-orange-a25: rgba(255, 249, 191, 0.25);--theme-bg-light-orange-a50: rgba(255, 249, 191, 0.5);--theme-bg-light-orange-a90: rgba(255, 249, 191, 0.9);--theme-bg-black: #1F1F1F;--theme-bg-black-a10: rgba(31, 31, 31, 0.1);--theme-bg-black-a25: rgba(31, 31, 31, 0.25);--theme-bg-black-a50: rgba(31, 31, 31, 0.5);--theme-bg-black-a90: rgba(31, 31, 31, 0.9);--theme-bg-white: white;--theme-bg-white-a10: rgba(255, 255, 255, 0.1);--theme-bg-white-a25: rgba(255, 255, 255, 0.25);--theme-bg-white-a50: rgba(255, 255, 255, 0.5);--theme-bg-white-a90: rgba(255, 255, 255, 0.9);--theme-bg-gray: gray;--theme-bg-gray-a10: rgba(128, 128, 128, 0.1);--theme-bg-gray-a25: rgba(128, 128, 128, 0.25);--theme-bg-gray-a50: rgba(128, 128, 128, 0.5);--theme-bg-gray-a90: rgba(128, 128, 128, 0.9);--theme-bg-light-gray: #B5B5B5;--theme-bg-light-gray-a10: rgba(181, 181, 181, 0.1);--theme-bg-light-gray-a25: rgba(181, 181, 181, 0.25);--theme-bg-light-gray-a50: rgba(181, 181, 181, 0.5);--theme-bg-light-gray-a90: rgba(181, 181, 181, 0.9);--theme-bg-dark-gray: #4F4F4F;--theme-bg-dark-gray-a10: rgba(79, 79, 79, 0.1);--theme-bg-dark-gray-a25: rgba(79, 79, 79, 0.25);--theme-bg-dark-gray-a50: rgba(79, 79, 79, 0.5);--theme-bg-dark-gray-a90: rgba(79, 79, 79, 0.9);--theme-bg-royalblue: royalblue;--theme-bg-royalblue-a10: rgba(65, 105, 225, 0.1);--theme-bg-royalblue-a25: rgba(65, 105, 225, 0.25);--theme-bg-royalblue-a50: rgba(65, 105, 225, 0.5);--theme-bg-royalblue-a90: rgba(65, 105, 225, 0.9);--theme-font-black: black;--theme-font-black-a10: rgba(0, 0, 0, 0.1);--theme-font-black-a25: rgba(0, 0, 0, 0.25);--theme-font-black-a50: rgba(0, 0, 0, 0.5);--theme-font-black-a90: rgba(0, 0, 0, 0.9);--theme-font-gray: #B5B5B5;--theme-font-gray-a10: rgba(181, 181, 181, 0.1);--theme-font-gray-a25: rgba(181, 181, 181, 0.25);--theme-font-gray-a50: rgba(181, 181, 181, 0.5);--theme-font-gray-a90: rgba(181, 181, 181, 0.9);--theme-font-dark-gray: #555555;--theme-font-dark-gray-a10: rgba(85, 85, 85, 0.1);--theme-font-dark-gray-a25: rgba(85, 85, 85, 0.25);--theme-font-dark-gray-a50: rgba(85, 85, 85, 0.5);--theme-font-dark-gray-a90: rgba(85, 85, 85, 0.9);--theme-font-white: whitesmoke;--theme-font-white-a10: rgba(245, 245, 245, 0.1);--theme-font-white-a25: rgba(245, 245, 245, 0.25);--theme-font-white-a50: rgba(245, 245, 245, 0.5);--theme-font-white-a90: rgba(245, 245, 245, 0.9);--theme-font-orange: #FFA03D;--theme-font-orange-a10: rgba(255, 160, 61, 0.1);--theme-font-orange-a25: rgba(255, 160, 61, 0.25);--theme-font-orange-a50: rgba(255, 160, 61, 0.5);--theme-font-orange-a90: rgba(255, 160, 61, 0.9);--theme-font-red: orangered;--theme-font-red-a10: rgba(255, 69, 0, 0.1);--theme-font-red-a25: rgba(255, 69, 0, 0.25);--theme-font-red-a50: rgba(255, 69, 0, 0.5);--theme-font-red-a90: rgba(255, 69, 0, 0.9);--theme-border-orange: #FFA03D;--theme-border-orange-a10: rgba(255, 160, 61, 0.1);--theme-border-orange-a25: rgba(255, 160, 61, 0.25);--theme-border-orange-a50: rgba(255, 160, 61, 0.5);--theme-border-orange-a90: rgba(255, 160, 61, 0.9);--theme-shadow-white: #FFFCF0;--theme-shadow-white-a10: rgba(255, 252, 240, 0.1);--theme-shadow-white-a25: rgba(255, 252, 240, 0.25);--theme-shadow-white-a50: rgba(255, 252, 240, 0.5);--theme-shadow-white-a90: rgba(255, 252, 240, 0.9);--theme-shadow-white-faint: rgba(255, 252, 240, 0.5);--theme-shadow-black: black;--theme-shadow-black-a10: rgba(0, 0, 0, 0.1);--theme-shadow-black-a25: rgba(0, 0, 0, 0.25);--theme-shadow-black-a50: rgba(0, 0, 0, 0.5);--theme-shadow-black-a90: rgba(0, 0, 0, 0.9);--theme-shadow-black-faint: rgba(0, 0, 0, 0.25);--theme-shadow-orange: #FFA03D;--theme-shadow-orange-a10: rgba(255, 160, 61, 0.1);--theme-shadow-orange-a25: rgba(255, 160, 61, 0.25);--theme-shadow-orange-a50: rgba(255, 160, 61, 0.5);--theme-shadow-orange-a90: rgba(255, 160, 61, 0.9);--theme-btn-bg-normal: black;--theme-btn-bg-normal-a10: rgba(0, 0, 0, 0.1);--theme-btn-bg-normal-a25: rgba(0, 0, 0, 0.25);--theme-btn-bg-normal-a50: rgba(0, 0, 0, 0.5);--theme-btn-bg-normal-a90: rgba(0, 0, 0, 0.9);--theme-btn-bg-black: #1F1F1F;--theme-btn-bg-black-a10: rgba(31, 31, 31, 0.1);--theme-btn-bg-black-a25: rgba(31, 31, 31, 0.25);--theme-btn-bg-black-a50: rgba(31, 31, 31, 0.5);--theme-btn-bg-black-a90: rgba(31, 31, 31, 0.9);--theme-btn-bg-white: white;--theme-btn-bg-white-a10: rgba(255, 255, 255, 0.1);--theme-btn-bg-white-a25: rgba(255, 255, 255, 0.25);--theme-btn-bg-white-a50: rgba(255, 255, 255, 0.5);--theme-btn-bg-white-a90: rgba(255, 255, 255, 0.9);--theme-btn-bg-dark-gray: #4F4F4F;--theme-btn-bg-dark-gray-a10: rgba(79, 79, 79, 0.1);--theme-btn-bg-dark-gray-a25: rgba(79, 79, 79, 0.25);--theme-btn-bg-dark-gray-a50: rgba(79, 79, 79, 0.5);--theme-btn-bg-dark-gray-a90: rgba(79, 79, 79, 0.9);--theme-btn-bg-red: orangered;--theme-btn-bg-red-a10: rgba(255, 69, 0, 0.1);--theme-btn-bg-red-a25: rgba(255, 69, 0, 0.25);--theme-btn-bg-red-a50: rgba(255, 69, 0, 0.5);--theme-btn-bg-red-a90: rgba(255, 69, 0, 0.9);--theme-btn-font-primary: whitesmoke;--theme-btn-font-primary-a10: rgba(245, 245, 245, 0.1);--theme-btn-font-primary-a25: rgba(245, 245, 245, 0.25);--theme-btn-font-primary-a50: rgba(245, 245, 245, 0.5);--theme-btn-font-primary-a90: rgba(245, 245, 245, 0.9);--theme-btn-font-secondary: whitesmoke;--theme-btn-font-secondary-a10: rgba(245, 245, 245, 0.1);--theme-btn-font-secondary-a25: rgba(245, 245, 245, 0.25);--theme-btn-font-secondary-a50: rgba(245, 245, 245, 0.5);--theme-btn-font-secondary-a90: rgba(245, 245, 245, 0.9);--theme-btn-font-normal: whitesmoke;--theme-btn-font-normal-a10: rgba(245, 245, 245, 0.1);--theme-btn-font-normal-a25: rgba(245, 245, 245, 0.25);--theme-btn-font-normal-a50: rgba(245, 245, 245, 0.5);--theme-btn-font-normal-a90: rgba(245, 245, 245, 0.9);--theme-btn-font-black: black;--theme-btn-font-black-a10: rgba(0, 0, 0, 0.1);--theme-btn-font-black-a25: rgba(0, 0, 0, 0.25);--theme-btn-font-black-a50: rgba(0, 0, 0, 0.5);--theme-btn-font-black-a90: rgba(0, 0, 0, 0.9);--theme-btn-font-white: whitesmoke;--theme-btn-font-white-a10: rgba(245, 245, 245, 0.1);--theme-btn-font-white-a25: rgba(245, 245, 245, 0.25);--theme-btn-font-white-a50: rgba(245, 245, 245, 0.5);--theme-btn-font-white-a90: rgba(245, 245, 245, 0.9)}@media(prefers-color-scheme: light){:root:has([data-theme=auto]){--theme-bg-primary: #FFFCF0;--theme-bg-primary-a10: rgba(255, 252, 240, 0.1);--theme-bg-primary-a25: rgba(255, 252, 240, 0.25);--theme-bg-primary-a50: rgba(255, 252, 240, 0.5);--theme-bg-primary-a90: rgba(255, 252, 240, 0.9);--theme-bg-secondary: #1F1F1F;--theme-bg-secondary-a10: rgba(31, 31, 31, 0.1);--theme-bg-secondary-a25: rgba(31, 31, 31, 0.25);--theme-bg-secondary-a50: rgba(31, 31, 31, 0.5);--theme-bg-secondary-a90: rgba(31, 31, 31, 0.9);--theme-bg-info: #CFF4FC;--theme-bg-info-a10: rgba(207, 244, 252, 0.1);--theme-bg-info-a25: rgba(207, 244, 252, 0.25);--theme-bg-info-a50: rgba(207, 244, 252, 0.5);--theme-bg-info-a90: rgba(207, 244, 252, 0.9);--theme-bg-success: #D1E7DD;--theme-bg-success-a10: rgba(209, 231, 221, 0.1);--theme-bg-success-a25: rgba(209, 231, 221, 0.25);--theme-bg-success-a50: rgba(209, 231, 221, 0.5);--theme-bg-success-a90: rgba(209, 231, 221, 0.9);--theme-bg-warning: #FFF3CD;--theme-bg-warning-a10: rgba(255, 243, 205, 0.1);--theme-bg-warning-a25: rgba(255, 243, 205, 0.25);--theme-bg-warning-a50: rgba(255, 243, 205, 0.5);--theme-bg-warning-a90: rgba(255, 243, 205, 0.9);--theme-bg-error: #F8D7DA;--theme-bg-error-a10: rgba(248, 215, 218, 0.1);--theme-bg-error-a25: rgba(248, 215, 218, 0.25);--theme-bg-error-a50: rgba(248, 215, 218, 0.5);--theme-bg-error-a90: rgba(248, 215, 218, 0.9);--theme-bg-green: #93E171;--theme-bg-green-a10: rgba(147, 225, 113, 0.1);--theme-bg-green-a25: rgba(147, 225, 113, 0.25);--theme-bg-green-a50: rgba(147, 225, 113, 0.5);--theme-bg-green-a90: rgba(147, 225, 113, 0.9);--theme-bg-orange: #FFA03D;--theme-bg-orange-a10: rgba(255, 160, 61, 0.1);--theme-bg-orange-a25: rgba(255, 160, 61, 0.25);--theme-bg-orange-a50: rgba(255, 160, 61, 0.5);--theme-bg-orange-a90: rgba(255, 160, 61, 0.9);--theme-font-primary: #333;--theme-font-primary-a10: rgba(51, 51, 51, 0.1);--theme-font-primary-a25: rgba(51, 51, 51, 0.25);--theme-font-primary-a50: rgba(51, 51, 51, 0.5);--theme-font-primary-a90: rgba(51, 51, 51, 0.9);--theme-font-secondary: #FFFCF0;--theme-font-secondary-a10: rgba(255, 252, 240, 0.1);--theme-font-secondary-a25: rgba(255, 252, 240, 0.25);--theme-font-secondary-a50: rgba(255, 252, 240, 0.5);--theme-font-secondary-a90: rgba(255, 252, 240, 0.9);--theme-font-info: #055160;--theme-font-info-a10: rgba(5, 81, 96, 0.1);--theme-font-info-a25: rgba(5, 81, 96, 0.25);--theme-font-info-a50: rgba(5, 81, 96, 0.5);--theme-font-info-a90: rgba(5, 81, 96, 0.9);--theme-font-success: #0f5132;--theme-font-success-a10: rgba(15, 81, 50, 0.1);--theme-font-success-a25: rgba(15, 81, 50, 0.25);--theme-font-success-a50: rgba(15, 81, 50, 0.5);--theme-font-success-a90: rgba(15, 81, 50, 0.9);--theme-font-warning: #856404;--theme-font-warning-a10: rgba(133, 100, 4, 0.1);--theme-font-warning-a25: rgba(133, 100, 4, 0.25);--theme-font-warning-a50: rgba(133, 100, 4, 0.5);--theme-font-warning-a90: rgba(133, 100, 4, 0.9);--theme-font-error: #842029;--theme-font-error-a10: rgba(132, 32, 41, 0.1);--theme-font-error-a25: rgba(132, 32, 41, 0.25);--theme-font-error-a50: rgba(132, 32, 41, 0.5);--theme-font-error-a90: rgba(132, 32, 41, 0.9);--theme-font-link: inherit;--theme-font-link-visited: inherit;--theme-border-primary: #B5B5B5;--theme-border-primary-a10: rgba(181, 181, 181, 0.1);--theme-border-primary-a25: rgba(181, 181, 181, 0.25);--theme-border-primary-a50: rgba(181, 181, 181, 0.5);--theme-border-primary-a90: rgba(181, 181, 181, 0.9);--theme-border-info: #B6EFFB;--theme-border-info-a10: rgba(182, 239, 251, 0.1);--theme-border-info-a25: rgba(182, 239, 251, 0.25);--theme-border-info-a50: rgba(182, 239, 251, 0.5);--theme-border-info-a90: rgba(182, 239, 251, 0.9);--theme-border-success: #BADBCC;--theme-border-success-a10: rgba(186, 219, 204, 0.1);--theme-border-success-a25: rgba(186, 219, 204, 0.25);--theme-border-success-a50: rgba(186, 219, 204, 0.5);--theme-border-success-a90: rgba(186, 219, 204, 0.9);--theme-border-warning: #FFECB5;--theme-border-warning-a10: rgba(255, 236, 181, 0.1);--theme-border-warning-a25: rgba(255, 236, 181, 0.25);--theme-border-warning-a50: rgba(255, 236, 181, 0.5);--theme-border-warning-a90: rgba(255, 236, 181, 0.9);--theme-border-error: #F5C2C7;--theme-border-error-a10: rgba(245, 194, 199, 0.1);--theme-border-error-a25: rgba(245, 194, 199, 0.25);--theme-border-error-a50: rgba(245, 194, 199, 0.5);--theme-border-error-a90: rgba(245, 194, 199, 0.9);--theme-shadow-primary: black;--theme-shadow-primary-a10: rgba(0, 0, 0, 0.1);--theme-shadow-primary-a25: rgba(0, 0, 0, 0.25);--theme-shadow-primary-a50: rgba(0, 0, 0, 0.5);--theme-shadow-primary-a90: rgba(0, 0, 0, 0.9);--theme-shadow-primary-faint: rgba(0, 0, 0, 0.25);--theme-shadow-secondary: #FFFCF0;--theme-shadow-secondary-a10: rgba(255, 252, 240, 0.1);--theme-shadow-secondary-a25: rgba(255, 252, 240, 0.25);--theme-shadow-secondary-a50: rgba(255, 252, 240, 0.5);--theme-shadow-secondary-a90: rgba(255, 252, 240, 0.9);--theme-shadow-secondary-faint: rgba(255, 252, 240, 0.5);--theme-btn-bg-primary: #FFA03D;--theme-btn-bg-primary-a10: rgba(255, 160, 61, 0.1);--theme-btn-bg-primary-a25: rgba(255, 160, 61, 0.25);--theme-btn-bg-primary-a50: rgba(255, 160, 61, 0.5);--theme-btn-bg-primary-a90: rgba(255, 160, 61, 0.9);--theme-btn-bg-secondary: #93E171;--theme-btn-bg-secondary-a10: rgba(147, 225, 113, 0.1);--theme-btn-bg-secondary-a25: rgba(147, 225, 113, 0.25);--theme-btn-bg-secondary-a50: rgba(147, 225, 113, 0.5);--theme-btn-bg-secondary-a90: rgba(147, 225, 113, 0.9)}}:root:has([data-theme=light]){--theme-bg-primary: #FFFCF0;--theme-bg-primary-a10: rgba(255, 252, 240, 0.1);--theme-bg-primary-a25: rgba(255, 252, 240, 0.25);--theme-bg-primary-a50: rgba(255, 252, 240, 0.5);--theme-bg-primary-a90: rgba(255, 252, 240, 0.9);--theme-bg-secondary: #1F1F1F;--theme-bg-secondary-a10: rgba(31, 31, 31, 0.1);--theme-bg-secondary-a25: rgba(31, 31, 31, 0.25);--theme-bg-secondary-a50: rgba(31, 31, 31, 0.5);--theme-bg-secondary-a90: rgba(31, 31, 31, 0.9);--theme-bg-info: #CFF4FC;--theme-bg-info-a10: rgba(207, 244, 252, 0.1);--theme-bg-info-a25: rgba(207, 244, 252, 0.25);--theme-bg-info-a50: rgba(207, 244, 252, 0.5);--theme-bg-info-a90: rgba(207, 244, 252, 0.9);--theme-bg-success: #D1E7DD;--theme-bg-success-a10: rgba(209, 231, 221, 0.1);--theme-bg-success-a25: rgba(209, 231, 221, 0.25);--theme-bg-success-a50: rgba(209, 231, 221, 0.5);--theme-bg-success-a90: rgba(209, 231, 221, 0.9);--theme-bg-warning: #FFF3CD;--theme-bg-warning-a10: rgba(255, 243, 205, 0.1);--theme-bg-warning-a25: rgba(255, 243, 205, 0.25);--theme-bg-warning-a50: rgba(255, 243, 205, 0.5);--theme-bg-warning-a90: rgba(255, 243, 205, 0.9);--theme-bg-error: #F8D7DA;--theme-bg-error-a10: rgba(248, 215, 218, 0.1);--theme-bg-error-a25: rgba(248, 215, 218, 0.25);--theme-bg-error-a50: rgba(248, 215, 218, 0.5);--theme-bg-error-a90: rgba(248, 215, 218, 0.9);--theme-bg-green: #93E171;--theme-bg-green-a10: rgba(147, 225, 113, 0.1);--theme-bg-green-a25: rgba(147, 225, 113, 0.25);--theme-bg-green-a50: rgba(147, 225, 113, 0.5);--theme-bg-green-a90: rgba(147, 225, 113, 0.9);--theme-bg-orange: #FFA03D;--theme-bg-orange-a10: rgba(255, 160, 61, 0.1);--theme-bg-orange-a25: rgba(255, 160, 61, 0.25);--theme-bg-orange-a50: rgba(255, 160, 61, 0.5);--theme-bg-orange-a90: rgba(255, 160, 61, 0.9);--theme-font-primary: #333;--theme-font-primary-a10: rgba(51, 51, 51, 0.1);--theme-font-primary-a25: rgba(51, 51, 51, 0.25);--theme-font-primary-a50: rgba(51, 51, 51, 0.5);--theme-font-primary-a90: rgba(51, 51, 51, 0.9);--theme-font-secondary: #FFFCF0;--theme-font-secondary-a10: rgba(255, 252, 240, 0.1);--theme-font-secondary-a25: rgba(255, 252, 240, 0.25);--theme-font-secondary-a50: rgba(255, 252, 240, 0.5);--theme-font-secondary-a90: rgba(255, 252, 240, 0.9);--theme-font-info: #055160;--theme-font-info-a10: rgba(5, 81, 96, 0.1);--theme-font-info-a25: rgba(5, 81, 96, 0.25);--theme-font-info-a50: rgba(5, 81, 96, 0.5);--theme-font-info-a90: rgba(5, 81, 96, 0.9);--theme-font-success: #0f5132;--theme-font-success-a10: rgba(15, 81, 50, 0.1);--theme-font-success-a25: rgba(15, 81, 50, 0.25);--theme-font-success-a50: rgba(15, 81, 50, 0.5);--theme-font-success-a90: rgba(15, 81, 50, 0.9);--theme-font-warning: #856404;--theme-font-warning-a10: rgba(133, 100, 4, 0.1);--theme-font-warning-a25: rgba(133, 100, 4, 0.25);--theme-font-warning-a50: rgba(133, 100, 4, 0.5);--theme-font-warning-a90: rgba(133, 100, 4, 0.9);--theme-font-error: #842029;--theme-font-error-a10: rgba(132, 32, 41, 0.1);--theme-font-error-a25: rgba(132, 32, 41, 0.25);--theme-font-error-a50: rgba(132, 32, 41, 0.5);--theme-font-error-a90: rgba(132, 32, 41, 0.9);--theme-font-link: inherit;--theme-font-link-visited: inherit;--theme-border-primary: #B5B5B5;--theme-border-primary-a10: rgba(181, 181, 181, 0.1);--theme-border-primary-a25: rgba(181, 181, 181, 0.25);--theme-border-primary-a50: rgba(181, 181, 181, 0.5);--theme-border-primary-a90: rgba(181, 181, 181, 0.9);--theme-border-info: #B6EFFB;--theme-border-info-a10: rgba(182, 239, 251, 0.1);--theme-border-info-a25: rgba(182, 239, 251, 0.25);--theme-border-info-a50: rgba(182, 239, 251, 0.5);--theme-border-info-a90: rgba(182, 239, 251, 0.9);--theme-border-success: #BADBCC;--theme-border-success-a10: rgba(186, 219, 204, 0.1);--theme-border-success-a25: rgba(186, 219, 204, 0.25);--theme-border-success-a50: rgba(186, 219, 204, 0.5);--theme-border-success-a90: rgba(186, 219, 204, 0.9);--theme-border-warning: #FFECB5;--theme-border-warning-a10: rgba(255, 236, 181, 0.1);--theme-border-warning-a25: rgba(255, 236, 181, 0.25);--theme-border-warning-a50: rgba(255, 236, 181, 0.5);--theme-border-warning-a90: rgba(255, 236, 181, 0.9);--theme-border-error: #F5C2C7;--theme-border-error-a10: rgba(245, 194, 199, 0.1);--theme-border-error-a25: rgba(245, 194, 199, 0.25);--theme-border-error-a50: rgba(245, 194, 199, 0.5);--theme-border-error-a90: rgba(245, 194, 199, 0.9);--theme-shadow-primary: black;--theme-shadow-primary-a10: rgba(0, 0, 0, 0.1);--theme-shadow-primary-a25: rgba(0, 0, 0, 0.25);--theme-shadow-primary-a50: rgba(0, 0, 0, 0.5);--theme-shadow-primary-a90: rgba(0, 0, 0, 0.9);--theme-shadow-primary-faint: rgba(0, 0, 0, 0.25);--theme-shadow-secondary: #FFFCF0;--theme-shadow-secondary-a10: rgba(255, 252, 240, 0.1);--theme-shadow-secondary-a25: rgba(255, 252, 240, 0.25);--theme-shadow-secondary-a50: rgba(255, 252, 240, 0.5);--theme-shadow-secondary-a90: rgba(255, 252, 240, 0.9);--theme-shadow-secondary-faint: rgba(255, 252, 240, 0.5);--theme-btn-bg-primary: #FFA03D;--theme-btn-bg-primary-a10: rgba(255, 160, 61, 0.1);--theme-btn-bg-primary-a25: rgba(255, 160, 61, 0.25);--theme-btn-bg-primary-a50: rgba(255, 160, 61, 0.5);--theme-btn-bg-primary-a90: rgba(255, 160, 61, 0.9);--theme-btn-bg-secondary: #93E171;--theme-btn-bg-secondary-a10: rgba(147, 225, 113, 0.1);--theme-btn-bg-secondary-a25: rgba(147, 225, 113, 0.25);--theme-btn-bg-secondary-a50: rgba(147, 225, 113, 0.5);--theme-btn-bg-secondary-a90: rgba(147, 225, 113, 0.9)}@media(prefers-color-scheme: dark){:root:has([data-theme=auto]){--theme-bg-primary: #1F1F1F;--theme-bg-primary-a10: rgba(31, 31, 31, 0.1);--theme-bg-primary-a25: rgba(31, 31, 31, 0.25);--theme-bg-primary-a50: rgba(31, 31, 31, 0.5);--theme-bg-primary-a90: rgba(31, 31, 31, 0.9);--theme-bg-secondary: #FFFCF0;--theme-bg-secondary-a10: rgba(255, 252, 240, 0.1);--theme-bg-secondary-a25: rgba(255, 252, 240, 0.25);--theme-bg-secondary-a50: rgba(255, 252, 240, 0.5);--theme-bg-secondary-a90: rgba(255, 252, 240, 0.9);--theme-bg-info: #CFF4FC;--theme-bg-info-a10: rgba(207, 244, 252, 0.1);--theme-bg-info-a25: rgba(207, 244, 252, 0.25);--theme-bg-info-a50: rgba(207, 244, 252, 0.5);--theme-bg-info-a90: rgba(207, 244, 252, 0.9);--theme-bg-success: #D1E7DD;--theme-bg-success-a10: rgba(209, 231, 221, 0.1);--theme-bg-success-a25: rgba(209, 231, 221, 0.25);--theme-bg-success-a50: rgba(209, 231, 221, 0.5);--theme-bg-success-a90: rgba(209, 231, 221, 0.9);--theme-bg-warning: #FFF3CD;--theme-bg-warning-a10: rgba(255, 243, 205, 0.1);--theme-bg-warning-a25: rgba(255, 243, 205, 0.25);--theme-bg-warning-a50: rgba(255, 243, 205, 0.5);--theme-bg-warning-a90: rgba(255, 243, 205, 0.9);--theme-bg-error: #F8D7DA;--theme-bg-error-a10: rgba(248, 215, 218, 0.1);--theme-bg-error-a25: rgba(248, 215, 218, 0.25);--theme-bg-error-a50: rgba(248, 215, 218, 0.5);--theme-bg-error-a90: rgba(248, 215, 218, 0.9);--theme-bg-green: #1E6400;--theme-bg-green-a10: rgba(30, 100, 0, 0.1);--theme-bg-green-a25: rgba(30, 100, 0, 0.25);--theme-bg-green-a50: rgba(30, 100, 0, 0.5);--theme-bg-green-a90: rgba(30, 100, 0, 0.9);--theme-bg-orange: #E7953C;--theme-bg-orange-a10: rgba(231, 149, 60, 0.1);--theme-bg-orange-a25: rgba(231, 149, 60, 0.25);--theme-bg-orange-a50: rgba(231, 149, 60, 0.5);--theme-bg-orange-a90: rgba(231, 149, 60, 0.9);--theme-font-primary: whitesmoke;--theme-font-primary-a10: rgba(245, 245, 245, 0.1);--theme-font-primary-a25: rgba(245, 245, 245, 0.25);--theme-font-primary-a50: rgba(245, 245, 245, 0.5);--theme-font-primary-a90: rgba(245, 245, 245, 0.9);--theme-font-secondary: black;--theme-font-secondary-a10: rgba(0, 0, 0, 0.1);--theme-font-secondary-a25: rgba(0, 0, 0, 0.25);--theme-font-secondary-a50: rgba(0, 0, 0, 0.5);--theme-font-secondary-a90: rgba(0, 0, 0, 0.9);--theme-font-info: #0887A0;--theme-font-info-a10: rgba(8, 135, 160, 0.1);--theme-font-info-a25: rgba(8, 135, 160, 0.25);--theme-font-info-a50: rgba(8, 135, 160, 0.5);--theme-font-info-a90: rgba(8, 135, 160, 0.9);--theme-font-success: #1AD87F;--theme-font-success-a10: rgba(26, 216, 127, 0.1);--theme-font-success-a25: rgba(26, 216, 127, 0.25);--theme-font-success-a50: rgba(26, 216, 127, 0.5);--theme-font-success-a90: rgba(26, 216, 127, 0.9);--theme-font-warning: #DD810A;--theme-font-warning-a10: rgba(221, 129, 10, 0.1);--theme-font-warning-a25: rgba(221, 129, 10, 0.25);--theme-font-warning-a50: rgba(221, 129, 10, 0.5);--theme-font-warning-a90: rgba(221, 129, 10, 0.9);--theme-font-error: #A81824;--theme-font-error-a10: rgba(168, 24, 36, 0.1);--theme-font-error-a25: rgba(168, 24, 36, 0.25);--theme-font-error-a50: rgba(168, 24, 36, 0.5);--theme-font-error-a90: rgba(168, 24, 36, 0.9);--theme-font-link: deepskyblue;--theme-font-link-a10: rgba(0, 191, 255, 0.1);--theme-font-link-a25: rgba(0, 191, 255, 0.25);--theme-font-link-a50: rgba(0, 191, 255, 0.5);--theme-font-link-a90: rgba(0, 191, 255, 0.9);--theme-font-link-visited: darkorchid;--theme-font-link-visited-a10: rgba(153, 50, 204, 0.1);--theme-font-link-visited-a25: rgba(153, 50, 204, 0.25);--theme-font-link-visited-a50: rgba(153, 50, 204, 0.5);--theme-font-link-visited-a90: rgba(153, 50, 204, 0.9);--theme-border-primary: #B5B5B5;--theme-border-primary-a10: rgba(181, 181, 181, 0.1);--theme-border-primary-a25: rgba(181, 181, 181, 0.25);--theme-border-primary-a50: rgba(181, 181, 181, 0.5);--theme-border-primary-a90: rgba(181, 181, 181, 0.9);--theme-border-info: #B6EFFB;--theme-border-info-a10: rgba(182, 239, 251, 0.1);--theme-border-info-a25: rgba(182, 239, 251, 0.25);--theme-border-info-a50: rgba(182, 239, 251, 0.5);--theme-border-info-a90: rgba(182, 239, 251, 0.9);--theme-border-success: #BADBCC;--theme-border-success-a10: rgba(186, 219, 204, 0.1);--theme-border-success-a25: rgba(186, 219, 204, 0.25);--theme-border-success-a50: rgba(186, 219, 204, 0.5);--theme-border-success-a90: rgba(186, 219, 204, 0.9);--theme-border-warning: #FFECB5;--theme-border-warning-a10: rgba(255, 236, 181, 0.1);--theme-border-warning-a25: rgba(255, 236, 181, 0.25);--theme-border-warning-a50: rgba(255, 236, 181, 0.5);--theme-border-warning-a90: rgba(255, 236, 181, 0.9);--theme-border-error: #F5C2C7;--theme-border-error-a10: rgba(245, 194, 199, 0.1);--theme-border-error-a25: rgba(245, 194, 199, 0.25);--theme-border-error-a50: rgba(245, 194, 199, 0.5);--theme-border-error-a90: rgba(245, 194, 199, 0.9);--theme-shadow-primary: #FFFCF0;--theme-shadow-primary-a10: rgba(255, 252, 240, 0.1);--theme-shadow-primary-a25: rgba(255, 252, 240, 0.25);--theme-shadow-primary-a50: rgba(255, 252, 240, 0.5);--theme-shadow-primary-a90: rgba(255, 252, 240, 0.9);--theme-shadow-primary-faint: rgba(255, 252, 240, 0.5);--theme-shadow-secondary: black;--theme-shadow-secondary-a10: rgba(0, 0, 0, 0.1);--theme-shadow-secondary-a25: rgba(0, 0, 0, 0.25);--theme-shadow-secondary-a50: rgba(0, 0, 0, 0.5);--theme-shadow-secondary-a90: rgba(0, 0, 0, 0.9);--theme-shadow-secondary-faint: rgba(0, 0, 0, 0.25);--theme-btn-bg-primary: #E7953C;--theme-btn-bg-primary-a10: rgba(231, 149, 60, 0.1);--theme-btn-bg-primary-a25: rgba(231, 149, 60, 0.25);--theme-btn-bg-primary-a50: rgba(231, 149, 60, 0.5);--theme-btn-bg-primary-a90: rgba(231, 149, 60, 0.9);--theme-btn-bg-secondary: #1E6400;--theme-btn-bg-secondary-a10: rgba(30, 100, 0, 0.1);--theme-btn-bg-secondary-a25: rgba(30, 100, 0, 0.25);--theme-btn-bg-secondary-a50: rgba(30, 100, 0, 0.5);--theme-btn-bg-secondary-a90: rgba(30, 100, 0, 0.9)}}:root:has([data-theme=dark]){--theme-bg-primary: #1F1F1F;--theme-bg-primary-a10: rgba(31, 31, 31, 0.1);--theme-bg-primary-a25: rgba(31, 31, 31, 0.25);--theme-bg-primary-a50: rgba(31, 31, 31, 0.5);--theme-bg-primary-a90: rgba(31, 31, 31, 0.9);--theme-bg-secondary: #FFFCF0;--theme-bg-secondary-a10: rgba(255, 252, 240, 0.1);--theme-bg-secondary-a25: rgba(255, 252, 240, 0.25);--theme-bg-secondary-a50: rgba(255, 252, 240, 0.5);--theme-bg-secondary-a90: rgba(255, 252, 240, 0.9);--theme-bg-info: #CFF4FC;--theme-bg-info-a10: rgba(207, 244, 252, 0.1);--theme-bg-info-a25: rgba(207, 244, 252, 0.25);--theme-bg-info-a50: rgba(207, 244, 252, 0.5);--theme-bg-info-a90: rgba(207, 244, 252, 0.9);--theme-bg-success: #D1E7DD;--theme-bg-success-a10: rgba(209, 231, 221, 0.1);--theme-bg-success-a25: rgba(209, 231, 221, 0.25);--theme-bg-success-a50: rgba(209, 231, 221, 0.5);--theme-bg-success-a90: rgba(209, 231, 221, 0.9);--theme-bg-warning: #FFF3CD;--theme-bg-warning-a10: rgba(255, 243, 205, 0.1);--theme-bg-warning-a25: rgba(255, 243, 205, 0.25);--theme-bg-warning-a50: rgba(255, 243, 205, 0.5);--theme-bg-warning-a90: rgba(255, 243, 205, 0.9);--theme-bg-error: #F8D7DA;--theme-bg-error-a10: rgba(248, 215, 218, 0.1);--theme-bg-error-a25: rgba(248, 215, 218, 0.25);--theme-bg-error-a50: rgba(248, 215, 218, 0.5);--theme-bg-error-a90: rgba(248, 215, 218, 0.9);--theme-bg-green: #1E6400;--theme-bg-green-a10: rgba(30, 100, 0, 0.1);--theme-bg-green-a25: rgba(30, 100, 0, 0.25);--theme-bg-green-a50: rgba(30, 100, 0, 0.5);--theme-bg-green-a90: rgba(30, 100, 0, 0.9);--theme-bg-orange: #E7953C;--theme-bg-orange-a10: rgba(231, 149, 60, 0.1);--theme-bg-orange-a25: rgba(231, 149, 60, 0.25);--theme-bg-orange-a50: rgba(231, 149, 60, 0.5);--theme-bg-orange-a90: rgba(231, 149, 60, 0.9);--theme-font-primary: whitesmoke;--theme-font-primary-a10: rgba(245, 245, 245, 0.1);--theme-font-primary-a25: rgba(245, 245, 245, 0.25);--theme-font-primary-a50: rgba(245, 245, 245, 0.5);--theme-font-primary-a90: rgba(245, 245, 245, 0.9);--theme-font-secondary: black;--theme-font-secondary-a10: rgba(0, 0, 0, 0.1);--theme-font-secondary-a25: rgba(0, 0, 0, 0.25);--theme-font-secondary-a50: rgba(0, 0, 0, 0.5);--theme-font-secondary-a90: rgba(0, 0, 0, 0.9);--theme-font-info: #0887A0;--theme-font-info-a10: rgba(8, 135, 160, 0.1);--theme-font-info-a25: rgba(8, 135, 160, 0.25);--theme-font-info-a50: rgba(8, 135, 160, 0.5);--theme-font-info-a90: rgba(8, 135, 160, 0.9);--theme-font-success: #1AD87F;--theme-font-success-a10: rgba(26, 216, 127, 0.1);--theme-font-success-a25: rgba(26, 216, 127, 0.25);--theme-font-success-a50: rgba(26, 216, 127, 0.5);--theme-font-success-a90: rgba(26, 216, 127, 0.9);--theme-font-warning: #DD810A;--theme-font-warning-a10: rgba(221, 129, 10, 0.1);--theme-font-warning-a25: rgba(221, 129, 10, 0.25);--theme-font-warning-a50: rgba(221, 129, 10, 0.5);--theme-font-warning-a90: rgba(221, 129, 10, 0.9);--theme-font-error: #A81824;--theme-font-error-a10: rgba(168, 24, 36, 0.1);--theme-font-error-a25: rgba(168, 24, 36, 0.25);--theme-font-error-a50: rgba(168, 24, 36, 0.5);--theme-font-error-a90: rgba(168, 24, 36, 0.9);--theme-font-link: deepskyblue;--theme-font-link-a10: rgba(0, 191, 255, 0.1);--theme-font-link-a25: rgba(0, 191, 255, 0.25);--theme-font-link-a50: rgba(0, 191, 255, 0.5);--theme-font-link-a90: rgba(0, 191, 255, 0.9);--theme-font-link-visited: darkorchid;--theme-font-link-visited-a10: rgba(153, 50, 204, 0.1);--theme-font-link-visited-a25: rgba(153, 50, 204, 0.25);--theme-font-link-visited-a50: rgba(153, 50, 204, 0.5);--theme-font-link-visited-a90: rgba(153, 50, 204, 0.9);--theme-border-primary: #B5B5B5;--theme-border-primary-a10: rgba(181, 181, 181, 0.1);--theme-border-primary-a25: rgba(181, 181, 181, 0.25);--theme-border-primary-a50: rgba(181, 181, 181, 0.5);--theme-border-primary-a90: rgba(181, 181, 181, 0.9);--theme-border-info: #B6EFFB;--theme-border-info-a10: rgba(182, 239, 251, 0.1);--theme-border-info-a25: rgba(182, 239, 251, 0.25);--theme-border-info-a50: rgba(182, 239, 251, 0.5);--theme-border-info-a90: rgba(182, 239, 251, 0.9);--theme-border-success: #BADBCC;--theme-border-success-a10: rgba(186, 219, 204, 0.1);--theme-border-success-a25: rgba(186, 219, 204, 0.25);--theme-border-success-a50: rgba(186, 219, 204, 0.5);--theme-border-success-a90: rgba(186, 219, 204, 0.9);--theme-border-warning: #FFECB5;--theme-border-warning-a10: rgba(255, 236, 181, 0.1);--theme-border-warning-a25: rgba(255, 236, 181, 0.25);--theme-border-warning-a50: rgba(255, 236, 181, 0.5);--theme-border-warning-a90: rgba(255, 236, 181, 0.9);--theme-border-error: #F5C2C7;--theme-border-error-a10: rgba(245, 194, 199, 0.1);--theme-border-error-a25: rgba(245, 194, 199, 0.25);--theme-border-error-a50: rgba(245, 194, 199, 0.5);--theme-border-error-a90: rgba(245, 194, 199, 0.9);--theme-shadow-primary: #FFFCF0;--theme-shadow-primary-a10: rgba(255, 252, 240, 0.1);--theme-shadow-primary-a25: rgba(255, 252, 240, 0.25);--theme-shadow-primary-a50: rgba(255, 252, 240, 0.5);--theme-shadow-primary-a90: rgba(255, 252, 240, 0.9);--theme-shadow-primary-faint: rgba(255, 252, 240, 0.5);--theme-shadow-secondary: black;--theme-shadow-secondary-a10: rgba(0, 0, 0, 0.1);--theme-shadow-secondary-a25: rgba(0, 0, 0, 0.25);--theme-shadow-secondary-a50: rgba(0, 0, 0, 0.5);--theme-shadow-secondary-a90: rgba(0, 0, 0, 0.9);--theme-shadow-secondary-faint: rgba(0, 0, 0, 0.25);--theme-btn-bg-primary: #E7953C;--theme-btn-bg-primary-a10: rgba(231, 149, 60, 0.1);--theme-btn-bg-primary-a25: rgba(231, 149, 60, 0.25);--theme-btn-bg-primary-a50: rgba(231, 149, 60, 0.5);--theme-btn-bg-primary-a90: rgba(231, 149, 60, 0.9);--theme-btn-bg-secondary: #1E6400;--theme-btn-bg-secondary-a10: rgba(30, 100, 0, 0.1);--theme-btn-bg-secondary-a25: rgba(30, 100, 0, 0.25);--theme-btn-bg-secondary-a50: rgba(30, 100, 0, 0.5);--theme-btn-bg-secondary-a90: rgba(30, 100, 0, 0.9)}html:has([data-theme]){background-color:#000;color:#f5f5f5}@media(prefers-color-scheme: light){html{background-color:#f5f5f5;color:#000}}@media(prefers-color-scheme: dark){html{background-color:#000;color:#f5f5f5}}html:not(:has(body[data-theme]))::before{content:"";aspect-ratio:5/2;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);width:10em;background-size:contain;background-repeat:no-repeat;background-position:center;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(-50%) scale(1, 1)}50%{transform:translateX(-50%) translateY(-50%) scale(1.2, 0.8)}}body:not([data-theme]){visibility:hidden}:root{--base-font-family: "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", "Helvetica Neue", Helvetica, Arial, sans-serif}html{line-height:normal}fieldset legend{padding:0 .5em}input{line-height:normal}code,kbd,samp{font-family:var(--base-font-family)}:root{--heading-font-size-ratio-h1: 2;--heading-font-size-ratio-h2: 1.5;--heading-font-size-ratio-h3: 1.15;--heading-font-size-ratio-h4: 1;--heading-font-size-ratio-h5: 0.83;--heading-font-size-ratio-h6: 0.67}@media(max-width: 576px){:root{--heading-font-size-ratio-h1: 1.5;--heading-font-size-ratio-h2: 1.25}}h1{font-size:calc(var(--heading-font-size-ratio-h1)*1em)}h2{font-size:calc(var(--heading-font-size-ratio-h2)*1em)}h3{font-size:calc(var(--heading-font-size-ratio-h3)*1em)}h4{font-size:calc(var(--heading-font-size-ratio-h4)*1em)}h5{font-size:calc(var(--heading-font-size-ratio-h5)*1em)}h6{font-size:calc(var(--heading-font-size-ratio-h6)*1em)}@media(max-width: 576px){h1{font-size:calc(var(--heading-font-size-ratio-h1)*1em)}h2{font-size:calc(var(--heading-font-size-ratio-h2)*1em)}}*{box-sizing:border-box}html,body{width:100%}html{height:100%}body{--main-header-height: 4.5em;overflow:hidden;display:flex;flex-direction:column;margin:0 auto;padding:0 !important;max-width:1920px;min-height:100%;height:100%;background-color:var(--theme-bg-primary);color:var(--theme-font-primary);font-family:var(--base-font-family)}body main{flex:1;display:flex;flex-direction:column;margin:0 auto;width:100%}@media(max-width: 1700px){body main{max-width:100%}}a{color:var(--theme-font-link)}a:visited{color:var(--theme-font-link-visited)}a:not([href]){cursor:auto}a.btn{color:inherit}details summary{cursor:pointer}p{line-height:normal}template{display:none !important}.body-scroll-wrapper{overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;flex:1;display:flex;flex-direction:column;background-image:var(--theme-bg-main-img);background-repeat:repeat-y;background-size:contain;background-position:0 0}@media(max-width: 576px){.body-scroll-wrapper{background-image:var(--theme-bg-main-img--mobile)}}@media print{@page{size:A4 portrait}.no-print,aside{display:none !important}*{overflow:revert !important;animation:none !important;text-shadow:none !important;box-shadow:none !important;filter:none !important}html,body{background:none;color:#000}h1,h2,h3,h4,h5,h6{page-break-after:avoid}img{page-break-inside:avoid}.body-scroll-wrapper{background:none}.main-header{position:relative}.app-play .app-enter{position:relative}}[sr-only],[seo-only]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;white-space:nowrap !important;border:0 !important;clip-path:inset(50%) !important}[data-unread]{position:relative}[data-unread]::after{content:attr(data-unread);position:absolute;top:0;right:0;aspect-ratio:1/1;padding:.125em .25em;min-width:1em;width:max-content;border-radius:1em;background-color:red;color:#fff;font-size:12px}blockquote{--border-color: #fdfdfe;--bg-color: #fefefe;--color: #636464;margin:.5em 0 .5em 1em;border:.0625em solid var(--border-color);border-left:.125em solid var(--color);padding:.5em;max-width:100%;width:100%;background-color:var(--bg-color);color:var(--color)}blockquote:empty{display:none}blockquote.info{--border-color: var(--theme-border-info);--bg-color: var(--theme-bg-info);--color: var(--theme-font-info)}blockquote.success{--border-color: var(--theme-border-success);--bg-color: var(--theme-bg-success);--color: var(--theme-font-success)}blockquote.warning{--border-color: var(--theme-border-warning);--bg-color: var(--theme-bg-warning);--color: var(--theme-font-warning)}blockquote.error{--border-color: var(--theme-border-error);--bg-color: var(--theme-bg-error);--color: var(--theme-font-error)}button,.btn{--shadow-size: 0.125em;--shadow-color: var(--theme-shadow-primary-faint);appearance:button;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:.25em .5em;height:max-content;width:max-content;border-radius:.25em;border:none;background-color:rgba(0,0,0,0);font-size:1em;font-weight:bold;text-decoration:none;text-align:center;line-height:1.15}button:disabled,button.disabled,button:is(a):not([href]),.btn:disabled,.btn.disabled,.btn:is(a):not([href]){cursor:no-drop;opacity:.8}button:disabled:active,button.disabled:active,button:is(a):not([href]):active,.btn:disabled:active,.btn.disabled:active,.btn:is(a):not([href]):active{content:"";pointer-events:none}button:is(a):not([href]),.btn:is(a):not([href]){opacity:.5}button:not(a):not(:disabled):not(.disabled):active,button:is(a[href]):not(:disabled):not(.disabled):active,.btn:not(a):not(:disabled):not(.disabled):active,.btn:is(a[href]):not(:disabled):not(.disabled):active{--shadow-offset: calc(var(--shadow-size) / 2);--shadow-size-active: var(--shadow-offset);filter:drop-shadow(var(--shadow-offset) var(--shadow-offset) var(--shadow-size-active) var(--shadow-color))}.btn-primary{background-color:var(--theme-btn-bg-primary);color:var(--theme-btn-font-primary)}.btn-secondary{background-color:var(--theme-btn-bg-secondary);color:var(--theme-btn-font-secondary)}.btn-image{padding:0;background-color:revert}.btn-image img{display:inline-block}.btn-image:hover .normal{display:none}.btn-image:hover .hover{display:unset}.container{margin:0 auto;max-width:1920px;width:100%}@media screen and (max-width: 1920px){.container{max-width:1200px}}@media screen and (max-width: 1200px){.container{max-width:95%}}@media screen and (max-width: 992px){.container{max-width:100%}}@media screen and (max-width: 768px){.container{max-width:100%}}@media screen and (max-width: 576px){.container{max-width:100%}}.form-grid{--form-gap: 0.75em;display:grid;gap:var(--form-gap);grid-template-columns:auto 1fr;max-width:30em}.form-grid .row{display:grid;grid-column:1/-1;grid-template-columns:subgrid}@media(max-width: 576px){.form-grid .row{row-gap:.25em}}.form-grid .row:has(:only-child:where(textarea[hidden],input[hidden],select[hidden])){display:none}.form-grid .row-header,.form-grid .row-footer{display:flex;justify-content:center;gap:1em}.form-grid .label{font-weight:bold;text-align:right}.form-grid .label.colon::after{content:var(--l10n-colon)}.form-grid .content{position:relative;display:flex;flex-wrap:wrap;gap:.5em;text-align:left;word-break:break-all}.form-grid .content:not(:has(.value)){user-select:all}.form-grid .content .value{user-select:all}.form-grid .content .input-count{display:block;margin-left:auto;color:var(--theme-font-gray);font-size:.5em}.form-grid .content .input-count[data-count-label]::after{content:attr(data-count-label)}.form-grid .content-group{display:inherit;gap:inherit;align-items:inherit}.form-grid textarea{resize:vertical;min-height:5.5em;height:7.5em}.form-grid textarea,.form-grid input:not([type=checkbox]):not([type=radio]),.form-grid select,.form-grid select+.ts-wrapper{padding:.5em;width:100%;border:.125em inset var(--theme-border-primary);border-radius:var(--radius-m);background-color:#fff}.form-grid textarea::placeholder,.form-grid input:not([type=checkbox]):not([type=radio])::placeholder,.form-grid select::placeholder,.form-grid select+.ts-wrapper::placeholder{color:#a9a9a9}.form-grid textarea[pattern]:not(:valid),.form-grid input:not([type=checkbox]):not([type=radio])[pattern]:not(:valid),.form-grid select[pattern]:not(:valid),.form-grid select+.ts-wrapper[pattern]:not(:valid){color:red}.form-grid textarea[pattern]:valid,.form-grid input:not([type=checkbox]):not([type=radio])[pattern]:valid,.form-grid select[pattern]:valid,.form-grid select+.ts-wrapper[pattern]:valid{color:green}.form-grid select[hidden]+.ts-wrapper{display:none}.form-grid input:read-only:not([type=checkbox]):not([type=radio]){background-color:var(--theme-bg-light-gray)}.fullscreen{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:10000 !important}.icon.is-running{color:#32cd32}.icon-help{cursor:help;margin-left:auto;height:fit-content;opacity:.5}.icon-help:hover{opacity:revert}img,.image{display:block;object-fit:contain;max-width:100%;transform:translateZ(0);will-change:transform}img.loading,.image.loading{width:100%;height:100%;background-image:url("/img/loading.svg");background-size:contain;background-repeat:no-repeat;background-position:center}.qr-code{aspect-ratio:1/1;image-rendering:pixelated}.transparent-grid-block{--block-size: 10px;--block-position: calc(var(--block-size) * 0.5);--block-color-primary: white;--block-color-secondary: rgba(0, 0, 0, 0.1);background-color:var(--block-color-primary);background-image:linear-gradient(45deg, var(--block-color-secondary) 25%, transparent 25%),linear-gradient(-45deg, var(--block-color-secondary) 25%, transparent 25%),linear-gradient(45deg, transparent 75%, var(--block-color-secondary) 75%),linear-gradient(-45deg, transparent 75%, var(--block-color-secondary) 75%);background-size:var(--block-size) var(--block-size);background-position:0 0,0 var(--block-position),var(--block-position) calc(-1*var(--block-position)),calc(-1*var(--block-position)) 0}input[type=checkbox],input[type=radio]{cursor:pointer}textarea:read-only{background-color:gray}.checkbox,.radio-box{--symbol-border-width: 0.125em;--symbol-size: 1em;--symbol-gap: 0.125em;--symbol-inner-size: calc(var(--symbol-size) - 2 * var(--symbol-gap) - 2 * var(--symbol-border-width));--symbol-border-radius: 0.0625em;--symbol-color: var(--theme-bg-orange);--border-color: var(--theme-border-primary);user-select:none;position:relative;display:inline-flex;align-items:center;gap:.25em;margin:0;padding:0 .25em;border-radius:var(--radius-m);border:.0625em solid rgba(0,0,0,0)}.checkbox:hover,.radio-box:hover{border-color:var(--border-color)}.checkbox:has(input:disabled),.radio-box:has(input:disabled){opacity:.5}.checkbox:has(input:disabled):hover,.radio-box:has(input:disabled):hover{border-color:rgba(0,0,0,0)}.checkbox:has(input:disabled) .input,.checkbox:has(input:disabled) .label,.radio-box:has(input:disabled) .input,.radio-box:has(input:disabled) .label{cursor:no-drop !important}.checkbox input,.radio-box input{appearance:none;-webkit-appearance:none;display:block;margin:0 calc(var(--symbol-gap) + var(--symbol-border-width));width:var(--symbol-inner-size);height:var(--symbol-inner-size);outline:var(--symbol-border-width) solid var(--symbol-color);outline-offset:var(--symbol-gap);border-radius:var(--symbol-border-radius);background-color:var(--symbol-color)}.checkbox input:not(:checked),.radio-box input:not(:checked){background-color:rgba(0,0,0,0)}.checkbox .label,.radio-box .label{display:flex;align-items:center;max-width:100%;width:max-content}.checkbox .label:empty::before,.radio-box .label:empty::before{content:"??"}.checkbox:has(input[type=checkbox]){cursor:pointer}.radio-box{--symbol-border-radius: 50%}.radio-box:has(input[type=radio]){cursor:pointer}kbd{padding:.125em .25em;border-radius:.1875em;border:1px solid #ccc;background-color:#f5f5f5;color:#000;font-size:.75em;line-height:1.25;vertical-align:middle}*::-webkit-scrollbar{width:.5em;height:.5em;background-color:rgba(0,0,0,0)}*::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}*::-webkit-scrollbar-thumb{border-radius:.5em;background-color:var(--theme-bg-orange)}*::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}[data-browser*=firefox] *{scrollbar-color:var(--theme-bg-orange) rgba(0,0,0,0);scrollbar-width:thin}.secondary-scrollbar::-webkit-scrollbar{width:.5em;height:.5em;background-color:rgba(0,0,0,0)}.secondary-scrollbar::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.secondary-scrollbar::-webkit-scrollbar-thumb{border-radius:.5em;background-color:var(--theme-bg-green)}.secondary-scrollbar::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}[data-browser*=firefox] .secondary-scrollbar{scrollbar-color:var(--theme-bg-green) rgba(0,0,0,0);scrollbar-width:thin}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar::-webkit-scrollbar-track{display:none}.no-scrollbar::-webkit-scrollbar-thumb{display:none}.no-scrollbar::-webkit-scrollbar-corner{background-color:rgba(0,0,0,0)}[data-browser*=firefox] .no-scrollbar{scrollbar-width:none}.mouse-horizontal-scrollable{user-select:none;cursor:grab;overflow-x:auto}.mouse-horizontal-scrollable.dragging{cursor:grabbing}.shadow{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);filter:drop-shadow(0 0 var(--shadow-size) var(--shadow-color))}.shadow-bottom{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);filter:drop-shadow(0 var(--shadow-size) var(--shadow-size) var(--shadow-color))}.shadow-bottom-right{--shadow-size: 0.25em;--shadow-color: var(--theme-shadow-primary-faint);filter:drop-shadow(var(--shadow-size) var(--shadow-size) var(--shadow-size) var(--shadow-color))}.text-shadow{--shadow-text-size: 0.1em;--shadow-text-color: var(--theme-shadow-primary-faint);text-shadow:var(--shadow-text-size) var(--shadow-text-size) var(--shadow-text-color)}body{--main-header-height: 4.5em;font-family:"Noto Sans JP","Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;width:100%;box-sizing:border-box;display:flex;justify-content:center}@media(max-width: 768px){body{--main-header-height: 6.25em}}@media(max-width: 576px){body{--main-header-height: 4.5em}}@keyframes HourglassLoading{0%{transform:rotate(0deg)}37.5%{transform:rotate(180deg)}75%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}@keyframes Rotation{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes ReverseRotation{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@keyframes ScaleUpVerTop{0%{transform:scaleY(0.4);transform-origin:100% 0%;opacity:0}30%{opacity:0}100%{transform:scaleY(1);transform-origin:100% 0%;opacity:1}}@keyframes SlideLeft{0%{transform:translateX(100px);opacity:0;scale:1.1}100%{transform:translateX(0px);opacity:1;scale:1}}@keyframes GentleSway{0%{transform:translateX(-5px) rotate(-1deg)}100%{transform:translateX(5px) rotate(2deg)}}@keyframes SlideFwdCenter{0%{transform:translateY(160px);opacity:0}100%{opacity:1;transform:translateY(0)}}@keyframes Bounce{0%{transform:translateY(0);opacity:0}20%{transform:translateY(0);opacity:1}50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes Breath{40%{transform:scale(1.02)}0%,100%{transform:scale(1.05)}}@keyframes Pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes Shake{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.main-header{position:absolute;top:0;right:0;z-index:10;width:100%;max-width:1920px}.main-header .navbar-bg{position:absolute;top:0;left:0;width:100%;height:68px;background:rgba(0,0,0,.4);z-index:1}.main-header .navbar-inner{position:relative;max-width:1200px;margin:0 auto;padding:0px 24px;display:flex;align-items:flex-start;justify-content:space-between;z-index:2;pointer-events:auto}.main-header .navbar-logo{margin-top:0px;animation-name:ScaleUpVerTop;animation-duration:.5s}.main-header .navbar-logo img{display:block}.main-header .navbar-menu{flex:1;margin-left:40px;margin-top:.5rem}.main-header .navbar-menu .navbar-links{display:flex;list-style:none;gap:36px}.main-header .navbar-menu .navbar-links li a{color:#fff;text-decoration:none;font-size:1rem;position:relative;padding-left:26px;transition:color .2s ease;cursor:pointer}.main-header .navbar-menu .navbar-links li a:hover,.main-header .navbar-menu .navbar-links li a:focus{color:gold}.main-header .navbar-menu .navbar-links li a:hover::before,.main-header .navbar-menu .navbar-links li a:focus::before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;background-image:url("../assets/images/menu-focus-icon.png");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(-50%)}.main-header .navbar-menu .navbar-links li a.active{color:gold;font-weight:bold}.main-header .navbar-menu .navbar-links li a.active::before{content:"";position:absolute;left:0;top:50%;width:18px;height:18px;background-image:url("../assets/images/menu-focus-icon.png");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(-50%)}.main-header .navbar-icons{display:flex;align-items:flex-start;gap:20px;position:relative;margin-top:15px}.main-header .navbar-icons .share-toggle{position:relative;display:inline-block}.main-header .navbar-icons .share-toggle .share-checkbox-state{display:none}.main-header .navbar-icons .share-toggle .share-icon{cursor:pointer;padding:0}.main-header .navbar-icons .share-toggle .share-icon img{display:block}.main-header .navbar-icons .share-toggle .share-dropdown{display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);background:#222;border-radius:6px;padding:10px;z-index:20;min-width:50px}.main-header .navbar-icons .share-toggle .share-dropdown::before{content:"";position:absolute;width:19px;height:9px;background-image:url("/assets/images/triangle.png");background-size:contain;background-repeat:no-repeat;background-position:center;z-index:5;top:0;left:50%;transform:translate(-50%, -100%)}.main-header .navbar-icons .share-toggle .share-dropdown a img{width:34px;height:34px;display:block;transition:transform .2s ease}.main-header .navbar-icons .share-toggle .share-dropdown a img:hover{transform:scale(1.1)}.main-header .navbar-icons .share-toggle .share-checkbox-state:checked~.share-dropdown{display:flex;flex-direction:column;gap:12px;align-items:center}.main-header .navbar-icons .menu-toggle{padding:0;display:block;width:40px;height:40px;cursor:pointer}@media not (max-width: 1024px){.main-header .navbar-icons .menu-toggle{display:none}}.back-to-top-btn{display:none;position:fixed;bottom:4rem;right:4rem;animation:Bounce 1.5s ease}@media(max-width: 1024px){.navbar-inner{padding:0px 10px}.navbar-menu{display:none}.navbar-bg{height:55px}.navbar-icons{margin-top:8px;gap:10px}.navbar-logo img{width:80%}.menu-toggle{padding:0;display:block;width:40px;height:40px;cursor:pointer}.menu-toggle img{width:100%;height:auto;display:block}}@media(max-width: 768px){.navbar-logo{top:-10px}.navbar-links{display:none}.share-dropdown{right:-7px;min-width:36px;gap:15px}.share-dropdown::before{top:0;left:18px}.share-dropdown a img{width:26px;height:26px}.back-to-top-btn{display:none;width:3.5rem;bottom:1.5rem;right:1.5rem}}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.6);display:none;justify-content:center;align-items:flex-start;z-index:999;overflow:hidden}.menu-inner{position:relative;background:url("../assets/images/menu-bg.png") no-repeat center top;background-size:contain;width:301px;height:594px;animation:slideInMenu .5s ease forwards}@keyframes slideInMenu{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0%);opacity:1}}.menu-close{position:absolute;top:20px;right:40px;width:21px;height:21px;cursor:pointer}.menu-links{list-style:none;padding:90px 20px 0 0;margin:0;text-align:center}.menu-links li{margin-bottom:30px}.menu-links a{text-decoration:none;color:#000;font-size:1.3em;font-weight:bold;position:relative;padding-left:35px}.menu-links a.active{color:#c33}.menu-links a.active::before{content:"";position:absolute;left:0;top:50%;width:26px;height:24px;background-image:url("../assets/images/menu-focus-icon.png");background-size:contain;background-repeat:no-repeat;background-position:center;transform:translateY(-50%)}.menu-download{margin:50px auto 0 auto;text-align:center;width:70%}.menu-download a{display:flex;flex-direction:column;align-items:center}.menu-download img{width:80%;margin-bottom:12px;transition:transform .3s ease}.menu-download img:hover{transform:scale(1.05)}.mobile-menu-meow{width:100%;max-width:146px;margin:20px auto 0 auto;text-align:center}@media(max-width: 1024px){.mobile-menu.open{display:flex}}.footer{width:100%;background-color:#000;padding:30px 0;color:#fff}.footer-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;text-align:center}.footer-logo{width:148px;height:auto}.footer-text{font-size:16px;color:#fff;line-height:1.5;margin-top:1.5em}.footer-terms{display:flex;gap:1em;list-style:none;padding-left:0}.footer-terms a{color:#fff;text-decoration:none}.footer-terms li:not(:first-child)::before{content:"|";margin-right:1rem;color:#fff}.footer-mail{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em}.footer-mail p{margin:0}.footer-mail .title-icon{display:flex;gap:1em;align-items:center;justify-content:center}.footer-mail .mail{color:#fff;text-decoration:none}.footer-mail .contact{display:flex;justify-content:center;align-items:center;gap:1em}@media(max-width: 768px){.footer-inner{flex-direction:column}.footer-logo{width:120px}.footer-text{font-size:14px}.footer-terms{gap:.5em;font-size:3.5vw}.footer-terms li:not(:first-child)::before{margin-right:.5rem}.footer-mail{flex-direction:column}.contact{flex-direction:column}}.kv-section{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden}.kv-bg{width:100%;height:auto;display:block}@media(max-width: 1200px){.kv-fixed-container{transform:translateX(-50%) scale(0.0833333333vw)}}.kv-title{position:absolute;bottom:25%;left:18%;width:36%;animation:SlideFwdCenter .5s ease-in-out forwards}.kv-subtitle{position:absolute;bottom:18%;left:18%;width:40%;animation:SlideFwdCenter .8s ease-in-out .3s forwards}.kv-title img,.kv-subtitle img{width:100%}.kv-btn-google .kv-btn-appstore{display:block;transition:transform .3s ease}.kv-download-buttons{display:block}.kv-btn-google{width:16%;max-width:270px;position:absolute;bottom:5%;left:22%;animation:Bounce 2.5s ease}.kv-btn-appstore{width:13%;max-width:217px;position:absolute;bottom:5%;left:40%;animation:Bounce 3s ease}.kv-qrcode-wrapper{width:10%;max-width:170px;position:absolute;bottom:5%;left:56%;animation:Bounce 3.5s ease}.kv-qrcode-wrapper img.qrcode-bg{width:100%;height:auto;display:block !important}.kv-qrcode-wrapper img.store-qr-code{position:absolute;top:50%;left:55%;transform:translate(-50%, -50%);width:45%;height:auto;display:block !important}.booking-btn{width:32%;max-width:540px;position:absolute;bottom:2%;left:20%;animation:Bounce 3.5s ease,Pulse 2s ease-in-out 3.5s infinite;background:rgba(0,0,0,0);border:none;padding:0;cursor:pointer;transition:transform .3s ease}.booking-btn img{width:100%;height:auto;display:block}.booking-btn:hover{animation-play-state:paused;transform:scale(1.1)}.booking-btn:active{transform:scale(0.98)}.kv-bg-mobile{display:none}.kv-btn-google:hover,.kv-btn-appstore:hover{transform:scale(1.05)}@media(max-width: 1280px){.booking-btn{width:24%}}@media(max-width: 768px){.kv-bg{display:none}.kv-bg-mobile{display:block;width:100%;height:auto}.kv-flex-wrapper{position:absolute;bottom:0;left:0;right:0;width:90%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.kv-title,.kv-subtitle{position:static;width:100%;max-width:100%;margin:0 auto;display:block}.kv-download-buttons{display:flex;flex-direction:column;align-items:center;margin-top:5px;width:100%;padding:0 5%;box-sizing:border-box;gap:0}.kv-download-buttons .btn-google-play,.kv-download-buttons .btn-app-store,.kv-download-buttons .kv-qrcode-wrapper{display:none !important}.booking-btn{position:static;background:rgba(0,0,0,0);border:none;padding:0;width:100%;animation:Pulse 2s ease-in-out infinite}.booking-btn:active{animation-play-state:paused}}.downloadzone-mobile{flex-direction:column;align-items:center;justify-content:center;width:100%;padding:24px 5%;box-sizing:border-box;gap:12px}.downloadzone-mobile .btn-google-play,.downloadzone-mobile .btn-app-store{width:100%;max-width:400px;display:block}.downloadzone-mobile .kv-btn-google-mobile,.downloadzone-mobile .kv-btn-appstore-mobile{width:100%;height:auto;display:block}.downloadzone-mobile .kv-qrcode-wrapper{position:relative;width:50%;max-width:200px;margin:8px auto 0;display:block;left:auto;bottom:auto;animation:none}.downloadzone-mobile .kv-qrcode-wrapper img.qrcode-bg{width:100%;height:auto;display:block !important}.downloadzone-mobile .kv-qrcode-wrapper img.store-qr-code{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:45%;height:auto;display:block !important}@media(max-width: 768px){.downloadzone-mobile{padding:24px 5%}}@media screen and (max-width: 768px){.kv-section .kv-inner,.character-section .character-inner,.feature-section .feature-inner{padding:20px 10px}}.bg-scope-wrapper{position:relative;z-index:0}.bg-scope-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../../assets/images/index-bg.jpg");background-size:cover;background-repeat:repeat;background-position:center top;z-index:-1}.intro-section{width:100%;padding:5% 0;overflow:hidden}.intro-inner{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px}.intro-social{display:flex;flex-direction:column;align-items:center}.social-x-wrapper{position:relative;display:inline-block;max-width:100%;margin-bottom:10px}.x-container{width:85%;height:16rem;overflow-x:hidden;overflow-y:scroll;position:absolute;top:55%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.twitter-tweet{position:absolute;display:none}.twitter-tweet iframe{position:absolute}.social-x{display:block;width:100%;height:auto}.x-cat-deco{position:absolute;left:-40px;bottom:0;width:100%;max-width:116px;height:auto;z-index:5;animation:GentleSway 3s ease-in-out 0s infinite alternate}.social-btn-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-btn-img{position:relative;display:inline-block;width:48%;max-width:246px;flex:0 0 auto}.btn-img{width:100%;height:auto;display:block;transition:opacity .3s ease,transform .3s ease}.btn-img.hover{position:absolute;top:0;left:0;opacity:0;pointer-events:none;z-index:2}.social-btn-img:hover .btn-img.hover{opacity:1;transform:scale(1.05);animation:Breath 2s ease .7s infinite}.social-btn-img:hover .btn-img.normal{opacity:0;transform:scale(1.05)}.intro-desc-wrapper{position:relative;max-width:480px;width:100%;transform-origin:top left;display:flex}.intro-desc-bg-wrapper{position:relative;width:100%;max-width:480px;aspect-ratio:480/474;background-image:url("../assets/images/game-introduction-bg.png");background-size:contain;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0);box-sizing:border-box}.intro-description-v2{width:100%;position:relative}.intro-deco-cat{position:absolute;right:-52%;bottom:-12%;width:85%;max-width:468px;z-index:1;transition:transform .3s ease}.desc-text{font-size:1.3em;line-height:1.4;color:#000;word-wrap:break-word;text-align:left;width:69%;margin:30% 0 0 12%}@media(max-width: 1024px){.intro-inner{flex-direction:column}.intro-deco-cat{right:-45%;bottom:-9%;width:75%}}@media(max-width: 768px){.intro-social{padding:0 4%}.x-container{height:10rem}.social-btn-group{flex-wrap:nowrap;gap:12px;justify-content:flex-start}.social-btn{flex:0 0 auto;width:120px;height:120px}.intro-deco-cat{right:-41%;bottom:-3%;width:75%}.desc-text{font-size:1.2em;line-height:1.5;width:63%;margin:32% 0 0 12%}.x-cat-deco{left:-11%;width:24%;max-width:116px}.btn-img.hover{opacity:1}}@media(max-width: 430px){.downloadzone-mobile{margin:0 auto;text-align:center}.downloadzone-mobile a{text-align:center}.intro-deco-cat{right:-33%;bottom:5%;width:70%}.desc-text{font-size:1.1em;line-height:1.3;width:260px;margin:32% 0 0 12%}}@media(max-width: 375px){.intro-deco-cat{right:-36%;bottom:-3%;width:72%}.desc-text{font-size:1em;line-height:1.2;width:63%;margin:28% 0 0 10%}}@media screen and (max-width: 375px)and (min-width: 356px)and (max-width: 375px){.desc-text{width:64%;margin:34% 0 0 10%}}@media(max-width: 340px){.desc-text{width:63%;font-size:.9em;margin:30% 0 0 10%}}@media(max-width: 320px){.desc-text{width:65%}}.feature-section{width:100%;max-width:1920px;margin:0 auto;padding:100px 0;position:relative;overflow:hidden}.feature-title{position:absolute;top:5%;left:50%;transform:translateX(-50%);width:600px;max-width:90%;text-align:center;z-index:10}.feature-title-bg{width:100%;height:auto;display:block}.feature-title-text-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.feature-title-text{width:100%;max-width:451px;height:auto}.feature-swiper{max-width:1000px;padding-top:110px}.feature-swiper .swiper-slide{text-align:center}.feature-swiper .feature-pic{width:100%;max-width:454px;aspect-ratio:454/753;height:auto;display:block;margin:0 auto;filter:brightness(30%);transition:filter .3s ease-in-out}.feature-swiper .swiper-slide-active .feature-pic{filter:brightness(100%)}.feature-swiper .swiper-button-prev,.feature-swiper .swiper-button-next{position:absolute;top:50%;transform:translateY(50%);width:86px;height:86px;z-index:10;cursor:grab}.feature-swiper .swiper-button-prev{left:10rem}.feature-swiper .swiper-button-next{right:10rem}.feature-swiper .swiper-button-prev img,.feature-swiper .swiper-button-next img{width:100%;height:auto}.feature-swiper .swiper-button-prev::after,.feature-swiper .swiper-button-next::after{display:none}@media(max-width: 768px){.feature-title{max-width:100%}.feature-swiper .swiper-button-next,.feature-swiper .swiper-button-prev{width:55px;top:45%}.feature-swiper .swiper-button-next{right:1rem}.feature-swiper .swiper-button-prev{left:1rem}.feature-title-text-wrapper{width:80%}.feature-swiper{padding-top:16%}.swiper-slide{width:90%;margin:0 auto}}@media(max-width: 425px){.feature-section{padding:110px 0 60px 0}.feature-swiper{padding-top:40px}.swiper-slide{width:82%;margin:0 auto}}@media(max-width: 375px){.feature-swiper{padding-top:8%}}[data-animate=slide-left]{opacity:0}[data-animate=slide-left].show{animation:SlideLeft .5s ease-in-out .5s forwards,Breath 6s ease-in-out infinite}[data-animate=slide-fwd-center]{opacity:0}[data-animate=slide-fwd-center].show{animation:SlideFwdCenter .6s ease-in .1s forwards}.downloadzone{display:block;width:100%;max-width:540px;margin:8rem auto;padding:0;background:rgba(0,0,0,0);border:none;cursor:pointer;animation:Pulse 2s ease-in-out infinite}.downloadzone img{width:100%;height:auto;display:block}.downloadzone:hover{animation-play-state:paused;transform:scale(1.1)}.downloadzone:active{animation-play-state:paused;transform:scale(0.98)}@media(max-width: 1024px){.downloadzone{max-width:460px;margin:6rem auto}}@media(max-width: 768px){.downloadzone{max-width:380px;margin:5rem auto}}@media(max-width: 425px){.downloadzone{max-width:320px;margin:4rem auto}}@media(max-width: 375px){.downloadzone{max-width:280px;margin:3rem auto}}.role-section-wrapper{width:100%;padding:80px 0 30px 0;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative}.role-title{position:relative;width:100%;max-width:1006px;min-width:700px}.role-title-bg{width:100%;display:block}.role-title::after{content:"";position:absolute;right:-16px;bottom:-144px;width:100%;max-width:84px;aspect-ratio:86/170;background-image:url(../../assets/images/role-introduction/role-titter-pic-r.png);z-index:5}.role-title::before{content:"";position:absolute;left:-16px;bottom:-144px;width:100%;max-width:84px;aspect-ratio:86/170;background-image:url(../../assets/images/role-introduction/role-titter-pic-l.png);z-index:5}.role-name{position:absolute;top:0%;left:50%;transform:translateX(-45%);width:28%}.role-section{position:relative;width:100%;background:url("../../assets/images/role-introduction/role-introduction-bg.png");background-size:auto;background-repeat:no-repeat;background-position:center top;overflow:hidden;height:750px;display:flex;justify-content:center}.role-breed-wrapper{width:100%;max-width:150px;display:flex;justify-content:flex-end;position:absolute;left:calc(50% + 600px - 350px);z-index:20}.role-breed-star img{margin-top:110px;width:100%;max-width:37px}.role-breed-text img{width:100%;max-width:111px}.role-swiper{position:relative;height:600px;width:1200px}.role-swiper .swiper-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out}.role-swiper .swiper-slide-active{opacity:1;visibility:visible;z-index:1}.main-factions{width:110px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;align-items:center;position:absolute;top:40px;left:calc(50% - 600px + 146px);z-index:10;transform-origin:bottom center;transform:scale(0.9)}.faction-btn{width:110px;height:110px;padding:0}.faction-btn.active img{transform:scale(1);filter:brightness(1)}.faction-btn img{width:100%;height:auto;display:block;transform:scale(0.95);filter:brightness(0.6);transition:transform .3s ease,filter .3s ease;z-index:2}.faction-btn:hover img{transform:scale(1);filter:brightness(1);transition:transform .3s ease,filter .3s ease}.sub-faction-wrapper{width:100%;max-width:600px;aspect-ratio:600/143;position:absolute;left:50%;bottom:0;transform:translate(-50%, -50%);transform-origin:center center;z-index:10}.sub-faction-group{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:nowrap;box-sizing:border-box;z-index:10;transform:scale(1);padding:0 40px}.sub-role-icon{width:100%;position:relative}.sub-role-icon img{width:100%;height:auto;display:block}.sub-role-icon.selected::after{content:"";position:absolute;bottom:0;left:8%;width:35%;height:35%;background:url("../../assets/images/role-introduction/icon-focus.png") no-repeat center center;background-size:contain;pointer-events:none;z-index:10}.sub-role-icon{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.sub-role-icon img{width:100%;height:auto;display:block;transform:scale(0.95);filter:brightness(0.6);transition:transform .3s ease,filter .3s ease;z-index:2}.sub-role-icon:hover img{width:100%;height:auto;display:block;transform:scale(1);filter:brightness(1);transition:transform .3s ease,filter .3s ease}.sub-role-icon.selected img{transform:scale(1);filter:brightness(1)}.role-section .swiper-slide{padding:0}.thumbs-swiper{overflow:visible}@media(max-width: 1199px)and (min-width: 769px){.main-factions{left:3%;top:70px;transform:none}}@media(max-width: 768px){.role-section{background-size:cover}.role-breed-wrapper{left:calc(50% + 600px - 430px);top:3%;transform:scale(0.7)}.main-factions{transform:scale(0.8);transform-origin:top left;left:3%;top:10%;gap:5px}.sub-faction-wrapper{transform:scale(0.1666666667vw)}.sub-faction-group{max-width:374px;gap:0px;padding:0 20px;bottom:-30%;margin:0 auto}.role-video-wrapper canvas{transform:scale(0.6) translateX(-35%) translateY(-25%)}}@media(max-width: 500px){.role-section{position:relative;width:100%;background:url(../../assets/images/role-introduction/role-introduction-bg-mb.png);background-size:cover;background-repeat:no-repeat;background-position:center top;overflow:hidden;height:500px;display:flex;justify-content:center}.role-breed-wrapper{left:calc(50% + 600px - 510px);top:-27%;transform:scale(0.5)}.main-factions{transform:scale(0.65);transform-origin:top left;left:3%;gap:5px;top:20px}.role-section-wrapper{padding:80px 0 0 0}.sub-faction-group{transform:scale(0.9);bottom:-60%}}@media(max-width: 425px){.role-breed-wrapper{left:calc(50% + 600px - 535px);top:-27%;transform:scale(0.4)}}@media(max-width: 375px){.main-factions{transform:scale(0.65);transform:scale(0.1666666667vw);left:3%}.sub-faction-group{transform:scale(1);bottom:-40%}}.copyright-section{width:100%;max-width:1000px;margin:0 auto;padding:100px 20px;min-height:calc(100vh - 200px);position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.copyright-container{border-radius:20px;padding:10px;width:100%}.copyright-container h1{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2em;font-weight:bold;color:#333;text-align:center;margin-bottom:20px;padding-bottom:20px}.copyright-container .title-line-image{display:block;margin:0 auto 40px;max-width:100%;height:auto}.copyright-content{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;line-height:2;color:#000;max-height:400px;overflow-y:auto;padding:40px;scrollbar-width:thin;scrollbar-color:#fda050 rgba(0,0,0,0)}.copyright-content::-webkit-scrollbar{width:10px}.copyright-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:10px}.copyright-content::-webkit-scrollbar-thumb{background:#ff6b6b;border-radius:10px}.copyright-content::-webkit-scrollbar-thumb:hover{background:#ff5252}.copyright-content::-webkit-scrollbar-button{display:none}.copyright-content p{margin:0;white-space:pre-line}@media(max-width: 768px){.copyright-section{padding:80px 15px}.copyright-container{padding:30px 0px;border-radius:15px}.copyright-container h1{font-size:2em;margin-bottom:30px}.copyright-content{font-size:1.1em;line-height:1.8}}@media(max-width: 425px){.copyright-section{padding:60px 10px}.copyright-container{padding:30px 0px;border-radius:10px}.copyright-container h1{font-size:1.6em;margin-bottom:20px;padding-bottom:15px}.copyright-content{font-size:1em;line-height:1.7}}.wallpaper-section{width:100%;max-width:1200px;margin:0 auto;padding:100px 20px;min-height:calc(100vh - 200px);position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.wallpaper-container{border-radius:20px;padding:10px;width:100%;text-align:center}.wallpaper-container h1{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:2em;font-weight:bold;color:#333;text-align:center;margin-bottom:20px;padding-bottom:20px}.wallpaper-container .title-line-image{display:block;margin:0 auto 40px;max-width:100%;height:auto}.wallpaper-content{font-family:"Microsoft JhengHei","PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;line-height:2;color:#000;padding:40px;scrollbar-width:thin;scrollbar-color:#fda050 rgba(0,0,0,0)}.wallpaper-content::-webkit-scrollbar{width:10px}.wallpaper-content::-webkit-scrollbar-track{background:rgba(0,0,0,0);border-radius:10px}.wallpaper-content::-webkit-scrollbar-thumb{background:#ff6b6b;border-radius:10px}.wallpaper-content::-webkit-scrollbar-thumb:hover{background:#ff5252}.wallpaper-content::-webkit-scrollbar-button{display:none}.wallpaper-content p{margin:0 0 1em;white-space:pre-line}.wallpaper-content h2{font-size:1.5em;font-weight:bold;color:#333;margin:1.5em 0 1em}.wallpaper-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;margin-top:40px}.wallpaper-item{position:relative;transition:transform .3s ease}.wallpaper-item:hover{transform:translateY(-5px)}.wallpaper-preview{position:relative;width:100%;overflow:hidden;border-radius:15px;margin-bottom:15px}.wallpaper-preview img{width:100%;height:auto;display:block;border-radius:15px}.wallpaper-info{padding:0;text-align:center}.wallpaper-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.wallpaper-title{font-size:1.1em;font-weight:bold;color:#333;margin-bottom:15px}.wallpaper-download-btn{display:block;width:100%;padding:12px 20px;background:linear-gradient(135deg, #f1cc7c 0%, #ecb02e 100%);color:#fff;text-decoration:none;border-radius:25px;font-weight:bold;font-size:.95em;transition:all .3s ease;text-align:center}.wallpaper-download-btn:hover{background:linear-gradient(135deg, #2bb8b1 0%, #50affd 100%);transform:scale(1.05);box-shadow:0 4px 12px rgba(253,160,80,.4)}@media(max-width: 768px){.wallpaper-section{padding:80px 15px}.wallpaper-container{padding:30px 0px;border-radius:15px}.wallpaper-container h1{font-size:2em;margin-bottom:30px}.wallpaper-content{font-size:1.1em;line-height:1.8;padding:30px 20px}.wallpaper-grid{grid-template-columns:repeat(2, 1fr);gap:20px}.wallpaper-buttons{gap:8px}.wallpaper-download-btn{padding:10px 16px;font-size:.9em}}@media(max-width: 425px){.wallpaper-section{padding:60px 10px}.wallpaper-container{padding:30px 0px;border-radius:10px}.wallpaper-container h1{font-size:1.6em;margin-bottom:20px;padding-bottom:15px}.wallpaper-content{font-size:1em;line-height:1.7;padding:20px 15px}.wallpaper-grid{grid-template-columns:1fr;gap:15px}.wallpaper-buttons{gap:8px}.wallpaper-download-btn{padding:10px 16px;font-size:.85em}.wallpaper-item{padding-bottom:60px}}.store-qr-code:not([src]){display:none}
.popup-booking-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.7);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.popup-booking-overlay.is-active{opacity:1}.popup-booking-overlay.is-active .popup-booking-container{transform:scale(1);opacity:1}.popup-booking-container{position:relative;transform:scale(0.9);opacity:0;transition:transform .3s ease,opacity .3s ease;display:flex;flex-direction:column}.popup-booking-container .popup-booking-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}.popup-booking-desktop{width:min(1088px,90vw);height:calc(min(1088px,90vw)*.59);justify-content:space-between}@media(max-width: 768px){.popup-booking-desktop{display:none}}.popup-booking-mobile{display:none;width:100vw;max-height:100vh;overflow-y:scroll;position:relative}@media(max-width: 768px){.popup-booking-mobile{display:block;padding-top:4rem}}.popup-booking-mobile .popup-booking-bg{height:auto;object-fit:cover}.popup-booking-head{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;flex-shrink:0}@media(max-width: 768px){.popup-booking-head{padding:1rem}}.popup-booking-title{font-size:24px;font-weight:bold;color:#8b4513;text-align:center;margin-bottom:20px}.popup-booking-title-img{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:40%;height:auto}.popup-booking-title-img-mobile{padding-top:1rem;width:100%}.popup-booking-close{position:absolute;top:1rem;right:1rem;border:none;background:rgba(0,0,0,0);cursor:pointer;padding:0;z-index:10;transition:transform .2s ease}.popup-booking-close:hover{transform:scale(1.1)}.popup-booking-close img{display:block;width:40px;height:auto}@media(max-width: 768px){.popup-booking-close{top:5px;right:5px}.popup-booking-close img{width:36px}}.popup-booking-main{flex:1;display:flex;align-items:center;padding:20px;width:100%;overflow:hidden}@media(max-width: 768px){.popup-booking-main{padding:15px;flex-direction:column;overflow:visible}}.progress-bar-container-desktop{width:100%;height:100%;display:flex;align-items:center}@media(max-width: 768px){.progress-bar-container-desktop{display:none}}.progress-bar-container-mobile{width:100%;height:100%;display:none}@media(max-width: 768px){.progress-bar-container-mobile{display:block}}.popup-booking-content{width:100%;height:100%;padding:20px;color:#333;line-height:1.6;overflow-y:auto}@media(max-width: 768px){.popup-booking-content{padding:15px}}.popup-booking-content p{margin:.5em 0}.popup-booking-content h2,.popup-booking-content h3{margin:1em 0 .5em}.popup-booking-footer{display:flex;align-items:center;justify-content:space-between;width:90%;margin:0 auto;padding-bottom:40px;gap:20px;border-top:3px dashed #deb887;flex-shrink:0}@media(max-width: 768px){.popup-booking-footer{flex-direction:column;width:80%;padding:15px;gap:10px}.popup-booking-footer img{width:100%;margin:0 auto}}.ani-whitecat-container{width:30%}.ani-maid-container{width:25%}.pixi-animation-container{width:100%;padding:0;overflow:visible}.pixi-animation-container canvas{display:block;width:100%}.btn-ios,.btn-google{height:60px;transition:transform .3s ease}.btn-ios img,.btn-google img{object-fit:contain;width:auto;height:100%}.btn-ios:hover,.btn-google:hover{transform:scale(1.05)}@media(max-width: 768px){.btn-ios,.btn-google{width:100%;height:auto}.btn-ios img,.btn-google img{object-fit:cover;width:100%;height:auto}}.btn-ios{animation:Bounce 3s ease infinite}.btn-google{animation:Bounce 2.5s ease infinite}@keyframes Bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.popup-qrcode{position:relative;width:20%}.popup-qrcode img.qrcode-bg{display:block !important;width:100%;height:auto}.popup-qrcode img.store-qr-code{position:absolute;top:50%;left:55%;transform:translate(-50%, -50%);display:block !important;width:60%;height:auto}
:root{--progress-bar-h: 12px;--progress-coin-scale: 2.2;--progress-check-scale: 1.2;--progress-card-aspect: 3 / 4;--progress-track: #5a3838;--progress-fill: #f1761b;--progress-coin: #ffbb77;--progress-coin-inner: #8b1d1d;--progress-check: #ff5b65;--progress-front: #ff6161;--progress-back: #07146f}.progress-bar-wrapper{width:100%;display:flex;gap:0;padding:1rem}.progress-bar-left{width:75%;padding:2rem;padding-top:4rem}@media(max-width: 1024px){.progress-bar-left{padding-top:2rem}}.progress-bar-right{width:25%;padding:32px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative}.progress-bar-edge-label{width:80%;height:auto;display:block;z-index:3}.progress-bar-stage{position:relative;width:100%;padding-top:70px}.progress-bar-track{position:relative;width:100%;height:var(--progress-bar-h);border-radius:999px;background:var(--progress-track);overflow:visible;isolation:isolate}.progress-bar-fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--progress-fill);border-radius:999px;transition:width .4s ease;z-index:1}.progress-bar-character{position:absolute;left:0;top:50%;transform:translate(-50%, -50%) scale(1.5);width:60px;height:auto;z-index:3;pointer-events:none;transition:left .4s ease}.progress-bar-milestone{position:absolute;top:50%;left:0;transform:translate(-50%, -50%);z-index:2;pointer-events:auto;width:15%;display:flex;flex-direction:column;align-items:center}.progress-bar-milestone__label{width:100%;height:auto;display:block;position:absolute;bottom:calc(50% + 20px);left:50%;transform:translateX(-50%);transition:transform .3s ease}.progress-bar-milestone.active .progress-bar-milestone__label{transform:translateX(-50%) scale(1.5);z-index:10}.progress-bar-milestone__coin{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.progress-bar-milestone__check,.progress-bar-milestone__point{position:absolute;top:0;left:0;width:40px;height:40px;display:none}.progress-bar-milestone__point{display:block}.progress-bar-milestone.done .progress-bar-milestone__check{display:block}.progress-bar-milestone.done .progress-bar-milestone__point{display:none}.progress-bar-cards{position:relative;width:100%;margin-top:clamp(10px,1.8vw,20px);padding-top:10px}.progress-bar-card{position:absolute;top:0;transform:translateX(-50%);width:20%;aspect-ratio:var(--progress-card-aspect);perspective:1000px}.progress-bar-card__flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.progress-bar-card.unlocked .progress-bar-card__flip{transform:rotateY(0)}.progress-bar-card.locked .progress-bar-card__flip{transform:rotateY(180deg)}.progress-bar-card__face{position:absolute;inset:0;border-radius:10px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);color:#fff;font-weight:800;font-size:clamp(12px,1.6vw,16px);text-align:center;overflow:hidden}.progress-bar-card__face img{width:100%;height:100%;object-fit:contain;display:block}.progress-bar-card__face--front{background:rgba(0,0,0,0)}.progress-bar-card__face--back{background:rgba(0,0,0,0);transform:rotateY(180deg)}.progress-bar-edge-card{width:100%;aspect-ratio:var(--progress-card-aspect);perspective:1000px}.progress-bar-edge-card .progress-bar-card__flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.progress-bar-edge-card.unlocked .progress-bar-card__flip{transform:rotateY(0)}.progress-bar-edge-card.locked .progress-bar-card__flip{transform:rotateY(180deg)}.progress-bar-edge-card .progress-bar-card__face{position:absolute;inset:0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:clamp(12px,1.6vw,18px);backface-visibility:hidden;overflow:hidden;padding:1rem}.progress-bar-edge-card .progress-bar-card__face img{width:100%;height:100%;object-fit:contain;display:block}.progress-bar-edge-card .progress-bar-card__face--front{position:relative;background:rgba(0,0,0,0)}.progress-bar-edge-card .progress-bar-card__face--back{background:rgba(0,0,0,0);transform:rotateY(180deg)}.progress-bar-edge-card .shake-animation{animation:Shake .6s ease-in-out infinite}.five-w-container{width:100%;overflow:visible;padding:0}.five-w-container canvas{display:block}@media(max-width: 720px){:root{--progress-bar-h: 18px}.progress-bar-wrapper{flex-direction:column;padding:.5rem}.progress-bar-left,.progress-bar-right{width:100%;padding:16px 8px}.progress-bar-right{max-width:200px;margin:0 auto}}
:root{--progress-mobile-bar-w: 10px;--progress-mobile-bar-h: 60vh;--progress-mobile-coin-scale: 2.2;--progress-mobile-check-scale: 1.2;--progress-mobile-card-h: 20vh;--progress-mobile-label-space: clamp(100px, 30vw, 180px)}.progress-bar-mobile-wrapper{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:clamp(10px,3vw,20px);position:relative}.progress-bar-mobile-left{position:relative;width:calc(var(--progress-mobile-label-space) + var(--progress-mobile-bar-w));display:flex;justify-content:center;z-index:10}.progress-bar-mobile-right{position:relative;height:var(--progress-mobile-bar-h);z-index:1}.progress-bar-mobile-track{position:relative;width:var(--progress-mobile-bar-w);height:var(--progress-mobile-bar-h);border-radius:999px;background:var(--progress-track);overflow:visible;isolation:isolate;margin-left:var(--progress-mobile-label-space)}.progress-bar-mobile-fill{position:absolute;left:0;top:0;width:100%;height:0%;background:var(--progress-fill);border-radius:999px;transition:height .3s ease;z-index:1}.progress-bar-mobile-character{position:absolute;left:50%;top:0;width:clamp(3rem,6vw,3rem);height:auto;transform:translate(-50%, -50%);z-index:10;pointer-events:none;transition:top .3s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:none;min-width:2.5rem}.progress-bar-mobile-milestone{position:absolute;left:80%;transform:translate(-50%, -50%);z-index:2;pointer-events:auto}.progress-bar-mobile-milestone__label{position:absolute;right:calc(100% + clamp(5px,1vw,10px));top:50%;transform:translateY(-50%);width:4rem;height:auto;max-width:var(--progress-mobile-label-space);transition:transform .3s ease}.progress-bar-mobile-milestone.active .progress-bar-mobile-milestone__label{transform:translateY(-50%) scale(1.5);z-index:10}.progress-bar-mobile-milestone__coin{--coin-size: calc(var(--progress-mobile-bar-w) * var(--progress-mobile-coin-scale));position:relative;width:var(--coin-size);height:var(--coin-size);display:flex;align-items:center;justify-content:center;pointer-events:none}.progress-bar-mobile-milestone__check,.progress-bar-mobile-milestone__point{position:absolute;top:0;left:0;width:var(--coin-size);height:var(--coin-size);display:none}.progress-bar-mobile-milestone__point{display:block}.progress-bar-mobile-milestone.done .progress-bar-mobile-milestone__check{display:block}.progress-bar-mobile-milestone.done .progress-bar-mobile-milestone__point{display:none}.progress-bar-mobile-card{position:absolute;left:0;right:0;transform:translateY(-50%);width:100%;height:30%;perspective:1000px}.progress-bar-mobile-card__flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.progress-bar-mobile-card.unlocked .progress-bar-mobile-card__flip{transform:rotateY(0)}.progress-bar-mobile-card.locked .progress-bar-mobile-card__flip{transform:rotateY(180deg)}.progress-bar-mobile-card.locked .progress-bar-mobile-card__face--front{opacity:0}.progress-bar-mobile-card__face{position:absolute;inset:0;border-radius:12px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;overflow:hidden;padding:10px}.progress-bar-mobile-card__face img{width:100%;height:100%;object-fit:contain;display:block}.progress-bar-mobile-card__face--front{background:rgba(0,0,0,0)}.progress-bar-mobile-card__face--back{background:rgba(0,0,0,0);transform:rotateY(180deg)}.progress-bar-mobile-edge-wrap{padding-left:2rem;display:flex;align-items:center;gap:10px}.progress-bar-mobile-edge-label{width:15%;max-width:200px;height:auto;align-self:flex-start;padding-top:2rem;image-rendering:pixelated}.progress-bar-mobile-edge-card{margin:0 auto;width:80%;max-width:280px;aspect-ratio:3/4;perspective:1000px;position:relative}.progress-bar-mobile-edge-card .progress-bar-mobile-card__flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.progress-bar-mobile-edge-card.unlocked .progress-bar-mobile-card__flip{transform:rotateY(0)}.progress-bar-mobile-edge-card.locked .progress-bar-mobile-card__flip{transform:rotateY(180deg)}.progress-bar-mobile-edge-card.locked .progress-bar-mobile-card__face--front{opacity:0}.progress-bar-mobile-edge-card .progress-bar-mobile-card__face{position:absolute;inset:0;border-radius:12px;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;overflow:hidden}.progress-bar-mobile-edge-card .progress-bar-mobile-card__face img{width:100%;object-fit:contain;display:block;object-position:top}.progress-bar-mobile-edge-card .progress-bar-mobile-card__face--front{background:rgba(0,0,0,0)}.progress-bar-mobile-edge-card .progress-bar-mobile-card__face--back{background:rgba(0,0,0,0);transform:rotateY(180deg)}.progress-bar-maid-container,.progress-bar-maid-container-back{position:absolute !important;inset:1rem !important;z-index:2 !important;display:flex !important;align-items:center !important;justify-content:center !important;pointer-events:none !important}.progress-bar-maid-container canvas,.progress-bar-maid-container-back canvas{max-width:100% !important;max-height:100% !important;width:auto !important;height:auto !important;object-fit:contain !important}.shake-animation{animation:Shake 1s ease-in-out infinite}
.popup{--popup-bg-color: #2F2F2F;--popup-font-color: whitesmoke;--popup-close-btn-size: 2em;position:fixed;top:0;bottom:0;left:0;right:0;z-index:2147483646;transition:opacity linear .25s}.popup .popup-mask{position:fixed;top:0;bottom:0;left:0;right:0;z-index:2147483646;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.75)}.popup .popup-mask.disabled-click{cursor:not-allowed}.popup .btn-popup-close{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:var(--popup-close-btn-size);width:var(--popup-close-btn-size);border-radius:.25em;background-color:#fff;color:#000;font-weight:bold;line-height:calc(var(--popup-close-btn-size)*.5)}.popup .popup-wrapper{cursor:auto;position:relative;max-width:95%;max-height:95%;display:flex}.popup .popup-wrapper>.container{position:relative;width:max-content}.popup .popup-container{overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;margin:1rem;padding:1rem;min-width:10rem;min-height:10rem;background-color:var(--popup-bg-color);color:var(--popup-font-color)}.popup .loading-popup{cursor:wait;position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}.popup .loading-popup.hidden{display:none}.popup .loading-popup .loading-image{display:inline-block;width:5em;height:5em;object-fit:contain}.popup .resize-container{resize:both}.popup.hidden,.popup .hidden{display:none !important}.popup.fade-out{opacity:0}
.popup-texture{--popup-bg-color: var(--theme-bg-primary);--popup-font-color: var(--theme-font-primary);--popup-close-btn-size: 1.75em;--popup-container-gap: calc(var(--popup-close-btn-size) / 3);--popup-content-gap: 1em}@media(max-width: 576px){.popup-texture{--popup-content-gap: 0.25em}}.popup-texture:has(.btn-popup-close.hidden) .popup-header{margin-top:0}.popup-texture .btn-popup-close{top:var(--popup-container-gap);right:var(--popup-container-gap);padding:0;border:.125em solid rgba(0,0,0,0);border-radius:var(--popup-close-btn-size);background-color:var(--theme-bg-light-gray);color:var(--theme-font-white)}.popup-texture .btn-popup-close:not(:disabled):hover{border-color:var(--theme-border-orange)}.popup-texture .btn-popup-close .icon{margin:auto}.popup-texture .btn-popup-close .icon-back{display:none}@media(max-width: 576px){.popup-texture .popup-wrapper{max-height:90%;width:100%}}.popup-texture .popup-wrapper>.container{padding:0}.popup-texture .popup-container{overflow:hidden;gap:var(--popup-container-gap);margin:0;padding:0em var(--popup-container-gap) var(--popup-container-gap);max-width:100%;min-width:20em;max-height:100%;min-height:15em;border-radius:var(--radius-l)}@media(max-width: 576px){.popup-texture .popup-container{min-width:15em}}.popup-texture .popup-header{margin-top:calc(var(--popup-close-btn-size) + var(--popup-container-gap)*2);background-color:rgba(0,0,0,0)}.popup-texture .popup-content{flex:1;overflow:hidden;display:flex;flex-direction:column;margin:0 var(--popup-content-gap);padding:calc(var(--popup-content-gap) - var(--popup-container-gap)) 0}.popup-texture .popup-footer:empty{display:none}.popup-texture .popup-footer .btn{padding:.25em .5em;border-radius:.25em;font-size:1em;font-weight:bold;text-align:center}.popup-texture .popup-footer .btn:not(:last-child){margin-right:.5em}.popup-texture .popup-title{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;min-height:1em;width:100%;text-align:center;font-weight:bold;font-size:1.5em;line-height:1.5;vertical-align:bottom}.popup-texture[data-visible-mode=full-page] .btn-popup-close{left:var(--popup-container-gap);right:revert}.popup-texture[data-visible-mode=full-page] .btn-popup-close .icon-times{display:none}.popup-texture[data-visible-mode=full-page] .btn-popup-close .icon-back{display:block}.popup-texture[data-visible-mode=full-page] .popup-wrapper{max-width:100%;max-height:100%;width:100%;height:100%;background-color:var(--popup-bg-color);background-image:linear-gradient(to right, var(--theme-bg-black-a10) 0% 100%)}.popup-texture[data-visible-mode=full-page] .popup-wrapper>.container{width:100%}.popup-texture[data-visible-mode=full-page] .popup-container{height:100%;border-radius:0}@media(max-width: 576px){.popup-texture[data-visible-mode=mobile-full-page] .btn-popup-close{left:var(--popup-container-gap);right:revert}.popup-texture[data-visible-mode=mobile-full-page] .btn-popup-close .icon-times{display:none}.popup-texture[data-visible-mode=mobile-full-page] .btn-popup-close .icon-back{display:block}.popup-texture[data-visible-mode=mobile-full-page] .popup-wrapper{max-width:100%;max-height:100%;height:100%}.popup-texture[data-visible-mode=mobile-full-page] .popup-wrapper>.container{width:100%}.popup-texture[data-visible-mode=mobile-full-page] .popup-container{height:100% !important;width:100% !important;border-radius:0}}