@font-face{font-family:Matemasie;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/matemasie-latin-ext-400-normal-B3pWjgpL.woff2) format("woff2"),url(/assets/matemasie-latin-ext-400-normal-CnEPKUTj.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Matemasie;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/matemasie-latin-400-normal-BWKAH0JQ.woff2) format("woff2"),url(/assets/matemasie-latin-400-normal-DVfCJZJX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-vietnamese-300-normal-BkyiKD57.woff2) format("woff2"),url(/assets/lexend-vietnamese-300-normal-Bvq1pCw4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-latin-ext-300-normal-DZKhWvmP.woff2) format("woff2"),url(/assets/lexend-latin-ext-300-normal-DJx7rAFT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-latin-300-normal-pH_8eE6B.woff2) format("woff2"),url(/assets/lexend-latin-300-normal-DghY_3bB.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-vietnamese-400-normal-DoLa7jNB.woff2) format("woff2"),url(/assets/lexend-vietnamese-400-normal-mPlHoWg5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-ext-400-normal-D38JI5AK.woff2) format("woff2"),url(/assets/lexend-latin-ext-400-normal-D9P7pMo-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-latin-400-normal-CwRJVcUA.woff2) format("woff2"),url(/assets/lexend-latin-400-normal-CHypAkT3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-vietnamese-600-normal-Cr1ePs6O.woff2) format("woff2"),url(/assets/lexend-vietnamese-600-normal-BxEVPgxw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-ext-600-normal-hDcqLAH9.woff2) format("woff2"),url(/assets/lexend-latin-ext-600-normal-BXtyp5LP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/lexend-latin-600-normal-DdvlkEkX.woff2) format("woff2"),url(/assets/lexend-latin-600-normal-DSBzZxpA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #FFEE00;--color-white: #FFFFFF;--color-black: #000000;--color-card-outline: #FFF671;--color-option-border: #EFEFEF;--color-overlay: rgba(0, 0, 0, .1);--color-scrim: rgba(0, 0, 0, .6);--color-muted: #888888;--color-danger: #FF4D4D;--color-success: #38E54D;--color-primary-hover: #E6D800;--font-heading: "Matemasie", cursive, sans-serif;--font-body: "Lexend", sans-serif;--fw-light: 300;--fw-regular: 400;--text-h1: clamp(44px, 16.5vw, 64px);--text-logo: 24px;--text-h3: 20px;--text-body: 16px;--text-hint: 12px;--lh-tight: 1.2em;--lh-body: 1.4em;--card-radius: 24px;--card-padding-top: clamp(24px, calc(var(--frame-height) * .056), 48px);--card-padding-bottom: clamp(24px, calc(var(--frame-height) * .056), 48px);--card-padding-x: 16px;--card-padding: var(--card-padding-top) var(--card-padding-x) var(--card-padding-bottom) var(--card-padding-x);--card-text-padding: 16px;--option-radius: 8px;--card-border-width: 3px;--option-border-width: 1px;--page-margin: 16px;--tap-min: 44px;--viewport-max-width: 393px;--frame-height: 100dvh;--card-text-height: clamp(190px, calc(var(--frame-height) * .26), 280px);--sprite-max-height: 700px;--sprite-overlap: clamp(80px, calc(var(--card-text-height) * .45), 115px);--safe-bottom: env(safe-area-inset-bottom, 0px);--shadow-pill: 1px 1px 4px 0px rgba(0, 0, 0, .2);--z-scene: 0;--z-sprite: 10;--z-topbar: 20;--z-card: 30;--z-menu: 40;--duration-fast: 90ms;--duration-normal: .2s;--easing: ease-out}@media (min-width: 480px){:root{--frame-height: min(100dvh, 852px)}}@media (min-width: 768px){:root{--viewport-max-width: 560px;--frame-height: min(100dvh, 1000px);--sprite-max-height: 800px;--sprite-overlap: 140px;--text-h1: 72px;--text-logo: 28px;--text-h3: 22px;--text-body: 17px;--text-hint: 13px;--page-margin: 24px}}@media (orientation: landscape) and (max-height: 520px){:root{--viewport-max-width: 720px;--frame-height: 100dvh;--card-text-height: 150px;--sprite-max-height: 220px;--text-h1: 44px;--text-h3: 18px;--text-body: 15px;--page-margin: 16px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;background-color:#1a1a1a;font-family:var(--font-body);font-weight:var(--fw-light);font-size:var(--text-body);line-height:var(--lh-body);color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overflow:hidden}#root{height:100%;display:flex;align-items:center;justify-content:center}.game-viewport{width:100%;max-width:var(--viewport-max-width);height:var(--frame-height);position:relative;overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-white);user-select:none;-webkit-user-select:none;touch-action:manipulation}@media (min-width: 480px){.game-viewport{border-radius:28px;box-shadow:0 24px 80px #0009}}.text-h1{font-family:var(--font-heading);font-weight:var(--fw-regular);font-size:var(--text-h1);line-height:var(--lh-tight);text-align:center}.text-logo{font-family:var(--font-heading);font-weight:var(--fw-regular);font-size:var(--text-logo);line-height:var(--lh-tight);text-align:center}.text-speaker{font-family:var(--font-heading);font-weight:var(--fw-regular);font-size:var(--text-h3);text-align:center;color:var(--color-black)}.text-choice-prompt{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--text-h3);line-height:var(--lh-body);text-align:center;color:var(--color-black)}.text-narrative{font-family:var(--font-body);font-weight:var(--fw-light);font-size:var(--text-body);line-height:var(--lh-body);color:var(--color-black)}.text-option{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--text-body);color:var(--color-black)}.text-hint{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--text-hint);color:var(--color-white);text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.8);animation:floatHint 2s ease-in-out infinite;display:inline-block;width:100%}@keyframes floatHint{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card{background-color:var(--color-white);border:var(--card-border-width) solid var(--color-card-outline);border-radius:var(--card-radius);padding:var(--card-padding);overflow:visible}button{font-family:var(--font-body);font-weight:var(--fw-regular);font-size:var(--text-body);cursor:pointer;border:none;background:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--tap-min);padding:12px 16px;border-radius:var(--option-radius);text-align:center;transition:background-color var(--duration-fast) var(--easing),transform var(--duration-fast) var(--easing),box-shadow var(--duration-fast) var(--easing);-webkit-tap-highlight-color:transparent}button.btn-primary{background-color:var(--color-primary);color:var(--color-black);width:100%}@media (hover: hover){button.btn-primary:hover{background-color:var(--color-primary-hover)}}button.btn-primary:active{background-color:var(--color-primary-hover);transform:scale(.98)}button.btn-secondary{background-color:var(--color-white);color:var(--color-black);border:var(--option-border-width) solid var(--color-option-border);width:100%}@media (hover: hover){button.btn-secondary:hover{background-color:var(--color-primary);border-color:var(--color-option-border)}}button.btn-secondary:active{background-color:var(--color-primary);transform:scale(.98)}button.btn-secondary:disabled,button.btn-secondary[aria-disabled=true]{color:var(--color-muted);cursor:not-allowed}@media (hover: hover){button.btn-secondary:disabled:hover,button.btn-secondary[aria-disabled=true]:hover{background-color:var(--color-white)}}button.btn-secondary:disabled:active,button.btn-secondary[aria-disabled=true]:active{background-color:var(--color-white);transform:none}:focus-visible{outline:2px solid var(--color-black);outline-offset:0;box-shadow:0 0 0 4px var(--color-white)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}