:root{--lime:#c5e87a;--pink:#ed8e78;--ink:#283b32;--cream:#f7f5ec;--mint:#d3e5d8;--purple:#b9a6d8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--ink);background:transparent;padding:12px 18px;border-radius:100px}a{color:inherit}button:hover{background:var(--lime)}button:focus-visible,a:focus-visible{outline:3px solid #8c65bd;outline-offset:5px}[hidden]{display:none!important}.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1440px;padding:25px 5%;margin:auto;border-bottom:1px solid #283b3220;z-index:5}.brand{display:flex;align-items:center;gap:2px;text-decoration:none;font-weight:900;font-size:28px;letter-spacing:-1.5px}.brand-light{font-weight:400}.logo{display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;width:36px;height:36px;font-size:25px;letter-spacing:-2px;margin-right:10px;background:var(--lime)}nav{display:flex;align-items:center;gap:30px}nav a{font-size:12px;text-decoration:none}#sound{font:700 10px monospace;letter-spacing:1px;padding:12px 16px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px;padding:65px 7% 75px;min-height:650px}.eyebrow{font:700 10px monospace;letter-spacing:2px;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#598a52;box-shadow:0 0 0 4px #c5e87a55}h1{font-size:clamp(52px,6.5vw,92px);line-height:1.02;letter-spacing:-5.5px;margin:30px 0 22px;font-weight:800;position:relative}h1 em{font-family:Georgia,serif;font-weight:400;color:#759b63}h1 .spark{position:absolute;color:var(--pink);font-size:60px;transform:rotate(13deg);margin-left:12px;top:7px}p{font-size:14px;line-height:1.85;color:#647268}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.primary{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:55px;padding:18px 25px;background:var(--ink);color:var(--cream);border-radius:5px;font:700 11px monospace;letter-spacing:1px;box-shadow:4px 4px 0 #b7cba7}.primary:hover{background:#45634a;color:white;transform:translateY(-2px)}.secondary{font-size:12px;text-underline-offset:6px}.play-note{display:flex;flex-wrap:wrap;gap:17px;font:9px monospace;color:#75816f;margin-top:26px}.hero-art{position:relative;max-width:440px;width:100%;margin:auto;padding:24px 10px}.portrait-card{border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;transform:rotate(4deg);background:#fffdf5;position:relative;box-shadow:11px 13px 0 #dde2d1;transition:transform .3s}.portrait-card:hover{transform:rotate(0)}.portrait-top{padding:15px 18px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px}.portrait-card img{display:block;width:100%;height:auto}.portrait-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.portrait-bottom small{display:block;font:8px monospace;letter-spacing:1px;color:#75816f;margin-bottom:7px}.portrait-bottom strong{font-size:22px;letter-spacing:-.5px}.portrait-star{font-size:35px;color:#92996b}.sticker{position:absolute;z-index:2;font:9px monospace;letter-spacing:1px;border:1px solid var(--ink);padding:12px 14px;box-shadow:2px 3px 0 #283b32;border-radius:3px}.sticker-top{top:8px;right:-18px;background:var(--pink);transform:rotate(8deg)}.sticker-bottom{bottom:0;left:-35px;background:var(--lime);transform:rotate(-7deg)}.orbit{position:absolute;border:1px solid #b2bda7;border-radius:50%;width:125%;height:60%;top:23%;left:-12%;transform:rotate(-40deg)}.orbit-two{transform:rotate(40deg)}.floating-plus{position:absolute;font-size:55px;left:-45px;top:40px;color:#b9a6d8;transform:rotate(-15deg)}.marquee{display:flex;align-items:center;justify-content:space-around;gap:25px;white-space:nowrap;overflow:hidden;padding:21px 0;background:var(--lime);border-block:1px solid #283b3250;font-size:25px}.marquee span{font:700 11px monospace;letter-spacing:2px}.crew-section{max-width:1440px;margin:auto;padding:75px 7%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-2px;line-height:1.15;margin:16px 0}.section-heading p{font-size:12px;margin:0 0 4px}.crew-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.crew-card{border:1px solid #283b3240;border-radius:10px;padding:0;overflow:hidden;text-align:left;background:#fffdf7;transition:transform .2s,box-shadow .2s}.crew-card:hover{transform:translateY(-6px);background:#fffdf7;box-shadow:0 8px 0 #e1e5d6}.crew-card.selected{outline:2px solid var(--ink);outline-offset:4px}.crew-image{position:relative;overflow:hidden}.crew-image img{width:100%;height:auto;display:block;transition:transform .3s}.crew-card:hover img{transform:scale(1.045)}.number{position:absolute;z-index:1;left:12px;top:13px;font:9px monospace}.selected-label{display:none;position:absolute;bottom:12px;left:12px;z-index:1;background:var(--ink);color:white;font:8px monospace;letter-spacing:1px;padding:7px 9px;border-radius:30px}.selected .selected-label{display:block}.crew-info{padding:18px 14px;display:flex;align-items:center;justify-content:space-between;gap:7px}.crew-info strong{font-size:16px;letter-spacing:-.5px}.crew-info small{display:block;font:7px/1.7 monospace;color:#71806f;margin-top:8px}.crew-info>span{border:1px solid #a4b59f;border-radius:50%;display:grid;place-items:center;min-width:25px;height:25px}.collection-credit{font-size:10px;margin:24px 0 0}.collection-credit a{text-underline-offset:3px}.how-section{background:#e5e9db;padding:65px max(7%,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;border-block:1px solid #283b3220}.how-section .primary{margin-top:24px}.steps>div{display:flex;gap:20px;align-items:start;border-bottom:1px solid #283b3225;padding:20px 0}.steps b{font:11px monospace;background:var(--cream);padding:10px;border:1px solid #b3beaa;border-radius:50%}.steps strong{font-size:18px;letter-spacing:-.5px}.steps small{display:block;font-size:11px;line-height:1.8;color:#687867;margin-top:9px}.steps p{font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 7%}footer .brand{font-size:22px}footer>span,footer>a:last-child{font-size:9px;color:#71806f}#game{display:none;position:fixed;inset:0;width:100%;height:100%;background:#b5dcdb}.in-game{overflow:hidden;background:#b5dcdb}.in-game #game{display:block}.in-game .site-header{position:fixed;top:0;width:100%;max-width:none;background:#f7f5eced;padding:15px 5%}.in-game .menu-link{display:none}#hud{position:fixed;inset:95px 5% 20px;pointer-events:none}.hudtop{display:flex;gap:40px;font:10px monospace;letter-spacing:2px}.hudtop>div{background:#fffdf4e8;border:1px solid #283b3230;border-radius:8px;padding:12px 18px}.hudtop b{display:block;font:bold 27px Arial;letter-spacing:0;margin-top:6px}.bar{width:105px;background:#283b3220;height:4px;margin-top:7px}.bar i{display:block;width:100%;height:100%;background:#648f51}#pause{pointer-events:auto;align-self:start;margin-left:auto;background:var(--cream);font-size:10px}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font:30px monospace;color:#283b32;text-shadow:0 0 3px #fff}#message{text-align:center;margin-top:30px;font:700 13px monospace;letter-spacing:3px}.bottom{position:absolute;bottom:0;display:flex;align-items:center;gap:12px;background:#fffdf4e8;border:1px solid #283b3230;padding:8px 16px 8px 8px;border-radius:8px;font-size:12px}.bottom img{width:42px;height:42px;border-radius:4px}.bottom span:last-child{font:9px monospace;color:#647268;margin-left:15px}#end{position:fixed;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90%,430px);padding:35px;background:var(--cream);border:1px solid var(--ink);border-radius:12px;box-shadow:10px 10px 0 #283b3244}#end h2{font-size:36px}#end button{margin-top:15px}#back-home{font-size:10px;display:block}#touch{position:fixed;bottom:95px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;z-index:4;touch-action:none}#touch button{background:#f7f5ecd9;min-width:44px;padding:14px;user-select:none;border-radius:10px}#fire{background:var(--pink)!important;border-radius:50%!important;height:78px;width:78px;font-weight:bold}@media(min-width:1500px){.hero{min-height:720px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:950px){.hero{gap:30px;padding:60px 5%;min-height:0}h1{letter-spacing:-3px}h1 .spark{font-size:36px;right:0}.hero-art{width:90%}.sticker{font-size:7px}.sticker-top{right:-10px}.sticker-bottom{left:-15px}.crew-section{padding:60px 5%}.crew-grid{grid-template-columns:repeat(2,1fr);gap:25px}.how-section{gap:35px;padding:50px 5%}.bottom span:last-child{display:none}.play-note{font-size:8px;gap:10px}}@media(max-width:600px){.site-header{padding:18px 5%}.brand{font-size:23px}.logo{width:30px;height:30px;font-size:20px}nav{gap:10px}.menu-link{display:none}.hero{grid-template-columns:1fr;padding:45px 6% 50px;gap:35px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px}h1{font-size:62px;letter-spacing:-3.5px;margin:22px 0}h1 .spark{right:12px;top:14px;font-size:30px}.hero p{font-size:12px}.hero-actions{justify-content:center;gap:22px}.play-note{justify-content:center}.hero-art{max-width:320px;width:85%}.portrait-bottom strong{font-size:20px}.sticker-bottom{font-size:7px;left:-24px}.marquee{padding:16px 0}.marquee span{font-size:9px}.section-heading{display:block;margin-bottom:25px}.section-heading p{font-size:11px}.section-heading h2{font-size:33px}.crew-grid{gap:20px 14px}.crew-info{padding:13px 10px}.crew-info strong{font-size:13px}.crew-info small{font-size:6px}.crew-info>span{display:none}.number{font-size:8px;left:9px;top:9px}.selected-label{font-size:7px;padding:5px 7px;left:8px;bottom:8px}.collection-credit{font-size:9px}.how-section{grid-template-columns:1fr;gap:20px;padding:45px 6%}.how-section h2{font-size:35px}.steps>div{padding:18px 0}footer{flex-wrap:wrap;padding:30px 6%}footer>span{order:3;flex-basis:100%;line-height:1.8}.hudtop{gap:10px}.hudtop>div{padding:10px;font-size:8px;letter-spacing:1px}.hudtop b{font-size:23px}.bar{width:65px}#pause{font-size:8px;padding:10px}#hud{inset:90px 4% 15px}.bottom{font-size:10px}.bottom img{width:30px;height:30px}#message{font-size:11px;letter-spacing:2px}#end{padding:25px}#end h2{font-size:30px}}
.weapon-selector{position:absolute;bottom:0;right:0;display:flex;gap:7px;pointer-events:auto}.weapon-selector button{border-radius:6px;background:#f7f5ecdc;padding:12px 14px;font:11px monospace}.weapon-selector button.active{background:var(--ink);color:var(--cream)}.weapon-selector span{font-size:9px;margin-left:5px}@media(max-width:750px){.weapon-selector{bottom:65px}.weapon-selector button{padding:10px}.weapon-selector span{font-size:8px}#touch{bottom:145px}.bottom{max-width:100%}}
/* True 3D arena interface */
#game{touch-action:none;outline:none}#launch-error{background:#f7ddd3;border:1px solid #cb755a;border-radius:6px;padding:12px;font-size:12px}.audio-settings{position:relative;font:700 10px monospace;letter-spacing:1px}.audio-settings summary{cursor:pointer;list-style:none;padding:12px;border:1px solid #8c9b87;border-radius:30px}.audio-settings summary::-webkit-details-marker{display:none}.audio-settings>div{position:absolute;right:0;top:46px;min-width:210px;padding:20px;background:var(--cream);border:1px solid #8c9b87;border-radius:8px;box-shadow:4px 4px 0 #283b3233;z-index:10}.audio-settings label{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;margin:8px 0}.audio-settings input{width:120px;accent-color:#6c9364}.in-game .site-header{pointer-events:none}.in-game .site-header>*{pointer-events:auto}#damage-flash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 30%,#e78e69cc);opacity:0}#crosshair{width:22px;height:22px;text-shadow:none;transition:width .12s,height .12s}#crosshair i{position:absolute;background:#334b3a;box-shadow:0 0 2px #fff;width:2px;height:6px}#crosshair i:nth-child(1){left:10px;top:0}#crosshair i:nth-child(2){left:10px;bottom:0}#crosshair i:nth-child(3){left:0;top:10px;width:6px;height:2px}#crosshair i:nth-child(4){right:0;top:10px;width:6px;height:2px}#crosshair.aiming{transform:translate(-50%,-50%) scale(.65)}#crosshair.hit{transform:translate(-50%,-50%) rotate(45deg);filter:drop-shadow(0 0 3px #ed8e78)}#crosshair.hit i{background:#ea724e}#arena-meta{position:absolute;top:105px;left:0;font:9px monospace;letter-spacing:1px;color:#344b3d;background:#f7f5ecbb;padding:7px 10px;border-radius:4px}.bottom .ammo-display{display:flex;align-items:center;gap:12px;margin-left:10px;border-left:1px solid #283b3230;padding-left:15px}.ammo-display strong{font:700 17px monospace;white-space:nowrap}.ammo-display button{pointer-events:auto;font:9px monospace;padding:8px 10px;border-radius:5px;background:#e5ead8}.ammo-display button.loading{background:#f0d4ab}.bottom>span:nth-child(3){font:8px monospace;max-width:145px;line-height:1.7;color:#65715e}.touch-actions{display:flex;flex-direction:column;align-items:end;gap:12px}.touch-actions>div{display:flex;gap:8px}.touch-actions button{font-size:9px!important;min-width:45px!important;padding:12px!important}#aim.active{background:#c5e87a!important}#touch #fire{font-size:13px!important}.weapon-selector{bottom:0}.bottom{padding-right:12px}#hud .weapon-selector button{transition:background .15s}#end{z-index:12}.in-game .audio-settings>div{right:-45px}@media(max-width:950px){.bottom>span:nth-child(3){display:none}.bottom .ammo-display{margin-left:0;padding-left:10px}.ammo-display strong{font-size:14px}.weapon-selector{bottom:70px}}@media(max-width:600px){.in-game .site-header{padding:15px 4%}.in-game .site-header .brand{font-size:19px}.in-game .logo{width:27px;height:27px;font-size:18px;margin-right:7px}.in-game nav{gap:6px}#sound{padding:11px;font-size:8px}.audio-settings summary{font-size:8px;padding:10px}.site-header nav{gap:7px}.site-header .brand{font-size:21px}.site-header .logo{margin-right:6px}.bottom{gap:8px;width:100%;justify-content:space-between;min-height:48px}.bottom #player-name{font-size:9px;max-width:76px}.bottom .ammo-display{gap:8px}.ammo-display button{font-size:8px;padding:9px}.weapon-selector{bottom:64px;left:0;right:0;justify-content:end}.weapon-selector button{padding:10px 12px}#touch{bottom:138px;left:15px;right:15px}#touch>div:first-child button{min-width:41px;padding:13px}#arena-meta{top:90px;font-size:8px}.hudtop>div{padding:9px}#hud{inset:88px 4% 15px}.touch-actions #fire{height:69px;width:69px}.touch-actions{gap:10px}}
.hero{overflow:clip}
#message{position:absolute;top:125px;left:0;right:0;margin:0}@media(max-width:600px){#message{top:128px;font-size:9px;letter-spacing:1px;line-height:1.8}}