.vp{max-width:1250px;margin:auto}.vp-hero{position:relative;overflow:hidden}.vp-hero:after{content:'✦';position:absolute;right:7%;top:15px;font-size:230px;color:#dfc56812;pointer-events:none}.vp-flow{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.vp-flow span{padding:14px 18px;background:#071b1677;border:1px solid #bfd19e22;border-radius:10px;font-size:12px;color:#bccbb5}.vp-flow b{display:block;color:#f7d774;margin-top:7px}.vp-wallet{display:flex;align-items:center;gap:35px;background:#182e21;border:1px solid #65814450;border-radius:14px;padding:22px;margin-top:20px}.vp-wallet small{display:block;color:#aebda5;font-size:10px;letter-spacing:1px}.vp-wallet strong{display:block;font-size:30px;color:#f7d774;margin-top:8px}.vp-actions{margin-left:auto;display:grid;gap:10px}.vp a{font-size:12px}.vp button{border:1px solid #e8ce7a;border-radius:8px;background:#eed17c;color:#18291d;font-weight:bold;padding:12px 16px;cursor:pointer}.vp button:disabled{opacity:.45;cursor:not-allowed}.vp button:focus-visible,.vp input:focus-visible,.vp select:focus-visible{outline:2px solid #ffeaa8;outline-offset:3px}.vp [hidden]{display:none!important}.vp-tools{display:grid;grid-template-columns:2fr repeat(4,minmax(0,1fr));gap:12px;margin-top:25px}.vp-tools label{color:#b9c8b3;font-size:11px}.vp input,.vp select{display:block;width:100%;margin-top:8px;padding:12px;background:#10251a;color:#edf0df;border:1px solid #65814460;border-radius:8px}.vp-list{display:grid;gap:14px}.vp-card{background:linear-gradient(115deg,#1b3525,#11251b);border:1px solid #65814450;border-radius:14px;padding:22px;display:grid;grid-template-columns:55px 1fr auto;gap:18px;align-items:center}.vp-rank{font-size:24px;color:#e7cb73;font-weight:bold}.vp-card h3{margin:8px 0;font-size:23px;color:#f6de8d;overflow-wrap:anywhere}.vp-card p{color:#b9c8b3;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.vp-meta{font-size:10px;color:#bfd19e;letter-spacing:1px}.vp-score{min-width:155px;text-align:right}.vp-score strong{font-size:30px;display:block}.vp-score small{display:block;color:#afc485;margin:8px 0}.vp-card-actions{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.vp-card-actions button+button{background:transparent;color:#f7d774}.vp-card-actions a{margin-left:auto}.vp-rules{padding:20px;border:1px solid #65814450;border-radius:12px;margin-top:24px;color:#bccbb5;font-size:13px;line-height:1.8}.vp-rules summary{cursor:pointer;color:#f6de8d}.vp [data-ui=notice]{min-height:22px;color:#f7d774}.vp [data-ui=cooldown]{font-size:12px;color:#b9c8b3}.vp-empty{padding:35px;border:1px dashed #65814480;border-radius:14px;color:#bccbb5}.vp [data-ui=more]{margin-top:16px}@media(max-width:750px){.vp-tools{grid-template-columns:1fr 1fr}.vp-wallet{gap:18px;flex-wrap:wrap}.vp-actions{margin-left:0;width:100%}.vp-card{grid-template-columns:36px 1fr;padding:16px;gap:10px}.vp-score{grid-column:2;text-align:left}.vp-score strong{font-size:24px}.vp-card-actions{grid-column:1/-1}.vp-flow{display:grid}.vp-hero:after{display:none}}
.vp-community-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:24px;border:1px solid #65814470;border-radius:14px;background:linear-gradient(130deg,#233c28,#172a1f)}.vp-community-bar small{letter-spacing:2px;font-size:10px;color:#c7d5a2}.vp-community-bar h2{font-size:24px;margin:12px 0}.vp-community-bar p,.vp-panel>p,.vp-panel form>p{font-size:13px;color:#b9c8b3;line-height:1.7}.vp-community-buttons{display:grid;gap:10px;flex-shrink:0}.vp .vp-secondary{background:transparent;color:#eed17c;border-color:#65814490}.vp-panel{margin:22px 0;padding:26px;border-radius:14px;background:#142b1e;border:1px solid #65814480;scroll-margin-top:20px}.vp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.vp-panel h2{color:#f6de8d;margin:0 0 14px;font-size:26px;overflow-wrap:anywhere}.vp-panel-head h2{margin:0}.vp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vp-full{grid-column:1/-1}.vp-panel label{display:block;color:#c5d2bd;font-size:12px}.vp textarea{display:block;width:100%;margin-top:8px;padding:12px;background:#10251a;color:#edf0df;border:1px solid #65814460;border-radius:8px;font:inherit;line-height:1.7;resize:vertical}.vp textarea:focus-visible{outline:2px solid #ffeaa8;outline-offset:3px}.vp-owned{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #65814440;flex-wrap:wrap}.vp-owned strong{flex:1;overflow-wrap:anywhere}.vp-owned span{font-size:12px;color:#bfd19e}.vp-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:#c5d2bd}.vp-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.vp-facts>div{padding:14px;background:#0c2015;border-radius:8px;min-width:0}.vp-facts small{display:block;color:#9aaf94;font-size:11px}.vp-facts strong{display:block;margin-top:8px;font-size:14px;overflow-wrap:anywhere}.vp-profile-links{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0}.vp-review{padding:20px;background:#102419;border:1px solid #65814440;border-radius:10px;margin:14px 0}.vp-review strong{margin-right:20px;overflow-wrap:anywhere}.vp-review small{color:#9aaf94}.vp-stars{color:#f0d070!important}.vp [data-ui=review-form]{padding:20px;border:1px solid #65814470;border-radius:10px}.vp [data-ui=review-form] label{margin-bottom:16px}.vp [data-ui=review-form] select{max-width:300px}.vp [data-ui=review-form] button{margin:0 10px 10px 0}.vp-card-actions .vp-profile-link{margin-left:0;margin-right:auto;font-weight:bold}.vp [data-ui=community-notice],.vp [data-ui=server-message],.vp [data-ui=review-notice]{color:#f7d774;font-size:13px}.vp [data-ui=detail-content]>button{margin-bottom:20px}@media(max-width:750px){.vp-community-bar{align-items:stretch;flex-direction:column;padding:20px}.vp-community-buttons{grid-template-columns:1fr 1fr}.vp-panel{padding:18px}.vp-facts{grid-template-columns:1fr 1fr}.vp-form-grid{grid-template-columns:1fr}.vp-panel-head{align-items:flex-start}.vp-panel-head h2{font-size:22px}.vp-tools label:first-child{grid-column:1/-1}}
.vp-owned strong{min-width:120px}.vp-panel input,.vp-panel select{min-width:0}
.vp-image-options p{font-size:12px;line-height:1.6;color:#b9c8b3}.vp-image-options input[type=checkbox]{display:inline;width:auto;margin-right:8px}.vp-image-options input[type=file]{max-width:100%}
.vp-card{grid-template-columns:55px minmax(0,1fr) auto;grid-template-areas:"rank copy score" "actions actions actions"}.vp-card.vp-with-media{grid-template-areas:"rank copy score" "media media media" "actions actions actions"}.vp-rank{grid-area:rank}.vp-card-copy{grid-area:copy;min-width:0}.vp-score{grid-area:score}.vp-card-actions{grid-area:actions}.vp-media-choice>span{font-size:12px;color:#c5d2bd}.vp-media-choice p{font-size:12px;line-height:1.6;color:#b9c8b3}.vp-media-switch{display:flex;gap:0;margin-top:10px;max-width:430px}.vp-media-switch button{flex:1;border-radius:0;background:transparent;color:#eed17c;border-color:#65814480}.vp-media-switch button:first-child{border-radius:9px 0 0 9px}.vp-media-switch button:last-child{border-radius:0 9px 9px 0}.vp-media-switch button[aria-pressed=true]{background:#eed17c;color:#172a1c}@media(max-width:750px){.vp-card{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"rank copy" "score score" "actions actions"}.vp-card.vp-with-media{grid-template-areas:"rank copy" "score score" "media media" "actions actions"}.vp-score{text-align:left;min-width:0}.vp-score strong{display:inline;margin-right:10px}.vp-score small{display:inline-block;margin-right:10px}}

/* Subtle separation of actions and keyboard focus, scoped to this widget. */
.vp .vp-card { box-shadow: 0 8px 24px #00000018; }
.vp .vp-card:focus-within { border-color: #c9b565; }
.vp .vp-card-actions { border-top: 1px solid #bfd19e22; padding-top: 16px; }
.vp .vp-card-actions a:focus-visible { outline: 2px solid #ffeaa8; outline-offset: 4px; }

/* Compact server rows: facts left, linked title and media centered, votes right. */
.vp .vp-list { container-type: inline-size; }
.vp .vp-card,.vp .vp-card.vp-with-media {
  grid-template-columns: 145px minmax(0,1fr) 115px;
  grid-template-areas: "copy title score" "copy media score" "actions actions actions";
  gap: 6px 16px;
}
.vp .vp-card .vp-card-title { grid-area: title; display: flex; flex-direction: column; align-items: center; min-width: 0; margin: 0; text-align: center; font-size: 17px; line-height: 1.35; }
.vp .vp-card-title a { color: inherit; font-size: inherit; text-decoration: none; }
.vp .vp-card-title a:hover { text-decoration: underline; }
.vp .vp-card-title>a { font-family: Georgia,"Times New Roman",serif; font-size: 1.16em; font-variant: small-caps; font-weight: 900; letter-spacing: .055em; text-shadow: 0 1px 0 #1a0d06,0 2px 3px #000b,0 0 12px #d5ab5540; }
.vp .vp-card-copy { grid-area: copy; align-self: center; font-size: 11px; }
.vp .vp-card-copy .vp-rank { display: block; font-size: 12px; margin-bottom: 10px; }
.vp .vp-category { display: inline-block; max-width: 100%; overflow-wrap: anywhere; padding: 4px 9px; border: 1px solid #c39b6266; border-radius: 20px; color: #edcca0; background: #b98c3622; font-size: 10px; font-weight: bold; text-transform: uppercase; }
.vp .vp-card-facts { margin: 10px 0; }
.vp .vp-card-facts>div { display: flex; flex-wrap: wrap; gap: 4px 7px; margin-top: 5px; }
.vp .vp-card-facts dt { color: #c6af92; }
.vp .vp-card-facts dd { margin: 0; color: #f1dfc4; font-weight: bold; overflow-wrap: anywhere; }
.vp .vp-list .vp-card-media { --vp-media-ratio: 12 / 5; max-width: 600px; }
.vp .vp-score { grid-area: score; min-width: 0; width: 100%; padding: 10px 6px; text-align: center; }
.vp .vp-vote-total { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px; }
.vp .vp-vote-icon { border: 1px solid #9fc38377; width: 29px; height: 29px; border-radius: 50%; display: grid; place-items: center; font-size: 21px; }
.vp .vp-score strong { display: inline; font-size: 23px; overflow-wrap: anywhere; max-width: 100%; }
.vp .vp-score small { display: block; font-size: 10px; line-height: 1.5; margin: 5px 0 0; }
.vp .vp-language { display: inline-flex; align-items: center; gap: 5px; }
.vp .vp-language-icon { font-size: 15px; line-height: 1; filter: drop-shadow(0 1px 1px #0009); }
.vp .vp-language-code { font-size: 10px; letter-spacing: .04em; }
.vp .vp-vote-breakdown { display: grid; justify-content: center; gap: 5px; margin-top: 8px; }
.vp .vp-vote-metric { display: inline-flex; align-items: center; justify-content: center; gap: 6px; color: #d9cbb8; font-size: 10px; line-height: 1.25; white-space: nowrap; }
.vp .vp-metric-icon { display: inline-grid; place-items: center; flex: 0 0 20px; width: 20px; height: 20px; color: #f7df9b; font-size: 12px; font-weight: 900; }
.vp .vp-community-metric .vp-metric-icon { position: relative; overflow: hidden; color: transparent; }
.vp .vp-community-metric .vp-metric-icon:before,.vp .vp-community-metric .vp-metric-icon:after { content: ''; position: absolute; border-radius: 50%; background: #f0cf78; box-shadow: 0 0 5px #0007; }
.vp .vp-community-metric .vp-metric-icon:before { width: 7px; height: 7px; left: 3px; top: 3px; box-shadow: 8px 1px 0 #d8b45c; }
.vp .vp-community-metric .vp-metric-icon:after { width: 11px; height: 7px; left: 1px; bottom: 2px; border-radius: 7px 7px 3px 3px; box-shadow: 8px 0 0 #d8b45c; }
.vp .vp-boost-metric .vp-metric-icon { width: 14px; height: 22px; margin: 0 3px; border: 1px solid #e1be67; border-radius: 3px 3px 4px 4px; background: linear-gradient(100deg,#60401f,#d09a42 48%,#674522); color: #fff0ad; font-size: 12px; font-style: italic; box-shadow: inset 0 2px #f6dc8a55,0 1px 4px #0008; transform: skew(-3deg); }
.vp .vp-card { position: relative; overflow: hidden; }
.vp .vp-podium { overflow: hidden; border-width: 2px; }
.vp .vp-podium-1 { border-color: #f1cc59; box-shadow: 0 0 0 1px #f1cc5966,0 10px 30px #d89c1e24,inset 0 0 28px #f1cc590c; }
.vp .vp-podium-2 { border-color: #c9d0da; box-shadow: 0 0 0 1px #c9d0da55,0 10px 30px #b8c4d21f,inset 0 0 28px #dce3eb0b; }
.vp .vp-podium-3 { border-color: #c8844e; box-shadow: 0 0 0 1px #c8844e55,0 10px 30px #b86f3824,inset 0 0 28px #c8844e0d; }
.vp .vp-rank-corner { position: absolute; z-index: 3; left: 0; top: 0; width: 54px; height: 54px; padding: 8px 0 0 11px; clip-path: polygon(0 0,100% 0,0 100%); color: #20150d; font-family: Georgia,"Times New Roman",serif; font-size: 19px; font-weight: 900; line-height: 1; text-align: left; text-shadow: 0 1px #fff8; }
.vp .vp-podium-1 .vp-rank-corner { background: linear-gradient(135deg,#fff1a2,#d99b23 70%); }
.vp .vp-podium-2 .vp-rank-corner { background: linear-gradient(135deg,#f6f8fb,#99a5b2 72%); }
.vp .vp-podium-3 .vp-rank-corner { background: linear-gradient(135deg,#f0b47c,#a95b2f 72%); }
.vp .vp-card-actions { margin-top: 7px; gap: 8px; }
.vp .vp-card .vp-media-caption { font-size: 10px; margin-top: 4px; line-height: 16px; }
@container (max-width: 620px) {
  .vp .vp-card,.vp .vp-card.vp-with-media { grid-template-columns: minmax(0,1fr) 115px; grid-template-areas: "title title" "media media" "copy score" "actions actions"; gap: 12px; }
  .vp .vp-card-copy .vp-rank { margin-bottom: 6px; }
  .vp .vp-card-facts { margin: 8px 0; }
}

/* Bulk boost controls: the entered quantity is captured once per transaction. */
.vp .vp-buy-label { display: grid; gap: 6px; font-size: 12px; color: #d0bda7; }
.vp .vp-buy-label input { width: 140px; max-width: 100%; margin: 0; }
.vp .vp-quantity-hint { font-size: 11px; color: #d0bda7; line-height: 1.5; }
.vp .vp-coin-shop { margin-top: 24px; padding: 26px; border: 1px solid #65814470; border-radius: 14px; background: linear-gradient(135deg,#142b1e,#0d2116); }
.vp .vp-coin-shop-heading small { color: #bfd19e; font-size: 10px; letter-spacing: 2px; }
.vp .vp-coin-shop-heading h2 { margin: 8px 0; color: #f6de8d; font-size: 26px; }
.vp .vp-coin-shop-heading p { margin: 0; color: #b9c8b3; font-size: 13px; line-height: 1.7; }
.vp .vp-coin-packages { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 22px; }
.vp .vp-coin-package { display: grid; gap: 10px; min-width: 0; padding: 20px; border: 1px solid #65814460; border-radius: 12px; background: #10251a; }
.vp .vp-coin-package-featured { border-color: #e8ce7a; box-shadow: 0 0 0 1px #e8ce7a22,0 10px 28px #0003; }
.vp .vp-coin-package small { color: #aebda5; font-size: 10px; letter-spacing: 1.5px; }
.vp .vp-coin-package strong { color: #f7d774; font-size: 25px; overflow-wrap: anywhere; }
.vp .vp-coin-package strong span { color: #c5d2bd; font-size: 12px; font-weight: normal; }
.vp .vp-coin-package b { color: #edf0df; font-size: 18px; }
.vp .vp-admin-contact { margin: 18px 0 0; padding: 14px 16px; border-left: 3px solid #e8ce7a; background: #e8ce7a12; color: #cbd8c2; font-size: 13px; line-height: 1.7; }
.vp .vp-admin-contact span,.vp .vp-admin-contact strong { color: #f7d774; }
.vp .vp-boost-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 7px; max-width: 100%; padding: 10px; border: 1px solid #ba8b5945; border-radius: 8px; }
.vp .vp-boost-form label { display: grid; gap: 5px; font-size: 10px; color: #d0bda7; }
.vp .vp-boost-form input { width: 110px; max-width: 100%; margin: 0; padding: 9px; font-size: 12px; }
.vp .vp-boost-form small { flex-basis: 100%; color: #c5b199; font-size: 10px; }
.vp .vp-boost-form button { max-width: 100%; overflow-wrap: anywhere; }

/* Feature selection and the server-presentation editor. */
.vp .vp-feature-picker { margin: 0; padding: 18px; border: 1px solid #65814460; border-radius: 10px; min-width: 0; }
.vp .vp-feature-picker legend { padding: 0 8px; color: #f6de8d; font-size: 13px; font-weight: bold; }
.vp .vp-feature-picker>p,.vp .vp-rich-field>p { margin: 2px 0 14px; color: #b9c8b3; font-size: 12px; line-height: 1.6; }
.vp .vp-feature-options { display: flex; flex-wrap: wrap; gap: 9px; }
.vp .vp-feature-options label { position: relative; cursor: pointer; }
.vp .vp-feature-options input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.vp .vp-feature-options span,.vp .vp-profile-tags span { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 12px; border: 1px solid #78915d80; border-radius: 999px; background: #0c2015; color: #cbd8c2; font-size: 12px; line-height: 1.2; }
.vp .vp-feature-options input:checked+span { border-color: #f0d070; background: #e8ca7024; color: #f9df8c; box-shadow: inset 0 0 0 1px #f0d07055; }
.vp .vp-feature-options input:focus-visible+span { outline: 2px solid #ffeaa8; outline-offset: 3px; }
.vp .vp-profile-tags { display: flex; flex-wrap: wrap; gap: 9px; margin: 12px 0 24px; }
.vp .vp-profile-tags span { border-color: #d9bb6280; background: #d9bb6218; color: #f6de8d; }
.vp .vp-rich-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: #c5d2bd; font-size: 12px; }
.vp .vp-rich-heading small { color: #9aaf94; }
.vp .vp-rich-toolbar { display: flex; flex-wrap: wrap; gap: 5px; padding: 8px; border: 1px solid #65814460; border-bottom: 0; border-radius: 9px 9px 0 0; background: #0b1d13; }
.vp .vp-rich-toolbar button,.vp .vp-emoji-picker button { min-width: 37px; padding: 8px 10px; border-color: #65814470; border-radius: 6px; background: #173021; color: #eef0df; font-size: 12px; }
.vp .vp-rich-toolbar button:hover,.vp .vp-emoji-picker button:hover { border-color: #d9bd67; background: #203d2b; }
.vp .vp-emoji-picker { display: flex; flex-wrap: wrap; gap: 5px; padding: 8px; border: 1px solid #65814460; border-bottom: 0; background: #10251a; }
.vp .vp-emoji-picker button { font-size: 18px; }
.vp .vp-rich-editor { min-height: 260px; max-height: 720px; overflow-y: auto; padding: 18px; border: 1px solid #65814460; border-radius: 0 0 9px 9px; background: #10251a; color: #edf0df; line-height: 1.7; overflow-wrap: anywhere; }
.vp .vp-rich-editor:focus { outline: 2px solid #ffeaa8; outline-offset: 3px; }
.vp .vp-rich-editor:empty:before { content: attr(data-placeholder); color: #82927e; pointer-events: none; }
.vp .vp-rich-editor h2,.vp .vp-rich-editor h3,.vp .vp-rich-editor h4,.vp .vp-rich-output h2,.vp .vp-rich-output h3,.vp .vp-rich-output h4 { color: #f6de8d; margin: 1.2em 0 .5em; }
.vp .vp-rich-editor blockquote,.vp .vp-rich-output blockquote { margin: 1em 0; padding: 10px 16px; border-left: 3px solid #d9bd67; background: #0b1d1390; color: #cbd8c2; }
.vp .vp-rich-editor a,.vp .vp-rich-output a { color: #f4d575; overflow-wrap: anywhere; }
.vp .vp-rich-video { position: relative; aspect-ratio: 16 / 9; width: min(100%,760px); margin: 18px auto; overflow: hidden; border: 1px solid #65814480; border-radius: 10px; background: #08140d; }
.vp .vp-rich-editor .vp-rich-video { display: grid; place-items: center; min-height: 130px; aspect-ratio: auto; }
.vp .vp-rich-editor .vp-rich-video:before { content: '▶ Eingefügtes YouTube-Video'; color: #f6de8d; font-weight: bold; }
.vp .vp-rich-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.vp .vp-rich-output { color: #c5d2bd; line-height: 1.8; overflow-wrap: anywhere; }
.vp .vp-rich-output>p:first-child,.vp .vp-rich-output>h2:first-child,.vp .vp-rich-output>h3:first-child { margin-top: 0; }
@media(max-width:750px){.vp .vp-rich-toolbar button{flex:1 0 auto}.vp .vp-rich-editor{min-height:220px;padding:14px}.vp .vp-feature-options span{font-size:11px}}
@media(max-width:750px){.vp .vp-coin-shop{padding:20px}.vp .vp-coin-packages{grid-template-columns:1fr}.vp .vp-coin-package{padding:17px}}

/* Server-Finder: the same structured fields used by server owners become user preferences. */
.vp .vp-finder { display: grid; gap: 22px; margin: 26px 0; padding: 24px; border: 1px solid #65814470; border-radius: 14px; background: linear-gradient(135deg,#142b1e,#0d2116); }
.vp .vp-finder-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; }
.vp .vp-finder-grid label { color: #c5d2bd; font-size: 12px; }
.vp .vp-finder-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.vp .vp-match-card { display: grid; grid-template-columns: minmax(0,1fr) 160px; gap: 18px; padding: 22px; border: 1px solid #65814450; border-radius: 14px; background: linear-gradient(115deg,#1b3525,#11251b); }
.vp .vp-match-copy h3 { margin: 8px 0; color: #f6de8d; font-size: 22px; }
.vp .vp-match-copy p { color: #b9c8b3; font-size: 13px; line-height: 1.7; }
.vp .vp-match-score { align-self: center; padding: 18px; border: 1px solid #e8ce7a66; border-radius: 12px; background: #e8ce7a12; text-align: center; }
.vp .vp-match-score strong { display: block; color: #f7d774; font-size: 30px; }
.vp .vp-match-score small { display: block; margin-top: 7px; color: #c5d2bd; font-size: 11px; }
.vp .vp-match-reasons { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.vp .vp-match-reasons span { padding: 5px 9px; border-radius: 999px; background: #91b66f1f; color: #cde1b5; font-size: 10px; }
.vp .vp-match-card .vp-card-actions { grid-column: 1/-1; }
.vp .vp-match-card .vp-card-actions a:first-child { margin-left: 0; margin-right: auto; font-weight: bold; }
@media(max-width:900px){.vp .vp-finder-grid{grid-template-columns:1fr 1fr}.vp .vp-match-card{grid-template-columns:1fr}.vp .vp-match-score{max-width:240px}.vp .vp-match-card .vp-card-actions{grid-column:1}}
@media(max-width:520px){.vp .vp-finder{padding:18px}.vp .vp-finder-grid{grid-template-columns:1fr}}

/* Warm gold/brown skin for the finder and the complete server editor. */
.vp .vp-finder { border-color: #ba8b5966; background: linear-gradient(135deg,#493326,#302321); }
.vp .vp-finder-grid label { color: #c5b199; }
.vp .vp-finder input,.vp .vp-finder select { background: #291f1b; border-color: #a4815577; color: #f3e6d2; }
.vp .vp-match-card { border-color: #c6945755; background: linear-gradient(110deg,#6a4834aa,#453029dd); }
.vp .vp-match-copy h3 { color: #f3dfbc; }
.vp .vp-match-copy p { color: #d0bda7; }
.vp .vp-match-score { border-color: #d4af7277; background: #d4af7218; }
.vp .vp-match-score strong { color: #ffe0a1; }
.vp .vp-match-score small { color: #c5b199; }
.vp .vp-match-reasons span { background: #d4af721c; border: 1px solid #bd925f55; color: #ead1a7; }
.vp .vp-panel { background: #352620; border-color: #ba8b5966; }
.vp .vp-panel h2,.vp .vp-feature-picker legend,.vp .vp-rich-editor h2,.vp .vp-rich-editor h3,.vp .vp-rich-editor h4 { color: #f3dfbc; }
.vp .vp-panel label,.vp .vp-feature-picker>p,.vp .vp-rich-field>p,.vp .vp-rich-heading { color: #c5b199; }
.vp .vp-panel input,.vp .vp-panel select,.vp .vp-panel textarea { background: #291f1b; border-color: #a4815577; color: #f3e6d2; }
.vp .vp-feature-picker { border-color: #ba8b5966; background: #30232166; }
.vp .vp-feature-options span { border-color: #a4815577; background: #291f1b; color: #d8c4a9; }
.vp .vp-feature-options input:checked+span { border-color: #d4af72; background: #d4af7224; color: #ffe0a1; box-shadow: inset 0 0 0 1px #d4af7255; }
.vp .vp-media-switch button { border-color: #bd925f88; background: #291f1b; color: #ead1a7; }
.vp .vp-media-switch button[aria-pressed=true] { background: #d4af72; color: #302319; }
.vp .vp-rich-toolbar { border-color: #ba8b5966; background: #241b19; }
.vp .vp-rich-toolbar button,.vp .vp-emoji-picker button { border-color: #a4815577; background: #493326; color: #f3e6d2; }
.vp .vp-rich-toolbar button:hover,.vp .vp-emoji-picker button:hover { border-color: #d4af72; background: #60422f; }
.vp .vp-emoji-picker { border-color: #ba8b5966; background: #352620; }
.vp .vp-rich-editor { border-color: #ba8b5966; background: #291f1b; color: #f3e6d2; }
.vp .vp-rich-editor:empty:before { color: #a89178; }
.vp .vp-rich-editor blockquote { border-left-color: #d4af72; background: #241b1990; color: #d8c4a9; }
.vp .vp-rich-editor a { color: #ffe0a1; }
.vp .vp-rich-video { border-color: #ba8b5977; background: #1b1513; }

/* Server verification and its public green trust label. */
.vp .vp-verified,.vp .vp-unverified{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2}.vp .vp-verified{border:1px solid #72d27788;background:#46b45b1c;color:#7ee38a!important}.vp .vp-unverified{border:1px solid #ee626288;background:#d13b3b1c;color:#ff8585!important}.vp-card-title .vp-verified,.vp-card-title .vp-unverified{margin:8px auto 0;font-family:Arial,sans-serif;font-variant:normal;letter-spacing:0;text-shadow:none}.vp-verification-list{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 22px;padding-bottom:18px;border-bottom:1px solid #ba8b5944}.vp .vp-verified-button{border-color:#72d277;background:#245c30;color:#dfffe2}.vp-verification-panel h3{margin:18px 0 10px;color:#f3dfbc}.vp-verification-panel textarea{font-family:Consolas,monospace;font-size:11px;overflow-wrap:normal;white-space:pre}.vp-verification-check{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:20px}.vp-verification-check button{margin-bottom:0}.vp [data-ui=verification-message]{min-height:22px;color:#f7d774;font-size:13px}.vp-owned .vp-verified,.vp-owned .vp-unverified{margin-left:auto}.vp-owned strong+.vp-verified,.vp-owned strong+.vp-unverified{margin-left:0}@media(max-width:750px){.vp-community-buttons{grid-template-columns:1fr}.vp-verification-check{grid-template-columns:1fr}.vp-verification-list button{width:100%}}

/* Public event cards and the compact owner event editor. */
.vp .vp-events-heading{margin-top:28px}.vp .vp-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vp .vp-event-card{min-width:0;overflow:hidden;border:1px solid #ba8b5966;border-radius:14px;background:linear-gradient(145deg,#493326,#302321);box-shadow:0 10px 28px #0003}.vp .vp-event-media{display:grid;place-items:center;aspect-ratio:12/5;overflow:hidden;background:radial-gradient(circle at 30% 20%,#d4af7244,transparent 45%),#241b19}.vp .vp-event-media img{width:100%;height:100%;object-fit:cover}.vp .vp-event-placeholder{color:#ffe0a1;font-size:42px;font-weight:900;letter-spacing:4px}.vp .vp-event-body{display:grid;gap:12px;padding:15px}.vp .vp-event-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.vp .vp-event-server{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#ead1a7;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.vp .vp-event-server:hover{text-decoration:underline}.vp .vp-event-remaining{flex-shrink:0;padding:5px 9px;border:1px solid #d4af7288;border-radius:999px;background:#d4af7216;color:#ffd36f;font-size:10px;font-weight:800}.vp .vp-event-body h2{margin:0;color:#f3dfbc;font-size:18px;line-height:1.35;overflow-wrap:anywhere}.vp .vp-event-actions{display:flex;flex-wrap:wrap;gap:9px}.vp .vp-event-actions a{color:#d0bda7;font-size:11px}.vp .vp-event-empty{grid-column:1/-1}.vp .vp-event-form{margin-top:18px;padding-top:18px;border-top:1px solid #ba8b5944}.vp .vp-event-form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.vp .vp-event-form-actions button{margin:0}.vp .vp-event-list{display:grid;gap:10px;margin-top:20px}.vp .vp-event-owned{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:14px;border:1px solid #ba8b5944;border-radius:9px;background:#30232199}.vp .vp-event-owned-copy{min-width:0}.vp .vp-event-owned-copy strong,.vp .vp-event-owned-copy span{display:block;overflow-wrap:anywhere}.vp .vp-event-owned-copy span{margin-top:5px;color:#c5b199;font-size:11px}.vp .vp-event-owned-actions{display:flex;flex-wrap:wrap;gap:7px}.vp .vp-event-owned-actions button{margin:0}.vp .vp-event-status-running{color:#8ce297!important}.vp .vp-event-status-upcoming{color:#ffe0a1!important}.vp .vp-event-status-ended{color:#a89178!important}@media(max-width:750px){.vp .vp-event-grid{grid-template-columns:1fr}.vp .vp-event-owned{grid-template-columns:1fr}.vp .vp-event-meta{align-items:flex-start}.vp .vp-event-remaining{white-space:nowrap}}