@import"https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,700;1,400;1,700&family=UnifrakturMaguntia&display=swap";*,*:before,*:after{margin:0;box-sizing:border-box}:root{--pui-base-font-size: 1.2rem;--pui-font-heading: "UnifrakturMaguntia", serif;--pui-font-copy: "Alegreya", serif;--pui-color-text: #fcf1ef;--pui-color-text-on-active: #000;--pui-color-background: #211716;--pui-color-surface: #351d1a;--pui-color-highlight: #820800;--pui-color-highlight-light: #cc3d3d;--pui-color-active: #f77b22;--pui-color-error: #fc1626;--pui-duration-hover: .25s;--pui-duration-click: 80ms}html{font-size:var(--pui-base-font-size);font-family:var(--pui-font-copy);color:var(--pui-color-text);background-color:var(--pui-color-background)}.pui-heading{font-family:var(--pui-font-heading);margin-bottom:15px}h1.pui-heading{font-size:3em;line-height:1.4em;text-align:center}h2.pui-heading{font-size:2em;line-height:1.3em}h3.pui-heading{font-size:1.75em}h4.pui-heading{font-family:var(--pui-font-copy);font-weight:700;font-size:1.5em}h5.pui-heading{font-family:var(--pui-font-copy);font-weight:700;font-size:1.35em}h6.pui-heading{font-family:var(--pui-font-copy);font-weight:700;font-size:1.2em}.pui-paragraph{font-family:var(--pui-font-copy);margin-bottom:20px}.pui-span{font-family:var(--pui-font-copy)}.pui-shadow,.pui-error,.pui-surface,.pui-card{box-shadow:0 0 6px #000}.pui-drop-shadow,span.pui-input,button.pui-button,a.pui-button,input[type=submit].pui-button{filter:drop-shadow(0 0 6px #000)}@keyframes smolder{0%{filter:drop-shadow(0 0 12.5px var(--pui-color-active))}5%{filter:drop-shadow(0 0 15.35px var(--pui-color-active))}10%{filter:drop-shadow(0 0 10.25px var(--pui-color-active))}15%{filter:drop-shadow(0 0 13.4px var(--pui-color-active))}20%{filter:drop-shadow(0 0 17px var(--pui-color-active))}25%{filter:drop-shadow(0 0 7.1px var(--pui-color-active))}30%{filter:drop-shadow(0 0 9.2px var(--pui-color-active))}35%{filter:drop-shadow(0 0 8.15px var(--pui-color-active))}40%{filter:drop-shadow(0 0 17.6px var(--pui-color-active))}45%{filter:drop-shadow(0 0 12.8px var(--pui-color-active))}50%{filter:drop-shadow(0 0 18.95px var(--pui-color-active))}55%{filter:drop-shadow(0 0 15.8px var(--pui-color-active))}60%{filter:drop-shadow(0 0 19.85px var(--pui-color-active))}65%{filter:drop-shadow(0 0 8.15px var(--pui-color-active))}70%{filter:drop-shadow(0 0 8.9px var(--pui-color-active))}75%{filter:drop-shadow(0 0 13.25px var(--pui-color-active))}80%{filter:drop-shadow(0 0 16.55px var(--pui-color-active))}85%{filter:drop-shadow(0 0 5.6px var(--pui-color-active))}90%{filter:drop-shadow(0 0 6.2px var(--pui-color-active))}95%{filter:drop-shadow(0 0 7.85px var(--pui-color-active))}to{filter:drop-shadow(0 0 12.5px var(--pui-color-active))}}.pui-smoldering{animation:smolder 4s linear infinte}button.pui-button,a.pui-button,input[type=submit].pui-button{position:relative;display:inline-block;text-align:center;text-decoration:none;font-family:var(--pui-font-copy);color:var(--pui-color-text);background-color:var(--pui-color-highlight);font-size:1em;font-weight:700;cursor:pointer;padding:.4em;min-width:7em;border-radius:0;border:var(--pui-color-surface) 5px solid;transition:background-color var(--pui-duration-hover) linear,border-color var(--pui-duration-click) linear,box-shadow var(--pui-duration-click) ease-out}button.pui-button:before,a.pui-button:before,input[type=submit].pui-button:before{transition:transform var(--pui-duration-hover) ease-out,border-color var(--pui-duration-click) linear;content:"";display:block;width:0;height:0;position:absolute;top:-10px;left:-10px;border:transparent 15px solid;border-top:var(--pui-color-surface) 15px solid;border-left:var(--pui-color-surface) 15px solid}button.pui-button:hover:before,a.pui-button:hover:before,input[type=submit].pui-button:hover:before{transform:translate(-3px,-3px)}button.pui-button:active:before,a.pui-button:active:before,input[type=submit].pui-button:active:before{transition-duration:var(--pui-duration-click);transform:translate(3px,3px)}button.pui-button:after,a.pui-button:after,input[type=submit].pui-button:after{transition:transform var(--pui-duration-hover) ease-out,border-color var(--pui-duration-click) linear;content:"";display:block;width:0;height:0;position:absolute;bottom:-10px;right:-10px;border:transparent 15px solid;border-bottom:var(--pui-color-surface) 15px solid;border-right:var(--pui-color-surface) 15px solid}button.pui-button:hover:after,a.pui-button:hover:after,input[type=submit].pui-button:hover:after{transform:translate(3px,3px)}button.pui-button:active:after,a.pui-button:active:after,input[type=submit].pui-button:active:after{transition-duration:var(--pui-duration-click);transform:translate(-3px,-3px)}button.pui-button:hover,a.pui-button:hover,input[type=submit].pui-button:hover{background-color:var(--pui-color-highlight-light)}button.pui-button:active,a.pui-button:active,input[type=submit].pui-button:active{box-shadow:0 0 #000;border-color:var(--pui-color-active);position:relative}button.pui-button:active:before,a.pui-button:active:before,input[type=submit].pui-button:active:before{transition:transform var(--pui-duration-hover) ease-out,border-color var(--pui-duration-click) linear;content:"";display:block;width:0;height:0;position:absolute;top:-10px;left:-10px;border:transparent 15px solid;border-top:var(--pui-color-active) 15px solid;border-left:var(--pui-color-active) 15px solid}button.pui-button:active:hover:before,a.pui-button:active:hover:before,input[type=submit].pui-button:active:hover:before{transform:translate(-3px,-3px)}button.pui-button:active:active:before,a.pui-button:active:active:before,input[type=submit].pui-button:active:active:before{transition-duration:var(--pui-duration-click);transform:translate(3px,3px)}button.pui-button:active:after,a.pui-button:active:after,input[type=submit].pui-button:active:after{transition:transform var(--pui-duration-hover) ease-out,border-color var(--pui-duration-click) linear;content:"";display:block;width:0;height:0;position:absolute;bottom:-10px;right:-10px;border:transparent 15px solid;border-bottom:var(--pui-color-active) 15px solid;border-right:var(--pui-color-active) 15px solid}button.pui-button:active:hover:after,a.pui-button:active:hover:after,input[type=submit].pui-button:active:hover:after{transform:translate(3px,3px)}button.pui-button:active:active:after,a.pui-button:active:active:after,input[type=submit].pui-button:active:active:after{transition-duration:var(--pui-duration-click);transform:translate(-3px,-3px)}button.pui-button.pui-large,a.pui-button.pui-large,input[type=submit].pui-button.pui-large{font-size:1.4em}span.pui-input{position:relative;display:inline-block;background-color:var(--pui-color-surface);border:var(--pui-color-highlight) 4px solid;transition:border-color var(--pui-duration-click) linear}span.pui-input:after{transition:transform var(--pui-duration-hover) ease-out,border-color var(--pui-duration-click) linear;content:"";display:block;width:0;height:0;position:absolute;top:-10px;right:-10px;border:transparent 17.5px solid;border-top:var(--pui-color-highlight) 17.5px solid;border-right:var(--pui-color-highlight) 17.5px solid}span.pui-input:hover:after{transform:translate(3px,-3px)}span.pui-input:active:after{transition-duration:var(--pui-duration-click);transform:translate(-3px,3px)}span.pui-input:focus:after,span.pui-input:focus-within:after{transition-duration:var(--pui-duration-click);transform:translate(-3px,3px)}span.pui-input:before{transition:transform var(--pui-duration-hover) ease-out,border-color var(--pui-duration-click) linear;content:"";display:block;width:0;height:0;position:absolute;bottom:-10px;left:-10px;border:transparent 12.5px solid;border-bottom:var(--pui-color-highlight) 12.5px solid;border-left:var(--pui-color-highlight) 12.5px solid}span.pui-input:hover:before{transform:translate(-3px,3px)}span.pui-input:active:before{transition-duration:var(--pui-duration-click);transform:translate(3px,-3px)}span.pui-input:focus:before,span.pui-input:focus-within:before{transition-duration:var(--pui-duration-click);transform:translate(3px,-3px)}span.pui-input:focus-within{position:relative;border-color:var(--pui-color-active)}span.pui-input:focus-within:after{transition:transform var(--pui-duration-hover) ease-out,border-color var(--pui-duration-click) linear;content:"";display:block;width:0;height:0;position:absolute;top:-10px;right:-10px;border:transparent 17.5px solid;border-top:var(--pui-color-active) 17.5px solid;border-right:var(--pui-color-active) 17.5px solid}span.pui-input:focus-within:hover:after{transform:translate(3px,-3px)}span.pui-input:focus-within:active:after{transition-duration:var(--pui-duration-click);transform:translate(-3px,3px)}span.pui-input:focus-within:focus:after,span.pui-input:focus-within:focus-within:after{transition-duration:var(--pui-duration-click);transform:translate(-3px,3px)}span.pui-input:focus-within:before{transition:transform var(--pui-duration-hover) ease-out,border-color var(--pui-duration-click) linear;content:"";display:block;width:0;height:0;position:absolute;bottom:-10px;left:-10px;border:transparent 12.5px solid;border-bottom:var(--pui-color-active) 12.5px solid;border-left:var(--pui-color-active) 12.5px solid}span.pui-input:focus-within:hover:before{transform:translate(-3px,3px)}span.pui-input:focus-within:active:before{transition-duration:var(--pui-duration-click);transform:translate(3px,-3px)}span.pui-input:focus-within:focus:before,span.pui-input:focus-within:focus-within:before{transition-duration:var(--pui-duration-click);transform:translate(3px,-3px)}span.pui-input>input{font-size:1em;font-family:var(--pui-font-copy);min-width:7em;border:none;background:transparent;color:var(--pui-color-text);padding:.4em}span.pui-input>input:focus{outline:none}.pui-surface,.pui-card{background-color:var(--pui-color-surface)}.pui-card{display:inline-block;margin:auto;padding:15px 20px}button.pui-icon-button{background:none;color:var(--pui-color-text);font-size:1.1em;width:1.5em;height:1.5em;border:none;border-radius:.75em;cursor:pointer;transition:background-color var(--pui-duration-hover),filter var(--pui-duration-hover),color var(--pui-duration-hover)}button.pui-icon-button:hover{background-color:var(--pui-color-active);color:var(--pui-color-text-on-active);filter:drop-shadow(0 0 10px var(--pui-color-active))}button.pui-icon-button:active{transition:filter var(--pui-duration-click);filter:drop-shadow(0 0 0 var(--pui-color-active))}.pui-error{background-color:var(--pui-color-error);font-weight:700}