@import "https://googleapis.com";body{background-color:#faebd7;background-image:url(/images/ui/navigation.png);margin:0;padding:0 10vw}.page_title_container{text-align:center;justify-content:center;margin:2vh 0 0;display:flex;transform:translateY(1vh)}.page_title{letter-spacing:.15vh;text-transform:uppercase;color:#f1e3c3;background-color:#6d4b2c;border:.5vh solid #2d1b10;width:14vw;margin:0;font-family:Courier New,monospace;font-size:4vh;font-weight:700;box-shadow:inset 0 .3vh .5vh #ffffff14,inset 0 -.4vh .8vh #00000073,.6vh .8vh 1.5vh #0000008c}.posts_container_bg{width:80vw;height:80vh}.posts_container{width:100%;height:100%;padding:4vh 2vw}.posts{box-sizing:border-box;background-color:#0000;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);gap:4vh 2.5vw;width:94.5%;height:82.5%;padding:2vh 1vw;display:grid}.post_item{box-sizing:border-box;transform:rotate(var(--rotate));background:radial-gradient(circle at top,#e3d3b4 60%,#c2b08d 100%);border:.3vh solid #1c1c1c;flex-direction:column;justify-content:space-between;padding:1.5vh;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:.6vh .6vh 1.2vh #0009}.post_item:hover{transform:rotate(var(--rotate)) scale(1.05) translateY(-.5vh);z-index:10;cursor:pointer;box-shadow:1vh 1vh 2vh #000c}.post_header{color:#2b251a;text-transform:uppercase;letter-spacing:.1vh;border-bottom:.2vh solid #4a3f2c;justify-content:space-between;margin-bottom:.8vh;padding-bottom:.4vh;font-family:Courier New,Courier,monospace;font-size:1.3vh;font-weight:700;display:flex}.post_date{color:#594f3b}.post_body{color:#1a160e;overflow-wrap:anywhere;flex:1;min-height:0;font-family:Courier New,Courier,monospace;font-size:1.5vh;font-style:italic;font-weight:600;line-height:1.3;overflow:hidden auto}.nail{background-color:#3a3225;border:.2vh solid #110d06;border-radius:50%;width:1.2vh;height:1.2vh;position:absolute;top:-.6vh;left:50%;transform:translate(-50%);box-shadow:.2vh .2vh .4vh #00000080}.red_post{background:#d84d4d}.green_post{background:#4caf50}.post_body::-webkit-scrollbar{width:.5vh}.post_body::-webkit-scrollbar-track{background:#00000026}.post_body::-webkit-scrollbar-thumb{background:#00000080;border-radius:10px}.post_body::-webkit-scrollbar-thumb:hover{background:#000c}.post_body{overflow-wrap:anywhere}.posts_nav{justify-content:center;align-items:center;gap:1vw;width:94.5%;margin-top:2vh;display:flex}.preview{-webkit-line-clamp:8;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post_modal{z-index:999;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.post_modal.show{display:flex}.post_modal_content{background:#d7c39b;border:.4vh solid #222;flex-direction:column;width:55vw;height:70vh;padding:2vh;display:flex;box-shadow:0 0 30px #000}.modal_header{border-bottom:.2vh solid #000;justify-content:space-between;margin-bottom:2vh;padding-bottom:1vh;font-weight:700;display:flex}.modal_body{white-space:pre-wrap;flex:1;line-height:1.5;overflow-y:auto}.close_post{cursor:pointer;align-self:flex-end;font-size:4vh}.post_modal_content.red{color:#fff;background:#d84d4d}.post_modal_content.green{color:#fff;background:#4caf50}.post_modal_content.red .modal_header,.post_modal_content.green .modal_header{border-bottom:.2vh solid #ffffff80}.post_modal_content.red .modal_body,.post_modal_content.green .modal_body{color:#fff}.tab_item{color:#fff;background:#222;border:.2vh solid #fff;border-radius:.5vh;padding:.7vh 1.2vh;font-family:Courier New,monospace;font-size:2.5vh;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.tab_item:hover{color:#000;background:#fff}.tab_item.active{box-shadow:0 0 .8vh #fff}.GJ{background:#c53434}.GJ:hover{color:#fff;background:#f55}.AY{background:#2f9d46}.AY:hover{color:#fff;background:#45c861}.posts_pagination{justify-content:center;align-items:center;gap:2vw;margin-top:1vh;margin-bottom:1vh;font-family:Courier New,monospace;font-size:2vh;font-weight:700;display:flex}.posts_pagination a,.posts_pagination span{color:#fff}.posts_pagination a:hover{color:#ff0}.delete_button{color:#fff;cursor:pointer;background:#8d2323;border:.2vh solid #000;width:100%;margin-top:1vh;padding:.4vh 0;font-size:1.3vh;font-weight:700;transition:all .2s}.delete_button:hover{color:#8d2323;background:#fff}.red_post,.green_post{color:#fff}.red_post .post_header,.green_post .post_header{color:#fff;border-bottom-color:#ffffff80}.red_post .post_date,.green_post .post_date{color:#ececec}.red_post .post_body,.green_post .post_body{color:#fff}.back_button_container{text-align:center;justify-content:center;align-items:center;height:10.5vh;margin-top:1vh;display:flex}.button_icon_vertical{width:auto;height:5vh;transition:transform .75s}a{text-decoration:none}.back_button a p{letter-spacing:.1vh;color:#f0f8ff;-webkit-text-stroke:.075vh #000;margin:0;padding:0;font-family:OmoriGame,sans-serif;font-size:2.5vh}.back_button:hover a p{color:#000;-webkit-text-stroke:.05vh #aaa}.back_button:hover img{transform:translateY(1vh)}@media (width<=768px){body{margin:0;padding:0}.page_title{width:60vw;font-size:3vh}.posts_container_bg{background:0 0;width:100%;height:auto;min-height:auto;margin:0;padding:0}.posts_container{box-sizing:border-box;width:100%;margin:0;padding:2vh 3vw}.posts{grid-template-columns:1fr;gap:2vh;width:100%;margin:2vh 0 0;padding:0;display:grid}.post_item{width:100%;min-height:18vh;margin:0;transform:none!important}.post_item:hover{transform:none!important}.post_header,.post_body{font-size:1.8vh}.preview{-webkit-line-clamp:5}.posts_nav{flex-wrap:wrap;justify-content:center;gap:2vw;width:100%}.post_modal_content{width:94vw;height:80vh}.posts_pagination{gap:8vw}}