:root{--gold:#f1d499;--cream:#fff4db;--night:#0b1520;--border:#d7b77975;font-family:Georgia,serif;color:var(--cream);color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#070c13;overflow:hidden}body{display:flex;align-items:center;justify-content:center}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #f6d898;outline-offset:3px}#shell{position:relative;width:min(100vw,calc(100dvh * 16 / 9));aspect-ratio:16/9;background:#101925;overflow:hidden;isolation:isolate;box-shadow:0 15px 90px #000b}#world{display:block;width:100%;height:100%;outline:0;touch-action:none}#vignette,#grain{position:absolute;inset:0;pointer-events:none}#vignette{background:radial-gradient(ellipse at 49% 43%,transparent 45%,#080a16a8 100%);z-index:1}#grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.74' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");opacity:.095;mix-blend-mode:screen;z-index:2}#hud{position:absolute;z-index:4;inset:0 0 auto;display:flex;align-items:start;justify-content:space-between;gap:12px;padding:16px 22px 29px;background:linear-gradient(#080f1bd9,#080f1b00);pointer-events:none}#hud[hidden],#boss-ui[hidden],#hint[hidden],#crosshair[hidden],#touch[hidden],#fatal[hidden],#screen[hidden]{display:none!important}.hud-name{font:bold 12px system-ui,sans-serif;letter-spacing:.24em;color:#fae1aa;white-space:nowrap;text-shadow:0 2px 9px #000}.hud-name small{font-size:8px;letter-spacing:0}.hud-name b{font-size:9px;border:1px solid #ecd39a8c;padding:3px;margin-left:4px}.hud-name span{display:block;margin-top:10px;color:#dccbaa;font:10px system-ui,sans-serif;letter-spacing:.16em}.hud-mid{width:31%;max-width:400px;font:11px system-ui,sans-serif;letter-spacing:.12em;color:#fcf1d6;text-align:center;text-shadow:0 2px 8px #000}.bar-track{margin-top:10px;width:100%;height:3px;background:#ddc79d51;overflow:hidden}.bar-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#b78548,#fff3ba);transition:width .2s}.hud-right{display:flex;align-items:center;gap:9px;pointer-events:auto}.health-wrap{min-width:128px;text-align:right;margin-right:8px}.health-wrap>span{font:9px system-ui,sans-serif;letter-spacing:.25em;color:#f0d4a4}.health-wrap #health{display:flex;justify-content:flex-end;gap:4px;margin-top:8px}.health-wrap i{display:block;width:16px;height:12px;clip-path:polygon(50% 0,100% 45%,50% 100%,0 45%);background:#e5b86c}.health-wrap i.empty{background:#4c5360}.round{width:35px;height:35px;border:1px solid #d4bb8777;border-radius:50%;background:#091423a9;color:#ffdda5}#boss-ui{position:absolute;z-index:4;left:50%;top:14%;transform:translateX(-50%);width:min(38%,410px);text-align:center;padding:10px 18px;background:#0c101ab7;border:1px solid #c69d6570}.boss-title{font:10px system-ui,sans-serif;letter-spacing:.14em;color:#f9dbb5}.boss-track{margin-top:8px;height:6px;background:#44303a}.boss-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#a94d4b,#efba78);transition:width .12s}#hint{position:absolute;z-index:5;left:50%;bottom:18%;transform:translateX(-50%);padding:10px 18px;background:#0b1721d9;border:1px solid #e8cb8788;font:700 11px system-ui,sans-serif;letter-spacing:.13em;text-align:center;color:#fff0c9;white-space:nowrap;pointer-events:none}#notice{position:absolute;top:23%;left:50%;transform:translate(-50%,-8px);z-index:6;padding:9px 18px;border:1px solid #e5c47a70;background:#0a1420de;color:#fff2cf;font:12px system-ui,sans-serif;letter-spacing:.1em;max-width:85%;text-align:center;opacity:0;transition:opacity .15s}#notice.on{opacity:1}#crosshair{position:absolute;left:50%;top:49%;z-index:3;transform:translate(-50%,-50%);color:#eed4a86b;pointer-events:none}#screen{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px 10%;background:linear-gradient(90deg,#091320ef 0%,#091522ba 45%,#10162683 100%);overflow:auto}#screen.menu{background:linear-gradient(90deg,#08111be8 0%,#0a1621c8 52%,#1016266e 100%)}#screen.ending{background:linear-gradient(90deg,#09141ee8 0%,#0a1621c7 60%,#11192f80 100%)}.artmark{font:9px system-ui,sans-serif;letter-spacing:.3em;color:#f0d8a5;text-shadow:0 2px 9px #000}.rule{width:95px;height:1px;background:linear-gradient(90deg,transparent,#e4c17d,transparent);margin:16px 0 5px}h1{font-size:clamp(34px,6.1vw,85px);line-height:.93;margin:5px 0 12px;font-weight:500;letter-spacing:.065em;text-shadow:0 5px 25px #07070e}h1 strong{font-weight:500;color:#f3d496}h1 em{font-size:.32em;font-style:normal;color:#e6c583;vertical-align:.2em}h1 sup{font:600 .18em system-ui,sans-serif;vertical-align:top;color:#f7e8bd;border:1px solid #f5deac88;padding:3px;margin-left:6px}.subtitle{font:12px system-ui,sans-serif;letter-spacing:.4em;color:#f1d4a2;margin-bottom:12px}#screen-story{font-size:clamp(12px,1.2vw,17px);line-height:1.7;max-width:620px;font-style:italic;color:#f1e7d4;text-shadow:0 2px 12px #000;margin:10px 0 20px}#screen-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.primary,.secondary{font:700 12px system-ui,sans-serif;letter-spacing:.16em;padding:14px 24px;border:1px solid #eed197}.primary{background:linear-gradient(110deg,#ffecbd,#d0a361);color:#172335;box-shadow:0 5px 35px #d8a45d35}.secondary{color:#f5e3bf;background:#0b1526b0}.primary span{margin-left:10px}#controls-tip{font:9px/1.5 system-ui,sans-serif;letter-spacing:.06em;color:#d8cfb9;margin:25px 0 7px}.footnote{font:9px system-ui,sans-serif;letter-spacing:.09em;color:#b5ad9f}.screen .artmark{color:#f1d196}#touch{position:absolute;inset:0;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none}#stick{position:absolute;bottom:15px;left:20px;width:110px;height:110px;border-radius:50%;border:2px solid #f5dcad6f;background:#10213788;pointer-events:auto;touch-action:none;box-shadow:0 0 20px #0006}#stick:before{content:'MOVE';position:absolute;left:33px;top:-16px;font:9px system-ui,sans-serif;letter-spacing:.1em;color:#fff3d0}#stick-nub{position:absolute;left:36px;top:36px;width:36px;height:36px;border-radius:50%;background:#ecd2a2a9;border:1px solid #fff7d0;box-shadow:0 0 10px #d6b67a66}#touch .touch-right{position:absolute;right:12px;bottom:13px;display:flex;gap:5px;align-items:end;pointer-events:none}#touch .touch-right button{pointer-events:auto;touch-action:none;width:52px;height:51px;border-radius:13px;border:1px solid #f5deb079;background:#0c223bbd;color:#f6e4bd;font:700 9px system-ui,sans-serif;letter-spacing:.02em;box-shadow:0 3px 10px #0005}#touch .touch-right .primary-touch{background:#9b734cce;border-color:#ffe5ad}#touch .touch-right button.down{background:#e2b76a;color:#142135}#touch-camera{position:absolute;left:24%;right:36%;bottom:13px;height:82px;text-align:center;font:9px system-ui,sans-serif;color:#e9d3a478;letter-spacing:.15em;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none}#rotate{display:none;position:absolute;z-index:15;inset:0;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:15px;padding:25px;background:#09121bea;color:#f4deb2;font:700 14px system-ui,sans-serif;letter-spacing:.12em}#rotate button{background:#e2c489;color:#1a2432;padding:12px 19px;border:0}#fatal{position:absolute;z-index:20;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;text-align:center;background:#111722;color:#f8ddb0}@media(pointer:coarse){#shell{width:min(100vw,calc(100dvh * 16 / 9))}#hud{padding:8px 12px}.hud-name{font-size:9px}.hud-name span{font-size:8px;margin-top:5px}.hud-mid{font-size:9px}.health-wrap{min-width:100px}.health-wrap i{width:11px;height:9px}.round{width:29px;height:29px;font-size:12px}#screen{padding:10px 6%}#controls-tip{margin:10px 0 4px;font-size:8px}.footnote{font-size:7px}.subtitle{margin:5px}.rule{margin:7px 0}#screen-story{margin:6px 0 10px}.primary,.secondary{padding:10px 16px;font-size:10px}.artmark{font-size:8px}#boss-ui{top:17%}}@media(pointer:coarse) and (orientation:portrait){#shell{width:100vw}#rotate{display:flex}#rotate.dismissed{display:none}#touch .touch-right button{width:37px;height:38px;font-size:7px}#stick{width:75px;height:75px;left:4px;bottom:3px}#stick-nub{left:23px;top:23px;width:26px;height:26px}#touch .touch-right{right:4px;bottom:3px}#touch-camera{height:45px;bottom:3px}#screen h1{font-size:36px}}@media(prefers-reduced-motion:reduce){#notice,.bar-track span,.boss-track span{transition:none}}

/* Ending layout leaves space for the actual 3D reunion, not a static illustration. */
#screen.ending{align-items:flex-start;text-align:left;padding:15px 6% 15px 6%;background:linear-gradient(90deg,#08131df5 0%,#08131de4 32%,#08131d69 45%,#08131d08 61%,#08131d00 100%)}#screen.ending .artmark,#screen.ending .rule,#screen.ending h1,#screen.ending #screen-story,#screen.ending #screen-actions{max-width:48%}#screen.ending #screen-actions{justify-content:flex-start}#screen.ending h1{font-size:clamp(32px,4.7vw,68px);line-height:1.02}#screen.ending #screen-story{font-size:clamp(11px,1.1vw,16px);line-height:1.6}#screen.ending #screen-story small{font:10px system-ui,sans-serif;color:#c8b68f}@media(pointer:coarse){#screen.ending{padding-left:5%}#screen.ending h1{font-size:clamp(27px,4vw,49px)}#screen.ending #screen-story{font-size:clamp(8px,1.1vw,12px)}#screen.ending #screen-actions .primary,#screen.ending #screen-actions .secondary{padding:7px 11px;font-size:8px}}