.scrapContainer{width:100%;height:100%;position:absolute;pointer-events:none}.scrap{width:fit-content;position:absolute;width:100px;height:100px;pointer-events:all;margin:-100%}.scrap__path{animation:renderFix 1s infinite forwards;transition:1s scale}@keyframes renderFix{90%{transform:translateY(0)}to{transform:translateY(.0001px)}}@media(max-width:768px){.scrap__path{scale:.8}}@media(max-width:576px){.scrap__path{scale:.6}}@media(max-width:992px){.scrap__hide-1{display:none}}@media(max-width:768px){.scrap__hide-2{display:none}}@media(max-width:576px){.scrap__hide-3{display:none}}.mapLink{-webkit-user-select:none;user-select:none;position:absolute}.mapLink>a{-webkit-user-select:none;user-select:none;color:#1a1427;font-family:ManifontGroteskBook;font-size:42px;line-height:.9}.mapLink>a:hover{color:#c81932}.mapLink>a{display:flex;padding:10px}.mapLink>a:hover{animation:shakeEffect .1s infinite steps(2)}@keyframes shakeEffect{0%{transform:translateY(3px)}15%{transform:translate(3px,1px)}25%{transform:translate(-1px,-2px)}35%{transform:translate(1px,-1px)}50%{transform:translate(2px,1px)}75%{transform:translate(-1px,1px)}80%{transform:translate(3px)}to{transform:translateY(1px)}}.navButton{height:80px}.navButton a{clip-path:polygon(0 9%,16% 0,36% 0,59% 4%,85% 0,98% 10%,100% 85%,95% 98%,68% 96%,15% 100%,6% 98%,3% 93%);color:#95938d;background:#1a1427;height:100%;display:flex;padding-left:64px;padding-right:64px;padding-top:4px;justify-content:center;align-items:center;font-family:ManifontGroteskBook;font-size:32px;line-height:.9}.navButton a:hover{background:#c81932}.soundsButton{height:80px;width:80px;clip-path:polygon(0 9%,16% 0,36% 0,59% 4%,85% 0,98% 10%,100% 85%,95% 98%,68% 96%,15% 100%,6% 98%,3% 93%);color:#95938d;background:#1a1427;display:flex;justify-content:center;align-items:center;font-family:ManifontGroteskBook;font-size:32px;line-height:.9}.soundsButton:hover{background:#c81932}.map{height:100%;width:100vw;display:flex;overflow:hidden;z-index:100;justify-content:center;align-items:center}.map__content{width:100%;height:100%}.map__back{position:absolute;top:32px;left:32px}@media(max-width:576px){.map__back{top:16px;left:16px;zoom:.7}}.map__backIcon{height:28px;margin-bottom:6px;margin-right:12px}.map__sounds{position:absolute;bottom:32px;left:32px}@media(max-width:576px){.map__sounds{bottom:16px;left:16px;zoom:.7}}.page{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1000;display:flex;pointer-events:none;overflow:hidden;align-items:end;flex-direction:column;justify-content:flex-start;padding:32px}.page__box{background:linear-gradient(140deg,#95938d 60%,#1a1427 125%);min-width:750px;padding:32px;pointer-events:all;margin-bottom:64px;position:relative;box-shadow:32px 32px 100px #1a1427}.page__box>section>:first-child{width:calc(100% - 160px)}@media(max-width:768px){.page__box{top:16px;left:16px;min-width:600px}.page__box>section>:first-child{width:calc(100% - 160px)}}@media(max-width:576px){.page__box{top:16px;left:16px;min-width:320px}.page__box>section>:first-child{width:calc(100% - 60px)}}.page__close{background:#1a1427;display:flex;justify-content:center;align-items:center;height:60px;gap:12px;padding-top:4px;padding-left:16px;padding-right:16px;right:20px;top:20px;position:absolute;clip-path:polygon(2% 34%,0 3%,15% 0%,53% 2%,76% 0,100% 2%,98% 85%,98% 100%,67% 98%,3% 100%,0% 85%)}.page__close:hover{background:#c81932}.page__closeBtn{width:24px;margin-bottom:6px;-webkit-user-select:none;user-select:none}.page__closeText{-webkit-user-select:none;user-select:none;color:#95938d;font-family:ManifontGroteskBook;font-size:32px;line-height:.9}@media(max-width:576px){.page__close{zoom:.9;height:55px}.page__closeText{display:none}}.page__drag{position:absolute;bottom:16px;right:16px;height:30px;-webkit-user-select:none;user-select:none;pointer-events:none}.sectionMainNumer,.sectionMainNumer *{font-family:ManifontGroteskBook;font-size:160px;line-height:1;color:#1a1427}@media(max-width:768px){.sectionMainNumer,.sectionMainNumer *{font-size:140px;line-height:.9}}@media(max-width:576px){.sectionMainNumer,.sectionMainNumer *{font-size:80px}}.sectionSmall,.sectionSmall *{font-family:ManifontGroteskBook;font-size:22px;line-height:1;color:#1a1427}.sectionSmall a{text-decoration:underline 1px}.sectionSmall a:hover{color:#c81932}@media(max-width:768px){.sectionSmall{margin-bottom:16px;font-size:20px}.sectionSmall *{font-size:20px;margin-bottom:16px}}@media(max-width:576px){.sectionSmall,.sectionSmall *{font-size:14px}}.sectionTitle,.sectionTitle *{font-family:ManifontGroteskBook;font-size:50px;line-height:1;color:#1a1427;margin-bottom:32px}@media(max-width:768px){.sectionTitle{margin-bottom:16px;font-size:40px}.sectionTitle *{font-size:40px;margin-bottom:16px}}@media(max-width:576px){.sectionTitle,.sectionTitle *{font-size:28px}}.sectionTitle{max-width:600px}.homescreen{display:flex;position:fixed;top:0;left:0;background:linear-gradient(#95938d,#1a1427),#1a1427;width:100%;height:100%;flex-direction:column;z-index:100000000;justify-content:center}.homescreen__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px}.homescreen__title{font-family:ManifontGroteskBook;font-size:140px;line-height:.9;transition:font-size .15s}@media(max-width:1200px){.homescreen__title{font-size:130px}}@media(max-width:992px){.homescreen__title{font-size:110px}}@media(max-width:768px){.homescreen__title{font-size:90px}}@media(max-width:576px){.homescreen__title{font-size:16vw}}.homescreen__title{text-align:center;color:#1a1427;margin-bottom:30px;-webkit-user-select:none;user-select:none}.homescreen__scrapContainer{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.homescreen__buttons{display:flex;gap:16px}.homescreen__source,.homescreen__source *{font-family:ManifontGroteskBook;font-size:22px;line-height:1;color:#1a1427}.homescreen__source a{text-decoration:underline 1px}.homescreen__source a:hover{color:#c81932}@media(max-width:768px){.homescreen__source{margin-bottom:16px;font-size:20px}.homescreen__source *{font-size:20px;margin-bottom:16px}}@media(max-width:576px){.homescreen__source,.homescreen__source *{font-size:14px}}.homescreen__source{margin-top:16px;text-decoration:underline}.homescreen__source:hover{color:#c81932}.screenFilter{width:100%;height:100%;z-index:10000000000;position:fixed;top:0;left:0;animation:noiseAnimation .5s infinite steps(2);pointer-events:none}@keyframes noiseAnimation{0%{background-position:-270px -50px}25%{background-position:100px 300px}50%{background-position:-270px -50px}75%{background-position:50px -80px}}@keyframes noiseAnimation{0%{background-position:0 0}15%{background-position:100px 300px}25%{background-position:-270px -50px}35%{background-position:150px -270px}50%{background-position:-220px -150px}75%{background-position:350px 220px}80%{background-position:-300px -150px}to{background-position:50px -80px}}.screenFilter-1{background:url(/in-the-ruins-of-gaza/assets/new_noise2.png) 0 0/300px 300px;mix-blend-mode:color-dodge;opacity:.4}.screenFilter-2{background:url(/in-the-ruins-of-gaza/assets/new_noise2.png) 0 0/300px 300px;mix-blend-mode:color-burn;opacity:.4}.sounds{position:absolute;top:0;left:0;width:500px;display:flex;opacity:.7;margin-left:25vw}*{margin:0;padding:0;border:0;border-radius:0;background:none;color:#f0f;font-weight:400;font-family:monospace;font-style:normal;font-size:20px;text-decoration:none;text-align:left;list-style:none}@font-face{font-family:ManifontGroteskBook;src:url(/in-the-ruins-of-gaza/assets/ManifontGroteskBook-webfont-tQdYB844.woff)}*{box-sizing:border-box;line-height:1.2;scrollbar-width:thin;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none;height:100%;background:#15101f}#root{height:100%;background:linear-gradient(#95938d,#1a1427),#1a1427}button,a{cursor:pointer;transition:35ms scale}button:active,a:active{scale:.9}::selection{color:#1a1427;background:#95938d}img{color:#f0f}hr{width:100%;border-bottom:3px solid #1A1427;margin-top:32px;margin-bottom:32px}input,textarea,button,select,a{-webkit-tap-highlight-color:transparent}.animationWall{position:absolute;background:linear-gradient(#95938d,#1a1427),#1a1427;height:100%;width:100%;top:0;pointer-events:none;animation:animationWall forwards .5s 1s;display:flex;justify-content:center;align-items:center;font-family:ManifontGroteskBook;font-size:140px;line-height:.9;transition:font-size .15s}@media(max-width:1200px){.animationWall{font-size:130px}}@media(max-width:992px){.animationWall{font-size:110px}}@media(max-width:768px){.animationWall{font-size:90px}}@media(max-width:576px){.animationWall{font-size:16vw}}.animationWall{color:#1a1427}@keyframes animationWall{0%{transform:translateY(0)}to{transform:translateY(100%)}}