:root{--bg:#040605;--bg2:#070b08;--panel:#09100b;--panel2:#0d1710;--line:#1f3927;--line2:#315b3d;--green:#83ff9f;--green2:#35d566;--dim:#8ba995;--text:#e5ffeb;--amber:#ffd36a;--red:#ff657c;--cyan:#75d8ff;--shadow:0 18px 60px rgba(0,0,0,.5);--mono:"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:Inter,Segoe UI,system-ui,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--sans)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(53,213,102,.10),transparent 28%),linear-gradient(180deg,#040605,#050806 60%,#020403)}button,input,select,textarea{font:inherit}.mono,pre,.commandLine,.sidebarTitle,.sidebarLabel,.chip,.kicker,.frameHead,.serverTable,.terminalOutput{font-family:var(--mono)}.crt{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.11;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(131,255,159,.13) 4px),linear-gradient(90deg,rgba(255,0,0,.015),transparent 35%,rgba(0,255,255,.015));mix-blend-mode:screen}.shell{min-height:100vh;padding-bottom:190px}.topbar{position:sticky;top:0;z-index:30;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(4,6,5,.94);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brandMark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--green);font-family:var(--mono);font-weight:900;color:var(--green);box-shadow:inset 0 0 18px rgba(131,255,159,.10),0 0 22px rgba(131,255,159,.08)}.brandText strong{display:block;font-family:var(--mono);letter-spacing:.09em}.brandText small{display:block;color:var(--dim);font-size:9px;letter-spacing:.18em;margin-top:3px}.topReadouts{display:flex;align-items:center;gap:9px;font-size:11px}.chip{border:1px solid var(--line);padding:7px 9px;color:var(--dim);letter-spacing:.06em}.chip.ok{border-color:#29673a;color:var(--green)}.chip.warn{border-color:#745f20;color:var(--amber)}.chip.bad{border-color:#742a39;color:var(--red)}.textButton,.frameAction{border:0;background:none;color:var(--green);font-family:var(--mono);font-size:11px;cursor:pointer}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{position:sticky;top:68px;height:calc(100vh - 68px);padding:20px 14px;border-right:1px solid var(--line);background:rgba(5,9,6,.82);overflow:auto}.sidebarTitle{font-size:12px;color:var(--green);letter-spacing:.16em;padding:0 10px 16px}.nav{display:grid;gap:5px}.nav button{position:relative;display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:transparent;color:var(--dim);padding:11px 10px;text-align:left;font-family:var(--mono);font-size:11px;cursor:pointer}.nav button span{color:#496553}.nav button:hover,.nav button.active{border-color:var(--line2);background:#0a120d;color:var(--green)}.nav button.active:before{content:"";position:absolute;left:-15px;top:8px;bottom:8px;width:3px;background:var(--green)}.navCount{margin-left:auto;min-width:20px;padding:2px 5px;background:var(--green2);color:#031006;text-align:center}.sidebarBlock{border-top:1px solid var(--line);margin-top:22px;padding:18px 8px 0}.sidebarLabel{font-size:9px;color:#587161;letter-spacing:.16em;margin-bottom:11px}.dependencyRail{display:grid;gap:8px}.dependencyRail div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-family:var(--mono);font-size:10px}.dependencyRail span{color:var(--dim)}.dependencyRail b{color:#657b6b;font-weight:500}.statusDot{width:7px;height:7px;border-radius:50%;background:#5c6e61;box-shadow:0 0 10px currentColor}.statusDot.ok{background:var(--green)}.statusDot.warn{background:var(--amber)}.statusDot.bad{background:var(--red)}.statusDot.pending{animation:blink 1s infinite}.sessionBlock dl{margin:0;display:grid;gap:8px}.sessionBlock dl div{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:10px}.sessionBlock dt{color:#587161}.sessionBlock dd{margin:0;color:var(--text);text-align:right;overflow-wrap:anywhere}.main{min-width:0;padding:28px clamp(18px,3vw,48px) 70px}.bootPanel{min-height:60vh;display:grid;place-content:center;text-align:center;font-family:var(--mono)}.bootLogo{font-size:clamp(60px,12vw,150px);line-height:1;color:var(--green);font-weight:900;text-shadow:0 0 30px rgba(131,255,159,.18)}.bootLogo span{animation:blink .8s infinite}.bootPanel p{color:var(--dim);letter-spacing:.1em}.bootBar{width:min(480px,75vw);height:4px;background:#102016;margin-top:18px}.bootBar i{display:block;width:18%;height:100%;background:var(--green);animation:boot 2s ease-in-out infinite}.loginPanel{max-width:720px;margin:8vh auto}.terminalFrame{border:1px solid var(--line);background:linear-gradient(150deg,rgba(13,23,16,.96),rgba(5,9,6,.98));box-shadow:var(--shadow)}.frameHead{height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.09em;color:var(--green)}.frameHead b{font-weight:500;color:var(--dim)}.frameBody{padding:24px}.authFrame{text-align:center}.authFrame h1{font-size:clamp(26px,5vw,44px);margin:22px 0 12px}.authFrame p{color:var(--dim);line-height:1.6}.ascii{color:var(--green);display:inline-block;text-align:left}.globalBanner{display:grid;grid-template-columns:12px 1fr auto;gap:13px;align-items:center;border:1px solid var(--line);background:#08100b;padding:12px 14px;margin-bottom:26px}.globalBanner i{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px currentColor}.globalBanner strong{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.09em}.globalBanner span{display:block;color:var(--dim);font-size:12px;margin-top:3px}.globalBanner time{font-family:var(--mono);font-size:10px;color:#607565}.globalBanner.ok{border-color:#255a34}.globalBanner.ok i{background:var(--green)}.globalBanner.warn{border-color:#69571f}.globalBanner.bad{border-color:#6f2635}.globalBanner.bad i{background:var(--red)}.view{display:none}.view.active{display:block}.viewHead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.kicker{display:block;color:var(--green);font-size:10px;letter-spacing:.16em;margin-bottom:8px}.viewHead h1{font-size:clamp(30px,4vw,56px);line-height:1;margin:0 0 10px}.viewHead p{margin:0;color:var(--dim);max-width:800px;line-height:1.55}.headActions{display:flex;gap:8px;flex-wrap:wrap}.terminalButton{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);background:#0a140d;color:var(--text);padding:10px 13px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-decoration:none;cursor:pointer}.terminalButton:hover{border-color:var(--green);color:var(--green)}.terminalButton.primary{background:var(--green2);border-color:var(--green2);color:#031006;font-weight:900}.terminalButton.danger{border-color:#743044;color:#ff8da0}.terminalButton:disabled,.terminalButton.busy{opacity:.45;cursor:wait}.metricGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metricGrid article{border:1px solid var(--line);background:#08100b;padding:18px;min-height:126px}.metricGrid span{font-family:var(--mono);font-size:9px;color:var(--dim);letter-spacing:.12em}.metricGrid strong{display:block;font-family:var(--mono);font-size:34px;color:var(--green);margin:16px 0 6px}.metricGrid small{color:#687f6e}.overviewGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compactList{padding:6px 14px 14px}.compactItem{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #14241a;font-family:var(--mono);font-size:11px}.compactItem:last-child{border-bottom:0}.compactItem span{color:var(--dim)}.compactItem b{font-size:10px;color:var(--green)}.commandReference{margin-top:16px}.commandChips{display:flex;gap:7px;flex-wrap:wrap;padding:13px}.commandChips button{border:1px solid var(--line);background:#050906;color:var(--green);font-family:var(--mono);font-size:10px;padding:8px 10px;cursor:pointer}.filterBar{display:grid;grid-template-columns:1fr 190px auto;gap:10px;align-items:end;margin-bottom:14px}.filterBar label,.formBody label{display:grid;gap:6px}.filterBar label span,.formBody label span{font-family:var(--mono);font-size:9px;letter-spacing:.11em;color:var(--dim)}input,select,textarea{width:100%;border:1px solid var(--line);background:#050906;color:var(--text);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green)}.tableWrap{border:1px solid var(--line);overflow:auto;background:#060a07}.serverTable{width:100%;border-collapse:collapse;min-width:1050px;font-size:10px}.serverTable th{position:sticky;top:0;background:#0c150f;color:#6f8a77;text-align:left;letter-spacing:.09em;padding:11px;border-bottom:1px solid var(--line)}.serverTable td{padding:12px 11px;border-bottom:1px solid #14241a;vertical-align:top}.serverTable tr:hover td{background:#09110c}.serverName strong{display:block;color:var(--text);font-size:12px}.serverName small{display:block;color:var(--dim);margin-top:5px}.stateBadge{display:inline-flex;align-items:center;border:1px solid var(--line);padding:5px 7px;font-size:9px;color:var(--dim)}.stateBadge.online,.stateBadge.running,.stateBadge.verified,.stateBadge.completed{border-color:#2a653a;color:var(--green)}.stateBadge.partial,.stateBadge.waiting,.stateBadge.queued,.stateBadge.validating,.stateBadge.template{border-color:#6d5a20;color:var(--amber)}.stateBadge.offline,.stateBadge.failed,.stateBadge.broken,.stateBadge.recovery_required{border-color:#75283a;color:var(--red)}.rowActions{display:flex;gap:5px;flex-wrap:wrap}.rowActions button,.rowActions a{border:1px solid var(--line);background:#09110c;color:var(--text);font-family:var(--mono);font-size:9px;padding:6px 8px;text-decoration:none;cursor:pointer}.rowActions button:hover,.rowActions a:hover{border-color:var(--green);color:var(--green)}.tableEmpty{text-align:center;color:var(--dim);padding:40px!important}.notice{border:1px solid var(--line);background:#08100b;padding:11px 13px;margin:0 0 14px;color:var(--dim);font-family:var(--mono);font-size:10px}.notice.ok{border-color:#285e37;color:var(--green)}.notice.warning{border-color:#6c591e;color:var(--amber)}.notice.bad{border-color:#712637;color:var(--red)}.providerGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.providerCard{border:1px solid var(--line);background:#08100b;padding:16px}.providerCard span{display:block;font-family:var(--mono);font-size:9px;color:var(--dim)}.providerCard strong{display:block;font-family:var(--mono);font-size:16px;margin:12px 0 6px}.providerCard small{color:#6f8674}.providerCard.ok{border-color:#285e37}.providerCard.ok strong{color:var(--green)}.providerCard.warn{border-color:#6c591e}.providerCard.warn strong{color:var(--amber)}.providerCard.bad{border-color:#712637}.providerCard.bad strong{color:var(--red)}.operationGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.operationStream{padding:8px}.operationRow{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;border:0;border-bottom:1px solid #14241a;background:transparent;color:var(--text);padding:11px 6px;text-align:left;cursor:pointer}.operationRow:hover{background:#09110c}.operationRow span{display:grid;gap:4px}.operationRow b{font-family:var(--mono);font-size:10px}.operationRow small{color:var(--dim);font-size:10px;overflow-wrap:anywhere}.operationRow em{font-family:var(--mono);font-style:normal;font-size:9px;color:var(--amber)}.operationRow.completed em{color:var(--green)}.operationRow.failed em,.operationRow.recovery_required em{color:var(--red)}.detailFrame{margin-top:16px}.detailFrame pre,.view-system pre{margin:0;border:0;background:#020403;min-height:180px;max-height:520px;overflow:auto;padding:16px;color:#bce8c7;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--mono);font-size:11px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.formBody{display:grid;gap:14px}.formBody output{min-height:18px;color:var(--green);font-family:var(--mono);font-size:11px}.diagnosticGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.diagnostic{border:1px solid var(--line);background:#08100b;padding:14px}.diagnostic span{display:block;font-family:var(--mono);font-size:9px;color:var(--dim)}.diagnostic strong{display:block;font-family:var(--mono);margin:12px 0 5px}.diagnostic small{color:#6d8170}.diagnostic.ok{border-color:#285e37}.diagnostic.ok strong{color:var(--green)}.diagnostic.warn{border-color:#6c591e}.diagnostic.warn strong{color:var(--amber)}.diagnostic.bad{border-color:#712637}.diagnostic.bad strong{color:var(--red)}.commandDock{position:fixed;left:250px;right:0;bottom:0;z-index:35;border-top:1px solid var(--line2);background:rgba(3,5,4,.96);box-shadow:0 -20px 50px rgba(0,0,0,.35)}.terminalOutput{height:128px;overflow:auto;padding:10px 18px;font-size:10px}.terminalOutput div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:3px 0}.terminalOutput time{color:#5f7867}.terminalOutput span{color:#b8d8c0;white-space:pre-wrap;overflow-wrap:anywhere}.terminalOutput .error span{color:var(--red)}.terminalOutput .warning span{color:var(--amber)}.terminalOutput .success span{color:var(--green)}.commandLine{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-top:1px solid var(--line);padding:9px 14px;gap:8px}.commandLine label{color:var(--green);font-size:11px}.commandLine input{border:0;background:transparent;padding:7px;color:var(--text);font-family:var(--mono)}.commandLine button{border:1px solid var(--line);background:#0a140d;color:var(--green);padding:7px 12px;font-family:var(--mono);font-size:10px;cursor:pointer}.toast{position:fixed;right:16px;bottom:182px;z-index:60;max-width:420px;border:1px solid var(--green);background:#08100b;padding:12px 14px;transform:translateY(180%);transition:.2s;font-family:var(--mono);font-size:10px;box-shadow:var(--shadow)}.toast.show{transform:translateY(0)}.toast.error{border-color:var(--red)}.toast.warning{border-color:var(--amber)}.hidden{display:none!important}.emptyLine{padding:18px;color:#647b69;font-family:var(--mono);font-size:10px}.skeletonLine{height:38px;margin:8px 0;background:linear-gradient(90deg,#08100b,#102016,#08100b);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}@keyframes blink{50%{opacity:.25}}@keyframes boot{0%,100%{width:12%}50%{width:82%}}
@media(max-width:1100px){.metricGrid{grid-template-columns:repeat(2,1fr)}.overviewGrid,.operationGrid{grid-template-columns:1fr}.diagnosticGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.shell{padding-bottom:220px}.workspace{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.sidebarTitle,.sidebarBlock{display:none}.nav{grid-template-columns:repeat(5,1fr);overflow:auto}.nav button{justify-content:center;padding:10px 6px}.nav button span{display:none}.nav button.active:before{left:8px;right:8px;top:auto;bottom:-1px;width:auto;height:2px}.commandDock{left:0}.topReadouts .mono{display:none}.main{padding:22px 14px 60px}.viewHead{align-items:flex-start;flex-direction:column}.filterBar{grid-template-columns:1fr}.formGrid,.providerGrid{grid-template-columns:1fr}}
@media(max-width:540px){.topbar{height:auto;min-height:64px;padding:9px 10px;align-items:flex-start}.brandText small{display:none}.topReadouts{justify-content:flex-end;flex-wrap:wrap}.chip{padding:5px 6px}.nav{grid-template-columns:repeat(5,minmax(90px,1fr))}.metricGrid,.diagnosticGrid{grid-template-columns:1fr}.commandLine{grid-template-columns:1fr auto}.commandLine label{grid-column:1/-1}.terminalOutput{height:150px}.toast{bottom:215px}.ascii{font-size:9px}.viewHead h1{font-size:34px}}


/* RP_PLAY_MINECRAFT_GROUP_V1 */

.serverGroupRow td{
  padding:0!important;
  border-bottom:1px solid var(--line2)!important;
}

.serverGroupHeader{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:15px 17px;
  background:
    linear-gradient(90deg,rgba(131,255,159,.09),rgba(131,255,159,.015));
  border-left:3px solid var(--green);
}

.serverGroupHeader strong{
  display:block;
  margin:4px 0;
  color:var(--green);
  font-family:var(--mono);
  font-size:18px;
  letter-spacing:.12em;
}

.serverGroupHeader small{
  color:var(--dim);
  font-family:var(--mono);
  font-size:9px;
  letter-spacing:.08em;
}

.serverGroupKicker{
  display:block;
  color:#66826d;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.18em;
}

.serverGroupMeta{
  display:grid;
  justify-items:end;
  gap:5px;
  font-family:var(--mono);
}

.serverGroupMeta b{
  color:var(--green);
  font-size:10px;
}

.serverGroupMeta span{
  color:var(--dim);
  font-size:9px;
}

.minecraftServerRow td{
  background:rgba(8,16,11,.48);
}

.minecraftServerRow:hover td{
  background:rgba(12,25,16,.80)!important;
}

.rpActionProgress{
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid #14241a;
  color:#587161;
  font-family:var(--mono);
  font-size:8px;
  letter-spacing:.08em;
}

.rpActionProgress.busy{
  color:var(--amber);
  animation:blink 1s infinite;
}

.rpActionProgress.verifying{
  color:var(--green);
}

.rpActionProgress.failed{
  color:var(--red);
}

@media(max-width:700px){
  .serverGroupHeader{
    align-items:flex-start;
    flex-direction:column;
  }

  .serverGroupMeta{
    justify-items:start;
  }
}

/* RP_RPGAMES18_NATIVE_CSS_BEGIN */
/* RP_RPGAMES18_UI_V1 */

.rp18Root {
    display: none;
    padding: 18px;
    min-height: calc(100vh - 78px);
    box-sizing: border-box;
}

body.rp18-mode-unified .rp18Root {
    display: block;
}

body.rp18-mode-unified #appPanel,
body.rp18-mode-unified #commandDock,
body.rp18-mode-unified #nav {
    display: none !important;
}

#rp18Nav {
    display: none;
}

