:root{font-family:'Trebuchet MS',Verdana,system-ui,sans-serif;color:#fff;--lime:#b7fa57;--orange:#ffbd42;--dark:#13243a}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#091422}body{display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;touch-action:manipulation}#shell{width:min(100vw,1600px,calc(100vh * 16 / 9));height:min(100vh,calc(100vw * 9 / 16),900px);position:relative;overflow:hidden;background:#6db945;box-shadow:0 0 100px #0008;isolation:isolate}#canvas{width:100%;height:100%;display:block;touch-action:none}.screen{position:absolute;inset:0;display:none;z-index:4}.screen.show{display:flex}.screen#menu{flex-direction:column;background:linear-gradient(90deg,#12243cf0 0%,#152844dc 41%,#13243a26 78%)}.topline{height:13%;padding:2.6% 5%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:clamp(14px,1.9vw,26px);font-weight:900;letter-spacing:-1px;text-shadow:0 3px 0 #0005}.brand b{color:var(--lime)}.brand-bloom{font-size:2.3em;color:#ffdc5d;text-shadow:0 2px #e79130}.top-chip{font-size:clamp(9px,1vw,14px);font-weight:900;letter-spacing:1.7px;border:1px solid #ffffff44;background:#10294399;border-radius:99px;padding:11px 19px;display:flex;gap:8px;align-items:center}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.version{opacity:.5}.menu-hero{display:flex;flex:1;position:relative;min-height:0}.menu-copy{position:relative;z-index:2;width:58%;padding-left:7%;padding-top:3%;}.eyebrow{color:#baf678;font-size:clamp(11px,1.1vw,17px);font-weight:900;letter-spacing:2.4px;text-shadow:0 2px #18352a}.menu-copy h1{font-family:Impact,'Arial Black',sans-serif;letter-spacing:1px;font-weight:900;font-size:clamp(45px,6.1vw,100px);line-height:.95;margin:15px 0 18px;text-shadow:0 7px 0 #050f1d77}.menu-copy h1 em{font-style:normal;color:var(--orange);text-shadow:0 6px #9f5622}.menu-copy p{max-width:530px;font-size:clamp(13px,1.5vw,22px);line-height:1.45;color:#e3e8ed;margin:0 0 25px;text-shadow:0 2px 2px #0008}.cta{background:linear-gradient(#d1ff78,#93df33);box-shadow:0 7px 0 #4b871f,0 11px 22px #081b1c88;min-height:50px;color:#193727;border:2px solid #f6ffb6;border-radius:13px;font-weight:1000;padding:13px 26px;font-size:clamp(13px,1.6vw,20px);letter-spacing:1px;transition:transform .12s,filter .12s}.cta:hover{filter:brightness(1.06);transform:translateY(-3px)}.cta:active{transform:translateY(4px);box-shadow:0 2px 0 #4b871f}.cta.big{min-width:385px;display:flex;align-items:center;justify-content:space-between;gap:15px}.keylabel{background:#406e29;color:#d8ffb8;border-radius:6px;padding:4px 8px;font-size:.6em}.menu-secondary{margin-top:17px;display:flex;gap:14px;flex-wrap:wrap}.soft-btn{border:1px solid #c5e6ed55;color:#fff;background:#ffffff18;min-height:43px;border-radius:10px;padding:10px 17px;font-weight:900;font-size:clamp(10px,1.04vw,15px);letter-spacing:.3px;box-shadow:0 4px 0 #070e1b33}.soft-btn:hover,.text-btn:hover{background:#ffffff32}.text-btn{background:transparent;color:#e0e7eb;border:0;border-radius:8px;font-size:clamp(10px,1.06vw,15px);padding:7px 10px;font-weight:900}.menu-spotlight{flex:1;position:relative;pointer-events:none}.splash-word{position:absolute;top:4%;left:12%;transform:rotate(12deg);font:italic 900 clamp(20px,2.5vw,36px) Impact,sans-serif;color:#fff4ae;text-shadow:4px 6px #b4522b}.spotlight-badge{position:absolute;right:11%;bottom:23%;width:105px;height:105px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;background:#ffbd3e;color:#3d2a22;border:5px solid #ffe398;border-radius:50%;font:900 20px Impact,sans-serif;transform:rotate(15deg);box-shadow:0 8px 0 #a26024,0 15px 25px #0005}.menu-foot{height:8%;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,50px);background:#0c1927c9;border-top:1px solid #ffffff21;font-size:clamp(9px,1vw,14px);font-weight:900;color:#dbf2cf}.modal-screen{background:linear-gradient(145deg,#10233de8,#0d1b30ec);align-items:center;justify-content:center;padding:3%}.panel{background:linear-gradient(145deg,#203b57,#182c45);border:2px solid #b5e0ed4d;box-shadow:0 10px 0 #06152acc,0 25px 90px #020916ac,inset 0 1px #ffffff36;border-radius:22px;padding:28px 33px;position:relative;overflow:auto;max-height:96%;width:min(900px,96%)}.panel h2,.upgrade-panel h2{font:900 clamp(30px,3.2vw,52px)/1.02 Impact,'Arial Black',sans-serif;letter-spacing:1.3px;margin:9px 0 14px;color:#fff;text-shadow:0 4px #081625}.panel-intro{margin:0 0 18px;color:#c7e2ec;font-size:16px}.back{background:#ffffff1d;border:1px solid #ffffff59;border-radius:9px;padding:8px 14px;color:#fff;font-size:13px;font-weight:900;float:right}.back:hover{background:#ffffff40}.stages-panel{width:min(1050px,98%)}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stage-card{border-radius:15px;position:relative;overflow:hidden;text-align:left;padding:0;min-height:240px;background:#315968;color:#fff;border:2px solid #ffffff4a;transition:transform .15s,filter .15s}.stage-card:not(:disabled):hover{transform:translateY(-5px);filter:brightness(1.09)}.stage-illustration{height:120px;background:linear-gradient(135deg,#85d97d,#277e7a);display:flex;align-items:center;justify-content:center;font-size:64px;text-shadow:0 8px 3px #0006}.stage-card:nth-child(2) .stage-illustration{background:linear-gradient(135deg,#b174c7,#5760a3)}.stage-card:nth-child(3) .stage-illustration{background:linear-gradient(135deg,#e89b71,#924c5d)}.stage-info{padding:14px}.stage-info strong{display:block;font-size:20px}.stage-info span{display:block;color:#d2e7f0;font-size:12px;margin-top:5px}.stage-card:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.4)}.stage-footer{color:#b6d1e0;font-size:12px;margin-top:15px;text-align:center}.how-panel{width:min(900px,96%)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.how-grid>div{background:#091a2d70;border-radius:12px;padding:17px}.how-grid h3{color:#ffda74;margin:0 0 10px;font-size:17px}.how-grid p{font-size:14px;margin:9px 0;line-height:1.3}kbd{display:inline-block;background:#f3f7ed;border-bottom:3px solid #adc5af;color:#1b3f37;padding:3px 5px;border-radius:4px;font:bold 12px Arial;margin-right:3px}.tip-box{background:#dcfda51b;border:1px solid #e2ffaf55;color:#edf7d9;padding:13px;border-radius:10px;margin:15px 0;font-size:13px}.guide-panel{width:min(1050px,97%)}.zombie-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.zcard{padding:11px;border-radius:12px;background:#091c32a1;border:1px solid #c2ecf02a;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.zportrait{height:65px;width:100%;display:flex;align-items:center;justify-content:center}.zportrait canvas{width:92px;height:75px}.zcard strong{font-size:15px;color:#ffcf73}.zcard small{font-size:11px;line-height:1.25;color:#d1e3e9}.compact-panel{width:min(480px,96%);text-align:center}.compact-panel h2{font-size:53px}.compact-panel p{color:#c4dee8}.compact-panel .cta,.end-panel .cta{width:100%;margin:14px 0}.full{width:100%;margin:8px 0}.upgrade-panel{width:min(960px,96%);background:linear-gradient(#203956,#11253e);border:3px solid #c4eaff9c;border-radius:25px;text-align:center;padding:25px;box-shadow:0 25px 70px #041023bf}.upgrade-panel h2{color:#ffcc58}.upgrade-panel>p{color:#d1e8ef;margin:0 0 20px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.upgrade-card{border:2px solid #b9ee9c99;border-radius:17px;padding:20px 16px;min-height:215px;background:linear-gradient(#3d5a61,#24404f);color:#fff;box-shadow:0 6px #0b1d2b;transition:transform .15s}.upgrade-card:hover{transform:translateY(-6px);background:linear-gradient(#567c64,#31594d)}.upgrade-icon{font-size:54px;display:block;margin-bottom:7px}.upgrade-card strong{font-size:20px;display:block;color:#ffe483}.upgrade-card small{font-size:13px;display:block;margin-top:8px;line-height:1.35;color:#e2efed}.hint{display:block;font-size:11px;margin-top:18px;color:#accad4;letter-spacing:1px}.end-panel{width:min(490px,95%);text-align:center}.end-icon{font-size:54px}.end-panel h2{color:#ffdd75}.end-panel p{color:#cee5e8}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#071a2b8a;border-radius:12px;margin-top:18px;padding:14px 6px;gap:6px}.end-stats strong{font-size:26px;color:#bdff77;display:block}.end-stats small{color:#bdd2d6;font-weight:900;font-size:10px}.end-panel .text-btn{margin-top:10px}#rotate{position:absolute;inset:0;z-index:20;background:#12283d;color:#fff;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.rotate-icon{font-size:90px;color:#c5ff70;line-height:1}#rotate h2{font:900 35px Impact,sans-serif}#rotate p{max-width:300px}#toast{position:absolute;z-index:5;left:50%;top:13%;transform:translateX(-50%) translateY(-15px);pointer-events:none;opacity:0;transition:opacity .22s,transform .22s;background:#11263dcc;border:1px solid #ffffff68;color:#fff;border-radius:20px;padding:8px 19px;font-weight:900;font-size:18px;text-align:center;text-shadow:0 2px #0007;white-space:nowrap}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}@media (orientation:portrait) and (max-width:800px){#rotate{display:flex!important}#shell{width:100vw;height:100dvh}}@media (orientation:landscape) and (max-height:600px){#shell{width:100vw;height:100dvh}.menu-copy{padding-top:1%}.menu-copy h1{font-size:clamp(36px,6.2vw,67px);margin:4px 0 9px}.menu-copy p{font-size:clamp(11px,1.4vw,16px);margin-bottom:13px}.cta.big{min-width:280px;min-height:35px;padding:8px 14px}.menu-secondary{margin-top:10px}.soft-btn{min-height:32px;padding:7px 11px}.menu-foot{height:7%}.spotlight-badge{width:75px;height:75px;font-size:15px}.panel{padding:15px 19px}.panel h2{font-size:30px}.stage-illustration{height:85px}.stage-card{min-height:175px}.stage-info{padding:9px}.stage-info strong{font-size:16px}.how-grid p{font-size:12px;margin:5px 0}.how-grid>div{padding:10px}.zportrait{height:45px}.zportrait canvas{height:50px;width:63px}.zcard{padding:5px}.zcard small{font-size:9px}.zcard strong{font-size:11px}.upgrade-panel{padding:12px}.upgrade-card{min-height:135px;padding:9px}.upgrade-icon{font-size:27px}.upgrade-card strong{font-size:14px}.upgrade-card small{font-size:10px}}

@media (orientation:landscape) and (max-height:600px){.topline{height:11%;padding-top:1%;padding-bottom:1%}.menu-copy{padding-top:0}.menu-copy h1{font-size:clamp(33px,4.6vw,42px);line-height:.98;margin:3px 0 7px}.menu-copy p{font-size:clamp(10px,1.25vw,14px);line-height:1.25;margin-bottom:9px}.menu-secondary{margin-top:6px}.menu-copy .text-btn{padding:3px 7px;font-size:10px}.menu-foot{font-size:8px}.menu-spotlight .splash-word{font-size:19px}}

.challenge-row{display:flex;gap:8px;align-items:center;margin-bottom:13px;flex-wrap:wrap}.challenge-row span{color:#bed3db;font-size:12px;font-weight:900;letter-spacing:1px;margin-right:6px}.challenge{background:#0b2035a8;color:#c9e3e8;border:1px solid #a5c0ca66;border-radius:9px;padding:9px 15px;font-weight:900;font-size:12px}.challenge:hover{background:#2d5066}.challenge.active{background:#a7e66f;color:#1e4936;border-color:#efffc9;box-shadow:0 3px 0 #5b9b35}@media (orientation:landscape) and (max-height:600px){.challenge-row{margin-bottom:6px;gap:4px}.challenge{padding:4px 9px;font-size:10px}}