:root{--stage-w: 960px;--stage-h: 540px;--ink: #f4f0e6;--panel: #1a1526;--panel-edge: #4a3d6b;--accent: #e8b84b;--accent-2: #7ec8a2;--shadow: rgba(0, 0, 0, .55);--font-px: "Courier New", monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:#0c0a12;color:var(--ink);font-family:var(--font-px);image-rendering:pixelated}body{display:flex;align-items:center;justify-content:center;overflow:hidden}#game{position:relative;width:min(100vw,calc(100vh * 16 / 9));width:min(100vw,calc(100dvh * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;user-select:none;touch-action:manipulation}#rotate-hint{display:none}@media (orientation: portrait) and (max-width: 900px){#game{display:none}#rotate-hint{display:flex;position:fixed;inset:0;z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:32px;background:#0c0a12;color:var(--ink)}#rotate-hint .rot-emoji{font-size:56px;animation:bob 1.6s ease-in-out infinite}#rotate-hint p{font-size:18px;line-height:1.5;max-width:24ch}}#stage,.layer{position:absolute;inset:0}#bg-layer{background-size:cover;background-position:center;image-rendering:pixelated;transition:opacity .25s ease}#sprite-layer .sprite{position:absolute;bottom:0;height:82%;image-rendering:pixelated;transition:transform .2s ease,opacity .2s ease,filter .2s ease;transform-origin:bottom center}#sprite-layer .sprite[data-char=frog]{height:38%;bottom:27%}#sprite-layer .sprite[data-char=shrog]{height:46%;bottom:24%}#sprite-layer .sprite.pos-left{left:4%}#sprite-layer .sprite.pos-center{left:50%;transform:translate(-50%)}#sprite-layer .sprite.pos-right{right:4%}#sprite-layer .sprite.inactive{filter:brightness(.55) saturate(.7)}#dialogue-box{position:absolute;left:3%;right:3%;bottom:3%;min-height:26%;padding:18px 22px;background:var(--panel);border:4px solid var(--panel-edge);border-radius:6px;box-shadow:0 6px 0 var(--shadow);display:flex;align-items:flex-start;gap:18px}#portrait{flex:0 0 auto;width:clamp(72px,13vw,132px);aspect-ratio:1;object-fit:contain;image-rendering:pixelated;background:#120e1c;border:3px solid var(--panel-edge);border-radius:4px;align-self:stretch}.dialogue-main{flex:1 1 auto;min-width:0}@media (max-height: 520px){#dialogue-box{min-height:0;padding:10px 14px;gap:12px;bottom:2%}#portrait{width:clamp(50px,17vh,88px);border-width:2px}.text{font-size:15px;line-height:1.35}.speaker{font-size:14px;margin-bottom:4px}}.speaker{color:var(--accent);font-weight:700;font-size:clamp(14px,2.4vw,22px);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.text{font-size:clamp(14px,2.2vw,20px);line-height:1.5;white-space:pre-wrap}.advance-hint{position:absolute;right:16px;bottom:10px;color:var(--accent);animation:bob .9s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}#choice-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:12px;width:70%;z-index:5}.choice{padding:14px 18px;background:var(--panel);border:3px solid var(--panel-edge);border-radius:4px;color:var(--ink);font-family:var(--font-px);font-size:clamp(13px,2vw,18px);cursor:pointer;transition:transform .1s ease,border-color .1s ease,background .1s ease}.choice:hover,.choice:focus{border-color:var(--accent);background:#241d34;transform:translate(6px);outline:none}#menu{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:6}#menu button{font-family:var(--font-px);font-size:12px;padding:6px 10px;color:var(--ink);background:var(--panel);border:2px solid var(--panel-edge);border-radius:3px;cursor:pointer}#menu button:hover{border-color:var(--accent)}#overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;background:radial-gradient(circle at center,#1a1526,#0c0a12);padding:5%}#overlay .title-card{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:82%;padding:clamp(20px,4vw,40px) clamp(24px,5vw,52px);background:#1a1526bd;border:4px solid var(--panel-edge);border-radius:12px;box-shadow:0 8px 0 var(--shadow),0 0 40px #00000080}#overlay .title-crest{font-size:clamp(26px,5vw,46px);letter-spacing:8px;animation:bob 2s ease-in-out infinite}#overlay .subtitle{margin:0;color:var(--accent-2);letter-spacing:3px;font-style:italic}#overlay .menu-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px}#overlay h1{font-size:clamp(28px,6vw,54px);color:var(--accent);margin:0;text-shadow:4px 4px 0 var(--shadow),0 0 24px rgba(232,184,75,.35)}#overlay p{max-width:60ch;font-size:clamp(14px,2.4vw,20px);line-height:1.6}#overlay .ending-tag{color:var(--accent-2);letter-spacing:2px;text-transform:uppercase}#overlay button{font-family:var(--font-px);font-size:18px;padding:12px 28px;color:#0c0a12;background:var(--accent);border:none;border-radius:4px;cursor:pointer;box-shadow:0 4px #a37f22}#overlay button:active{transform:translateY(3px);box-shadow:0 1px #a37f22}#fx-flash{position:absolute;inset:0;background:#fff;opacity:0;z-index:8;pointer-events:none}#fx-flash.play{animation:fxflash 1.1s ease forwards}@keyframes fxflash{0%{opacity:0}35%{opacity:1}to{opacity:0}}#sprite-layer .sprite.lean{animation:fxlean 1.5s ease;z-index:3}@keyframes fxlean{0%{transform:translate(0) rotate(0)}45%{transform:translate(34%) rotate(6deg)}62%{transform:translate(34%) rotate(6deg)}to{transform:translate(0) rotate(0)}}.fx-heart{position:absolute;left:40%;bottom:46%;z-index:9;pointer-events:none;color:#ff6b8a;font-size:clamp(24px,4vw,40px);text-shadow:0 0 8px rgba(255,107,138,.7);animation:fxheart 1.5s ease forwards}@keyframes fxheart{0%{opacity:0;transform:translateY(10px) scale(.4)}30%{opacity:1;transform:translateY(-6px) scale(1)}to{opacity:0;transform:translateY(-64px) scale(.9)}}#sprite-layer .sprite.appear{animation:fxappear 1s ease}@keyframes fxappear{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.fx-sparkle{position:absolute;z-index:9;pointer-events:none;color:#fff2b0;font-size:clamp(14px,2.4vw,22px);text-shadow:0 0 6px rgba(255,236,130,.9);animation:fxsparkle 1s ease forwards}@keyframes fxsparkle{0%{opacity:0;transform:scale(.2) rotate(0)}40%{opacity:1;transform:scale(1.1) rotate(45deg)}to{opacity:0;transform:scale(.5) rotate(90deg) translateY(-18px)}}.toast{position:absolute;bottom:34%;left:50%;transform:translate(-50%);background:var(--panel);border:2px solid var(--accent);padding:8px 16px;border-radius:4px;z-index:20;animation:fade 1.6s ease forwards}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}@media (max-height: 520px){#overlay{padding:3%}#overlay .title-card{padding:12px 22px;gap:8px;max-height:94%;overflow-y:auto}#overlay .title-crest{font-size:24px}#overlay h1{font-size:clamp(18px,4.5vw,28px);text-shadow:3px 3px 0 var(--shadow)}#overlay .subtitle,#overlay .ending-tag{font-size:13px}#overlay p{font-size:13px;line-height:1.4}#overlay .menu-buttons{margin-top:4px}#overlay button{padding:8px 18px;font-size:15px}}#lock-screen{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:4%;background:radial-gradient(circle at 50% 35%,#241d34,#0c0a12 72%);overflow:hidden}#lock-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 2px,transparent 2px 4px)}.lock-card{position:relative;z-index:1;max-width:min(94%,680px);background:#1a1526d1;border:4px solid var(--panel-edge);border-radius:12px;box-shadow:0 8px 0 var(--shadow),0 0 50px #0009;padding:clamp(16px,3.5vh,40px) clamp(18px,4vw,52px)}.lock-main,.lock-arrived{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.4vh,20px);text-align:center}.lock-crest{font-size:clamp(28px,6vw,44px);letter-spacing:6px;animation:bob 2s ease-in-out infinite}#lock-screen h1{margin:0;font-size:clamp(17px,4vw,32px);color:var(--accent);text-shadow:3px 3px 0 var(--shadow)}.lock-sub{margin:0;color:var(--accent-2);letter-spacing:1px;font-size:clamp(12px,2.2vw,16px)}.countdown{display:flex;align-items:flex-start;gap:clamp(3px,1vw,10px)}.cd-cell{display:flex;flex-direction:column;align-items:center;gap:6px;background:#120e1c;border:3px solid var(--panel-edge);border-radius:6px;padding:clamp(6px,1.4vw,14px) clamp(8px,1.8vw,18px);min-width:clamp(54px,10vw,96px)}.cd-digit{font-size:clamp(22px,5.5vw,50px);font-weight:700;color:var(--ink);text-shadow:0 0 10px rgba(232,184,75,.3);font-variant-numeric:tabular-nums}.cd-cell label{font-size:clamp(9px,1.5vw,12px);text-transform:uppercase;letter-spacing:2px;color:var(--accent-2)}.cd-sep{font-size:clamp(22px,5.5vw,50px);font-weight:700;color:var(--panel-edge);padding-top:clamp(6px,1.4vw,14px);animation:cdblink 1s steps(1) infinite}@keyframes cdblink{50%{opacity:.25}}.lock-card button{font-family:var(--font-px);font-size:clamp(15px,2.6vw,19px);padding:12px 28px;color:#0c0a12;background:var(--accent);border:none;border-radius:4px;cursor:pointer;box-shadow:0 4px #a37f22}.lock-card button:active{transform:translateY(3px);box-shadow:0 1px #a37f22}.lock-card button:disabled{opacity:.7;cursor:default}#lock-screen.travel .lock-card{animation:lockshake .12s linear infinite}#lock-screen.travel .cd-digit{color:var(--accent);text-shadow:0 0 16px rgba(232,184,75,.95)}#lock-screen.travel .cd-sep{animation:none;opacity:1}@keyframes lockshake{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}to{transform:translate(-1px,-2px)}}#lock-flash{position:absolute;inset:0;z-index:2;background:#fff;opacity:0;pointer-events:none}#lock-flash.play{animation:fxflash 1.1s ease forwards}#lock-screen.lock-out{transition:opacity .6s ease;opacity:0;pointer-events:none}#rotate-hint button{font-family:var(--font-px);font-size:14px;padding:10px 18px;color:#0c0a12;background:var(--accent);border:none;border-radius:4px;cursor:pointer;box-shadow:0 4px #a37f22;max-width:90vw}#rotate-hint button:active{transform:translateY(3px);box-shadow:0 1px #a37f22}@media (orientation: portrait) and (max-width: 900px){body.force-landscape #rotate-hint{display:none}body.force-landscape #game{--rw: min(100dvh, calc(100vw * 16 / 9));display:block;position:fixed;top:0;left:100%;width:var(--rw);transform-origin:0 0;transform:rotate(90deg) translate(calc((100dvh - var(--rw)) / 2))}}.sleep-link{background:transparent!important;box-shadow:none!important;color:var(--accent-2)!important;border:none!important;font-size:13px!important;padding:6px 10px!important;text-decoration:underline;opacity:.85}#sleep-screen{position:fixed;inset:0;z-index:400;overflow:hidden;background:linear-gradient(180deg,#0b1030,#1a1440 45%,#241533);cursor:pointer}.sleep-stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 70% 18%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 42% 12%,#cfe 50%,transparent),radial-gradient(2px 2px at 85% 40%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 12% 55%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 55% 42%,#fdf 50%,transparent),radial-gradient(1.5px 1.5px at 33% 60%,#fff 50%,transparent);opacity:.8;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{50%{opacity:.5}}.sleep-moon{position:absolute;top:8%;left:10%;font-size:clamp(32px,7vmin,60px);filter:drop-shadow(0 0 14px rgba(255,240,180,.5))}#sleep-field{position:absolute;inset:0}.sleep-fence{position:absolute;left:50%;bottom:22%;transform:translate(-50%);width:min(46%,340px);height:clamp(46px,12vmin,90px);background:repeating-linear-gradient(90deg,#6b4a2f 0 12px,#5a3e28 12px 22px,transparent 22px 60px),linear-gradient(#6b4a2f,#6b4a2f) center/100% 26% no-repeat;border-radius:3px;box-shadow:0 4px #0006}.shroggy{position:absolute;left:50%;bottom:22%;height:clamp(64px,18vmin,150px);image-rendering:pixelated;transform-origin:bottom center;animation:shroggyHop 2.6s ease-in-out forwards;filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}@keyframes shroggyHop{0%{transform:translate(58vw,10%) scale(.9);opacity:0}10%{opacity:1}50%{transform:translateY(-150%) scale(1)}90%{opacity:1}to{transform:translate(-58vw,10%) scale(.9);opacity:0}}#sleep-screen.paused .shroggy{animation-play-state:paused}.sleep-counter{position:absolute;top:14%;left:0;right:0;text-align:center;pointer-events:none}.sleep-count{display:block;font-size:clamp(48px,15vmin,120px);font-weight:700;color:var(--ink);text-shadow:0 0 24px rgba(180,200,255,.4);font-variant-numeric:tabular-nums}.sleep-label{font-size:clamp(12px,2.4vmin,18px);letter-spacing:4px;text-transform:uppercase;color:var(--accent-2)}.sleep-good{position:absolute;bottom:10%;left:0;right:0;text-align:center;margin:0;color:var(--accent);font-size:clamp(14px,2.6vmin,20px);letter-spacing:1px;pointer-events:none}.sleep-hint{position:absolute;bottom:5%;left:0;right:0;text-align:center;margin:0;color:var(--ink);opacity:.5;font-size:clamp(11px,2vmin,15px);pointer-events:none}#sleep-close,#sleep-mute{position:absolute;top:12px;z-index:2;width:40px;height:40px;font-family:var(--font-px);font-size:18px;color:var(--ink);background:#00000059;border:2px solid var(--panel-edge);border-radius:6px;cursor:pointer}#sleep-close{right:12px}#sleep-mute{right:60px}#sleep-dim{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 60%,#28142800,#08040c);transition:opacity 1.5s ease}