body.rp18-mode-unified #rp18Nav {
    display: grid;
    gap: 7px;
}

.rp18NavButton,
.rp18Button {
    appearance: none;
    border: 1px solid rgba(96,255,125,.38);
    background: rgba(5,15,8,.88);
    color: #9cffad;
    font: inherit;
    cursor: pointer;
    border-radius: 7px;
}

.rp18NavButton {
    width: 100%;
    text-align: left;
    padding: 11px 12px;
    letter-spacing: .08em;
}

.rp18NavButton.active {
    background: rgba(25,86,42,.36);
    border-color: rgba(116,255,145,.8);
    color: #d2ffda;
}

.rp18Hero {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
}

.rp18Hero h1 {
    margin: 0 0 6px;
    font-size: clamp(22px,3vw,34px);
    letter-spacing: .04em;
}

.rp18Hero p {
    margin: 0;
    color: rgba(196,255,205,.7);
    max-width: 760px;
}

.rp18Summary {
    display: grid;
    grid-template-columns: repeat(5,minmax(100px,1fr));
    gap: 9px;
    margin-bottom: 14px;
}

.rp18Metric {
    border: 1px solid rgba(88,255,119,.22);
    background: rgba(4,13,7,.7);
    border-radius: 9px;
    padding: 13px;
}

