:root{--bg:#e9e0cc;--ink:#1f1912;--ink-2:#4a3d2e;--red:#a8261c;--red-ink:#ece3d2;--xanh:#2f6a3c;--xanh-ink:#ece3d2;--h-kim:#6d6c66;--h-moc:#2d7426;--h-thuy:#1c1814;--h-hoa:#b3241c;--h-tho:#a46a05;--tint:color-mix(in srgb, var(--ink) 7%, transparent);--paper:url(/build/assets/giay-ivVrHka8.webp);--font:"Lora", Georgia, "Times New Roman", serif;--font-han:"LXGW WenKai TC", "Kaiti TC", "STKaiti", "BiauKai", serif;--step-small:.875rem;--step-body:clamp(1.0625rem, 1rem + .2vw, 1.1875rem);--step-lead:clamp(1.1875rem, 1.05rem + .5vw, 1.375rem);--step-head:clamp(1.75rem, 1.4rem + 1.3vw, 2.5rem);--step-title:clamp(2.5rem, 1.6rem + 3vw, 4rem);--margin:clamp(16px, 2.4vw, 32px);--sheet:min(1240px, 100% - 2 * var(--margin));--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:auto}.running,main,.chan-trang{transition:opacity .22s}.chuyen-mo .running,.chuyen-mo main,.chuyen-mo .chan-trang{opacity:0;transition-duration:.16s}body{color:var(--ink);background:var(--bg) var(--paper) 0 0 / 512px;background-blend-mode:multiply;font:400 var(--step-body)/1.6 var(--font);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{background:var(--red);color:var(--red-ink)}h1,h2,h3{letter-spacing:-.005em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-weight:500;line-height:1.15}p{margin:0}a{color:inherit}img{max-width:100%;height:auto;display:block}.js [data-rise]:not(.in){opacity:0;transform:translateY(10px)}.js [data-rise].in{animation:rise 1s var(--ease) both;animation-delay:calc(var(--i,0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hien-dan{animation:rise .6s var(--ease) both}@keyframes mo-dan{0%{opacity:0}}.running{width:var(--sheet);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;margin:0 auto;padding:22px 0 18px;display:flex}.mark{font-weight:600;font-size:var(--step-lead);align-items:center;gap:12px;text-decoration:none;display:flex}.seal{background:var(--red);width:46px;height:46px;color:var(--red-ink);font:700 15px/1 var(--font-han);outline:1.5px solid var(--red-ink);outline-offset:-4px;grid-template-columns:1fr 1fr;place-items:center;padding:4px;display:grid}.running nav{flex-wrap:wrap;gap:6px 22px;display:flex}.running nav a{white-space:nowrap;text-decoration:none}.running nav a:hover{color:var(--red)}.leaf{width:var(--sheet);margin:0 auto 48px;padding:14px;position:relative}.leaf:before,.leaf:after{content:"";pointer-events:none;filter:url(#ink);position:absolute}.leaf:before{border:3px solid var(--ink);inset:0}.leaf:after{border:1px solid var(--ink);inset:8px}.spread{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);display:grid;position:relative}.page{min-width:0;padding:clamp(24px,3vw,44px)}.sonthuy{aspect-ratio:1200/480;z-index:0;pointer-events:none;opacity:.5;width:calc(100% - 28px);height:auto;max-height:72%;position:absolute;bottom:14px;left:14px}.leaf>.spread,.leaf>.plate-body{z-index:1;position:relative}#board{background:var(--bg) var(--paper) 0 0 / 512px;background-blend-mode:multiply}.banxin{flex-direction:column;align-items:center;gap:14px;padding:22px 0;display:flex;position:relative}.banxin:before{content:"";border-inline:1px solid var(--ink);filter:url(#ink);pointer-events:none;position:absolute;inset:0}.banxin .fish{width:30px;height:18px;fill:var(--ink);flex:none}.banxin .fish.up{transform:scaleY(-1)}.banxin .vt{writing-mode:vertical-rl;font:700 19px/1 var(--font-han);letter-spacing:.3em}.banxin .sp{flex:1}.banxin .no{font:400 16px/1 var(--font-han);writing-mode:vertical-rl}.spread.hero{grid-template-columns:minmax(0,5fr) 58px minmax(0,6fr)}.title-page{grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:28px;display:grid}.title-han{writing-mode:vertical-rl;font:700 clamp(4rem, 2.4rem + 3.4vw, 6.5rem)/1 var(--font-han);letter-spacing:.08em}.title-copy{grid-template-columns:minmax(0,1fr);align-content:start;gap:26px;padding-top:8px;display:grid}.title-copy h1{font-size:var(--step-title)}.title-copy .lede{font-size:var(--step-lead);max-width:30ch;line-height:1.5}.blanks p{font-size:var(--step-lead);text-wrap:pretty;line-height:2.1}.blanks .pair{white-space:nowrap}.blanks select{appearance:none;border:0;border-bottom:1.5px solid var(--ink);font:700 1.05em/1.2 var(--font-han);color:var(--red);cursor:pointer;background:0 0;border-radius:0;max-width:100%;margin:0 2px;padding:0 4px 1px}.blanks select:hover,.blanks input:hover{background:var(--tint)}.blanks input{appearance:none;border:0;border-bottom:1.5px solid var(--ink);font:700 1.05em/1.2 var(--font-han);color:var(--red);background:0 0;border-radius:0;min-width:4em;max-width:100%;margin:0 2px;padding:0 4px 1px}.blanks input::placeholder{color:var(--ink-2);font-weight:400}.blanks .doi-lich{font-size:var(--step-small);margin-top:2px}.ho-so{border-top:1px solid var(--ink);gap:2px;max-width:40ch;padding:12px 0 0;display:grid}.ho-so span:first-child{font-weight:600}.stamp{background:var(--red);min-height:54px;color:var(--red-ink);font:600 var(--step-body)/1 var(--font);cursor:pointer;outline:1.5px solid var(--red-ink);outline-offset:-6px;transition:transform .15s var(--ease), background .2s var(--ease);border:0;border-radius:0;justify-content:center;justify-self:start;align-items:center;padding:0 28px;text-decoration:none;display:inline-flex}.stamp:hover{background:color-mix(in srgb, var(--red) 88%, var(--ink))}.stamp:active{transform:translateY(1px)scale(.99)}.stamp:focus-visible{outline:2px solid var(--red);outline-offset:3px}.board-page{align-content:start;gap:22px;display:grid}#board{width:100%;height:auto;display:block}#board .cell{cursor:pointer}#board .cell:hover .hit{fill:var(--tint)}#board .cell:focus{outline:none}#board .cell:focus-visible .hit{stroke:var(--red);stroke-width:2px}#board .fresh{animation:ink .6s var(--ease) both}@keyframes ink{0%{opacity:0}to{opacity:1}}.tai[hidden]{display:none}.tai{flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:-4px;display:flex}.tai .textlink{margin-top:0}.tai .textlink[disabled]{opacity:.55;cursor:progress}#tai-note{color:var(--ink-2);font-size:var(--step-small)}#tai-note:empty{display:none}.tai-mo-ta{color:var(--ink-2);font-size:var(--step-small);margin-top:-10px;line-height:1.5}#board .cell .hit.on{fill:var(--tint)}#board .cell,#board .lop>*{transition:opacity .5s var(--ease)}#board.dang-quet .lop>:not(.cell){opacity:.16}#board.dang-quet .cell{opacity:.2}#board.dang-quet .cell.dang-xet{opacity:1}#board.dang-quet.quet-khung .tam-hop{opacity:.95;stroke-width:1.6px;stroke:var(--red)!important}#board .khung-quet{transition:transform .62s var(--ease)}#board .lop-quet{transition:opacity .45s}#board .lop-quet.tat{opacity:0}#board .vet-quet{animation:1.5s ease-in-out infinite alternate vet-quet}@keyframes vet-quet{0%{transform:translateY(0)}to{transform:translateY(176px)}}.quet-chu{align-items:center;gap:14px;min-height:54px;margin-top:-4px;display:flex}.quet-chu[hidden]{display:none}.quet-cham{background:var(--red);width:10px;height:10px;animation:quet-nhip 1.2s var(--ease) infinite;border-radius:50%;flex:none}@keyframes quet-nhip{50%{opacity:.3;transform:scale(.65)}}.quet-chu b{font-size:var(--step-lead);font-weight:600;line-height:1.3;display:block}.quet-chu small{color:var(--ink-2);font-size:var(--step-small);line-height:1.5;display:block}.quet-chu .moi{animation:.45s both quet-hien}@keyframes quet-hien{0%{opacity:0}}.board-page{position:relative}#la-so{z-index:2}.cung-tip{z-index:5;background:var(--bg) var(--paper) 0 0 / 512px;background-blend-mode:multiply;border:3px double var(--ink);width:min(320px,100vw - 32px);box-shadow:0 6px 18px color-mix(in srgb, var(--ink) 22%, transparent);font-size:var(--step-small);pointer-events:none;gap:5px;padding:12px 14px;line-height:1.5;display:grid;position:absolute}.cung-tip[hidden]{display:none}.cung-tip.ghim{pointer-events:auto}.cung-tip h3{font-size:1rem;line-height:1.35}.cung-tip b{font-weight:600}.spread.mot{grid-template-columns:minmax(0,1fr)}.goi-luoi{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));padding:1px 0 0 1px;display:grid}.goi{border:1px solid var(--ink);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background .2s var(--ease);background:0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:6px 12px;margin:-1px 0 0 -1px;padding:16px 16px 18px;display:grid;position:relative}.goi:hover{background:var(--tint)}.goi[aria-checked=true]{background:color-mix(in srgb, var(--red) 9%, transparent)}.goi>:not(.o){grid-column:2}.goi .o{border:1.5px solid var(--ink);grid-row:1;place-items:center;width:20px;height:20px;margin-top:3px;display:grid}.goi[aria-checked=true] .o{background:var(--red);border-color:var(--red)}.goi[aria-checked=true] .o:after{content:"";border:2px solid var(--red-ink);border-top:0;border-right:0;width:10px;height:5px;transform:translateY(-1px)rotate(-45deg)}.goi b{font-weight:600;font-size:var(--step-lead);line-height:1.3}.goi .mo-ta{color:var(--ink-2);font-size:var(--step-small);line-height:1.5}.goi .gia{font-variant-numeric:tabular-nums;color:var(--red);flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-weight:600;display:flex}.goi .goi-le{color:var(--ink-2);font-weight:400;font-size:var(--step-small)}.goi:has(.goi-nhan) .o{grid-row:2}.goi-nhan{background:var(--red);color:var(--red-ink);font-size:var(--step-small);justify-self:start;padding:3px 8px;font-weight:600;line-height:1.3}.goi-cua{font-family:var(--font-han);font-size:var(--step-small);gap:2px;line-height:1.45;display:grid}.goi-cua i{color:var(--red);font-style:normal}.goi.tron{border:3px double var(--red);background:color-mix(in srgb, var(--red) 5%, transparent);grid-column:1/-1;margin:0;padding:22px 22px 24px}.goi.tron:hover{background:color-mix(in srgb, var(--red) 9%, transparent)}.goi.tron[aria-checked=true]{background:color-mix(in srgb, var(--red) 13%, transparent)}.goi.tron b{font-size:var(--step-head);font-weight:500}.goi.tron .gia{font-size:var(--step-lead)}.goi.tron .goi-le{text-decoration-thickness:1.5px}.goi-tiet{border:1.5px solid var(--red);font-size:var(--step-small);padding:2px 8px}.goi-tach{color:var(--ink-2);font-size:var(--step-small);letter-spacing:.03em;grid-column:1/-1;margin:0;padding:26px 0 10px 1px}.goi-chot{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:26px;display:flex}.goi-chot.dinh{z-index:5;padding:14px 12px calc(14px + env(safe-area-inset-bottom));background:var(--bg) var(--paper) 0 0 / 512px;background-blend-mode:multiply;border-top:1.5px solid var(--ink);box-shadow:0 -10px 18px -12px color-mix(in srgb, var(--ink) 45%, transparent);justify-content:space-between;margin-left:-12px;margin-right:-12px;position:sticky;bottom:0}.goi-bao{color:var(--ink-2);font-size:var(--step-small);flex-basis:100%;margin:0}.goi-bao:empty{display:none}.goi-chot>p:first-child{gap:2px;min-width:14ch;display:grid}.goi-chot #goi-tong{font-size:var(--step-lead);font-variant-numeric:tabular-nums;font-weight:600}.goi-chot #goi-goi-y{color:var(--red);font-size:var(--step-small);max-width:40ch}.goi-chot .stamp[disabled]{opacity:.45;cursor:not-allowed}.goi-nhan-duoc{border-top:1px solid color-mix(in srgb, var(--ink) 22%, transparent);font-size:var(--step-small);gap:10px;margin:26px 0 0;padding-top:16px;line-height:1.55;display:grid}.goi-nhan-duoc div{grid-template-columns:minmax(0,17ch) minmax(0,1fr);gap:4px 18px;max-width:78ch;display:grid}.goi-nhan-duoc dt{font-weight:600}.goi-nhan-duoc dd{color:var(--ink-2);margin:0}.luan-nut{margin:0}.luan-thu,.mo-goi{gap:4px;display:grid}.luan-thu h2,.mo-goi h2{font-size:var(--step-head);font-weight:500}.luan-thu h2:focus,.mo-goi h2:focus{outline:none}.luan-an{border-bottom:3px double var(--ink);align-items:center;gap:14px;margin:0 0 22px;padding-bottom:16px;display:flex}.luan-an .seal{flex:none;width:50px;height:50px;font-size:16px}.luan-an-chu{gap:2px;display:grid}.luan-an-chu b{font-size:calc(var(--step-lead) * 1.15);font-weight:600;line-height:1.2}.luan-an-chu span{color:var(--ink-2);font-size:var(--step-small);letter-spacing:.02em}.luan-thu .may-nghe{margin:16px 0 20px}.mo-goi{border-top:1px solid var(--ink);margin-top:34px;padding-top:26px}.mo-goi .lede2{margin-top:6px}.luan-loi,.hoi-dung,.chua-dung{border-top:1px solid color-mix(in srgb, var(--ink) 22%, transparent);gap:14px;padding:20px 0 4px;display:grid}.dang-luan[hidden],.luan-loi[hidden],.hoi-dung[hidden],.chua-dung[hidden],.luan-thu[hidden],.mo-goi[hidden],.luan-dau[hidden],.don-cu[hidden]{display:none}.luan-loi{border-top:0}.luan-loi .nut-phu{justify-self:start}.hoi{font-size:var(--step-lead);font-weight:600}.hoi-vi-sao{max-width:60ch;color:var(--ink-2);font-size:var(--step-small);margin-top:-6px;line-height:1.55}.chua-dung p{max-width:60ch;line-height:1.65}.hoi-nut{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.hoi-nut .textlink{margin-top:0}.hoi-nut .nut-phu{min-height:54px;font-size:var(--step-body);padding:0 24px}.don-cu{border-top:1px solid var(--ink);gap:8px;margin-top:30px;padding-top:16px;display:grid}.don-cu h3{font-size:var(--step-lead)}.don-cu ul{gap:4px;margin:0;padding-left:1.2em;display:grid}.don-cu a{color:var(--red);text-underline-offset:4px;font-weight:600}.don-cu span{color:var(--ink-2);font-size:var(--step-small)}.ruled{border-top:1px solid var(--ink)}.textlink{font:600 var(--step-body)/1.4 var(--font);color:var(--red);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;margin-top:18px;padding:0;text-decoration:underline;display:inline-block}.textlink:hover{color:var(--ink)}.lede2{max-width:44ch;margin:14px 0 22px}.bang-cookie{z-index:30;background:var(--bg) var(--paper) 0 0 / 512px;background-blend-mode:multiply;border:3px double var(--ink);width:min(440px,100% - 32px);max-height:calc(100dvh - 32px);box-shadow:0 10px 28px color-mix(in srgb, var(--ink) 26%, transparent);font-size:var(--step-small);animation:bang-cookie-len .35s var(--ease) both;gap:12px;padding:20px 20px 16px;line-height:1.55;display:grid;position:fixed;bottom:16px;left:16px;overflow-y:auto}.bang-cookie.dong{animation:.25s both bang-cookie-xuong}.bang-cookie:focus{outline:none}.bang-cookie h2{font-size:var(--step-lead);font-weight:600;line-height:1.3}.bang-cookie p{color:var(--ink-2)}.bang-cookie-nhom{letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:12px;font-weight:600}.bang-cookie-muc{border-top:1px solid color-mix(in srgb, var(--ink) 22%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 16px;padding-top:10px;display:grid}.bang-cookie-muc label{cursor:pointer;gap:2px;display:grid}.bang-cookie-muc b{font-weight:600;font-size:var(--step-body);color:var(--ink)}.bang-cookie-muc span{color:var(--ink-2)}.cong-tac{appearance:none;cursor:pointer;border:1.5px solid var(--ink);width:46px;height:26px;transition:background .2s var(--ease), border-color .2s var(--ease);background:0 0;flex:none;margin:2px 0 0;position:relative}.cong-tac:after{content:"";background:var(--ink);width:17px;height:17px;transition:transform .2s var(--ease), background .2s var(--ease);position:absolute;top:3px;left:3px}.cong-tac:checked{background:var(--red);border-color:var(--red)}.cong-tac:checked:after{background:var(--red-ink);transform:translate(20px)}.cong-tac:disabled{cursor:not-allowed;opacity:.5}.cong-tac:focus-visible{outline:2px solid var(--red);outline-offset:3px}.bang-cookie-chu{border-top:1px solid color-mix(in srgb, var(--ink) 22%, transparent);padding-top:10px}.bang-cookie-nut{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.bang-cookie-nut>*{flex:160px;justify-content:center;min-height:48px}.bang-cookie .stamp{font-size:var(--step-small);padding:0 18px}.bang-cookie .textlink{font-size:var(--step-small);color:var(--ink-2);justify-self:center;margin-top:0}@keyframes bang-cookie-len{0%{opacity:0;transform:translateY(14px)}}@keyframes bang-cookie-xuong{to{opacity:0;transform:translateY(14px)}}@media (width<=560px){.bang-cookie{width:100%;max-height:88dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;bottom:0;left:0}}@media (prefers-reduced-motion:reduce){.bang-cookie,.bang-cookie.dong{animation-name:mo-dan}.cong-tac,.cong-tac:after{transition:none}}.nen-canh{background:var(--bg)}.nen-canh:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 85% 75% at 50% 38%, transparent 40%, color-mix(in srgb, var(--ink) 42%, transparent)), linear-gradient(to bottom, color-mix(in srgb, var(--bg) 45%, transparent), transparent 26%, transparent 62%, color-mix(in srgb, var(--ink) 30%, transparent)), var(--bg) url(/build/assets/canh-nen-Boj9PaGi.webp) 58% 62% / cover no-repeat;height:100lvh;position:fixed;inset:0 0 auto}.nen-canh .leaf{background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(.8);backdrop-filter:blur(14px)saturate(.8);box-shadow:0 34px 70px -34px color-mix(in srgb, var(--ink) 70%, transparent), 0 2px 6px color-mix(in srgb, var(--ink) 12%, transparent)}.nen-canh #board{background:0 0}.nen-canh .sonthuy{opacity:.32}.nen-canh .leaf:last-of-type{margin-bottom:clamp(56px,8vw,112px)}.nen-canh .vung-ngoai{background:var(--bg) var(--paper) 0 0 / 512px;background-blend-mode:multiply;margin-top:0}.nen-canh .chan-khach{color:var(--ink);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(.8);backdrop-filter:blur(14px)saturate(.8);padding:18px clamp(16px,2.4vw,28px)}@media (width<=1080px){.spread.hero{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}.title-page{grid-template-columns:minmax(0,1fr)}.title-han{writing-mode:horizontal-tb;order:-1;font-size:clamp(3.5rem,2rem + 6vw,5rem)}}@media (width<=860px){.spread,.spread.hero{grid-template-columns:minmax(0,1fr)}.banxin{flex-direction:row;order:-1;justify-content:center;gap:12px;padding:12px 0}.banxin:before{border-inline:0;border-bottom:1px solid var(--ink)}.banxin .vt,.banxin .no{writing-mode:horizontal-tb}.banxin .fish{transform:rotate(-90deg)}.banxin .fish.up{transform:rotate(90deg)}.banxin .sp{display:none}.page{padding:24px 14px}.leaf{margin-bottom:28px;padding:10px}.leaf:after{inset:6px}}@media (width<=560px){#board .lst{display:none}#board .ct{font-size:17px}#board .cn{font-size:12px}#board .center-rows{display:none}.blanks p{line-height:2.1;font-size:var(--step-body)}.title-copy>h1{order:1}.title-copy>.lede{order:2}.title-copy>.blanks{order:3}.title-copy>.ho-so{order:4}.goi-nhan-duoc div{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hien-dan{animation:.3s both mo-dan}.js [data-rise]:not(.in),.js [data-rise].in{opacity:1;animation:none;transform:none}#board .fresh{animation:none}}