.post.op,.thread > .files {
    background: #2a2a2a;
    color: #d0d0d0;
    width:20vw;
}

form[name="postcontrols"],.chanlist {
    background: #2a2a2a;
    width:100%!important;
    border-top-style:solid!important;
    border-top-color:rgb(85, 85, 85)!important;
    border-top-width:1px!important;
    border-bottom-style:solid!important;
    border-bottom-color:rgb(85, 85, 85)!important;
    border-bottom-width:1px!important;
    padding-bottom:20px;
	margin-left:0px!important;
}


body {
	background: url("/static/nocompress/tcc2shaderandy.png") repeat center top #202020!important;
}


body.homepage {
	background:#1a1a1a!important;
	padding-top:50px!important;
}


.catalog-container {
    padding-top:4vw!important;
    padding-bottom:4vw!important;
    background: #262626!important;
    border-top-style:solid!important;
    border-top-color:rgb(85, 85, 85)!important;
    border-top-width:1px!important;
    border-bottom-style:solid!important;
    border-bottom-color:rgb(85, 85, 85)!important;
    border-bottom-width:1px!important;
}


.new-threads {
    background: #404040;
}


div.op {
    box-shadow: none!important;
    width:70%!important;
}

@media only screen and (min-width: 1279px) {
    div.op {
        border-left: none;
        width: calc(80vw - 1rem - 300px)!important;
        padding-left:.5rem!important;
    }
    .post.op,.thread > .body {
        width:78vw!important;
    }
    .reply:not(.post-hover) {
        width:90vw!important;
        max-width:1500px!important;
		margin-left:auto!important;
		margin-right:auto!important;
    }
    .reply .files {
        margin-left:0px!important;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1279px) {
    div.op {
        border-left: none;
        width: calc(90vw - 1rem - 300px)!important;
        padding-left:.5rem!important;
    }
    .post.op,.thread > .body {
        width:69vw!important;
    }
    .reply:not(.post-hover) {
        width:90vw!important;
		margin-left:auto!important;
		margin-right:auto!important;
    }
    .reply .files {
        margin-left:0px!important;
        width:100%!important;
    }
	.thread .files {
		width:250px;
	}
}


@media only screen and (max-width: 900px) {
    div.op {
        border-left: none;
        width: 100%!important;
        padding-left:1rem!important;
    }
    .reply:not(.post-hover) {
        margin-right:auto!important;
		margin-left:auto!important;
    }
    .reply .files {
        margin-left:0px!important;
    }
}

@media only screen and (max-width: 650px) {
    div.op {
        border-left: none;
        width:100%!important;
    }
    .reply:not(.post-hover) {
        margin-right:auto!important;
		margin-left:auto!important;
		margin-bottom:.4rem!important;
		margin-top:0px!important;
    }
    .reply .files {
        margin-left:0px!important;
    }
    .post.reply.post-hover.highlighted:has(> .mentioned.backlink):has(.file):not(:has(.multifile)) > .body {
        margin-bottom: .5rem!important;
    }
}

.thread > .files {
    border:none;
    box-shadow: none!important;
}

a {
    border: none;
    color: #40d040!important;
    text-decoration: none
}

[class^="mentioned-"], .mentioned.backlink a {
  background: #393939;
  color: #40d040!important;
}

a:hover {
    color: #fff!important;
}

hr {
    border-bottom: 1px solid #505050;
    color: #505050
}

#logo {
    color: #a0a0a0
}

#content,#footer {
    background: #2a2a2a
}

.reply p.intro {
    color: #aaa;
    background: #3a3a3c;
    padding: 0px!important;
    padding-top: 3px!important;
    padding-bottom: 3px!important;
}

h1, .section-title {
    color: #aaa!important;
    font-family: helvetica,arial,sans-serif!important;
}

.recent-section {
    background: #000000!important;
    padding: 10px 10px!important;
}

.recent-section a {
	color:#a5a5a5!important;
}
.recent-section a:hover {
	color:#e8e8e8!important;
	text-decoration:underline;
}