.rp18Metric span {
    display: block;
    color: rgba(184,255,196,.57);
    font-size: 11px;
    letter-spacing: .1em;
}

.rp18Metric b {
    display: block;
    margin-top: 4px;
    font-size: 24px;
    color: #b8ffc4;
}

.rp18Toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
}

.rp18Search {
    min-width: 240px;
    flex: 1 1 320px;
    border: 1px solid rgba(87,255,119,.32);
    background: rgba(1,9,4,.92);
    color: #caffd3;
    border-radius: 8px;
    padding: 11px 12px;
    font: inherit;
}

.rp18Filters {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rp18Button {
    padding: 10px 12px;
}

.rp18Button.active {
    border-color: #9cffad;
    background: rgba(34,114,56,.34);
}

.rp18Grid {
    display: grid;
    grid-template-columns: repeat(
        auto-fill,
        minmax(260px,1fr)
    );
    gap: 11px;
}

.rp18Card {
    border: 1px solid rgba(97,255,126,.24);
    background:
        linear-gradient(
            180deg,
            rgba(10,24,13,.94),
            rgba(3,10,5,.95)
        );
    border-radius: 10px;
    padding: 14px;
    cursor: pointer;
    transition:
        transform .12s ease,
        border-color .12s ease;
}

.rp18Card:hover {
    transform: translateY(-1px);
    border-color: rgba(137,255,157,.66);
}

.rp18CardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.rp18State {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    letter-spacing: .08em;
}

.rp18State::before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #738078;
}

