:root{--ink: #1D2B22;--ink2: #4D3A1F;--ink3: #6B5530;--paper: #EFE3C3;--white: #FFF8E7;--parch: #F9ECC8;--sunk: #F3E6C4;--hair: #C9B58C;--cream: #FFF1C9;--amber: #FFC93C;--amberd: #8A5A12;--emerald: #2E7D4F;--ruby: #B3452F;--leaf: #D9F0C8;--wood: #8A5A2B;--woodlt: #C68A4E;--woodink: #2B1A08;--glow: #FFE27A;--sky: #9FC6E8;--avatar: #CFE3F2;--panel-h: 144px;--card-shadow: 6px 10px 0 rgba(29, 43, 34, .35);--outline: -2px 0 var(--ink), 2px 0 var(--ink), 0 -2px var(--ink), 0 2px var(--ink), -1.5px -1.5px var(--ink), 1.5px 1.5px var(--ink), -1.5px 1.5px var(--ink), 1.5px -1.5px var(--ink)}*{box-sizing:border-box}html,body,#lang{margin:0;height:100%}body{overflow:hidden;background:var(--sky);color:var(--ink);font-family:"Baloo 2",Be Vietnam Pro,system-ui,sans-serif}a{color:inherit}button{font:inherit;color:inherit}.read{font-family:Be Vietnam Pro,system-ui,sans-serif}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.home{position:relative;height:100vh;height:100dvh;overflow:hidden}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,150vh);width:max(100%,150dvh);aspect-ratio:3 / 2;container-type:inline-size}.core.layer{pointer-events:none}.core.layer .pin{pointer-events:auto}.art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 72% 68% at 52% 48%,#2b1a0800 60%,#2b1a0847)}.pin{position:absolute;z-index:3;left:var(--wx);top:var(--wy);transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5cqw;padding:.3cqw 1cqw .3cqw .35cqw;background:var(--woodlt);border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);color:var(--woodink);font-size:max(14px,1.2cqw);font-weight:800;line-height:1.1;white-space:nowrap;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}a.pin:hover,a.pin:focus-visible{transform:translate(-50%,-62%) scale(1.06);outline:none;box-shadow:0 4px 0 var(--ink),0 0 0 4px var(--glow),0 0 24px 6px #ffd65abf}.pin .em{width:max(28px,2.3cqw);height:max(28px,2.3cqw);flex:none;border-radius:50%;background:var(--white);border:2.5px solid var(--ink);display:flex;align-items:center;justify-content:center}.pin .em img{width:80%;height:80%;object-fit:contain}.pin.soon{padding:.35cqw .9cqw;flex-direction:column;gap:0;background:#eadcbd;color:var(--ink2);border-style:dashed;box-shadow:0 3px #1d2b2273;cursor:help}.pin.soon small{font-size:max(11.5px,.9cqw);font-weight:700;color:var(--ink3)}.pin.target{box-shadow:0 4px 0 var(--ink),0 0 0 4px #ffd65af2;animation:beckon 2.2s ease-in-out infinite}@keyframes beckon{0%,to{box-shadow:0 4px 0 var(--ink),0 0 #ffd65a00}50%{box-shadow:0 4px 0 var(--ink),0 0 0 7px #ffd65ae6}}.badge{position:absolute;right:-.8cqw;top:-1cqw;min-width:max(20px,1.5cqw);padding:.05cqw .5cqw;text-align:center;border:2px solid var(--ink);border-radius:999px;font-size:max(11.5px,.95cqw);font-weight:800;line-height:1.45}.b-done{background:var(--emerald);color:var(--white)}.b-count{background:var(--ruby);color:var(--white)}.b-new{background:var(--amber);color:var(--ink)}.traveller{position:absolute;z-index:2;left:50.5%;bottom:39%;height:17%;width:auto;transform:translate(-50%);animation:bob 3.4s ease-in-out infinite}@keyframes bob{50%{transform:translate(-50%,-5px)}}.bubble{position:absolute;z-index:4;left:51%;bottom:57.5%;transform:translate(-50%);width:max(300px,22cqw);padding:.8cqw 1.1cqw 1cqw;text-align:center;background:var(--white);border:3px solid var(--ink);border-radius:18px;box-shadow:0 4px #1d2b2259}.bubble p{margin:0;font-size:max(15px,1.2cqw);font-weight:700;line-height:1.25}.bubble .tail{position:absolute;left:50%;bottom:-20px;transform:translate(-50%)}.bubble small{display:block;margin-top:.45cqw;font-size:max(13px,.95cqw);font-weight:700}.bubble .link{padding:0;border:0;background:none;font:inherit;text-decoration:underline;cursor:pointer}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--amber);border:3px solid var(--ink);border-radius:999px;box-shadow:0 5px 0 var(--ink);font-weight:800;color:var(--ink);text-decoration:none;animation:halo 1.8s ease-out infinite}button.cta{cursor:pointer}.cta.cho{opacity:.75;animation:none;cursor:progress}.bubble .cta{margin-top:.6cqw;padding:.3cqw 1.4cqw .25cqw;font-size:max(16px,1.3cqw)}.cta:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.cta:focus-visible,.leaf:focus-visible,.chip:focus-visible,.plate:focus-visible,.hud button:focus-visible,.verse:focus-visible,.pin.soon:focus-visible,.btn-gold:focus-visible,.bubble .link:focus-visible{outline:3px solid #2F6FB0;outline-offset:4px}@keyframes halo{0%{box-shadow:0 5px 0 var(--ink),0 0 #ffd65ad9}to{box-shadow:0 5px 0 var(--ink),0 0 0 14px #ffd65a00}}.hand{position:absolute;z-index:6;width:5.2%;pointer-events:none;left:calc(var(--wx) + 1%);top:calc(var(--wy) - 12%);filter:drop-shadow(0 4px 0 rgba(29,43,34,.35));animation:tap 1.4s ease-in-out infinite}@keyframes tap{0%,to{transform:translate(0)}45%{transform:translate(-.6cqw,.6cqw) scale(.94)}}.well-dove,.verse-pin{display:none}.plate{position:absolute;z-index:5;left:22px;top:18px;display:flex;align-items:center;text-decoration:none;color:var(--ink);background:none;border:0;padding:0;text-align:left}button.plate{cursor:pointer}.medal{display:flex;align-items:center;justify-content:center;background:var(--white);border:3px solid var(--ink);border-radius:50%;box-shadow:0 0 0 4px var(--woodlt),0 0 0 7px var(--ink),0 11px #1d2b2273}.medal img{width:74%;height:74%;object-fit:contain}.plate .medal{position:relative;z-index:2;width:64px;height:64px;background:var(--avatar);font-size:22px;font-weight:800}.plate .card{display:flex;flex-direction:column;align-items:flex-start;margin-left:-18px;padding:6px 18px 7px 28px;background:var(--white);border:3px solid var(--ink);border-radius:0 18px 18px 0;box-shadow:0 4px #1d2b2266}.plate .hi{display:block;font-size:13px;font-weight:700;color:var(--ink3);line-height:1.2}.plate .name{display:block;font-size:24px;font-weight:800;line-height:1.05}.plate .login{margin-top:4px;min-height:40px;font-size:15px}.plate .sm{display:none}.leaf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;background:var(--leaf);border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);font-weight:800;color:var(--ink);text-decoration:none;cursor:pointer}.leaf:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.verse{position:absolute;z-index:5;right:24px;top:18px;width:min(36vw,500px);display:flex;align-items:stretch;padding:0;border:0;background:none;text-align:left;cursor:pointer}.verse .rod{width:14px;margin:-7px 0;flex:none;background:var(--wood);border:3px solid var(--ink);border-radius:999px;position:relative;z-index:1}.verse .body{flex:1;padding:10px 18px 11px 58px;background:var(--parch);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);box-shadow:0 5px #1d2b224d}.verse .label{display:block;font-size:13.5px;font-weight:800;color:var(--amberd)}.verse .text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:1px 0 3px;font-size:clamp(15px,2vh,18px);line-height:1.25;font-weight:700}.verse .ref{display:block;font-size:14.5px;font-weight:800}@media(max-height:760px){.verse .text{-webkit-line-clamp:2}.verse .body{padding-top:7px;padding-bottom:8px}}.verse .dove{position:absolute;left:-38px;top:-10px;width:90px;height:auto;z-index:2;animation:glide 3s ease-in-out infinite}@keyframes glide{0%,to{transform:translate(0) rotate(6deg)}50%{transform:translate(-6px,7px) rotate(2deg)}}.hud{position:absolute;z-index:5;left:30px;bottom:26px;display:flex;gap:34px;align-items:flex-start}.hud button{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;padding:0;cursor:pointer;transition:transform .15s ease}.hud button:hover{transform:translateY(-4px)}.hud .medal{width:60px;height:60px}.hud .lbl{color:var(--white);text-shadow:var(--outline);font-size:15px;font-weight:800;line-height:1}.hud .badge{right:-12px;top:-12px}.panel{display:none}dialog.sheet{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:0;border:3px solid var(--ink);border-radius:24px;background:var(--white);color:var(--ink);box-shadow:var(--card-shadow)}dialog.sheet::backdrop{background:#1d2b2280}.sheet .inner{padding:22px 24px 24px;display:flex;flex-direction:column;gap:14px}.sheet h2{margin:0;font-size:26px;font-weight:800;line-height:1.1}.sheet .row{display:flex;flex-wrap:wrap;gap:12px}.sheet .row.end{justify-content:flex-end}.sheet .close{align-self:flex-end}.scroll-panel{display:flex;flex-direction:column}.scroll-panel .rod{height:20px;margin:0 -10px;background:var(--wood);border:3px solid var(--ink);border-radius:999px;position:relative;z-index:1}.scroll-panel .body{padding:22px 26px;background:var(--parch);border-left:3px solid var(--ink);border-right:3px solid var(--ink);text-align:center;display:flex;flex-direction:column;gap:8px}.scroll-panel .text{margin:0;font-size:28px;line-height:1.25;font-weight:700}.scroll-panel .ref{font-size:18px;font-weight:800}.sheet .chapter{max-height:min(40vh,360px);overflow-y:auto;padding:8px 4px 0;border-top:2px solid var(--hair)}.sheet .chapter h3{margin:0 0 6px;font-family:"Baloo 2",system-ui,sans-serif;font-size:18px}.sheet .chapter p{margin:0 0 6px;font-size:16px;line-height:1.55}.sheet .chapter sup{font-weight:700;color:var(--ink3)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;background:var(--amber);border:3px solid var(--ink);border-radius:18px;box-shadow:0 5px 0 var(--ink);font-weight:800;font-size:17px;color:var(--ink);text-decoration:none;cursor:pointer}.btn-gold:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.stat{display:flex;align-items:center;gap:14px}.stat img{width:56px;height:auto;flex:none}.stat b{display:block;font-size:20px;line-height:1.2}.stat .nho{min-height:40px;margin-top:8px;font-size:15px}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;padding:10px 18px;background:var(--white);border:3px solid var(--ink);border-radius:16px;box-shadow:0 5px 0 var(--ink);font-size:16px;font-weight:700;transition:opacity .2s ease,transform .2s ease;pointer-events:none;max-width:calc(100vw - 32px)}.toast.show{opacity:1;transform:translate(-50%)}@media(orientation:portrait)and (max-width:1100px){.scene{bottom:var(--panel-h)}.core{width:auto;height:max(100%,150vw);aspect-ratio:2 / 3}.pin{left:var(--tx);top:var(--ty);gap:5px;padding:2px 9px 2px 3px;border-width:2.5px;border-radius:12px;box-shadow:0 3px 0 var(--ink);font-size:13.5px}.pin .em{width:24px;height:24px;border-width:2px}.pin.soon{padding:3px 8px;font-size:12px}.pin.soon small{font-size:11px}.badge{right:-9px;top:-11px;min-width:20px;padding:0 5px;font-size:11px;line-height:1.5}a.pin:hover{transform:translate(-50%,-50%);box-shadow:0 3px 0 var(--ink)}.traveller{left:35%;bottom:3%;height:15.7%}.bubble,.verse,.hud{display:none}.hand{width:13%;left:calc(var(--tx) + 2%);top:calc(var(--ty) - 9%)}.well-dove{display:block;position:absolute;z-index:2;left:50%;top:77%;height:6.6%;width:auto;transform:translate(-50%)}.verse-pin{display:flex;left:33%;top:78%;background:var(--parch);cursor:pointer}.plate{left:12px;top:12px}.plate .medal{width:48px;height:48px;font-size:17px;box-shadow:0 0 0 3px var(--woodlt),0 0 0 6px var(--ink),0 7px #1d2b2273}.plate .card{margin-left:-14px;padding:3px 13px 4px 22px;border-width:2.5px;border-radius:0 14px 14px 0}.plate .hi,.plate .lg{display:none}.plate .sm{display:inline}.plate .name{font-size:18px;line-height:1.1}.panel{display:flex;flex-direction:column;gap:12px;position:absolute;z-index:6;left:0;right:0;bottom:0;height:var(--panel-h);padding:14px 16px 12px;background:var(--white);border-top:3px solid var(--ink)}.panel .cta{min-height:54px;border-radius:18px;font-size:19px}.panel .cta img{height:32px;width:auto}.panel nav{display:flex;gap:8px}.chip{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--sunk);border:2.5px solid var(--ink);border-radius:14px;font-size:14px;font-weight:800;color:var(--ink);text-decoration:none;white-space:nowrap;cursor:pointer}.chip img{height:26px;width:auto}.panel .leaf{flex:1}.toast{bottom:calc(var(--panel-h) + 12px)}.scroll-panel .text{font-size:22px}}@media(prefers-reduced-motion:reduce){.traveller,.pin.target,.cta,.hand,.verse .dove{animation:none}.pin,.hud button,.toast{transition:none}}