.about-section {
    background: #404040!important;
    border-top-style:solid!important;
    border-top-color:rgb(0 0 0)!important;
    border-top-width:10px!important;
    border-bottom-style:solid!important;
    border-bottom-color:rgb(85, 85, 85)!important;
    border-bottom-width:1px!important;
    border-left-style:solid!important;
    border-left-color:rgb(0 0 0)!important;
    border-left-width:10px!important;
    border-right-style:solid!important;
    border-right-color:rgb(0 0 0)!important;
    border-right-width:10px!important;
	border-bottom-style:solid!important;
    border-bottom-color:rgb(0 0 0)!important;
    border-bottom-width:10px!important;
	margin-bottom:10px!important;
	border-radius:8px;
	transform:scaleX(1.02);
}

.homepage .about-section::before {
	content:"Welcome";
	color: #7dac4a;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
	font-size:20px;
	float:left!important;
	padding-top:.4rem;
	padding-left:1rem;
}

.homepage .about-section p {
	padding-left:1rem;
	padding-right:1rem;
	margin-top:10px;
	float:left!important;
	align:left!important;
	justify-content:left!important;
	text-align:left!important;
}

.homepage .about-section .board-links {
	word-spacing:2rem;
	width:100%;
	background: #333;
}

.board-links a {
	color:#7dac4a!important;
}

@media (max-width: 1024px) {
	.sections-wrapper .section-title {
		transform:translateY(-10px) scaleX(1.03)!important;
	}
}

.homepage .sections-wrapper {
	margin-left:auto;
	margin-right:auto;
	column-gap:1rem;
}

.sections-wrapper .section-title {
	background:#303030;
	width:100%;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	transform:translateY(-10px) scaleX(1.05);
	text-align:left;
	padding-left:10px;
}

.pagelist {
    border-top: 1px solid #505050
}

input {
    background: #ffffff;
    border: 1px solid #404040;
    color: #eee
}

textarea,input {
    background: #0f0f1a!important;
    border: 1px solid #404040;
    color: #eee
}

#upload_file {
    background:#2a2a2a!important;
    box-shadow:none;
}

footer {
    background-color: #202020;
    width:100vw!important;
    max-width:100vw!important;
    margin:0 0 0 0!important;
    border-top-style:solid!important;
    border-top-color:rgb(85, 85, 85)!important;
    border-top-width:1px!important;

}


.filetitle {
    color: #d0cc40;
    font-family: helvetica,arial,sans-serif;
    font-size: 1.2em;
    text-shadow: 1px 1px 1px #000
}

.omittedposts {
    color: #808090
}


.reply:not(.post-hover) {
    background: #404040;
    color: #d0d0d0;
}

.nothumb {
    background: #eee;
    border: 2px dashed #aaa
}

.highlight {
    background: #505060;
    border: 2px dashed #5060d0;
    color: #d0d0d0
}

.postername {
    color: #40aa80
}

.postertrip,.postertrip a {
    color: #1d855a
}

.replytitle {
    color: #d0cc05
}

button {
    color: #393949
}

input.label,textarea.label {
    color: grey
}

.commentpostername {
    color: #40aa80
}

.thumbnailmsg {
    color: #d0d0d0
}

.abbrev {
    color: #707070
}

.bigtitle,.subtitle {
    text-align:left!important;
    color:#bcbcbc!important;
    margin-left:5rem;
    transform:translate(4px,-85px)!important;
    font-family: Arial, Helvetica, sans-serif;
    font-size:40px;
    overflow:hidden;
    text-overflow: ellipsis;    /* shows ... at the end */
    white-space:nowrap;
}


.active-ukko .bigtitle {
    text-align:left!important;
    color:#bcbcbc!important;
    margin-left:5rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size:40px;
    overflow:hidden;
    text-overflow: ellipsis;    /* shows ... at the end */
    white-space:nowrap;
}

header:before {
    content:url("/static/420b.png");
    padding-left:10px;
}

