:root{--nen: #0f0c0a;--nen-cao: #191310;--xuong: #e6dac0;--xuong-mo: #b8a988;--chu: #e8e0d0;--chu-nhat: #8a7c68;--dong-gi: #5f8c74;--dat: #a4633e;--vach: #2a211b;--chan: "Lora", Georgia, "Times New Roman", serif;--han: "Noto Serif TC", "Songti SC", serif;--cham: 44px;--nhip: .3s}*{box-sizing:border-box}html,body,#goc{height:100%}body{margin:0;background:var(--nen);color:var(--chu);font-family:var(--chan);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--dat);outline-offset:3px}.han{font-family:var(--han)}.khung{max-width:560px;margin:0 auto;padding:0 20px calc(48px + env(safe-area-inset-bottom))}.dinh{position:sticky;top:0;z-index:5;display:flex;align-items:baseline;gap:12px;padding:18px 20px 14px;background:linear-gradient(var(--nen) 72%,transparent)}.dinh h1{margin:0;font-size:19px;font-weight:600;letter-spacing:.04em}.dinh .doi{margin-left:auto;font-size:13px;color:var(--chu-nhat)}.nut-tho{background:none;border:0;padding:6px 2px;font-size:13px;color:var(--chu-nhat);border-bottom:1px solid transparent}.nut-tho:hover{color:var(--chu);border-bottom-color:var(--vach)}.cong{min-height:100%;display:grid;place-items:center;padding:32px 20px}.cong form{width:100%;max-width:340px}.cong .ten-game{font-size:34px;margin:0;font-weight:400;letter-spacing:.02em}.cong .ten-han{font-family:var(--han);font-size:20px;color:var(--xuong-mo);letter-spacing:.5em;margin:6px 0 0}.cong .loi-de{color:var(--chu-nhat);font-style:italic;font-size:14px;margin:22px 0 30px;border-left:1px solid var(--vach);padding-left:14px}label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--chu-nhat);margin-bottom:6px}input{width:100%;min-height:var(--cham);padding:10px 12px;margin-bottom:16px;font:inherit;color:var(--chu);background:var(--nen-cao);border:1px solid var(--vach);border-radius:2px}input:focus{border-color:var(--xuong-mo);outline:none}.nut-chinh{width:100%;min-height:var(--cham);border:1px solid var(--dat);border-radius:2px;background:transparent;color:var(--xuong);letter-spacing:.06em;transition:background var(--nhip)}.nut-chinh:hover:not(:disabled){background:#a4633e29}.nut-chinh:disabled{opacity:.45;cursor:default}.loi{margin:0 0 16px;padding:10px 12px;font-size:14px;color:var(--dat);border-left:2px solid var(--dat);background:#a4633e14}.chang{margin:0 0 34px}.chang>h2{display:flex;align-items:baseline;gap:10px;margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--xuong-mo)}.chang>h2 .dem{margin-left:auto;font-size:11px;letter-spacing:.06em;color:var(--chu-nhat);text-transform:none}.day{list-style:none;margin:0;padding:0}.mut{position:relative;display:flex;gap:16px;width:100%;padding:12px 4px 12px 0;min-height:var(--cham);text-align:left;background:none;border:0;border-radius:2px}.mut:before{content:"";position:absolute;left:9px;top:30px;bottom:-12px;width:0;border-left:2px dashed rgba(184,169,136,.3)}.day li:last-child .mut:before{display:none}.mut.xong:before{border-left-style:solid;border-left-color:#5f8c74bf}.nut-day{position:relative;flex:0 0 auto;width:20px;height:20px;margin-top:4px;border-radius:50%;border:1px solid rgba(184,169,136,.28)}.mut.xong .nut-day{border-color:var(--dong-gi);background:var(--dong-gi);box-shadow:0 0 0 4px #5f8c741f}.mut.xong .nut-day:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--nen)}.mut.dang .nut-day{border-color:var(--dat);border-width:2px;box-shadow:0 0 0 5px #a4633e21}.mut .ten{display:block;font-size:16px;color:var(--chu)}.mut.chua .ten{color:var(--xuong-mo)}.mut .loai{display:block;margin-top:2px;font-size:12px;letter-spacing:.04em;color:var(--chu-nhat)}.mut .chu-nho{display:block;margin-top:3px;font-family:var(--han);font-size:13px;color:var(--chu-nhat);letter-spacing:.22em}.mut:hover .ten{color:var(--xuong)}.man-tam .ngoi{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--chu-nhat);margin:0 0 6px}.man-tam h2{margin:0 0 4px;font-size:25px;font-weight:500}.man-tam .loai-day{margin:0 0 26px;font-size:13px;color:var(--dat);letter-spacing:.05em}.the-chu{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--vach)}.the-chu .hinh{flex:0 0 auto;width:62px;height:62px;background:var(--nen-cao);border:1px solid var(--vach);display:grid;place-items:center}.the-chu .hinh svg{width:46px;height:46px;color:var(--xuong)}.the-chu .hinh .thieu{font-size:11px;color:var(--chu-nhat)}.the-chu .khai{font-family:var(--han);font-size:26px;line-height:1;color:var(--xuong)}.the-chu .am{font-size:13px;letter-spacing:.06em;color:var(--dong-gi);margin-top:4px}.the-chu .nghia{font-size:14px;color:var(--chu);margin-top:2px}.the-chu .chuyen{font-size:13px;font-style:italic;color:var(--chu-nhat);margin-top:8px}.ghi-chu-dung{margin:26px 0;padding:12px 14px;font-size:13px;color:var(--chu-nhat);border:1px dashed var(--vach)}.mo{color:var(--chu-nhat);font-size:14px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}code{font-family:ui-monospace,Menlo,monospace;font-size:.9em;color:var(--xuong-mo)}