:root{--tinta:#e4e1d8;--tenue:#8d9296;--apagado:#5f6468;--oro:#b8954a;--sangre:#a8231b}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;height:100%;overflow:hidden}body{color:var(--tinta);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-family:Cormorant Garamond,Georgia,serif}canvas#c{width:100vw;height:100vh;display:block;position:fixed;inset:0}kbd{color:#b3b0a7;border:1px solid #3a3f43;border-radius:3px;margin:0 2px;padding:0 6px;font-family:inherit;font-size:.95em}#title{cursor:pointer;z-index:20;background:#000;flex-direction:column;justify-content:center;align-items:center;transition:opacity 2.4s;display:flex;position:fixed;inset:0}#title.gone{opacity:0;pointer-events:none}#title h1{letter-spacing:.42em;text-indent:.42em;color:#d9d6cc;font-size:clamp(46px,9vw,110px);font-weight:400}#title .sub{color:var(--tenue);letter-spacing:.06em;margin-top:14px;font-size:clamp(16px,1.6vw,21px);font-style:italic}#title .menu{text-align:center;margin-top:62px;list-style:none}#title .menu li{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#5c6164;cursor:pointer;padding:9px 18px;font-size:15px;transition:color .3s}#title .menu li.sel{color:#d6d3ca;animation:3.2s ease-in-out infinite respirar}#letterbox i{z-index:9;pointer-events:none;opacity:0;background:#000;height:10.5vh;transition:opacity 1.2s;position:fixed;left:0;right:0}#letterbox i:first-child{top:0}#letterbox i:last-child{bottom:0}body.trailer #letterbox i{opacity:1}#titleCard{text-align:center;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#d6d3ca;opacity:0;pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;font-size:clamp(18px,2.4vw,32px);transition:opacity .9s;display:flex;position:fixed;inset:0}#titleCard>span{animation:acercar var(--dur,3s) linear forwards;display:block}@keyframes acercar{0%{transform:scale(1)}to{transform:scale(1.08)}}#titleCard.on{opacity:1}#titleCard.title{letter-spacing:.42em;text-indent:.42em;color:#d9d6cc;font-size:clamp(46px,9vw,110px)}#titleCard small{letter-spacing:.06em;text-indent:0;text-transform:none;color:var(--tenue);margin-top:16px;font-size:clamp(15px,1.5vw,20px);font-style:italic;display:block}#skip{letter-spacing:.3em;text-transform:uppercase;color:#5d6266;z-index:11;font-size:12px;display:none;position:fixed;bottom:3.6vh;right:22px}body.trailer #skip{display:block}body.trailer #narrator,body.trailer #hint,body.trailer #hud{display:none}#title .controls{letter-spacing:.12em;color:#6d7276;text-align:center;font-size:14px;line-height:2;position:absolute;bottom:38px;left:16px;right:16px}@keyframes respirar{0%,to{opacity:.3}50%{opacity:.95}}#narrator{text-align:center;width:min(820px,100vw - 32px);color:var(--tinta);text-shadow:0 0 22px #000000f2,0 0 4px #000000e6;pointer-events:none;z-index:5;text-wrap:balance;font-size:clamp(21px,2.3vw,31px);font-style:italic;line-height:1.45;transition:opacity .9s;position:fixed;top:63%;left:50%;transform:translate(-50%)}#narrator span{opacity:0;transition:opacity .35s}#narrator span.on{opacity:1}#narrator.out{opacity:0}#narrator span.red{color:var(--sangre);font-style:normal}#hint{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#8a8f92;opacity:0;pointer-events:none;z-index:5;width:min(760px,100vw - 32px);font-size:14px;transition:opacity 1.2s;position:fixed;bottom:5vh;left:50%;transform:translate(-50%)}#hint.on{opacity:1}#action{letter-spacing:.3em;text-transform:uppercase;color:#d7d3c9;text-shadow:0 0 12px #000;opacity:0;pointer-events:none;z-index:5;font-size:15px;transition:opacity .5s;position:fixed;top:57%;left:50%;transform:translate(-50%)}#action.on{opacity:1}#veil{opacity:0;pointer-events:none;z-index:6;background:linear-gradient(#0000 30%,#000000d1 78%);transition:opacity 1s;position:fixed;inset:0}#veil.on{opacity:1}#choice{opacity:0;pointer-events:none;z-index:7;width:min(760px,100vw - 32px);transition:opacity .9s;position:fixed;bottom:7vh;left:50%;transform:translate(-50%)}#choice.on{opacity:1;pointer-events:auto}#choice .context{color:#d6d3ca;text-align:center;white-space:pre-line;text-shadow:0 0 18px #000;margin-bottom:26px;font-size:clamp(19px,1.9vw,24px);font-style:italic;line-height:1.5}#choice ul{list-style:none}#choice li{color:#73787c;cursor:pointer;padding:9px 16px 9px 46px;font-size:clamp(19px,1.9vw,24px);line-height:1.4;transition:color .25s;position:relative}#choice li:before{content:"—";opacity:0;transition:opacity .25s;position:absolute;top:9px;left:14px}#choice li.sel{color:#f0ede5}#choice li.sel:before{opacity:1}#choice .timer{visibility:hidden;background:#ffffff12;width:min(440px,70%);height:1px;margin:20px auto 0}#choice .timer.on{visibility:visible}#choice .timer i{background:#a4a6a2;width:100%;height:100%;margin:0 auto;display:block}#choice .timer.urge i{animation:.9s ease-in-out infinite urge}@keyframes urge{50%{opacity:.25}}#choice .help{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--apagado);margin-top:22px;font-size:13px}#hud{letter-spacing:.2em;text-transform:uppercase;color:#8f9496;opacity:0;pointer-events:none;z-index:4;font-size:13px;transition:opacity 1.6s;position:fixed;bottom:24px;left:28px}#hud.on{opacity:1}#hud .row{align-items:center;gap:12px;height:24px;display:flex}#hud .label{width:86px}#hud .bar{background:#ffffff1f;width:110px;height:2px;position:relative}#hud .bar i{background:#cfcac0;transition:width 1.4s;position:absolute;top:0;bottom:0;left:0}#hud .num{text-align:right;color:#d8d4ca;font-variant-numeric:tabular-nums;letter-spacing:.04em;width:34px}#hud .delta{color:#ece7da;opacity:0;letter-spacing:.04em;width:44px;transition:opacity .7s}#hud .delta.on{opacity:1}#hud .inv{color:var(--oro);opacity:0;margin-top:8px;transition:opacity 1.4s}#hud .inv.on{opacity:1}#chapter{letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:#cfccc2;opacity:0;pointer-events:none;z-index:8;justify-content:center;align-items:center;font-size:clamp(28px,4vw,48px);transition:opacity 1.4s;display:flex;position:fixed;inset:0}#chapter.on{opacity:1}#ending{text-align:center;opacity:0;pointer-events:none;z-index:15;background:#000;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity 2s;display:flex;position:fixed;inset:0}#ending.on{opacity:1;pointer-events:auto}#ending h2{letter-spacing:.42em;text-indent:.42em;color:#d9d6cc;font-size:clamp(34px,5vw,62px);font-weight:400}#ending .sub{color:var(--tenue);margin-top:10px;font-size:19px;font-style:italic}#ending .tally{letter-spacing:.24em;text-transform:uppercase;color:#a9a59c;flex-wrap:wrap;justify-content:center;gap:34px;margin-top:46px;font-size:14px;display:flex}#ending .tally b{color:#e6e2d7;margin-left:8px;font-weight:500}#ending .item{letter-spacing:.24em;text-transform:uppercase;color:var(--oro);margin-top:14px;font-size:14px}#ending .reading{color:#cfcbc1;text-wrap:balance;max-width:600px;margin-top:44px;font-size:clamp(19px,2vw,24px);font-style:italic;line-height:1.5}#ending .again{letter-spacing:.3em;text-transform:uppercase;color:#7f8386;margin-top:60px;font-size:13px;animation:3.2s ease-in-out infinite respirar}#pause{opacity:0;pointer-events:none;z-index:12;background:#000000db;justify-content:center;align-items:center;padding:24px;transition:opacity .5s;display:flex;position:fixed;inset:0}#pause.on{opacity:1;pointer-events:auto}body.pausedPage #narrator,body.pausedPage #hint,body.pausedPage #action{visibility:hidden}#pause .box{text-align:center;width:min(720px,100%)}#pause .label{letter-spacing:.32em;text-transform:uppercase;color:#7f8386;margin-bottom:46px;font-size:13px}#pause .balance{align-items:center;gap:clamp(12px,3vw,28px);display:flex}#pause .pole{color:#a9a59c;flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}#pause .pole span{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;font-size:13px}#pause .icons{gap:6px;display:flex}#pause svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:clamp(30px,5vw,42px);height:clamp(30px,5vw,42px)}#pause .line{background:linear-gradient(90deg,#d6d3ca8c,#d6d3ca2e 50%,#d6d3ca8c);flex:1;height:1px;margin-bottom:28px;position:relative}#pause .marker{background:#ece7da;width:2px;height:26px;transition:left 1.4s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#pause .marker:after{content:"";background:#ece7da;width:7px;height:7px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}#pause .note{color:#a9a59c;min-height:1.5em;margin-top:30px;font-size:clamp(17px,1.8vw,21px);font-style:italic}#pause .back{letter-spacing:.3em;text-transform:uppercase;color:#6d7276;margin-top:40px;font-size:13px}@media (max-width:640px){#hud{bottom:16px;left:16px}#hud .bar{width:70px}}