*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{color:#f4ecd8;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1a1423;font-family:Courier New,ui-monospace,monospace}#app{height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;align-items:center;display:flex}#hud-top,#hud-bottom{flex:none;width:100%;max-width:480px}#stage{touch-action:none;flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}#game{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#bubbles,#fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}#screens{z-index:10;display:none;position:fixed;inset:0}#screens.visible{justify-content:center;align-items:center;display:flex}.hud-row{justify-content:space-between;align-items:center;padding:6px 12px 2px;font-size:18px;font-weight:700;display:flex}.hud-meter{align-items:center;gap:6px;padding:2px 12px 6px;display:flex}.hud-meter-track{background:#2b2233;border:2px solid #463857;border-radius:7px;flex:1;height:14px;overflow:hidden}.hud-meter-fill{background:#4caf50;width:15%;height:100%;transition:width .2s linear}.hud-meter-track.danger{animation:.6s infinite alternate pulse-danger}@keyframes pulse-danger{0%{border-color:#463857}to{border-color:#e6482e}}.hud-banner{text-align:center;color:#ffd23f;opacity:0;min-height:20px;font-size:15px;transition:opacity .3s}.hud-banner.show{opacity:1;animation:.45s ease-out banner-bounce}@keyframes banner-bounce{0%{transform:translateY(-14px)scale(.7)}60%{transform:translateY(3px)scale(1.06)}to{transform:translateY(0)scale(1)}}.btn-row{padding:8px 12px calc(8px + env(safe-area-inset-bottom));justify-content:center;gap:10px;display:flex}.game-btn{color:#f4ecd8;touch-action:manipulation;cursor:pointer;background:#0f9b8e;border:3px solid #2e222f;border-radius:10px;padding:12px 18px;font-family:inherit;font-size:16px;font-weight:700;position:relative;overflow:hidden}.game-btn:active{transform:scale(.94)}.game-btn.hidden{display:none}.btn-charm{background:#a884f3}.btn-wake{background:#e6482e;font-size:18px;animation:1.2s infinite wobble}@keyframes wobble{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.game-btn .cd{pointer-events:none;background:#ffd23f59;width:100%;height:100%;transition:height .3s linear;position:absolute;bottom:0;left:0}.game-btn:disabled{background:#4a3f5c}.game-btn:disabled .lbl{opacity:.55}.game-btn.ready .cd{background:0 0}.game-btn.ready:not(.btn-wake){animation:1s ease-in-out infinite alternate charm-ready}@keyframes charm-ready{0%{box-shadow:0 0 #ffd23f00}to{box-shadow:0 0 12px 3px #ffd23fb3}}.game-btn .lbl{position:relative}#fx{transition:box-shadow .6s}#fx.vignette{animation:3s ease-in-out infinite alternate breathe;box-shadow:inset 0 0 80px 40px #0a051ed9}@keyframes breathe{0%{box-shadow:inset 0 0 80px 35px #0a051ecc}to{box-shadow:inset 0 0 90px 55px #0a051eeb}}#fx.blackout{background:#080412f5}#fx.flash-red{background:#e6482e66;transition:none}#screens{background:#140c1eeb}.screen-card{text-align:center;max-width:320px;padding:24px}.screen-card h1{color:#ffd23f;margin-bottom:12px;font-size:32px}.screen-card p{margin:10px 0;font-size:16px}.bubble{color:#2e222f;white-space:normal;background:#f4ecd8;border:2px solid #2e222f;border-radius:8px;max-width:150px;padding:4px 8px;font-size:13px;font-weight:700;animation:.25s ease-out bubble-pop;position:absolute;transform:translate(-50%,-100%);box-shadow:2px 2px #2e222f66}.bubble:after{content:"";border:5px solid #0000;border-top-color:#2e222f;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.bubble.muffled{opacity:.65;background:#d8d2e4;font-style:italic}.bubble.urgent{border-color:#e6482e;animation:.25s ease-out bubble-pop,.5s .25s infinite bubble-wiggle}@keyframes bubble-pop{0%{transform:translate(-50%,-100%)scale(.3)}70%{transform:translate(-50%,-100%)scale(1.15)}to{transform:translate(-50%,-100%)scale(1)}}@keyframes bubble-wiggle{0%,to{rotate:-2deg}50%{rotate:2deg}}.title-logo{letter-spacing:4px;color:#ffd23f;text-shadow:4px 4px #e6482e,8px 8px #2e222f;margin-bottom:18px;font-size:52px;line-height:.95}.title-sub{margin-bottom:14px;font-size:17px}.title-help{opacity:.85;margin-bottom:18px;font-size:13px;line-height:1.6}.gameover-line{font-size:16px;font-style:italic}.stats-card{text-align:left;background:#2e222f99;border:2px solid #463857;border-radius:10px;margin:14px 0;padding:12px 16px}.stats-card div{justify-content:space-between;gap:18px;padding:3px 0;font-size:15px;display:flex}#task-list{scrollbar-width:none;gap:6px;min-height:40px;padding:2px 10px 6px;display:flex;overflow-x:auto}.task-card{color:#f4ecd8;cursor:pointer;background:#2b2233;border:2px solid #463857;border-radius:8px;flex:none;align-items:center;gap:5px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:700;animation:.25s ease-out bubble-pop;display:flex;position:relative}.task-card.urgent{border-color:#e6482e;animation:.25s ease-out bubble-pop,.5s infinite bubble-wiggle}.task-icon{width:20px;height:20px;image-rendering:pixelated}.task-progress{opacity:.7;font-size:10px}.task-patience{background:#00000080;border-radius:2px;height:3px;position:absolute;bottom:1px;left:4px;right:4px;overflow:hidden}.task-patience-fill{background:#4caf50;width:100%;height:100%}.bubble.flavor{opacity:.55;box-shadow:none;font-size:11px;font-weight:400}#task-hint{color:#ffd23f;opacity:0;min-height:18px;padding:0 12px 4px;font-size:13px;font-weight:700;transition:opacity .25s}#task-hint.show{opacity:1}.task-card.focused{background:#3a2f47;border-color:#ffd23f}.bubble.below:after{border-top-color:#0000;border-bottom-color:#2e222f;top:-7px;bottom:auto}.victory-logo{letter-spacing:2px;font-size:30px}.bday{color:#ff9e4a;text-shadow:3px 3px #2e222f;margin:8px 0 12px;font-size:26px;animation:.8s ease-in-out infinite alternate bday-pulse}@keyframes bday-pulse{0%{transform:scale(1)rotate(-1deg)}to{transform:scale(1.08)rotate(1deg)}}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{font-size:22px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-40px}@keyframes confetti-fall{0%{transform:translateY(0)rotate(0)}to{transform:translateY(110vh)rotate(360deg)}}.score-log-title{margin-top:6px;font-size:14px}.score-form{justify-content:center;gap:8px;margin:8px 0;display:flex}.score-form input{color:#2e222f;background:#f4ecd8;border:3px solid #2e222f;border-radius:8px;width:140px;padding:8px 10px;font-family:inherit;font-size:15px;font-weight:700}.score-form .game-btn{padding:8px 14px}.score-list{text-align:left;background:#2e222f99;border:2px solid #463857;border-radius:10px;max-width:260px;max-height:160px;margin:8px auto 4px;padding:8px 14px;list-style:none;overflow-y:auto}.score-list li{counter-increment:rank;justify-content:space-between;gap:12px;padding:2px 0;font-size:14px;display:flex}.score-list li:before{content:counter(rank) ". ";opacity:.6}.score-list{counter-reset:rank}.score-list li.me{color:#ffd23f}.score-big{margin:10px 0 4px}.score-big-num{color:#ffd23f;text-shadow:3px 3px #2e222f;font-size:44px;font-weight:700}.score-big-label{letter-spacing:3px;opacity:.8;font-size:12px}#blackout-score{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:none;position:absolute;inset:0}#blackout-score.show{display:flex}#blackout-score .bs-num{color:#ffd23f;text-shadow:4px 4px #2e222f;font-size:46px;font-weight:700;animation:1.2s ease-in-out infinite alternate bday-pulse}#blackout-score .bs-mult{color:#7ec8e3;font-size:18px;font-weight:700}#blackout-score .bs-warn{opacity:.6;margin-top:10px;font-size:13px;font-style:italic}#blackout-score.couch-mode{justify-content:center}#blackout-score.couch-mode .bs-num{font-size:34px}#blackout-score.couch-mode .bs-mult{font-size:15px}#iris{z-index:60;pointer-events:none;border-radius:50%;width:320vmax;height:320vmax;transition:width 3s cubic-bezier(.4,0,.6,1),height 3s cubic-bezier(.4,0,.6,1),opacity 1.2s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 0 320vmax #0a0512}#iris.spot{width:min(52vmin,230px);height:min(52vmin,230px)}#iris.closed{width:0;height:0;transition:width .8s ease-in,height .8s ease-in,opacity 1.2s}#iris.fade{opacity:0}#iris-kiss{z-index:70;pointer-events:none;font-size:46px;animation:.7s ease-out kiss-pop,1.4s ease-in-out .7s infinite alternate bday-pulse;position:fixed;transform:translate(-50%,-50%)}@keyframes kiss-pop{0%{transform:translate(-50%,-50%)scale(.2)}70%{transform:translate(-50%,-50%)scale(1.3)}to{transform:translate(-50%,-50%)scale(1)}}.title-bday{margin-bottom:10px;font-size:20px}.title-dedication{opacity:.9;margin:10px 0 6px;font-size:14px}.title-mission{background:#2e222f99;border:2px solid #463857;border-radius:10px;margin:8px 0;padding:10px 14px;font-size:16px;line-height:1.55}.title-mission b{color:#ff9e4a}.title-love{opacity:.7;margin-top:12px;font-size:12px;font-style:italic}.caroline-line{color:#ffd23f;border-top:1px solid #463857;margin-top:4px;padding-top:6px!important}.as-usual{opacity:.7;margin-top:2px;font-size:12px;font-style:italic}.letter-card{color:#2e222f;background:#f4ecd8;border:4px solid #2e222f;border-radius:14px;max-width:340px;padding:26px 22px;box-shadow:6px 6px #2e222f80}.letter-to{margin-bottom:14px;font-size:24px;font-weight:700}.letter-body{margin:10px 0;font-size:14px;line-height:1.6}.letter-small{opacity:.7;font-size:12px;font-style:italic}.letter-sign{margin:16px 0 12px;font-size:15px;font-style:italic;font-weight:700}#replay-bar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;color:#ffd23f;background:#1a1423eb;border:2px solid #463857;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-weight:700;display:flex;position:fixed;transform:translate(-50%)}#replay-bar .game-btn{padding:6px 12px;font-size:13px}.btn-watch{background:#7a4a8f}.score-right{align-items:center;gap:8px;display:flex}.replay-btn{color:#f4ecd8;cursor:pointer;background:#7a4a8f;border:2px solid #2e222f;border-radius:6px;padding:2px 7px;font-size:11px}.envelope-wrap{cursor:pointer;perspective:700px;flex-direction:column;align-items:center;gap:26px;transition:opacity .45s,transform .45s;display:flex}.envelope-wrap.done{opacity:0;transform:scale(1.12)}.envelope{filter:drop-shadow(0 14px 28px #00000073);width:300px;height:196px;position:relative}.env-letter{z-index:2;opacity:0;background:#fff;border-radius:6px;height:156px;transition:transform .9s .55s,opacity .25s .5s;position:absolute;top:14px;left:14px;right:14px}.env-letter:before{content:"For Caroline 💛";text-align:center;color:#3a3340;margin-top:20px;font-size:14px;display:block}.envelope.open .env-letter{opacity:1;transform:translateY(-95px)}.env-front,.env-pocket{border-radius:10px;position:absolute;inset:0}.env-front{z-index:1;background:#f3ede1}.env-pocket{z-index:3;clip-path:polygon(0 30%,50% 66%,100% 30%,100% 100%,0 100%);background:#ece4d3}.env-name{text-align:center;letter-spacing:3px;color:#3a3340;z-index:4;font-size:18px;position:absolute;bottom:26px;left:0;right:0}.env-flap{transform-origin:top;z-index:5;border-top:100px solid #e6ddc8;border-left:150px solid #0000;border-right:150px solid #0000;height:0;transition:transform .7s;position:absolute;top:0;left:0;right:0}.envelope.open .env-flap{z-index:1;transform:rotateX(178deg)}.env-hint{letter-spacing:2px;color:#f4ecd8bf;font-size:14px;transition:opacity .3s;animation:1.4s ease-in-out infinite alternate bday-pulse}.end-actions{flex-wrap:nowrap;justify-content:center;gap:10px;display:flex}.end-actions .game-btn{white-space:nowrap;padding:12px 14px;font-size:14px}#iris-shout{z-index:70;color:#ff6b5e;text-shadow:2px 2px #1a1423;white-space:nowrap;pointer-events:none;font-size:22px;font-weight:700;animation:.5s ease-out kiss-pop,.4s .5s infinite bubble-wiggle;position:fixed;transform:translate(-50%)}