.rp18State.online::before {
    background: #7dff97;
    box-shadow: 0 0 8px rgba(125,255,151,.7);
}

.rp18State.installed::before {
    background: #78c8ff;
}

.rp18State.available::before {
    background: #e1c76a;
}

.rp18State.offline::before {
    background: #ff7070;
}

.rp18Provider {
    color: rgba(195,255,205,.48);
    font-size: 10px;
    letter-spacing: .08em;
}

.rp18Card h2 {
    font-size: 17px;
    margin: 12px 0 7px;
}

.rp18CardMeta {
    color: rgba(196,255,205,.62);
    font-size: 12px;
    line-height: 1.55;
}

.rp18CardFoot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    padding-top: 9px;
    border-top: 1px solid rgba(100,255,128,.11);
    color: rgba(198,255,207,.55);
    font-size: 11px;
}

.rp18DrawerBackdrop {
    position: fixed;
    inset: 0;
    z-index: 99996;
    display: none;
    background: rgba(0,0,0,.58);
}

.rp18DrawerBackdrop.open {
    display: block;
}

.rp18Drawer {
    position: absolute;
    top: 0;
    right: 0;
    width: min(520px,94vw);
    height: 100%;
    background: #061008;
    border-left: 1px solid rgba(110,255,137,.42);
    box-shadow: -20px 0 50px rgba(0,0,0,.45);
    overflow: auto;
    padding: 18px;
    box-sizing: border-box;
}

