/* other tags to stylize:* sub, sup, strong, del, q, mark, blockquote*/* {border:0%;margin:0%;padding:0%;box-sizing:border-box;}html,body {color:#111;font-size:1rem;font-family:"Open Sans", sans-serif;background-color:#d3c7c4;}h1,h2,h3 {margin:0.5em 0em;font-weight:300;}h1 {font-size:3em;text-align:center;text-shadow:0px 1px white;}h2 {font-size:2em;}h3 {font-size:1.5em;}p {margin:1em 0em;text-indent:2em;line-height:1.7em;}ul,ol {margin-left:2em;}li {margin:1em 0em;}a {color:royalblue;text-decoration:none;}img, video {width:100%;}button {width:150px;background-color:#bca3a9;/*background:linear-gradient(180deg, #ccc, #aaa);*/margin:5px;padding:10px;border:1px solid #ad8a95;border-radius:30px;text-align:center;cursor:pointer;}button:hover {color:#c90005;}button::-moz-focus-inner {border:0;}input[type="radio"] {width:40px;border:2px solid #333;margin:0.8rem 0.5rem;}input[type=text] {width:100%;padding:5px;margin-bottom:5px;border:1px solid black;border-radius:5px;resize:none;}form {margin-bottom:1em;}label {display:block;}table {width:100%;text-align:left;}hr {color:#dbd2cf;}mark {background:#dbd2cf;padding-left:0.5rem;padding-right:0.5rem;}/*z-index+ 0 = background canvas+ 1 = foreground canvas+ 2 = UI bg+ 3 = UI menus+ 4 = navigation, status panels+ 5 = tooltips+ 6 = blocks all interactions like a wipe transitionbackground menu color#cab9bargba(202, 185, 186, 1)button color#bca3a9rgba(188, 163, 169, 1)button activegradient from button color to...#d696a4rgba(214, 150, 164, 1)hovered#c90005rgba(209, 0, 5, 1)*/.main-menu {display:flex;position:fixed;top:0px;left:50%;transform:translate(-50%);z-index:4;}.main-options {border:0;/*border-bottom:4px solid #BCA3A9;*/border-radius:0;margin:0px;padding:1rem;font-weight:100;}.main-options-active {/*border-bottom:1px solid #c90005;*/background: linear-gradient(0deg,rgba(214, 150, 164, 1) 0%, rgba(188, 163, 169, 1) 60%);}/*sometimes, a menu on the main menu will have a white line on the bottom borderchanging the height semi-fixes it, but can cause the issue to appear in another menu*/.menu {width:600px;padding:3rem 2rem;position:absolute;top:4rem;left:50%;transform:translate(-50%);background:linear-gradient(0deg,rgba(202, 185, 186, 0.5) 0%, rgba(202, 185, 186, 1) 80%);border-top:4px solid #dbd2cf;border-radius:5px;z-index:3;}.note {display:flex;flex-direction:column;align-items:center;position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:3;}.note-content,.note-sticky {width:600px;padding:3rem 2rem;background:linear-gradient(0deg,rgba(202, 185, 186, 0.5) 0%, rgba(202, 185, 186, 1) 80%);border-top:4px solid #dbd2cf;border-radius:5px;}.note-full {width:100%;}.note-sticky {background:#FBF6AB;border:0;}.menu-full,.scene {width:100%;min-height:100%;position:absolute;top:0px;left:0px;}/* main-bg on main menu is its own element*/.menu-full-home {position:fixed;width:100%;height:100%;}.menu-link {width:100%;background-color:transparent;border:0;border-radius:0px;text-align:left;}.team {text-align:center;margin-bottom:4rem;}.team-title {text-indent:0rem;text-shadow:0px 1px white;font-size:1.3rem;}.status {width:100%;margin:0rem;padding:1rem;position:fixed;z-index:3;left:0px;bottom:0px;background-color:#dbd2cf;}/*Misc*/.back {margin-left:50%;transform:translate(-50%);}.center {margin:0px auto;display:block;}.center-horizontal {display:flex;justify-content:center;}.label {text-indent:0rem;}.update-heading {text-indent:0rem;text-decoration:underline;color:blue;}.update-heading:hover {cursor:pointer;}/*Character portraits*/.portraits {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;list-style-type:none;padding:0px;margin:0px;}.portraits-icon {width:100px;height:100px;margin:10px;border-radius:50%;transition:all ease 0.1s;background-image:url("./commons/characters/you.png");background-size:600px 700px;background-repeat:no-repeat;}.portraits-icon:hover {position:relative;bottom:10px;border:3px solid #c90005;}.pro1 {background-position:0 0;}.pro2 {background-position:-100px 0;}.pro3 {background-position:-200px 0;}.pro4 {background-position:-300px 0;}.pro5 {background-position:-400px 0;}.pro6 {background-position:-500px 0;}.pro7 {background-position:0px -100px;}.pro8 {background-position:-100px -100px;}.pro9 {background-position:-200px -100px;}.pro10 {background-position:-300px -100px;}.pro11 {background-position:-400px -100px;}.pro12 {background-position:-500px -100px;}.pro13 {background-position:0px -200px;}.pro14 {background-position:-100px -200px;}.pro15 {background-position:-200px -200px;}.pro16 {background-position:-300px -200px;}.pro17 {background-position:-400px -200px;}.pro18 {background-position:-500px -200px;}.pro19 {background-position:0px -300px;}.pro20 {background-position:-100px -300px;}.pro21 {background-position:-200px -300px;}.pro22 {background-position:-300px -300px;}.pro23 {background-position:-400px -300px;}.pro24 {background-position:-500px -300px;}.pro25 {background-position:0px -400px;}.pro26 {background-position:-100px -400px;}.pro27 {background-position:-200px -400px;}.pro28 {background-position:-300px -400px;}.pro29 {background-position:-400px -400px;}.pro30 {background-position:-500px -400px;}.pro31 {background-position:0px -500px;}.pro32 {background-position:-100px -500px;}.pro33 {background-position:-200px -500px;}.pro34 {background-position:-300px -500px;}.pro35 {background-position:-400px -500px;}.pro36 {background-position:-500px -500px;}.pro37 {background-position:0px -600px;}/** Settings*/.language {border: 5px solid #ccc;}.language:hover {color:#111;border: 5px solid #c90005;}.slider {width:100%;height:40px;/* border:5px solid #0c1d23; */border-radius:10px/50%;}.input-key {margin:1rem;background-color:#bca3a9;border-bottom:3px solid #ad8a95;border-right:3px solid #ad8a95;}.input-key:hover {border-bottom:3px solid #c90005;cursor:pointer;}.input-label {width:7rem;margin-right:1rem;padding:1rem;display:inline-block;background-color:#dbd2cf;}/* Phone */.phone {width:400px;padding:3rem 2rem;background-color:#cab9ba;border-radius:5px;}.phone-you {width:400px;padding:3rem 2rem 30rem 2rem;border-radius:5px;background-image:url("./commons/ui/your-wallpaper.jpg");background-position:center center;background-size:cover;}.app-config,.app-news,.app-fortune {display:block;width:60px;height:60px;margin:1rem;border:2px solid #333;border-radius:50%;background-position:center center;background-size:cover;}.app-config {background-image:url("./commons/ui/config-icon.png");}.app-config:hover {border:2px solid #c90005;}.app-news {background-image:url("./commons/ui/news-icon.png");}.app-fortune {background-image:url("./commons/ui/dating-icon.png");}/*NEWS FEED*/.in-game-options {display:flex;position:fixed;top:1rem;left:1rem;z-index:3;}.feed-phone {width:100px;height:100px;border:0;background-color:transparent;background-image:url("./commons/ui/phone-icon.png");background-size:cover;background-repeat:no-repeat;}.feed-phone:hover {background-image:url("./commons/ui/phone-active-icon.png");}.news-headline {width:100%;margin:10px 0em;background-color:transparent;border:0;border-left:2px solid #333;border-radius:0px;text-align:left;}.news-comment {text-indent:0em;margin-left:2em;}.poll-active {border-left: 3px solid #111;}.poll-answer {padding:0.5rem;}/*IN-GAME*/.level-fg {position:absolute;top:0px;left:0px;width:100%;min-height:100%;}.level-fps {position:fixed;top:0rem;right:0rem;margin:1rem;padding:1rem;text-indent:0rem;font-size:2rem;background-color:white;z-index:5;}.level-time {position:absolute;z-index: -1;color:white;text-shadow:1px 1px 1px black;font-size:4rem;opacity:0;text-indent:0rem;animation-name:animate-fade-in-time;animation-duration:5s;}.level-fg {z-index:1;}.scene {z-index:2;}.scene-lines {width:100%;height:100%;position:absolute;top:0px;left:0px;}.scene-line {width:200px;padding:10px;border-radius:10px;background-color:#cab9ba;position:absolute;box-shadow:0px 0px 10px #333;}.scene-options {display:flex;flex-direction:column;align-items:center;position:fixed;bottom:3rem;left:2rem;width:100%;z-index:2;overflow:hidden;list-style-type:none;}.comic {width:80%;margin:0px auto;}.texts-left,.texts-right {width:80%;margin:1rem 0rem;padding:0.2rem 1rem;background-color:#dbd2cf;border-radius:20px 20px 20px 0px;}.texts-left-line {text-indent:0rem;margin-left:2rem;}.texts-right {text-align:right;margin-left:auto;border-radius:20px 20px 0px 20px;}.texts-right-line {text-indent:0rem;margin-right:2rem;}.vitals {display:flex;background-color:rgba(0, 0, 0, 0.8);position:fixed;bottom:2rem;left:2rem;z-index:3;color:#ccc;padding:1rem;}.vitals-item {width:50px;padding:1rem;text-align:center;}.vitals-light {color:white;text-indent:0rem;}.items {display:flex;position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:3;}.items-icon {width:60px;height:60px;padding:0rem;border:2px solid #333;border-radius:initial;color:white;font-size:1.5rem;}.items-icon:hover {border-bottom:2px solid #c90005;}.item-camera {width:1300px;position:fixed;top:40px;left:40px;z-index:2;}.detector-status {display:flex;align-items:center;}.detector-light,.detector-light-on,.detector-light-off,.detector-light-done {width:1rem;height:1rem;margin:1rem;border-radius:50%;}.detector-light-off {background-color:gray;}.detector-light-on {animation-name: animate-pulse-light;animation-duration: 2s;animation-iteration-count: infinite;}.detector-light-done {background-color:green;}.cam-image {position:absolute;border-radius:55px;}.cam-heat {position:absolute;left:315px;top:15px;z-index:1;background-color:darkred;height:58px;border-radius:8px;}.cam-controls {display:flex;position:absolute;z-index:1;top:155px;left:100px;}.cam-icon {width:50px;height:50px;margin-right:25px;border-radius:50%;border:2px solid #380a08;background-repeat:no-repeat;background-position:center;}.cam-icon:hover {border:2px solid #c90005;}.cam-focus-icon {background-image:url("./commons/ui/cam-focus-icon.jpg");}.cam-list-icon {background-image:url("./commons/ui/cam-list-icon.jpg");}.cam-left-icon {background-image:url("./commons/ui/cam-left-icon.jpg");}.cam-right-icon {background-image:url("./commons/ui/cam-right-icon.jpg");}.cam-check-icon {background-image:url("./commons/ui/cam-check-icon.jpg");}.cam-help-icon {background-image:url("./commons/ui/cam-help-icon.jpg");margin-left:430px;}.cam-filter {position:absolute;display:flex;align-items:center;top:350px;left:200px;padding:1rem;z-index:10;background-color:rgba(242, 188, 188, 0.7);border-radius:5px;}.cam-filter-label {width:50px;height:50px;margin:1rem;border-radius:50%;text-indent:0rem;padding-top:10px;padding-left:20px;border:1px solid black;}.cam-focus {position:absolute;top:300px;left:200px;text-indent:0rem;z-index:10;text-shadow:1px 1px 2px white;}.cam-message {position:absolute;top:750px;left:200px;z-index:10;text-indent:0rem;padding:1rem;background-color:darkred;}/* fortune */.fortune-vials {padding:2rem;}.fortune-vial {width:30px;height:140px;background-image:url("./commons/ui/blood-vial.png");background-repeat:no-repeat;}.fortune-vial:hover {background-image:url("./commons/ui/blood-vial-active.png");}.fortune-vial-active {position:relative;top:1rem;background-image:url("./commons/ui/blood-vial-active.png");}.fortune-profile,.fortune-tracker {position:relative;display:inline-block;width:350px;padding:2rem;margin:2rem;border:5px solid #bca3a9;background-color:#cab9ba;}.fortune-profile-title {border-bottom:2px solid #bca3a9;padding-bottom:1rem;}.fortune-profile-pass {text-indent:0rem;color:green;}.fortune-profile-fail {text-indent:0rem;color:red;}.fortune-profile-answer {width:100px;}.fortune-tracker {position:relative;width:800px;vertical-align:top;margin:2rem 0rem;}.fortune-tracker-questions,.fortune-tracker-calibrations,.fortune-tracker-sliders {display:inline-block;vertical-align:top;width:200px;padding:1rem;border-right:4px solid #bca3a9;}.fortune-tracker-help {position:absolute;top:1rem;right:1rem;border-radius:0;background-color:transparent;}.fortune-tracker-set {display:flex;}.fortune-tracker-arrow-left {width:20px;height:40px;background-image:url("./commons/ui/arrow-left.png");background-position:center;padding:0rem;margin:0rem;border-radius:0;}.fortune-tracker-arrow-right {width:20px;height:40px;background-image:url("./commons/ui/arrow-right.png");background-position:center;padding:0rem;margin:0rem;border-radius:0;}.fortune-tracker-arrow-left:hover {background-image:url("./commons/ui/arrow-left-hover.png");}.fortune-tracker-arrow-right:hover {background-image:url("./commons/ui/arrow-right-hover.png");}.fortune-tracker-attribute {text-indent:0rem;text-align:center;width:40px;margin:1rem;margin-top:0.5rem;}.fortune-tracker-attribute-label {text-indent:0rem;margin:0.5rem;}.fortune-tracker-sliders {width:300px;border:0;}.fortune-slider {display:flex;align-items:center;}.fortune-slider-bg {position:relative;width:150px;height:10px;background-color:#a38189;border-radius:5px;}.fortune-slider-btn {position:absolute;top:-10px;left:50%;width:20px;height:20px;border-radius:4px;}.fortune-slider-pass,.fortune-slider-fail {width:20px;height:20px;margin:0px 10px;border-radius:50%;}.fortune-slider-pass {background-color:green;}.fortune-slider-fail {background-color:red;}/* brain */.brain-bg {position:fixed;top:0px;left:0px;z-index:-1;width:100%;height:100%;background-image:url("./commons/ui/veins-bg.jpg");}.brain-summary {border-top:1px solid ;margin-bottom:2rem;}.brain-panel {position:absolute;top:0rem;left:0rem;width:100%;padding:2rem;color:#ffd1cc;}.brain-controls {display:flex;flex-wrap:wrap;margin-bottom:2rem;}.brain-word {display:flex;}.brain-box,.brain-box-hidden,.brain-box-effect,.brain-box-options {width:50px;margin-top:100px;margin-left:1rem;display:flex;flex-direction:column;align-items:center;}.brain-box-effect {margin-top:40px;}.brain-box-options {margin-top:55px;}.brain-box-hidden:hover,.brain-box-effect:hover,.brain-box-options:hover {position:relative;bottom:0.5rem;cursor:pointer;}.brain-box-label {font-size:2rem;text-indent:0rem;text-align:center;width:3rem;height:6rem;padding:1rem;margin:0rem;background-color:#7b413f;}.brain-mp {width:300px;height:1rem;border-radius:10px/50%;}.brain-ability {width:auto;padding:0.5rem;margin:0.5rem;border:0px;border-radius:0px;display:inline-block;background-color:transparent;}.brain-skillpoints {text-indent:0rem;text-align:center;}.brain-ability-info {border-radius:10%;}.brain-help {display:flex;align-items:center;gap:1rem;}.brain-icon {width:50px;height:50px;border-radius:15%;border:1px solid #333;background-image:url("./commons/ui/brain-icons.png");background-repeat:no-repeat;}.brain-icon-alphabet {background-position:0px 0px;}.brain-icon-alphabet:hover {background-position:-50px 0px;}.brain-icon-half {background-position:-100px 0px;}.brain-icon-half:hover {background-position:-150px 0px;}.brain-icon-match {background-position:-200px 0px;}.brain-icon-match:hover {background-position:-250px 0px;}.brain-icon-word {background-position:-300px 0px;}.brain-icon-word:hover {background-position:-350px 0px;}.brain-icon-random {background-position:-400px 0px;}.brain-icon-random:hover {background-position:-450px 0px;}.brain-icon-powerup {border-radius:50%;background-position:-300px -50px;}.brain-icon-powerup:hover {border-radius:50%;background-position:-350px -50px;}.brain-icon-max-mp {border-radius:50%;background-position:0px -50px;}.brain-icon-max-mp:hover {border-radius:50%;background-position:-50px -50px;}.brain-icon-mp {border-radius:50%;background-position:-100px -50px;}.brain-icon-mp:hover {border-radius:50%;background-position:-150px -50px;}/*unused*/.brain-icon-poison {border-radius:50%;background-position:-200px -50px;cursor:default;}.brain-icon-poison:hover {border-radius:50%;background-position:-250px -50px;cursor:default;}.brain-icon-checkmark {background-position:-400px -50px;border-radius:50%;}.brain-icon-checkmark:hover {background-position:-400px -50px;border-radius:50%;}.brain-icon-bleed {background-position: 0px -100px;background-color:#7a5756;cursor:default;}.brain-icon-alarm {background-position:-100px -100px;background-color:#7a5756;cursor:default;}.brain-icon-guard {background-position:-200px -100px;background-color:#7a5756;cursor:default;}.brain-icon-armored {background-position:-300px -100px;background-color:#7a5756;cursor:default;}.brain-icon-hint-jammer {background-position:-400px -100px;background-color:#7a5756;cursor:default;}.brain-icon-ability-jammer {background-position:0px -150px;background-color:#7a5756;cursor:default;}.brain-icon-help {background-position:-100px -150px;background-color:#444;}.brain-icon-help:hover {background-position:-150px -150px;background-color:#444;}.brain-icon-levelup {background-position:-200px -150px;background-color:#444;}.brain-icon-levelup:hover {background-position:-250px -150px;background-color:#444;}.brain-action-tooltip {width:300px;color:#111111;padding:1rem;margin-bottom:2rem;background-color:#cab9ba;}/*say an html element has class="brain-icon active"putting active last on this page will overwrite brain-icon's border properties*/.active {border:2px solid #c90005;}/* if slide-up has properties, then those properties will come back after the animation ends*/.slide-up {animation-name:animate-slide-up;animation-duration:0.4s;animation-timing-function:ease-out;}@keyframes animate-slide-up {0% {opacity:0;background:salmon;transform:translate(-50%, 5%);}100% {opacity:1;transform:translate(-50%, 0%);}}.fade-in {animation-name:animate-fade-in;animation-duration:0.5s;}@keyframes animate-fade-in {0% {opacity:0;}100% {opacity:1;}}@keyframes animate-fade-in-time {0% {position:absolute;top:150px;left:50%;transform:translate(-50%, -50%);opacity:0;z-index:5;}25% {position:absolute;top:130px;left:50%;transform:translate(-50%, -50%);opacity:1;z-index:5;}75% {position:absolute;top:130px;left:50%;transform:translate(-50%, -50%);opacity:1;z-index:5;}100% {position:absolute;top:150px;left:50%;transform:translate(-50%, -50%);opacity:0;z-index:-1;}}/*cannot make dialogue obvious by pulsing it, because it gets re-rendered too fast*/.pulse-light {}.pulse-icon {animation-name:animate-pulse;animation-duration:2s;animation-timing-function:ease-out;animation-iteration-count:infinite;}@keyframes animate-pulse {0% {border:5px solid #ad8a95;}50% {border:5px solid #c90005;}100% {border:5px solid #ad8a95;}}@keyframes animate-pulse-light {0% {background-color:springgreen;}50% {background-color:green;}100% {background-color:springgreen;}}@media (max-width:1000px) {h1,.dating-title {font-size:2em}h2 {font-size:1.6em;}h3 {text-align:left;font-size:1.3em;}p {margin:10px 0px;line-height:1.4em;}li {margin:5px 0px;}.feed-content {width:auto;margin:1em;padding:1em;box-shadow:initial;}.news-headline {margin:1em 0em;}.comic {width:100%;}}@media (max-width:640px) {.menu,.sticky_note {width:90%;padding:1em;}.phone,.feed-content {width:100%;}.main-options {width:80px;}}@media (max-width:300px) {.dating-content {width:100%;}}