*{box-sizing:border-box}body{margin:0;padding:0;background:#0f0f0f;font-family:Pixelify Sans,system-ui,sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Press Start 2P",cursive}button,input,select,textarea{font-family:inherit}.pixel-button{--pixel:4px;--bg:#1a1a1a;--border:#333;--shadow:#000;--highlight:rgba(255, 255, 255, .1);--hover-color:#fbbf24;position:relative;background:var(--bg);border:none;cursor:pointer;transition:transform .1s,filter .1s;clip-path:polygon(0% var(--pixel),var(--pixel) var(--pixel),var(--pixel) 0%,calc(100% - var(--pixel)) 0%,calc(100% - var(--pixel)) var(--pixel),100% var(--pixel),100% calc(100% - var(--pixel)),calc(100% - var(--pixel)) calc(100% - var(--pixel)),calc(100% - var(--pixel)) 100%,var(--pixel) 100%,var(--pixel) calc(100% - var(--pixel)),0% calc(100% - var(--pixel)));box-shadow:inset 0 var(--pixel) 0 var(--highlight),inset var(--pixel) 0 0 var(--highlight),inset 0 calc(var(--pixel) * -1) 0 var(--shadow),inset calc(var(--pixel) * -1) 0 0 var(--shadow),0 0 0 var(--pixel) var(--border)}.pixel-button:hover{--highlight:var(--hover-color);--shadow:var(--hover-color);--border:var(--hover-color);filter:brightness(1.1);transform:translateY(-2px)}.pixel-button:active{transform:translateY(2px);filter:brightness(.8)}.pixel-modal{--pixel:6px;--bg:#1a1a1a;--border:#fbbf24;--shadow:#fbbf24;--highlight:#fbbf24;position:relative;background:var(--bg);border:none;padding:var(--pixel) calc(var(--pixel) + 1px);overflow:hidden}.pixel-modal:before{content:"";position:absolute;inset:0;pointer-events:none;clip-path:polygon(0% var(--pixel),var(--pixel) var(--pixel),var(--pixel) 0%,calc(100% - var(--pixel)) 0%,calc(100% - var(--pixel)) var(--pixel),100% var(--pixel),100% calc(100% - var(--pixel)),calc(100% - var(--pixel)) calc(100% - var(--pixel)),calc(100% - var(--pixel)) 100%,var(--pixel) 100%,var(--pixel) calc(100% - var(--pixel)),0% calc(100% - var(--pixel)));box-shadow:inset 0 var(--pixel) 0 var(--highlight),inset var(--pixel) 0 0 var(--highlight),inset 0 calc(var(--pixel) * -1) 0 var(--shadow),inset calc(var(--pixel) * -1) 0 0 var(--shadow),0 0 0 var(--pixel) var(--border)}