.rp18DrawerHead {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.rp18Drawer h2 {
    margin: 0 0 4px;
}

.rp18Component {
    border: 1px solid rgba(99,255,128,.19);
    border-radius: 8px;
    padding: 12px;
    margin: 8px 0;
    background: rgba(2,10,4,.72);
}

.rp18ComponentHead {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.rp18Component p {
    margin: 7px 0 0;
    color: rgba(196,255,205,.65);
    font-size: 12px;
    line-height: 1.5;
}

.rp18ComponentActions {
    display: flex;
    gap: 6px;
    margin-top: 9px;
}

#rp18Return {
    display: none;
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 99990;
}

body.rp18-mode-advanced #rp18Return {
    display: block;
}

.rp18Empty {
    grid-column: 1/-1;
    border: 1px dashed rgba(100,255,128,.25);
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    color: rgba(197,255,207,.55);
}

@media (max-width:900px) {
    .rp18Summary {
        grid-template-columns: repeat(2,1fr);
    }

    .rp18Hero {
        display: block;
    }
}

@media (max-width:560px) {
    .rp18Root {
        padding: 11px;
    }

    .rp18Summary {
        grid-template-columns: repeat(2,1fr);
    }

    .rp18Grid {
        grid-template-columns: 1fr;
    }

    .rp18Search {
        min-width: 0;
        width: 100%;
    }
}
/* RP_RPGAMES18_NATIVE_CSS_END */


