@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-vietnamese-400-normal.65jA92mZ.woff2)format("woff2"),url(/_astro/patrick-hand-vietnamese-400-normal.CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-latin-ext-400-normal.Dno5CMlI.woff2)format("woff2"),url(/_astro/patrick-hand-latin-ext-400-normal.C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/patrick-hand-latin-400-normal.B7HHA2Vw.woff2)format("woff2"),url(/_astro/patrick-hand-latin-400-normal.Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@keyframes historia-texto-grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(3%,3%)}}@keyframes historia-texto-nudge{to{transform:translateY(-5px)rotate(4deg)}}@keyframes historia-texto-pm-in{0%{opacity:0;transform:translateY(-30px)rotate(-4deg)}}@keyframes historia-texto-blink{50%{filter:brightness(.7);transform:translateY(-4px)}}.g-historia-texto{height:100%;position:relative;overflow:hidden}.g-historia-texto{&{--ink:#0b0a08;--paper:#e9dfb8;--mustard:#d6a82d;--maroon:#7a2433;--olive:#6f7d44}&,& *{box-sizing:border-box;margin:0}&{user-select:none;height:100%;color:var(--paper);background:#000;font-family:Special Elite,Courier New,monospace;overflow:hidden}& #game{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}& #stage,& .fx{pointer-events:none;position:absolute;inset:0}& .bg{opacity:0;will-change:transform, opacity;filter:contrast(1.08)saturate(1.05);background-position:50%;background-size:cover;position:absolute;inset:-4%}& .grain{z-index:10;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.6s steps(4,end) infinite historia-texto-grain}& .halftone{z-index:11;opacity:.1;mix-blend-mode:multiply;background-image:radial-gradient(circle,#000 1px,#0000 1.4px);background-size:5px 5px}& .vignette{z-index:12;background:radial-gradient(#0000 45%,#000000bf 100%)}& #flash{z-index:30;opacity:0;background:#fff7d6}& #wipe{z-index:29}& #ui{z-index:20;pointer-events:none;position:absolute;inset:0}& #hud{background:linear-gradient(#0000,#000000a6);flex-direction:column;align-items:center;gap:12px;max-height:100%;padding:40px clamp(12px,4vw,48px) clamp(14px,4vh,40px);display:flex;position:absolute;bottom:0;left:0;right:0}& #dialog{width:min(960px,100%);min-height:120px;color:var(--paper);isolation:isolate;align-items:center;gap:clamp(14px,2vw,26px);margin-top:8px;padding:20px 34px 20px 24px;font-size:clamp(16px,2vw,23px);line-height:1.5;display:flex;position:relative}& #dialog:before{content:"";z-index:-1;border:3px solid var(--paper);box-shadow:7px 8px 0 var(--ink);background:#0e0c09eb;position:absolute;inset:0;transform:rotate(-.35deg)}& .hidden{display:none!important}& #portrait{aspect-ratio:1;background:var(--paper);width:clamp(84px,11vw,132px);box-shadow:4px 5px 0 var(--ink);flex:none;margin:-34px 0 -10px;padding:5px;display:none;position:relative;transform:rotate(-3deg)}& #portrait:before{content:"";background:#d6a82dcc;width:44%;height:18px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}& #portrait img{object-fit:cover;border:2px solid var(--ink);width:100%;height:100%;display:block}& #dialog.has-face #portrait{display:block}& #dlg-body{flex:1;min-width:0}& #dialog.narration{padding-left:34px}& #dialog.narration:before{border-color:var(--ink);background:#e9dfb8f0}& #dialog.narration #text{color:var(--ink);font-style:italic}& #dialog.narration #next{color:var(--maroon)}& #speaker{letter-spacing:2px;color:var(--mustard);text-shadow:2px 2px 0 var(--ink);margin-bottom:6px;font-family:Bangers,cursive;font-size:clamp(22px,2.6vw,32px);line-height:1}& #next{color:var(--mustard);opacity:0;position:absolute;bottom:6px;right:18px}& #choices{pointer-events:auto;scrollbar-width:none;flex-direction:column;gap:12px;width:min(820px,100%);max-height:60vh;padding:4px 8px 8px 4px;display:flex;overflow-y:auto}& .choice{text-align:left;color:var(--paper);border:3px solid var(--paper);box-shadow:5px 5px 0 var(--ink);background:#0e0c09ed;padding:11px 20px;font-family:Patrick Hand,cursive;font-size:clamp(18px,2.3vw,27px);line-height:1.2;transition:background .12s,color .12s,box-shadow .12s}& .choice i{color:var(--mustard);margin-right:14px;font-family:Bangers;font-size:1.2em;font-style:normal}& .choice:hover,& .choice:focus-visible{background:var(--mustard);color:var(--ink);box-shadow:8px 8px 0 var(--ink);outline:none}& .choice:hover i{color:var(--maroon)}& #timer{border:2px solid var(--paper);opacity:0;background:#000000b3;flex:none;width:min(820px,100%);height:8px}& #timer-bar{background:var(--mustard);transform-origin:0;height:100%}& #remembers{letter-spacing:1px;background:var(--paper);max-width:min(420px,80vw);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--maroon);padding:8px 18px;font-family:Bangers;font-size:clamp(16px,2vw,24px);position:absolute;top:clamp(12px,4vh,40px);right:clamp(12px,3vw,40px);transform:rotate(1.5deg)}& #title-card{z-index:25;text-align:center;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}& #title-card h2{letter-spacing:4px;color:var(--mustard);text-shadow:5px 5px 0 var(--maroon), -2px -2px 0 var(--ink), 8px 8px 0 var(--ink);overflow-wrap:anywhere;max-width:90vw;font-family:Bangers;font-size:clamp(40px,9vw,120px);font-weight:400;line-height:1}& #title-card p{letter-spacing:5px;margin-top:18px;font-size:clamp(14px,2vw,24px)}& #start{z-index:40;background:#0b0a08;position:absolute;inset:0;overflow:hidden}& #start-bg,& .s-slide{position:absolute;inset:0}& #start-bg{z-index:0}& #start-shade{z-index:1;background:radial-gradient(#000000b8 0%,#00000059 55%,#000c 100%);position:absolute;inset:0}& #start-photos{z-index:2;position:absolute;inset:0}& .s-slide{opacity:0;filter:saturate(.9)brightness(.7);background-position:50%;background-size:cover}& #start-content{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(92vw,760px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}& #start .kicker{letter-spacing:5px;color:var(--mustard);background:var(--ink);border:2px solid var(--mustard);padding:4px 10px;font-size:clamp(11px,1.3vw,16px)}& #start h1{letter-spacing:5px;color:var(--paper);text-shadow:6px 6px 0 var(--maroon), 10px 10px 0 var(--ink);flex-direction:column;align-items:center;font-family:Bangers;font-size:clamp(56px,11vw,160px);font-weight:400;line-height:.9;display:flex;transform:rotate(-3deg)}& #start h1 span{display:block}& #start h1 .w2{color:var(--mustard)}& #play{letter-spacing:4px;color:var(--ink);background:var(--mustard);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--paper), 10px 10px 0 var(--ink);padding:6px 44px 8px;font-family:Bangers;font-size:clamp(28px,3.4vw,44px);transition:box-shadow .15s,background .15s}& #play:hover{background:var(--paper);box-shadow:8px 8px 0 var(--maroon), 12px 12px 0 var(--ink)}& #start .hint{opacity:.6;letter-spacing:2px;font-size:clamp(11px,1.2vw,14px)}& .photo{background:var(--paper);will-change:transform;width:clamp(130px,17vw,270px);margin:0;padding:8px 8px 0;position:absolute;box-shadow:6px 8px #000000a6}& .photo img{aspect-ratio:4/3;object-fit:cover;border:2px solid var(--ink);filter:contrast(1.05);width:100%;display:block}& .photo figcaption{color:var(--ink);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:5px 2px 7px;font-family:Patrick Hand,cursive;font-size:clamp(13px,1.5vw,20px);overflow:hidden}& .photo:before{content:"";background:#d6a82dc7;width:46%;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #0006}& .p1{top:7vh;left:4vw}& .p2{top:40vh;left:2vw}& .p3{bottom:5vh;left:7vw}& .p4{top:6vh;right:4vw}& .p5{width:clamp(150px,20vw,310px);top:38vh;right:2vw}& .p6{bottom:5vh;right:8vw}@media (width<=900px){& .p2,& .p5{display:none}& .photo{width:28vw}& .p1{top:3vh;left:3vw}& .p4{top:3vh;right:3vw}& .p3{bottom:3vh;left:3vw}& .p6{bottom:3vh;right:3vw}}@media (height<=560px){& .p3,& .p6{display:none}}&.custom-cursor,&.custom-cursor *{cursor:none!important}& #cursor{z-index:9999;pointer-events:none;filter:drop-shadow(3px 4px #0000008c);transform-origin:40% 8%;position:fixed;top:0;left:0}& #cursor svg{transform-origin:14% 8%;transition:filter .15s,transform .15s cubic-bezier(.2,1.8,.4,1);display:block}& #cursor .cur-hand{display:none}& #cursor.hot .cur-hand{display:block}& #cursor.hot .cur-arrow{display:none}& #cursor.hot svg{filter:drop-shadow(0 0 6px #d6a82de6);animation:.5s ease-in-out infinite alternate historia-texto-nudge}& .splat{z-index:9998;pointer-events:none;position:fixed}& .splat i{background:var(--mustard);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute}& #toolbar{z-index:9000;gap:10px;display:flex;position:fixed;top:14px;left:14px}& #toolbar button{width:44px;height:44px;cursor:inherit;background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;place-items:center;padding:0;transition:transform .12s,background .12s,box-shadow .12s;display:grid;transform:rotate(-3deg)}& #toolbar button:nth-child(2){transform:rotate(2deg)}& #toolbar button:hover{background:var(--mustard);transform:rotate(0)scale(1.1)}& #toolbar button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}& #mute .cross,& #mute.off .wave{display:none}& #mute.off .cross{display:block}& #mute.off .spk{fill:#8d8672}& #pause{z-index:9500;backdrop-filter:blur(3px);background:#080705b8;place-items:center;display:grid;position:fixed;inset:0}& #pause:after{content:"";pointer-events:none;opacity:.3;background-image:radial-gradient(circle,#000 1px,#0000 1.4px);background-size:6px 6px;position:absolute;inset:0}& .pm-panel{z-index:1;background:var(--paper);border:4px solid var(--ink);width:min(420px,88vw);box-shadow:8px 8px 0 var(--maroon), 8px 8px 0 3px var(--ink);flex-direction:column;gap:12px;padding:22px 26px 18px;animation:.35s cubic-bezier(.2,1.6,.4,1) historia-texto-pm-in;display:flex;position:relative;transform:rotate(-1deg)}& .pm-panel h2{text-align:center;letter-spacing:6px;color:var(--maroon);-webkit-text-stroke:2px var(--ink);text-shadow:3px 3px 0 var(--mustard);margin:0;font-family:Bangers;font-size:54px;line-height:1}& .pm-btn{letter-spacing:3px;color:var(--ink);background:var(--mustard);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:inherit;padding:8px 14px;font-family:Bangers;font-size:24px;transition:transform .1s}& .pm-btn:hover{background:#e8bd45;transform:translate(-2px,-2px)rotate(-1deg)}& .pm-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}& .pm-btn.danger{background:#c9c2ac;font-size:18px}& .pm-row{letter-spacing:2px;color:var(--ink);justify-content:space-between;align-items:center;gap:14px;font-family:Bangers;font-size:20px;display:flex}& .pm-row input{max-width:210px;accent-color:var(--maroon);cursor:inherit;flex:1}& .pm-hint{text-align:center;color:#5a5446;margin:0;font-family:Special Elite,monospace;font-size:12px}& #chapter{z-index:35;background:#0b0a08;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}& .ch-rays{opacity:0;background:repeating-conic-gradient(#d6a82d29 0deg 6deg,#0000 6deg 14deg);position:absolute;inset:-60%;-webkit-mask-image:radial-gradient(circle,#0000 8%,#000 60%);mask-image:radial-gradient(circle,#0000 8%,#000 60%)}& #chapter:after{content:"";opacity:.25;background-image:radial-gradient(circle,#000 1px,#0000 1.4px);background-size:6px 6px;position:absolute;inset:0}& .ch-num{color:var(--maroon);-webkit-text-stroke:4px var(--ink);opacity:0;font-family:Bangers;font-size:min(70vh,55vw);line-height:1;position:absolute;top:50%;right:8vw;translate:0 -50%}& .ch-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:14px;padding:0 5vw;display:flex;position:relative}& .ch-label{letter-spacing:10px;color:var(--ink);background:var(--mustard);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--paper);padding:2px 22px 2px 32px;font-family:Bangers;font-size:clamp(18px,3vw,36px);transform:rotate(-2deg)}& .ch-title{letter-spacing:3px;color:var(--paper);text-shadow:5px 5px 0 var(--maroon), 9px 9px 0 var(--ink);max-width:88vw;font-family:Bangers;font-size:clamp(38px,8.5vw,120px);font-weight:400;line-height:1;transform:rotate(-1.5deg)}& .ch-title span{display:inline-block}& .ch-sub{letter-spacing:4px;color:#cfc79e;margin-top:8px;font-size:clamp(14px,2vw,22px)}& .ch-bar{transform-origin:0;background:#000;height:9vh;position:absolute;left:0;right:0}& .ch-bar.top{border-bottom:4px solid var(--mustard);top:0}& .ch-bar.bottom{border-top:4px solid var(--mustard);transform-origin:100%;bottom:0}& #fx-layer{z-index:28;pointer-events:none;position:absolute;inset:0;overflow:hidden}& .fx-pop{justify-content:center;align-items:center;width:min(86vw,760px,88vh);display:flex;position:absolute;top:44%;left:50%;translate:-50% -50%}& .fx-rays{aspect-ratio:1;opacity:0;background:repeating-conic-gradient(#f4efd838 0deg 4deg,#0000 4deg 12deg);width:220%;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask-image:radial-gradient(circle,#0000 18%,#000 40%,#0000 70%);mask-image:radial-gradient(circle,#0000 18%,#000 40%,#0000 70%)}& .fx-bit{opacity:0;border:2px solid #0b0a08;width:14px;height:14px;position:absolute;top:44%;left:50%}& .fx-l{display:inline-block}& .fx-burst{filter:drop-shadow(0 12px #00000059);width:100%;height:auto;display:block;position:relative}& .fx-text{letter-spacing:4px;text-align:center;-webkit-text-stroke:clamp(4px, .7vw, 9px) #0b0a08;paint-order:stroke fill;text-shadow:6px 7px #0b0a08;white-space:nowrap;font-family:Bangers;font-size:clamp(54px,13vw,180px);line-height:1;position:absolute;transform:rotate(-4deg)}& .fx-sub{letter-spacing:3px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:0 14px;font-family:Bangers;font-size:clamp(16px,2.6vw,32px);position:absolute;bottom:2%;transform:rotate(2deg)}& .ask{text-align:center;letter-spacing:3px;color:var(--ink);background:var(--mustard);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);align-self:center;padding:4px 22px 6px;font-family:Bangers;font-size:clamp(22px,3.2vw,38px);transform:rotate(-1deg)}& .ask small{letter-spacing:0;opacity:.8;font-family:Patrick Hand,sans-serif;font-size:clamp(12px,1.5vw,16px);display:block}& .howto{color:var(--paper);background:#0b0a089e;border:2px dashed #f4efd880;flex-direction:column;align-items:center;gap:4px;margin:4px 0 0;padding:10px 18px;font-family:Patrick Hand,sans-serif;font-size:clamp(13px,1.5vw,17px);list-style:none;display:flex}& .howto b{letter-spacing:2px;color:var(--mustard);font-family:Bangers;font-weight:400}& .skip-hint{text-align:center;z-index:3;opacity:0;letter-spacing:3px;color:var(--paper);font-family:Special Elite,monospace;font-size:clamp(12px,1.4vw,16px);animation:1.4s ease-in-out infinite historia-texto-blink;position:absolute;bottom:9%;left:0;right:0}& #title-card .skip-hint{opacity:.7}}