@font-face{font-family:Silkscreen;src:url(/assets/fonts/Silkscreen-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PressStart2P;src:url(/assets/fonts/PressStart2P-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#140e24;font-family:Silkscreen,monospace}#app{position:fixed;left:calc(var(--lcd-viewport-left, 0px) + env(safe-area-inset-left));top:calc(var(--lcd-viewport-top, 0px) + env(safe-area-inset-top));width:calc(var(--lcd-viewport-width, 100vw) - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(var(--lcd-viewport-height, 100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}body.maximum-screen-active #app{background:#140e24}canvas{image-rendering:pixelated;image-rendering:crisp-edges}.touch{position:fixed;inset:0;pointer-events:none;z-index:50;--touch-opacity: .72;opacity:var(--touch-opacity);transition:opacity .12s ease}.touch:has(button:active),.touch:has(.joystick-zone:active){opacity:min(1,calc(var(--touch-opacity) + .18))}.pad{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:8px;pointer-events:auto}.pad.right{right:max(16px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.touch-cluster{display:flex;gap:6px;align-items:center;justify-content:flex-end}.touch-cluster.primary button{width:68px;height:68px;font-size:13px;border-width:2.5px}.touch-cluster.primary button[data-k=jump]{width:76px;height:76px;border-width:3px}.touch-cluster.combat-row button,.touch-cluster.special-row button{width:48px;height:48px;font-size:10px;border-width:2px}.touch-cluster.tactical-row button,.touch-cluster.secondary button,.touch-cluster.utility button{width:42px;height:42px;font-size:10px;border-width:1.5px}.touch-cluster.tactical-row,.touch-cluster.secondary{opacity:.92;margin-bottom:2px}.touch-cluster.combat-row,.touch-cluster.special-row{margin-bottom:2px}.touch-cluster.utility{margin-top:2px;opacity:.8}@media(max-width:760px),(max-height:480px){.pad.right{gap:4px;bottom:max(10px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right))}.touch-cluster{gap:4px}.touch-cluster.primary button{width:60px;height:60px;font-size:11px}.touch-cluster.primary button[data-k=jump]{width:68px;height:68px}.touch-cluster.combat-row button,.touch-cluster.special-row button{width:42px;height:42px;font-size:9px}.touch-cluster.tactical-row button,.touch-cluster.secondary button,.touch-cluster.utility button{width:38px;height:38px;font-size:9px}}.joystick-zone{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:122px;height:122px;pointer-events:auto;display:grid;place-items:center}.joystick-base{width:94px;height:94px;border-radius:50%;border:2px solid rgba(255,215,110,.68);background:#1a112c7a;box-shadow:inset 0 1px 5px #fff5c340,0 4px 10px #00000073;display:grid;place-items:center}.joystick-knob{width:47px;height:47px;border-radius:50%;border:2px solid #ffe27a;background:#4c306ed1;box-shadow:0 3px 7px #00000080;transition:transform .04s linear}.touch-pause{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));pointer-events:auto}.touch-pause button{width:38px;height:38px}.touch-fullscreen-exit{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));pointer-events:auto;display:none}body.maximum-screen-active .touch-fullscreen-exit{display:block}.touch-fullscreen-exit button{min-width:112px;height:44px;border-radius:10px;font:9px Silkscreen,monospace;color:#fff8dc;background:#2a1a48eb;border:2px solid #ffe27a}.golden-paw{position:absolute;right:max(104px,calc(env(safe-area-inset-right) + 104px));bottom:max(154px,calc(env(safe-area-inset-bottom) + 154px));pointer-events:auto;width:58px;height:58px;border-radius:50%;border:2px solid #ffe27a;color:#fff7c8;background:#a86812b8;box-shadow:0 0 14px #ffcd49a6;font:9px Silkscreen,monospace;display:none;flex-direction:column;align-items:center;justify-content:center}.golden-paw:active{background:#ffc12aeb;transform:scale(.92)}.touch-large .joystick-zone{transform:scale(1.18);transform-origin:bottom left}.touch-large .pad.right{transform:scale(1.14);transform-origin:bottom right}.touch.layout-left-handed .joystick-zone{left:auto;right:max(14px,env(safe-area-inset-right));transform-origin:bottom right}.touch.layout-left-handed .pad.right{right:auto;left:max(14px,env(safe-area-inset-left));align-items:flex-start}.touch.hidden{display:none!important}@media(pointer:fine)and (min-width:860px){.touch:not(.force-touch) .joystick-zone,.touch:not(.force-touch) .pad.right{display:none!important}}.touch button{width:56px;height:56px;border:2px solid rgba(255,215,110,.78);border-radius:50%;background-color:#1a112cad;background-repeat:no-repeat;background-position:center;background-size:85% 85%;box-shadow:0 4px 10px #0000008c,inset 0 1px 2px #fff5c373,inset 0 -2px 3px #0a0514b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;font-family:Silkscreen,monospace;font-size:11px;font-weight:700;color:#ffe27a;text-shadow:0 1px 2px rgba(0,0,0,.9);user-select:none;-webkit-user-select:none;transition:transform .06s ease,border-color .08s ease,background-color .08s ease,box-shadow .08s ease}.touch button:active{transform:translateY(2px) scale(.93);background-color:#412464d1;border-color:#fff2b5;filter:brightness(1.25) saturate(1.2);box-shadow:0 1px 3px #000000b3,inset 0 2px 4px #0009}.touch button[data-k=crouch]{background-image:url(/assets/ui/touch/premium-crouch.png)}.touch button[data-k=jump]{background-image:url(/assets/ui/touch/premium-jump.png)}.touch button[data-k=attack]{background-image:url(/assets/ui/touch/premium-attack.png)}.touch button[data-k=cycle]{background-image:url(/assets/ui/touch/premium-cycle.png)}.touch button[data-k=shield]{background-image:url(/assets/ui/touch/premium-shield.png)}.touch button[data-k=dodge]{background-image:url(/assets/ui/touch/premium-dodge.png)}.touch button[data-k=special]{background-image:url(/assets/ui/touch/premium-special.png)}.touch button[data-k=darwin-special]{background-image:url(/assets/ui/touch/premium-special.png);color:#fff4c5;font:10px PressStart2P,monospace}.touch button[data-k=switch]{background-image:url(/assets/ui/touch/premium-switch.png)}.touch button[data-k=pause]{background-image:url(/assets/ui/touch/premium-pause.png)}.touch button[data-k=darwin-super-jump]{background:radial-gradient(circle at 45% 35%,#a56919eb,#55320cf5);border-color:#ffd872;color:#fff4c5;font-family:PressStart2P,Silkscreen,monospace;font-size:9px;box-shadow:0 4px 10px #0009,inset 0 1px 2px #fff5c399,0 0 8px #ffc83c59}.touch button[data-k=darwin-super-jump][data-ready=true]{box-shadow:0 0 14px #ffd750d9;animation:special-ready .8s ease-in-out infinite alternate}.touch button[data-k=burst]{color:#ffdf85;font-family:Silkscreen,monospace;font-size:8px;font-weight:700;background:radial-gradient(circle at 45% 35%,#552478eb,#26103ef5);border-color:#e2a6ff;box-shadow:0 4px 10px #0009,inset 0 1px 2px #ebc3ff99,0 0 8px #b464ff59}.touch button[data-k=burst]:active{background:radial-gradient(circle at 50% 50%,#7830a8f2,#37145afa);border-color:#f0c5ff}.touch button[data-k=boom-book]{color:#ffe6a0;font-family:Silkscreen,monospace;font-size:8px;font-weight:700;letter-spacing:.5px;background:radial-gradient(circle at 45% 35%,#882a30eb,#3c101af5);border:2px solid #ffbe6b;box-shadow:0 4px 10px #0009,inset 0 1px 2px #ffebaf99,0 0 8px #ff8c3259;transition:transform .06s ease,border-color .08s ease,box-shadow .08s ease,opacity .15s ease}.touch button[data-k=boom-book]:active{background:radial-gradient(circle at 50% 50%,#af373ef2,#501420fa);border-color:#fff0be;box-shadow:0 1px 4px #000c,inset 0 2px 4px #000000b3;transform:translateY(2px) scale(.93)}.touch button[data-k=boom-book][data-ready=true]{border-color:#ffd872;box-shadow:0 0 12px #ffb950bf,inset 0 1px 2px #ffebafcc}.touch button[data-k=boom-book][data-ready=false]{opacity:.48;filter:grayscale(.4)}.touch button[data-k=interact]{color:#e5ffdf;font-family:PressStart2P,Silkscreen,monospace;font-size:10px;font-weight:700;background:radial-gradient(circle at 45% 35%,#1c5837eb,#0e2e1cf5);border-color:#7be89b;box-shadow:0 4px 10px #0009,inset 0 1px 2px #c8ffdc99,0 0 6px #64e68c4d}.touch button[data-k=interact]:active{background:radial-gradient(circle at 50% 50%,#26784bf2,#143c26fa);border-color:#a5ffbf}.touch button[data-ready=true]{border-color:#fff1a4;background-color:#87581ed1;animation:special-ready .8s ease-in-out infinite alternate}@keyframes special-ready{0%{box-shadow:0 0 6px #ffcf5b,inset 0 1px 2px #ffffff73}to{box-shadow:0 0 18px #ffef9d,inset 0 1px 3px #ffffffa6}}@media(min-width:900px){.touch{opacity:min(var(--touch-opacity),.5);transition:opacity .2s ease}.touch:hover{opacity:.9}}@media(orientation:portrait){#app:after{content:"TURN YOUR PHONE SIDEWAYS  •  DARWIN IS READY TO EXPLORE";position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:2rem;background:#140e24;color:#ffd65c;font-size:1.8rem;font-weight:900;line-height:1.4;z-index:999}}