/* RP_RPGAMES18_MODAL_V2_CSS_BEGIN */

.rp18DrawerBackdrop.open {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    box-sizing: border-box;
    backdrop-filter: blur(4px);
}

.rp18Drawer {
    position: relative;
    top: auto;
    right: auto;

    width: min(920px, 96vw);
    height: auto;
    max-height: 90vh;

    overflow: auto;

    padding: 20px;

    border:
        1px solid rgba(112,255,139,.58);

    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            rgba(7,18,10,.985),
            rgba(2,8,4,.985)
        );

    box-shadow:
        0 24px 80px rgba(0,0,0,.72),
        0 0 38px rgba(54,255,94,.08);
}

.rp18ModalTabs {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;

    padding: 10px 0 14px;
    margin-bottom: 14px;

    border-bottom:
        1px solid rgba(95,255,124,.18);
}

.rp18ModalTab {
    appearance: none;

    border:
        1px solid rgba(94,255,122,.28);

    background:
        rgba(3,12,5,.86);

    color:
        rgba(190,255,202,.68);

    border-radius: 7px;

    padding: 10px 13px;

    font: inherit;
    cursor: pointer;
    letter-spacing: .06em;
}

.rp18ModalTab.active {
    color: #caffd3;

    border-color:
        rgba(126,255,149,.78);

    background:
        rgba(25,88,41,.34);
}

