@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{color-scheme:dark;--black: #071015;--white: #fbfbf4;--green: #d8f19f;font-family:Inter,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{margin:0;overflow:hidden;background:radial-gradient(circle at 70% 30%,#26343a,var(--black) 72%);color:var(--white)}button,a{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:1px solid var(--white);outline-offset:4px}::selection{color:var(--black);background:var(--green)}.site-game,.game-scrim{position:fixed;inset:0}.site-game{z-index:0;overflow:hidden;opacity:1;transition:opacity .18s ease}.site-game canvas{width:100%;height:100%;display:block;pointer-events:none}.site-game.interactive canvas{pointer-events:none;touch-action:none}.site-game.beach-interactive canvas{pointer-events:auto;touch-action:none;cursor:grab}.site-game.beach-interactive canvas:active{cursor:grabbing}.site-game.beach-live canvas,.site-game.beach-live canvas:active{cursor:default}.site-game.hidden-game{opacity:0;pointer-events:none}.game-scrim{z-index:1;pointer-events:none;opacity:1;background:linear-gradient(135deg,rgba(3,11,15,.56) 0,rgba(3,11,15,.08) 27%,transparent 48%),linear-gradient(0deg,rgba(3,11,15,.46) 0,transparent 24%);transition:opacity .18s ease}.game-scrim.hidden-background{opacity:0}.game-scrim.beach-background{background:linear-gradient(135deg,rgba(8,49,64,.48) 0,rgba(8,49,64,.04) 31%,transparent 49%),linear-gradient(0deg,rgba(63,35,24,.32) 0,transparent 25%)}.portfolio-shell{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;pointer-events:none}.project-index{position:absolute;z-index:6;top:clamp(22px,4.2vh,42px);left:clamp(20px,3.4vw,54px);width:max-content;pointer-events:auto;text-shadow:0 2px 13px rgba(0,0,0,.88)}.logo{width:max-content;display:block;margin-bottom:20px;color:var(--white);font-size:1.18rem;font-weight:600;letter-spacing:-.04em;text-decoration:none}.logo span{color:var(--green)}.project-index nav{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.project-link{width:max-content;min-height:25px;display:grid;grid-template-columns:24px auto 14px 13px;align-items:center;gap:7px;color:#ffffffdb;font-size:.88rem;letter-spacing:-.02em;text-decoration-color:#d8f19f8c;text-decoration-thickness:1px;text-underline-offset:5px;transition:color .13s ease,transform .13s ease}.project-link:hover{color:var(--green);transform:translate(4px)}.project-link .index{color:var(--green);font-family:DM Mono,monospace;font-size:.62rem}.project-link b{font-size:.65rem;font-weight:400;opacity:0;transition:opacity .13s ease}.project-link:hover b{opacity:1}.lock{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.35;opacity:.75}.ecosystem-account{margin-top:18px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.ecosystem-account button{padding:0;border:0;background:transparent;color:var(--green);font-family:DM Mono,monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-shadow:inherit}.ecosystem-account button:disabled{cursor:wait;opacity:.55}.owner-chip{display:flex;align-items:center;gap:8px;text-align:left}.owner-chip img{width:25px;height:25px;border:1px solid rgba(216,241,159,.8);border-radius:50%}.owner-chip span{display:flex;flex-direction:column;gap:2px;color:#ffffffbf;font-family:Inter,sans-serif;font-size:.64rem;letter-spacing:0;text-transform:none}.owner-chip b{color:var(--green);font-family:DM Mono,monospace;font-size:.52rem;letter-spacing:.12em}.ecosystem-account small{max-width:190px;color:#ffcf8b;font-size:.62rem}.background-picker{position:absolute;z-index:6;top:clamp(22px,4.2vh,42px);right:clamp(20px,3.4vw,54px);display:flex;align-items:center;gap:14px;pointer-events:auto;font-family:DM Mono,monospace;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.9)}.background-picker>span{color:#ffffff75;font-size:.58rem;letter-spacing:.1em}.background-picker button{padding:0 0 5px;border:0;border-bottom:1px solid transparent;background:transparent;color:#ffffffad;font-size:.67rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.background-picker button:hover,.background-picker button.active{color:var(--green);border-color:var(--green)}.game-interface{flex:1;display:flex;align-items:flex-end;padding:26px clamp(20px,3.4vw,54px) 30px}.beach-controls{width:100%;display:grid;grid-template-columns:minmax(190px,1fr) minmax(220px,280px) auto auto auto;align-items:end;gap:22px;pointer-events:none;font-family:DM Mono,monospace;text-shadow:0 2px 12px rgba(0,0,0,.72)}.beach-title{position:relative;z-index:6;display:flex;flex-direction:column;gap:5px}.beach-title strong{color:#fff;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.beach-title span{color:#ffffffdb;font-family:Inter,sans-serif;font-size:.78rem}.beach-mode-switch{display:flex;align-items:center;gap:5px;margin:2px 0;pointer-events:auto}.beach-mode-switch button{min-height:26px;padding:0 9px;border:1px solid rgba(255,255,255,.46);background:rgba(13,53,63,.28);color:#ffffffb8;font-family:DM Mono,monospace;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.beach-mode-switch button.active{color:#163340;background:#fff3a8;border-color:#fff3a8}.beach-live-joystick-zone{display:none}.beach-sim-card{padding:10px 12px 11px;border:1px solid rgba(255,255,255,.5);background:rgba(13,53,63,.28);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.beach-sim-card header{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.beach-sim-card header strong{color:#fff3a8;font-size:.67rem;letter-spacing:.07em}.beach-sim-card header span{color:#ffffffc7;font-size:.55rem;letter-spacing:.04em}.beach-needs{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.beach-needs label{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:6px}.beach-needs label>span{color:#ffffffb8;font-size:.48rem;text-transform:uppercase}.beach-needs i{height:4px;overflow:hidden;background:rgba(255,255,255,.2)}.beach-needs b{display:block;height:100%;background:#fff3a8;transition:width .18s linear}.beach-news{position:fixed;z-index:7;right:clamp(20px,3.4vw,54px);bottom:88px;max-width:min(360px,100vw - 32px);display:flex;align-items:center;gap:10px;pointer-events:auto;text-shadow:0 2px 10px rgba(0,0,0,.75)}.beach-news>button{flex:0 0 auto;min-height:31px;padding:0 10px;border:1px solid rgba(255,255,255,.55);background:rgba(13,53,63,.42);color:#fff3a8;font-family:DM Mono,monospace;font-size:.52rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.beach-news>span{overflow:hidden;color:#ffffffd6;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.beach-news.open{width:min(330px,100vw - 32px);display:block;padding:11px;background:rgba(9,42,52,.82);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.beach-news.open>button{width:100%;margin-bottom:9px}.beach-news ol{max-height:190px;margin:0;padding:0 0 0 20px;overflow:auto}.beach-news li{margin:0 0 7px;color:#ffffffdb;font-family:Inter,sans-serif;font-size:.68rem;line-height:1.3}.beach-news li:last-child{margin-bottom:0}.beach-room{display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:auto}.beach-room>span{color:#ffffffb3;font-size:.51rem;letter-spacing:.06em;text-transform:uppercase}.beach-room button{min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.55);background:rgba(13,53,63,.34);color:#fff;font-family:DM Mono,monospace;font-size:.54rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.beach-room button.active{color:#163340;background:#fff3a8;border-color:#fff3a8}.beach-room button:disabled{opacity:.6}.beach-status{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 12px;text-align:right}.beach-status span{color:#fff3a8;font-size:.65rem;letter-spacing:.1em}.beach-status b{color:#fff;font-size:.67rem;font-weight:500;text-transform:uppercase}.beach-status small{grid-column:1/-1;max-width:360px;color:#ffffffc7;font-size:.57rem;letter-spacing:.04em}.beach-reset{min-height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.72);background:rgba(18,60,72,.28);color:#fff;font-size:.64rem;letter-spacing:.07em;text-transform:uppercase;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.beach-reset:hover{color:#163340;background:#fff3a8;border-color:#fff3a8}.slingshot-controls{width:100%;display:flex;align-items:flex-end;justify-content:flex-end;gap:22px;pointer-events:none;font-family:DM Mono,monospace;text-shadow:0 2px 12px rgba(0,0,0,.9)}.game-copy{margin-right:auto;display:flex;flex-direction:column;gap:5px}.game-copy strong{color:var(--white);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.game-copy span{color:#ffffffb8;font-family:Inter,sans-serif;font-size:.78rem}.slingshot-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.slingshot-status span{color:var(--green);font-size:.59rem;letter-spacing:.1em;text-transform:uppercase}.slingshot-status b{font-size:.68rem;font-weight:400;text-transform:uppercase}.runner-joystick-zone,.runner-action-zone{display:none}.runner-joystick{position:absolute;width:104px;height:104px;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:rgba(2,14,19,.22);box-shadow:inset 0 0 28px #d8f19f12,0 8px 30px #00000029;transform:translate(-50%,-50%);pointer-events:none}.runner-joystick:before,.runner-joystick:after{content:"";position:absolute;background:rgba(255,255,255,.18)}.runner-joystick:before{left:14px;right:14px;top:50%;height:1px}.runner-joystick:after{top:14px;bottom:14px;left:50%;width:1px}.runner-joystick span{position:absolute;left:27px;top:27px;width:50px;height:50px;border:1px solid rgba(216,241,159,.88);border-radius:50%;background:rgba(216,241,159,.38);box-shadow:0 0 22px #d8f19f2e;will-change:transform}.runner-action{position:absolute;width:76px;height:76px;border:1px solid rgba(255,255,255,.46);border-radius:50%;background:rgba(2,14,19,.18);transform:translate(-50%,-50%);pointer-events:none}.runner-action i{position:absolute;left:50%;top:50%;height:3px;border-radius:2px;background:var(--green);box-shadow:0 0 14px #d8f19f99;transform-origin:left center}.runner-action span{position:absolute;left:17px;top:17px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--green);border-radius:50%;background:rgba(216,241,159,.26);color:var(--green);font-size:1rem;will-change:transform}.runner-action.web{border-color:#baf8ff;box-shadow:inset 0 0 25px #91f0ff33}.runner-action.web i,.runner-action.web span{border-color:#baf8ff;background-color:#91f0ff4d;color:#eaffff}.runner-action.shot{border-color:#ffd36b}.runner-action.shot i,.runner-action.shot span{border-color:#ffd36b;background-color:#ffd36b57;color:#fff0a8}.runner-action.jump{border-color:var(--green)}.runner-action.jump i,.runner-action.jump span{border-color:var(--green);background-color:#d8f19f4d;color:var(--green)}.runner-action.charge{border-color:#ff9f65;box-shadow:inset 0 0 25px #ff9f6533}.runner-action.charge i,.runner-action.charge span{border-color:#ff9f65;background-color:#ff9f6557;color:#ffd0b3}.reset,.start,.tune{min-height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.65);background:rgba(4,13,16,.24);color:var(--white);font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reset:hover,.start:hover,.tune:hover,.tune.active{color:var(--black);background:var(--green);border-color:var(--green)}.gameplay-tuner{position:absolute;right:clamp(20px,3.4vw,54px);bottom:82px;z-index:7;width:min(270px,100vw - 32px);padding:14px 16px;border:1px solid rgba(216,241,159,.46);background:rgba(5,17,20,.82);box-shadow:0 14px 42px #00000047;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto}.gameplay-tuner label{display:grid;gap:7px;margin-bottom:11px}.gameplay-tuner label:last-child{margin-bottom:0}.gameplay-tuner span{display:flex;justify-content:space-between;color:#ffffffbf;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase}.gameplay-tuner b{color:var(--green);font-weight:500}.gameplay-tuner input{width:100%;accent-color:var(--green);cursor:ew-resize;touch-action:none}.tune,.reset{position:relative;z-index:7}.biplanes-controls{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.game-score{position:absolute;top:clamp(72px,10vh,96px);right:clamp(20px,3.4vw,54px);display:flex;align-items:center;gap:14px;font-family:DM Mono,monospace;text-shadow:0 2px 12px rgba(0,0,0,.9)}.game-score span{color:var(--green);font-size:.62rem;letter-spacing:.1em}.game-score strong{font-size:1.4rem;font-weight:500}.game-actions{display:flex;align-items:center;gap:20px;pointer-events:auto}.game-actions p{margin:0;color:#ffffffd1;font-size:.76rem;text-shadow:0 2px 10px #00141e}kbd{color:#fff;font-family:DM Mono,monospace;font-size:.7rem}.mobile-controls{display:none}.silicone-controls{width:100%;display:grid;grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:22px;font-family:DM Mono,monospace;text-shadow:0 2px 12px rgba(0,0,0,.9);pointer-events:none}.silicone-copy{display:flex;flex-direction:column;gap:5px}.silicone-copy strong{font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.silicone-copy span{color:#ffffffb8;font-family:Inter,sans-serif;font-size:.78rem}.silicone-shapes,.silicone-actions{display:flex;align-items:center;gap:9px;pointer-events:auto}.silicone-shapes button{padding:0 0 5px;border:0;border-bottom:1px solid transparent;background:transparent;color:#ffffffa3;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.silicone-shapes button:hover,.silicone-shapes button.active{color:#f0bda8;border-color:#f0bda8}.motion-toggle,.silicone-bump{min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.62);background:rgba(17,9,22,.3);color:var(--white);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.motion-toggle:hover,.motion-toggle.active,.silicone-bump:hover{color:#170d0a;background:#f0bda8;border-color:#f0bda8}.motion-toggle:disabled{cursor:default;opacity:.55}@media (max-width: 720px){.project-index{top:18px;left:16px}.logo{margin-bottom:13px;font-size:1rem}.project-index nav{gap:4px}.project-link{min-height:22px;grid-template-columns:20px auto 12px 10px;gap:5px;font-size:.76rem}.project-link .index{font-size:.54rem}.background-picker{top:18px;right:16px;flex-direction:column;align-items:flex-end;gap:7px}.background-picker>span{margin-bottom:2px}.background-picker button{font-size:.59rem}.game-interface{padding:18px 16px max(20px,env(safe-area-inset-bottom))}.beach-controls{grid-template-columns:1fr auto;gap:10px}.beach-sim-card{grid-column:1/-1;width:min(100%,330px);padding:8px 10px 9px}.beach-room{align-items:flex-start}.beach-room>span{display:none}.beach-room button{min-height:32px}.beach-news{left:16px;right:16px;bottom:188px;max-width:calc(100vw - 32px)}.beach-news.open{width:calc(100vw - 32px)}.beach-title span{display:block;max-width:235px;font-size:.62rem;line-height:1.35}.beach-title strong{max-width:180px;font-size:.61rem}.beach-status{display:block;margin-right:0}.beach-status b{margin-left:8px}.beach-status small,.beach-reset{display:none}.slingshot-controls{gap:12px}.game-copy,.slingshot-status{display:none}.reset{min-height:34px;padding:0 11px;font-size:.58rem}.biplanes-controls{align-items:flex-end}.game-score{top:118px;right:16px}.game-actions{position:absolute;right:16px;bottom:max(105px,env(safe-area-inset-bottom) + 92px)}.game-actions p{display:none}.start{min-width:82px;min-height:34px}.mobile-controls{width:100%;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:auto;touch-action:none}.silicone-controls{grid-template-columns:1fr;gap:11px}.silicone-copy span{max-width:240px;font-size:.7rem}.silicone-shapes{order:2}.silicone-actions{order:3}.motion-toggle,.silicone-bump{min-height:36px;padding:0 12px}.d-pad{width:142px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}.d-pad button,.fire{border:1px solid rgba(255,255,255,.42);background:rgba(2,14,19,.58);color:var(--white);-webkit-user-select:none;user-select:none;touch-action:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.d-pad button:active,.fire:active{color:#050505;background:#ffd337;border-color:#ffd337}.d-pad button:nth-child(1){grid-column:2}.d-pad button:nth-child(2){grid-column:1;grid-row:2}.d-pad button:nth-child(3){grid-column:2;grid-row:2}.d-pad button:nth-child(4){grid-column:3;grid-row:2}.fire{width:74px;height:74px;border-radius:50%;font-family:DM Mono,monospace;font-size:.72rem}}@media (pointer: coarse){.runner-joystick-zone,.runner-action-zone{position:fixed;top:0;bottom:0;z-index:4;display:block;width:50vw;height:100svh;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.runner-joystick-zone{left:0}.runner-action-zone{right:0}.beach-live-joystick-zone{position:fixed;left:0;bottom:0;z-index:5;display:block;width:50vw;height:55svh;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.beach-live-joystick{border-color:#fff3a8b8;background:rgba(7,57,69,.28)}.beach-live-joystick span{border-color:#fff3a8;background:rgba(255,243,168,.42)}}@media (max-height: 650px) and (max-width: 720px){.project-index nav{gap:1px}.project-link{min-height:19px}.d-pad{width:124px;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px)}.fire{width:64px;height:64px}}@media (prefers-reduced-motion: reduce){.site-game,.game-scrim,.project-link{transition:none}}