header {
    transform:translate(0px,0px)!important;
    margin-bottom:0px;
    padding-bottom:0px;
}

.board_image {
    display:none!important;
}

h2.thread {
    display:none;
}

.w3-top .w3-center {
    background-image:url(/static/nocompress/randynavbg2.png);
    background-repeat:repeat-x;
    background-size: auto 100%;
    height:35px;
    text-align:left!important;
    padding-top:6px;
}

div.w3-top.w3-bar.w3-black.w3-row.w3-border-bottom {
	border-bottom:none!important;
}

.homepage .w3-top::before {
	width:100%;
	padding-top:10px;
	padding-left:8vw;
	content:url("/static/nocompress/420xyz3.png");
	background:url("/static/nocompress/420homeheader.png");
}

.homepage .arisuchan::after {
    background:none;
	display:none;
}

.homepage a#arisuchan.arisuchan.makered.desktop-only {
	display:none!important;
}
.homepage a#arisuchan.arisuchan.makered.mobile-only {
	display:none!important;
}
.homepage div.boardlist.mobile-only.w3-center {
	padding-left:10vw;
}
.homepage div.desktop-only {
	padding-left:8vw;
}

.w3-top a {
    color:#000000!important;
    font-weight:bold!important;
    font-family: Arial, Helvetica, sans-serif!important;
}

.w3-top a:hover {
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0,0,0,.2);
}

.w3-top span, .desktop-only {
    font-family: "no-brackets";
}

.w3-input {
    background:#eeeeee!important;
    color:black;
}

a[title="webring"] img {
    display:none!important;
}

a[title="webring"]:after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000000' d='M419.5 96c-16.6 0-32.7 4.5-46.8 12.7-15.8-16-34.2-29.4-54.5-39.5 28.2-24 64.1-37.2 101.3-37.2 86.4 0 156.5 70 156.5 156.5 0 41.5-16.5 81.3-45.8 110.6l-71.1 71.1c-29.3 29.3-69.1 45.8-110.6 45.8-86.4 0-156.5-70-156.5-156.5 0-1.5 0-3 .1-4.5 .5-17.7 15.2-31.6 32.9-31.1s31.6 15.2 31.1 32.9c0 .9 0 1.8 0 2.6 0 51.1 41.4 92.5 92.5 92.5 24.5 0 48-9.7 65.4-27.1l71.1-71.1c17.3-17.3 27.1-40.9 27.1-65.4 0-51.1-41.4-92.5-92.5-92.5zM275.2 173.3c-1.9-.8-3.8-1.9-5.5-3.1-12.6-6.5-27-10.2-42.1-10.2-24.5 0-48 9.7-65.4 27.1L91.1 258.2c-17.3 17.3-27.1 40.9-27.1 65.4 0 51.1 41.4 92.5 92.5 92.5 16.5 0 32.6-4.4 46.7-12.6 15.8 16 34.2 29.4 54.6 39.5-28.2 23.9-64 37.2-101.3 37.2-86.4 0-156.5-70-156.5-156.5 0-41.5 16.5-81.3 45.8-110.6l71.1-71.1c29.3-29.3 69.1-45.8 110.6-45.8 86.6 0 156.5 70.6 156.5 156.9 0 1.3 0 2.6 0 3.9-.4 17.7-15.1 31.6-32.8 31.2s-31.6-15.1-31.2-32.8c0-.8 0-1.5 0-2.3 0-33.7-18-63.3-44.8-79.6z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    content:"       ";
    float:right;
    height:15px;
    margin-top:5px!important;
}
    
    .desktop-only img {
  display:none;
}

a.arisuchan {
    position: relative;
    display: inline-block;
    color: transparent !important;      /* hides the original text */
    user-select: none;
    text-decoration: none;              /* optional */
    overflow: hidden;
}

a.arisuchan:hover {
    text-shadow:none!important;
}
.arisuchan::after {
    content: "";
    position: absolute;
    inset: 0;                           /* covers the whole <a> */
    background: url("/static/nocompress/420xyz3.png") no-repeat center / contain;
}

