div { box-sizing:border-box; }
h2,h3,h4 { margin:0; }
h2,h4 { font-family:"Rock Salt"; }
h4 { background:#0002; display:inline-block; }
a { color:#236188; text-decoration: none; }
button { background:#2b7eb1; padding:6px 10px; color:white; border-radius:6px; border:none; }
input, textarea { padding:4px 10px; border-radius:6px; border:2px solid #ccc; }
#searchbar>input { border:2px solid #70624e; border-radius:16px; box-shadow:inset 2px 1px 5px #0006; padding:6px 10px 4px; }

.notchpad {	padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); }
.seam { height:10px; background-image:linear-gradient(to right, #d4c4ae 66%, rgba(255, 255, 255, 0) 0%); background-size:10px 2px; background-position:center; background-repeat:repeat-x; }
.paper { background-image:linear-gradient(to bottom, #abd6ff 8%, rgba(255, 255, 255, 0) 0%); background-color:white; background-size:2px 25px; background-position:0 20px; box-shadow:5px 7px 12px #0003; }

#content { background-image:radial-gradient(circle at top right, #fffd, #fffc); background-attachment:fixed; padding:20px 15px; }
.mansory { column-width:clamp(160px, 24vw, 200px); column-gap: 16px; }
.mansory>a>div { border-radius:8px; text-align:center; padding:10px; width: 100%; break-inside: avoid; margin: 0 0 20px; display: inline-block; }
.mansory img { width:180px; max-width:100%; border-radius:16px; box-shadow:5px 7px 12px #0003; }
.gallery img { cursor:pointer; border-radius:10px; margin:10px; box-shadow:5px 7px 12px #0003; }
#menu button { border-radius:6px; background:#99866a; line-height:13px; margin:0 3px; box-shadow:3px 2px 2px #0003; }

.npad { padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); }
#overlay { font-family:arial; z-index:10; background:black; background-color:#000d; position:fixed; left:0; top:0; width:100vw; height:100%; overflow:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#overlay>div { background:white; border-radius:8px; padding:10px; margin:5px; line-height:1.5em; }

.celebbox { margin:10px 10px 20px; border-radius:8px; overflow:hidden; position:relative; background-color:#fff; box-shadow:5px 7px 12px #0003; }
.celebbox>div:nth-child(1) { color:#15689c; padding:2px 10px; display:flex; justify-content:space-between; align-items:center; }
.celebbox>div:nth-child(2) { max-width:2400px; height:200px; display:flex; flex-flow:wrap; justify-content:space-between; border:5px solid white; border-top:0; overflow:hidden; }
.celebbox>div:nth-child(2)>img { height:100%; max-width:16%; object-fit:cover; }
.celebbox>div:nth-child(3) { position:absolute; bottom:0; right:0; background:#000a; color:white; padding:2px 10px; border-top-left-radius:8px; }
.celebbox>div:nth-child(3):empty { display:none; }
.celebbox>div:nth-child(4) { position:absolute; bottom:0; left:0; background:#000a; color:white; padding:2px 10px; border-top-right-radius:8px; }
.celebbox>div:nth-child(4):empty { display:none; }
.celebbox>div:nth-child(5) { position:absolute; top:35px; left:0; background:#f00a; color:white; padding:2px 10px; border-top-right-radius:8px; border-bottom-right-radius:8px; }
.celebbox>div:nth-child(5):empty { display:none; }

.pnums a { flex:1; max-width:48px; min-width:48px; text-align:center; display:inline-block; line-height:26px; padding:0; text-align:center; width:48px; border-radius:4px; background:#15689c; color:white; margin:2px; }
.pnums a.current { color:#ddd; background:white; }
.pnums .pad { width:24px; }
#pagenumbers { height:60px; overflow:hidden; }
#pagenumbers>div { height:60px; }
#ffbutton, #fbbutton { cursor:pointer; text-align:center; display:inline-block; font-size:8pt; line-height:26px; width:30px; border-radius:4px; background:#15689c; color:white; margin:2px; }
#ffbutton.disabled, #fbbutton.disabled { background:#aaa; color:#999; }

#overblock { position:fixed; inset:0; z-index:4; }
#overblock:empty { pointer-events:none; }


#slider { z-index:7; background:#222; position:fixed; left:0; top:0; width:100vw; height:100%; overflow:hidden; }
#slides { margin-left:env(safe-area-inset-left); margin-right:env(safe-area-inset-right); }
#slides>div { overflow:hidden; display:flex; align-items:center; justify-content:center; transition:transform 200ms; position:absolute; left:0; top:0; width:100%; height:100%; }
#slider.comp #slides>div { width:50%; }
#slider.comp #s_prev>div { display:none;  }
#slider.comp #s_next>div { display:none;  }
#slides>div>img { max-width:100%; max-height:100%; object-fit:contain; }
#slider>.hud { pointer-events: none; position:absolute; top:0; left:env(safe-area-inset-left); right:env(safe-area-inset-right); overflow:hidden; height:100%; z-index:8; }
#slider>.hud>div { pointer-events: auto; }
#slider>.hud>div:nth-child(1) { position:absolute; transition:transform 500ms; top:0; left:0; width:100%; background:#0006; font-size:12pt; color:white; padding:10px; display:flex; }
#slider>.hud>div:nth-child(2) { position:absolute; transition:transform 500ms; cursor:pointer; left:0; top:50%; margin-top:-30px; padding:10px; border-radius:30px; }
#slider>.hud>div:nth-child(2)>div { width:40px; height:40px; border-radius:20px; padding:9px 0 0 8px; background:var(--color-back);  }
#slider>.hud>div:nth-child(3) { position:absolute; transition:transform 500ms; cursor:pointer; right:0; top:50%; margin-top:-30px; padding:10px; border-radius:30px; }
#slider>.hud>div:nth-child(3)>div {  width:40px; height:40px; border-radius:20px; padding:9px 0 0 13px; background:var(--color-back);  }
#slider>.hud>div:nth-child(4) { position:absolute; left:0; bottom:0; width:0; height:10px; background:var(--color-sec);  }
.zoomed>.hud>div:nth-child(1) { transform:translate3d(0, -60px, 0); }
.zoomed>.hud>div:nth-child(2) { transform:translate3d(-60px, 0, 0); }
.zoomed>.hud>div:nth-child(3) { transform:translate3d(60px, 0, 0); }
.zoomed>#slides>div>img { object-fit:unset; max-width:unset; max-height:unset; cursor:grab; }



@media (max-width:580px) {
	.celebbox>div:nth-child(2)>img { height:50%; width:33%; max-width:unset; }

}
	
@media (max-width:720px) {
	.celebbox { margin:10px 5px 20px; }
}