/* DeadSense — landing + board styles (gamesense / punBB Cobalt look) */

html, body { margin: 0; padding: 0; }
body {
	background-color: #020202;
	color: #d4d4d4;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	-webkit-text-size-adjust: 100%;
}
* { box-sizing: border-box; }
a { color: #60a0dc; text-decoration: none; }
a:hover, a:focus { color: #80d6ff; }
img { max-width: 100%; }

/* Top line + bar (like the original: thin spectrum line, slim grey Verdana menu)
----------------------------------------------------------------*/
.gs-line { height: 2px; background: linear-gradient(to right, #1e5799 0%, #f300ff 50%, #e0ff00 100%); }
.topbar { background: #2a2a29; border-bottom: 1px solid #000; box-shadow: inset 0 -1px 0 #353534; }
.topbar-in { max-width: 1070px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 40px; flex-wrap: wrap; }
.topbar-logo { font: 400 21px Raleway, Verdana, sans-serif; color: #eaeaea; letter-spacing: -.2px; }
.topbar-logo span { color: #95b806; }
.topbar-logo:hover { color: #fff; }
.topbar ul { display: flex; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; }
.topbar li a { display: block; padding: 12px 9px; font: 12px Verdana, Helvetica, Arial, sans-serif; color: #ddd; }
.topbar li a:hover { color: #fff; }
.topbar li a.premium, #brdmenu li.premium a { color: #ff2d2d; font-weight: bold; }
.topbar li a.premium:hover, #brdmenu li.premium a:hover { color: #ff6060; }

/* Landing
----------------------------------------------------------------*/
.landing { font-family: Raleway, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; color: #ddd; }
.landing .container { max-width: 1100px; margin: 0 auto; padding: 0 16px; }
#jumbo {
	margin-top: 40px;
	border: 1px solid #3a3a3a;
	background: #101010;
	border-radius: 6px;
	padding: 48px 30px 52px;
	text-align: center;
}
#title h1 {
	margin: 0 auto;
	font-size: 62pt;
	font-weight: 400;
	color: #eee;
	line-height: 1.2;
	letter-spacing: -1px;
}
#title h1 span { color: #6cc312; }
#title h2 {
	margin: -6px 0 0;
	font-size: 9pt;
	color: #666;
	font-weight: 400;
	letter-spacing: 4px;
	text-transform: uppercase;
}
.reveal { animation: reveal 1s cubic-bezier(.2,.7,.2,1) both; }
.reveal.d1 { animation-delay: .25s; }
.reveal.d2 { animation-delay: .45s; }
.reveal.d3 { animation-delay: .65s; }
@keyframes reveal { from { opacity: 0; transform: translateY(24px) scale(.5); } to { opacity: 1; transform: none; } }
.reveal-soft { animation: soft .9s ease both; }
@keyframes soft { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

#description {
	display: none;
	margin: 34px auto 0;
	color: #999;
	max-width: 520px;
	font-size: 15px;
	line-height: 1.6;
}
#feats {
	margin: 44px auto 0;
	max-width: 760px;
	text-align: left;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px 40px;
}
.feat { display: flex; gap: 14px; }
.feats-icon {
	flex: 0 0 34px;
	height: 34px;
	color: #6cc312;
}
.feats-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.feat h3 { margin: 2px 0 4px; font-size: 16px; color: #eee; font-weight: 700; }
.feat p { margin: 0; font-size: 13px; color: #999; line-height: 1.55; }

#pre-order { margin-top: 46px; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.btn {
	display: inline-block;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	padding: 10px 22px;
	border-radius: 4px;
	border: 1px solid #000;
	color: #eee;
	background: linear-gradient(#3a3a3a, #232323);
	cursor: pointer;
	transition: filter .2s, color .2s;
}
.btn:hover, .btn:focus { color: #fff; filter: brightness(1.2); }
.btn.green { background: linear-gradient(#7fd61c, #4e9a0c); color: #0b1400; font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,.25); }
.btn.green:hover { color: #000; }

.section-head { text-align: center; margin: 70px 0 24px; }
.section-head h2 { font-size: 26px; font-weight: 400; color: #eee; margin: 0; }
.section-head h2 span { color: #6cc312; }
.section-head p { color: #777; margin: 6px 0 0; }

#safe { margin: 30px auto 0; max-width: 760px; border: 1px solid #2f4a12; background: linear-gradient(#141c0b, #0f130b); border-radius: 6px; padding: 16px 20px 18px; }
.safe-head { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 22px; color: #eee; }
.safe-head svg { width: 26px; height: 26px; fill: none; stroke: #6cc312; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.safe-head em { font-style: normal; color: #6cc312; }
.safe-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 14px; text-align: left; }
.safe-item strong { display: block; color: #ddd; font-size: 14px; margin-bottom: 3px; }
.safe-item span { color: #8a9a7a; font-size: 13px; line-height: 1.5; }

/* pricing */
.plans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.plan {
	background: #101010;
	border: 1px solid #2c2c2c;
	border-radius: 6px;
	padding: 22px 18px;
	text-align: center;
	position: relative;
}
.plan.best { border-color: #4e7e12; box-shadow: inset 0 3px 0 #6cc312; }
.plan small { display: block; color: #777; letter-spacing: 2px; font-size: 11px; text-transform: uppercase; }
.plan strong { display: block; font-size: 38px; color: #eee; font-weight: 400; margin: 6px 0 2px; }
.plan p { color: #888; margin: 0 0 16px; }
.plan .btn { font-size: 13px; padding: 8px 16px; }
.plan .tag { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); background: #6cc312; color: #081000; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 3px; letter-spacing: 1px; }
.plans-note { text-align: center; color: #777; margin-top: 16px; }
.plans-note b { color: #bbb; }

#footer { text-align: center; margin: 70px 0 30px; color: #666; font-size: 10pt; }
#footer a { color: #888; margin: 0 8px; }
#footer a:hover { color: #eee; }

/* Board (punBB Cobalt)
----------------------------------------------------------------*/
.pun { max-width: 1070px; width: 100%; margin: 0 auto; padding: 0 16px 12px; color: #d4d4d4; line-height: normal; }
.punwrap { background-color: #131311; padding: 0 20px 20px; border-radius: 0 0 4px 4px; }
.pun h1, .pun h2, .pun h3, .pun p, .pun ul, .pun ol, .pun dl, .pun dd, .pun dt, .pun form, .pun fieldset, .pun table, .pun td, .pun th, .pun blockquote, .pun pre { margin: 0; padding: 0; border: 0; }
.pun ul, .pun ol { list-style: none; }
.pun p, .pun ul, .pun ol, .pun dl { font-size: 11px; padding: 3px 0; }
.pun table, .pun td, .pun th, .pun input, .pun select, .pun textarea, .pun button { font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; }
.pun .box { border: 1px solid #4f4f4d; background-color: #272726; }
.pun .block, .pun .blocktable, .pun .blockform { margin-bottom: 12px; }
#punindex .blocktable, .pun .blockpost { margin-bottom: 6px; }
.pun .inbox { padding: 3px 6px; }
.clearer { clear: both; }

#brdheader { margin: 0 0 12px; }
#brdheader .box { border-radius: 0 0 4px 4px; overflow: hidden; border-top: 0; }
#brdtitle { padding: 6px 10px 8px; background: #222221; }
#brdtitle h1 { font: 400 21px Raleway, Verdana, sans-serif; padding: 0; letter-spacing: -.2px; }
#brdtitle h1 a { color: #eaeaea; }
#brdtitle h1 a span { color: #95b806; }
#brdmenu { background: #353534; border-top: 1px solid #1a1a19; border-bottom: 1px solid #1a1a19; padding: 0 4px; }
#brdmenu ul { padding: 0; display: flex; flex-wrap: wrap; align-items: center; }
#brdmenu li { font-size: 12px; }
#brdmenu li a, #brdmenu .linkbtn { display: block; padding: 10px 8px; color: #e2e2e2; font: 12px Verdana, Helvetica, Arial, sans-serif; }
#brdmenu li a:hover, #brdmenu .linkbtn:hover { color: #fff; }
#brdmenu li.isactive a { color: #fff; }
#brdmenu li.admin a { color: #ffd200; font-weight: bold; }
#brdmenu li.admin a:hover { color: #ffe680; }
#brdmenu li.bell a { padding: 8px 10px 7px 6px; color: #9a9a9a; }
#brdmenu li.bell a:hover { color: #fff; }
#brdmenu li.bell svg { width: 16px; height: 16px; fill: currentColor; display: block; }
#brdmenu form { margin: 0; }
#brdwelcome { display: flex; justify-content: space-between; gap: 10px; padding: 7px 10px 8px; line-height: 1.55; font-size: 12px; flex-wrap: wrap; }
#brdwelcome .conr { text-align: right; }

.pun h2 {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-image: linear-gradient(to bottom, #343433 0%, #272726 100%);
	border: 1px solid #4f4f4d;
	border-bottom: 0;
	padding: 5px 6px;
	font-size: 11px;
	line-height: 1.4;
	font-weight: bold;
	color: #bbb;
	position: relative;
}
.pun h2 .conr { float: right; font-weight: normal; color: #a19e96; }
.pun h2 a { color: #d4d4d4; }
.pun .blocktable .box { border-top: none; }

#announce .inbox { padding: 8px 10px; }
#announce .usercontent { font-size: 11px; line-height: 1.5; }

/* tables */
.pun table { width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; }
.pun .blocktable table { table-layout: fixed; }
.pun td, .pun th { padding: 4px 6px; text-align: left; font-weight: normal; }
.pun tbody td, .pun tbody th { border-style: solid none none solid; border-width: 1px; border-color: #333; }
.pun thead th { color: #777; font-size: 10px; background-color: #272726; border-bottom: 1px solid #95b806; }
.pun .tcl { border-left: 0; width: auto; }
.pun .tc2, .pun .tc3 { width: 10%; text-align: center; padding: 4px 0; }
.pun td.tc2, .pun td.tc3 { background-color: #303030; }
.pun .tcr { width: 30%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pun .tcl h3 { font-size: 11px; font-weight: bold; }
.pun .tcl h3 a { color: #ccc; }
.pun .tcl h3 a:hover { color: #b4e61e; }
.pun .forumdesc { font-size: 10px; color: #888; padding: 3px 0 0; }
.pun .tclcon { padding: 2px 6px 2px 26px; position: relative; min-height: 20px; overflow: hidden; }
.pun .tclcon .icon {
	position: absolute; left: 2px; top: 4px;
	width: 0; height: 0;
	border: .45em solid #333;
	border-radius: 2px;
}
.pun .inew .tclcon .icon { border-color: #5496d8 #4b85c0 #4377ac #4f8dcb; }
.pun .isticky .tclcon .icon { border-color: #c9a400 #b28f00 #9e8000 #b89400; }
.pun .iclosed .tclcon .icon { border-color: #4a2626; }
.pun .stickytext { color: #ffd200; font-weight: bold; }
.pun .closedtext { color: #b55; font-weight: bold; }
.pun .iclosed td.tcl a { color: #888; }
.pun .byuser { color: #888; }
.pun .rowodd { background-color: #1c1c1b; }
.pun .roweven { background-color: #1d1d1c; }
.pun .rowodd:hover, .pun .roweven:hover { background-color: #20201f; }
.pun td.empty { text-align: center; color: #888; padding: 14px; }
.pun .lockicon { display: inline-block; font-size: 9px; color: #c9a400; border: 1px solid #5a4a00; padding: 0 4px; border-radius: 2px; margin-left: 6px; font-weight: normal; vertical-align: 1px; }

/* breadcrumbs */
.pun .linkst, .pun .linksb { display: flex; justify-content: space-between; align-items: center; padding: 6px 6px 4px; gap: 8px; flex-wrap: wrap; }
.pun .linksb { padding: 2px 6px 8px; margin-top: -6px; margin-bottom: 6px; }
.pun .crumbs { font-size: 11px; font-weight: bold; padding: 0; }
.pun .crumbs li { display: inline; }
.pun .crumbs li + li::before { content: "»"; color: #777; margin: 0 6px; font-weight: normal; }
.pun .postlink { font-weight: bold; padding: 0; }
.pun .pagelink { padding: 0; color: #999; }
.pun .pagelink a, .pun .pagelink strong { margin: 0 2px; }

/* stats */
#brdstats .inbox { display: flex; justify-content: space-between; gap: 10px; padding: 6px 8px; flex-wrap: wrap; }
#brdstats dl { padding: 0; }
#brdstats dd { padding: 1px 0; }
#brdstats .conr { text-align: right; }
#onlinelist { padding: 5px 8px; border-top: 1px solid #333; }

/* posts */
.pun .blockpost h2 { background-image: linear-gradient(to bottom, #3d3d3c 0%, #2e2e2d 100%); }
.pun .blockpost h2 .conl { color: #bbb; }
.pun .blockpost h2 a { color: #bbb; }
.pun .blockpost h2 .num { float: right; color: #888; font-weight: normal; }
.pun .blockpost .box { background-color: #272726; overflow: hidden; }
.pun .postbody { display: flex; }
.pun .postleft { flex: 0 0 18em; padding: 8px; background: #2c2c2b; border-right: 1px solid #383836; }
.pun .postleft dt { font-size: 12px; font-weight: bold; }
.pun .postleft dd { padding: 1px 0; color: #999; }
.pun .postleft .usertitle { color: #bbb; margin-bottom: 6px; display: block; }
.pun .avatar {
	width: 80px; height: 80px; object-fit: cover; flex: none; margin: 6px 0 8px;
	border: 1px solid #111; border-radius: 3px;
	display: flex; align-items: center; justify-content: center;
	font: 26px Raleway, sans-serif; color: #eee;
	background: linear-gradient(135deg, #343433, #1c1c1b);
}
.pun .postright { flex: 1; min-width: 0; padding: 8px 12px; }
.pun .postmsg { overflow: hidden; word-wrap: break-word; overflow-wrap: anywhere; font-size: 11px; line-height: 1.6; padding-bottom: 6px; }
.pun .postmsg p { padding: 0 0 .75em; font-size: 11px; }
.pun .postedit { color: #888; font-style: italic; font-size: 10px; padding-top: 6px; }
.pun .postsignature { border-top: 1px solid #383836; margin-top: 10px; padding-top: 6px; color: #999; font-size: 10px; }
.pun .postfoot { display: flex; border-top: 1px solid #333; }
.pun .postfootleft { flex: 0 0 18em; padding: 5px 8px; background: #2c2c2b; border-right: 1px solid #383836; color: #888; }
.pun .postfootright { flex: 1; padding: 5px 12px; text-align: right; }
.pun .postfootright form { display: inline; }
.pun .postfootright li { display: inline; }
.pun .postfootright li + li::before { content: " | "; color: #666; }
.pun .linkbtn { background: none; border: 0; padding: 0; color: #60a0dc; cursor: pointer; font: inherit; }
.pun .linkbtn:hover { color: #80d6ff; }
.pun .linkbtn.danger { color: #c96060; }
.pun .linkbtn.danger:hover { color: #ff8080; }
.pun .online { color: #95b806; }
.pun .offline { color: #777; }

/* bbcode */
.pun .quotebox { border: 1px solid #606060; background: #2f2f2e; margin: .5em 0 .9em; padding: 0 .75em .4em; }
.pun .quotebox cite { display: block; font-weight: bold; font-style: normal; padding: .6em 0 .2em; color: #bbb; }
.pun .codebox { border: 1px solid #606060; background: #1b1b1a; margin: .5em 0 .9em; }
.pun .codebox pre { overflow: auto; max-height: 32em; padding: .75em; font: 12px Consolas, Monaco, "Courier New", monospace; color: #cfcfcf; white-space: pre; }
.pun .spoiler { border: 1px dashed #606060; margin: .5em 0 .9em; }
.pun .spoiler summary { cursor: pointer; padding: 4px 8px; color: #bbb; font-weight: bold; }
.pun .spoiler > div { padding: 4px 8px 8px; }
.pun .postmsg img.postimg { max-width: 98%; max-height: 600px; margin: 4px 0; border: 1px solid #111; }
.pun .postmsg ul.bblist { list-style: disc; padding: 0 0 .75em 2em; }
.pun .postmsg ul.bblist li { padding: 1px 0; }

/* forms */
.pun .blockform .box form, .pun .fakeform { padding: 18px 20px 14px; }
.pun fieldset { border: 1px solid #606060; padding: 0 12px; margin-bottom: 12px; }
.pun legend { color: #95b806; padding: 0 6px; font-size: 11px; }
.pun .infldset { padding: 9px 0 12px; }
.pun label { display: block; padding: 3px 0; }
.pun label.inline { display: inline-flex; align-items: center; gap: 6px; margin-right: 14px; }
.pun label small { color: #888; display: block; margin-top: 2px; }
.pun input[type=text], .pun input[type=password], .pun input[type=search], .pun input[type=email], .pun select, .pun textarea {
	background-color: #212122;
	color: #ccc;
	border: 1px solid #3e3e3e;
	padding: 4px 5px;
	margin-top: 3px;
	border-radius: 2px;
}
.pun input[type=text], .pun input[type=password], .pun input[type=email], .pun input[type=search] { width: 300px; max-width: 100%; }
.pun input.longinput, .pun textarea { width: 100%; }
.pun textarea { min-height: 220px; line-height: 1.5; resize: vertical; font: 12px Verdana, sans-serif; }
.pun input:hover, .pun select:hover, .pun textarea:hover { background-color: #1b1b1b; border-color: #444; }
.pun input:focus, .pun select:focus, .pun textarea:focus { outline: none; border-color: #777; }
.pun .buttons { padding: 2px 0 0 12px; display: flex; gap: 8px; flex-wrap: wrap; }
.pun input[type=submit], .pun button.sub {
	background: linear-gradient(#444443, #2e2e2d);
	border: 1px solid #111;
	color: #ddd;
	padding: 4px 12px;
	cursor: pointer;
	border-radius: 2px;
	font-size: 11px;
}
.pun input[type=submit]:hover, .pun button.sub:hover { background: linear-gradient(#50504f, #383837); color: #fff; }
.pun button.sub.green, .pun input[type=submit].green { background: linear-gradient(#8fc71c, #5e8f0a); color: #0b1400; font-weight: bold; }
.pun button.sub.green:hover { background: linear-gradient(#a0d82a, #6ea010); color: #000; }
.pun .forminfo { margin-bottom: 12px; padding: 9px 10px; border: 1px solid #606060; background-color: #303030; }
.pun .forminfo h3 { font-weight: bold; font-size: 11px; padding: 0 0 3px; }
.pun .bbbar { display: flex; flex-wrap: wrap; gap: 3px; margin: 4px 0 2px; }
.pun .bbbar button { background: #2e2e2d; border: 1px solid #111; color: #bbb; padding: 2px 7px; cursor: pointer; font-size: 10px; border-radius: 2px; }
.pun .bbbar button:hover { color: #fff; background: #3a3a39; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.msg { padding: 8px 10px; border: 1px solid; margin-bottom: 12px; font-size: 11px; }
.msg.err { background: #2a1717; border-color: #6b2b2b; color: #f0b4b4; }
.msg.ok { background: #1a2510; border-color: #4a6b1e; color: #cde6a0; }
.msg.info { background: #18222c; border-color: #2e4a66; color: #b8d2ec; }

/* profile */
.pun .block2col { display: flex; gap: 12px; align-items: flex-start; }
.pun .blockmenu { flex: 0 0 13em; }
.pun .blockmenu .box { background-color: #303030; }
.pun .blockmenu li { padding: 3px 0; font-weight: bold; }
.pun .blockmenu li.isactive a { color: #d4d4d4; }
.pun .block2col > .main { flex: 1; min-width: 0; }
.pun dl.kv { display: grid; grid-template-columns: 13em 1fr; padding: 0; }
.pun dl.kv dt { padding: 5px 6px; color: #bbb; border-top: 1px solid #333; }
.pun dl.kv dd { padding: 5px 6px; background-color: #303030; border-top: 1px solid #333; }
.pun dl.kv dt:first-of-type, .pun dl.kv dd:first-of-type { border-top: 0; }

.sub-status { display: flex; gap: 16px; align-items: center; padding: 12px; flex-wrap: wrap; }
.sub-status .badge { font-size: 10px; font-weight: bold; padding: 3px 8px; border-radius: 2px; letter-spacing: .5px; }
.badge.active { background: #3d5c0b; color: #d9f59a; border: 1px solid #5b8a12; }
.badge.expired { background: #4a1f1f; color: #f2b5b5; border: 1px solid #7a3030; }
.badge.lifetime { background: #5a4a00; color: #ffe680; border: 1px solid #8a7200; }
.dl-card { display: flex; gap: 14px; align-items: center; padding: 12px; border-top: 1px solid #333; flex-wrap: wrap; }
.dl-card .meta { flex: 1; min-width: 200px; color: #999; }
.dl-card .meta strong { color: #ddd; display: block; font-size: 12px; margin-bottom: 2px; }

/* usergroup colors */
.pun .g-admin { color: #ff3b3b !important; font-weight: bold; }
.pun a.g-admin:hover { color: #ff8080 !important; }
.pun .g-mod { color: #00bff1 !important; font-weight: bold; }
.pun a.g-mod:hover { color: #ffcc00 !important; }
.pun .g-premium { color: #faff0b !important; font-weight: bold; }
.pun a.g-premium:hover { color: #ff4545 !important; }
.pun .g-member { color: #60a0dc; }
.pun .g-banned { color: #777 !important; text-decoration: line-through; }

.notice-bar {
	border: 1px solid #000;
	margin: 0 0 12px;
	background: #9900cc linear-gradient(#9900cc, #660099);
	color: #eee;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-shadow: 1px 1px #000;
	text-transform: uppercase;
	padding: 6px;
}
.notice-bar a { color: #fff; text-decoration: underline; }

#brdfooter .inbox { display: flex; justify-content: space-between; gap: 10px; padding: 6px 8px; flex-wrap: wrap; color: #999; }
#brdfooter ul { padding: 0; display: flex; gap: 12px; }

/* admin */
.pun .status-new { color: #ffd200; font-weight: bold; }
.pun .status-contacted { color: #60a0dc; }
.pun .status-completed { color: #95b806; }
.pun .status-closed { color: #777; }
.pun td form { display: inline; }
.pun td select, .pun td input[type=text] { margin-top: 0; padding: 2px 3px; }
.pun td input[type=text] { width: 100%; }

/* Responsive
----------------------------------------------------------------*/
@media (max-width: 860px) {
	.plans { grid-template-columns: 1fr 1fr; }
	.safe-grid { grid-template-columns: 1fr; gap: 10px; }
	#feats { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
	#title h1 { font-size: 46px; }
	#jumbo { padding: 34px 16px 38px; margin-top: 24px; }
	.pun { padding: 0 0 8px; }
	#brdwelcome .conr { text-align: left; }
	.topbar li a { padding: 12px 6px; }
	.punwrap { padding: 0 10px 10px; border-radius: 0; }
	.pun .tc2, .pun .tc3 { display: none; }
	.pun .tcr { width: 38%; }
	.pun .postbody, .pun .postfoot { flex-direction: column; }
	.pun .postleft, .pun .postfootleft { flex: none; border-right: 0; border-bottom: 1px solid #383836; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
	.pun .postleft .avatar { width: 36px; height: 36px; font-size: 16px; margin: 0; }
	.pun .postleft dl { display: flex; gap: 2px 10px; flex-wrap: wrap; align-items: baseline; }
	.pun .block2col { flex-direction: column; align-items: stretch; }
	.pun .blockmenu { flex: none; }
	.pun dl.kv { grid-template-columns: 9em 1fr; }
	.pun .blockform .box form { padding: 12px; }
	.pun .buttons { padding-left: 0; }
}
@media (max-width: 480px) {
	.plans { grid-template-columns: 1fr; }
	.pun .tcr { display: none; }
}