@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2) format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2) format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");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{--canvas: #fbf5ea;--paper: #fffdf8;--raised: #f0e9da;--ink: #24342b;--soft: #526158;--line: #24342b24;--line-strong: #24342b40;--green: #426b50;--green-deep: #034027;--accent: #cce7cf;--gold: #ffd064;--gold-deep: #b8860b;--night: #14231c;--night-2: #1d3026;--night-3: #293e32;--night-ink: #f7f3e9;--parchment: #f6f4ef;--muted: #77736c;--coral: #ff6746;--coral-deep: #c9452b;--healthy: #35a472;--af-green: #28725b;--af-green-dark: #1b5946;--af-yellow: #f7cd65;--af-soft: #e6eee3;--wrong-tint: #fff5db;--p-green: #426b50;--p-deep: #1f4a33;--p-sage: #8fae8b;--p-moss: #7a8f4e;--p-gold: #f2bf45;--p-coral: #d8704f;--p-stone: #9aa79a;--p-cream: #fbf5ea;--p-night: #14231c;--p-sky: #5f93a6;--p-shadow: #24342b;--shadow: 0 18px 50px -24px #24342b55;--shadow-sheet: 0 -10px 30px -18px #24342b66;--press: 0 4px 0;--sh-paper: #24342b2e;--sh-paper-soft: #24342b26;--sh-paper-mid: #24342b33;--sh-scrim: #24342b55;--sh-deep: #24342b66;--hover-veil: #ffffff33;--paper-veil: #fffdf8b3;--gold-veil: #ffd06466;--font-display: "Newsreader Variable", "Newsreader", Georgia, serif;--font-ui: "Manrope Variable", "Manrope", system-ui, sans-serif;--font-game: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", var(--font-ui);--r-major: 20px;--r-control: 14px;--r-chip: 999px;--t-fast: .16s;--t-med: .24s;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .14 0 0 0 0 .2 0 0 0 0 .17 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");color-scheme:light}.w-pattern{--w-bg: #e9f0e1;--w-1: #c7d8bd;--w-2: #8fae8b;--w-3: #426b50;--w-ink: var(--ink);--w-chip: var(--paper)}.w-oddone{--w-bg: #fbf0d2;--w-1: #f8e2a6;--w-2: #f2c86a;--w-3: #d9a33a;--w-ink: var(--ink);--w-chip: var(--paper)}.w-spotdiff{--w-bg: #e8ece5;--w-1: #cfd6cb;--w-2: #aab6a8;--w-3: #8fae8b;--w-ink: var(--ink);--w-chip: var(--paper)}.w-count{--w-bg: #14231c;--w-1: #1d3026;--w-2: #293e32;--w-3: #34503f;--w-ink: var(--night-ink);--w-chip: var(--night-3)}.w-match{--w-bg: #f3efe2;--w-1: #e4dcc4;--w-2: #c9bd98;--w-3: #8a7a4f;--w-ink: var(--ink);--w-chip: var(--paper);--tile-edge: #cbbf9c}.w-logic{--w-bg: #f6f4ef;--w-1: #f3dccf;--w-2: #e8b8a2;--w-3: #d8704f;--w-ink: var(--ink);--w-chip: var(--paper)}.w-word{--w-bg: #f1f1e2;--w-1: #d6dcb3;--w-2: #a7b374;--w-3: #6e7f3f;--w-ink: var(--ink);--w-chip: var(--paper)}.w-numgrid{--w-bg: #eaf0eb;--w-1: #cce7cf;--w-2: #8fb79a;--w-3: #1f4a33;--w-ink: var(--ink);--w-chip: var(--paper)}.w-payoff{--w-bg: #fbf5ea;--w-1: #f0e9da;--w-2: #cce7cf;--w-3: #426b50;--w-ink: var(--ink);--w-chip: var(--paper)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow-x:clip}body{background:var(--parchment);color:var(--ink);font:16px/1.45 var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{height:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--green-deep);outline-offset:3px;transition:none}.w-count button:focus-visible{outline-color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{position:relative;height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--canvas);box-shadow:0 0 0 1px var(--line),var(--shadow);overflow:hidden}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--grain);mix-blend-mode:multiply;z-index:50}.top{position:relative;z-index:20;flex:none;background:var(--canvas);padding:calc(8px + env(safe-area-inset-top)) 12px 8px;box-shadow:0 1px 0 var(--line)}.top-row{display:flex;align-items:center;gap:6px;min-height:48px}.brand{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:0}.brand svg{flex:none}.brand-text{display:grid;gap:3px;min-width:0}.brand-name{font:600 21px/1 var(--font-display);letter-spacing:-.3px;white-space:nowrap}.brand-level{font:700 11px/1 var(--font-ui);color:var(--green)}.pill{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 10px;border-radius:var(--r-chip);background:var(--paper);box-shadow:0 0 0 1px var(--line),0 2px 0 var(--line-strong);font:700 15px/1 var(--font-game);font-variant-numeric:tabular-nums;white-space:nowrap}.pill small{font:600 11px/1 var(--font-ui);color:var(--soft)}.pill.is-hot{color:var(--coral-deep)}.icon-btn{min-width:48px;min-height:48px;display:inline-grid;place-items:center;border-radius:var(--r-control);transition:background-color var(--t-fast)}.icon-btn:hover{background:var(--raised)}.icon-btn[aria-expanded=true]{background:var(--accent)}.flame-bump{animation:bump .42s ease-out}@keyframes bump{40%{transform:scale(1.25) rotate(-6deg)}}.topics{padding:8px 0 4px;display:grid;gap:8px}.topics-row{display:flex;gap:6px;align-items:center}.topics-row .chip{flex:1 1 auto}.chip-label{font:600 12px/1 var(--font-ui);color:var(--soft);margin-right:2px}.topics-q{margin:0;font:600 17px/1.2 var(--font-display)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips-sub{padding:8px;border-radius:var(--r-control);background:var(--raised);display:grid;gap:8px}.chip{min-height:48px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:var(--r-chip);background:var(--paper);box-shadow:0 0 0 1px var(--line),0 3px 0 var(--line-strong);font:700 14px/1 var(--font-game);transition:transform var(--t-fast),background-color var(--t-fast)}.chip:active{transform:translateY(2px);box-shadow:0 0 0 1px var(--line),0 1px 0 var(--line-strong)}.chip.is-go{background:var(--af-green);color:var(--paper);box-shadow:var(--press) var(--af-green-dark)}.chip[aria-pressed=true]{background:var(--af-yellow);box-shadow:0 0 0 1px var(--gold-deep),0 3px 0 var(--gold-deep)}.topics-note{margin:0;font-size:12px;color:var(--muted)}.feed{flex:1;min-height:0;overflow-y:auto;overflow-x:clip;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.card{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas);isolation:isolate}.scene{position:relative;flex:1 1 58%;min-height:0;background:var(--w-bg);color:var(--w-ink);display:flex;flex-direction:column}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.scene-tags{position:relative;z-index:2;display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:12px 14px 0}.tag{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:var(--r-chip);background:var(--w-chip);color:var(--w-ink);font:700 12px/1 var(--font-ui);box-shadow:1px 2px 0 var(--sh-paper-soft)}.tag.is-stat{background:var(--coral-deep);color:var(--paper)}.tag.is-daily{background:var(--gold);color:var(--ink)}.stage{position:relative;z-index:2;flex:1;min-height:0;padding:8px 14px 30px}.stage-in{position:absolute;top:8px;right:14px;bottom:30px;left:14px;container-type:size;display:grid;place-items:center}.stage-in>*{max-width:100%;max-height:100%}.tear{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:26px;z-index:3;display:block}.tear .tear-shadow{fill:var(--p-shadow);opacity:.16}.tear .tear-paper{fill:var(--canvas)}.fuse{position:absolute;left:0;top:0;height:4px;width:100%;z-index:4;transform-origin:left;background:var(--coral);opacity:.85;transform:scaleX(0)}.card.is-active[data-state=idle] .fuse{animation:fuse var(--fuse) linear forwards}@keyframes fuse{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.deck{position:relative;flex:0 0 auto;padding:6px 16px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.hook{margin:0;font:600 clamp(21px,5.6vw,25px)/1.15 var(--font-display);letter-spacing:-.3px;overflow-wrap:break-word;min-width:0}.prompt{margin:-4px 0 0;font:600 15px/1.35 var(--font-ui);color:var(--soft)}.scenario{margin:0;font:500 clamp(17px,4.6vw,19px)/1.4 var(--font-display)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choices.is-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.choices.is-long{grid-template-columns:minmax(0,1fr);gap:8px}.choice{position:relative;min-height:56px;padding:8px 10px 8px 34px;border-radius:var(--r-control);background:var(--paper);box-shadow:0 0 0 2px var(--line),var(--press) var(--line-strong);font:700 19px/1.15 var(--font-game);font-variant-numeric:tabular-nums;text-align:left;display:flex;align-items:center;justify-content:center;transition:transform var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast)}.choices.is-long .choice{justify-content:flex-start;font-size:17px;min-height:52px}.choices.is-tiles .choice{padding:6px;min-height:72px}.choice .key{position:absolute;left:8px;top:50%;translate:0 -50%;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:var(--raised);font:700 11px/1 var(--font-ui);color:var(--soft)}.choices.is-tiles .choice .key{top:6px;left:6px;translate:none}.choice:hover:not(:disabled){background:var(--af-soft)}.choice:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 2px var(--line),0 1px 0 var(--line-strong)}.choice:disabled{cursor:default}.choice.is-right{background:var(--accent);box-shadow:0 0 0 3px var(--af-green),var(--press) var(--af-green-dark);animation:pop .3s ease-out}.choice.is-wrong{background:var(--wrong-tint);box-shadow:0 0 0 2px var(--coral-deep),0 0 0 0 transparent;outline:2px dashed var(--coral-deep);outline-offset:3px}.choice.is-dim{opacity:.55}@keyframes pop{50%{transform:scale(1.05)}}.piece{border-radius:16px;transition:transform var(--t-fast),background-color var(--t-fast);min-width:48px;min-height:48px;position:relative}.piece:hover:not(:disabled){transform:translateY(-3px)}.piece:active:not(:disabled){transform:translateY(2px)}.piece:disabled{cursor:default}.piece.is-right{background:var(--gold-veil);box-shadow:0 0 0 3px var(--af-green);animation:pop .3s ease-out}.piece.is-wrong{outline:3px dashed var(--coral-deep);outline-offset:2px}.piece-key{position:absolute;left:4px;top:4px;font:700 11px/1 var(--font-ui);color:var(--soft);background:var(--paper);border-radius:5px;padding:3px 5px;box-shadow:0 1px 0 var(--line-strong)}.flap{position:absolute;left:0;right:0;bottom:0;z-index:10;padding:26px 16px calc(16px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:var(--shadow-sheet);display:grid;gap:10px;animation:flap-in var(--t-med) cubic-bezier(.2,.9,.3,1.2) both}.flap:before{content:"";position:absolute;left:0;right:0;top:-12px;height:13px;background:var(--paper);clip-path:polygon(0 100%,0 40%,4% 70%,9% 20%,14% 60%,19% 30%,25% 75%,31% 25%,37% 65%,42% 15%,48% 70%,54% 35%,60% 80%,66% 20%,72% 60%,78% 30%,84% 75%,90% 25%,95% 60%,100% 35%,100% 100%)}@keyframes flap-in{0%{transform:translateY(60%) rotate(-1.5deg);opacity:0}}.flap-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.verdict{margin:0;font:650 26px/1.1 var(--font-display)}.verdict.is-right{color:var(--af-green-dark)}.verdict.is-wrong{color:var(--coral-deep)}.gain{padding:5px 10px;border-radius:var(--r-chip);background:var(--gold);font:800 15px/1 var(--font-game);font-variant-numeric:tabular-nums}.time{font:600 13px/1 var(--font-ui);color:var(--muted);margin-left:auto;font-variant-numeric:tabular-nums}.why{margin:0;font-size:16px;line-height:1.4}.answer-was{display:flex;align-items:center;gap:8px;font:600 14px/1.2 var(--font-ui);color:var(--soft)}.answer-was .chip-answer{padding:6px 10px;border-radius:10px;background:var(--accent);color:var(--ink);font:700 16px/1 var(--font-game);display:inline-flex;align-items:center;transform:rotate(-1.5deg);box-shadow:2px 3px 0 var(--sh-paper-soft)}.levelup{margin:0;font:700 14px/1.2 var(--font-ui);color:var(--green-deep)}.primary{min-height:54px;padding:0 22px;border-radius:var(--r-control);background:var(--af-green);color:var(--paper);box-shadow:var(--press) var(--af-green-dark);font:800 18px/1 var(--font-game);display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform var(--t-fast),box-shadow var(--t-fast),filter var(--t-fast)}.primary:hover{filter:brightness(1.06)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--af-green-dark)}.primary.is-block{width:100%}.secondary{min-height:48px;padding:0 16px;border-radius:var(--r-control);background:var(--paper);box-shadow:0 0 0 2px var(--line),var(--press) var(--line-strong);font:700 16px/1 var(--font-game);transition:transform var(--t-fast),box-shadow var(--t-fast)}.secondary:active{transform:translateY(3px);box-shadow:0 0 0 2px var(--line),0 1px 0 var(--line-strong)}.hint-keys{margin:0;text-align:center;font-size:12px;color:var(--muted)}.card:not([data-state=idle]) .deck{visibility:hidden}.card[data-state=wrong] .stage{animation:shake .36s ease-in-out}@keyframes shake{20%{transform:translate(-6px) rotate(-.6deg)}45%{transform:translate(5px) rotate(.5deg)}70%{transform:translate(-3px)}}.card[data-state=right] .scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gold);opacity:0;animation:flash .52s ease-out;z-index:5;pointer-events:none}@keyframes flash{15%{opacity:.38}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;overflow:hidden}.bit{position:absolute;left:50%;top:42%;width:var(--w);height:var(--h);background:var(--c);clip-path:var(--clip);filter:drop-shadow(1px 1px 0 var(--sh-paper-mid));animation:burst .9s cubic-bezier(.15,.7,.3,1) forwards}@keyframes burst{0%{transform:translate(-50%,-50%) rotate(0) scale(.4);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rot)) scale(1);opacity:0}}.seq{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.seq-tile{flex:1 1 0;min-width:0;max-width:62px;aspect-ratio:58 / 66;display:grid;place-items:center;border-radius:10px;background:var(--paper);box-shadow:2px 3px 0 var(--sh-paper),0 0 0 1px var(--line);font:800 26px/1 var(--font-game);font-variant-numeric:tabular-nums}.seq-tile:nth-child(odd){transform:rotate(-2deg)}.seq-tile:nth-child(2n){transform:rotate(1.5deg)}.seq-tile.is-blank{background:transparent;box-shadow:none;outline:3px dashed var(--w-3);outline-offset:-3px;color:var(--w-3)}.seq.is-wide .seq-tile{font-size:22px}.seq-tile svg{width:82%;height:82%}.table{display:grid;gap:10px;justify-content:center;--cell: min(108px, (100cqh - 10px) / 2, (100cqw - 20px) / var(--cols));grid-template-columns:repeat(var(--cols),var(--cell))}.table.cols-2{--cols: 2}.table.cols-3{--cols: 3}.table .piece{width:100%;aspect-ratio:1;display:grid;place-items:center;background:var(--paper-veil);box-shadow:0 0 0 1px var(--line)}.table .piece svg{width:80%;height:80%}.mahj{display:grid;gap:8px;justify-content:center;--cols: 3;--cell: min(96px, (100cqh - 24px) / 2.3, (100cqw - 24px) / var(--cols));grid-template-columns:repeat(var(--cols),var(--cell))}.mahj.cols-4{--cols: 4}.mtile{position:relative;aspect-ratio:4 / 5;border-radius:10px;display:grid;place-items:center;padding:8px 4px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 5px 0 var(--tile-edge),0 7px 10px -6px var(--sh-scrim);font:800 clamp(13px,3.6vw,17px)/1 var(--font-game);letter-spacing:.5px;transition:transform var(--t-fast),box-shadow var(--t-fast)}.mtile svg{width:82%;height:82%}.mtile.is-word{overflow-wrap:anywhere}.mtile:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 0 1px var(--line),0 2px 0 var(--tile-edge)}.mtile.is-held{transform:translateY(-5px) rotate(-1.5deg);box-shadow:0 0 0 3px var(--gold-deep),0 8px 0 var(--tile-edge),0 12px 14px -6px var(--sh-deep);background:var(--wrong-tint)}.mtile.is-right{background:var(--accent);box-shadow:0 0 0 3px var(--af-green),0 5px 0 var(--af-green-dark);animation:pop .3s ease-out}.mtile.is-wrong{outline:3px dashed var(--coral-deep);outline-offset:2px}.mtile.is-dim{opacity:.5}.mtile:disabled{cursor:default}.spot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100cqw,100cqh * 1.6 + 8px)}.spot-panel{position:relative;aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;background:var(--w-1);box-shadow:2px 3px 0 var(--sh-paper),0 0 0 1px var(--line)}.spot-panel svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.spot-label{position:absolute;left:6px;top:6px;z-index:3;font:700 11px/1 var(--font-ui);background:var(--paper);padding:4px 6px;border-radius:6px}.spot-hit{position:absolute;z-index:2;translate:-50% -50%;border-radius:50%}.spot-hit:hover:not(:disabled){transform:none;background:var(--hover-veil)}.spot-hit.is-right{background:transparent;box-shadow:0 0 0 3px var(--gold),0 0 0 6px var(--af-green)}.figure{width:min(100cqw,100cqh,320px);aspect-ratio:1}.figure svg{width:100%;height:100%;overflow:visible}.rebus{display:grid;place-items:center;gap:4px;padding:18px 20px;background:var(--paper);border-radius:6px;box-shadow:3px 4px 0 var(--sh-paper),0 0 0 1px var(--line);transform:rotate(-1deg);min-width:200px}.rebus-word{font:800 34px/1 var(--font-game);letter-spacing:1px;display:flex;gap:3px}.rebus-word span{display:inline-block;padding:4px 3px;border-radius:4px;background:var(--w-1);box-shadow:1px 2px 0 var(--sh-paper-soft)}.rebus-word span:nth-child(3n){transform:rotate(3deg)}.rebus-word span:nth-child(3n+1){transform:rotate(-2deg)}.rebus-rule{width:100%;height:6px;border-radius:3px;background:var(--w-3)}.rebus-col{display:flex;flex-direction:column;gap:3px}.rebus-word.is-accent span.acc{background:var(--gold)}.rebus-blank{font:800 26px/1.3 var(--font-game);display:grid;gap:6px;text-align:center}.rebus-blank .slot{display:inline-block;width:70px;border-bottom:4px solid var(--w-3);margin-right:4px}.numgrid{display:grid;grid-template-columns:repeat(3,70px);gap:8px}.cell{height:min(64px,(100cqh - 16px) / 3);display:grid;place-items:center;border-radius:10px;background:var(--paper);box-shadow:2px 3px 0 var(--sh-paper),0 0 0 1px var(--line);font:800 26px/1 var(--font-game);font-variant-numeric:tabular-nums}.cell.is-blank{background:transparent;box-shadow:none;outline:3px dashed var(--w-3);outline-offset:-3px;color:var(--w-3)}.wheel{width:min(100cqw,100cqh,280px);aspect-ratio:1}.wheel svg{width:100%;height:100%;overflow:visible}.wheel text{font:800 22px var(--font-game);fill:var(--ink)}.logic-art{width:min(100%,260px)}.payoff .stage{padding-top:14px}.ticket{width:min(100%,330px);max-height:100%;background:var(--paper);border-radius:6px;padding:20px 20px 18px;box-shadow:4px 6px 0 var(--sh-paper),0 0 0 1px var(--line);transform:rotate(-1.2deg);display:grid;gap:12px;position:relative}.ticket h3{margin:0;font:600 24px/1.1 var(--font-display)}.ticket-day{margin:0;font:700 13px/1 var(--font-ui);color:var(--soft)}.ticket-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ticket-stat{background:var(--canvas);border-radius:10px;padding:10px 8px;box-shadow:inset 0 0 0 1px var(--line)}.ticket-stat b{display:block;font:800 26px/1 var(--font-game);font-variant-numeric:tabular-nums}.ticket-stat span{font:600 12px/1.2 var(--font-ui);color:var(--soft)}.ticket-foot{display:flex;justify-content:space-between;align-items:baseline;font:700 13px/1 var(--font-ui);color:var(--green-deep)}.ticket .seal{position:absolute;right:-10px;top:-14px;width:54px;height:54px}.payoff-actions{display:flex;gap:10px}.payoff-actions>*{flex:1}.copied{margin:0;font-size:13px;color:var(--af-green-dark);min-height:18px}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--sh-scrim);display:grid;align-items:end;animation:fade var(--t-fast) ease-out}.sheet{background:var(--canvas);padding:20px 16px calc(18px + env(safe-area-inset-bottom));border-radius:var(--r-major) var(--r-major) 0 0;display:grid;gap:14px;justify-items:center;animation:flap-in var(--t-med) ease-out both}.sheet .ticket{transform:rotate(.8deg)}@keyframes fade{0%{opacity:0}}@media(min-width:700px){.app{height:calc(100dvh - 40px);margin-top:20px;border-radius:var(--r-major)}}@media(max-height:640px){.hook{font-size:20px}.seq-tile{font-size:21px}.choice{min-height:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.card.is-active[data-state=idle] .fuse{animation:none;transform:scaleX(1);opacity:.4}.confetti{display:none}}
