:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;touch-action:none}#app{position:relative;width:100vw;height:100vh;height:100dvh}#examine-menu,#request-list{font-family:Georgia,Times New Roman,serif;background-color:#fdf5e6;color:#4a3728;border:1px solid #d2b48c;border-radius:2px;box-shadow:2px 2px 5px #0003}#examine-menu{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 16px;font-size:16px;white-space:nowrap;z-index:49;pointer-events:none}.btn-standard{background-color:#6a0dad;color:gold;padding:10px 20px;font-size:18px;cursor:pointer;border-radius:5px;border:2px solid #ffd700;font-family:Georgia,serif;font-weight:700}.btn-standard:hover{background-color:#8b008b}.btn-gold{background-color:gold;color:#6a0dad;padding:10px 20px;font-size:18px;cursor:pointer;border-radius:5px;border:2px solid #6a0dad;font-family:Georgia,serif;font-weight:700}.btn-gold:hover{background-color:#e6c200}#request-list{position:absolute;top:10px;right:10px;padding:15px;font-size:16px;z-index:50;cursor:pointer;max-width:300px;pointer-events:auto;-webkit-user-select:none;user-select:none;background-image:linear-gradient(135deg,#ffffff4d,#fff0 50%);overflow:hidden;transform-origin:top right}@keyframes unfold-letter{0%{transform:scale(.6) rotate(15deg)}40%{transform:scale(.8) rotate(0)}70%{transform:scale(1.05) rotate(0)}to{transform:scale(1) rotate(0)}}@keyframes fold-letter{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.05) rotate(0)}to{transform:scale(.6) rotate(15deg)}}#request-list.expanded{white-space:normal;border-bottom:4px solid #c1a06a;animation:unfold-letter .6s forwards}#request-list.expanded:after{content:"";position:absolute;top:40%;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,rgba(139,90,43,.2),transparent);pointer-events:none}#request-list:not(.expanded){width:50px;height:50px;text-align:center;overflow:hidden;clip-path:polygon(10% 20%,50% 0%,90% 40%,50% 100%,0% 80%);animation:fold-letter .6s forwards}#blood-splatter{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,transparent 20%,rgba(139,0,0,.8) 100%);pointer-events:none;opacity:0;z-index:98;transition:opacity .5s ease-in}#blood-splatter.visible{opacity:1}#bottom-banner{position:fixed;bottom:0;left:0;width:100%;background-color:#000000b3;color:#fff;text-align:center;padding:10px;box-sizing:border-box;opacity:1;transition:opacity 1s ease-out}#bottom-banner.hidden{opacity:0;pointer-events:none}#start-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;z-index:99;background-image:url(./assets/redcranberry-icon.svg);background-repeat:no-repeat;background-position:center;background-size:contain}#start-overlay h1,#start-overlay h4{color:#000}#start-overlay h1{padding:20px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 8px rgba(0,0,0,.8)}#start-overlay h4{text-shadow:-.5px -.5px 0 #fff,.5px -.5px 0 #fff,-.5px .5px 0 #fff,.5px .5px 0 #fff,0 0 4px rgba(0,0,0,.8)}