.pn-view{display:none;width:100%}html.hub-shelf .pn-view{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:22px;align-items:start}html.hub-shelf .hub-grid:not(.hub-recent){display:none}.hs-sw{display:flex;justify-content:flex-end;gap:4px;margin:10px 0 -6px}.hs-sw button{appearance:none;cursor:pointer;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--dim);font:600 12px/1 var(--font-sans);padding:9px 12px;border-radius:999px;transition:.15s;min-height:34px}.hs-sw button:hover{color:var(--ink);background:rgba(255,255,255,.08)}.hs-sw button.on{color:#2a1208;background:var(--thep,#D9A441);border-color:transparent}.hs-sw button:focus-visible{outline:2px solid var(--thep,#D9A441);outline-offset:2px}.pn-map{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 40%,#4a2418,#2c150f 70%,#1d0e0a);box-shadow:inset 0 0 0 1px #d9a44173,inset 0 0 0 4px #2c150f,inset 0 0 0 5px #d9a44147,0 30px 50px -30px #000}.pn-map:after{content:"";position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(255,230,170,.07) 50%,transparent 58%);animation:pn-glint 9s ease-in-out infinite}@keyframes pn-glint{0%{transform:translate(-45%)}60%,to{transform:translate(45%)}}.pn-map svg{display:block;width:100%;height:auto}.pn-land path{fill:#6b4322;stroke:var(--thep,#D9A441);stroke-width:.7;stroke-opacity:.75;fill-opacity:.92;filter:drop-shadow(0 2px 1px rgba(0,0,0,.5))}.pn-isl circle{fill:var(--thep,#D9A441)}.pn-isl text{font:700 12px var(--font-sans);fill:#ede3d2bf;text-anchor:middle}.pn-pins{position:absolute;inset:0}.pn-pin{position:absolute;width:0;height:0;display:block;text-decoration:none;animation:pn-drop .45s cubic-bezier(.34,1.56,.64,1) var(--d,0s) both;-webkit-tap-highlight-color:transparent}.pn-pin[hidden]{display:none}@keyframes pn-drop{0%{opacity:0;translate:0 -30px}to{opacity:1;translate:0 0}}.pn-head{position:absolute;left:-17px;top:-38px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;background:radial-gradient(circle at 35% 30%,#f6d98a,#d9a441 60%,#9a6b1e);box-shadow:0 0 0 2px #2c150f,0 0 0 3px #d9a44199,0 8px 12px -6px #000;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}.pn-tail{position:absolute;left:-5px;top:-8px;width:10px;height:10px;background:#9a6b1e;clip-path:polygon(0 0,100% 0,50% 100%)}.pn-pin:after{content:"";position:absolute;left:-4px;top:-2px;width:8px;height:4px;border-radius:50%;background:rgba(0,0,0,.55)}@media (hover:hover){.pn-pin:hover .pn-head{transform:translateY(-4px) scale(1.18)}}.pn-pin.on{z-index:5}.pn-pin.on .pn-head{transform:translateY(-4px) scale(1.18);box-shadow:0 0 0 2px #2c150f,0 0 0 4px var(--son-ink,#E8705C),0 12px 16px -6px #000}.pn-pin:focus-visible{outline:none}.pn-pin:focus-visible .pn-head{outline:2px solid #fff;outline-offset:2px}.pn-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:96px}.pn-card{height:236px;border-radius:12px;overflow:hidden;padding:18px 20px;background:linear-gradient(160deg,#4a2418,#3A241B 60%,#2c150f);box-shadow:inset 0 0 0 1px #d9a44180,inset 0 0 0 4px #3a241b,inset 0 0 0 5px #d9a4414d,0 20px 34px -24px #000}.pn-card-in{display:flex;flex-direction:column;gap:6px;height:100%}.pn-emo{font-size:34px;line-height:1}.pn-grp{font:700 10px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--thep-ink,#E4B65E)}.pn-card-in b{font:800 18px/1.25 var(--font-sans);color:var(--trung,#EDE3D2);text-wrap:balance}.pn-card-in p{margin:0;font:13px/1.55 var(--font-sans);color:var(--dim);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.pn-where{margin-top:auto;font:600 12px/1 var(--font-sans);color:var(--thep-ink,#E4B65E)}.pn-index{display:flex;flex-direction:column;gap:12px}.pn-group{scroll-margin-top:104px}.pn-group[hidden]{display:none}.pn-group h2{display:flex;align-items:center;gap:7px;margin:0 0 6px;font:700 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--thep-ink,#E4B65E)}.pn-group h2 span:first-child{font-size:13px;letter-spacing:0}.pn-chips{display:flex;flex-wrap:wrap;gap:6px}.pn-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:8px;text-decoration:none;font:600 12px/1.2 var(--font-sans);color:var(--ink);background:rgba(58,36,27,.7);box-shadow:inset 0 0 0 1px #d9a44147;transition:.15s}.pn-chip[hidden]{display:none}.pn-chip:hover,.pn-chip.on{background:var(--thep,#D9A441);color:#2a1208;box-shadow:inset 0 0 0 1px transparent}.pn-chip:focus-visible{outline:2px solid var(--thep,#D9A441);outline-offset:2px}@media (max-width:860px){html.hub-shelf .pn-view{grid-template-columns:1fr}.pn-side{position:static}.pn-card{height:210px;padding:14px 16px}.pn-card-in b{font-size:16px}.pn-head{width:30px;height:30px;left:-15px;top:-34px;font-size:15px}.pn-isl text{font-size:14px}.hs-sw{justify-content:center}}