:root{--paper:#f2f2ef;--ink:#111;--acid:#dfff3f;--pink:#ff65a7;--blue:#86bdf2;--violet:#a985e8;font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html,body{margin:0;background:#d9d9d6;color:var(--ink)}button,textarea,select{font:inherit}.app{width:min(100%,480px);margin:auto;min-height:100dvh;background:var(--paper);padding:env(safe-area-inset-top) 14px calc(112px + env(safe-area-inset-bottom));overflow:hidden}.mast{display:flex;justify-content:space-between;padding:13px 4px 9px;border-bottom:2px solid #111}.logo{font-weight:950;font-size:24px;line-height:.78;letter-spacing:-.06em}.micro{font-size:8px;line-height:1.2;text-align:right}.eyebrow{display:flex;justify-content:space-between;font-size:10px;font-weight:800;text-transform:uppercase}.top{padding:14px 4px 10px}.band{font-size:31px;font-weight:950;letter-spacing:-.055em;line-height:.95;margin:7px 0 14px;text-transform:uppercase}.progressline{display:flex;justify-content:space-between;align-items:end;font-size:12px;font-weight:850}.progressline span{font-size:31px;font-weight:950}.bar{height:14px;background:#d1d1ce;margin-top:6px;border:1.5px solid #111}.fill{height:100%;background:var(--acid);transition:.25s}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.stat{padding:7px 0;border-bottom:1.5px solid #bbb}.stathead{display:flex;justify-content:space-between;font-size:11px;font-weight:800}.mini{height:7px;background:#d2d2cf;margin-top:5px}.mini i{display:block;height:100%;background:#171717}.stat:nth-child(2) .mini i{background:var(--blue)}.stat:nth-child(3) .mini i{background:var(--pink)}.stat:nth-child(4) .mini i{background:var(--violet)}.inventory{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.inventory span{background:#dededb;padding:9px 7px;font-size:11px;font-weight:800;border-top:1.5px solid #111}.visual{position:relative;height:185px;margin:8px 0 0;background:#292929;overflow:hidden;border-block:2px solid #111}.visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15);opacity:.72}.visual:after{content:"IMAGE PLACEHOLDER";position:absolute;right:8px;bottom:8px;color:#fff;font-size:8px}.sticker{position:absolute;left:8px;bottom:12px;background:var(--acid);padding:8px 10px;font-weight:950;font-size:17px;line-height:.9;transform:rotate(-3deg)}.card{margin:0 4px;padding:15px 0 8px;min-height:185px}.phase{font-size:11px;font-weight:950}.story{font-size:19px;line-height:1.35;font-weight:850;margin:10px 0 12px}.delta{font-size:11px;color:#5f5f5b}.phoneChoices{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.bottom{position:fixed;z-index:5;left:0;right:0;bottom:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#d9d9d6 16%,#d9d9d6)}.actions{width:min(100%,452px);margin:auto;display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:5px}button{border:0;border-top:1.5px solid #111;background:#e0e0dd;color:#111;padding:11px 6px;min-height:48px;font-weight:850;font-size:11px;text-align:left}button.primary{background:#151515;color:#fff}button.acid{background:var(--acid);color:#111}button:disabled{opacity:.3}.wide{width:100%;font-size:14px;padding:15px}.start{padding-bottom:30px}.hero{padding:22px 4px 16px}.hero h1{font-size:58px;line-height:.76;margin:25px 0 16px;font-weight:950;letter-spacing:-.075em}.hero p{font-size:13px;max-width:300px}.heroVisual{height:210px;margin:10px 0 18px;background:#222;position:relative;overflow:hidden}.heroVisual img,.resultHero img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.2);opacity:.75}.inputbox{padding:14px 4px;border-top:2px solid #111}.inputbox label{font-size:10px;font-weight:900}.inputbox textarea,.inputbox select{width:100%;border:0;border-bottom:1.5px solid #111;background:#dededb;padding:11px 8px;margin:6px 0 14px;border-radius:0}.inputbox textarea{min-height:145px}.ending{padding-bottom:30px}.resultHero{height:220px;margin:8px -14px 0;position:relative;background:#222;overflow:hidden}.resultBanner{position:absolute;left:14px;right:14px;bottom:15px;background:var(--acid);padding:9px 12px;font-size:34px;font-weight:950;letter-spacing:-.06em;transform:rotate(-1deg)}.ending h1{font-size:31px;line-height:1;margin:18px 0 8px}.ending blockquote{margin:18px 0;padding:0;font-size:18px;line-height:1.45;font-weight:800}.summary{border-block:2px solid #111;padding:12px 0;font-size:13px;line-height:1.65}.tiny{font-size:10px;color:#777}.gameover{background:#171717;color:#fff}.gameover .mast,.gameover .summary{border-color:#777}@media(max-width:370px){.band{font-size:27px}.story{font-size:17px}.visual{height:155px}.actions{grid-template-columns:1.35fr repeat(4,1fr)}button{font-size:10px;padding:9px 4px}}