#arisuchan.mobile-only {
    padding-left:60px!important;
}

div.mobile-only {
    background:none!important;
}

.intro span.name {
    color: #63c49e;
}

.intro span.subject {
    color: #d0cc05!important;
}


.post.reply:has(.file):not(:has(.multifile)) > .files {
    background-color:#404040;
    grid-area: files;
    flex-direction: row!important;
    padding-left:0px!important;
}




@media only screen and (max-width: 650px) {
    .post.reply:has(.file):not(:has(.multifile)) > .files {
        background-color:#3a3a3c;
    }
    .reply {
        margin-right:2rem!important;
    }
}

.post.reply:has(.file):not(:has(.multifile)) > .files .fileinfo {
    background-color:#3a3a3c;
    height:1.9rem;
    line-height:2!important;
    margin-top:0px!important;
    padding-bottom:2px!important;
	width:103%!important;
}

.post-hover.post.reply:has(.file):not(:has(.multifile)) > .files .fileinfo {
    background-color:#404040!important; 
	max-width: 250px;
}

.post-hover.reply:has(.file):not(:has(.multifile)) > .body {
	width: calc(100% - 250px)!important;
}


div.files {
    background-color:#3a3a3c;
}

.op .intro {
    display:flex;
}

.op .delete {
    transform: translate(-3px,-6px);
}

a.w3-right {
    line-height: 1.15!important;
    font-family: "no-brackets",sans-serif!important;   /* fallback fonts */
    cursor: pointer;
    display: inline-block;
    margin: 1px;
    outline: 0;
    position: relative;
    text-align: center;
    text-decoration: none!important;
    background: #454545;
    border: 1px solid #2a2a2a;
    font-weight: bold;
    color: #ddd!important;
    font-size: 1.05em;
    padding: 5px;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 #5a5a5a;
    text-shadow: -1px 0px 1px rgba(0,0,0,0.2);
    margin-left:.5rem;
    float:none!important;
    order:10!important;
    white-space: nowrap!important;
    height:30px;
}

/* 2. The magic font */
@font-face {
  font-family: no-brackets;
  /* Adobe Blank – zero-width font (embed as data URI) */
	src: url("data:application/x-font-woff;base64,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");  unicode-range: U+005B, U+005D;   /* [ and ] only */
	unicode-range: U+005B, U+005D;
}

a.w3-right:hover {
    line-height: 1.15;
    cursor: pointer;
    display: inline-block;
    margin: 1px;
    outline: 0;
    position: relative;
    text-align: center;
    text-decoration: none!important;
    background: rgb(118, 185, 0);
    border: 1px solid rgb(70, 153, 0);
    font-weight: bold;
    color: #ddd!important;
    font-size: 1.05em;
    padding: 5px;
    border-radius: 2px;
    box-shadow: rgb(150, 217, 64) 0px 1px 0px 0px inset;
    text-shadow: -1px 0px 1px rgba(0,0,0,0.2);
    margin-left:.5rem;
}

a.w3-right::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 32C114.6 32 0 125.1 0 240c0 49.6 21.4 95 57 130.7C44.5 421.1 2.7 466 2.2 466.5c-2.2 2.3-2.8 5.7-1.5 8.7S4.8 480 8 480c66.3 0 116-31.8 140.6-51.4 32.7 12.3 69 19.4 107.4 19.4 141.4 0 256-93.1 256-208S397.4 32 256 32zM128 272c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 0c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z' fill='white'/%3E%3C/svg%3E");    font-family: "Font Awesome 5 Free"!important;
    display: inline-block;
    width: 1.25em;     /* adjust to your font size */
    height: 1.25em;
    vertical-align: middle;
    margin-right: 0.2em; /* optional spacing */
}

.thread {
    display: flex;
    flex-direction:row;
    color: #949494;
    width:100%;
    border-top-style:solid!important;
    border-top-color:rgb(85, 85, 85)!important;
    border-top-width:1px!important;
}

