.ac-bottom{display:flex !important;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;justify-content:flex-end}
.ac-bottom .ac-protect{display:none;align-items:center;gap:10px;flex:1 1 auto;min-width:0;margin:0;flex-wrap:nowrap !important;flex-direction:row !important}
.ac-bottom .ac-protect.visible,
.ac-bottom .ac-protect:has([name="question_answer"]){display:flex !important}
.ac-bottom .ac-protect .ac-q-text{margin:0 !important;font-size:13px;color:#cfdbeb;line-height:1.3;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0}
.ac-bottom .ac-protect #dle-question{display:inline}
.ac-bottom .ac-protect input[name="question_answer"]{flex:0 0 160px !important;min-width:120px;max-width:200px;margin:0 !important;height:38px;width:auto !important}
.ac-bottom .ac-submit{flex:0 0 auto;margin:0}
.ac-bottom .ac-submit button{margin:0;white-space:nowrap}
@media (max-width:640px){
.ac-bottom{flex-direction:column;align-items:stretch;gap:10px;justify-content:stretch}
.ac-bottom .ac-protect{flex-wrap:wrap !important}
.ac-bottom .ac-protect .ac-q-text{flex-basis:100%;white-space:normal;text-overflow:clip}
.ac-bottom .ac-protect input[name="question_answer"]{flex:1 1 auto !important;max-width:none}
}

/* ── Comment items (rendered from comments.tpl). Loaded both on fullstory (via styles.css) and on play.tpl (here, since play doesn't include styles.css). ── */
.comm-item.js-comm{display:flex;gap:14px;align-items:flex-start;padding-left:0 !important;min-height:0 !important;margin-bottom:18px}
.comm-item.js-comm > .comm-side{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:12px;line-height:1.25;min-width:0}
.comm-item.js-comm > .comm-side .comm-author{font-weight:600;font-size:12px;line-height:1.25;max-width:100%;word-break:break-word;overflow-wrap:anywhere;hyphens:auto}
.comm-item.js-comm > .comm-side .comm-author a{text-decoration:none}
.comm-item.js-comm > .comm-side .comm-avatar{position:static !important;width:56px;height:56px;border-radius:50%;overflow:hidden;flex:0 0 56px}
.comm-item.js-comm > .comm-side .comm-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.comm-item.js-comm > .comm-side .comm-group{opacity:.85;font-size:11px}
.comm-item.js-comm > .comm-side .comm-date{opacity:.6;font-size:11px;white-space:nowrap}
.comm-item.js-comm > .comm-right{flex:1 1 auto;min-width:0}
@media(max-width:640px){
.comm-item.js-comm > .comm-side{flex:0 0 72px}
.comm-item.js-comm > .comm-side .comm-avatar{width:44px;height:44px;flex-basis:44px}
.comm-item.js-comm > .comm-side .comm-author{font-size:11px}
}
.last-comm-link{display:inline-block;padding-bottom:20px;color:#06c;font-size:18px}
.comm-item{font-size:13px;padding-left:55px;position:relative;min-height:40px;margin-bottom:20px}
.comm-avatar{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;overflow:hidden}
.comm-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.comm-letter{position:absolute;left:0;top:0;width:100%;height:100%;line-height:40px;text-align:center;background-color:#000;color:#fff;font-size:18px;font-weight:600;text-transform:uppercase}
.comm-one>span{margin-right:15px;opacity:.6}
.comm-one>span.comm-author,.comm-one>span.comm-author a{font-weight:500;opacity:1}
.comm-two{margin:5px 0 10px 0;word-wrap:break-word;overflow-wrap:break-word}
.comm-three{margin-top:6px}
.comm-three-left>a,.comm-three-right li a{opacity:.6}
.comm-three-left>a{opacity:1;color:#8fa7c6;border-bottom:1px dotted #8fa7c6;text-decoration:none}
.comm-three a:hover{border-bottom-color:transparent}
.comm-three-right{margin:0;padding:0;list-style:none}
.comm-three-right li{display:inline-block;margin-left:15px}
.comm-three-right li:empty{display:none}
.comm-three-right:not(:has(li:not(:empty))){display:none}
.comm-rate3{white-space:nowrap;margin-right:15px;height:20px;line-height:20px;display:inline-block;vertical-align:top;position:relative;top:-3px}
.comm-rate3 a{display:inline-block;vertical-align:middle;position:relative;opacity:.8}
.comm-rate3 a:first-child{top:-5px}
.comm-rate3>span{margin:0 5px}
.comm-rate3>span>span.ratingtypeplus{color:#06b601}
.comm-rate3>span>span.ratingplus{color:#95c613}
.comm-rate3>span>span.ratingminus{color:#ff0e0e}

/* Play page dark palette overrides — match #full-comms form aesthetic */
body.play-page .comm-item{color:#cfcfcf;font:13px/1.55 verdana,sans-serif;padding-left:50px}
body.play-page .comm-avatar{width:38px;height:38px;border:1px solid #2b2b2b;background:#0e0d09}
body.play-page .comm-one>span.comm-author,body.play-page .comm-one>span.comm-author a{color:#e0dfdc}
body.play-page .comm-one>span{color:#8a8a8a;opacity:.85}
body.play-page .comm-two{color:#cfcfcf}
body.play-page .comm-three-left>a{color:#f8d268;border-bottom-color:#f8d268}
body.play-page .comm-three-right li a{color:#a8a8a8;text-decoration:none}
body.play-page .comm-three-right li a:hover{color:#f8d268}