@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{overscroll-behavior:none;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.hoc-board{background:#333;flex-grow:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}main.hoc-board>div,main.hoc-board>canvas{position:absolute;top:0;left:0}main.hoc-board>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}.hoc-playstyle{--ps-gold:#edbd69;--ps-text:#efe4cc;--ps-muted:#b5aa98;color:var(--ps-text);min-width:0;font-family:inherit;font-size:14px}.hoc-playstyle h3{letter-spacing:.06em;color:var(--ps-text);margin:0;font-size:14px;font-weight:600}.hoc-playstyle__coverage{color:var(--ps-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.hoc-playstyle__layout{grid-template-columns:minmax(280px,1fr) minmax(260px,1fr);align-items:center;gap:32px;display:grid}.hoc-playstyle__radar{width:100%;max-width:400px;margin:0 auto;display:block;overflow:visible}.hoc-playstyle__grid{fill:none;stroke:#efe4cc21;stroke-width:1px}.hoc-playstyle__shape{fill:#edbd692e;stroke:var(--ps-gold);stroke-width:2px;stroke-linejoin:round}.hoc-playstyle__dot{fill:var(--ps-gold)}.hoc-playstyle__label{fill:var(--ps-muted);font:12px sans-serif}.hoc-playstyle__label-value{fill:var(--ps-text);font-size:14px;font-weight:600}.hoc-playstyle__scale{fill:var(--ps-muted);font:10px sans-serif}.hoc-playstyle__scores{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.hoc-playstyle__scores span,.hoc-playstyle__combat span{color:var(--ps-muted);font-size:12px;display:block}.hoc-playstyle__scores strong{color:var(--ps-gold);font-variant-numeric:tabular-nums;font-size:36px;font-weight:500;line-height:1.3;display:block}.hoc-playstyle__scores small{color:var(--ps-muted);margin-left:3px;font-size:14px}.hoc-playstyle__scores p{color:var(--ps-muted);margin:4px 0;font-size:12px;line-height:1.5}.hoc-playstyle__habits{gap:13px;margin-top:18px;display:grid}.hoc-playstyle__habit{grid-template-columns:105px 1fr 38px;align-items:center;gap:12px;font-size:12px;display:grid}.hoc-playstyle__habit b{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.hoc-playstyle__track{background:#efe4cc14;border-radius:8px;height:5px;overflow:hidden}.hoc-playstyle__track>div{background:var(--ps-gold);border-radius:8px;height:100%;transition:width .3s}.hoc-playstyle__note{color:var(--ps-muted);margin:12px 0 0;font-size:12px;line-height:1.6}.hoc-playstyle__combat{border-top:1px solid #efe4cc1f;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px;padding-top:22px;display:grid}.hoc-playstyle__combat b{font-variant-numeric:tabular-nums;margin-top:6px;font-size:20px;font-weight:500;display:block}.hoc-playstyle__combat small{color:var(--ps-muted);font-size:12px}.hoc-playstyle--empty{padding:32px 0;line-height:1.6}.hoc-playstyle--empty p,.hoc-playstyle--empty small{color:var(--ps-muted)}@media (width<=720px){.hoc-playstyle__layout{grid-template-columns:1fr;gap:24px}.hoc-playstyle__radar{max-width:380px}.hoc-playstyle__coverage{margin-bottom:20px}.hoc-playstyle__combat{gap:12px}.hoc-playstyle__combat b{font-size:17px}}@media (prefers-reduced-motion:reduce){.hoc-playstyle__track>div{transition:none}}.hoc-playstyle{container-type:inline-size}.hoc-playstyle__layout{grid-template-columns:1fr}.hoc-playstyle__label{font-size:14px}.hoc-playstyle__label-value{font-size:15px}@container (width>=620px){.hoc-playstyle__layout{grid-template-columns:minmax(280px,1fr) minmax(260px,1fr)}}.hoc-playstyle--compact .hoc-playstyle__layout{display:block}.hoc-playstyle--compact .hoc-playstyle__radar{max-width:290px}.hoc-playstyle--compact .hoc-playstyle__layout h3,.hoc-playstyle--compact .hoc-playstyle__note,.hoc-playstyle--compact .hoc-playstyle__habits,.hoc-playstyle--compact .hoc-playstyle__combat{display:none}.hoc-playstyle--compact .hoc-playstyle__coverage{gap:6px;margin-bottom:4px;font-size:11px}.hoc-playstyle--compact .hoc-playstyle__coverage span:last-child{display:none}.hoc-playstyle--compact .hoc-playstyle__scores{gap:12px;margin:4px 0 10px}.hoc-playstyle--compact .hoc-playstyle__scores strong{font-size:26px}.hoc-playstyle--compact .hoc-playstyle__scores p{display:none}.hoc-playstyle--compact .hoc-playstyle__label{font-size:15px}.hoc-playstyle--compact .hoc-playstyle__scale{display:none}.hoc-playstyle--pending .hoc-playstyle__scores>div:first-child p{display:block}:root{--hoc-profile-feature-radius:24px;--hoc-profile-feature-background:#efe4cc09}.hoc-profile-surface{background:radial-gradient(at 20% 0,#ad824017,#0000 55%),#0f0e0d}.hoc-profile-header{box-shadow:none;background:0 0;border:none;border-radius:0}.hoc-profile-feature{border-radius:var(--hoc-profile-feature-radius);background:var(--hoc-profile-feature-background);box-shadow:none;border:none}.hoc-profile-stats .hoc-profile-stat{font-variant-numeric:tabular-nums;flex-direction:row-reverse;align-items:baseline;gap:5px;display:flex}.hoc-profile-stats .hoc-profile-stat dt{color:#efe4cc94;font-size:11px}.hoc-profile-stats .hoc-profile-stat dd{color:#efe4cc;margin:0;font-size:18px;font-weight:400}