.thread .reply {
    gap: auto 0px!important;            /* row-gap (vertical)   |   column-gap (horizontal) */
    height:100%!important;
}

.thread.files {
  flex: 0 0 auto!important;              /* don't grow/shrink, keep natural size */
  /* or fixed: width: 320px; */
}

.thread.op {
  flex: 1;                     /* take remaining space */
  min-width: 0;                /* prevent overflow issues with long text */
    width:100vw!important;
  /* your original post styles */
}

.reply .intro {
    width:100%!important;
}


.thread > .hide-thread-link {
  width: 100%!important;
}

 .active-thread a.hide-thread-link {
	display:none!important;
}

a.hide-thread-link {
	position:absolute!important;
	float:right!important;
    display:inline-block!important;
    overflow: hidden;
    color:transparent!important;
    user-select:none;
    padding-left:500px!important;
	right:0!important;
	transform:translateY(-25px);
}

@media only screen and (min-width: 900px) {
	a.hide-thread-link {
		transform:translateY(0px);
	}
    .floating.thread .files {
        border-left-style: solid!important;
        border-left-color: #7cac4a!important;
        border-left-width: 10px!important;
    }
}

.hide-thread-link::before {
    content:"Hide Thread";
    color:#40d040!important;
    float:right;
}

.reply .intro {
  padding: 0 0 0 0!important;
  margin: 0 0 0 0!important;
}

div.post.reply.highlighted {
  background: #404040;
  border: 1px solid #c8c8c8;
}

.intro a.post_no {
  color: #aaa!important;
}
.intro a.post_no:hover {
  color: rgb(255 255 255)!important;
}

.intro a.email span.name {
  color: #40aa80;
}

.intro a.email:hover span.name {
  color: #ffffff;
}

div.post {
  padding-left: 0px;
}

.delete {
    margin-left:10px!important;
    margin-top:1px!important;
}


a.hide-reply-link {
    display:inline-block;
    overflow: hidden;
    color:transparent!important;
    user-select:none;
}

.hide-reply-link::after {
    content:"Hide";
    color:#40d040!important;
}

.mentioned sub {
    display:none;
}

.banner {
    background: #606060!important;
    border: 1px solid gray;
    color: silver;
    transform:translateY(-70px);
}

.w3-indigo {
    line-height: 1.15!important;
    outline: 0!important;
    text-align: center!important;
    text-decoration: none!important;
    background: #454545!important;
    border: 1px solid #2a2a2a!important;
    font-weight: bold!important;
    color: #ddd!important;
    font-size: 1.05em!important;
    padding: 5px!important;
    border-radius: 2px!important;
    box-shadow: inset 0 1px 0 #5a5a5a!important;
    text-shadow: -1px 0px 1px rgba(0,0,0,0.2)!important;
}

.w3-indigo:hover {
    line-height: 1.15!important;
    outline: 0!important;
    text-align: center!important;
    text-decoration: none!important;
    background: rgb(118, 185, 0)!important;
    border: 1px solid rgb(70, 153, 0)!important;
    font-weight: bold!important;
    color: #ddd!important;
    font-size: 1.05em!important;
    padding: 5px!important;
    border-radius: 2px!important;
    box-shadow: rgb(150, 217, 64) 0px 1px 0px 0px inset!important;
    text-shadow: -1px 0px 1px rgba(0,0,0,0.2)!important;
    margin-top:0px!important;
    margin-bottom:0px!important;
}

.pages {
    background:none!important;
    border:0px!important;
}

.board_image {
    margin-bottom:15px!important;
}


@media only screen and (max-width: 900px) {
  body {
    margin-left: 0px;   /* keep the original margin if you want visual symmetry */
    margin-right: 0px;
  }
.post-hover.reply:has(.file):not(:has(.multifile)) > .body {
	width:100%!important;
}
}


