/* Ground-truth target: the original trangvien.html clay estate. Story UI extends its existing pastel 3D HUD without replacing the scene. */
#th-story-huong{position:fixed;z-index:30;left:22px;bottom:105px;display:flex;align-items:center;gap:10px;padding:8px 13px 8px 8px;border:1px solid rgba(105,68,92,.24);border-radius:999px;background:rgba(255,247,241,.9);box-shadow:0 8px 24px rgba(76,45,74,.13);color:#6d3d61;font:600 12px/1.1 'Be Vietnam Pro',sans-serif;cursor:pointer;backdrop-filter:blur(8px);transition:transform .18s ease,box-shadow .18s ease}#th-story-huong:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(76,45,74,.2)}#th-story-huong:active{transform:scale(.97)}#th-story-huong img{width:39px;height:39px;object-fit:cover;object-position:50% 18%;border-radius:50%;border:2px solid #fff;background:#eecfe1}.th-story-label{display:grid;gap:3px}.th-story-label small{font-weight:500;font-size:9px;color:#9b6b88;letter-spacing:.04em}.th-story-label b{font-weight:700}.th-quest-pill{position:fixed;z-index:30;right:22px;bottom:104px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(78,141,131,.35);border-radius:999px;background:rgba(246,255,249,.9);color:#347b72;font:700 11px 'Be Vietnam Pro',sans-serif;cursor:pointer;box-shadow:0 7px 19px rgba(51,111,103,.12);backdrop-filter:blur(8px)}.th-quest-pill strong{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#5da99b;color:#fff;font-size:10px}.th-story-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:rgba(50,37,70,.25);backdrop-filter:blur(4px)}.th-story-card{position:relative;width:min(430px,100%);max-height:min(690px,calc(100vh - 36px));overflow:auto;border:1px solid rgba(115,74,102,.22);border-radius:25px;background:linear-gradient(145deg,#fffaf3 0%,#fff0f0 100%);box-shadow:0 24px 70px rgba(59,39,71,.28);padding:27px 25px 24px;color:#5f3b58;font-family:'Be Vietnam Pro',sans-serif;animation:th-story-in .26s cubic-bezier(.23,1,.32,1)}.th-story-close{position:absolute;right:15px;top:15px;width:31px;height:31px;border:1px solid rgba(95,59,88,.18);border-radius:50%;background:rgba(255,255,255,.6);color:#6f4967;font-size:18px;cursor:pointer}.th-story-kicker{margin:0 0 5px;color:#b3567d;font-size:9px;font-weight:800;letter-spacing:.16em}.th-story-card h2{margin:0;font:800 29px/1.02 'Baloo 2',sans-serif;color:#784062}.th-story-card p{font-size:13px;line-height:1.55}.th-story-character{display:flex;align-items:center;gap:13px;margin:17px 0;padding:11px;border:1px solid rgba(181,114,148,.18);background:rgba(255,255,255,.44);border-radius:15px}.th-story-character img{width:64px;height:64px;border-radius:15px;object-fit:cover;object-position:50% 16%;background:#edd5e5}.th-story-character b{display:block;font-size:17px}.th-story-character span{display:block;margin-top:2px;color:#9a6d88;font-size:11px}.th-story-line{margin:15px 0 16px;padding:14px 15px;border-left:3px solid #dc8eab;border-radius:0 13px 13px 0;background:rgba(255,255,255,.58);color:#5d3a56}.th-story-choices{display:grid;gap:9px}.th-story-choice,.th-story-continue{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;border:1px solid rgba(112,72,103,.2);border-radius:12px;background:rgba(255,255,255,.66);color:#704565;font:600 12px 'Be Vietnam Pro',sans-serif;text-align:left;cursor:pointer;transition:transform .15s ease,background .15s ease}.th-story-choice:hover{background:#fff;transform:translateX(2px)}.th-story-choice span{color:#c2688d;font-size:17px}.th-story-continue{justify-content:center;gap:8px;background:#ca648b;border-color:#ca648b;color:#fff}.th-story-trust{margin:13px 0 15px;color:#8a637d;font-size:10px}.th-story-trust strong{float:right;color:#bd5c83;font-size:14px}.th-story-trust div{clear:both;height:5px;margin-top:7px;border-radius:9px;background:rgba(95,59,88,.12)}.th-story-trust i{display:block;height:100%;border-radius:9px;background:#dc7c9d;transition:width .28s ease}.th-quest-card{padding-top:31px}.th-quest-card h2{font-size:34px}.th-quest-summary{color:#7d5a73}.th-quest-progress{margin:20px 0}.th-quest-progress header{display:flex;justify-content:space-between;color:#a06f8a;font-size:10px;font-weight:700;letter-spacing:.08em}.th-quest-progress b{color:#bf5a82}.th-quest-bar{height:7px;margin-top:8px;border-radius:10px;background:rgba(95,59,88,.11)}.th-quest-bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#df8dab,#6eb3a7);transition:width .3s ease}.th-quest-step{display:flex;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(95,59,88,.12)}.th-quest-step em{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(95,59,88,.25);border-radius:50%;color:#b85c80;font-style:normal;font-size:10px;font-weight:700}.th-quest-step p{margin:0;font-size:12px}.th-quest-step.done em{background:#63a99d;border-color:#63a99d;color:#fff}.th-quest-step.done p{text-decoration:line-through;opacity:.54}.th-quest-reward{display:flex;gap:8px;margin-top:18px;padding:12px;border-radius:12px;background:rgba(105,169,157,.12);color:#46867d;font-size:11px}.th-quest-reward b{display:block;margin-bottom:2px;font-size:10px;letter-spacing:.08em}.th-story-toast{position:fixed;z-index:60;left:50%;bottom:153px;transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:#6aa99e;color:#fff;box-shadow:0 8px 23px rgba(50,103,96,.25);font:600 11px 'Be Vietnam Pro',sans-serif;animation:th-story-toast .25s ease both}@keyframes th-story-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}@keyframes th-story-toast{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}@media(max-width:700px){#th-story-huong{left:12px;bottom:91px}.th-quest-pill{right:12px;bottom:91px}.th-story-card{border-radius:22px;padding:25px 19px 20px}.th-story-character img{width:55px;height:55px}.th-story-card h2{font-size:26px}.th-story-line{font-size:12px}.th-story-toast{bottom:143px}}