.rp18ModalPanel {
    display: none;
}

.rp18ModalPanel.active {
    display: block;
}

.rp18InfoLead {
    display: flex;
    align-items: center;
    gap: 12px;

    margin:
        4px 0 14px;

    font-size: 15px;
}

.rp18SystemGrid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
}

.rp18SystemLine {
    display: grid;

    grid-template-columns:
        minmax(130px,.8fr)
        minmax(160px,1fr)
        auto;

    gap: 12px;
    align-items: center;

    border:
        1px solid rgba(93,255,122,.17);

    background:
        rgba(2,10,4,.7);

    border-radius: 7px;

    padding: 11px 12px;
}

.rp18SystemLine > span {
    color:
        rgba(192,255,203,.52);

    font-size: 11px;
    letter-spacing: .08em;
}

.rp18SystemLine > strong {
    color: #c8ffd1;
    font-size: 12px;
    font-weight: 600;
}

.rp18MiniState {
    min-width: 54px;

    text-align: center;

    border-radius: 5px;

    padding: 5px 7px;

    font-size: 9px;
    letter-spacing: .09em;

    border:
        1px solid rgba(255,255,255,.16);
}

.rp18MiniState.pass {
    color: #9cffad;

    border-color:
        rgba(111,255,137,.45);
}

.rp18MiniState.warn,
.rp18MiniState.pending {
    color: #e6ce77;

    border-color:
        rgba(230,206,119,.4);
}

.rp18MiniState.fail {
    color: #ff8585;

    border-color:
        rgba(255,112,112,.42);
}

.rp18ModalActions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;

    margin-top: 14px;
}

.rp18ButtonLink {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.rp18Button:disabled,
.rp18PlayNow:disabled {
    opacity: .42;
    cursor: not-allowed;
}

.rp18PlayNow {
    display: block;
    width: 100%;

    margin-top: 16px;

    border:
        1px solid rgba(116,255,143,.72);

    background:
        linear-gradient(
            180deg,
            rgba(29,114,48,.5),
            rgba(10,54,21,.62)
        );

    color: #d5ffdc;

    border-radius: 9px;

    padding: 16px 18px;

    font: inherit;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .14em;

    cursor: pointer;
}

.rp18PlayNow:not(:disabled):hover {
    border-color: #a9ffb8;

    background:
        linear-gradient(
            180deg,
            rgba(43,145,66,.58),
            rgba(13,70,27,.72)
        );
}

.rp18SystemBusy,
.rp18SystemError,
.rp18SystemResult,
.rp18OnlineSummary {
    border:
        1px solid rgba(92,255,120,.18);

    border-radius: 8px;

    background:
        rgba(2,9,4,.68);

    padding: 13px;

    color:
        rgba(199,255,208,.7);

    font-size: 12px;
}

.rp18SystemError {
    border-color:
        rgba(255,100,100,.38);

    color: #ff9a9a;
}

.rp18SystemResult {
    margin-top: 10px;
    min-height: 18px;
    word-break: break-word;
}

.rp18OnlineSummary {
    display: grid;
    gap: 6px;

    margin-bottom: 12px;
}

.rp18OnlineSummary span {
    color:
        rgba(190,255,201,.5);

    line-height: 1.5;
}

@media (max-width: 680px) {

    .rp18DrawerBackdrop.open {
        padding: 8px;
    }

    .rp18Drawer {
        width: 100%;
        max-height: 94vh;
        padding: 14px;
    }

    .rp18SystemLine {
        grid-template-columns:
            1fr auto;
    }

    .rp18SystemLine > strong {
        grid-column:
            1 / -1;

        grid-row: 2;
    }

    .rp18ModalTabs {
        display: grid;
        grid-template-columns: 1fr;
    }

    .rp18ModalTab {
        text-align: left;
    }
}

/* RP_RPGAMES18_MODAL_V2_CSS_END */