@font-face{font-family:Pixelify Sans;src:url(/assets/pixelify-sans-cyrillic-BfQLqnEI.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Pixelify Sans;src:url(/assets/pixelify-sans-latin-Cbhn5ptY.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Pixelify Sans,monospace;color:#080908;background:#dfe1de;font-synthesis:none}*,*:before,*:after{box-sizing:border-box;font-family:Pixelify Sans,monospace;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}button,input,select,textarea{font-family:Pixelify Sans,monospace;color:inherit}.game-shell{position:relative;width:100%;height:100%;min-height:520px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 42%,#fafbf8 0,#eceeeb 35%,#d9dbd8 76%,#cdd0cd)}.canvas-host,.canvas-host canvas,.vignette{position:absolute;inset:0;width:100%;height:100%}.canvas-host{touch-action:none;transition:filter .18s ease,transform .18s ease}.canvas-host--blurred{filter:blur(5px);transform:scale(1.015)}.vignette{pointer-events:none;box-shadow:inset 0 0 130px #373a3829;z-index:1}.hud{position:absolute;z-index:3;inset:max(16px,env(safe-area-inset-top)) 18px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.score{font-family:inherit;font-size:clamp(22px,4vw,34px);line-height:.95;letter-spacing:0}.score small{display:block;font:400 9px Pixelify Sans,monospace;letter-spacing:0;margin-bottom:7px}.icon-button{pointer-events:auto;width:46px;height:46px;border:1px solid #777a77;background:#e8eae7b8;font-weight:700;font-size:19px;cursor:pointer}.panel{position:absolute;z-index:4;left:50%;top:50%;width:min(92vw,560px);transform:translate(-50%,-50%);text-align:center}.hero-panel{top:46%}.eyebrow{display:inline-block;margin-bottom:22px;padding:6px 10px;border:1px solid #8f938f;background:#f0f2efa3;font-size:12px;letter-spacing:0}.spout-logo{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.2vw,22px);margin:0}.logo-word{font:600 clamp(64px,13vw,112px)/.85 "Pixelify Sans",monospace;letter-spacing:0;text-transform:lowercase}.logo-wing{display:flex;width:clamp(54px,11vw,108px);flex-direction:column;gap:clamp(5px,1vw,10px)}.logo-wing i{display:block;height:clamp(7px,1.25vw,12px);background:#555754}.logo-wing i:nth-child(1){width:100%}.logo-wing i:nth-child(2){width:74%}.logo-wing i:nth-child(3){width:48%}.logo-wing--left{align-items:flex-end}.logo-wing--right{align-items:flex-start}.hero-panel p{margin:28px 0;font-size:clamp(16px,2vw,19px);line-height:1.5;letter-spacing:0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;width:min(100%,380px);margin:0 auto 14px;border:1px solid #747774;padding:4px;background:#e4e6e3b3}.mode-switch button{min-height:42px;border:0;background:transparent;cursor:pointer;font-size:15px;letter-spacing:0}.mode-switch button.active{color:#eef0ed;background:#151615}.play-button{width:min(100%,380px);min-height:58px;border:0;background:#080908;color:#f3f4f1;cursor:pointer;font-size:20px;font-weight:500;letter-spacing:0;transition:transform .1s,background .1s}.play-button:hover{background:#292a29}.play-button:active{transform:translateY(2px)}.play-button span{margin-right:12px}.fullscreen-button{margin-top:14px;border:0;border-bottom:1px solid #777a77;background:transparent;cursor:pointer;font-size:15px;padding:5px 8px}.fullscreen-button:hover{border-color:#080908}.controls{margin-top:18px;font-size:13px;letter-spacing:0;color:#656865}.compact-panel,.result-panel{padding:34px;border:1px solid #7b7e7b;background:#e8eae7e8;box-shadow:9px 9px #4749472b}.result-panel--entering{animation:result-panel-enter .7s cubic-bezier(.2,.75,.25,1) both}@keyframes result-panel-enter{0%{opacity:0;transform:translate(-50%,calc(-50% + 22px))}to{opacity:1;transform:translate(-50%,-50%)}}h2{margin:0 0 30px;font:600 clamp(38px,8vw,65px)/1 "Pixelify Sans",monospace}.text-button{display:block;margin:17px auto 0;border:0;border-bottom:1px solid;background:transparent;cursor:pointer;font-size:15px;letter-spacing:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:-5px 0 28px;border-block:1px solid #aaa}.stats span{padding:14px 4px;font-size:13px;letter-spacing:0}.stats b{display:block;margin-top:7px;font-size:15px}.dynamic-joystick-layer{position:absolute;z-index:2;inset:0;touch-action:none;cursor:crosshair}.joystick{position:absolute;width:136px;height:136px;transform:translate(-50%,-50%);border:2px solid #606360;border-radius:50%;background:#cbceca7a;touch-action:none;pointer-events:none}.joystick:before,.joystick:after{content:"";position:absolute;background:#8c8f8c;opacity:.55}.joystick:before{left:50%;top:14px;bottom:14px;width:1px}.joystick:after{top:50%;left:14px;right:14px;height:1px}.joystick span{position:absolute;z-index:2;left:calc(50% - 27px);top:calc(50% - 27px);width:54px;height:54px;border:2px solid #080908;border-radius:50%;background:#858885}.build-label{position:absolute;z-index:3;right:14px;bottom:10px;font-size:8px;letter-spacing:1px;color:#7b7e7b;pointer-events:none}@media(pointer:fine){.joystick{opacity:.28}}@media(max-height:660px){.hero-panel{top:49%;transform:translate(-50%,-50%) scale(.84)}.joystick{width:120px;height:120px}}@media(max-width:520px){.panel{width:calc(100% - 28px)}.compact-panel,.result-panel{padding:28px 18px}h1{letter-spacing:-5px}.stats span{font-size:8px}}