/* Story expansion: chapter tabs, deeper NPC links, and relationship dock. */
.th-chapter-tabs{display:flex;gap:6px;overflow:auto;margin:12px 0;padding-bottom:3px;scrollbar-width:none}.th-chapter-tabs::-webkit-scrollbar{display:none}.th-chapter-tab{flex:0 0 auto;border:1px solid rgba(190,92,128,.2);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.65);color:#8b6a81;font:700 9px 'Be Vietnam Pro',sans-serif;cursor:pointer}.th-chapter-tab b{margin-left:3px;color:#bd5a80}.th-chapter-tab.is-active{background:#cb6b91;color:#fff;border-color:#cb6b91}.th-chapter-tab.is-locked{opacity:.48;cursor:not-allowed}.th-story-step{margin:10px 0;padding:9px 11px;border-left:3px solid #d88cab;background:rgba(106,169,158,.1);color:#6b4a61;font-size:11px;line-height:1.4}.th-story-npc-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.th-story-npc-link{display:flex;justify-content:space-between;align-items:center;min-height:38px;padding:8px 10px;border:1px solid rgba(190,92,128,.2);border-radius:12px;background:rgba(255,255,255,.65);color:#824661;font:700 10px 'Be Vietnam Pro',sans-serif;cursor:pointer}.th-story-npc-link span{font-size:16px;color:#cb6b91}.th-npc-dock{position:fixed;left:14px;bottom:218px;display:flex;gap:7px;max-width:min(74vw,480px);overflow:auto;z-index:10015;scrollbar-width:none}.th-npc-dock::-webkit-scrollbar{display:none}.th-npc-chip{display:flex;align-items:center;gap:5px;flex:0 0 auto;padding:8px 10px;border:1px solid rgba(190,92,128,.18);border-radius:999px;background:rgba(255,253,248,.9);box-shadow:0 5px 15px rgba(116,76,88,.12);color:#76536a;font:700 10px 'Be Vietnam Pro',sans-serif;cursor:pointer}.th-npc-chip span{color:#b8a5af;font-size:9px}.th-npc-chip small{color:#af899b;font-size:8px}.th-npc-chip.is-ready{border-color:#cb6b91;box-shadow:0 5px 15px rgba(203,107,145,.2)}.th-npc-chip.is-ready span{color:#cb6b91}@media(max-width:700px){.th-npc-dock{left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 188px);max-width:none}.th-npc-chip{padding:8px 9px}.th-story-npc-list{grid-template-columns:1fr}.th-chapter-tab{font-size:8px;padding:7px 9px}}

/* Ảnh cả nhóm ở đầu bảng mạch truyện: sáu người mà ba chương nói tới. */
.th-quest-canh{margin:10px 0 2px}
.th-quest-canh img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 8px 20px rgba(116,76,88,.16)}