#newpostwithcaptcha table {
    background-color: #262626!important;
    width:fit-content;
    border-top-style:solid!important;
    border-top-color:rgb(85, 85, 85)!important;
    border-top-width:1px!important;
    border-bottom-style:solid!important;
    border-bottom-color:rgb(85, 85, 85)!important;
    border-bottom-width:1px!important;
    border-right-style:solid!important;
    border-right-color:rgb(85, 85, 85)!important;
    border-right-width:1px!important;
    border-left-style:solid!important;
    border-left-color:rgb(85, 85, 85)!important;
    border-left-width:1px!important;
    padding-left:1vw;
    padding-right:1vw;
    padding-top:1vw;
    padding-bottom:1vw;
}

.active-thread #newpostwithcaptcha {
    transform:translateY(-50px);
}


span.quote {
    color: #d0cc05!important;
    font-weight:bold!important;
}

span.redtext {
    color: #d06705!important;
    font-weight:bold!important;
}


.modlog {
    background-color: #262626!important;
}

.logpages span {
	color:white!important;
}


fieldset {
    background-color: #262626!important;
}

body.is-moderator.active-page {
	background:#1a1a1a!important;
}


.floating:has(.op) {
	border: 1px solid #c8c8c8!important;
    padding: 0px 0px 0px 0px!important;
	margin-left:0px!important;
	width:100%!important;
}

.floating:has(.op) .post {
	margin-right:0px!important;
}

.floating:has(.op) .files {
	margin-left:0px!important;
	margin-right:0px!important;
	padding-left:1rem;
}
.floating:has(.op) .post-image {
	width:auto!important;
	height:auto!important;
}

img.post-image:not(:has(.floating)) {
	padding-left:.4rem;
}
.post.reply.post-hover.highlighted:has(.file):not(:has(.multifile)) > .files {
    padding:0 .5rem 0 .5rem;
    margin:0 0 0 0;
    overflow:hidden;
	max-width:250px!important;
	width:auto!important;
}
.post.reply.post-hover.highlighted .mentioned.backlink {
	display:none;
}
.post.reply.post-hover.highlighted:has(> .mentioned.backlink) {
    padding-bottom: 0px;
}
.post.reply.post-hover.highlighted:has(> .mentioned.backlink):has(.file):not(:has(.multifile)) > .body {
	padding-bottom: 0px!important;  /* wow im a genuis */
}
.post-hover:not(.multifile) .intro {
	padding-top:5px!important;
	padding-left:10px!important;
}

.post-hover:not(.multifile) .fileinfo {
	padding-left:10px!important;
}

.post.reply:has(.file):not(:has(.multifile)) > .files {
	margin-bottom:0px!important;
}

.post.reply:has(.file):not(:has(.multifile)) span.unimportant {
	display:none!important;
}


.post.op .intro {
	transform:translateX(-8px)!important;
}


@media only screen and (min-width: 650px) {
.post.reply:not(:has(.file)) > .body {
	padding-left:1rem;
}

.post.reply:has(.multifile) > .body {
	padding-left:1rem;
}
.post.reply:has(.file):not(:has(.multifile)) iframe {
    margin-left:5px!important;
}
}


body.active-ukko form[name="postcontrols"] {
  position: relative;
  top: 39px;
}

.active-ukko > header {
    transform:translateY(-.01rem);
    padding-bottom:2.13rem;
}

.active-ukko .pages-center {
    transform:translateY(-1px);
}

.active-ukko .pages-center form button {
    padding-top:4px!important;
}

.floating.thread .fileinfo {
	display:none!important;
}
.floating.thread .files {
	padding: .5rem .5rem .5rem .5rem!important;
}

body:not(.homepage)::before {
    background-image: none;
}


.floating.thread > div.op {
  background: #2a2a2a;
}


.pages-center button {
	line-height:15px;
}

@supports (-moz-appearance: none) {
    .active-index .pages-center {
        transform: translateY(-1px);
    }
}

.active-ukko .new-threads {
    transform: translateY(1px);
}


@media (max-width: 651px) {
    #quick-reply {
        margin-top:-7px!important;
    }
    #quick-reply a.close-btn {
		color:white!important;
	}
    #quick-reply .submit input {
		height:30px!important;
	}
}