:root{--ink:#020807;--panel:#071710;--green:#54f08a;--gold:#d7ac55;--cream:#f6f0df;--muted:#9eb2a8;--line:rgba(215,172,85,.25);--display:"Cinzel",Georgia,serif;--body:"Inter",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--cream);background:radial-gradient(circle at 50% 0,#0c2c20 0,#020807 34%);font-family:var(--body);line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}.game-header{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:30px;padding:0 clamp(16px,5vw,70px);background:rgba(2,8,7,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.game-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:700 14px var(--display);text-transform:uppercase;letter-spacing:.08em}.game-brand img{width:43px;height:43px;object-fit:cover;border-radius:50%;border:1px solid var(--gold)}.header-stats{display:flex;gap:25px;margin-left:auto;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.header-stats strong{color:var(--gold);font-size:14px;margin-left:6px}.back-link{color:var(--cream);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border:1px solid var(--line);padding:8px 13px}.game-page{width:min(1500px,100%);margin:auto}.game-intro{text-align:center;padding:70px 20px 40px}.eyebrow{margin:0 0 12px;color:var(--green);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.2em}h1,h2,h3{font-family:var(--display);text-transform:uppercase;line-height:1.08;margin-top:0}h1{margin-bottom:18px;font-size:clamp(44px,7vw,86px);color:var(--gold)}.game-intro>p:last-child{max-width:720px;margin:auto;color:var(--muted);font-size:17px}.game-shell{margin:0 clamp(10px,3vw,45px) 90px;background:#04100c;border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.5)}.topbar{min-height:65px;display:flex;align-items:center;gap:28px;padding:9px 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#081c14,#04100c)}.stat{display:flex;align-items:center;gap:9px}.stat>span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.stat>strong{color:var(--gold);font:700 18px var(--display)}.health-stat{min-width:200px}.meter{width:120px;height:8px;overflow:hidden;background:#15231d;border:1px solid rgba(255,255,255,.08)}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#1da65b,#65f496);transition:width .2s}.hero-meter i{background:linear-gradient(90deg,#bd8530,#efcb73)}.icon-button{width:38px;height:38px;margin-left:auto;color:var(--cream);background:#0d241a;border:1px solid var(--line);font-weight:800}.icon-button+.icon-button{margin-left:-20px}.canvas-wrap{position:relative;overflow:hidden;background:#03100e;touch-action:none}.canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#06201a}.screen{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:radial-gradient(circle,rgba(8,35,25,.9),rgba(1,7,5,.98))}.screen.hidden,.wave-banner.hidden,.floating-message.hidden{display:none}.start-screen>img{width:130px;height:130px;margin-bottom:18px;object-fit:cover;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 50px rgba(84,240,138,.2)}.screen h2{margin:0 0 12px;color:var(--gold);font-size:clamp(32px,5vw,58px)}.screen>p:not(.eyebrow){max-width:570px;color:var(--muted)}.control-hints{display:flex;gap:9px;margin:13px 0 22px}.control-hints span{min-width:92px;padding:8px 12px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:9px;text-transform:uppercase}.control-hints strong{display:block;color:var(--cream);font-size:12px}.gold-button{min-height:48px;padding:11px 24px;color:#07110d;background:linear-gradient(135deg,#e4c06c,#ae7522);border:1px solid #efcf83;font-weight:900;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.result-grid{display:flex;gap:10px;margin:15px 0 24px}.result-grid span{min-width:125px;padding:12px;color:var(--muted);background:rgba(255,255,255,.04);font-size:9px;text-transform:uppercase}.result-grid strong{display:block;color:var(--gold);font:700 25px var(--display)}.wave-banner{position:absolute;z-index:12;left:50%;top:19%;transform:translate(-50%,-50%);padding:10px 35px;text-align:center;background:rgba(2,8,7,.86);border-block:1px solid var(--gold);pointer-events:none;animation:banner 1.8s ease forwards}.wave-banner small,.wave-banner strong{display:block;text-transform:uppercase}.wave-banner small{color:var(--green);font-size:9px;letter-spacing:.18em}.wave-banner strong{color:var(--gold);font:700 27px var(--display)}.floating-message{position:absolute;z-index:13;left:50%;bottom:14%;transform:translateX(-50%);padding:8px 16px;background:rgba(2,8,7,.9);border:1px solid var(--gold);color:var(--cream);font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.joystick,.volley-button{display:none}.build-bar{display:grid;grid-template-columns:1fr repeat(3,minmax(170px,260px));gap:9px;padding:13px;background:#061811;border-top:1px solid var(--line)}.build-title{display:flex;flex-direction:column;justify-content:center;padding-left:7px}.build-title span{font:700 14px var(--display);text-transform:uppercase;color:var(--gold)}.build-title small{color:var(--muted);font-size:10px}.tower-card{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:8px;padding:10px;color:var(--cream);text-align:left;background:#0b251a;border:1px solid rgba(215,172,85,.19);cursor:pointer;transition:.2s}.tower-card:hover,.tower-card.selected{border-color:var(--gold);transform:translateY(-2px);background:#113223}.tower-card>span{font-size:22px}.tower-card strong,.tower-card small{display:block}.tower-card strong{font:700 11px var(--display);text-transform:uppercase}.tower-card small{color:var(--muted);font-size:9px}.tower-card b{color:var(--gold);font-size:10px;white-space:nowrap}.tower-card:disabled{opacity:.42;cursor:not-allowed;transform:none}.progression{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:70px clamp(20px,6vw,90px) 110px}.progression-copy h2,.future-camp h2{font-size:clamp(34px,4vw,56px);color:var(--gold)}.progression-copy>p:last-child{color:var(--muted)}.upgrade-grid{display:grid;gap:10px}.upgrade{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:15px;padding:18px;color:var(--cream);text-align:left;background:#071b13;border:1px solid var(--line);cursor:pointer}.upgrade:hover{border-color:var(--gold)}.upgrade>span{font-size:27px}.upgrade strong,.upgrade small{display:block}.upgrade strong{font:700 14px var(--display);text-transform:uppercase}.upgrade small{color:var(--green);font-size:9px;text-transform:uppercase}.upgrade p{margin:3px 0 0;color:var(--muted);font-size:11px}.upgrade b{color:var(--gold);font-size:10px}.upgrade:disabled{opacity:.42;cursor:not-allowed}.future-camp{padding:100px clamp(20px,6vw,90px);border-top:1px solid var(--line);background:linear-gradient(rgba(2,8,7,.92),rgba(2,8,7,.98)),url("assets/robster-banner.jpeg") center/cover}.future-camp>h2,.future-camp>.eyebrow{text-align:center}.future-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.future-grid article{padding:30px 24px;background:rgba(5,21,15,.89);border:1px solid var(--line)}.future-grid span{color:var(--green);font:700 11px var(--display)}.future-grid h3{margin:35px 0 12px;color:var(--gold);font-size:16px}.future-grid p{margin:0;color:var(--muted);font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px clamp(20px,6vw,90px);background:#010403;border-top:1px solid var(--line)}footer p{max-width:900px;color:#607168;font-size:9px}footer div{display:flex;gap:20px}footer a{color:var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;text-decoration:none}@keyframes banner{0%{opacity:0;transform:translate(-50%,-70%) scale(.8)}20%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-35%)}}@media(max-width:850px){.header-stats{display:none}.back-link{margin-left:auto}.game-intro{padding-top:45px}.topbar{gap:10px}.stat>span{display:none}.health-stat{min-width:0}.meter{width:80px}.build-bar{grid-template-columns:repeat(3,1fr)}.build-title{grid-column:1/-1}.progression{grid-template-columns:1fr}.future-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.game-header{height:59px}.game-brand img{width:36px;height:36px}.game-brand span{font-size:11px}.back-link{font-size:8px;padding:7px}.game-intro{padding:32px 17px 24px}.game-intro>p:last-child{font-size:13px}.game-shell{margin:0 0 65px;border-inline:0}.topbar{min-height:51px;padding:6px 8px;gap:7px}.stat>strong{font-size:14px}.health-stat .meter{width:52px}.hero-meter{display:none}.icon-button{width:32px;height:32px}.icon-button+.icon-button{margin-left:-3px}.canvas-wrap{height:min(68vh,540px)}.canvas-wrap canvas{width:100%;height:100%;object-fit:cover}.start-screen>img{width:88px;height:88px}.start-screen>p:not(.eyebrow){font-size:11px}.screen h2{font-size:30px}.control-hints{display:none}.result-grid{gap:4px}.result-grid span{min-width:92px;padding:8px 4px}.joystick{display:block;position:absolute;z-index:10;left:20px;bottom:18px;width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(1,8,5,.35);touch-action:none}.joystick i{position:absolute;left:27px;top:27px;width:30px;height:30px;border-radius:50%;background:rgba(215,172,85,.65);border:1px solid var(--gold)}.volley-button{display:flex;position:absolute;z-index:10;right:20px;bottom:22px;width:70px;height:70px;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;color:var(--cream);background:rgba(7,28,19,.85);border:2px solid var(--gold);overflow:hidden}.volley-button span{font-size:22px}.volley-button small{font-size:8px;text-transform:uppercase}.volley-button i{position:absolute;inset:auto 0 0;height:0;background:rgba(0,0,0,.58);pointer-events:none}.build-bar{gap:4px;padding:7px}.build-title small{display:none}.tower-card{display:flex;flex-direction:column;gap:2px;padding:7px 3px;text-align:center}.tower-card>span{font-size:20px}.tower-card small{display:none}.tower-card strong{font-size:8px}.tower-card b{font-size:8px}.progression{padding:55px 16px 80px;gap:25px}.upgrade{padding:13px 10px;grid-template-columns:34px 1fr auto}.upgrade p{display:none}.future-camp{padding:70px 16px}.future-grid{grid-template-columns:1fr}.future-grid article{padding:24px}footer{align-items:flex-start;flex-direction:column}}