:root{--paper: #F6EFE3;--paper2: #EFE5D3;--card: #FFFBF3;--ink: #2A2723;--muted: #7A7064;--line: #E4D8C4;--teal: #2E5E63;--teal2: #E3EEEC;--red: #D4483B;--yellow: #E9B44C;--green: #5B8A55;--brown: #8A6248}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#e9e1d3;color:var(--ink);font-family:Be Vietnam Pro,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}.app{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;position:relative}.hud{position:sticky;top:0;z-index:5;background:var(--paper);display:flex;justify-content:space-between;align-items:flex-start;padding:12px 16px 10px;border-bottom:1px solid var(--line)}.hud .d b{display:block;font-size:16px;font-weight:800}.hud .d span{font-size:12px;color:var(--muted)}.hud .cash{text-align:right;font-weight:800;font-size:17px;font-variant-numeric:tabular-nums}.hud .cash small{display:block;font-size:11px;font-weight:600;color:var(--red)}.body{flex:1;padding:10px 12px 100px}.scene{border-radius:16px;overflow:hidden;position:relative;margin-bottom:10px;background:#f4dfc2}.scene svg{display:block;width:100%;height:auto}.chip{position:absolute;background:#fffbf3e6;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:10px}.card h3{margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800;display:flex;justify-content:space-between;gap:8px}.card h3 button{text-transform:none;letter-spacing:0}.rowl{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:14px}.rowl:last-child{border-bottom:0}.rowl .grow{flex:1;min-width:0}.rowl small{display:block;color:var(--muted);font-size:12px}.n{font-variant-numeric:tabular-nums}.btn{border-radius:9px;padding:6px 10px;font-size:13px;font-weight:700;background:var(--teal2);color:var(--teal);white-space:nowrap}.btn.hot{background:#f8e0da;color:var(--red)}.btn.ghost{background:var(--paper2);color:var(--brown)}.btn:disabled{opacity:.45;cursor:default}.step{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-variant-numeric:tabular-nums}.step button{width:30px;height:30px;border-radius:9px;background:var(--paper2);color:var(--brown);font-size:18px;font-weight:800}.toggle{width:42px;height:26px;border-radius:999px;background:#d9cebb;position:relative;flex:none;transition:background .15s}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--teal)}.toggle.on:after{left:19px}select{font:inherit;font-size:13px;padding:6px 8px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);max-width:170px}.cta{position:fixed;left:50%;transform:translate(-50%);bottom:14px;width:min(456px,calc(100% - 24px));background:var(--teal);color:#fbf4e8;border-radius:16px;padding:15px;text-align:center;font-weight:800;font-size:17px;box-shadow:0 8px 20px #2e5e6340;z-index:10}.cta:disabled{opacity:.5}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:84px;background:var(--ink);color:#fbf4e8;padding:10px 14px;border-radius:12px;font-size:13px;z-index:20;max-width:90%}.ca{display:grid;grid-template-columns:70px 1fr 64px;align-items:center;gap:10px;padding:8px 0;font-size:14px;border-bottom:1px dashed var(--line)}.ca:last-child{border-bottom:0}.bar{height:8px;border-radius:5px;background:#efe5d3;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),var(--green));transition:width .4s}.rc{background:#fffdf7;margin:4px 4px 12px;padding:16px 16px 22px;font-family:JetBrains Mono,monospace;font-size:12.5px;position:relative;box-shadow:0 2px 10px #3b2f2a1f;-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,radial-gradient(circle 6px at 8px 100%,#0000 98%,#000) bottom left/16px 8px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,radial-gradient(circle 6px at 8px 100%,#0000 98%,#000) bottom left/16px 8px repeat-x}.rc .t{text-align:center;font-weight:700;font-size:14px;letter-spacing:.08em}.rc .s{text-align:center;color:var(--muted);font-size:11px;margin:2px 0 10px}.rc .l{display:flex;justify-content:space-between;gap:8px;padding:2px 0}.rc .l.neg span:last-child{color:var(--red)}.rc .l.sub{color:var(--muted);font-size:11.5px;padding-left:10px}.rc hr{border:0;border-top:1px dashed #BFB3A0;margin:8px 0}.rc .tot{font-weight:700;font-size:14.5px}.say{font-family:Patrick Hand,cursive;font-size:17px;line-height:1.3;margin-top:10px;color:#3e4e57}.stamp{position:absolute;right:12px;bottom:30px;transform:rotate(-12deg);border:3px solid var(--red);color:var(--red);font-family:Be Vietnam Pro;font-weight:800;font-size:12px;padding:4px 8px;border-radius:6px;opacity:.85;letter-spacing:.06em}.hero{padding:28px 18px 12px}.hero h1{font-family:Bungee,sans-serif;font-weight:400;font-size:34px;margin:0;color:var(--teal);line-height:1.1}.hero p{color:var(--muted);line-height:1.55}.gc{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%}.gc.lock{opacity:.5}.foot{text-align:center;font-size:12px;color:var(--muted);padding:6px 0 18px}.link{color:var(--teal);font-weight:700;text-decoration:underline}.hud .cash.no{color:var(--red)}.card.canh{background:#f8e0da;border-color:#e9b8ae;color:#8a2d22;font-size:14px}input[type=date]{font:inherit;font-size:14px;padding:6px 8px;border-radius:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);flex:1;min-width:0}.dh{margin:8px 4px;background:#eadbb6;border:3px solid #2A2622;outline:1.5px solid #2A2622;outline-offset:-9px;padding:16px;font-family:Lora,serif;color:#2a2622}.dh .art{border:2px solid #2A2622;overflow:hidden;background:#f4ecd8}.dh .art svg{display:block;width:100%;height:auto}.dh h2{margin:12px 0 4px;font-size:28px;text-align:center;letter-spacing:.04em}.dh p{margin:0 0 12px;font-size:14.5px;line-height:1.5;text-align:center}.dh .tk{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dh .tk div{border:2px solid #2A2622;background:#f4ecd8;padding:8px;text-align:center}.dh .tk b{display:block;font-size:16px}.dh .tk small{font-size:11.5px}.form{display:flex;flex-direction:column;gap:6px}.form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700}.form input{font:inherit;font-size:16px;font-weight:500;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.form small{color:var(--muted);font-size:12px;margin-bottom:4px}.form small.loi{color:var(--red)}.btn.big{padding:12px;font-size:15px;margin-top:4px}.gc small.loi{color:var(--red)}.gc:disabled{cursor:default}.dh.sk{margin:0 0 10px;padding:12px 14px}.dh.sk .head{display:flex;gap:10px;align-items:center}.dh.sk .art{flex:none;width:84px;height:62px}.dh.sk .art svg{width:100%;height:100%}.dh.sk h4{margin:0;font-size:17px}.dh.sk .khi{font-size:12.5px;font-weight:700;color:#8a2d22}.dh.sk p{margin:8px 0;font-size:14px;line-height:1.45;text-align:left}.dh.sk .ch{display:flex;gap:8px;flex-wrap:wrap}.dh.sk .ch button{flex:1 1 40%;border:2px solid #2A2622;background:#f4ecd8;padding:8px 6px;font-family:Lora,serif;font-weight:700;font-size:13.5px}.dh.sk .ch button:first-child{background:#2a2622;color:#f4ecd8}.dh.sk small{display:block;margin-top:6px;font-size:12px;opacity:.75}.dh.sk .da-chon{font-weight:700;font-size:14px}.rc .chuyen{font-size:12px;line-height:1.45;margin:3px 0}.quay.svelte-1qp24zj{padding:10px 12px 100px;flex:1;display:flex;flex-direction:column;gap:10px}.phieu.svelte-1qp24zj{background:#fffdf7;border:1px dashed #BFB3A0;border-radius:4px;padding:10px 14px;transform:rotate(-1deg);box-shadow:0 2px 8px #3b2f2a1a;align-self:flex-start;min-width:60%}.phieu.svelte-1qp24zj .so:where(.svelte-1qp24zj){font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.phieu.svelte-1qp24zj .mon:where(.svelte-1qp24zj){font-family:Patrick Hand,cursive;font-size:24px;line-height:1.1}.phieu.svelte-1qp24zj .loi:where(.svelte-1qp24zj){font-family:Patrick Hand,cursive;font-size:16px;color:#3e4e57}.cacbuoc.svelte-1qp24zj{display:flex;flex-wrap:wrap;gap:6px}.cacbuoc.svelte-1qp24zj span:where(.svelte-1qp24zj){font-size:12px;padding:4px 9px;border-radius:999px;background:var(--paper2);color:var(--muted);font-weight:600}.cacbuoc.svelte-1qp24zj span.on:where(.svelte-1qp24zj){background:var(--teal);color:#fbf4e8}.cacbuoc.svelte-1qp24zj span.xong:where(.svelte-1qp24zj){background:var(--teal2);color:var(--teal);text-decoration:line-through}.san.svelte-1qp24zj{position:relative;background:#f4dfc2;border-radius:16px;display:flex;justify-content:center;padding:10px 0;touch-action:none;user-select:none;-webkit-user-select:none}.san.svelte-1qp24zj svg:where(.svelte-1qp24zj){width:min(62%,240px);height:auto;transition:transform .08s}.san.svelte-1qp24zj svg.nghieng:where(.svelte-1qp24zj){transform:rotate(var(--g)) translateY(calc(var(--g) * .6))}.san.tron.svelte-1qp24zj{cursor:grab}.ph.svelte-1qp24zj{position:absolute;top:12px;right:12px;background:var(--ink);color:#fbf4e8;padding:5px 11px;border-radius:999px;font-weight:800;font-size:14px}.ph.tot.svelte-1qp24zj{background:var(--green)}.dk.svelte-1qp24zj{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.hd.svelte-1qp24zj{font-size:14px;font-weight:700}.hd.svelte-1qp24zj small:where(.svelte-1qp24zj){display:block;font-weight:500;color:var(--muted);font-size:12px}.nut.svelte-1qp24zj{background:var(--brown);color:#fbf4e8;border-radius:14px;padding:18px;font-size:18px;font-weight:800;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.nut.dang.svelte-1qp24zj{background:var(--red)}.luoi.svelte-1qp24zj{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.o.svelte-1qp24zj{background:var(--paper2);border-radius:12px;padding:12px 6px;font-weight:700;font-size:14px;position:relative}.o.svelte-1qp24zj small:where(.svelte-1qp24zj){position:absolute;top:3px;left:6px;font-size:10px;color:var(--muted)}.o.da.svelte-1qp24zj{background:var(--teal2);color:var(--teal);opacity:.6}.o.sai.svelte-1qp24zj{background:#f8e0da;color:var(--red);animation:svelte-1qp24zj-rung .3s}@keyframes svelte-1qp24zj-rung{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.dem.svelte-1qp24zj{font-size:22px;font-weight:800;text-align:center}.ket.svelte-1qp24zj{text-align:center}.ket.svelte-1qp24zj .pt:where(.svelte-1qp24zj){font-size:22px;font-weight:800;color:var(--teal)}.ket.svelte-1qp24zj .say:where(.svelte-1qp24zj){margin-top:2px}.seg.svelte-1jokht3{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg.svelte-1jokht3 button:where(.svelte-1jokht3){padding:6px 9px;font-size:13px;font-weight:700;color:var(--muted)}.seg.svelte-1jokht3 button.on:where(.svelte-1jokht3){background:var(--teal);color:#fbf4e8}.canh-nh.svelte-1jokht3{color:var(--red);font-size:13px;font-weight:600}small.loi.svelte-1jokht3{color:var(--red)}.tin.svelte-166hw9v{border-top:1px dashed var(--line);padding:8px 0;display:flex;flex-direction:column;gap:3px}.tin.svelte-166hw9v .tt:where(.svelte-166hw9v){display:flex;justify-content:space-between;gap:8px;align-items:baseline}.tin.svelte-166hw9v .loai:where(.svelte-166hw9v){font-size:11px;font-weight:800;color:var(--brown);background:var(--paper2);padding:2px 7px;border-radius:999px;white-space:nowrap}.tin.svelte-166hw9v p:where(.svelte-166hw9v){margin:0;font-size:13.5px;line-height:1.4}.tin.svelte-166hw9v small:where(.svelte-166hw9v){color:var(--muted);font-size:12px}.tin.svelte-166hw9v .btn:where(.svelte-166hw9v){margin-top:4px;align-self:flex-start}.ca.svelte-1hfqqyk{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.ca.svelte-1hfqqyk button:where(.svelte-1hfqqyk){font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--paper2);color:var(--muted)}.ca.svelte-1hfqqyk button.on:where(.svelte-1hfqqyk){background:var(--teal);color:#fbf4e8}.ca.svelte-1hfqqyk button:where(.svelte-1hfqqyk):disabled{opacity:.35}small.canh.svelte-1hfqqyk{color:var(--red)}.seg.svelte-eio2rl{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg.svelte-eio2rl button:where(.svelte-eio2rl){padding:6px 10px;font-size:13px;font-weight:700;color:var(--muted)}.seg.svelte-eio2rl button.on:where(.svelte-eio2rl){background:var(--teal);color:#fbf4e8}.seg.svelte-eio2rl button:where(.svelte-eio2rl):disabled:not(.on){opacity:.4}small.canh.svelte-eio2rl{color:var(--red)}