@font-face{font-family:HoC Forge;src:url(/fonts/hoc-forge/HoCForge-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.App{text-align:center}:root{--color-text:#f2f2f2;--spacing-md:12px;--spacing-lg:16px;--size-sidebar:260px;--hoc-font-display:"HoC Forge", Georgia, "Times New Roman", serif;--hoc-font-display-letter-spacing:.121em;--hoc-font-ui:"HoC Forge", Georgia, "Times New Roman", serif}body,#root{--joy-fontFamily-body:var(--hoc-font-ui);--joy-fontFamily-display:var(--hoc-font-ui)}.hoc-forge-display{font-family:var(--hoc-font-display);font-synthesis:none;letter-spacing:var(--hoc-font-display-letter-spacing);font-style:normal;font-weight:400}.hoc-forge-engraved{color:#c89b70;-webkit-text-stroke:.018em #301d12e6;paint-order:stroke fill;text-shadow:0 .055em #080605,0 -.018em #ffdcab33,0 .08em .15em #000000b8}.container{width:100%;height:100%;position:relative}.container>.menubar{flex-grow:0;flex-shrink:0}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.image-overlay{width:100%;max-width:100%;position:relative}.background-image{width:100%;height:auto;display:block}.overlay-content{flex-direction:column;gap:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-button{color:#fff;text-align:center;cursor:pointer;background-color:#61dafb;border:none;border-radius:4px;margin:4px 2px;padding:15px 32px;font-size:16px;text-decoration:none;transition:background-color .3s;display:inline-block}.overlay-button:hover{background-color:#21a1f1}html,body,#root{width:100vw;height:100vh;font-family:var(--hoc-font-ui);color:var(--color-text);margin:0;padding:0}button,input,textarea,select{font-family:var(--hoc-font-ui)}:where(button:not(:disabled),a[href],summary,select,label[for],input[type=range],input[type=checkbox],input[type=radio],[role=button],[role=tab],[role=menuitem],[role=option],[role=switch],[role=checkbox],[role=radio],[title],[data-tooltip],.MuiButton-root:not(.Mui-disabled),.MuiIconButton-root:not(.Mui-disabled),.MuiListItemButton-root,.MuiMenuItem-root,.MuiOption-root,.MuiTab-root,.MuiCard-root,.MuiChip-clickable,.MuiSwitch-root,.MuiSlider-root,.MuiSlider-thumb,.MuiCheckbox-root,.MuiRadio-root,.MuiSelect-root,.MuiAutocomplete-option){cursor:var(--hoc-cursor-interactive), pointer!important}.hoc-volume-slider-shell{flex:0 0 88px;width:14px;height:88px;position:relative}.hoc-volume-slider-shell:before{z-index:0;box-sizing:border-box;content:"";background:#080604;border:1px solid #8c602d;border-radius:6px;width:8px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #000000b3,0 1px 2px #000000b8}.hoc-volume-slider-shell:after{z-index:0;width:4px;height:var(--hoc-volume-level,4px);content:"";background:linear-gradient(#d7aa63 0%,#a66b2c 48%,#704016 100%);border-radius:3px;max-height:calc(100% - 4px);transition:height 70ms linear;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 0 3px #cd913d66,inset 1px 0 #ffdc9b38}.hoc-volume-slider{z-index:1;appearance:none;transform-origin:50%;background:0 0;width:88px;height:14px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.hoc-volume-slider::-webkit-slider-runnable-track{width:100%;height:14px;box-shadow:none;background:0 0;border:0}.hoc-volume-slider::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 34% 28%,#ffe2a5b8 0%,#0000 27%),conic-gradient(from 22.5deg,#8a5724 0deg 45deg,#d0a35e 45deg 90deg,#794719 90deg 135deg,#b97f3b 135deg 180deg,#603612 180deg 225deg,#a76c2b 225deg 270deg,#d4aa65 270deg 315deg,#714216 315deg 360deg);border:1px solid #9e6d35;border-radius:50%;width:12px;height:12px;margin-top:1px;transition:filter .14s,box-shadow .14s;box-shadow:inset 0 0 0 1px #27160b7a,0 1px 3px #000000d9}.hoc-volume-slider::-moz-range-track{width:100%;height:14px;box-shadow:none;background:0 0;border:0}.hoc-volume-slider::-moz-range-progress{background:0 0;border:0;height:14px}.hoc-volume-slider::-moz-range-thumb{background:radial-gradient(circle at 34% 28%,#ffe2a5b8 0%,#0000 27%),conic-gradient(from 22.5deg,#8a5724 0deg 45deg,#d0a35e 45deg 90deg,#794719 90deg 135deg,#b97f3b 135deg 180deg,#603612 180deg 225deg,#a76c2b 225deg 270deg,#d4aa65 270deg 315deg,#714216 315deg 360deg);border:1px solid #9e6d35;border-radius:50%;width:12px;height:12px;transition:filter .14s,box-shadow .14s;box-shadow:inset 0 0 0 1px #27160b7a,0 1px 3px #000000d9}.hoc-volume-slider:hover::-webkit-slider-thumb{filter:brightness(1.1);box-shadow:inset 0 0 0 1px #27160b6b,0 0 4px #cc913d52}.hoc-volume-slider:hover::-moz-range-thumb{filter:brightness(1.1);box-shadow:inset 0 0 0 1px #27160b6b,0 0 4px #cc913d52}.main{background:#333;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}main{background:#333;flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}main>div,main>canvas{position:absolute;top:0;left:0}main>div{pointer-events:none;padding:var(--spacing-md);bottom:0;right:0}#title_overlay,#right_overlay,#left_overlay{text-shadow:2px 2px 2px #000}#title_overlay{text-align:center}#right_overlay th,#left_overlay th{text-align:left}#right_overlay td,#left_overlay td{padding:0 0 0 var(--spacing-lg)}#right_overlay td:empty:after,#left_overlay td:empty:after{content:" "}#right_overlay>table{float:right;margin-right:calc(var(--size-sidebar) + var(--spacing-lg))}#right_overlay th,#right_overlay td{text-align:right}