*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:manipulation;background:#000;width:100%;height:100%;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block}#hud{color:#fff;text-shadow:2px 2px #000;-webkit-user-select:none;user-select:none;font-family:Impact,Arial Black,sans-serif;position:fixed;bottom:16px;left:16px}#day-counter{letter-spacing:2px;font-size:28px;position:fixed;top:16px;left:16px}.meter-label{letter-spacing:1px;pointer-events:none;margin-top:6px;font-size:11px}.meter{background:#0000008c;border:2px solid #fff;width:220px;height:14px;margin-top:2px}.meter>div{width:100%;height:100%}#stamina-fill{background:#ffd23f}#egg-fill{background:#fff7e0}#egg-label{margin-top:2px;font-size:12px}#callout{z-index:30;color:#fff;text-align:center;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000,0 0 10px #0009;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;max-width:92vw;font-family:Impact,Arial Black,sans-serif;font-size:clamp(18px,4vw,28px);font-weight:700;transition:opacity .12s ease-out,transform .12s ease-out;position:fixed;top:16%;left:50%;transform:translate(-50%,-50%)scale(.8)}#callout.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}#screens{pointer-events:none;font-family:Impact,Arial Black,sans-serif;position:fixed;inset:0}#screens .screen{pointer-events:auto;color:#fff;text-align:center;touch-action:pan-y;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}#screens .screen h1{letter-spacing:4px;text-shadow:4px 4px #000;font-size:clamp(34px,11vw,64px)}#screens .screen p{max-width:640px;font-family:Georgia,serif;font-size:20px}#screens .screen.scrollable{-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-top:clamp(14px,4vw,28px);padding-bottom:clamp(14px,4vw,28px);overflow-y:auto}#screens .screen:has(.paper){-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-top:clamp(14px,4vw,28px);padding-bottom:clamp(14px,4vw,28px);overflow-y:auto}#screens .screen.scrollable:before,#screens .screen.scrollable:after{content:"";flex-shrink:0;margin:auto}#screens .screen:has(.paper):before{content:"";flex-shrink:0;margin:auto}#screens .screen:has(.paper):after{content:"";flex-shrink:0;margin:auto}#screens .screen.gameover{gap:min(20px,2.2vh)}#screens .screen.gameover h1{font-size:min(clamp(34px,11vw,64px),7.5vh)}#screens .screen.gameover img{max-height:30vh}@media (max-height:520px){#screens .screen.gameover img{max-height:22vh}}#screens button{letter-spacing:2px;color:#fff;cursor:pointer;background:#e4002b;border:3px solid #fff;padding:12px 40px;font-family:inherit;font-size:24px}#screens button:hover{background:#ff1a3e}.screen button.secondary{background:#333;padding:8px 22px;font-size:15px}.fade-black{background:#000000e0}.hints{text-align:left;text-shadow:2px 2px #000;z-index:1;max-width:34em;font-size:15px;line-height:1.6}.menu-hints{opacity:.85;font-size:14px}@media (max-height:520px){.menu-hints{display:none}}.paper{color:#1a1a1a;background-color:#efe8d8;background-position:50%;background-size:cover;max-width:min(680px,92vw);margin:auto;padding:clamp(14px,4vw,28px);box-shadow:0 12px 40px #00000073}.masthead-row{border-top:3px double #1a1a1a;border-bottom:3px double #1a1a1a;justify-content:center;align-items:center;gap:10px;padding:8px 0;display:flex}.masthead-row .rule{border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;flex-grow:1;height:4px}.masthead{letter-spacing:2px;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,8vw,42px)}.dateline{font-variant:small-caps;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;flex-wrap:wrap;justify-content:space-between;gap:6px;padding:4px 0;font-size:clamp(9px,2.4vw,12px);display:flex}#screens .screen .headline{color:#1a1a1a;text-shadow:none;margin:14px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,5.5vw,32px)}.photo{margin:14px auto 0;position:relative}.photo img{filter:grayscale()contrast(1.15);border:2px solid #111;max-width:min(420px,86vw);margin:auto;display:block}.photo:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle,#0000001f 1px,#0000 1px) 0 0/3px 3px;position:absolute;inset:0}.photo figcaption{text-align:center;margin-top:4px;font-family:Georgia,serif;font-size:clamp(9px,2.6vw,12px);font-style:italic}.columns{columns:2;column-rule:1px solid #c8bfa8;text-align:justify;column-gap:14px;margin-top:10px;font:400 clamp(10px,2.8vw,13px)/1.45 Georgia,serif}.columns p{break-inside:avoid-column;margin:0 0 8px}@media (max-width:480px){.columns{columns:1}}.mini{border:2px solid #111;margin-top:10px;padding:6px 10px;font:400 clamp(10px,2.8vw,13px)/1.45 Georgia,serif}#screens button.stamp{color:#b3122e;text-transform:uppercase;letter-spacing:2px;background:0 0;border:3px double #b3122e;padding:10px 22px;font-weight:700;transform:rotate(-3deg)}#screens button.stamp:hover,#screens button.stamp:active{transform:rotate(-3deg)scale(1.06)}#touch-ui{touch-action:none;-webkit-user-select:none;user-select:none;z-index:20;pointer-events:none;position:fixed;inset:0}#joy-zone{touch-action:none;pointer-events:auto;position:absolute;inset:0 55% 0 0}#pan-zone{touch-action:none;pointer-events:auto;position:absolute;inset:0 0 0 45%}#joy-base{opacity:.7;background:#ffffff26;border:3px solid #fff9;border-radius:50%;width:110px;height:110px;margin-top:-55px;margin-left:-55px;transition:opacity .15s;position:absolute}#joy-base.resting{left:calc(24px + env(safe-area-inset-left));opacity:.35;margin-top:0;margin-left:0;top:auto;bottom:96px}#joy-stick{background:#ffffff8c;border:3px solid #fff;border-radius:50%;width:52px;height:52px;margin-top:-26px;margin-left:-26px;position:absolute;top:50%;left:50%}#touch-buttons{pointer-events:auto;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:24px;right:20px}#touch-buttons button{letter-spacing:1px;color:#fff;touch-action:none;background:#e4002bbf;border:3px solid #fff;border-radius:50%;width:64px;height:64px;font-family:Impact,Arial Black,sans-serif;font-size:12px}#btn-egg{align-self:flex-start;margin-top:8px}@media (max-aspect-ratio:1){#hud{top:48px;bottom:auto}#day-counter{font-size:20px}.meter{width:150px}.columns p:nth-of-type(2){display:none}}
