@charset "utf-8";
/* ==========================================================================
   FarmerPlayer — engine.css
   ========================================================================== */
form{padding:0;margin:0}
#loading-layer{display:none;font:600 13px var(--f-body);background:#0a0d13 !important;color:#fff !important;padding:12px 16px;border:1px solid var(--gold-1);border-radius:var(--r-sm);box-shadow:var(--shadow)}
/* ---- additional forms ---- */
.forms,.forms table td{font-family:var(--f-body)}
.adminoption{line-height:1.8}
.f_input,input.f_input{min-width:240px;max-width:100%}
.xfields input,.xprofile input{max-width:280px}
.xfields textarea,.xprofile textarea,textarea.f_textarea{width:100%;min-height:170px}
.editorcomm{margin:6px 0}
.mass_comments_action{text-align:center;background:var(--surface);border:1px solid var(--line);padding:10px;border-radius:var(--r);margin-bottom:14px}
.mass_comments_action select,.searchtable select,.pmbox select{height:38px;padding:0 10px;color:var(--ink);background:rgba(0,0,0,.32);border:1px solid var(--line-strong);border-radius:var(--r-sm);min-width:170px}
/* ==========================================================================
   Polls & votes (CSS progress bars)
   ========================================================================== */
.pollprogress,.voteprogress{height:25px;border-radius:100px;background:rgba(255,255,255,.07);overflow:hidden;margin:5px 0 14px;border:1px solid var(--line)}
.poll1,.poll2,.poll3,.poll4,.poll5,.poll6,.poll7,.poll8,.poll9,.poll10,.vote1,.vote2,.vote3,.vote4,.vote5,.vote6,.vote7,.vote8,.vote9,.vote10{display:block;height:100%;border-radius:100px;background:var(--gold-grad);min-width:2px}
.poll2,.vote2{background:linear-gradient(135deg,#ff7a18,#ffb627)}
.poll3,.vote3{background:linear-gradient(135deg,#36e1d4,#0ea5a3)}
.poll4,.vote4{background:linear-gradient(135deg,#60a5fa,#2563eb)}
.poll5,.vote5{background:linear-gradient(135deg,#22c55e,#16a34a)}
.poll6,.vote6{background:linear-gradient(135deg,#a78bfa,#7c3aed)}
.poll7,.vote7{background:linear-gradient(135deg,#f472b6,#db2777)}
/* pm progress */
.pm_progress_bar,#share-popup .pm_progress_bar{height:22px;border-radius:100px;background:var(--gold-grad)}
/* ==========================================================================
   Tag cloud
   ========================================================================== */
.clouds_xsmall{font-size:11px}
.clouds_small{font-size:13px}
.clouds_medium{font-size:16px}
.clouds_large{font-size:20px}
.clouds_xlarge{font-size:25px}
.clouds_xsmall,.clouds_small,.clouds_medium,.clouds_large,.clouds_xlarge{display:inline-block;padding:2px 8px;margin:3px;border-radius:100px;background:rgba(255,255,255,.05);color:var(--ink-soft)}
.clouds_xsmall:hover,.clouds_small:hover,.clouds_medium:hover,.clouds_large:hover,.clouds_xlarge:hover{background:rgba(255,122,24,.18);color:#fff}
/* ==========================================================================
   Attachments
   ========================================================================== */
.attachment,.attachments{margin:10px 0;padding:12px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:var(--r-sm)}
.attachments .body{color:var(--ink-soft)}
/* ==========================================================================
   BB-code editor toolbar
   ========================================================================== */
.bb-editor,.editor{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px}
.bb-pane{display:flex;flex-wrap:wrap;gap:3px;padding:4px;border-bottom:1px solid var(--line);margin:-6px -6px 6px}
.bb-btn{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 7px;border-radius:var(--r-xs);color:var(--ink-soft);background:rgba(255,255,255,.04);border:1px solid transparent;cursor:pointer;font-size:13px}
.bb-btn:hover{background:rgba(255,122,24,.16);color:#fff;border-color:var(--line)}
.bb-sep{width:1px;align-self:stretch;background:var(--line);margin:0 4px}
.bb-sel,.bb-pane select{height:30px;background:rgba(0,0,0,.32);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-xs)}
/* legacy id buttons get neutral chip styling so old skins still look ok */
[id^=b_]{filter:none}
/* ==========================================================================
   Search
   ========================================================================== */
.searchtable{width:100%}
.searchheading{font-family:var(--f-head);font-weight:700;color:var(--ink);margin:8px 0}
.sresult{padding:10px;border-bottom:1px solid var(--line)}
.selected{background:rgba(255,122,24,.12)}
#searchsuggestions{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);overflow:hidden}
#searchsuggestions .selected,#searchsuggestions div:hover{background:rgba(255,122,24,.16);cursor:pointer}
/* autocomplete (jQuery UI) */
.ui-autocomplete,.autocomplete,.autocomplete-w1{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);z-index:9999}
.ui-autocomplete .ui-menu-item,.autocomplete div{padding:8px 12px;color:var(--ink-soft)}
.ui-autocomplete .ui-menu-item:hover,.autocomplete .selected{background:rgba(255,122,24,.16);color:#fff}
/* ==========================================================================
   jQuery UI dialog (DLE still uses it for some popups)
   ========================================================================== */
.ui-widget-overlay{position:fixed;inset:0;background:rgba(5,7,12,.72)}
.ui-dialog{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:0;overflow:hidden;color:var(--ink)}
.ui-dialog .ui-dialog-titlebar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:linear-gradient(180deg,rgba(255,122,24,.16),transparent);border-bottom:1px solid var(--line)}
.ui-dialog .ui-dialog-title{font-family:var(--f-head);font-weight:700;font-size:18px;color:var(--ink)}
.ui-dialog .ui-dialog-titlebar-close{width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.06);color:var(--ink);cursor:pointer;display:grid;place-items:center}
.ui-dialog .ui-dialog-titlebar-close:hover{background:var(--red);color:#fff}
.ui-dialog .ui-dialog-titlebar-close .ui-icon{display:none}
.ui-dialog .ui-dialog-titlebar-close::before{content:"\f00d";font-family:"Font Awesome 6 Free";font-weight:900}
.ui-dialog .ui-dialog-content{padding:16px}
.ui-dialog .ui-dialog-buttonpane{padding:12px 16px;border-top:1px solid var(--line);text-align:right}
.ui-dialog .ui-button{padding:9px 16px;border-radius:var(--r-sm);border:0;cursor:pointer;font-weight:700;background:var(--gold-grad);color:#1b1206}
.ui-state-error{color:#ffc9c9;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);padding:8px 12px;border-radius:var(--r-sm);text-align:center}
/* ==========================================================================
   Lightbox (highslide leftovers — keep usable if present)
   ========================================================================== */
.highslide-dimming{position:fixed;inset:0;background:rgba(5,7,12,.85)}
.highslide-wrapper,.highslide-image img{border-radius:var(--r-sm)}
.highslide-image{border:2px solid var(--gold-1) !important;box-shadow:var(--shadow)}
.highslide-caption{background:var(--surface-solid);color:var(--ink-soft);padding:8px 12px;border:1px solid var(--line)}
.highslide-controls{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--r-sm)}
img.highslide-active-anchor{visibility:visible}
/* ==========================================================================
   Marker / quote-selection / share popup
   ========================================================================== */
#share-popup,#dropmenudiv{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow);color:var(--ink);padding:8px}
.masha-marker,#marker-bar{background:var(--surface-solid);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--shadow)}
.user_selection,.user_selection_true{background:rgba(255,122,24,.22)}
#txtselect_marker{background:var(--gold-grad);color:#1b1206;border-radius:var(--r-xs);padding:4px 8px;box-shadow:var(--shadow)}
/* ==========================================================================
   Code syntax highlighting (highlight.js) — dark palette
   ========================================================================== */
.comment,.template_comment,.javadoc,.phpdoc,.diff .header{color:#6b7280;font-style:italic}
.keyword,.winutils,.method,.addition,.css .tag,.shebang,.preprocessor,.pi,.doctype{color:#ff7a18}
.string,.title,.parent,.tex .formula,.regexp,.value{color:#9ef0c5}
.number,.hexcolor,.constant,.literal{color:#ffb627}
.tag,.tag .title,.attribute,.pseudo,.element{color:#36e1d4}
.function,.id,.class,.symbol,.variable,.instancevar,.localvars{color:#60a5fa}
.built_in,.builtin,.command,.label,.important{color:#f472b6}
.deletion{color:#ef4444}
/* ==========================================================================
   Moved from styles.css: dropmenu + live-search suggestions (engine widgets)
   ========================================================================== */
/* dropmenudiv (DLE dropdown) */
#dropmenudiv{min-width:190px;padding:6px}
#dropmenudiv a{display:block;padding:9px 12px;border-radius:var(--r-xs);color:var(--ink-soft);text-decoration:none;border:0;font-size:13px}
#dropmenudiv a:hover{background:rgba(255,122,24,.16);color:#fff}
#dropmenudiv hr{margin:4px 0;border:0;border-top:1px solid var(--line)}
/* search suggestions: title on top, text under + Advanced search footer */
#searchsuggestions{padding:6px;margin-top:4px;border-radius:var(--r-sm)}
#searchsuggestions a{display:block;position:relative;padding:10px 12px 10px 40px;border-radius:var(--r-sm);color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--line)}
#searchsuggestions a:last-child{border-bottom:0}
#searchsuggestions a::before{content:"\f002";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--gold-1);font-size:13px;position:absolute;left:13px;top:12px}
#searchsuggestions .searchheading{display:block;color:var(--gold-2);font-weight:700;font-size:13px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#searchsuggestions a span:not(.searchheading){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink-soft);font-size:12px;line-height:1.4}
#searchsuggestions a:hover,#searchsuggestions .selected{background:rgba(255,122,24,.16)}
#searchsuggestions a:hover .searchheading{color:#fff}
#searchsuggestions a img{position:absolute;left:8px;top:9px;width:30px;height:22px;object-fit:cover;border-radius:4px}
/* Advanced search footer */
#searchsuggestions a[href*="do=search"]{text-align:center;padding:11px 12px;color:var(--gold-2);font-weight:700;border-top:1px solid var(--line-strong);margin-top:2px;background:rgba(255,122,24,.06)}
#searchsuggestions a[href*="do=search"]::before{position:static;margin-right:8px}
#searchsuggestions a[href*="do=search"]:hover{background:rgba(255,122,24,.2);color:#fff}
/* center the live-search dropdown in the viewport */
#searchsuggestions{position:fixed !important;left:50% !important;right:auto !important;top:64px !important;transform:translateX(-50%);width:min(640px,94vw) !important;max-height:72vh;overflow-y:auto;z-index:1200}
/* comment tree list — remove default list numbering/markers */
.comments-tree-list{display:block;margin:0;padding:0;list-style:none}
.comments-tree-list .comments-tree-list{padding-left:30px}
.comments-tree-item{display:block;margin:0;padding:0}
/* [spoiler] BB-code — adapted to the dark FarmerPlayer theme (motion-free) */
.title_spoiler{display:flex;align-items:center;gap:8px;padding:12px 15px;background:linear-gradient(145deg,rgba(255,122,24,.14),rgba(255,255,255,.03));border-radius:var(--r-sm);margin-bottom:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);border:1px solid var(--line);font-weight:600;font-family:var(--f-head);color:var(--ink);cursor:pointer}
.title_spoiler:hover{background:linear-gradient(145deg,rgba(255,122,24,.22),rgba(255,255,255,.05));border-color:rgba(255,182,39,.4)}
.title_spoiler a{display:block;color:var(--gold-2)}
.title_spoiler a:first-child,.title_spoiler svg{width:18px;height:18px}
.title_spoiler a + a{flex:1 1 0;max-width:100%;min-width:50px}
.title_spoiler img{vertical-align:middle !important;margin:0 8px 0 0;border:0;width:18px;height:18px}
.text_spoiler{margin-bottom:8px;padding:15px;background:rgba(255,255,255,.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);border-radius:var(--r-sm);border:1px solid var(--line);color:var(--ink-soft)}
.text_spoiler ol{counter-reset:li;padding:0;list-style:none;margin:0 0 8px 25px}
.text_spoiler ol li{position:relative;margin:5px;padding-left:35px;min-height:20px}
.text_spoiler ol li::before{content:counter(li) ". ";counter-increment:li;position:absolute;left:0;color:var(--gold-2);font-weight:700}
.text_spoiler ul{padding:0;list-style:none;margin:0 0 8px 25px}
.text_spoiler ul li{position:relative;margin:5px;padding-left:35px}
.text_spoiler ul li::before{content:"\f00c";position:absolute;left:8px;color:#8cb929;font-weight:900;font-family:"Font Awesome 6 Free"}
.scriptcode{color:var(--cyan);text-align:left;font-family:"Fira Code","Consolas","Courier New",monospace;font-size:.95em;line-height:1.5}